:root{
    --colgrey:#494949;
    --colgrey2:#767676;
    --colred:#AF0101;
    --colblu:#00396f;
    --colblu2:0, 57, 111;
    --colblk:#323232;
    --transition1:all 0.2s linear;
    --font2:'Days One', sans-serif;
    --font1:'Poppins', sans-serif
}
.clearfix:before, .clearfix:after{content: ""; display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;}

/* Not great browser support :(
html {
  scroll-behavior: smooth;
} 
*/
input,button,textarea{font-family:var(--font1);}
.knw_more{display: inline-block; z-index: 1; font-weight: 500;  color: var(--colred); margin-top: 20px; padding: 10px; position: relative;}
.knw_more::before{background-color: var(--colred); opacity: 0.2; position: absolute; border-radius: 30px; width: 45px; height: 100%; aspect-ratio: 1; content: ''; left: -5px; top: 0px; z-index: -1; transition:var(--transition1);}
.knw_more:hover,.knw_more:focus{color: white;}
.knw_more:focus::before,.knw_more:hover::before{width: calc(100% + 10px); opacity: 1; border-radius:6px;}
button.knw_more{border: none; font-weight: 600; background-color: transparent; display: inherit; margin-left: auto; font-size: 16px; cursor: pointer;}
svg.hidden{display: none; width: 0; height: 0;}
svg.icon{width: 1em; height: 1em;}

body{font-family:'Poppins', sans-serif; font-size: 16px; color: var(--darkgrey);}
.container{max-width: 1360px; margin: 0 auto;}
.hero-header{background: transparent radial-gradient(closest-side at 70% 25%, #9CC4EAAB 0%, #FA9E9E1F 100%) 0% 0%}
.bnr_hdr{order: 5;}

.main-header img{height:57px;transition: var(--transition1); display: block;}
.main-header .nav li{margin: 0px 20px; text-transform: uppercase; font-weight: 600;}
.main-header .nav li a{padding:0px 0px; color: #494949; position: relative;}
.main-header .nav li a:before{content:''; background-color: var(--colred);height: 1px; position: absolute; bottom: -5px; left: 0; right: 0; margin: auto; width: 0; transition: var(--transition1);}
.main-header .nav li a.active::before{width: 100%;}
.main-header .nav li a:hover{color: #121212;}
.main-header .nav li a:hover::before{width: 100%;}
.main-header .nav li a.active{color: #AF0101;}
.main-header{padding: 10px 0; position: relative; z-index: 2; background:#ffffffde; transition: var(--transition1);}
.main-header.sticky{position: sticky; box-shadow: 0px 4px 4px rgba(0,0,0,.05); top: 0; z-index: 10; padding: 10px; background-color:#fff4f4;}
.main-header.sticky img{height: 40px;}
.hero-header{margin-top: -80px;}
.hero-header img{width: 100%; display: block; color: #494949;}
.sec__hdng{font-size: 28px; font-weight: 700; margin: 20px 0; display: block; color: #363636;}
.hero_sldr_sec .lftStck__nav.swiper-pagination-bullets{color:#9B9B9B; position: absolute; display: flex; right: auto; margin-left: 0px; width: auto; top:0; align-items: center; justify-content: space-evenly; writing-mode: vertical-lr; transform:rotate(180deg); display: none;}
.hero_sldr_slides.swiper-container .lftStck__nav .swiper-pagination-bullet{margin: 0px 15px;}
.hero_sldr_slides.swiper-container{width:auto; height: 100%; display: flex; align-items: center;}
/* .hero_sldr_slides.swiper-container{margin-left: 60px;} */

.hero_sldr_slides .imgBx_outr{position: relative; width: 100%;}
.hero_sldr_slides .imgBx_Insd{position: relative;}
.hero_sldr_slides .imgBx_Insd::before{position: absolute; content: ''; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0,57,111,1) 2%, rgba(0,0,0,0.7) 20%); z-index: 1;}
.hero_sldr_slides .imgBx_Insd img{border-radius: 0px; width: 100%;}
.hero_sldr_slides .contBx_Outr .contBx h3{font-size: 30px; margin-bottom: 10px;}
.hero_sldr_slides .contBx_Outr{position: absolute; color:black; left: 20px; right:20px; top: 0; bottom: 0px; margin: auto; display: flex; align-items: center; max-width: 1360px;}
.hero_sldr_slides .contBx_Insd{background-color: rgba(255, 255, 255, 0); color: white; position: relative; z-index: 2; border-radius: 10px 10px 0 0; font-size: 14px; top: 40px; padding: 0px; display: flex; flex-direction: column; max-width: 500px;}
.hero_sldr_slides .contBx_Insd img{max-width: 80px; max-height:80px; margin-bottom: 10px;}
.hero_sldr_slides .lftBx{width: 45%; margin-right:5%;}
.hero_sldr_slides .lftBx .imgBx{margin-bottom: 20px;}
.hero_sldr_slides .lftBx .imgBx img{max-width: 230px; max-height: 60px; width: auto;}
.hero_sldr_slides .slide{height: 100%; align-items: center;}
.hero_sldr_slides .rytBx{width: 55%;}
.hero_sldr_sec .swiper-pagination-bullet{width: auto; height: auto; background: transparent; opacity: 1;}
.hero_sldr_sec .swiper-pagination-bullet:hover{color: #3e3e3e;}
.hero_sldr_sec .swiper-pagination-bullet-active,.hero_sldr_sec .swiper-pagination-bullet-active:hover{color: var(--colred);}
.hero_sldr_sec{display: flex; align-items: center;}
.hero_sldr_sec .btnRdMr{background:#AF0101; color: white; border-radius: 20px; margin-left: 5px; padding: 3px 8px; font-size: 12px; transition: var(--transition1);}
.hero_sldr_sec .btnRdMr:hover{background:black;}
.sliderImg{height: 100%;}
.imgSltxt{box-shadow: 0px 0px 25px #00000029; position: absolute; z-index: 2;  border-radius: 30px; background: white; padding: 5px 5px 5px 20px; line-height: 1.45; top: -100px; left: -100px;}
.imgSltxt.imgSltxt2{left: auto; top: 170px; right: 30px;}
.imgSltxt .icon{font-size: 20px; fill: white;}
.imgSlimgBx{width: 324px; height: 432px; z-index: 1; box-shadow: 0px 0px 30px #00000029; top: -190px; left:60px; position: absolute; transform:rotate(-10deg); border: 6px solid white; border-radius:35px; overflow: hidden;}
.imgSlimgBx img{max-width: 100%; min-height: 100%;}
.imgSlimgBx.imgSlimgBx2{width: 321px; height: 519px; transform:rotate(18deg) ; box-shadow: 0px 0px 30px #15182C24; left: auto; right:100px; top: -280px; z-index: 0; }
.imgSltxt{display: flex; align-items: center;}
.imgSltxt .crcl{border-radius: 30px; margin-left: 10px; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; background-color: black;}
.imgSltxt .crcl img{max-width: 60%;}
.imgSltxt .crcl.red{background-color:#AF0101;}
.imgSltxt .crcl.blue{background-color:#00396F;}

.cases__sofar{background-color: #AF0101; color: white; padding-bottom: 50px; position: relative; z-index: 1;}
.cases__sofar .ttl__bx{transform:rotate(-180deg) translateX(-100%) translateY(-1px); transform-origin: left center; writing-mode:vertical-lr;  display:block; white-space: nowrap; position: relative; background-color: #841F1F; text-align: center; align-self: stretch; padding: 20px 10px 25px 10px;}
.cases__sofar .col-sec{flex:1; cursor: pointer; display: flex;}
.cases__sofar .col-sec .coldta_Insd{align-items: center; padding:20px; justify-content: center; margin: 0px auto; display: flex; transition: var(--transition1);}
.cases__sofar .col-sec.active .coldta_Insd{background-color: #00396F; color: white; border-radius: 0px 0px 10px 10px; }
.cases__sofar .contBx{text-align: left; margin-left: 20px;}
.cases__sofar .imgBx{background-color: white; display: flex; flex-shrink:0; align-items: center; justify-content: center; width: 100px; height: 90px; border-radius: 0 10px 0 10px; box-shadow: 0px 3px 6px rgba(0,0,0,0.16);}
.cases__sofar .imgBx img{max-width: 80%; display: inline-block; margin: auto; max-height: 80%;}
.cases__sofar .colRyt{margin: 0px auto 25px; width: 100%;}
.cases__sofar .colRyt .bgrTtl{line-height:1; font-size: 42px; margin-bottom: 5px; font-weight:600;display: block; text-align: center;}
.cases__sofar .container{position: relative;}
.cases__sofar .btmtxt{position: absolute; bottom:7px; font-size: 9px; left: 60px; right: 0; margin: auto; text-align: center; flex-basis: 100%; opacity: 0.5; font-weight: 400;}

.about-sec .container{border-radius:8px; z-index: 1; position: relative; background-color: white; box-shadow: 0px 0px 50px #0000000F; margin-top: -55px; padding-top: 1px; padding: 35px;}
.about-sec h2{font-size: 28px; font-weight: 600; color:var(--colblu); margin: 0px 0 40px; padding: 0; display: block;}
.about-sec p{line-height: 30px;}
.mngmnt-col .imgBx{position:relative; width: 260px; height: 260px; border-radius: 50%;  margin: 0px auto; overflow: hidden;}
.mngmnt-col .imgBx img{width: auto; max-width: calc(100% + 30px); top: 0; margin: auto; left: 50%; position: absolute; transform: translateX(-50%);}
.mngmnt-col h4{font-size: 24px; text-transform: uppercase; margin: 15px 0px 0px 0; color: var(--colblu); font-weight: 600;}
.ttl__styl1{font-size: 28px; margin: 20px 0px 50px; font-weight: 600; color: var(--colblu); padding: 0px 10px;}
.ttl__styl1 .border__Ttl::before, .ttl__styl1 .border__Ttl::after{content: ''; width: 10px; height: 10px; border-radius: 10px; background-color: currentColor; display: inline-block; vertical-align: middle; margin: 0px 10px 0 0;}
.ttl__styl1 .border__Ttl::after{margin:0 0 0 10px;}
.ttl__styl1::before, .ttl__styl1::after{width: 70px; content: ''; display: inline-block; height: 1px; background-color: var(--colblu); margin: 0px 0px; vertical-align: middle;}
.ttl__styl1.less__spc{margin-bottom: 20px;}

/* Firefox */
.abtCont{
  scrollbar-width: thin;
  scrollbar-color: #397524 #DFE9EB;
}

/* Chrome, Edge and Safari */
.abtCont::-webkit-scrollbar{width: 10px; width: 10px;  transition: var(--transition1);}
.abtCont::-webkit-scrollbar-track {border-radius: 5px;background-color: #DFE9EB;}
.abtCont::-webkit-scrollbar-track:hover{background-color: #e2e2e2;}
.abtCont::-webkit-scrollbar-track:active{background-color: #B8C0C2;}
.abtCont::-webkit-scrollbar-thumb {border-radius: 5px;background-color: #838383;}
.abtCont::-webkit-scrollbar-thumb:hover{background-color: #787878;}
.abtCont::-webkit-scrollbar-thumb:active{background-color: #838383;}

.mngmnt-row .abtCont{margin-left: 20px; max-height: 400px; overflow-y: auto;}
.mngmnt-row .abtCont p{margin-bottom: 10px;}
.mngmnt-col span{color: #565656; display: block;}
.mngmnt-col .dsgnt__bx{display: block; color: black;}
.mngmnt-col .imgBx{transform: scale(0.9); transition: var(--transition1); }
.mngmnt-col .imgBx:hover{transform: scale(1);}

.tabs__style{display: flex; margin-bottom: 40px; justify-content: center;}
.tabs__style ul{background-color: rgba(235,235,235,1); border-radius: 6px; padding: 5px; display: flex;}
.tabs__style ul a{padding: 5px 15px; display: block; color: #454545; font-weight: 500;}
.tabs__style ul li.active{background-color: #fff; box-shadow: 0px 0px 4px rgba(0,0,0,0.2); border-radius: 4px;}
.tabs__style ul li.active a{color: #242424;}

.tabDta .tabSld{display: none;}
.tabDta .tabSld:first-child{display: block;}

.key-highlights{background-color: var(--colblu); position: relative; margin-top: -100px;padding-top: 140px; text-align: center; clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%);}
.key-highlights{color:white; padding-bottom: 20px;}
.key-highlights h2{font-size: 28px; font-weight: 600; margin-top: 0px; margin-bottom: 20px;}
.key-highlights .grid-col{width: 20%; padding: 0px 2%; margin: 10px 0 30px;}
.key-highlights .grid-col .imgBx{border-radius: 50%; width: 58px; height: 58px; border: 1px solid white; margin: 0px auto; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; font-size: 28px;}

.our-services{background-color:#FAFAFA;padding-bottom: 100px; padding-top: 40px;}
.our-services {overflow: hidden;}
.our-services h2{font-size: 76px; line-height: 1; margin: 0px 0px 40px; text-transform: uppercase; opacity: .28; font-weight: 600; color: var(--colblu);}
.our-services h2 span{display: block; color: var(--colred);}
.our-services .grid_col{box-shadow: 0px 0px 40px #0000001A; background-color: white; width: 30%; border-radius: 12px; padding: 30px 22px;}
.our-services .grid_col .imgBx{width: 140px; margin-bottom: 20px; height: 60px; display: flex; align-items: center;}
.our-services .grid_col .imgBx a{display: flex; align-items: center; height: 100%;}
.our-services .grid_col .imgBx img{max-width: 100%; max-height: 100%;}
.our-services p{color:#6C6C6C; font-size: 15px; line-height: 26px;}
.our-services .grid_col{display: flex; flex-direction: column;}


.app_section{clip-path:polygon(0 0, 100% 5%, 100% 100%, 0 100%); background:transparent radial-gradient(closest-side at 70% 30%, rgb(195 217 238) 0%, rgb(255 243 243) 100%) 0% 0% no-repeat padding-box; padding: 30px 0px 70px 0px; margin-top: -70px;}
.app_section .container > div{width: 50%; display: flex; align-items:center; flex-direction: column; justify-content: center;}
.app_section .container > div img.appimg{width: 100%; position: relative; bottom: -30px;}
.app_section h1,.app_section h3{font-size: 48px; font-weight: 600; line-height: 1;}
.app_section h1 span, .app_section h3 span{color: var(--colred);}
.app_section .smlTtl{font-size: 18px; text-transform: uppercase;}
.app_section .version__blk{font-size: 40px; font-weight: 700; background-color: var(--colred); display: inline-block; margin-top: 10px; line-height: 1; padding: 10px 20px; color: white; border-radius:10px; margin-bottom: 20px;}
.app_section .col{color: var(--colblu);}
.app_section .col .subTtl{color: #444;}

.app_section.insd{clip-path: none; text-align: left; margin-top: 0;}
.app_section.insd h1,.app_section.insd h3{font-size: 32px;}
.app_section.insd .version__blk{font-size: 36px; padding: 5px 10px;}
.app_section.insd .container > div{align-items: flex-start;}
.app_section.insd .container > div p{color:#171717;}
.app_section.insd .container{justify-content: space-between;}
.app_section.insd .appData{max-width: 45%;}

.app_section.insd .crcl{width: 565px; aspect-ratio: 1; background-color: rgba(255,255,255,0.6); border-radius: 50%;}
.app_section.insd .crcl img{max-width: 110%;}

.app_section.styl2{background: #F3E6E6; margin-top: -2px; clip-path: none; padding-bottom: 0vh; position: relative; bottom: -2px;}
.app_section.styl2 h3{font-size: 42px; font-family: var(--font1); color:#AF0101; margin-bottom: 10px; line-height: 1.2;}
.app_section.styl2 .container > div{align-items: flex-start; color:#242424}
.app_section.styl2 .container > div:nth-child(2){align-items:center;}
.app_section.styl2 .appimg{max-width: 40%;}

.app_section.styl3{clip-path: none; background:url(../images/app2-bg.svg) center 0px no-repeat #00396F;background-size:contain; color: white; margin-top: 0; padding-top: 100px;}
.app_section.styl3 .col{color: white;}
.app_section.styl3 .container > div img.appimg{max-height: 70vh; width: auto; }
.app_section.styl3 h3{font-family: var(--font1); line-height: 1.25;}


.app_section.styl4{background: transparent; position: relative; z-index: 1; min-height: 70vh; display: flex; align-items: center; clip-path: none; }
.app_section.styl4 h3{font-size: 36px; font-weight: 700; font-family: var(--font1); color:var(--colblu); margin-bottom: 10px; line-height: 1.2;}
.app_section.styl4 .container{height: 100%;}
.app_section.styl4 .container > div img.appimg{max-height: 70vh; width: auto; position: absolute; margin-top: 10px; top:12vh; z-index: 1; }


.our-strength{padding:50px; background-color:#EBF1F7; text-align: center; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);}
.our-strength .crcl{aspect-ratio: 1; display: flex; align-items: center; margin: 0px auto; border-radius: 50%; justify-content: center;}
.our-strength .crcl img{max-width: 70%;}
.our-strength h5{font-size: 30px; color: var(--colblu); font-weight: 700; line-height: 1.25; margin: 10px 0;}
.our-strength h5 span{display: block; font-size: 18px;}
.our-strength .crcl{ animation-name: breathing; animation-duration: 5s; animation-iteration-count: infinite;}

@-webkit-keyframes breathing {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  60% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.colr1{background-color: #C9D6E2; width: 194px;animation-duration:2s;}
.colr2{background-color: #00396F; width: 238px;animation-delay: 2s; animation-duration: 4s; animation-direction: alternate-reverse;}
.colr3{background-color: #658CB0; width: 132px;animation-delay: 1s; animation-duration: 2s; }
.colr4{background-color: #D2DBE3; width: 186px;animation-delay: 3s; animation-duration: 1s;  animation-direction: alternate-reverse;}
.colr5{background-color: #98BADA; width: 238px;animation-delay: 1s; animation-duration: 1s; }


.clntSldr{margin-bottom: 50px;}
.clntSldr.hpSldr .swiper-wrapper{padding-bottom:0px;}
.clntSldr img{max-width:90%; width: auto; display: block; margin: 0px auto; max-width: 130px; max-height:60px;}
.clntSldr .swiper-wrapper{align-items: center;}

.ttl_stl1{font-size: 38px; color:var(--colblu); margin: 0px 0px 50px; font-weight: 700;}
.ttl_stl1 span{color: var(--colred);}
.clntSldr .swiper-wrapper{padding-bottom: 90px;}
.clntSldr .swiper-pagination-bullet{width: 16px; height: auto; aspect-ratio: 1; transition: var(--transition1); background-color: #a1a1a1;}
.clntSldr .swiper-pagination-bullet-active{background-color: var(--colblu); transform: scale(1.555);}


.feedback__sec{margin: 40px 0;}
.feedback__sec .container{background-color: #FDEEEE; border-radius: 30px; padding: 40px 30px;}
.feedback__sec h2{background-color: #FFDDDD; display: inline-block; font-weight: 600; border-radius: 8px; padding: 8px 25px; color:var(--colred)}
.fb_sldr{margin: 50px 0 0px; padding: 30px 0;}
.fb__grid p{color:#555; position: relative; background-color: white; text-align: left; padding: 30px; box-shadow: 0px 0px 25px #0000000D; border-radius: 20px;}
.fb__grid p:after{content: ""; position: absolute;top:100%; width: 0; height: 0; border-style: solid; border-width: 0 30px 25px 0; border-color: transparent white transparent transparent; right: 40px;}
.fb__grid{text-align: right;}
.fb__grid::before{font-size:50px; display: flex; z-index: 1; border-radius: 50%; line-height: 0; align-items: center; justify-content: center; background-color: #F2C2C2; color: white; content: '❝'; width: 54px; aspect-ratio: 1; padding-top: 20px; box-sizing: border-box; position: absolute; top: 0px; letter-spacing: 4px; left: 0px;}
.fb__grid{padding: 20px 20px;}
.fb__grid .nm__cntnr, .fb__grid .ds__cntnr{display: block;}
.fb__grid .nm__cntnr{margin-top:30px;font-size: 16px; color: #555555; font-weight: 500;}
.fb__grid .ds__cntnr{font-size: 14px; color: #8D8D8D;}

.fb_sldr .swiper-wrapper{padding-bottom: 40px;}
.fb_sldr .swiper-pagination-bullet{width: 16px; height: auto; aspect-ratio: 1; transition: var(--transition1); background-color: #a1a1a1;}
.fb_sldr .swiper-pagination-bullet-active{background-color: var(--colred); transform: scale(1.555);}


.media{background-color:var(--colred); padding: 40px 0px; overflow: hidden;}
.media h2{font-size: 130px; color: white; transform:rotate(-180deg) translateX(-100%) translateY(-1px); transform-origin: left center; writing-mode:vertical-lr; opacity: 0.4; font-weight: 400; text-transform: uppercase;}
.media .media__cnt{text-align: right; width: 85%;}
.media .tabs__contnr{display: flex; justify-content: end;}
.media .tabs__contnr ul{display: flex;border-radius: 8px; padding: 5px; background-color: white;  display: flex; justify-content: center;}
.media .tabs__contnr ul li{margin: 0px 2px;}
.media .tabs__contnr ul li a:hover{background-color: #f0f0f0;}
.media .tabs__contnr ul li a{padding: 7px 15px; transition: var(--transition1); border-radius: 4px; color: #7a7a7a; display: block;}
.media .tabs__contnr ul li.active a{background-color: var(--colblu); color: white;}


.media .tabs__cont .arwStyl{position: absolute; top: 25px; right: 20px; left: auto;}
.media .gallrySlidr{padding-top: 40px;}
.gallrySlidr .arwStyl.swiper-button-prev{right: 60px;}
.gallrySlidr .arwStyl{background-color: #fff; border-radius: 50%; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4); height: 30px; width: 30px; aspect-ratio: 1;}
.gallrySlidr .swiper-slide a ~ *{display: none;}
.gallrySlidr .arwStyl::after{color: var(--colblu);; font-size: 14px; font-weight:800;}

.wallpaper__cntnr > div{margin-left: auto;}
.tabs__cont{display:flex; margin-top: 30px; justify-content: end;}
.tabs__cont .active{display:block;}
.tabs__cont > div{display:none; width: 100%;}
.tabs__cont .crd{font-size: 13px; font-weight: 600; width: 100%; padding: 20px; border-radius: 6px; background-color: white; margin: 0px auto; display: block; position: relative; top: 0;  transition: var(--transition1);}
.tabs__cont .crd .icon{font-size: 30px;}
.tabs__cont .crd:hover{top:-5px; transform: scale(1.01); box-shadow: 0px 5px 30px rgba(0,0,0,.4);}
.tabs__cont .crd span{display:block; padding: 5px; color: #6C6C6C; text-align: center;}
.tabs__cont .crd span .icon{font-size: 14px; position: relative; top: -1px; display: inline-block; vertical-align: middle;}
.tabs__cont .crd .crd__img{max-width: 100%; text-align: center; min-height: 200px; overflow: hidden; position: relative;}
.tabs__cont .crd .crd__img img{max-width: 100%; max-height: 100%; min-width: 100%; min-height: 100%;  display: block; border-radius: 6px; position: absolute; left: 0; right: 0; margin: auto; object-fit: cover;}
.dwnld__ic{background-color: var(--colblu); width: 26px; height: 26px; aspect-ratio: 1; margin-left: 10px; border-radius: 50%; z-index: 1;}


.map__cntnr{position: relative;}
.map__cntnr .container{position: absolute; left: 0; right: 0; margin: auto; top: 0;}
.map__cntnr .form_cntnr{border-radius: 25px; box-shadow: 0px 0px 40px #00000029; background-color: white; position: absolute; z-index: 1; top: 50px; padding: 20px; right: 0; width: min(400px,100%);}
.map__cntnr .form_cntnr h3{color:#6C6C6C; font-size: 29px; font-weight: 600;}
.map__cntnr .form_cntnr .input_cotnr{margin: 15px 0; position: relative;}
.map__cntnr .form_cntnr .input_cotnr label{transition: var(--transition1); opacity: 0.5; pointer-events: none;}
.map__cntnr .form_cntnr .input_cotnr .inputFld + label{position: absolute; left: 13px; top: 12px; opacity: 0;}
.map__cntnr .form_cntnr .input_cotnr .inputFld:not(:placeholder-shown) + label, .map__cntnr .form_cntnr .input_cotnr .inputFld:focus + label{opacity: 1; visibility: visible; top:-10px; left: 8px; padding:2px 5px; background-color: white; display: inline-block; font-size: 11px;}
.map__cntnr .form_cntnr input, .map__cntnr .form_cntnr textarea{width: 100%; padding: 10px; height: 48px; border:1px solid #B5B5B5; padding-left: 12px; border-radius: 3px;}
.map__cntnr .form_cntnr .input_cotnr .inputFld:focus::-webkit-input-placeholder{opacity: 0; display: none;} 
.map__cntnr .form_cntnr .input_cotnr .inputFld::-moz-placeholder,.map__cntnr .form_cntnr .input_cotnr .inputFld::-webkit-input-placeholder{opacity: 0; display: none;} 
.map__cntnr .form_cntnr textarea{height: 80px; display: block;}
.map__cntnr .form_cntnr .input_cotnr.error input,.map__cntnr .form_cntnr .input_cotnr.error textarea{border-color: var(--colred);}
.map__cntnr .form_cntnr .input_cotnr .errmsg{color: var(--colred); font-size: 10px; position: absolute; bottom: 2px; right:8px;}
.map__cntnr .form_cntnr .rfrsh__btn{position: absolute; background-color: transparent; border: none; outline: none; font-size: 10px; right: 0;  top: 100%; left: 0; margin: auto; cursor: pointer;}
.map__cntnr .form_cntnr .rfrsh__btn:hover{color: var(--colred);}
.map__cntnr .form_cntnr .msgBx .icon{font-size: 60px;}
.map__cntnr .form_cntnr .col-grn{color:#508944;}
.map__outr iframe{display: block;}

.nl__subscrb{clip-path: polygon(0 20%, 100% 0%, 100% 100%, 0% 100%); background-color: var(--colblu); margin-top: -60px; padding: 20px; position: relative; display: block; padding-top: 60px; padding-bottom: 35px;}
.nl__subscrb .container{display: flex; align-items: flex-end;}
.nl__subscrb .container::before{background: url(../images/newsletter_subsrcibe.svg) center bottom no-repeat; content: ''; position: relative; display: inline-block; width: 250px; height: 195px; background-size: 100%;}
.nl__subscrb .subs__ttl{font-size: 40px; position: relative; margin-left: -40px; font-weight: 600; line-height: 1; }
.nl__subscrb .subs__Outr{justify-content: space-between; width: 100%; margin-bottom: 10px;}
.nl__subscrb form{flex-basis: 70%; display: flex; align-items: flex-end;}
.nl__subscrb .subs__fld{flex-basis: 70%; position: relative;}
.nl__subscrb .subs__fld.error span{background-color: var(--colred); position: absolute;right: 0; bottom: 5px; color: white; font-size: 12px; padding: 2px 8px;}
.nl__subscrb .subs__btn{margin-left: auto;}
.nl__subscrb .subs__fld input{width: 100%; background-color: transparent; outline: none; border: none; padding: 20px 0; color: white; border-bottom: 1px solid rgba(255,255,255,.4); font-size: 18px;}
.nl__subscrb .subs__fld label{transition: var(--transition1); opacity: 0.5; pointer-events: none;}
.nl__subscrb .subs__fld input::placeholder{color:#d6d6d6; opacity: 0.5;}
.nl__subscrb .subs__fld input + label{position: absolute; left: 0px; top:20px; opacity: 0; font-size: 18px;}
.nl__subscrb .subs__fld input:not(:placeholder-shown) + label, .nl__subscrb .subs__fld input:focus + label{opacity: 1; visibility: visible; top:-10px; left: -4px; padding:0px 5px; color: #d9d9d9; display: inline-block; font-size: 11px;}
.nl__subscrb .subs__fld input:focus::-webkit-input-placeholder{opacity: 0; display: none;} 
.nl__subscrb.successMsg{text-align: left;}


.knw_more.lm{font-size: 25px; color: white; border: none;}
.knw_more.dm{font-size: 18px; color: white; border: none;}
.knw_more.dm::before{opacity: 1;}
.knw_more.lm::before{width: 60px; border-radius: 30px; background-color:var(--colred); opacity: 1; border: none;}
.knw_more.lm:focus::before,.knw_more.lm:hover::before{width: calc(100% + 10px); border-radius: 6px;}


.footer-panel{color: #6c6c6c; background-color: #f9f9f9; font-size: 14px;}
.footer-panel h2.locationIcn{font-size: 29px; margin-bottom: 20px; font-weight: 600; color: #6c6c6c;}
.footer-panel h2.locationIcn:before{display:inline-block; content:''; vertical-align: middle; margin-right: 10px; background: url(../images/location_icn.svg) center center no-repeat; width: 27px; height: 36px;}
.grids__bx{display:flex; flex-wrap: wrap;justify-content:space-between;}
.grids__bx .grid-col{flex:1; padding-right: 2%;}
.grids__bx .grid-col:nth-last-child(2){padding-right: 0%;}
.grids__bx .grid-col:last-child{flex-basis: 100%;}
.grids__bx .grid-col .cities__lst{width: 100%;}
.grids__bx .grid-col .cities__lst ul{display: grid; grid-template-columns: repeat(8,1fr);}
.footer-panel .phone-icn, .footer-panel .email-icn{display: block;}
.footer-panel .phone-icn i, .footer-panel .email-icn i{width: 10px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 10px;}
.footer-panel .cr__row{background-color:#323232; color: #bebebe;}

.ftr_lnk a{color: white; transition: var(--transition1);}
.ftr_lnk a:hover{color: #d9d9d9;}

.footer-panel .cr__row .ftr_lnk li{padding: 0px 8px;}
.footer-panel .cr__row .ftr_lnk li:not(:first-child){border-left: 1px solid white;}
.footer-panel .cr__row .ss__media img{max-width: 24px; max-height: 24px; }
.footer-panel .cr__row .ss__media li{margin: 0px 5px;}
.footer-panel .cr__row .ss__media .ss_icns{margin-left: 5px;}

.btt_btn{background: rgba(var(--colblu2), 0.85); width: 50px; height: 50px; box-shadow: 0px 0px 10px #5757574F; border: 1px solid #ffffff33; display: flex; align-items: center; visibility: hidden; opacity: 0; transition: var(--transition1); justify-content: center; border-radius: 50%; position: fixed; bottom: 50px; right: 20px; z-index: 99999;}
.btt_btn.show{visibility: visible; opacity: 1;}
.btt_btn .icon{width: 1em; height: 1em; font-size: 16px;}

.no_scroll{overflow: hidden;}
.popupContainer{position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); top: 0; bottom: 0; left: 0; right: 0; z-index: 1111; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: var(--transition1);}
.popupContainer .popupBg{}

.popupCont{max-width: min(900px,100%); pointer-events: all; position: relative; display: flex; max-height: 70%; background-color: white; border-radius: 6px; padding: 30px; margin: auto; width: 100%; transform:scale(0.9) translateY(-30px); opacity: 0; visibility: hidden; transition: var(--transition1);}
.popupContainer.show{opacity: 1; visibility: visible;}
.popupContainer.show .popupCont{opacity: 1; visibility: visible; transform: scale(0.95) translateY(0px);}
.popup__cls{width: 20px; transition: var(--transition1); padding: 5px; cursor: pointer; height: 20px; position: absolute; right: 0px; top: -30px; transform: rotate(45deg) scale(0.8);}
.popup__cls::after,.popup__cls::before{width: 2px; height:100%; background-color: white; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; content: ''; border-radius: 2px;}
.popup__cls::after{width: 100%; height: 2px;}
.popup__cls:hover{transform: rotate(135deg);}

.popupCont .mngmnt-col{text-align: center;}
.about__pop{display: none; align-items: center; justify-content: center;}
.about__pop.active{display: flex;}
.about__pop .abtCont{margin-left: 30px; overflow: auto; padding-right: 10px; font-size: 14px; line-height: 1.55; color: #3e3e3e; max-height: 100%;}
.about__pop .abtCont::-webkit-scrollbar{width: 10px; border: none; outline: none;}
.about__pop .abtCont::-webkit-scrollbar-track{background-color: #e0e0e0; border-radius: 10px;}
.about__pop .abtCont::-webkit-scrollbar-thumb{box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); border-radius: 10px;}
.about__pop .abtCont p{margin-bottom: 20px;}
.about__pop .abtCont p:last-child{margin-bottom: 0px;}
.about__pop .mngmnt-col .imgBx:hover{transform: none;}


.group_companies{background-color: var(--colblu); padding: 30px 0; text-align: center; position: relative; overflow: hidden;}
.group_companies .companies_lst ul{display: flex; justify-content: space-between;}
.group_companies .companies_lst li{background-color: #fff; width:15%; display: flex; align-items: center; justify-content: center; border-radius: 5px; position: relative; z-index: 1;}
.group_companies .companies_lst li a{padding: 5px; display: block;}
.group_companies .companies_lst li img{display: inline-block; max-width: 140px; max-height: 100px;}

.annual_return_grid{display: flex; gap: 2.2%;}
.annual_return_grid .annual_return_grid_item-icon{opacity: 0.6;}
.annual_return_grid .annual_return_grid_item{background-color: #EEF7FF; align-items: center; border-radius: 12px; padding: 1.5rem; width: 33.33%; display: flex;}
.annual_return_grid .knw_more{margin-top: auto; margin-bottom: auto; margin-left: auto; }


.burgerNav{display: none;}
.icon-one{width:30px;height:30px; z-index: 11; position:relative; cursor:pointer; margin-left: auto;}
.hamburger-one:before,.hamburger-one:after{content:'';position:absolute; width:28px; height:3px; background:var(--colblu); transition:.5s; border-radius: 3px;}
.icon-one.active-one .hamburger-one{background:black;}
.hamburger{top:50%;left:0%;width:22px;height:3px;background:var(--colblu);position:absolute;transition:.5s; border-radius: 3px;}
.hamburger:before{top:-10px}
.hamburger:after{top:10px}
.active-one .hamburger-one:before, .active-one .hamburger-one:after{background-color: #b6b6b6;}
.icon-one.active-one .hamburger-one:before{top:0;transform:rotate(45deg)}
.icon-one.active-one .hamburger-one:after{top:0;transform:rotate(135deg);}

.bgNav{position: fixed; width: 100%; height: 100%; background-color:rgba(0,0,0,0.6); top: 0; bottom: 0; left: 0; right: 0; z-index: 2; display: none; transition: var(--transition1);}

.brd__crmbs{color: var(--colgrey2);}
.brd__crmbs a{color: var(--colblu);}
.brd__crmbs a:after{content: '/'; display: inline-block; margin: 0px 5px; color: black;}

.desc__bx .lftBx{width: calc(100% - 350px);}
.desc__bx .rytBx{width:300px; margin-left: 50px;}
.desc__bx .rytBx .count__Bx{width:100%; display: inline-block; text-align: center; padding: 10px 0; background-color: #E3EAF1; border-radius: 20px;}
.desc__bx .rytBx .count__Bx ._num{font-size: 41px; color: var(--colblu); font-weight: 600; display: block;}

.img_srvcLst{overflow:hidden; margin: 20px 0; clip-path:polygon(0 0, 100% 0, 100% 100%, 0 85%); min-height: 200px; position: relative;}
.img_srvcLst .srvcLst{width: 100%;}
.img_srvcLst .bgimgBx{position: absolute; display: flex; align-items: center; width:100%; top: 0; right: 0; bottom: 0; left: 0;}
.img_srvcLst .bgimgBx::before{position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0,0,0,0.6); content: ''; z-index: 1;}
.img_srvcLst .bgimgBx img{object-fit: cover; width: 100%;}
.img_srvcLst .container{display: flex; align-items: flex-end; position: relative; z-index: 1;}
.img_srvcLst .srvcLst .imgBx{background-color: white; border-radius: 7px; margin: 0px auto; display: inline-flex; padding: 10px;}
.img_srvcLst .srvcLst .imgBx .icon{font-size: 30px;}
.img_srvcLst li{text-align: center;}
.img_srvcLst .srvcLst{width: calc(100% - 100px); position: relative; left: 100px;}
.img_srvcLst .srvcLst span{display: block; margin-top: 8px; color: white;}
.img_srvcLst h3{font-size: 30px; color: white; opacity: 0.4; transform: rotate(-180deg) translateY(-13%) translateX(calc(-100% + 3px)); transform-origin: left center; writing-mode: vertical-lr; text-transform: uppercase; line-height: 1;}

.ttl_withCont .container{display: flex; justify-content: space-between; align-items: center; max-width: 1000px;}
.ttl_withCont .container{max-width:1360px;}
.ttl_withCont .lftTtl{opacity:0.6; flex-basis: 40%; font-size: 80px;}
.ttl_withCont .rytCont{flex-basis: 45%; color: #666666;}



.prcsBx{margin: 50px 0px;}
.prcsBx .container{background-color: #F6FAFF; padding: 20px; border-radius: 16px;}
.prcsBx h3{color: var(--colblu); font-size: 22px; text-transform: uppercase; font-weight: 700;}
.prcsBx ul{display: flex; position: relative; align-items: flex-start; counter-reset: item; justify-content: space-between;}
.prcsBx ul li{flex-basis: 18%; margin: 0px 1%; display: flex; flex-direction: column; align-items: center;}
.prcsBx ul li:before, .prcsBx ul li > span:before{counter-increment: item; content: "0" counter(item); font-size: 35px; font-weight: 700; display: inline-block; display: flex; flex-direction: column; align-items: center;}
.prcsBx ul li:nth-child(even) .icnBx{order:2}
.prcsBx ul li:nth-child(even):before{order:3}
.bgorn{color: #D88888;}
.bggrn{color: #81C397;}
.bgblu{color:#8499D4;}
.bgpur{color: #D09DE0;}
.bggol{color: #CDB57C;}
.prcsBx ul .icnBx{width: 85px; height: 85px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0px auto 10px; position: relative; background-color: currentColor;}
.prcsBx.whtIcn ul .icnBx{background-color: white; box-shadow: 0px 0px 10px rgba(0,0,0,0.16);}
.prcsBx ul .icnBx::before{display: inline-block; background-color: #000;}
.prcsBx ul span span{color: #6B6B6B;}
.prcsBx ul li > span:before{display: none;}
.prcsBx ul::before{position: absolute; left: 0; margin: 0px 10%; right: 0; height: 1px; background-color:#c8c8c8; content: ''; top: 42%;}
.prcsBx.whtIcn ul li:before{color:#42698F;}
.prcsBx.whtIcn ul li:nth-child(2n) span{min-height: 50px;}
.prcsBx.whtIcn ul::before{top:47%}


.prcsBx.cycleType .container{padding-bottom: 60px;}
.prcsBx.cycleType li{position:relative; font-size: 14px; flex: 1;  margin: 0; padding: 0px 3% ;}
.prcsBx.cycleType ul{margin-top: 30px;}
.prcsBx.cycleType ul li:before{counter-increment: item; content: "0" counter(item); font-size: 32px; font-weight: 700; display: inline-block; display: flex; position: absolute; border-radius: 50%; width: 55px; aspect-ratio: 1; background-color: #000; top: -58px; flex-direction: column; align-items: center; line-height: 1.75; z-index: 1; color:white}
.prcsBx.cycleType ul li:nth-child(even)::before{bottom: -40px; top: auto;}
.prcsBx.cycleType li::after{content:''; left: 0; right: 0; position:absolute; border: 2px dashed #00396F; height: 100%;}
.prcsBx.cycleType li:nth-child(odd)::after{top:-29px;border-bottom: none; border-radius: 30px 30px 0 0;}
.prcsBx.cycleType li:nth-child(odd):not(:last-child):after{border-right: 0;}
.prcsBx.cycleType li:nth-child(odd):not(:first-child)::after{border-left: none;}
.prcsBx.cycleType li:nth-child(even)::after{border-top: none; padding-bottom: 20px; border-radius:  0 0 30px 30px;}
.prcsBx.cycleType ul::before{display: none;}
.prcsBx.cycleType ul li .icnBx{background-color: transparent;}
.prcsBx.cycleType ul li.col1:before, .prcsBx.cycleType ul li.col1 span:before{background-color: #EEBCBC;}
.prcsBx.cycleType ul li.col2:before, .prcsBx.cycleType ul li.col2 span:before{background-color: #C9DDBD;}
.prcsBx.cycleType ul li.col3:before, .prcsBx.cycleType ul li.col3 span:before{background-color: #A9B9E4;}
.prcsBx.cycleType ul li.col4:before, .prcsBx.cycleType ul li.col4 span:before{background-color: #CC9BCF;}
.prcsBx.cycleType ul li.col5:before, .prcsBx.cycleType ul li.col5 span:before{background-color: #CDC889;}


.cntrBgGfx img{max-height: 70vh; max-width: 90%;}

.contentBx{color: #636363;}
.contentBx p{margin-bottom: 20px;}

.acrdnBx .acrdnItm{background:white; border-radius: 10px; color: #585858; font-weight: 600; box-shadow:0 0 10px rgba(0,0,0,0.14); transform: var(--transition1); margin-bottom: 25px;}
.acrdnBx .acrdnItm.active{background-color: #F0F8FF; box-shadow: none; border-radius: 20px;}
.acrdnBx .acrdnItm.active .acrdnTtl::after{content: '-';}
.acrdnBx .acrdnTtl{padding:14px 30px; cursor: pointer; font-size: 18px; display: flex; justify-content: space-between; align-items: center;}
.acrdnBx .acrdnItm:hover{background-color: #f9f9f9;}
.acrdnBx .acrdnItm.active:hover{background-color:#F0F8FF;}
.acrdnBx .acrdnTtl::after{content: '+'; line-height: 1; color: #707070; font-size: 40px; font-weight: 500;}
.acrdnBx .acrdnCnt{display:none; padding:0px 30px 20px; font-size: 14px; line-height: 1.5; font-weight: 400;}
.acrdnBx .acrdnCnt p{color: #414141; margin-bottom: 15px;}
.acrdnBx .acrdnCnt p a{color: var(--colblu);}

.lstngStyl{list-style: none; counter-reset: lstNum;}
.lstngStyl li{margin-bottom: 10px; display: flex;}
.lstngStyl li:before{counter-increment: lstNum; content: counter(lstNum, lower-alpha); display: inline-flex; vertical-align: text-top; margin-right: 10px; background-color: #d8e6f3; border-radius: 50%; font-weight: 500; line-height: 1; justify-content: center; align-items: center; width: 24px; color: #768fa5; height: 24px; flex-shrink: 0;}

.lstngStyl.col2 li:before{background-color: #f3cbcb; color: var(--colred);}
.icnTick{border-radius: 50%; padding: 0px; font-size:50px;}
.icnTick .icon{display: block;}