/*
Version: 1.0
Author: Symlink Technology
Author URI: https://www.symlinktech.com/.
*/

:root {
  --primaryColor: #83bc4e;
  --bluePrimary: #0e4595;
  --blueSecondary: #1f5673;
  --blueFade: #698ea1;
  --subprimaryColor: #e3973b;
  /* --bodyBg: #0C0C0C;
	--socialBg: #242424; */
  --textColor: #282828;
  --subTextColor: #253341;
  --outlineStrokeColor: #DEE0E3;
  --sectionBg-color: #F2F3F4;
  /* --subTextColor:#6A6A6C; */
  --shades01: #ffffff;
  --veiwWidth: calc(100vw - 17px);
  --padding: calc(var(--veiwWidth) / 2 - 785px);
}

/* @import url("https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;500&display=swap"); */
/* @import url("https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap"); */
/* @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"); */


/* ********|| INITIALIZATION STARTS ||******** */
body,
html {width: 100%;line-height: 18px;margin: 0 auto !important;padding: 0 !important;/* font-family: "Poppins", sans-serif; */font-family: "Inter", sans-serif;font-weight: 400;/* -webkit-font-smoothing: subpixel-antialiased; */text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);font-size: 14px;color: var(--color01);background: var(--shades01);position: relative;z-index: 0;scroll-behavior: smooth;}

*:focus {
  outline: none !important;
  outline-offset: none !important;
  outline-offset: 0 !important;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:focus {
  outline: none;
  text-decoration: none;
}
input:focus,
label:focus {
  outline: none !important;
  outline-offset: none !important;
  outline-offset: 0 !important;
}
/* ********|| INITIALIZATION ENDS ||******** */

/* ********|| PSEUDO ELEMENTS STARTS ||******** */
::selection {
  background-color: var(--primaryColor);
  color: #fff;
}
::-moz-selection {
  background-color: var(--primaryColor);
  color: #fff;
}
::-webkit-selection {
  background-color: var(--primaryColor);
  color: #fff;
}

:-webkit-focus {
  outline: none !important;
}
:-moz-focus {
  outline: none !important;
}
:focus {
  outline: none !important;
}

select:-webkit-focusring {
  color: var(--primaryColor) !important;
  text-shadow: 0 0 0 var(--textMedColor);
}
select:-moz-focusring {
  color: var(--primaryColor) !important;
  text-shadow: 0 0 0 var(--textMedColor);
}
select:focusring {
  color: var(--primaryColor) !important;
  text-shadow: 0 0 0 var(--textMedColor);
}

::input-placeholder {
  color: var(--textColor) !important;
}
::-moz-input-placeholder {
  color: var(--textColor) !important;
}
::-webkit-input-placeholder {
  color: var(--textColor) !important;
}

/*::-webkit-scrollbar-track{	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color: var(--textMedColor);}
::-webkit-scrollbar{width: 5px;height: 5px;background-color: var(--textMedColor);}
::-webkit-scrollbar-thumb{background-color: var(--secondaryColorAltLight);}*/
/* ********|| PSEUDO ELEMENTS ENDS ||******** */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

/* ********|| ADJUSTMENT CLASSES STARTS ||******** */
*,
::after,
::before {
  box-sizing: border-box;
}
a {
  color: var(--primaryColor);
  transition: all 0.3s ease;
}
a:hover,
a:focus {
  color: var(--secondaryColor);
}
p {
  margin: 0 0 10px;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid var(--c4dee4);
}

.required:after {
  content: "*";
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  position: absolute;
  margin: 0 0 0 3px;
}
.separator_dashed {
  border-bottom: var(--textMedColor) 1px dashed;
}
.separator_dotted {
  border-bottom: var(--textMedColor) 1px dotted;
}
.separator_solid {
  border-bottom: var(--textMedColor) 1px solid;
}
/* ********|| ADJUSTMENT CLASSES ENDS ||******** */

section {
  position: relative;
}
.form-group {position: relative;margin: 0 0 20px;}
.control-label {font-size: 14px;font-weight: 600;margin: 0 0 2px;color: #212121;display: block;}

.form-control {border-radius: 4px;box-shadow: none;border: 1px solid #ddd;color: var(--textColor);background: #fff;min-width: 50px;min-height: 38px;width: 100%;padding: 6px 12px;font-family: inherit;font-size: 14px;}
.form-control:focus {border-color: var(--primaryColor);box-shadow: none;}
.form-control::-webkit-input-placeholder {color: var(--textColor) !important;}
.form-control:-moz-placeholder {color: var(--textColor) !important;opacity: 1 !important;}
.form-control::-moz-placeholder {color: var(--textColor) !important;opacity: 1 !important;}
.form-control:-ms-input-placeholder {color: var(--textColor) !important;}
.form-control::-ms-input-placeholder {color: var(--textColor) !important;}
textarea.form-control {resize: none;min-height: 100px;}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {background-color: #fff;opacity: 0.7;cursor: not-allowed;}

.custom-checkbox {position: relative;padding-left: 24px;margin: 3px 0;display: inline-block;}
.custom-checkbox .custom-checkbox-input {position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.custom-checkbox .custom-checkbox-label {position: relative;margin: 0;line-height: 16px;font-size: 14px;}
.custom-checkbox .custom-checkbox-label:before {content: "";position: absolute;width: 16px;height: 16px;background: #fff;border: 1px solid #ddd;top: 50%;left: -24px;transform: translateY(-50%);border-radius: 2px;}
.custom-checkbox .custom-checkbox-label:after {content: "\f00c";position: absolute;font-family: "Font Awesome 5 Pro";width: 16px;height: 16px;top: 50%;left: -24px;transform: translateY(-50%);font-weight: 500;font-size: 10px;display: none;color: #fff;text-align: center;}
.custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label:after {display: block;}
.custom-checkbox
  .custom-checkbox-input:checked
  ~ .custom-checkbox-label:before {
  background: var(--primaryColor);
  border: 1px solid var(--primaryColor);
}

.custom-radio {position: relative;padding-left: 24px;margin: 3px 0;display: inline-block;}
.custom-radio .custom-radio-input { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.custom-radio .custom-radio-label { position: relative; margin: 0; line-height: 16px; font-size: 14px;}
.custom-radio .custom-radio-label:before {content: "";position: absolute;width: 16px;height: 16px;background: #fff;border: 1px solid #ddd;top: 50%;left: -24px;transform: translateY(-50%);border-radius: 50%;}
.custom-radio .custom-radio-label:after {content: "\f111";position: absolute;font-family: "Font Awesome 5 Pro";width: 16px;height: 16px;top: 50%;left: -24px;transform: translateY(-50%);font-weight: 600;font-size: 8px;display: none;color: #fff;text-align: center;
}
.custom-radio .custom-radio-input:checked ~ .custom-radio-label:after {display: block;}
.custom-radio .custom-radio-input:checked ~ .custom-radio-label:before {background: var(--primaryColor);border: 1px solid var(--primaryColor);}

.custom-tab {
}
.custom-tab .custom-tab-navigation {padding-left: 0;list-style: none;display: flex;flex-wrap: wrap;justify-content: center;margin: 0 auto 10px;}
.custom-tab .custom-tab-navigation > li {width: auto;margin: 5px;position: relative;}
.custom-tab .custom-tab-navigation > li > a {background-color: rgba(255, 255, 255, 0.1);color: #fff;padding: 10px 20px;display: block;font-size: 16px;font-weight: 400;text-transform: capitalize;position: relative;border-radius: 4px;max-width: 300px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.custom-tab .custom-tab-navigation > li.active > a,
.custom-tab .custom-tab-navigation > li > a:hover {background-color: var(--primaryColor);}
.custom-tab .custom-tab-content {}
.custom-tab .custom-tab-content .custom-tab-wrap {display: none;background: transparent;padding: 20px 0;}
.custom-tab .custom-tab-content .custom-tab-wrap.active {display: block;}
.custom-tab .custom-tab-content .custom-tab-navigation > li > a {padding: 5px 10px;font-size: 14px;font-weight: 600;}
.custom-tab .custom-tab {margin-top: -20px;}
.custom-tab .custom-tab .custom-tab-navigation {margin-bottom: 0;}
@media (min-width: 576px) {
  .custom-tab .custom-tab-navigation {max-width: 620px;}
}
@media (min-width: 768px) {
  .custom-tab .custom-tab-navigation {
    max-width: 740px;
  }
}
@media (min-width: 992px) {
  .custom-tab .custom-tab-navigation {
    max-width: 1140px;
  }
}
@media (min-width: 1200px) {
  .custom-tab .custom-tab-navigation {
    max-width: 1200px;
  }
}

/* /////////////////////////////////////////////////////////////// */
/*             			   	 	BOOTSTRAP FIX            			   				 */
/* /////////////////////////////////////////////////////////////// */
@media (min-width: 576px) {
  :root {
    --padding: 15px;
  }
  .container {
    max-width: none;
  }
  .modal-dialog {
    max-width: 700px;
  }
  .modal-sm {
    max-width: 400px;
  }
}
@media (min-width: 768px) {
  :root {
    --padding: calc(calc(var(--veiwWidth) - 710px) / 2);
  }
  .container {
    max-width: 740px;
  }
}
@media (min-width: 992px) {
  :root {
    --padding: calc(calc(var(--veiwWidth) - 930px) / 2);
  }
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  :root {
    --padding: calc(calc(var(--veiwWidth) - 1140px) / 2);
  }
  .container {
    max-width: 1170px;
  }
}
@media (min-width: 1440px) {
  :root {
    --padding: calc(calc(var(--veiwWidth) - 1310px) / 2);
  }
  .container {
    max-width: 1340px;
  }
}
@media (min-width: 1600px) {
  :root {
    --padding: calc(calc(var(--veiwWidth) - 1370px) / 2);
  }
  .container {
    max-width: 1400px;
  }
}
@media (min-width: 1900px) {
  :root {
    --padding: calc(calc(var(--veiwWidth) - 1470px) / 2);
  }
  .container {
    max-width: 1400px;
  }
}

.modal-open {
  overflow: auto;
}
.modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.overflow-hidden {
  overflow: hidden !important;
}
.dropdown .dropdown-toggle {
  padding-right: 16px !important;
  position: relative;
}
.dropdown .dropdown-toggle::after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  font-weight: 500;
  display: block;
  position: absolute;
  margin: 0;
  vertical-align: unset;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border: 0;
  color: var(--primaryColor);
  opacity: 1;
  margin-top: 2px;
  transition: all 0.3s ease;
}
.dropdown.show .dropdown-toggle::after {
  transform: translateY(-50%) rotate(-180deg);
}
.dropdown .dropdown-menu {
  display: block;
  top: 100% !important;
  left: 50% !important;
  transform: translate(-50%, 50px) !important;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s ease all;
}
.dropdown .dropdown-menu.show {
  display: block;
  transform: translate(-50%, 0) !important;
  visibility: visible;
  opacity: 1;
  transition: 0.5s ease all;
}
.dropdown-menu .dropdown-item {
  display: flex;
  padding: 5px 15px;
  color: var(--secondaryColor);
}
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:active {
  background: var(--primaryColor);
  color: #fff;
}
.mega-dropdown {
  position: static !important;
}
.mega-dropdown .mega-dropdown-menu {
  display: block;
  width: 100%;
  top: auto !important;
  left: 50% !important;
  transform: translate(-50%, 50px) !important;
  padding: 20px 40px;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s ease all;
}
.mega-dropdown .mega-dropdown-menu.show {
  display: block;
  transform: translate(-50%, 0) !important;
  visibility: visible;
  opacity: 1;
  transition: 0.5s ease all;
}

/*////////////////////////////////////////////////////////////////*/
/*             		          	 HOME PAGE      	      				  	*/

#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
}

#loader img {
  width: 200px;
  height: 200px;
}

/*////////////////////////////////////////////////////////////////*/

/* ********|| HEADER STARTS ||******** */

 

 

header {position: fixed;top: 0;left: 0;width: 100%;height: 80px;z-index: 9;display: flex;align-items: center;transition: all 0.3s ease;}

header .container {display: flex;justify-content: space-between;align-items: center;max-width: 1800px;}
header .brand {position: relative;height: 60px;transition: all 0.3s ease;}
header .brand .logo {display: flex;width: 100%;height: 100%;}
header .brand .logo img {width: 100%;height: 100%;object-fit: contain;object-position: left;}
header .navigation {display: flex;gap: 40px;flex-shrink: 0;}
header .navigation-header {display: none;align-items: center;justify-content: space-between;height: 120px;flex-shrink: 0;box-shadow: inset 0px -20px 50px -10px rgba(var(--shades02-rgb), 0.2);transition: all 0.3s ease;}
header .navigation-menu {display: flex;list-style: none;padding: 0;margin: 0;}
header .navigation-menu .menu-item {display: flex;transition: all 0.3s ease;}
header .navigation-menu .menu-item + .menu-item {margin: 0 0 0 38px;}
header .navigation-menu .menu-link {font-size: 16px;font-weight: 400;color: var(--subTextColor);display: inline-flex;align-items: center;line-height: 24px;}
header.scrolled .navigation-menu .menu-link {font-size: 16px; color: var(--shades01)}
header .navigation-menu .menu-link:hover,
header .navigation-menu .menu-link.active {color: var(--primaryColor);}
header .navigation-menu .menu-link a.active {color: var(--primaryColor);}
header .navigation-menu .menu-link:hover span:first-child img,
header .navigation-menu .menu-link.active span:first-child img {
  -moz-filter: brightness(1);
  -webkit-filter: brightness(1);
  filter: brightness(1);}
header .language {position: relative;display: flex;align-items: center;}
header .language .dropdown-toggle {position: relative;display: flex;align-items: center;font-size: 0;padding: 0 16px 0 0 !important;}

header .btn-menu-trigger {display: none;align-items: center;justify-content: center;padding: 0;border: 0;background-color: transparent;color: var(--shades01);font-size: 30px;}

header.scrolled {height: 80px;background-color: var(--blueSecondary);color: var(--shades01);}


header.scrolled .brand {position: relative;height: 60px;}
header.scrolled .navigation-menu .menu-item + .menu-item {margin: 0 0 0 40px;} 
header.alt {height: 100px;background-color: var(--blueSecondary);position: sticky;}
header.alt .brand {position: relative;height: 60px;}
header.alt .navigation-menu .menu-item + .menu-item {margin: 0 0 0 40px;}
header.alt .navigation-menu .menu-link {font-size: 16px;}

.container .sblc-btn {background-color: var(--primaryColor);padding: 16px 30px;border: none;color: var(--shades01);border-radius: 8px;transition: 0.3s all ease;}
.container .sblc-btn:hover {background-color: var(--subprimaryColor);}
.gap-50 {gap: 50px;}

/* .border-bottom {border-bottom: 1 px solid rgba(255, 255, 255, 0.582) !important;
} */
.border-bottom {border-bottom: var(--bs-border-width) var(--bs-border-style) #dee2e6a1 !important;}
/* ********|| HEADER ENDS ||******** */

/* ********|| BANNER STARTS ||******** */
.section-banner {position: relative;  padding: 144px 0 0;  display: flex;align-items: center;z-index: 0;  height: 100%;}
.section-banner .banner-content{position: relative; display: flex; flex-direction: column; gap: 24px;}
.section-banner .banner-content .banner-heading{position: relative; font-size: 72px; font-weight: 900; font-family: "Urbanist", sans-serif; color: var(--subprimaryColor); text-align: center;}
 
.section-banner .banner-content .banner-title {position: relative; font-size: 220px; font-weight: 900; font-family: "Urbanist", sans-serif; color: var(--subTextColor); text-align: center; line-height: 1;}
.section-banner .banner-content .banner-brands {display: flex; align-items: center; gap: 20px; margin: 0 auto; }
.section-banner .banner-content .banner-brands .brand{position: relative;}
.section-banner .banner-content .banner-brands .brand .image-wrap{height: 72px; overflow: hidden;}
.section-banner .banner-content .banner-brands .brand .image-wrap img{width: 100%; height: 100%; object-fit: contain; } 
/* ********|| BANNER ENDS ||******** */


/* ********|| PROJECT START ||******** */
.section-project{position: relative; padding-top: 95px; }
.section-project .project-container{width: 100%; height: 640px;  position: relative; display: flex; flex-direction: column; padding: 0px 100px 66px;}
.section-project .project-container .project-bg-img{width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0;}
.section-project .project-container .project-bg-img img{width: 100%; height: 100%; object-fit: cover;}
.project-container .project-details{position: relative;  display: flex; flex-direction: column; align-items: center; margin-top: auto;}
.project-container .project-details h2{font-size: 80px; color: var(--shades01); font-weight: 900; margin-bottom: 40px; line-height: 1; text-align: center;}
.project-container .project-details .view-btn{font-size: 36px; font-weight: 600; margin: 0 200px; line-height: 1.3;}
/* ********|| PROJECT ENDS ||******** */
 
 
 
 
/* ********|| REQUEST FORM START ||******** */
.form-check-input:checked[type="radio"] {background-image: url() !important;}
.request-form {padding-top: 95px; }
.request-form .form-heading {font-size: 36px;color: var(--textColor);font-weight: 600;text-align: center;padding-top: 20px;font-family: "Montserrat", sans-serif;line-height: 34px;}
.request-form .form-section {padding-top: 30px;/* padding-left: 30px; */background-color: var(--shades01);}
.request-form .form-section .form-padding { padding: 12px !important;}
.request-form .form-section .form-radio { padding: 12px 0;}
.pl-radio { padding-left: 50px !important;}
.form-shadow-bg { background: white; /* box-shadow: 11px 19px 43px -18px rgb(156, 156, 156); */ border: 1px solid rgba(216, 216, 216, 0.76); padding: 40px; border-radius: 10px;}
.form-imgwrapper { width: 100%; height: 100%; overflow: hidden; border-radius: 10px;}
.form-imgwrapper img { width: 100%; height: 100%; object-fit: cover;}
/* ********|| REQUEST FORM EN ||******** */
/* ********|| project-funding star ||******** */
.project-funding { padding-top: 70px;}
.project-funding .project-funding-description { font-size: 18px; color: var(--textColor); line-height: 1.6; padding-right: 80px; font-weight: 400;}
.project-funding.mtn-project-funding .project-funding-description {  padding-right: 110px; }
.project-funding .project-funding-description .paragraph {font-size: 52px;font-weight: 700;color: var(--textColor);line-height: 64px; font-family: "Urbanist", sans-serif; font-weight: 800;}
.w-10 {width: 80px;}

.project-funding.mtn-project-funding .img-wrap {width: 100%; height: 100%; border-radius: 4px; overflow: hidden;}
.project-funding.mtn-project-funding .img-wrap {width: 100%; height: 100%; object-fit: cover;}


.heading-line {width: 76px;background: var(--primaryColor);height: 5px !important;opacity: 1 !important;}

.text-btn {width: 100%;display: flex;margin-top: 45px;}

.view-btn {font-size: 16px;line-height: 24px;font-weight: 600;padding: 15px 40px;background-color: var(--primaryColor);border: 0;border-radius: 8px;color: var(--shades01);}

/* ********|| project-funding END  ||******** */


/* ********|| VISA ISSUED START  ||******** */ 
/* .project-funding.visa-issued .img-wrap{margin-right: 24px;} */
.visa-issued-container{display: flex; gap: 24px; flex-direction: row-reverse; align-items: center; gap: 100px;}
.visa-issued-container .visa-issue-details{width: 50%;}
.visa-issued-container .visa-issue-img{width: 50%;}
.visa-issued-container .visa-issue-img .img-wrap img{object-fit: contain;}
.project-funding.visa-issued .project-funding-description{padding-right: 0px; margin-bottom: 46px;}
.project-funding.visa-issued .project-funding-description hr {margin-top: 10px; }
.project-funding.visa-issued .project-funding-description span{font-weight: 700; font-size: 16px; display: block; margin-bottom: 16px;}
.project-funding.visa-issued .project-funding-description .paragraph {  padding-right: 34px;} 
.visa-issued .project-funding-description {font-size: 16px;} 
/* ********|| VISA ISSUED END  ||******** */


/* ********|| MT-VERBIAGE START  ||******** */

.section-mt-verbiage{position: relative; padding-top: 95px;}
.section-mt-verbiage .verbiage-container{ background-color: var(--sectionBg-color); padding: 40px; border-radius: 24px; border: 10px solid var(--outlineStrokeColor); }
.section-mt-verbiage .verbiage-container .verbiage-heading{ display: flex; align-items: center; flex-direction: column; justify-content: center; margin-bottom: 25px;}
.section-mt-verbiage .verbiage-container .verbiage-heading .heading{font-size: 36px; font-weight: 700;font-family: "Urbanist", sans-serif; line-height: 1;}
.section-mt-verbiage .verbiage-container .verbiage-details{font-size: 16px; color: var(--subTextColor);}
.section-mt-verbiage .verbiage-container .verbiage-details h4{font-size: 16px; font-weight: 400;}
.section-mt-verbiage .verbiage-container .verbiage-details P{font-size: 16px; color: var(--subTextColor); line-height: 1.8;}

/* ********|| MT-VERBIAGE END  ||******** */




/* ********|| TERMS START ||******** */
.section-terms{padding-top: 95px;}
.section-terms .terms-heading{display: flex;flex-direction: column; align-items: center; justify-content: center; margin-bottom: 64px;}
.section-terms .terms-heading .heading{font-size: 52px;  color: var(--subTextColor); font-weight: 800; line-height: 1;}
/* .section-terms .terms-bg{display: flex; flex-direction: column; gap: 24px;} */
.section-terms .terms-text{gap: 24px; padding: 22px;  border: 1px solid var(--outlineStrokeColor); border-radius: 6px; font-size: 18px; line-height: 1.6; color: var(--subTextColor);}
.section-terms .checked-img-wrapper{width: 40px; height: 40px;}
.section-terms .checked-img-wrapper img{width: 100%; height: 100%; object-fit: contain;}
/* ********|| TERMS END ||******** */

.img-wrap{width: 100%; overflow: hidden; border-radius: 4px;}
.img-wrap img{width: 100%; height: 100%; object-fit: cover;}


/* ********|| PROCEDURES START  ||******** */
.section-procedures{padding-top: 95px;}
.section-procedures .procedure-content-wrap{position: relative; padding: 88px 0; background-color: #F2F3F4; }
.section-procedures .procedure-container{position: relative; display: flex; flex-direction: column; }
.section-procedures .procedure-container .terms-heading{position: relative;    display: flex; align-items: center; flex-direction: column; justify-content: center; margin-bottom: 25px;}
.section-procedures .procedure-container .terms-heading .heading{position: relative; font-size: 52px; font-weight: 700; font-family: "Urbanist", sans-serif; line-height: 1;}
.section-procedures .procedure-container .procedure-items{position: relative; display: flex;  justify-content: center; gap: 30px; flex-wrap: wrap;}
.procedure-items .procedure-item{position: relative; background-color: var(--shades01); border-radius: 6px; padding: 32px 24px; max-width: calc(25% - 30px); box-shadow: 0px 16px 10px 0px rgb(221, 221, 221);}
.procedure-item .procedure-img{position: relative; width: 64px; height: 64px; overflow: hidden; margin-bottom: 24px;}
.procedure-item .procedure-img img{position: relative; width: 100%; height: 100%; object-fit: contain;}
.procedure-item .procedure-details{position: relative;}
.procedure-item .procedure-details h2{position: relative; font-size: 24px; color: var(--subTextColor); margin-bottom: 16px; font-family: "Urbanist", sans-serif; line-height: 1; font-weight: 700;}
.procedure-item .procedure-details .description{position: relative; font-size: 18px; line-height: 1.6; color: var(--subTextColor);}
.procedure-container .view-btn{margin: 64px auto  0px; }
.procedure-container .payment-terms-and-conditions{ display: flex; align-items: center; padding: 0 160px; margin-top: 56px;}
.procedure-container .payment-terms-and-conditions .image-wrap{width: 350px;  overflow: hidden;}
.procedure-container .payment-terms-and-conditions .image-wrap img{ width: 100%; height: 100%; object-fit: fill;}
.procedure-container .payment-terms-and-conditions .decription{ font-size: 24px; font-weight: 700; color: var(--subTextColor); line-height: 1.6; text-align: center;}  
/* ********|| PROCEDURES END  ||******** */ 


/* ********|| REQUEST FORM START  ||******** */ 
.form-section form{display: flex; flex-direction: column;}
.form-section .view-btn{margin:  0  auto;  margin-top: 54px;}
/* ********|| REQUEST FORM END  ||******** */ 
 


/* ********|| 2ND FORM START  ||******** */
.px {
  padding: 0 30px;
}
.w-90 {
  width: 90%;
}
.form-shadow-bg-2 {background: white;/* box-shadow: 11px 19px 43px -18px rgb(156, 156, 156); */border: 1px solid rgba(216, 216, 216, 0.541);padding: 40px;border-radius: 10px;}

.form2-imgwrapper {width: 100%;height: 100%;overflow: hidden;border-radius: 10px;}
.form2-imgwrapper img {width: 100%;height: 100%;object-fit: cover;}
.form-check-input:checked {background-color: var(--primaryColor);border-color: var(--primaryColor);box-shadow: 0px 0px 2px 4px #dbdbdb;}
.form-check-input:checked[type="radio"] {
  --bs-form-check-bg-image: url() !important;
}
.form-check-input:checked + .form-check-label {color: var(--primaryColor);}
.form-check-label {padding-left: 8px;}
/* ********|| 2ND FORM END  ||******** */

/* ********|| HEADER ENDS ||******** */

/* ********|| BANNER START ||******** */

/* ********|| BANNER ENDS ||******** */

/* ********|| FOOTER STARTS ||******** */
.footer {position: relative;padding: 110px 0 0px 0;display: flex;align-items: center;z-index: 0;height: 100%;overflow: hidden;margin-top: 100px;}
.footer .footer-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;overflow: hidden;background-repeat: no-repeat;background-position: center bottom;background-size: cover;}
.footer-text {position: absolute;top: 0px;left: 0px;}
.footer-logowrapper {width: 130px;height: 77px;overflow: hidden;}
.footer-logowrapper img {width: 100%;height: 100%;object-fit: contain;}
.footer-content {width: 100%;text-align: center;display: flex;justify-content: center;flex-direction: column;align-items: center;}
.footer-menu {display: flex;list-style: none;padding: 0;margin: 0;padding-top: 70px;}
.footer-menuitem {display: flex;padding: 0px 46px;}
.footer-border {border-right: 1px solid var(--shades01);}
.footer-menuitem a {font-size: 16px;line-height: 24px;font-weight: 500;color: var(--shades01);}
.footer-copyright {display: flex;justify-content: space-between;color: var(--shades01);padding: 20px 40px 20px 40px;border-top: 1px solid rgba(255, 255, 255, 0.37);}
.footer-copyright ul {display: flex;list-style: none;}
.footer-copyright ul li {padding: 0px 20px;}
.footer-copyright ul li a {color: var(--shades01);}
.footer-pb {padding-bottom: 120px;}

/* ********|| FOOTER ENDS ||******** */

/* ********|| MODAL STARTS ||******** */
/* .accordion-item:not(.collapsed) {
  background-color: rgb(216, 216, 216);
  color: var(--primaryColor);
} */
/* ********|| MODAL ENDS ||******** */

/* ********|| RESPONSIVE STARTS ||******** */

@media screen and (max-width: 1600px) {
  .section-banner .banner-action { padding: 10px 60px 0px 60px;}
  .project-funding .project-funding-description {padding-right: 65px;}
 

  
  .section-banner .btn-action {font-size: 42px;line-height: 51px;}
 
  .section-terms .terms-heading { margin-bottom: 34px;}
  .project-funding .project-funding-description .paragraph {
    font-size: 42px;
    line-height: 1.4;
 
  }
  .project-funding.visa-issued .project-funding-description .paragraph { padding-right: 150px;}
  .project-funding.mtn-project-funding .project-funding-description .paragraph { font-size: 47px; }

  .section-procedures .procedure-container .terms-heading .heading {  font-size: 42px; }


   
 
}
@media screen and (max-width: 1440px) {
  .section-banner .banner-content .banner-title { font-size: 180px; }
  .project-container .project-details h2 {font-size: 60px;}
  .project-container .project-details .view-btn {font-size: 27px;}
  .project-container .project-details .view-btn { margin: 0px 270px; }
  .project-funding .project-funding-description {font-size: 16px; }
  .text-btn { margin-top: 35px;}

  .section-terms .terms-heading { margin-bottom: 54px;}
  .section-terms .terms-text { font-size: 16px; }
  .visa-issued-container {  gap: 80px;}

  .section-mt-verbiage .verbiage-container .verbiage-heading .heading { font-size: 28px; }
  .section-mt-verbiage .verbiage-container .verbiage-details h4 {font-size: 15px; }
  .section-mt-verbiage .verbiage-container .verbiage-details P { font-size: 15px; }

  .procedure-item .procedure-img { width: 54px;height: 54px; }
  .procedure-item .procedure-details h2 { font-size: 22px; }
  .procedure-container .payment-terms-and-conditions { padding: 0px 220px; }
  .procedure-item .procedure-details .description { font-size: 18px; }

  .procedure-container .payment-terms-and-conditions .decription {font-size: 20px; }
  .procedure-container .payment-terms-and-conditions .image-wrap {width: 270px; }
  
  .request-form .form-heading {font-size: 28px; } 
 
  .features .right-text {padding-left: 64px;}

  .heading-2 {font-size: 38px;line-height: 46px;padding: 0 96px;}
 
 
  .footer-menuitem {padding: 0px 40px;}
  .frame-wrapper {width: 432px;}
 
 
  .w-80 {width: 94%;}
 
}
@media screen and (max-width: 1366px) {

  .section-banner .banner-content {  gap: 20px;}
  .section-banner .banner-content .banner-heading { font-size: 52px; }
  .section-banner .banner-content .banner-title {  font-size: 128px;}

  .section-banner .banner-content .banner-brands .brand .image-wrap {   height: 62px; }
  .project-container .project-details .view-btn {margin: 0px 180px;}
  .project-funding.mtn-project-funding .project-funding-description .paragraph { font-size: 40px;}
  .project-funding .project-funding-description { font-size: 14px;}
  hr { margin-top: 10px; margin-bottom: 10px; }
  .section-terms .terms-heading .heading {font-size: 36px; }
  .section-terms .terms-heading {  margin-bottom: 34px;}
  .section-terms .terms-text {  font-size: 14px;}
  .section-terms .terms-text {gap: 16px; }
  

  .fin-text-sec .description-bg {padding: 30px 80px 20px 80px;}
  .frame-wrapper {width: 418px;}
  .visa-wrapper {width: 210px;}
  .section-banner .banner-stats .stats-data {font-size: 88px;line-height: 105px;}
  
  .procedure-container .payment-terms-and-conditions {padding: 0px 150px;}

  .section-procedures .procedure-container .procedure-items {  gap: 20px; }
  .procedure-items .procedure-item { max-width: calc(33% - 20px); }

}
@media screen and (max-width: 1280px) {
  .section-banner .banner-content .banner-heading {  font-size: 52px;}
  .section-banner .banner-content .banner-title { font-size: 86px;}
  .section-banner .banner-content .banner-brands .brand .image-wrap {  height: 42px;}
  .section-project .project-container { height: 550px; }
  .project-container .project-details .view-btn {font-size: 24px;}
  .project-container .project-details .view-btn {margin: 0px 200px;}
  .project-funding.mtn-project-funding .project-funding-description .paragraph {font-size: 34px;padding-right: 60px;}
  .section-procedures .procedure-container .terms-heading .heading { font-size: 34px;}
  .text-btn {margin-top: 25px;}

  .section-terms .terms-heading .heading { font-size: 34px;}
  .section-terms .terms-heading {margin-bottom: 14px;}

  .project-funding .project-funding-description .paragraph {font-size: 34px; }
  .project-funding.visa-issued .project-funding-description span { font-size: 14px; }

  .heading-line { width: 46px; }
  .request-form .form-section .form-padding {padding: 12px 6px !important;}
  .footer-menuitem {padding: 0px 38px;}
  
}

@media screen and (max-width: 1150px) {
  .section-banner .banner-content .banner-heading { font-size: 38px;}
  .section-banner .banner-content .banner-brands .brand .image-wrap { height: 36px;}
  .section-project {  padding-top: 65px;}

  .visa-issued-container {  gap: 40px;}

  .section-project .project-container { height: 420px;}
  .project-container .project-details .view-btn {  margin: 0px 120px;}
  .project-container .project-details h2 { font-size: 42px;}
  .project-container .project-details .view-btn { font-size: 20px;}
  .project-funding.mtn-project-funding .project-funding-description { padding-right: 30px;}
  .project-funding.visa-issued .project-funding-description {   margin-bottom: 16px;}
  .project-funding.visa-issued .project-funding-description span { margin-bottom: 6px;}
  .project-funding.mtn-project-funding .project-funding-description .paragraph {font-size: 30px;padding-right: 90px;}

  .section-mt-verbiage .verbiage-container {  padding: 26px; }
  .section-mt-verbiage .verbiage-container .verbiage-heading .heading {font-size: 24px;}
  .section-mt-verbiage .verbiage-container .verbiage-details h4 {font-size: 14px;}
  .section-mt-verbiage .verbiage-container .verbiage-details P { font-size: 13px;}

  .section-procedures .procedure-content-wrap { padding: 48px 0; }
  .section-procedures .procedure-container .terms-heading .heading {font-size: 28px;}

  .procedure-item .procedure-img {width: 50px; height: 50px;}
  .procedure-item .procedure-details h2 { font-size: 20px;}
  .procedure-item .procedure-details .description {font-size: 16px;}
  .procedure-container .payment-terms-and-conditions {padding: 0px 50px;}
  .procedure-container .payment-terms-and-conditions .decription { font-size: 16px;}
  .form-section .view-btn { margin-top: 24px;}
   
  header .btn-menu-trigger {display: block; color: var(--primaryColor);}


  header .navigation-wrapper {position: fixed;top: 0;right: 0;z-index: 10;width: 100%;max-width: 400px;height: 100%;background-color: var(--blueSecondary);display: flex; flex-direction: column; transition: all 0.3s ease; transform: translateX(100%); opacity: 1;
    /* visibility: visible; */}
  header .navigation-menu .menu-link { color: var(--shades01); }

  header.scrolled .navigation-menu .menu-link {font-size: 16px;color: var(--shades01);}
  header .navigation-wrapper.active {transform: translateX(0%);opacity: 1;visibility: visible;}
  header .navigation-header {display: flex;}
  header .navigation-menu {flex-direction: column;overflow: auto;flex-grow: 1;flex-shrink: 1;padding: 20px 0;}
  header .navigation-menu .menu-item {padding: 0 20px;}
  header .navigation-menu .menu-item + .menu-item,
  header.scrolled .navigation-menu .menu-item + .menu-item {margin: 0;}
  header .navigation-menu .menu-item + .menu-item .menu-link {border-top: 1px solid rgba(var(--primary-rgb), 0.1);}
  header .navigation-menu .menu-link {font-size: 20px;padding: 20px 0;width: 100%;font-weight: 400;}
  header .navigation-menu .menu-link.active {font-weight: 700;}
  header .navigation-menu .menu-link span:first-child {display: inline-flex;}
  header.scrolled .navigation-header {height: 100px;}
  header.scrolled .navigation-wrapper .brand {height: 60px;}
  header.scrolled .navigation-menu .menu-link {font-size: 20px;}
  header.alt .navigation-menu .menu-item + .menu-item {margin: 0;}
  header.alt .navigation-menu .menu-link {font-size: 20px;padding: 20px 0;width: 100%;font-weight: 400;}
  header.alt .navigation-menu .menu-link.active {font-weight: 700;}
  .footer-menuitem {padding: 0px 26px;} 
   
  .project-funding .project-funding-description .paragraph {font-size: 27px;line-height: 1.2;}
  .project-funding .project-funding-description {font-size: 14px;line-height: 24px;}
   
  .heading-2 {font-size: 27px;line-height: 34px;padding: 0 96px;}
  .request-form .form-heading {font-size: 26px;}
  .w-80 {width: 100%;}
}

 
@media screen and (max-width: 990px) {
  .project-container .project-details h2 {font-size: 32px;}
  .project-container .project-details .view-btn {margin: 0px 20px;}
  .project-container .project-details .view-btn {font-size: 14px; margin: 0 90px;}
  .project-container .project-details h2 {margin-bottom: 30px;}

  .project-funding.mtn-project-funding .project-funding-description .paragraph { padding-right: 0px; font-size: 20px;}
  .section-terms .terms-heading .heading {font-size: 22px;}
  .heading-line { height: 3px !important; }

  .visa-issued-container {flex-direction: column-reverse;}
  .visa-issued-container .visa-issue-img { width: 100%;}
  .visa-issued-container .visa-issue-img .img-wrap{ height: 460px;}

  .visa-issued-container .visa-issue-details { width: 100%;}
  .project-funding.visa-issued .project-funding-description { margin-bottom: 26px;}
  .procedure-items .procedure-item { max-width: calc(50% - 20px);}
  .procedure-item .procedure-details .description {font-size: 14px;}

  .procedure-container .payment-terms-and-conditions .image-wrap {width: 150px;}
  .procedure-container .payment-terms-and-conditions {  margin-top: 26px;}
  .procedure-container .payment-terms-and-conditions {padding: 0px 0px;}
  .procedure-container .payment-terms-and-conditions .decription {font-size: 13px;}

  .form-imgwrapper {  height: 500px; }

  .heading-2 {padding: 0 0px;}
  .section-banner .banner-stats .stats-data {font-size: 80px;line-height: 98px;}
  .section-banner .banner-action {padding: 42px 0px 0px 0px;font-size: 44px;line-height: 47px;} 
   
  .footer-menuitem {padding: 0px 12px;}
  .view-sample-big {font-size: 22px;}
  .footer-pb {padding-bottom: 80px;}
  .col-count {column-count: 1;}
}
@media screen and (max-width: 990px) and (orientation: landscape) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 767px) and (orientation: landscape) {
}
@media screen and (max-width: 600px) {

  header .navigation-wrapper { max-width: 100%; }

  .section-banner .banner-content { gap: 10px;}
  .section-banner .banner-content .banner-heading {font-size: 20px;}
  .section-banner .banner-content .banner-title {font-size: 48px;}

  .section-banner .banner-content .banner-brands {  gap: 10px; }
  .section-banner .banner-content .banner-brands .brand .image-wrap { height: 18px;  }

  .section-project { padding-top: 55px;}
  .section-project .project-container { padding: 0px 10px 66px;}
  .project-container .project-details h2 { font-size: 20px;}
  .project-container .project-details .view-btn {  margin: 0 0px;}
  .project-funding.mtn-project-funding .project-funding-description .paragraph {  line-height: 1.2;}

  .project-funding {padding-top: 55px;}
  .project-funding .project-funding-description .paragraph {font-size: 20px; }


  .view-btn {padding: 12px 20px;}
  .text-btn { margin-top: 16px;}



  .section-terms .terms-text { font-size: 12px; padding: 16px;}
  .section-terms {  padding-top: 55px;}
  .section-terms .terms-text {gap: 6px;}
  .project-funding.visa-issued .project-funding-description .paragraph {padding-right: 0px; line-height: 1.4;} 
  .visa-issued-container { gap: 20px;}

  .request-form {  padding-top: 55px;}

  .section-procedures {padding-top: 55px;}

  .section-mt-verbiage .verbiage-container { padding: 16px;}

  .section-mt-verbiage { padding-top: 55px;}
  .section-mt-verbiage .verbiage-container .verbiage-heading { margin-bottom: 10px;}
  .section-mt-verbiage .verbiage-container .verbiage-heading .heading {font-size: 20px;}
  .section-mt-verbiage .verbiage-container .verbiage-details h4 {font-size: 12px;}
  .section-mt-verbiage .verbiage-container .verbiage-details P { font-size: 12px;}
  .section-procedures .procedure-content-wrap {padding: 34px 0;}
  .section-procedures .procedure-container .terms-heading .heading {font-size: 22px;}
  .procedure-items .procedure-item { max-width: calc(100% - 20px);} 

  .procedure-container .payment-terms-and-conditions {flex-direction: column; gap: 14px;}
  .procedure-container .payment-terms-and-conditions .image-wrap {width: 60px;}

  .form-shadow-bg { padding: 20px; }
  .request-form .form-section {padding-top: 10px; }
}
@media screen and (max-width: 480px) {
  

  header .brand {
    height: 40px;
  }

  .footer-menu {
    flex-wrap: wrap;
    padding-bottom: 70px;
    justify-content: center;
  }
  .footer-menuitem {
    padding: 0px 16px;
  }
  .footer {
    padding: 70px 0 0px 0;
    margin-top: 0px;
  }
  .privacy {
    padding-top: 0px;
    text-align: center;
    display: flex;
    justify-content: center;
  }
  .footer-copyright {
    display: flex;
    flex-direction: column-reverse;
    text-align: center;
    padding: 20px 20px 20px 20px;
  }
  .footer-logowrapper {
    width: 160px;
  }
  .gap-50 {
    gap: 23px;
  }
  .container .sblc-btn {
    padding: 11px 12px;
  }
 

   
}
@media screen and (max-width: 360px) {
 
}
@media screen and (max-width: 320px) {
}
/* ********|| RESPONSIVE ENDS ||******** */