:root {--red-hat-font: "Red Hat Display", sans-serif;--manrope-font: "Manrope", sans-serif;}
html,body {font-family: var(--manrope-font); font-weight: 400;}
p,h1,h3,h4,h5{margin: 0px;}
a{text-decoration:none; transition: all 0.5s ease;}
a:hover{ color: inherit;}
button:hover,button:active,button:focus,button:focus:not(:focus-visible) {outline: 0;border:0px; box-shadow: none;}
ul{ padding:0px; margin: 0px; list-style: none;}
.navbar-brand{width: 115px;display: block;padding: 0px;margin: 0px;}
.nav-radius{border-radius: 40px;background: #fff;width: 100%;padding:10px 10px 10px 25px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); 
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);}

.navbar{position:fixed;width:100%;top:0px;left:0px;z-index: 2; padding: 30px 0px;}
.navbar-expand-lg .navbar-nav .nav-link{ font-size: 13px;line-height: 20px;font-weight: 600;color: #000;text-transform: uppercase;padding: 0px 10px;margin-left: 30px;}
.navbar-expand-lg .navbar-nav .nav-link.active{color:#2a458f;}  
.alc{ align-items: center;}
.container1{width:1400px;max-width:1400px;}
.btn1{background: #2a458f !important;color: #fff !important;padding: 7px 20px !important;border-radius: 20px;}
.sec-1{ background: url(../images/banner-home-v3.webp)no-repeat 0px 0px; background-size: cover; height: 100vh;}
.fnt-red-hat{font-family: var(--red-hat-font);}
.txt1{ font-size: 60px; line-height: 70px; font-weight: 900; color:#2a458f; text-transform: uppercase; }
.txt2{ font-size:20px; line-height: 26px; font-weight:500; color:#000;}
.txt3{ font-size: 45px; line-height: 55px; font-weight: 700; color:#2a458f;text-transform: uppercase;}
.txt4{ font-size:16px; line-height: 24px; font-weight:500; color:#32312f;}
.txt5{ font-size:16px; line-height: 24px; font-weight:700; color:#2a458f;}
.txt6{font-size:35px; line-height: 45px; font-weight:700; color:#fff; text-transform: uppercase;}
.txt7{ font-size:16px; line-height: 24px; font-weight:400; color:rgba(255,255,255,0.9);}
.txt8{ font-size:16px; line-height: 24px; font-weight:700; color:rgba(255,255,255,0.9);}
.txt9{font-size:25px; line-height: 35px; font-weight:700; color:#000; text-transform: uppercase;}
.txt9:after{content: '';position: absolute;top: 18px;right: 0px;width: 72%;height: 2px;background: #2a458f;}
.txt9a::after{ width:77% ;}
.txt10{ font-size:16px; line-height: 24px; font-weight:400; color:#2a458f;}
.txt11{font-size:20px; line-height: 30px; font-weight:700; color:#000; text-transform: uppercase;}
.txt12{font-size:20px; line-height: 30px; font-weight:700; color:#2a458f;}

.ul1 li,.ul2 li,.ul3 li{ font-size: 16px; line-height: 24px;font-weight:500; color:#32312f; margin-bottom: 5px;}
.txtBlk{color:#000;}
.txtBrwn{color:#2a458f;}
.txtWht{color:#fff;}
.wdt1{width:460px;}
.wdt2{ width: 510px;}
.wdt3{width:90%;}
.wdt4{width:75%;}

.brdr1{ border-bottom:1px solid #bdada0; margin: 15px 0px;}
.brdr2{ border-bottom:2px solid #2a458f; margin: 30px 0px;}

.mrg-btm1{ margin-bottom: 15px;}
.mrg-btm2{ margin-bottom: 30px;}
.mrg-btm3{ margin-bottom: 50px;}
.mrg-btm4{ margin-bottom: 5px;}
.mrg-btm5{ margin-bottom: 10px;}
.banner-wrap{ padding-top: 150px;}


.btn2,.btn2:hover{font-size: 13px;line-height: 20px;font-weight: 600;color: #fff; text-transform: uppercase;background: #2a458f;padding: 7px 7px 7px 15px;border-radius: 20px;
display: flex;align-items: center;width: 140px; justify-content: space-between;}
.img1{width: 20px;height:20px;border-radius: 30px;border: 1px solid rgba(255,255,255,0.6);display: flex;align-items: center;justify-content: center;}
.img1 img{width:75%;}
.img2{ position: absolute;top:30px;right:0px;z-index:0;width:45%;}
.zindx{ z-index: 1;}
.navbar-toggler{padding: 0px;width: 20px;}
.sec-2{ padding: 200px 0px; background: url(../images/bg-discover1.webp)no-repeat 0px 0px; background-size: cover;}
.pstn-rltv{ position: relative;}
.sec-3{background: url(../images/bg-why-join.webp)no-repeat 0px 0px; background-size: cover;}
.why-wrap{width:450px; padding: 50px;background: rgba(0,0,0,0.7); margin-top: 375px;
clip-path: polygon(80% 0, 100% 10%, 100% 100%, 0 100%, 0 0);
}
.sec-4{ padding:100px 0px;}
.sec-5,.sec-8{ padding:0px 0px 100px 0px;}
.sec-6{ padding:100px 0px; background: #eff2fa;}
.bg-white{ background: #fff; padding:30px;}
.sec-7{ padding:100px 0px;}

.ul1 li{ padding-left: 30px; background: url(../images/icon-green.png)no-repeat 0px 5px; background-size:15px;}
.ul2 li{ padding-left: 30px; background: url(../images/icon-red.png)no-repeat 0px 5px; background-size:15px;}
.ul3 li{ padding-left: 15px; background: url(../images/icon-disc-brwn.svg)no-repeat 0px 8px; background-size:8px;}

.link1{font-size:16px; line-height: 24px; font-weight:500; color:#2a458f;}
.link2{font-size:16px; line-height: 24px; font-weight:500; color:#fff;}


.bg-grd-blu{background: url(../images/bg-blue1.jpg); background-size:55% 100%; background-position:100% 0% ; background-repeat:no-repeat;}
.bg-abu-dhabi{padding: 300px 0px;background: url(../images/bg-contact.webp); background-size:61% 100%; background-position:0px 0px ; background-repeat:no-repeat;}
.thnk .bg-abu-dhabi{ background-size: 63% 100%;}
.form-contact .txtField{font-size: 16px; line-height: 24px;font-weight:400;color:#fff;  background: none;border-radius:0px;height:50px;padding:10px 0px;border:none; border-bottom: 1px solid #e3e3e3; margin-bottom: 15px;}
.form-contact #txtMsg{font-size: 16px; line-height: 24px;font-weight:400;color:#fff;  background: none; border-radius:0px; padding:10px 0px;border: 0px;border-bottom: 1px solid #e3e3e3;margin-bottom: 30px;}

.form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.5);}
.form-control::-moz-placeholder { color: rgba(255,255,255,0.5);}
.form-control:-ms-input-placeholder { color: rgba(255,255,255,0.5);}
.form-control:-moz-placeholder { color: rgba(255,255,255,0.5);}

.form-contact .txtField:focus,.form-contact .txtField:active{font-size: 16px; line-height: 24px;font-weight:400;color:#fff; background: none; box-shadow: none; outline: none;border:none; border-bottom: 1px solid #e3e3e3;  }
.form-contact #txtMsg:focus,.form-contact #txtMsg:active{font-size: 16px; line-height: 24px;font-weight:400;color:#fff; background: none; box-shadow: none; outline: none;border:none; border-bottom: 1px solid #e3e3e3;  }
.btn-sbmt,.btn-sbmt:hover{font-size: 15px;line-height: 20px;font-weight: 700;color: #2a458f;
  text-transform: uppercase;background: #fff url(../images/icon-arrow-blue.png)no-repeat 90% 50%;
  background-size: 18px; padding: 7px 7px 7px 15px;border-radius: 20px;display: flex;align-items: center;width: 115px;justify-content: space-between;text-align: left;border: 0;
}
.pdg1{ padding-left: 100px;}
.hgt1{height: 100vh;}


.sec-10{ padding: 100px 0px; background: #eff2fa;}
#accordionFaq{ position: relative;z-index:1;}
.accordion-button{font-size: 16px;line-height: 24px;font-weight: 500;color: #32231f;padding: 15px 0px; border:0px;background: #eff2fa;}
.accordion-button:not(.collapsed){ color: #2a458f; background: #eff2fa; box-shadow:none; }
.accordion-body{font-size: 16px;line-height: 24px;font-weight: 500;color: #32231f; padding:0px 100px 15px 0px;}
.accordion-button:not(.collapsed)::after{background: url(../images/icon-arrow-down.svg)no-repeat 0px 0px; background-size: 20px;}
#accordionFaq .accordion-item{background: #eff2fa;}

.sec-11{ padding: 100px 0px; background: #fff;}
#accordionterms{ position: relative;z-index:1;}
#accordionterms .accordion-button,#accordionterms .accordion-item{ background: #fff;}
.grecaptcha-badge{ visibility: hidden;}
.show-tab{ display: none;} 
.show-web{ display: block;}
.sec-12{padding:10px 0px; background: #000;}
.error{margin-top: -15px;font-size: 12px;}


@media (max-width:1600px){
.sec-1{height:850px;}
.bg-abu-dhabi{padding: 100px 0px;}
.sec-2{ padding: 100px 0px;}
.pdg1{ padding-left: 30px;}

}

@media (max-width:1367px){
.sec-1{height:755px;}
.txt9::after{ width: 68%;}
.txt9a::after{ width: 74%;}
}



@media (max-width:1280px){
.sec-1{height:700px;}
.banner-wrap{ padding-bottom:80px ;}
.navbar-expand-lg .navbar-nav .nav-link{ margin-left: 20px;}
.why-wrap{ margin-top: 333px;}
.txt9::after{ width: 67%;}
.txt9a::after{ width: 73%;}
}


@media (max-width:1024px){
 .sec-1 {height: 580px;}
 .navbar-expand-lg .navbar-nav .nav-link{margin-left: 0px;}
 .txt1{font-size: 60px;line-height: 65px;}
 .banner-wrap{ padding-bottom: 0px;}
 .wdt1{width: 400px;}
 .wdt2{ width: 90%;}
 .why-wrap {margin-top: 115px;}
.txt9::after { width: 68%;  top:12px;}
.txt9a::after { width: 75%;  top:12px;}
.sec-2,.sec-4,.sec-6,.sec-7,.sec-10,.sec-11,.bg-abu-dhabi { padding: 50px 0px;}
.sec-5, .sec-8{padding: 0px 0px 50px 0px;}
.txt1 {font-size: 50px;line-height: 55px;}
.txt3{ font-size: 35px; line-height: 40px;}
.txt9{ font-size: 20px; line-height: 25px;}
.txt11{ font-size: 18px; line-height: 24px;}

}



@media (min-width:1500px){

}


@media (min-width:991px){
.navbar-expand-lg .navbar-nav .nav-link:hover{color:#2a458f;}

}


@media (max-width:992px){

.show-web{ display: none;}
.show-tab{ display: block;} 
.txt-tb-rgt{ text-align: right;}
.navbar-toggler{width:20px; padding: 0px;}
.nav-radius{padding: 10px 25px; position: relative;z-index:0;}
.navbar-collapse{ position: absolute;top:25px;left:0px;width:100%; background: #fff;z-index: -1; padding: 50px;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
  border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;}
.navbar-expand-lg .navbar-nav .nav-link {font-size: 20px;line-height: 30px;font-weight: 400;text-transform: capitalize; margin: 0px 0px 40px 0px;}
.navbar-nav.alc{ align-items: start; }
.btn1{font-size: 16px !important; margin: 0px !important;}
.container{width: 90%;max-width:90%;}
.container1{width: 98%;max-width:98%;}
 .why-wrap {margin-top: 50px;}
 .txt9::after { width: 57%;}
.txt9a::after { width: 65%;}
.wdt2 { width: auto;  }
.wdt1{width:460px;}
.mrg-tb-btm1,.mrg-btm3{ margin-bottom: 30px;}
.bg-grd-blu{background: url(../images/bg-blue1.jpg); background-size:cover ;  background-repeat:no-repeat;}
.bg-abu-dhabi{ background: none;}
.pdg1{ padding: 0px;}
.img2 {top: 0px;right: -20px; }
.accordion-body{padding:0px 15px 15px 0px}
.sec-1{ background-position:0% 0px; height: 700px;}

}

@media (max-width:768px){
.txt1 {font-size: 40px;line-height: 45px;}
.txt2{ font-size: 18px; line-height: 24px;}
.sec-1{height: 600px;}

}
@media (max-width:640px){
.txt9::after{ display: none;}
.mrg-mb-btm1{ margin-bottom: 30px;}
}
@media (max-width:575px){
.navbar-collapse{ padding: 50px 15px;}
.navbar-expand-lg .navbar-nav .nav-link{margin: 0px 0px 20px 0px;}
.txt3,.txt6 {font-size: 30px;line-height: 35px;}
.why-wrap{ width:380px;padding: 30px;}
.wdt3,.wdt4{ width: auto;}
}
@media (max-width:480px){
.wdt1{width: 100%;}
.wdt-mb-1{ width: 70%;}
.img2{ width: 55%;}
.sec-1{ height: 100vh;}
.why-wrap{ width:auto;}

}

@media (max-width:400px){
.wdt-mb-1{ width: 90%;}

}