
.fs-12 {font-size: clamp(0.6875rem, 0.6071rem + 0.2232vw, 0.75rem);}
.fs-14 {font-size: clamp(0.8125rem, 0.7321rem + 0.2232vw, 0.875rem);}
.fs-15 {font-size: clamp(0.875rem, 0.7946rem + 0.2232vw, 0.9375rem);}
.fs-16 {font-size: clamp(0.875rem, 0.7143rem + 0.4464vw, 1rem);}
.fs-18 {font-size: clamp(1rem, 0.8393rem + 0.4464vw, 1.125rem);}
.fs-20 {font-size: clamp(1.125rem, 0.9643rem + 0.4464vw, 1.25rem);}
.fs-22 {font-size: clamp(1.25rem, 1.0893rem + 0.4464vw, 1.375rem);}
.fs-24 {font-size: clamp(1.25rem, 0.9286rem + 0.8929vw, 1.5rem);}
.fs-26 {font-size: clamp(1.375rem, 1.0536rem + 0.8929vw, 1.625rem);}
.fs-28 {font-size: clamp(1.5rem, 1.1786rem + 0.8929vw, 1.75rem);}
.fs-30 {font-size: clamp(1.625rem, 1.3036rem + 0.8929vw, 1.875rem);}
.fs-32 {font-size: clamp(1.5rem, 0.8571rem + 1.7857vw, 2rem);}
.fs-34 {font-size: clamp(1.625rem, 0.9821rem + 1.7857vw, 2.125rem);}
.fs-36 {font-size: clamp(1.75rem, 1.1071rem + 1.7857vw, 2.25rem);}
.fs-38 {font-size: clamp(1.875rem, 1.2321rem + 1.7857vw, 2.375rem);}
.fs-40 {font-size: clamp(2rem, 1.3571rem + 1.7857vw, 2.5rem);}
.fs-42 {font-size: clamp(1.875rem, 0.9107rem + 2.6786vw, 2.625rem);}
.fs-44 {font-size: clamp(2rem, 1.0357rem + 2.6786vw, 2.75rem);}
.fs-46 {font-size: clamp(2.125rem, 1.1607rem + 2.6786vw, 2.875rem);}
.fs-52 {font-size: clamp(2.25rem, 0.9643rem + 3.5714vw, 3.25rem);}
.fs-54 {font-size: clamp(2.375rem, 1.0893rem + 3.5714vw, 3.375rem);}
.fs-56 {font-size: clamp(2.5rem, 1.2143rem + 3.5714vw, 3.5rem);}
.fs-60 {font-size: clamp(2.75rem, 1.4643rem + 3.5714vw, 3.75rem);}
.fs-64 {font-size: clamp(2.5rem, 0.5714rem + 5.3571vw, 4rem);}
.fs-72 {font-size: clamp(2.5rem, -0.0714rem + 7.1429vw, 4.5rem);}
.fs-80 {font-size: clamp(2.5rem, -0.7143rem + 8.9286vw, 5rem);}
.fs-88 {font-size: clamp(2.5rem, -1.3571rem + 10.7143vw, 5.5rem);}
.fs-96 {font-size: clamp(2.5rem, -2rem + 12.5vw, 6rem);}
:root{
  --bs-accordion-bg:#FFF;
  --primary-gradient:linear-gradient(99.09deg, #0054B6 0%, #026EEB 100%)
}
::-webkit-scrollbar {width: 8px;height: 8px}
::-webkit-scrollbar-track {border-radius: 8px}
::-webkit-scrollbar-thumb {background: #c9dff9;border-radius: 8px}
body::-webkit-scrollbar{display: none;}
p:last-child{margin-bottom: 0}
a{text-decoration: none;}

/* font size */
.fs-h1{font-size: clamp(2.5rem, -0.7143rem + 8.9286vw, 5rem)}
.fs-h2{font-size: clamp(2rem, 1.0357rem + 2.6786vw, 2.75rem)}
.fs-h3{font-size: clamp(1.75rem, 1.1071rem + 1.7857vw, 2.25rem)}
.fs-h4{font-size: clamp(1.125rem, 0.9643rem + 0.4464vw, 1.25rem)}
.fs-p1{font-size: clamp(1.125rem, 0.9643rem + 0.4464vw, 1.25rem);}
p{font-size: clamp(0.875rem, 0.7143rem + 0.4464vw, 1rem);line-height: 1.6;}
/* border radius */
.border-r10px{border-radius: 10px;}
.border-r12px{border-radius: 12px;}
.border-r14px{border-radius: 14px;}
.border-r15px{border-radius: 15px;}
.border-r20px{border-radius: 20px;}
.border-r30px{border-radius: 30px;}

.form-loader{ position: relative; display: none;} .form-loader::before{ content: ""; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; position: absolute; background: inherit; z-index: 1; border-radius: 10px;} .form-loader::after{ content: ""; position: absolute; width: 30px; height: 30px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border: 4px solid transparent; border-top-color: #fff; border-radius: 50%; animation: button-loading-spinner 1s ease infinite; z-index: 2;} @keyframes button-loading-spinner{ from{ transform: rotate(0turn);} to{ transform: rotate(1turn);}} .custom-radio{ display: block; position: relative; padding-left: 30px; margin-bottom: 10px; margin-right: 15px; cursor: pointer; color: #3d424d; font-size: 0.75rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .custom-radio input{ position: absolute; opacity: 0; cursor: pointer;} .custom-radio .checkmark{ position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #eee; border-radius: 50%;} .custom-radio:hover input ~ .checkmark{ background-color: #ccc;} .custom-radio input:checked ~ .checkmark{ background-color: #2153b0;} .custom-radio .checkmark:after{ content: ""; position: absolute; display: none;} .custom-radio input:checked ~ .checkmark:after{ display: block;} .custom-radio .checkmark:after{ top: 5px; left: 5px; width: 10px; height: 10px; border-radius: 50%; background: white;} 
#contactUsForm .form-group select {color: #7c7c7c !important;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' viewBox='0 0 18 10' fill='none'%3E%3Cpath d='M8.43635 9.90414C8.26154 9.84052 8.09529 9.73097 7.9376 9.57549L0.371449 2.11571C0.138562 1.88582 0.015103 1.60115 0.00107367 1.26171C-0.0129557 0.922552 0.110503 0.624193 0.371449 0.36664C0.615559 0.126238 0.911297 0.00603685 1.25866 0.00603685C1.60603 0.00603685 1.90177 0.126238 2.14588 0.36664L9.00285 7.1019L15.8598 0.36664C16.093 0.13675 16.3817 0.0148896 16.726 0.0010575C17.0703 -0.0127746 17.373 0.109086 17.6343 0.36664C17.8781 0.607041 18 0.898484 18 1.24097C18 1.58373 17.8781 1.87531 17.6343 2.11571L10.0681 9.57549C9.91041 9.73097 9.74416 9.84052 9.56936 9.90414C9.39455 9.96805 9.20572 10 9.00285 10C8.79999 10 8.61115 9.96805 8.43635 9.90414Z' fill='%231A1A1A'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 20px center;padding: 1rem .75rem;}
.input-error{color:red}
.visually-hidden {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;}
.hero-canvas {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1}
/* btn */
.btn:hover{transform: translateY(-1px);transition: all 0.4s ease-in-out}
.btn-gradient-primary{border:1px solid transparent;background: var(--primary-gradient);color: #fff;transition: all 0.4s ease-in-out;}
.btn-gradient-primary:hover {background-position: right center;color: #fff;}
.btn-outline-white {color: #fff;border-color: #fff;transition: all 0.4s ease-in-out;}
.btn-outline-white:hover {color: #1A1A1A;border-color: #fff;background-color: #FFF;transition: all 0.4s ease-in-out;}
.text-balance{text-wrap: balance;}
.text-gradient-main{background: linear-gradient(90deg,#EB00A8,#6CB0FF,#EB00A8);background-size: 200% auto;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;animation: gradient-animation 3s linear infinite;}
.text-gradient-blue{background: var(--primary-gradient);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.text-gray{color: #8C8C8C;}
.bg-gradient-primary{background: var(--primary-gradient)}
.bg-light-blue{background-color: #F0F5FD}
.bg-gray{background-color: #D9D9D9 !important;} 
.bg-charcoal{background-color:#000F1F;}
.w-6px{width: 6px !important;}
.w-4px{width: 4px !important;}
@keyframes gradient-animation {
    from {
        background-position: 0% center;
    }
    to {
        background-position: 200% center;
    }
}
.ai-btn-animation{background-image: radial-gradient(at 0% 0%, #ff00c8 0, transparent 50%), radial-gradient(at 100% 100%, #1183d5 0, transparent 50%),radial-gradient(at 50% 50%, #6133ff 0, transparent 100%);background-size: 200% 200%;animation: liquidFlow 5s ease-in-out infinite alternate;}
@keyframes liquidFlow {
    0% {
      background-position: 0% 0%;
      background-size: 200% 200%;
    }
    33% {
      background-position: 100% 20%;
      background-size: 250% 150%;
    }
    66% {
      background-position: 30% 100%;
      background-size: 150% 250%;
    }
    100% {
      background-position: 100% 100%;
      background-size: 200% 200%;
    }
  }
.ai-btn{display: inline-flex;align-items: center;gap: 8px;font-size: 16px;padding: 3px 13px;color: white !important;box-shadow: 0px 0px 6px 0px #1F55AE1A;border: 0;background-image: radial-gradient(at 0% 0%, #ff00c8 0, transparent 50%), radial-gradient(at 100% 100%, #1183d5 0, transparent 50%),radial-gradient(at 50% 50%, #6133ff 0, transparent 100%);background-size: 200% 200%;animation: liquidFlow 5s ease-in-out infinite alternate;}
.numbar-box{max-width: 60px;height: 60px;}
h1,h2,h3,h4,h5,h6{text-transform: capitalize;}
.reveal-text .word .char:first-child {text-transform: uppercase;}
.reveal-text .word .char {text-transform: none;}
@media (max-width: 992px) {
   .br{display: none;}
}
@media (min-width:991px) {
    .border-lg-0{border: none}
    .position-lg-absolute{position: absolute;}
    .sticky-lg-content{position: sticky; top: 120px;}
}
.reveal-text .char {display: inline-block !important;white-space: nowrap !important;}
.hero-sec-h{
    min-height: clamp(37.5rem, 100dvh, 56.25rem);
}
.line-1{width: 10px;background-color: #FFFFFF30;clip-path: polygon(50% 0,70% 50%,50% 100%,30% 50%);filter: blur(1px);}
/* navbar */
.main-header{position:fixed;left: 0; width:100%;display:flex;align-items:center;background-color:transparent;min-height:100px;z-index:100;transition:all .5s ease-in-out}
.main-header.scrolled{position:fixed;top:0;left:0;transform:translateY(-100%);animation:slideDown .4s ease forwards;background:transparent;}
.main-header.scrolled::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 113px;background: linear-gradient(180deg,rgba(0,0,0,.88) 0,rgba(0,0,0,.869) 8.1%,rgba(0,0,0,.837) 15.5%,rgba(0,0,0,.788) 22.5%,rgba(0,0,0,.726) 29%,rgba(0,0,0,.652) 35.3%,rgba(0,0,0,.57) 41.2%,rgba(0,0,0,.484) 47.1%,rgba(0,0,0,.396) 52.9%,rgba(0,0,0,.31) 58.8%,rgba(0,0,0,.228) 64.7%,rgba(0,0,0,.154) 71%,rgba(0,0,0,.092) 77.5%,rgba(0,0,0,.043) 84.5%,rgba(0,0,0,.011) 91.9%,transparent);z-index: -1;}
@keyframes slideDown {
to{transform:translateY(0)}
}
.main-header .menu>.menu-main>li{display:inline-block;padding-inline:clamp(0.3125rem,-4.5rem + 7vw,0.75rem)}
.main-header .menu>.menu-main>li>.link-item{display: flex;align-items: center; gap: .5rem; font-size:16px;font-weight:400;color:#1A1A1A;position:relative;text-transform:capitalize;transition:color .3s ease}

.main-header .menu ul{list-style:none;padding:0}
.main-header .menu>.menu-main>li .sub-menu{position:absolute;z-index:500;border: 1.5px solid;border-image-source: linear-gradient(99.09deg, rgba(0, 84, 182, 0.1) 0%, rgba(0, 102, 220, 0.1) 100%);border-image-slice: 1;background: linear-gradient(180deg,#FFFFFF 0%,#d6e7fb 100%);box-shadow:0 15px 34px 0 #00000070;padding:15px 25px;border-radius:10px;margin-top:25px;opacity:0;visibility:hidden;transform:translateX(-50%);transition:opacity .4s ease,margin-top .5s ease,visibility .4s ease}
.main-header .menu>.menu-main>li .sub-menu ul li .link-text{font-size: 1rem;font-weight: 400;padding-block: 11px;color: #1A1A1A; display: flex;align-items: center;justify-content: space-between;gap: 10px;border-radius: 60px; transition:padding .3s ease-in-out,background .5s ease-in-out,color 0s;}
.main-header .menu>.menu-main>li .sub-menu ul li .link-text .arrow-icon{visibility: hidden;transition:all .1s ease-in-out}
.main-header .menu>.menu-main>li .sub-menu ul li .link-text:hover{background: var(--primary-gradient);color: #FFF;padding: 11px 20px; transition:padding .3s ease-in-out,background .5s ease-in-out,color 0s;}
.main-header .menu>.menu-main>li .sub-menu ul li .link-text:hover .arrow-icon{visibility: visible;transition:all .1s ease-in-out}
@media(min-width: 992px) {
.main-header .menu>.menu-main>li>.link-item{color:#FFF}
.main-header .menu>.menu-main>li .sub-menu{max-height: calc(100vh - 160px);overflow: auto;}
.main-header .menu .menu-main{display: flex;align-items: center;}
.main-header .menu>.menu-main>li.menu-item-has-children:hover .sub-menu{margin-top:10px;visibility:visible;opacity:1;transition:all .5s ease}
.main-header .menu-main .sub-menu .border-lg{border-right:.5px solid #D9D9D9}
.main-header .menu-main .sub-menu .border-bottom-lg{border-bottom:.5px solid #D9D9D9}
.main-header .menu>.menu-main>li .sub-menu.mega-menu-column-4 .nav{padding:15px 9px 15px 15px;max-height:340px;overflow-y:auto}
.main-header .menu>.menu-main>li .sub-menu.mega-menu-column-4 .nav::-webkit-scrollbar{width:6px}
.main-header .menu>.menu-main>li .sub-menu.mega-menu-column-4 .nav::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:10px}
.main-header .menu>.menu-main>li .sub-menu.mega-menu-column-4 .nav::-webkit-scrollbar-thumb:hover{background:#d9d9d9}
.main-header .menu>.menu-main>li .sub-menu.mega-menu-column-4 .nav::-webkit-scrollbar-button{display:none}
.main-header .menu-main .sub-menu .tab-content{padding:30px 20px;margin-top:0}
}
.main-header .menu>.menu-main>li .sub-menu>ul>li{line-height:1}
.main-header .menu>.menu-main>li .single-column-menu{max-width:386px}
.main-header .menu>.menu-main>li .sub-menu.mega-menu{left:50%;transform:translateX(-50%)}
.mobile-menu-head,.mobile-menu-trigger{display:none}
.main-header .menu>.menu-main>li>a i{display:block}
.main-header .menu-main .sub-menu .nav-link{display:flex;align-items:center;width:100%;padding:.61rem .9375rem;border-radius:10px;gap:15px}
.main-header .menu-main .sub-menu .nav-link:last-child{margin-bottom:0}
.main-header .menu-main .sub-menu .nav-link .show-arrow{display:none;margin-left:auto}
.main-header .menu-main .sub-menu .nav-link .main-text{font-size:16px;font-weight:700;color:#222;margin-bottom:0}
.main-header .menu-main .sub-menu .nav-link.active{background-color:#1F55AE}
.main-header .menu-main .sub-menu .nav-link.active .show-arrow{display:block;flex-shrink:0}
.main-header .menu-main .sub-menu .nav-link.active .main-text{color:#fff}
.main-header .menu-main .sub-menu .tab-content .tab-pane .title{font-size:16px;font-weight:700;color:#1F55AE;margin-bottom:19px}
.main-header .menu-main .sub-menu .tab-content .tab-pane .link-text{font-size:15px;font-weight:600;color:#212121;display:flex;align-items:center;gap:8px;transition:all .3s ease-in-out}
.main-header .menu-main .sub-menu .tab-content .tab-pane .link-text svg{color:#D9D9D9;flex-shrink:0;transition:all .3s ease-in-out}
.main-header .menu-main .sub-menu .tab-content .tab-pane .link-text:hover,.main-header .menu-main .sub-menu .tab-content .tab-pane .link-text:hover svg{color:#1F55AE;transition:all .3s ease-in-out}
#banner-img .hero-img-banner{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.main-header .menu-main .sub-menu .card-item .icon-wrapper svg{color:#fff;transition: all .3s ease-in-out; }
.main-header .menu-main .sub-menu .card-item .icon-wrapper svg [stop-color]{color:#0054B6 ;transition: all .3s ease-in-out;}
.main-header .menu-main .sub-menu .card-item .icon-wrapper svg [offset][stop-color]{color:#026EEB ;transition: all .3s ease-in-out;}
.main-header .menu-main .sub-menu .card-item:hover {background: var(--primary-gradient);transition: all .3s ease-in-out;}
.main-header .menu-main .sub-menu .card-item:hover .icon-wrapper svg{color:#0054B6 !important;transition: all .3s ease-in-out;}
.main-header .menu-main .sub-menu .card-item:hover p{color:#fff;transition: all .1s ease-in-out;}
.main-header .menu-main .sub-menu .card-item:hover .icon-wrapper svg [stop-color]{color:#fff;transition: all .3s ease-in-out; }
.main-header .menu-main .sub-menu .card-item:hover .icon-wrapper svg [offset][stop-color]{color:#fff;transition: all .3s ease-in-out; }
@media(max-width: 991px) {
.main-header .mobile-menu-trigger{display:flex}
.main-header .menu{position:fixed;width:320px;background-color:#fff;left:0;top:0;height:100%;min-height:100vh;overflow:hidden;transform:translate(-100%);transition:all .5s ease;z-index:1099}
.main-header .menu.active{transform:translate(0%)}
.main-header .menu>.menu-main>li{line-height:1;margin:0;display:block}
.main-header .menu>.menu-main>li>a:not(.btn){line-height:50px;height:50px;padding:0 50px 0 15px;display:block;border-bottom:1px solid #0000001a;color:#000002}
.main-header .menu>.menu-main>li>a i{display:block;position:absolute;height:50px;width:50px;top:0;right:0;text-align:center;line-height:50px;transform:rotate(-90deg)}
.main-header .menu .mobile-menu-head{display:flex;height:50px;border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;position:relative;z-index:501;position:sticky;background-color:#fff;top:0}
.main-header .menu .mobile-menu-head .go-back{height:50px;width:50px;border-right:1px solid #0000001a;line-height:50px;place-items:center;display:none}
.main-header .menu .mobile-menu-head .go-back svg{width:12px;height:12px;transform:rotate(-270deg)}
.main-header .menu .mobile-menu-head.active .go-back{display:grid}
.main-header .menu .mobile-menu-head .current-menu-title{font-size:15px;font-weight:500;color:#000}
.main-header .menu .mobile-menu-head .mobile-menu-close{height:50px;width:50px;border-left:1px solid #0000001a;display:grid;place-items:center;color:#000;font-size:25px}
.main-header .menu .menu-main{height:calc(100% - 50px);overflow-x:hidden;overflow-y:auto;margin-top:unset;padding-left:0!important}
.main-header .menu>.menu-main>li .sub-menu.mega-menu,.main-header .menu>.menu-main>li .sub-menu{visibility:visible;opacity:1;position:absolute;box-shadow:none;margin:0;padding:15px;top:0;left:0;width:100%;height:100%;padding-top:65px;max-width:none;min-width:auto;display:none;transform:translateX(0%);overflow-y:auto}
.main-header .menu>.menu-main>li .sub-menu.active{display:block}
@keyframes slideLeft {
0%{opacity:0;transform:translateX(100%)}
100%{opacity:1;transform:translateX(0%)}
}
@keyframes slideRight {
0%{opacity:1;transform:translateX(0%)}
100%{opacity:0;transform:translateX(100%)}
}
.main-header .menu>.menu-main>li .sub-menu>ul>li>a{display:block}
.menu-overlay{position:fixed;background-color:#00000080;left:0;top:0;width:100%;height:100%;min-height:100vh;z-index:1098;visibility:hidden;opacity:0;transition:all .5s ease}
.menu-overlay.active{visibility:visible;opacity:1}
}
.main-header.hidden {top: -30% !important;transition: top 0.6s}
.brand-heros-card .card-overlay{background: linear-gradient(195.98deg, rgba(0, 0, 0, 0.1) 45.29%, #000000 88.87%);transition: background .5s ease-in-out;}
.brand-heros-card .brand-hero-img{transform: scale(1);transition: transform .3s ease-in-out;}
.brand-heros-card .card-overlay::after{content: "";position: absolute;inset: 0;background: linear-gradient(182.98deg, rgba(0, 84, 182, 0.1) 45.29%, rgba(0, 84, 182, 0.75) 67.08%, #0054B6 88.87%);opacity: 0;transition: opacity .5s ease-in-out;}
.brand-heros-card:hover .card-overlay::after{opacity: 1;}
.brand-heros-card:hover .brand-hero-img{transform: scale(1.1);transition: transform .5s ease-in-out;}

@media(min-width:992px) {
.accordion-wrapper .card-header button,.collapse-link,.nav-tabs .nav-link{font-size:24px}
.nav-tabs .nav-link{background:#fff;transition:all .2s ease-in-out;font-size:.85rem;padding:25px 25px 25px 26px}
}
.accordion-wrapper .card{border-radius: 10px; border: 1px solid #D9D9D9; margin-bottom:1.25rem}
.accordion-wrapper .card.plain{background:0;border:0;margin-bottom:0;box-shadow:none}
.accordion-wrapper .card.plain .card-body{padding:0 0 0 1.1rem}
.accordion-wrapper .card.plain .card-header{padding:0 0 .8rem}
.accordion-wrapper .card.plain .card-header button{padding:0 0 0 1.1rem}
.accordion-wrapper .card.plain .card-header button:before{left:0}
.accordion-wrapper .card-header{margin-bottom:0;background:0;border:0;padding:1.2rem 1.3rem 1.2rem}
.accordion-wrapper .card-header button{cursor:pointer;width:100%;padding:0 30px 0 0;text-align:left;margin:0;border:0;font-size:.9rem;font-weight:700;color:#262b32;transition:all 150ms ease-in-out;background:0;font-size:18px!important;font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.44;letter-spacing:normal;text-align:left;color:#262b32}
@media(prefers-reduced-motion:reduce) {
.accordion-wrapper .card-header button{transition:none}
}
.accordion-wrapper .card-header button{position:relative}
.accordion-wrapper .card-header button:before{content:"";background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' viewBox='0 0 18 10' fill='none'%3E%3Cpath d='M8.43635 9.90414C8.26154 9.84052 8.09529 9.73097 7.9376 9.57549L0.371449 2.11571C0.138562 1.88582 0.015103 1.60115 0.00107367 1.26171C-0.0129557 0.922552 0.110503 0.624193 0.371449 0.36664C0.615559 0.126238 0.911297 0.00603685 1.25866 0.00603685C1.60603 0.00603685 1.90177 0.126238 2.14588 0.36664L9.00285 7.1019L15.8598 0.36664C16.093 0.13675 16.3817 0.0148896 16.726 0.0010575C17.0703 -0.0127746 17.373 0.109086 17.6343 0.36664C17.8781 0.607041 18 0.898484 18 1.24097C18 1.58373 17.8781 1.87531 17.6343 2.11571L10.0681 9.57549C9.91041 9.73097 9.74416 9.84052 9.56936 9.90414C9.39455 9.96805 9.20572 10 9.00285 10C8.79999 10 8.61115 9.96805 8.43635 9.90414Z' fill='%231A1A1A'/%3E%3C/svg%3E"); position:absolute;right:0.3rem;top:50%;width:18px;height:10px;transform:translateY(-50%) rotate(180deg);transition:transform 0.2s ease;background-repeat:no-repeat;background-size:contain;}
.accordion-wrapper .card-header button.collapsed{color:#262b32}
.accordion-wrapper .card-header button.collapsed:before{transform:translateY(-50%) rotate(0deg)}
.accordion-wrapper .card-header button:hover{color:#2153b0}
.accordion-item .card-body{padding:0 1.25rem 1.25rem 1.25rem}
.accordion-item.icon .card-body{padding:0 1.25rem .25rem 2.8rem}
.accordion-item.icon button{padding:0 0 0 1.5rem;display:flex;align-items:center}
.accordion-item.icon button:before{display:none}
.accordion-item.icon button>span{position:absolute;left:1.3rem}
.accordion-item.icon button>span i{font-size:1rem}
.accordion-collapse>.card-footer{background:#273444;padding:0}
.counter-sec{counter-reset: item}
.counter-item{counter-increment: item;}
.counter-number::before{content: counter(item, decimal-leading-zero);}
.process-border{position:absolute;inset:0;width:100%;height:100%;}
.flip-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s;backface-visibility:hidden;}
.flip-img img:last-child{transform:rotateY(180deg);}
.flip-img:hover img:first-child{transform:rotateY(180deg);}
.flip-img:hover img:last-child{transform:rotateY(360deg);}
.swiper {width: 100%;height: 100%;} 
.service-card{transition: color .3s ease;}
.service-card::before{content: "";position: absolute;inset: 0;background: var(--primary-gradient);opacity: 0;transition: opacity .35s ease-in-out;z-index: -1;}
.service-card .arrow-icon{visibility: hidden;opacity: 0;transition: opacity .25s ease;}
.service-card svg [stop-color]{color: #0054B6;transition: color .3s ease;}
.service-card svg [offset][stop-color]{color: #026EEB;transition: color .3s ease;}
.service-card:hover::before{opacity: 1;}
.service-card:hover{color: #fff;}
.service-card:hover .arrow-icon{visibility: visible;opacity: 1;}
.service-card:hover svg [stop-color],.service-card:hover svg [offset][stop-color]{color: #fff;}
.arrow-hover-dark svg{color: #D9D9D9;}
.arrow-hover-dark:hover svg{color: #1A1A1A;}
.clients-thumbnail{position: relative;border-radius: 20px;overflow: hidden;}
.clients-thumbnail::after{content: " ";position: absolute;left: 0;bottom: 0;height: 100%;width: 100%;background: linear-gradient(180deg, rgba(0, 84, 182, 0) 57.2%, #0054B6 100%);z-index: 3;}
.clients-thumbnail button{position: absolute;bottom: 20px;right: 50%;transform: translateX(50%) !important;background-color: #FFFFFF !important;border-radius: 8px !important;z-index: 10;padding-inline: 16px;display: flex;align-items: center;gap: 8px;}
.clients-thumbnail .btn{position: absolute;bottom: 20px;right: 50%;transform: translateX(50%) !important;background-color: #FFFFFF !important;border-radius: 8px !important;z-index: 10;padding-inline: 16px;display: flex;align-items: center;gap: 8px;}
.avatar-50{height: 50px;width: 50px;object-fit: cover;border-radius: 50%;}
.avatar-68{height: 68px;width: 68px;object-fit: cover;border-radius: 50%;}
.avatar-70{height: 70px;width: 70px;object-fit: cover;border-radius: 50%;}
.avatar-shape-127{width:clamp(5.75rem, 2.9375rem + 7.8125vw, 7.9375rem);height:clamp(5.75rem, 2.9375rem + 7.8125vw, 7.9375rem)}
.swiper-vertical{ width: 100%;height: 500px;margin: 0 auto;position: relative;}
.swiper-vertical .swiper-pagination {right: -18px;}
.swiper-vertical .swiper-pagination .swiper-pagination-bullet{background: #FFFFFF;opacity: 30%;}
.swiper-vertical .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #FFFFFF;opacity: 1;}
.custom-hover-arrow {position: absolute;width: 58px;height: 58px;background-color: #F0F5FD;border-radius: 50%;display: flex;align-items: center;justify-content: center;z-index: 999;pointer-events: none;opacity: 0;transform: translate(-50%, -50%) scale(0.5);transition: opacity 0.25s ease, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);  color: #0054B6;}
.custom-hover-arrow.active {opacity: 1;}
.custom-hover-arrow.active.up {transform: translate(-50%, -50%) scale(1) rotate(0deg);}
.custom-hover-arrow.active.down {transform: translate(-50%, -50%) scale(1) rotate(180deg);}
.blog-img{height: 206px;overflow: hidden;border-radius: 15px;}
.blog-main{cursor: pointer; color: #1A1A1A !important;}
.blog-main .blog-img img{transition: scale .3s ease-out;}
.blog-main:hover .blog-img img{scale: 1.05; aspect-ratio: 1;transition: scale .3s ease-out;}
.line-clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.arrow-hover-dark:hover svg{color: #0054B6;}
@media (min-width: 1200px) {
    .row-cols-xl-8>* {flex: 0 0 auto;width: 12.5%;}
}
.new-footer {border-bottom: 10px solid #1e66ff;}
.new-footer .link-item { color: #fff; transition: all 0.3s ease;}
.new-footer .link-item:hover { color: #1e66ff;}
.new-footer .cert-section {border: 1px solid #FFFFFF30;border-left: 0;border-right: 0;}
@media (min-width:991px) {
  .new-footer .cert-section .col-lg-6:first-child {border-right: 1px solid #FFFFFF30;}
}
.ts-track{display:flex;transition: transform .5s cubic-bezier(.65,0,.35,1);will-change: transform;}
.ts-slide{flex: 0 0 100%;width:100%;position:relative;}
.ts-slide img{display:block;width:100%;height: 638px;object-fit: cover;}
.ts-slide-text{position:absolute;left:0; right:0; bottom:100px;padding: 0 26px;z-index: 1;}
.ts-slide::after{content:"";position:absolute;left:0; right:0; bottom:0;height: 65%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 37.86%, rgba(0, 0, 0, 0.7) 63.03%, #000000 100%);;pointer-events:none;}
.ts-controls{position:absolute;left:0; right:0; bottom:0;display:grid;grid-template-columns: 32px 1fr 32px;align-items:center;gap: 10px;padding: 0 30px 35px;z-index: 2;}
.ts-arrow{width: 34px;height: 34px;border-radius: 50%;border: none;background: transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition: background .2s ease, transform .2s ease;}
.ts-arrow:hover{ background: rgba(255,255,255,.25); }
.ts-arrow:active{ transform: scale(.9); }
.ts-arrow svg{ width:34px; height:34px;}
.ts-avatars{display:flex;gap: 8px;justify-content: center;overflow-x: auto;scrollbar-width: none;min-width: 0;}
.ts-avatars::-webkit-scrollbar{ display:none; }
.ts-avatar{position: relative;width: clamp(2rem, 0.875rem + 3.125vw, 2.875rem);height: clamp(2rem, 0.875rem + 3.125vw, 2.875rem);border-radius:50%;overflow:hidden;cursor:pointer;padding:2px;background: transparent; opacity:.55;opacity:.55;border: none;transition: opacity .25s ease, transform .25s ease;flex: 0 0 auto;}
.ts-avatar img{ width:100%;height:100%;border-radius: 50%; object-fit:cover;display:block;}
.ts-avatar.is-active{ opacity:1;}
.ts-avatar.is-active::after{content: "";position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%); width: 100%;height: 100%;border-radius: 50%;background:linear-gradient(99.09deg, #EB00A8 0%, #6CB0FF 100%);z-index: -1;}
@media (max-width:480px){
  .ts-slide img{ height: 480px; }
}
.custom-pagination .page-item .page-link{box-shadow: none !important;height: 50px;width: 50px;border-radius: 50%;display: grid;place-items: center;margin: 0;border: none;background-color: #F0F5FD;color: #1A1A1A;font-size: 18px;}
.custom-pagination .page-item .page-link.active{background: linear-gradient(99.09deg, #0054B6 0%, #026EEB 100%);color: #FFFFFF;font-weight: bold;}
.custom-pagination .page-item:last-child .page-link,.custom-pagination .page-item:first-child .page-link{background-color:transparent;padding: 0;}
.flex-stack{justify-content: space-between;align-items: center;}
.flex-center{justify-content: center;align-items: center;}
.check-custom {display: block;cursor: pointer;position: relative;}
.check-custom>input{visibility: hidden;position: absolute;}
.check-custom>input+div{display: flex;align-items: center;cursor: pointer;color: #1A1A1A;border: 1px solid #D9D9D9;background-color: #FFFFFF;padding: 13.3392px 1.25rem;border-radius: 100px;line-height: normal;text-align: center;}
.check-custom>input:checked+div{border: 1px solid #0054b61a;background-color: #F0F5FD !important;}
.check-custom>input:checked+div span{--primary-gradient:linear-gradient(99.09deg, #0054B6 0%, #026EEB 100%);background: var(--primary-gradient);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.check-custom > input + div .check-svg{display: none;}
.check-custom > input:checked + div .check-svg{display: block;}
.search-box .search-icon {position: absolute;top: 50%;left: 1.1875rem;background-color: transparent;width: 1.1875rem;height: 1.1875rem;z-index: 1;display: flex;align-items: center;justify-content: center;transform: translateY(-50%);}
.search-box .form-control {font-size: 18px;padding: 11px 20px 11px 49px;border: 1px solid #D9D9D9 !important;}
.search-box .form-control::placeholder {color: #1a1a1a8a;}
@media (min-width:576px) {.w-sm-auto{width: auto !important;}}
@media (min-width:768px) {.w-md-350px{width: 350px !important;}}
.custom_nav .card-body{padding: 6px;}
.custom_nav-pills {display: flex;flex-direction: row;flex-wrap: nowrap; overflow-y: hidden;overflow-x: auto;width: 100%;white-space: nowrap !important;border: none !important;}
.custom_nav-pills .nav-item .nav-link {font-size: 16px;font-weight: 500;padding: 11px 24px;line-height: normal;border-radius: 100px;background-color:transparent;color: #FFFFFF;}
.custom_nav-pills .nav-link.active {background-color: #FFFFFF;}
.btn-outline-gradient-primary span,.custom_nav-pills .nav-link.active span{--primary-gradient:linear-gradient(99.09deg, #0054B6 0%, #026EEB 100%);background: var(--primary-gradient);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.portfolio-card {background: linear-gradient(180deg, rgba(0, 102, 220, 0) 29.17%, rgba(0, 102, 220, 0.08) 100%)}
.btn-outline-gradient-primary {display: inline-block;padding: 12px 30px;border: 1px solid transparent;border-radius: 8px;background:transparent;border: 1px solid; color: #0054B6;transition: all .3s ease;}
/* .btn-outline-gradient-primary {display: inline-block;padding: 12px 30px;border: 1px solid transparent;border-radius: 8px;background:linear-gradient(#fff, #fff) padding-box,linear-gradient(99.09deg, #0054B6 0%, #026EEB 100%) border-box;color: #0054B6;transition: all .3s ease;} */
.btn-outline-gradient-primary:hover {background:linear-gradient(99.09deg, #0054B6 0%, #026EEB 100%) padding-box,linear-gradient(99.09deg, #0054B6 0%, #026EEB 100%) border-box;color: #fff;transition: all .3s ease;}
.btn-outline-gradient-primary svg linearGradient stop:first-child { color: #0054B6;}
.btn-outline-gradient-primary svg linearGradient stop:last-child { color: #026EEB;}
.btn-outline-gradient-primary:hover svg linearGradient stop,.btn-outline-gradient-primary:hover span {color: #fff;-webkit-text-fill-color: #fff;}
.gap-40px{gap: clamp(1.875rem, -1.7614rem + 7.5758vw, 2.5rem);}
.card-lightgradient{width: 100%; background: linear-gradient(181.17deg, rgba(255, 255, 255, 0) 1%, #FFFFFF 99%); border: none;border-radius: 10px;}
.blog-details-hero{position: relative;}
.blog-details-hero::after,.blog-details-hero::before{content: "";position: absolute;height: 312px;width: 100%;left:0 ;}
.blog-details-hero::before{background: linear-gradient(180deg, #000F1F 0%, rgba(0, 15, 31, 0.501774) 49.82%, rgba(0, 15, 31, 0) 100%);top: 0;}
.blog-details-hero::after{background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0.95) 39.99%, rgba(255, 255, 255, 0.75) 69.93%, rgba(255, 255, 255, 0) 100%);bottom: 0;}
.mt-n25{margin-top: -15rem;}
.bg-full{background-size: cover;background-repeat: no-repeat;background-position: bottom;}
.card-tran{background: linear-gradient(90deg, #16294D 0%, rgba(4, 23, 46, 0.7) 50.16%, rgba(9, 26, 46, 0) 100%);border-radius: 8px;}
.number-box-64{max-width: 64px;height: 64px;}
.number-box-70{max-width: 70px;height: 70px;}
.card-border .border-05{border: 0.5px solid #D9D9D9;}
.custom-nav-pills {border: 0.5px solid #D9D9D9;display: flex;flex-direction: row;flex-wrap: nowrap;overflow-y: hidden;overflow-x: auto;width: 100%;white-space: nowrap !important;}
.custom-nav-pills.nav-pills .nav-item {flex: 1 1 auto;margin-bottom: 0 !important;outline: none !important;}
.custom-nav-pills.nav-pills .nav-link {text-align: center;border-radius: 0;font-size: 18px;font-weight: bold;color: #1A1A1A;padding: 18.5px;}
.custom-nav-pills.nav-pills .nav-item:nth-child(2) .nav-link {border-right: 0.5px solid #D9D9D9;border-left: 0.5px solid #D9D9D9;}
.custom-nav-pills.nav-pills .nav-link.active,.custom-nav-pills.nav-pills .show>.nav-link {background: linear-gradient(99.09deg, #0054B6 0%, #026EEB 100%);color: #FFFFFF;}
.stacked-card-item {position: sticky;top: 100px; transition: opacity 0.15s ease-out, visibility 0.15s ease-out;opacity: 1;visibility: visible;}
.stacked-card-item.is-hidden {opacity: 0;visibility: hidden;}
.partners-1 .swiper-wrapper,.partners-2 .swiper-wrapper{transition-timing-function:linear!important}
.partners-1,.partners-section .partners-2{display:flex;align-items:center}
.partners-1 .swiper-slide,.partners-2 .swiper-slide{width:auto;text-align:center}
.partners-1 .swiper-slide img,.partners-2 .swiper-slide img{width:100%;height:clamp(3.5rem,1.625rem + 6vw,5rem)}
.partners-2{direction:rtl}
.partners-2 .swiper-slide{direction:ltr}
.card-border-white{border-top: 0.5px solid #80878F ;}
.card-border .border-white-05{border: 0.5px solid #80878F ;}
@media(min-width:992px){.card-border-white .border-lg-end{border-right: 0.5px solid #ffffff80 ;}.border-r-b{border-right: 0.5px solid #D9D9D9 ;}}
@media(max-width:992px){.border-r-b{border-bottom: 0.5px solid #D9D9D9 ;}}
.reveal-card {opacity: 0;transform: translateY(40px); transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);will-change: transform, opacity;}
.reveal-card.is-visible {opacity: 1;transform: translateY(0);}
.image-container img,.text-container .text-box {position: absolute;top: 0;left: 0;opacity: 0;visibility: hidden;transition: opacity 0.4s ease, visibility 0.4s ease;}  
.image-container img.active,.text-container .text-box.active {position: relative; opacity: 1;visibility: visible;}
.scroll-titles-box .scroll-item:not(:last-child){border-bottom: 1px solid #D9D9D9;}
.title-trigger {cursor: pointer;transition: all 0.3s ease;}
.training-slider-wrapper{position: relative;}
.swiper-button-custom{position: absolute;top: 26%;left: -40px;right: -40px;transform: translateY(-50%);display: flex;justify-content: space-between;pointer-events: none;z-index: 9;}
.swiper-button-custom .training-prev,.training-next{border: 0;background: transparent;padding: 0;cursor: pointer;pointer-events: auto;}
.training-prev img,.training-next img{width: clamp(2.5rem, 0.5rem + 5.5556vw, 3.625rem);height: clamp(2.5rem, 0.5rem + 5.5556vw, 3.625rem);display: block;}
@media (max-width:576px) {.swiper-button-custom{top: 18%;left: -10px;right: -10px;}}
.training-hover{width: 68px;height: 68px;border-radius: 15px;padding: 10px;display: flex;justify-content: center;align-items: center;background: #ffffff1a;cursor: pointer;}
.training-main .training-hover:has(+ span:hover),.training-hover:hover{background: linear-gradient(99.09deg, #0054B6 0%, #026EEB 100%);}
.training-main  span{cursor: pointer;}
.sticky-box {position: sticky;top: 45%; height: auto;z-index: 10;}
.accordion-wrapper.accordion-style-1 .accordion-item{border: 0;border-radius: 0;}
.accordion-wrapper.accordion-style-1 .accordion-item:last-child{margin-bottom: 0;}
.accordion-wrapper.accordion-style-1 .accordion-item:not(:last-child){border-bottom: 1px solid #D9D9D9;}
.accordion-wrapper.accordion-style-1 .accordion-item .card-header{padding-top: 0;}
.accordion-wrapper.accordion-style-1 .card-header button:before {transform: translateY(-50%) rotate(-90deg)}
.accordion-wrapper.accordion-style-1 .card-header button:not(.collapsed):before {transform: translateY(-50%) rotate(0deg);}
.accordion-wrapper.accordion-style-1 .card-header button:not(.collapsed) span{background: var(--primary-gradient);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.accordion-wrapper.accordion-style-1 .card-header{padding-inline: 0;}
.accordion-wrapper.accordion-style-1 .card-body{padding-inline: 0;}
.our-value-body {display: flex;gap: 14px;overflow-x: auto;}
.our-value-body .card {position: relative;min-height: var(--card-height);max-height: var(--card-height);flex: 0 0 100px;justify-content:start;padding:30px 5px;border: 0;border-radius: 10px;overflow: hidden;z-index: 0;transition: all 0.4s ease-in;}
.our-value-body .card .number-count{font-size: 30px;text-align: center;transition: all 0.4s ease-in;}
.our-value-body .card .main-text {position: relative;text-wrap: nowrap;margin-bottom: 0;display: flex;align-items: center;justify-content: flex-start;transform: rotate(90deg) translateX(30px);transition: all 0.4s ease-in;z-index: 2;}
.our-value-body .card .sub-text {position: relative;opacity: 0;height: 0;overflow: hidden;transform: translateY(0);transition: all 0.2s ease-in;z-index: 2;}
.our-value-body .card.active {flex: 0 0 100%;padding: 30px;transition: all 0.4s ease-in;}
.our-value-body .card.active .number-count{font-size: 44px;text-align: start;transition: all 0.4s ease-in;}
.our-value-body .card.active .main-text {margin-bottom: 20px;transform-origin: left center;transform: rotate(0deg);transition: all 0.4s ease-in;}
@media (max-width:768px) {.our-value-body .card.active .main-text {white-space:wrap;}}
.our-value-body .card:not(.active) .sub-text{transform: translateY(50px);}
.our-value-body .card.active .sub-text {opacity: 1;height: 100%;transition: all 1s ease-in;}
@media (min-width:768px) {.our-value-body .card.active {flex: 1;}.our-value-body .card:hover {flex: 1;}}