:root {--red-hat-font: "Red Hat Display", sans-serif;--newspirit-font: "new-spirit", serif; --manrope-font: "Manrope", sans-serif;}
html,body {font-family: var(--manrope-font); font-weight: 400;}
.row1 { --bs-gutter-x: 0rem;}
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: 200px;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-family:var(--newspirit-font) ; font-size: 15px;line-height: 20px;font-weight: 500; letter-spacing: 0.5px;   color: #fff;padding: 0px;margin-left: 50px;}
.navbar-expand-lg .navbar-nav .nav-link.active{color:#ec649a;}  
.site-header {
  background: transparent;
  transition: background-color 0.3s ease, padding 0.3s ease;
}

.site-header.is-scrolled {
  background-color: #562a85;
  padding: 15px;
}

.site-header.is-hidden {
  pointer-events: none;
}
.site-header.is-scrolled .navbar-brand{width: 150px;}
.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/bg-banner.webp)no-repeat 50% 100%; background-size: cover;  padding:200px 0px;}
.fnt-red-hat{font-family: var(--red-hat-font);}
.fnt-newspirit{font-family: var(--newspirit-font);}
.fnt-manrope{font-family: var(--manrope-font);}

.txt1{ font-size:60px;line-height: 62px; font-weight: 400; color:#ec649a;margin-top: -100px; }
.txt2{ font-size:25px; line-height: 30px; font-weight:400; color:#fff;}
.txt3{ font-size:40px; line-height: 50px; font-weight: 400; color:#562a85;}
.txt4{ font-size:18px; line-height: 28px; font-weight:500; color:rgba(7,6,6,0.7);}
.txt5{ font-size:18px; line-height: 28px; font-weight:700; color:#df87b0;}
.txt6{ font-size:18px; line-height: 28px; font-weight:500; color:#3d3836;}
.txt7{ font-size:15px; line-height: 22px; font-weight:500; color:#3d3836;}





.txt6a{font-size:35px; line-height: 45px; font-weight:700; color:#fff; text-transform: uppercase;}

.txt8{ font-size:17px; 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:17px; 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: 17px; line-height: 24px;font-weight:500; color:#32312f; margin-bottom: 5px;}
.txtBlk{color:#000;}
.txtBrwn{color:#2a458f;}
.txtWht{color:#fff;}
.txtCntr{ text-align: center;}
.txtRgt{ text-align: right;}
.wdt1{width: 615px;}
.wdt2{ width:500px;}
.wdt3 {width: 90%;}
.w-90{ width: 85%;}
.brdr1{ border-bottom:1px solid #bdada0; margin: 15px 0px;}
.brdr2{ background: url(../images/brdr2.png); height: 1px;background-size: 15px;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;}
.mrg-tp1{margin-top: 220px;}
.mrg-tp2{margin-top: 100px;}
.banner-wrap{ width: 590px}
.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;bottom: 0;right: 0px;z-index: 0; width: 30%;}
.zindx{ z-index: 1;}
.img3{ width: 325px; margin-left: 65px;}
.img4{width: 200px;}
.navbar-toggler{padding: 0px;width: 20px;}
.sec-2{ padding: 100px 0px 0px 0px; border-bottom: 1px solid #edbdd3; background: url(../images/bg-skyline.webp)no-repeat 50% 100%; background-size: 100%;}
.pstn-rltv{ position: relative;}
.sec-3{padding:200px 0px;border-bottom: 1px solid #e3e3e3;background: url(../images/bg-pattern.webp)no-repeat center center; background-size: cover;}

.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;}
.sec-9{ padding:100px 0px;background: url(../images/bg-banner.webp)no-repeat center 30%; background-size: cover;}




.d-flx1{ display:flex; align-items: center;}
.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:18px; line-height: 28px; font-weight:500; color:#2a458f;}
.link2{font-size:18px; line-height: 28px; font-weight:500; color:#fff;}


.bg-grd-blu{background: url(../images/bg-blue1.jpg); background-size:cover; background-position:0% 0% ; background-repeat:no-repeat;}
.bg-abu-dhabi{padding: 200px 0px;background: url(../images/bg-contact.webp); background-size:50% 100%; background-position:0px 0px ; background-repeat:no-repeat;}
.thnk .bg-abu-dhabi{ background-size: 50% 100%;}
.form-contact .txtField{font-size: 18px; line-height: 28px;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: 18px; line-height: 28px;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: 17px; 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: 17px; 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: #562a85;
  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;
}

.form-contact .txtFieldDrpDwn,.form-contact .txtFieldDrpDwn:focus,.form-contact .txtFieldDrpDwn:active{background: url(../images/icon-drp-dwn.svg)no-repeat 100% 50%; background-size: 12px;}
.form-contact .txtFieldDrpDwn option{ background: #fff; font-size:15px;color:#000; padding: 0px 10px; border: 0px; margin: 10px 0px;}

.pdg1{ padding-left: 100px;}
.hgt1{height: 100vh;}


.sec-10{ padding: 100px 0px; background: #eff2fa;}
#accordionFaq{ position: relative;z-index:1;}
.accordion-button{font-size: 18px;line-height: 28px;font-weight: 500;color: #32231f;padding: 15px 0px; border:0px;background: #eff2fa;}
.accordion-button:not(.collapsed){ color: #df87b0; background: #eff2fa; box-shadow:none; }
.accordion-body{font-size: 18px;line-height: 28px;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){

.bg-abu-dhabi{padding: 100px 0px;}

.pdg1{ padding-left: 30px;}

}
@media (max-width:1500px){
  .container1 {width: 95%;max-width: 95%;} 
}
@media (max-width:1367px){

.txt1 {font-size: 50px;line-height: 60px;margin-top: -60px;}
.txt9::after{ width: 68%;}
.txt9a::after{ width: 74%;}
}



@media (max-width:1280px){


.mrg-tp1{ margin-top: 80px;}
.why-wrap{ margin-top: 333px;}
.txt9::after{ width: 67%;}
.txt9a::after{ width: 73%;}
}


@media (max-width:1024px){


  .navbar-expand-lg .navbar-nav .nav-link{ margin-left: 30px;}
 .navbar-brand { width: 175px;} 
.banner-wrap{ width: auto;}
.sec-3{ padding: 100px 0px;}
 .txt1{font-size: 45px;line-height: 55px;}
.txt2{ font-size: 20px; line-height: 24px;}


.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;}

.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:#ec649a;}

}


@media (max-width:992px){

.show-web{ display: none;}
.show-tab{ display: block;} 
.txt-tb-rgt{ text-align: right;}
.navbar-toggler:hover{ width:20px;}
.navbar-toggler{width:20px; padding: 0px;border: 0; position: absolute;right:0px;top: -21px;}
.nav-radius{padding: 10px 25px; position: relative;z-index:0;}
.navbar-collapse{ position: absolute;top:0px;left:0px;width:100%; background: #562a85;z-index: -1;padding: 125px 15px 50px 15px;}
.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: 17px !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%;}
.wdt1,.wdt2 { width: auto;  }
.w-90{ width: 100%;}
.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;}
.pstn-rltv1{ position: relative;}

.accordion-body{padding:0px 15px 15px 0px}
.sec-1{ padding: 135px 0px; }
.sec-2 {background: url(../images/bg-skyline.webp)no-repeat 50% 100%;   
  background-size: 300%; padding: 50px 0px 0px 0px;}
.sec-3 {padding: 50px 0px; background:#fff;}
.banner-wrap{ width: auto;padding: 0px 0px 50px;}

.img2{ width: 45%;}
.img3{ width: 145px; margin-left: 0px;}
.sec-7{ padding: 50px 0px;}
.txt1{ margin-top: 0px;}
}

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


}
@media (max-width:640px){
.txt9::after{ display: none;}
.mrg-mb-btm1{ margin-bottom: 30px;}
}
@media (max-width:575px){

.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%;}


.why-wrap{ width:auto;}

}

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