@import url('https://use.fontawesome.com/releases/v6.2.0/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;900&display=swap');

:root {
    --primary: #3b3b3b;
    --sliver: #f4f4f4;
    --grey: #a7a7a7;
    --border: #e5e7eb;
    --theme: #244483;
    --white: #FFFFFF;
    --action: #0b313d;
    --lightbg: #f2f5f9;
    --lightblack: #5b5b5b;
    --black: #000;
    --shadow-1: 0 5px 12px #10101838;
    --shadow-2: 0 10px 24px #10101814;
    --transition: all 0.4s ease;
}
*{-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;outline:none;margin:0;padding:0;-webkit-transition:none;-o-transition:none;transition:none}
html{-webkit-text-size-adjust:100%}
body{font-family:'Manrope' ,sans-serif;font-size: 16px;font-weight: 500;position:relative;margin:0;padding:0;color:var(--primary);overflow-x: hidden;background: #fff;letter-spacing: 0.2px;}

.container{width: 100%;max-width: 1450px;margin: 0 auto;padding:0 15px;position: relative;}
.container-fluid{position: relative;}
@media screen and (min-width: 1200px) and (max-width: 2000px) {.container{max-width: 91%;}}
@media (min-width: 2001px) { .container{ max-width: 1800px;}}

iframe{border:none}
h1,h2,h3,h4,h5,h6{font-weight: 600;margin:0;line-height: 1.3;}
h4{font-size: 24px;}
a,a:focus,a:hover{outline:medium none;text-decoration:none;color: var(--theme);}
ul,ol{padding:0;margin:0;list-style:none}
.cuani, a{-webkit-transition: .4s;-moz-transition: .4s;-o-transition: .4s;transition: .4s;}
b, strong{font-weight: 700;}
::selection {background: #1f3b72;color:var(--white); }
::-moz-selection {background: #1f3b72;color:var(--white);}

.mb-n40 { margin-bottom: -40px;}


.vcenter > .row{align-items: center;display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;    flex-wrap: wrap;}
.imgdrk{filter: gray;-webkit-filter: grayscale(1);filter: grayscale(1);}
.imgdrk:hover{filter: none; -webkit-filter: grayscale(0);filter: grayscale(0);}
.h100{height:100%;}
.w100{width:100%!important;}
.radius-10{border-radius:10px;}
.swbox{background:var(--white);box-shadow: rgb(0 0 0 / 6%) 0px 16px 40px 0px;border-radius: 6px;padding: 20px;}
.automrg{margin: auto;/* text-align: center; */float: none;}
.bgwhite{background:#fff!important;}
.bgblack{background:#000!important;}
.txtwhite{color:var(--white) !important}
.bgsliver {background: var(--sliver);}

.border-box {border-radius: 10px;background: var(--lightbg);transition: var(--transition);overflow: hidden;padding: 15px;box-shadow: 0 0 5px #0000000f;}
.border-box:hover{transform: translateY(-5px);/* box-shadow: var(--shadow-1) !important; */}

.box-swbox{box-shadow: #0000000f 0px 2px 12px 0px;border-radius: 10px;overflow:hidden}
.box-swbox.bg{background: #f9f6f3;box-shadow:none}
@keyframes slide-down 
{
    0% {opacity: 0;transform: translateY(-100%);-ms-transform: translateY(-100%);-webkit-transform: translateY(-100%);}
    100% {opacity: 1;transform: translateY(0);}
}
.whitebg{background:#fff !important}

.fixmain {display: flex;}
.fixmain .fix-content{position:sticky;top:100px;}

.w100{width:100% !important}
@keyframes slide-down 
{
    0% {opacity: 0;transform: translateY(-100%);-ms-transform: translateY(-100%);-webkit-transform: translateY(-100%);}
    100% {opacity: 1;transform: translateY(0);}
}
.scroll-lock .header-main{background:transparent}
.scroll-lock .header-main img{filter: brightness(0) invert(1);}
.scroll-lock .header-main #cssmenu .submenu-button::before{color:#fff}
.scroll-lock .header-main #cssmenu > ul > li > a{color:#fff}

.header-main{background: #fff;transition:all .5s ease;position:relative;z-index:4}
.header-main .header-wrap{display: flex;justify-content: space-between;max-width: 100%;flex-wrap: wrap;float: none;margin: 0 auto;list-style: none;display: flex;flex-direction: row;align-items: center;/* justify-content: flex-start; */}
.header-main .logo{margin-right: 0;position: relative;z-index: 1;}
.header-main .logo img{width: 235px;padding: 5px 0;}

@media (max-width: 992px)
{   
    .header-main .header-wrap,.flexslider .container{width: 100%;padding: 13px 0px;}
	.panel-toggle{display:none}
}



body.fixed .header-main{position:fixed;background: #fff;padding: 0;top:0;left:0;right:0;z-index:9;-webkit-animation: slide-down 0.7s;-moz-animation: slide-down 0.7s;-o-animation: slide-down 0.7s;box-shadow: 0 9px 9px rgba(0,0,0,.1);height: auto;}
body.fixed{padding-top: 81px;}
body.fixed .logo img{/* width: 242px; *//* padding: 0; */filter: none;}
body.fixed #cssmenu > ul > li::after{top: 16px;}
body.fixed #header .main-header{background: transparent;}


.getquote{font-weight: 600;font-size: 16px;padding: 10px 20px;text-transform: capitalize;border-radius: 0;background: var(--theme);color: #fff;display: inline-block;margin-left: 18px;border-radius: 5px;}
.getquote:hover{color:#fff;background: var(--action);}
.menugetquote{display: none !important;}
@media (max-width: 992px)
{   
    .menugetquote{display: inline-block !important;}
	.getquote{display:none}
	.header-main .header-wrap{display: block;}
}



.page-head {position:relative;z-index:1;text-align:center;background: linear-gradient(white 0%, #f5f5f5 100%);}
.page-head .inner-head{padding: 0px 0 70px 0;/* margin-top: -80px; */position: relative;}
.page-head  h1{font-size: 38px;margin-top: 20px;color: var(--theme);}
.page-head  h1 + p{max-width: 45%;margin:auto;}

@media (max-width:768px) {
.page-head .inner-head{padding:80px 0}

}
@media (max-width:576px) {
.page-head .inner-head{padding:60px 0}
}


.breadcrumb{padding: 0;margin-bottom: 0;list-style:none;margin-top:15px;display: inline-block;}
.breadcrumb > li{display:inline-block}
.breadcrumb > li + li:before{padding:0 5px;color:#ccc;content:"/\00a0"}
.breadcrumb > li, .breadcrumb > li > a, .breadcrumb > li + li:before{color: #858585;font-size: 14px;text-transform: uppercase;}
@media (max-width: 992px)
{   
	 .breadcrumb .container{width: 100%;padding: 0 15px;}
}

/*------------*/
.section{position:relative;padding: 80px 0;background: #fff;}
.section2{padding:30px 0;position: relative;}
.sectionbg{background: var(--lightbg);padding: 80px 0;position: relative;}

.bgbox{background: #f5f5f5;padding: 25px;position: relative;}
.bgbox.nobg{background:none}
@media (max-width: 992px) 
{.bgbox{padding: 60px 15px; }}

.text-scroll-in, .text-animate-in {display: block;word-wrap: break-word;white-space: normal;}
.text-scroll-in .word, .text-animate-in .word {display: inline-block;}
.text-scroll-in .char, .text-animate-in .char{display: inline-block;opacity: 0;transform: translateY(0px);}
.text-scroll-fade .word {white-space: nowrap;display: inline-block;}
.text-scroll-fade .char {display: inline-block;opacity: 0;transform: translateY(0px);
}


.htitle{position:relative;display:block;font-size: 38px;color: var(--theme);margin: 0 0 15px 0;}
.htitle.moveleft{text-indent: 220px;}
.htitle.hsmall{font-size: 28px;}
.htitle.white, .htitle.white + p{color:#fff;}
.htitle.center{text-align:center}
.htitle + p{width: 60%;margin: 0;margin-bottom: 25px;font-size: 17px;position: relative;}
.htitle.center + p{text-align:center;margin-left: auto;margin-right: auto;}
@media (max-width: 992px) 
{
    .htitle{font-size: 28px;}
    .htitle + p{width: 100%;}
}



#preloader {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: var(--sliver) !important;z-index: 9999;display: flex;justify-content: center;align-items: center;}
#loader {position: relative;display: flex;justify-content: center;align-items: center;}
#box {width: 127px;height: 98px;background: url(../images/loderlogo.png) no-repeat center center;background-size: contain;border-radius: 3px;animation: zoomInOut 2s ease-in-out infinite;}
@keyframes zoomInOut {0% {transform: scale(1);}50% {transform: scale(0.9);}100% {transform: scale(1);}}




.infrastructurebg{
    margin-top: 250px;
}
.infrastructurebg .large-img{
    margin-top: -380px;
}





.card-3{position:relative;transition:transform .3s}

.card-3 .card-img img{display:block;transition:filter .3s}
.card-3 .card-3-number{position:absolute;top:0;left:0;right:0;padding:0 30px;font-size:100px;font-weight:700;margin-top:-.5em;color:#fff}
.card-3 .card-text{position:absolute;bottom:45px;left:0;width:100%;padding: 20px 25px;background: var(--action);color:#fff;transition:background-color .3s,bottom .3s;text-align: center;}
.card-3 .card-text h4{margin:0;position:relative;}
.card-3 .card-text p{height:0;overflow:hidden;margin:0;transition:height .3s,margin .3s}
.card-3:hover .card-text p{height:auto}
.card-3:hover{}
.card-3:hover .card-text{bottom:0;background: var(--theme);}
.card-3:hover .card-img img{filter:saturate(100%)}

.card-3:hover p{margin-top:15px}




.experience-card{position:relative;width:100%;overflow:hidden;border-radius:22px;background:#ddd}
.experience-card .experience-card__image{inset:0;width:100%}
.experience-card .experience-card__counter{ position:absolute; right:25px; bottom:25px; width:250px; padding:20px; background: #00000054; backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(12px);border: 1px solid #ffffff59;border-radius:20px;color:var(--white);box-shadow: 0 8px 32px #00000026;}
.experience-card .counter-number{position:relative;height:112px;display:flex;align-items:flex-start}
.experience-card .counter-number > span:first-child{font-size:100px;line-height:.95;font-weight:600;}
.experience-card .counter-plus{position:absolute;top:2px;right:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border: 1px solid var(--white);border-radius:50%;font-size:22px;line-height:1;font-weight:400;}
.experience-card .counter-title{margin-top: 15px;font-size:22px;}
@media (max-width: 767px) {
.experience-card .experience-card__counter{right:20px;bottom:20px;width:220px;height:245px;padding:30px}
.experience-card .counter-number > span:first-child{font-size:85px}
.experience-card .counter-plus{width:34px;height:34px;font-size:19px}
.experience-card .counter-title{margin-top:20px;font-size:19px}
}


.funbox p{margin:0}
.funbox h3{color:var(--theme);font-size: 60px;}

.ava-video{position:absolute;top:0;left:0;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;-o-object-position:top;object-position:top;isolation:isolate}
.main-about-bottom{position:relative;display:flex;height:100vh;overflow:hidden;justify-content:flex-end;color:var(--white);border-radius: 10px;}
.main-about-bottom video{position:relative;width: 50%; height:33.8541666667vw;padding-right:1.0416666667vw;will-change:scale;filter: brightness(0.4);transform-origin:top right;border-radius: 10px;}
.main-about-bottom .main-about-adv{position:absolute;top:0;left:0;width:100%;padding-top:80px;border-radius: 10px;}
.main-about-bottom .main-about-adv-alter{display:none}
.main-about-bottom .main-about-adv .rowava .colava .main-about-advc{position:relative;display:flex;flex-direction:column;gap:100vh;padding-top:30vh;padding-bottom:10vh;}
.main-about-bottom .main-about-adv .rowava .colava .main-about-advr{position:relative;display:flex;flex-direction:column;gap:120vh;padding-top:50vh;padding-bottom:10vh}
.main-about-bottom .main-about-adv .rowava .colava .main-about-adv-box{ padding: 22px;}
.main-about-bottom .main-about-adv .rowava .colava .main-about-adv-box h4{margin-bottom:15px;border-bottom: 1px solid #ffffff75;padding-bottom:15px}
.main-about-bottom .main-about-adv .rowava .colava .main-about-advr .main-about-adv-sin{display:flex;flex-direction:column;gap:1.0416666667vw}
.main-about-bottom .main-about-adv .main-about-adv-sinborder{width:100%;border-top:1px solid #eee}
.main-about-bottom .main-about-adv .main-about-adv-sinh{color:var(--white)}
.main-about-bottom .main-about-adv .main-about-adv-sintext{color:var(--white)}
.main-about-bottom .main-about-adv .main-about-adv-sintext p{margin-bottom:0!important}
@media screen and (max-width: 1449px) {
.main-about-bottom{height:100vh}
.main-about-bottom .main-about-adv{padding-top:100vh}
.main-about-bottom .main-about-adv .main-about-advl{gap:80vh;padding:80vh .7320644217vw 40vh}
.main-about-bottom .main-about-adv .main-about-advc{gap:100vh;padding:10vh .7320644217vw 80vh}
.main-about-bottom .main-about-adv .main-about-advr{gap:120vh;padding:40vh 1.4641288433vw 10vh .7320644217vw}
}
@media screen and (max-width: 991px) {
.main-about-bottom{height:100vh}
.main-about-bottom video{width:100%;height:100%;padding-right:0}
.main-about-bottom .main-about-adv{display:none}
.main-about-bottom .main-about-adv-alter{display:flex;flex-direction:column;gap:10.4166666667vw;position:absolute;left:0;top:0;width:100%;padding-top:60px;padding-bottom:5.2083333333vw}
.main-about-bottom .main-about-adv-alter .main-about-adv-sin:nth-child(2n-1){width:calc(50% - 3.90625vw);margin-right:auto;margin-left:1.0416666667vw}
.main-about-bottom .main-about-adv-alter .main-about-adv-sin:nth-child(2n){width:calc(50% - 3.90625vw);margin-left:auto;margin-right:1.0416666667vw}
}
@media screen and (max-width: 575px) {
.main-about-bottom{height:100vh}
.main-about-bottom .main-about-adv{display:none}
.main-about-bottom .main-about-adv-alter .main-about-adv-sin:nth-child(2n-1){width:calc(100% - 5.5555555556vw);margin:auto}
.main-about-bottom .main-about-adv-alter .main-about-adv-sin:nth-child(2n){width:calc(100% - 5.5555555556vw);margin-left:2.7777777778vw;margin-right:0}
}

/*.pin-spacer {padding-bottom:80px !important;}*/

.foundry-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;max-width:1500px;margin:0 auto}
.foundry-grid .image-card{width: 100%;overflow:hidden;border-radius:6px}
.foundry-grid .image-card img{width:100%;height:100%;display:block;object-fit:cover}
.foundry-grid .info-card{height: 100%;background: var(--lightbg);border-radius:6px;padding:38px 22px 25px;display:flex;flex-direction:column;justify-content:flex-end;}
.foundry-grid .info-card img{width: 60px;filter: brightness(0) saturate(100%) invert(70%);}
.foundry-grid .info-card h4{margin: 15px 0;color:var(--theme);}
.foundry-grid .info-card p{margin:0;color: var(--action);}
@media (max-width: 991px) {
.foundry-grid{grid-template-columns:1fr 1fr}
.foundry-grid .intro-block{grid-column:span 2;grid-row:auto}
.foundry-grid .image-card,.info-card{grid-column:auto!important;grid-row:auto!important}

}
@media (max-width: 576px) {

.foundry-grid{grid-template-columns:1fr;gap:14px}
.foundry-grid .image-card,.info-card{height:300px}
}

.foundry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.foundry-grid .intro-block{grid-column:1;grid-row:1}
.foundry-grid .feature-item{grid-column:span 2;}
.foundry-grid .feature-item a{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.foundry-grid .feature-item:nth-child(even){grid-column:2 / span 2}
.foundry-grid .feature-item:nth-child(odd){grid-column:1 / span 2}

/* =========================================
   CUSTOMER SUPPORT SECTION
========================================= */
.main_cs{background:url(../images/highlight.jpg) no-repeat center fixed;background-size:cover;color:#fff}
.main_cs::after{content:"";position:absolute;inset:0;background: var(--black);z-index:0;opacity: 0.6;}
.main_cs .cs-content{position:relative;z-index: 1;}
.main_cs .cs-links{display:flex;justify-content:flex-end;margin:0;padding:0;list-style:none;position: relative;z-index: 1;gap: 80px;}
.main_cs .cs-links li{width: 135px;text-align:center;}
.main_cs .cs-links li:last-child{margin-right:0}
.main_cs .cs-links a{display:block;color:#fff;text-decoration:none}
.main_cs .cs-links .cs-icon{display:flex;align-items:center;justify-content:center;width:95px;height:95px;margin-bottom:14px;border-radius:50%;background:#ffffff40;transition:all .2s linear;background: #ffffff0f;backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(12px);border: 2px solid #ffffff59;color: var(--white);box-shadow: 0 8px 32px #00000026;margin: auto;}
.main_cs .cs-links .cs-icon img{width: 48px;filter: brightness(0) invert(1);}
.main_cs .cs-links h5{color:#fff}
.main_cs .cs-links li:hover .cs-icon{background:#fff}
.main_cs .cs-links li:hover .cs-icon img{filter: brightness(0);}
@media (max-width: 1199.98px) {
.main_cs{padding:100px 0}

.main_cs .cs-links{justify-content:flex-end}
.main_cs .cs-links li{width:85px;margin-right:35px}
.main_cs .cs-links .cs-icon{width:85px;height:85px}
}
@media (max-width: 991.98px) {
.main_cs .cs-links{justify-content:flex-start;margin-top:55px}
}
@media (max-width: 575.98px) {
.main_cs .cs-links{justify-content:space-between;margin-top:45px}
}

.product-card{background-color:#f1f2f4;border-radius:8px;overflow:hidden;border:none;transition:background-color 1.5s ease;cursor:pointer;display:flex;height:100%}
.product-card .product-img-wrapper{width:50%;min-height:230px;background-color:#e2e4e8;border-radius:10px}
.product-card .product-img-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.product-card .product-content{width:58%;padding:1.5rem;background-color:transparent;display:flex;justify-content:center;flex-direction:column}
.product-card:hover{background-color:#1a2b5c}
.product-card:hover p,.product-card:hover h4{color:#fff}
.product-card h4{color: var(--theme);margin-bottom: 15px;}




  /*-----------*/
.box3{padding: 0;text-align: center;overflow: hidden;background: #fff;border: 1px solid var(--border);}
.box3 img{text-align:center;width:100%;border-radius: 8px;}
.box3:hover{border-color:var(--theme)}
.box3 h4{padding: 5px 0 5px 0;color: var(--theme);margin:0;text-align: center;}
.box3:hover h4{color:var(--theme)}
.box3:hover a h4, .box2:hover h4{color: var(--theme);}
.box3 p{color:var(--primary);line-height:24px;margin: 0;}



.foundry-grid-2{column-count:2;column-gap:40px}
.foundry-grid-2 .intro-card{width:100%;break-inside:avoid;margin-bottom:70px}
.foundry-grid-2 .foundry-item{width:100%;break-inside:avoid;margin-bottom:25px;background: var(--lightbg);border-radius: 10px;overflow: hidden;}
.foundry-grid-2 .foundry-item .image-card{width:100%;/* overflow:hidden; *//* border-radius: 6px 6px 0 0; */}
.foundry-grid-2 .foundry-item .image-card img{}
.foundry-grid-2 .foundry-item .info-card{background: var(--lightbg);padding:25px 20px;margin-top: 0;border-radius:6px;}
.foundry-grid-2 .foundry-item .info-card h4{color:var(--theme);margin-bottom: 10px;}
.foundry-grid-2 .foundry-item .info-card p{margin: 0;}
@media (max-width: 767px) {
.foundry-grid-2{column-count:1}
.foundry-grid-2 .intro-card{margin-bottom:30px}
}

.fact-card .main-card{background: var(--theme);min-height: 500px;padding: 30px;border-radius: 15px;}
.fact-card .stat-card{background: var(--theme);min-height: 250px;padding: 30px;border-radius: 10px;}
.fact-card h4{color: var(--white);opacity: 0.6;}
.fact-card .main-number{font-size: 120px;line-height:.85;}
.fact-card .stat-number{font-size: 60px;line-height:1;}
.fact-card .stat-number small{font-size:40px;letter-spacing:-2px}
@media (max-width: 991px) {
.fact-card .main-card{min-height:500px;padding:50px}
.fact-card .stat-card{min-height:280px;padding:45px}
}
@media (max-width: 767px) {
.fact-card .main-card,.stat-card{border-radius:28px}
.fact-card .main-card{min-height:400px;padding:35px}
.fact-card .main-number{font-size:100px;letter-spacing:-5px}
.fact-card .stat-card{min-height:220px;padding:32px}
.fact-card .stat-number{font-size:55px}
.fact-card .stat-number small{font-size:28px}
}


.about-section{background: var(--lightbg);border-radius:20px;overflow:hidden;position:relative;padding: 60px 0;}
.about-section .text-wrapper{position:relative;padding: 0px 0 0px 80px;display:flex;flex-direction:column;gap:40px}
.about-section .progress-line{position:absolute;left: 0;width:15px;background: var(--theme);border-radius: 0 8px 8px 0;transition:all .45s ease}
.about-section .htitle{color: var(--theme);transition:.45s}
.about-section .about-item p{}
.about-section .vision-img{width: 50% !important;object-fit:cover;display:block;opacity: 0.25;position: absolute;bottom: 0;right: 0;}

@media(max-width:991px) {
    .about-section .progress-line{width:10px}
}
@media(max-width:767px) {
    .about-section .about-item p{font-size:14px}
}



.video-box .video-box-bg{width:100%;height:550px;position:relative;background-image:url(../images/videobg.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;z-index:1;border-radius: 10px;}
.video-box .video-box-bg .video-content{width:196px;height:196px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;backdrop-filter:blur(7.5px);line-height:196px;border-radius:50%}
.video-box .video-box-bg .video-content .video-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110px;height:110px;color:var(--white);background:var(--theme);border-radius:50%;font-size:24px;display:inline-flex;width:110px;height:110px;align-items:center;justify-content:center;text-align:center;-webkit-transition:all .4s ease-out 0s;-moz-transition:all .4s ease-out 0s;-ms-transition:all .4s ease-out 0s;-o-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s;z-index:1;animation:pulseBig infinite 5s linear}
.video-box .video-box-bg .video-content .video-popup:hover{color:var(--white);background:var(--action)}
.video-box .video-box-bg .video-content .video-popup:hover i{transform:scale(1.1)}
.video-box .video-box-bg .video-content .video-popup i{transition:transform .3s ease}
@media only screen and (max-width: 1200px) {
.video-box .video-box-bg{height:400px}
}


.certificate-card{background: var(--lightbg);padding: 25px;border-radius: 10px;}
.certificate-card i {color:var(--theme);font-size: 50px;}
.certificate-card h4{margin: 25px 0 20px 0;border-bottom: 1px solid var(--grey);padding-bottom: 20px;}
.certificate-card .certificate-link{display:inline-flex;align-items:center;gap:28px;color: var(--theme);text-decoration:none;font-weight:700;padding-top: 30px;text-transform: uppercase;}
.certificate-card .certificate-link i{font-size: 26px;transition:transform .25s ease}
.certificate-card .certificate-link:hover{color:var(--action)}
.certificate-card .certificate-link:hover i{transform:translateX(6px)}




.accordion-container{height:80vh;width:100vw;display:flex}
.accordion-card{background-position:center;position:relative;flex:1;height:100%;overflow:hidden;transition:flex .5s cubic-bezier(0.25,1,0.5,1);cursor:pointer;color:#fff}
.card-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;pointer-events:none}
.card-overlay{position:absolute;inset:0;background:#000000b3;transition:background .4s ease;z-index:1;pointer-events:none}
.accordion-card:hover{flex:3}
.accordion-card:hover .card-overlay{background:#00000073}
.card-content{position:relative;z-index:3;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .3s ease 0.15s,transform .3s ease 0.15s,visibility 0s linear .45s;width:100%}
.accordion-card:hover .card-content{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .3s ease 0.15s,transform .3s ease 0.15s,visibility 0s linear 0s}
.collapsed-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;z-index:3;transition:opacity .3s ease;pointer-events:none;white-space:nowrap}
.accordion-card:hover .collapsed-title{opacity:0}

.app-page .accordion-card{height:450px}



.news-card{position:relative;height:100%;overflow:hidden;border: 1px solid var(--border);}
.news-card img{width:100%}
.news-card .card-text{position:relative;display:flex;flex-direction:column;padding:20px;color: var(--primary);}
.news-card .bxstatus{ position: absolute; right: 15px; top: 15px;display: block;padding: 6px 10px;background-color: var(--theme);font-size: 11px;color: #fff;border-radius: 5px;text-transform: uppercase;letter-spacing: 0.5px;    z-index: 1;}
.news-card:hover h4{color:var(--theme)}
.news-card .card-text p:last-of-type{margin-bottom:0}
.news-card .card-text::before{content:"";position:absolute;top:-15px;left:30px;width:15px;height:15px;border-bottom:15px solid #fff;border-left:15px solid transparent;border-right:15px solid transparent;transition:all .5s;transition-delay:.2s}
.news-card::after{content:"";position:absolute;bottom:0;left:0;width:0;height: 2px;background-color:var(--theme);transition:all .4s ease-in-out}
.news-card:hover::after{width:100%}
.news-card .date {margin-bottom: 5px !important;font-size: 12px;text-transform: uppercase;color: #676767;}
.news-card .card-img{overflow:hidden}
.news-card .card-img img{transition:all .6s}
.news-card:hover .card-img img{transform:scale(1.05)}

@media (max-width: 768px) {
.news-card::before{width:30%}
.news-card::after{width:100%}
}



.company-card{height:100%;padding: 40px;border: 1px solid #d9e0e8;background-color:#fff;text-align: center;}
.company-card h3{margin:0 0 25px;color:#061a3a;font-size:34px;line-height:1.15;font-weight:600;letter-spacing:-1px}
.company-card p{ margin: 20px 0 0 0;}
.company-card{transition:background-color .3s ease}
.company-card:hover{background-color:#fafafa}
@media (max-width: 991.98px) {
.company-card{min-height:240px;padding:40px}
.company-card .company-card-number{margin-bottom:30px}
.company-card h3{font-size:28px}
.company-card p{font-size:16px}
}
@media (max-width: 767.98px) {
.company-card{min-height:auto;padding:35px 25px}
.company-card .company-card-number{margin-bottom:25px;font-size:16px}
.company-card h3{margin-bottom:15px;font-size:25px}
.company-card p{font-size:16px}
}


.card-hover{position:relative;background-color:#fff;border: 1px solid var(--border);border-radius: 0;transition:transform .2s ease-in-out,border-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out;border-radius: 10px;}
.card-hover:hover{transform:translateY(-0.25rem);box-shadow:0 .275rem .75rem -.0625rem #0b0f190f 0 .125rem .4rem -.0625rem #0b0f1908}
.card-hover .card-body{padding:30px}
.card-hover .card-body img{display:block;width:50px;height:50px;object-fit:contain;opacity: 0.5;}
.card-hover .card-body h4{margin-bottom:15px;color: var(--theme);}
.card-hover .card-body p{margin-bottom:0;font-size:16px;line-height:1.7;color:#666}
.card-hover .card-body .card-icon{display:flex;align-items:center;justify-content:center;width:76px;height:76px;background-color: var(--white);border-radius: 50%;color:var(--white);border: 1px solid var(--border);}
@media (max-width: 575.98px) {
.card-hover .card-body{padding:25px 20px}
.card-hover .card-body h4{font-size:20px}
.card-hover .card-body p{font-size:15px}
}

.mouse_scroll{display:block;margin:0 auto;width:126px;height:150px;margin-top:25px;text-align:center;color:var(--white);text-transform:uppercase}
.mouse_scroll .m_scroll_arrows{display:block;width:5px;height:5px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);border-right:2px solid white;border-bottom:2px solid white;margin:0 0 3px 4px;width:16px;height:16px;margin:auto}
.mouse_scroll .unu{margin-top:1px}
.mouse_scroll .unu,
.mouse_scroll .doi,
.mouse_scroll .trei{-webkit-animation:mouse-scroll 1s infinite;-moz-animation:mouse-scroll 1s infinite;animation:mouse-scroll 1s infinite}
.mouse_scroll .unu{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-webkit-animation-direction:alternate;animation-direction:alternate;animation-delay:alternate}
.mouse_scroll .doi{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-direction:alternate;animation-delay:.2s;animation-direction:alternate;margin-top:-6px}
.mouse_scroll .trei{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;-webkit-animation-direction:alternate;animation-delay:.3s;animation-direction:alternate;margin-top:-6px}
.mouse_scroll .mouse{height:42px;width:24px;border-radius:14px;transform:none;border:2px solid white;top:170px;margin:auto}
.mouse_scroll .mouse .wheel{height:5px;width:2px;display:block;margin:5px auto;background:white;position:relative;height:4px;width:4px;border:2px solid #fff;-webkit-border-radius:8px;border-radius:8px}
.mouse_scroll .mouse .wheel{-webkit-animation:mouse-wheel .6s linear infinite;-moz-animation:mouse-wheel .6s linear infinite;animation:mouse-wheel .6s linear infinite}
@-webkit-keyframes mouse-wheel{
0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px)}
}

@-moz-keyframes mouse-wheel{
0%{top:1px}
25%{top:2px}
50%{top:3px}
75%{top:2px}
100%{top:1px}
}

@-o-keyframes mouse-wheel{
0%{top:1px}
25%{top:2px}
50%{top:3px}
75%{top:2px}
100%{top:1px}
}

@keyframes mouse-wheel{
0%{top:1px}
25%{top:2px}
50%{top:3px}
75%{top:2px}
100%{top:1px}
}

@-webkit-keyframes mouse-scroll{
0%{opacity:0}
50%{opacity:.5}
100%{opacity:1}
}

@-moz-keyframes mouse-scroll{
0%{opacity:0}
50%{opacity:.5}
100%{opacity:1}
}

@-o-keyframes mouse-scroll{
0%{opacity:0}
50%{opacity:.5}
100%{opacity:1}
}

@keyframes mouse-scroll{
0%{opacity:0}
50%{opacity:.5}
100%{opacity:1}
}

html.scroll-lock,
body.scroll-lock{overflow:hidden!important;height:100%}

body.scroll-lock{position:fixed;width:100%}

.ms-preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:1;visibility:visible;z-index:9999999}

#mainIntro{position:fixed;top:calc(50% - 1px);left:calc(50% - 1px);transform:translate(-50%,-50%);width:calc(100vw + 2px);height:calc(100vh + 2px);z-index:2;overflow:hidden;background:#191a5b}

#mainIntro .main-intro-wrap{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;width:100%;height:100%;text-align:center}

#mainIntro .main-intro-wrap .intro-top{position:relative;width:100%;height:30vh;background:#191a5b;overflow:hidden}

#mainIntro .main-intro-wrap .intro-top .bg{position:absolute;top:0;left:0;width:192rem;height:96rem;background:#191a5b;transform:translate(-30%,-30%);transition:all 1.3s ease-out;opacity:0}

#mainIntro .main-intro-wrap .intro-middle{position:relative;display:flex;width:100%;transform-origin:center center}

#mainIntro .main-intro-wrap .intro-middle::before{position:absolute;content:"";width:100vw;height:5px;top:-4px;left:0;background:#191a5b}

#mainIntro .main-intro-wrap .intro-middle::after{position:absolute;content:"";width:100vw;height:5px;bottom:-4px;left:0;background:#191a5b}

#mainIntro .main-intro-wrap .intro-middle .intro-middle-item{width:calc((100vw - 50rem) / 2);background:#191a5b}

#mainIntro .main-intro-wrap .intro-middle .intro-logo{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:auto}

#mainIntro .main-intro-wrap .intro-middle .intro-logo .intro-logo-text{transform:scale(1);transition:all .8s ease}

#mainIntro .main-intro-wrap .intro-middle .intro-logo .intro-logo-text img{width:255px}

#mainIntro .main-intro-wrap .intro-bottom{position:relative;width:100%;height:calc(70vh - 384px);background:#191a5b;box-sizing:border-box;overflow:hidden}

#mainIntro .main-intro-wrap .intro-bottom .bg{position:absolute;bottom:0;right:0;width:192rem;height:96rem;background:#191a5b;transform:translate(30%,30%);transition:all 1.3s ease-out;opacity:0}

#mainIntro.intro-load .main-intro-wrap .intro-top .bg,
#mainIntro.intro-load .main-intro-wrap .intro-bottom .bg{transform:translate(0,0);opacity:1}

#mainIntro.load .main-intro-wrap .intro-top,
#mainIntro.load .main-intro-wrap .intro-top .bg{animation:introAniTop ease-in both 2.5s}

#mainIntro.load .main-intro-wrap .intro-middle{animation:introAniMiddle ease-in both 2.5s}

#mainIntro.load .main-intro-wrap .intro-bottom,
#mainIntro.load .main-intro-wrap .intro-bottom .bg{animation:introAniBottom ease-in both 2.5s}

@keyframes introAniTop{
0%{transform:translateY(0)}
70%{transform:translateY(calc(-1 * (36.7rem * 40)))}
100%{transform:translateY(calc(-1 * (36.7rem * 40)))}
}

@keyframes introAniMiddle{
0%{transform:translateX(0%) scale(1) rotate(.01deg)}
70%{transform:translate(-0%,50vh) scale(75) rotate(.01deg)}
100%{transform:translate(-0%,50vh) scale(150) rotate(.01deg)}
}

@keyframes introAniBottom{
0%{transform:translateY(0)}
70%{transform:translateY(calc(36.7rem * 20))}
100%{transform:translateY(calc(36.7rem * 20))}
}

@media all and (min-width:1921px) {
#mainIntro.load .main-intro-wrap .intro-middle{animation:introAniMiddleWide ease-in both 2.5s}

@keyframes introAniMiddleWide{
0%{transform:translateX(0%) scale(1) rotate(.01deg)}
70%{transform:translate(-18%,-120vh) scale(50) rotate(.01deg)}
100%{transform:translate(-18%,-120vh) scale(50) rotate(.01deg)}
}
}

@media all and (max-width:767px) {
#mainIntro .main-intro-wrap .intro-middle{height:250px}
#mainIntro .main-intro-wrap .intro-middle .intro-logo{width:220px;height:250px}
#mainIntro .main-intro-wrap .intro-middle .intro-middle-item{width:calc((100vw - 220px) / 2)}
#mainIntro .main-intro-wrap .intro-middle .intro-logo .intro-logo-text{font-size:32px;letter-spacing:2px}
}


.box2{padding-top:0;background: var(--sliver);text-align: center;overflow: hidden;}
.box2 img{padding: 5px;border: 1px solid var(--grey);text-align:center;width:100%;border-radius: 8px;}
.box2.noborder img{border:none;padding:10px}
.box2:hover img{border-color:var(--theme)}
.box2 h4{padding: 5px 0 5px 0;color: var(--primary);margin:0;text-align: center;}
.box2 h4 a{color:var(--theme)}
.box2:hover a h4, .box2:hover h4{color: var(--theme);}
.box2 p{color:var(--primary);line-height:24px;margin: 0;}

.box6{padding: 0;background: var(--lightbg);overflow: hidden;    border-radius: 10px;}
.box6.white{background:#fff}
.box6 .box-img {position: relative;overflow: hidden;}
.box6 .box-text{position:relative;padding: 21px;color: var(--primary);text-align: left;}
.box6 .box-text h4{color: var(--theme);margin-bottom: 21px;}
.box6 .box-text p{margin:0}
@media (max-width:767px) {
    .box6 .box-text {padding: 15px}
}


/*-----------------*/
.text-desc h1:first-child,.text-desc h2:first-child,.text-desc h3:first-child,.text-desc h4:first-child,.text-desc h5:first-child{margin:0 0 5px}
.text-desc h1,.text-desc h2,.text-desc h3,.text-desc h4,.text-desc h5{margin:14px 0 5px}
.text-desc table{border-collapse:collapse;margin:0 0 20px;width:100%}
.text-desc table.center{text-align:center}
.text-desc table hr{border-color: #ebebeb;margin: 5px 0;}
.text-desc table thead,.text-desc table th{background: #ebebeb;font-weight:600;}
.text-desc table td,.text-desc table th{border: 1px solid #ebebeb !important;padding: 7px;/* color:#2d2d2d; */vertical-align:middle;}
.text-desc table td{/* color: #545454; */}
.text-desc tt{font-size: 25px;font-weight: 300;line-height: 35px;padding-bottom: 0;display: block;/* color: #fff; */}
.text-desc ul,.text-desc ul ul{margin-left: 15px;margin-bottom: 15px;}
.text-desc ul li{list-style-type: none;position: relative;margin-bottom: 5px;}
.text-desc ul.list2 li{width: 46%;display:inline-block;}
.text-desc ul.list1{margin: 0;}
.text-desc ul.list1 li{list-style: none;margin: 0;margin-bottom: 10px;padding-left: 28px;position: relative;}
.text-desc ul.list1 li:before{position:absolute;font-size: 14px;top: 0;left: 0;font-family: "Font Awesome 5 Free";content: "\f058";font-weight: 900;color: var(--theme);line-height: 1.8;}
.text-desc ul.list1 li i{padding: 0 8px 0 0;}
@media (max-width: 768px){.text-desc ul.list2 li{width: 100%;}}
.text-desc ul ul li{list-style-type:circle}
.text-desc ul li:before{position:absolute;font-size: 9px;top: 0px;font-family: "Font Awesome 5 Free";content: "\f061";font-weight: 900;color: var(--primary);left: -15px;line-height: 2.3;}
.text-desc h2{font-size: 34px;padding: 12px 0 6px;margin:0;position:relative;color: var(--primary);text-transform: capitalize;}
.text-desc h3, .text-desc h4, .text-desc h5{color: var(--theme);padding: 0px 0 10px 0px;display: block;position:relative;}
.text-desc h3{font-size: 28px;text-transform:uppercase;}
.text-desc h4{font-size: 24px;text-transform:capitalize;}
.text-desc h5{font-size: 20px;}
.text-desc h2 + hr,.text-desc h4 + hr{border-color:#d0d0d0;width:55%;text-align:center;display:inline-block}
.text-desc img{display:inline-block!important}
.text-desc p{}

/*------*/
.readmore{color: var(--primary);text-transform:uppercase;font-weight:600;font-size: 15px;padding-top: 10px;display: inline-block;}
.readmore i{font-size:11px;padding-left:6px}
.readmore:hover{color: var(--primary);}
.readmore:hover i{padding-left:9px}
/*-----------------*/   
.owl-stage{display: flex;flex-wrap: wrap;}
@media screen and (max-width: 1060px){
    .owl-theme .owl-controls .owl-prev{left:0 !important;    }
    .owl-theme .owl-controls .owl-next{right:0 !important}
}

 
  /*-----------*/


/*--------*/
.social{list-style-type:none;padding:10px 0 0;margin:0}
.social li{display:inline-block}
.social a{margin-right:5px;cursor:pointer;display:block;width: 40px;height: 40px;text-align:center;text-decoration:none;background: transparent;border-radius: 50%;border: 1px solid #272524;line-height: initial;font-size: 20px;color: #272524 !important;}
.social a i{line-height: 40px;color: var(--theme);}
.social a:hover{background: var(--theme);color: #ffffff;border-color: var(--theme);}
.social a:hover i{color: #fff;}

/*--------------*/
.cenq{display:none}
.form label{font-weight:600;margin-bottom: 5px;}
.form button{margin-top:30px}
.form textarea.text-field{height:80px}
.form .select{margin:0!important;font-size:15px!important}
.form  input[disabled],.form .text-field{background: #f6f6f6ab;border: 0;color: var(--primary);/* font-size: 16px; */margin: 0 0 18px;padding: 15px;width:100%;border-radius: 0;border: 1px solid #dabfa5;border-radius: 5px;}
.form .text-field:focus,.form .text-field:hover{/* border-color: #c3002f; */box-shadow:none;/* border-width:1px; */background: #fff;}
.errorbox,.errorbox span,.errorbox li{color:#D90000}
.errorbox .sucmsg{color:var(--primary)}

.custbtn{border-radius: 0;padding: 15px 35px;background: var(--theme);display:inline-block;margin-top: 0;border: 1px solid #ffff;color:#fff;text-transform:uppercase;font-weight: 600;border-radius: 5px;}
.custbtn.blank{background:transparent;margin:auto;text-align:center}
.custbtn:hover,.custbtn.blank:hover,.custbtn:active,.custbtn:focus{text-decoration:none;background: var(--primary);color: #fff;}

@media (max-width: 768px) 
{.custbtn{float:none !important; margin-top:5px}}

.capcha{background:transparent !important}
.capcha + input{width:200px !important;margin-top:5px !important}


.contact-box{padding:28px 22px 35px;background:#1d3d89;border-radius: 10px;color:#fff;    height: 100%;}
.contact-item{display:flex;align-items:center;gap:30px;padding: 25px 15px;}
.icon-box{width: 50px;height: 50px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%}
.icon-box i{color:#1d3d89;font-size: 22px;}

.contact-content{flex:1}
.contact-content h4{margin-bottom:8px;font-weight:700}
.contact-content a{color:var(--white)}
.divider{width:100%;height:1px;background: #ffffff52;}
.address-item{align-items:flex-start;padding-bottom:25px}
.address-item .icon-box{margin-top:5px}
@media (max-width: 600px) {
.contact-box{margin:10px;width:calc(100% - 20px);padding:20px 12px;border-radius:16px}
.contact-item{gap:18px;padding:32px 15px}
.icon-box{width:52px;height:52px;min-width:52px}
.icon-box i{font-size:24px}
.contact-content h3{font-size:23px}
.contact-content p{font-size:18px;line-height:1.5}
.address-item{padding-bottom:20px}
}

.google-map {width: 100%;/* -webkit-filter: grayscale(100%); *//* filter: grayscale(100%); height: calc(64% + 30px);*/overflow: hidden;border-radius: 10px;}



/*------*/
.address{}
.address li{margin: 10px 0;}
.address h4{font-size: 24px;font-weight: 700;letter-spacing: .5px;padding-bottom: 6px;margin-bottom: 13px;display: inherit;color: #e31822;}
.address > li > i{display:inline-block;vertical-align:top;margin-top: 4px;width: 20px;text-align: center;font-size: 17px;margin-right: 7px;}
.address p{display:inline-block;margin:0;}
.address a{color: var(--primary);}
.address li:last-child{margin-bottom:0}


/*--------------*/
.fix-penal{position: fixed;bottom: 10px;right: 10px;z-index:21}
.fix-penal a{text-align: center;width: 50px;height: 50px;display: block;color: #FFFFFF;border-radius: 10px;background-color: #25D366;}
.fix-penal .callus{margin-bottom:10px;background:#f8b000;color: var(--primary);}
.fix-penal i{font-size: 28px;margin-top: 11px;color: #fff;}




/*---------------*/

.footer{padding-top:60px;position:relative;background: var(--lightbg);background-repeat:no-repeat}
.footer p,.footer a{
    color: var(--action);
}
.footer .ftcontact{border-top: 1px solid #00000029;padding-top:45px;margin-top: 25px;}
.footer .ftcontact i{color:#fff}
.footer h4{font-size:22px;color: var(--theme);margin-bottom:30px;}
.footer .ftcontact h5{font-size:15px;font-weight:400;margin-bottom:20px;color:#ffffff7d}
.footer .ftcontact a{margin-top:0;display:inline-block;color: var(--primary);}
.footer .social a{border-color: var(--theme);}
.footer .social a i{/* color:#fff!important; */}
.footer img{padding:10px 0 15px;width: 260px;display:inline-block}
.footer .social{}
.footer ul.list{margin-top:10px}
.footer ul.list li{list-style:none;padding: 5px 0 5px 15px;position:relative}
.footer ul.list li:before{position:absolute;font-size: 11px;left:0;font-family:"Font Awesome 5 Free";content: "\f105";font-weight:900;line-height: 2.1;}
.footer ul.list li a{margin:0}
.copyrights{padding:21px 0;overflow:hidden;margin-top:45px;border-top: 1px solid var(--border);}
.copyrights p,.copyrights a{margin:0;color: var(--primary);}


@media screen and (max-width: 992px) {
	.footer{text-align:left}
    .footer h3{margin-bottom:7px;margin-top:20px;padding-bottom:4px;text-align:left}
    .footer .address p{text-align:left!important}
    .footer .textright{text-align:left}
    .footer .social{text-align:left}
}


@media (max-width: 992px) 
{   
    .page-head{margin-top: 58px;    padding: 20px 0 20px 0;}
    .page-head h1, .page-head .breadcrumb  {float:none}
    .page-head h1{font-size:25px}
    .page-head {margin-top: 0;padding: 30px 0;}
}
@media (max-width: 768px) 
{
     .vcenter > .row{ display: initial;}
}