@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
 
body{
  margin:0;
  color:#212424;
  font-family:Montserrat, Arial, sans-serif;
  font-weight:400;
}
 
:root{
--primary-blue:#0b408b;
--accent-blue:#25aadd;
--brand-red:#e31d22;
--purple:#A100FF;
}
.logo img {
    height: 75px;
    transition: .3s;
}
img {
    max-width: 100%;
    height: auto;
}
h1,h2,h3,h4,h5,h6{
  font-family:"Montserrat",sans-serif;
}
h2, .h2{
	font-family: Montserrat, Arial, sans-serif;
	font-size:48px; 
	line-height:1.2;
	letter-spacing: -.02em;
	color: #212424;
	font-weight:500;
}
.h4,h4{
     font-size:25px;
     line-height: 1.5;
	font-weight: 500;
    color: #212424;
	font-family: Montserrat, Arial, sans-serif;
}

.text-big, .text-big p{
    font-size: 22px;
    line-height:1.5;
	font-weight:400;
    color: #212424;
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1400px;
    }
}

/* ================= HEADER ================= */
.logo {
    padding: 17px 0px;
}
body{
    padding-top: 88px;
}
.main-hedader.scrolled {
    background: #fff;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07);
    padding: 0px 0;
    border-top: solid 3px var(--accent-blue);
}
.main-hedader.scrolled .logo {
    padding: 15px 0px;
}
.main-hedader.scrolled .main_menu ul li > a {
    padding: 28px 8px;
}

.main-hedader.scrolled nav.main_menu ul li.has_dropdown > a, .main-hedader.scrolled nav.main_menu ul li.has_dropdown i, .main-hedader.scrolled .main_menu ul li > a.i_search i{
    color: #000;
}

.main-hedader{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background:#fff;
    box-shadow:0 2px 10px rgba(0,0,0,0.05);
	transition: .35s ease;
}

/* allow mega menu full width */
.main-hedader .container{
/*     max-width:100%; */
}

/* menu layout */
.main_menu{
    position:static;
}

.main_menu ul{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:28px;
    list-style:none;
    margin:0;
    padding:0;
}

.main_menu ul li{
    position:static;
/* 	position:relative; */
}

/* main links */
.main_menu ul li > a{
    display:inline-block;
    padding:32px 8px;
    text-decoration:none;
    color:#222;
    font-size:15px;
    font-weight:500;
    transition:0.3s;
}

/* hover background */
/* .main_menu ul li:hover > a{
    background:#f3f4f6;
    border-radius:6px;
} */

/* arrow icon */
.main_menu ul li i{
    margin-left:6px;
    font-size:14px;
    transition:.3s;
}

/* rotate arrow */
.main_menu ul li:hover i{
    transform:rotate(180deg);
}

/* ================= MEGA MENU ================= */

.has_dropdown{
    position:static;
}

/* full width dropdown */
/* .mega_menu{
    position:absolute;
    left:0;
    right:0;
    top:100%;
    width:100%;
    background:#121212;
    padding:20px 80px;
    display:flex;
    justify-content:space-between;
    gap:60px;
    opacity:0;
    visibility:hidden;
    transform:translateY(25px);
    transition:0.35s ease;
    box-shadow:0 30px 80px rgba(0,0,0,0.45);
	border-bottom: solid 2px var(--primary-blue);
} */


.mega_menu {
    margin: auto;
    position: absolute;
    max-width: 1400px;
    left: 0;
    right: 0;
    top: 100%;
    width: max-content;
    background: #121212;
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    gap: 60px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(25px);
    transition: 0.35s ease;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);
    border-bottom: solid 2px var(--primary-blue);
}

/* show dropdown */
.has_dropdown:hover .mega_menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/* column layout */
.menu_lists{
    flex:1;
/*     display:flex;
    flex-direction:column; */
}

/* heading */
.mega_menu_item h4,
.menu_lists h4{
    color: var(--accent-blue);
    font-size:13px;
    margin-bottom:18px;
    font-weight:500;
    letter-spacing:.5px;
}

/* links */
.menu_lists a{
    display:block;
    text-decoration:none;
    color:#fff;
    font-size:17px;
    margin-bottom:14px;
    transition:.25s;
    position:relative;
	border-bottom: solid 1px transparent;
	width: fit-content;
}

/* hover effect */
.menu_lists a:hover {
    color: var(--accent-blue);
    transform: translateX(6px);
	border-bottom: solid 1px var(--accent-blue);
    width: fit-content;
}

/* description text */
.item_link{
    margin-bottom:18px;
}

.item_link p{
    color:#9ca3af;
    font-size:13px;
    margin-top:4px;
    line-height:1.5;
}

/* image section */
.menu_image_area{
    width:320px;
}

.menu_image_area img{
    width:100%;
    border-radius:14px;
    object-fit:cover;
}

/* optional arrow top pointer */
.mega_menu::before{
    content:"";
    position:absolute;
    top:-7px;
    left:140px;
    width:14px;
    height:14px;
    background:#121212;
    transform:rotate(45deg);
	display:none;
}

/* spacing between sections */
.mega_menu_item{
    margin-bottom:25px;
}

/* 50% width columns */
.w-50{
    width:50%;
}

/* flex split columns */
.menu_lists{
/*     display:flex; */
    flex-wrap:wrap;
    gap:30px;
}

/* ================= LOGO ================= */

.logo img{
    max-height:48px;
}

/* ================= MOBILE ================= */

.mob_menu{
    display:none;
    cursor:pointer;
}

.mob_menu span {
    display: block;
    height: 3px;
    width: 30px;
    background: var(--purple);
    margin: 6px 0;
}

/* ================= RESPONSIVE ================= */

@media(max-width:1200px){

.mega_menu{
    padding:20px;
    gap:40px;
}

.menu_lists a{
    font-size:15px;
}

}

@media(max-width:991px){

.main_menu ul{
    flex-direction:column;
    align-items:flex-start;
    background:#fff;
    padding:20px;
}

.has_dropdown{
    width:100%;
}

.mega_menu{
    
        display: none;
}

.menu_lists{
    width:100%;
}

.menu_image_area{
    width:100%;
}

.mob_menu{
    display:block;
}

}
.main_menu ul li > a{ position:relative; }
.has_dropdown:hover > a:after{ 
	opacity: 1;
    visibility: visible;
    transition-delay:0.1s;
}
.main_menu ul li > a:after{ opacity:0; }
.main_menu ul li > a:after{
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0px;
    right: 0px;
    width: 14px;
    height: 14px;
    background: #121212;
    transform: rotate(45deg);
	 margin: auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0s linear 0s;
}
.has_dropdown:hover .mega_menu .mega_menu_item.w-50 {
    width: 50%;
}

.has_dropdown:hover .mega_menu .menu_lists {
/*     display: flex; */
    width: 100% !important;
}
 nav.main_menu ul li:first-child .mega_menu{
    left: -10px;
}
 nav.main_menu ul li:last-child .mega_menu{
    right: -10px;
}
.has_dropdown .mega_menu .menu_lists .mega_menu_item {
    width: 48% !important;
    display: inline-block;
}
nav.main_menu ul li.has_dropdown .mega_menu .menu_lists .item_link a {
    margin-bottom: 0px;
}

nav.main_menu ul li.has_dropdown .mega_menu .menu_lists .item_link {
    margin-bottom: 30px;
}
nav.main_menu li:hover .i_search i {
    transform: rotate(90deg);
}
/* overlay */
.search_overlay{

    position:fixed;
    inset:0;

    background:rgba(0,0,0,0.96);
    backdrop-filter: blur(10px);

    display:flex;
    align-items:center;
    justify-content:center;

    opacity:0;
    visibility:hidden;

    transition:.35s ease;

    z-index:99999;
}

/* active */
.search_overlay.active{

    opacity:1;
    visibility:visible;
}

/* search box */
.search_box{

    width:min(900px,90%);
}

/* input */
.search_box input{
    width:100%;
    font-size:42px;
    color:#fff;
    background:none;
    border:none;
    border-bottom:1px solid rgba(255,255,255,.4);
    padding:15px 0;
    outline:none;
}

/* placeholder */
.search_box input::placeholder{

    color:rgba(255,255,255,.6);
}

/* close icon */
.close_search{

    position:absolute;
    top:40px;
    right:60px;

    font-size:28px;
    color:#fff;

    background:none;
    border:none;

    cursor:pointer;
}
.hero_banner{

    position:relative;

    overflow:hidden;

}


/* layout */

.row_1{
   flex-wrap: wrap;
    position: relative;
    display:flex;
/* 
    min-height:520px; */
}


/* video column */

.hero_banner .vid_col {
    width: 100%;
    position: relative;
    overflow: hidden;
}

/* video wrapper */

.video_wrapper {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* video */

.hero_video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* optional dark overlay */

.video_wrapper::after{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:rgba(0,0,0,0.25);
}


/* content column */

.content_col{

    width:45%;

    display:flex;

    align-items:center;

    padding:60px;

    background:#fff;
}


/* content */

.hero_content h1{

    font-size:42px;

    margin-bottom:15px;
}


.hero_content p{

    font-size:18px;

    color:#555;
}



/* responsive */

@media(max-width:991px){

.row_1{

flex-direction:column;
}

.vid_col{
width:100%;
}

.content_col{

width:100%;
}

}
.hero_banner {
    position: relative;
    overflow: hidden;
    background-color: var(--primary-blue);
}
.overlay_carousel {
    position: absolute;
    top: 0px;
    z-index: 10;
    left: 0px;
    right: 0px;
    margin: auto;
    overflow: hidden;
    text-align: center;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
}
.overlay_carousel .hero_caption {
    display: flex;
    position: relative;
    color: #fff;
	height:100%;
	max-width: 1400px;
	align-items:center;
}
.overlay_carousel .swiper.hero_slider {
    width: 100%;
}
.overlay_carousel .hero_caption .hero_heading {
    width:60%;
    position: relative;
    padding:40px 15px 60px 90px;
    text-align: left;
}

.overlay_carousel .hero_caption .hero_caption_txt {
    width:40%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content:center;
    text-align: left;
    padding-left: 30px;
    position: relative;
    padding-bottom: 50px;
}

/* .overlay_carousel .hero_caption .hero_heading .icon img {
    width: 50px;
} */

.overlay_carousel .hero_caption .hero_heading .icon {
    position: absolute;
    left: 0px;
	margin-top:20px;
}
.overlay_carousel .hero_caption .hero_caption_txt p {
    font-size: 18px;
	margin-bottom:0px;
}

/* .overlay_carousel .hero_caption .hero_caption_txt:before {
    position: absolute;
    background-color: var(--accent-blue);
    height:120px;
    width:8px;
    content: '';
    left: 0px;
} */
.overlay_carousel .hero_caption .hero_heading h1, .overlay_carousel .hero_caption .hero_heading h2{
    margin-bottom:10px;
    font-size:52px;
	line-height:1.2;
    font-weight:600;
	color:#fff;
}
.overlay_carousel .hero_caption .hero_heading h2 b, .overlay_carousel .hero_caption .hero_heading h2 b, .overlay_carousel .hero_caption .hero_heading h2 span{ 
 color:var(--accent-blue);
	font-weight:600;
}
.overlay_carousel .hero_caption .hero_heading h3{
	color:var(--accent-blue);
    font-family: Montserrat, Arial, sans-serif;
    font-size: 48px;
    line-height: 1.2;
    letter-spacing: -.02em;
    font-weight: 500;
}
.hero_banner .vid_col video.hero_video {
    opacity: 0.7;
}
.overlay_carousel .hero_caption .theme_btn{
    margin-top: 20px;
}
/* .theme_btn a {
	position:relative;
    border-radius: .5rem;
    justify-content: center;
    padding: 15px 25px;
    transition-property: background-position;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    display: inline-flex;
    overflow: hidden;
    border: solid 2px var(--brand-red);
    color: #fff;
    flex-wrap: wrap;
}
.theme_btn a svg {
    width: 20px;
    margin-right: 10px;
}
.theme_btn a img {
    width: 20px;
    margin-left: 14px;
}

.theme_btn a svg.icon-2 {
    margin-left: 10px;
    transform: translateX(12.825rem);
    margin-right: 0px;
}

.theme_btn a:hover .icon-1 {
    transform: translateX(-2.825rem);
}
.theme_btn a:hover svg.icon-2 {
    transform: translateX(0rem);
}
.theme_btn a:hover{
	border: solid 2px var(--brand-red);
} */

.hero_caption .theme_btn a {
    color: #fff;
}
.theme_btn .btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 40px;
    overflow: hidden;
    text-decoration: none;
	color:#fff;
    /* background: linear-gradient(90deg, #0b408b, #25aadd); */
    border-radius: 6px;
    border: solid 2px var(--brand-red);
	background-color: #000;
}
.theme_btn .btn:hover {
    color: #fff;
}
/* keep text centered */
.theme_btn .btn div{
    position: relative;
    z-index: 2;
    white-space: nowrap;
}

/* arrows */
.theme_btn .btn svg{
    width: 14px;
    height: 14px;
    position: absolute;
    transition: all .35s ease;
}

/* left arrow default visible */
.theme_btn .btn .icon-1{
    left: 18px;
    opacity: 1;
}

/* right arrow hidden outside */
.theme_btn .btn .icon-2{
    right: -20px;
    opacity: 0;
}

/* hover animation */
.theme_btn .btn:hover .icon-1{
    left: -20px;
    opacity: 0;
}

.theme_btn .btn:hover .icon-2{
    right: 18px;
    opacity: 1;
}
.theme_btn .btn:hover div {
    transform: translateX(-10px);
}
.theme_btn .btn:hover {
    background-color: var(--brand-red);
}
.hero_slider .swiper-slide{
    transition: opacity .8s ease;
}
a.ai_text, .text_blue {
    font-weight: 700 !important;
    background: linear-gradient(90deg, #e31c22, #25aadd, #25aadf);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textGradient 3s linear infinite;
}

/* .text_blue {
    color: var(--primary-blue);
} */

@keyframes textGradient{
    to{
        background-position: 200% center;
    }
}

a.ai_text:hover{
    font-weight:600;
    background: linear-gradient(90deg,#0b408b,#25aadd);
    background-size: 0% 100%;
    background-repeat:no-repeat;
    -webkit-background-clip:text;
    -webkit-text-fill-color:#0b408b;
    transition: all .4s ease;
    background-size: 100% 100%;
    -webkit-text-fill-color: transparent;
}
.main_menu ul li:hover a.ai_text{
	background-color:transparent;
}

 .animated_icon{
    display:inline-block;
    border-radius:50%;
}

/* .animated_icon img{
    max-width:80px;
    animation: pulseGlow 2.5s infinite;
}

@keyframes pulseGlow{
    0%{
        filter: drop-shadow(0 0 0 rgba(37,170,221,0));
    }
    50%{
        filter: drop-shadow(0 0 18px rgba(37,170,221,.6));
    }
    100%{
        filter: drop-shadow(0 0 0 rgba(37,170,221,0));
    }
}   */

/* .overlay_carousel .hero_caption .hero_heading .icon img{
    max-width:80px;
    animation: rotateFloat 6s linear infinite;
}

@keyframes rotateFloat{
    0%{
        transform: rotate(0deg) translateY(0);
    }
    50%{
        transform: rotate(180deg) translateY(-10px);
    }
    100%{
        transform: rotate(360deg) translateY(0);
    }
} */

.overlay_carousel .hero_caption .hero_heading .icon img, .animated_icon img{
    width: 100%;
    max-width: 80px;
    animation: floatAI 4s ease-in-out infinite;
}

@keyframes floatAI{
    0%{ transform: translateY(0px);}
    50%{ transform: translateY(-12px);}
    100%{ transform: translateY(0px);}
}

section.section {
    padding: 80px 0px;
    position: relative;
}
.industry_section {
     padding: 80px 0px;
    background: #000;
    color: #fff;
}


.industry_image img {
    height: 350px;
    object-fit: cover;
    width: 350px;
}
.industry_wrap{
position:sticky;
top:55px;
display:flex;
flex-direction:column;
justify-content:center;
}

.industry_title{
font-size:42px;
line-height:1.2;
color:#fff;
}

.industry_grid{
display:grid;
grid-template-columns: 1.1fr 1fr 1fr;
gap:70px;
align-items:center;
}

.industry_image img{
width:100%;
border-radius:20px;
transition:.4s;
}

.industry_list{
display:flex;
flex-direction:column;
gap:18px;
}

.industry_item{
font-size:28px;
opacity:.35;
cursor:pointer;
transition:.3s;
}

.industry_item:hover{
opacity:.6;
}

.industry_item.active{
opacity:1;
}

.industry_content{
max-width:420px;
opacity:.85;
line-height:1.7;
}

.industry_content p{
margin-bottom:30px;
}
.big-border {
    background-color: #25abdb;
    width: 350px;
    height: 8px;
}
section.section.section_1 {
    position: relative;
}

section.section.section_1 .bottom_patten {
    width: 100%;
    opacity: 0.3;
}

section.section.section_1 .bottom_patten img {
    width: 100%;
}

.ai_boxes {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    overflow: hidden;
    z-index: 100;
    pointer-events: none;
}
.ai_boxes span{
position:absolute;
display:block;
width:120px;
height:120px;
background: linear-gradient(135deg,#0b408b,#25aadd);
opacity:.08;
border-radius:12px;
animation: floatBox 18s linear infinite;
}

/* different positions */
.ai_boxes span:nth-child(1){
left:10%;
top:20%;
animation-delay:0s;
}

.ai_boxes span:nth-child(2){
left:80%;
top:10%;
width:160px;
height:160px;
animation-delay:3s;
}

.ai_boxes span:nth-child(3){
left:70%;
top:70%;
animation-delay:6s;
}

.ai_boxes span:nth-child(4){
left:20%;
top:80%;
width:90px;
height:90px;
animation-delay:9s;
}

.ai_boxes span:nth-child(5){
left:50%;
top:40%;
width:140px;
height:140px;
animation-delay:12s;
}

/* animation */
@keyframes floatBox{

0%{
transform: translateY(0) rotate(0deg);
}

50%{
transform: translateY(-40px) rotate(12deg);
}

100%{
transform: translateY(0) rotate(0deg);
}

}


/*===============footer===================*/
footer {
    background: #031530;
    padding: 80px 0px;
}
.footer_block h4{
    color: #f1f1f1;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
.footer_block ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.footer_block ul li {
    margin-bottom: 8px;
}
.footer_block ul li a, .footer_block p{
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5625rem;
}
.footer_block .ft_social ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.footer_block .ft_social ul li {
    margin-right: 8px;
}

.footer_block ul li {
    margin-bottom: 8px;
}
.footer_block .ft_social ul li a{
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: #fff;
    border: 1px solid hsla(0, 0%, 87.46%, 1);
    color: #121212;
    box-shadow: none;
    width: 35px;
    border-radius: 100%;
    font-size: 16px;
    vertical-align: middle;
    height: 35px;
}
.footer_block p a {
    text-decoration: none;
    color: var(--accent-blue);
}
.footer_bottom {
    background-color: #031530;
    color: #f2f2f2;
    border-top: solid 1px #091f40;
}
section.footer_bottom p {
    font-size: 0.8rem;
    margin-bottom: 0px;
}

/*===========section_testimonials=============*/
.testimonials_box .item ul ._content h5 {
  font-size: 14px;
  color:#f1f1f1;
}
.testimonials_box .item ul ._content h5 span {
  display: block;
  font-size: 16px;
  color: #fff;
}

.testimonials_box .item ul ._content ._rating i {
  color:#FF9800;
}
.testimonials_box .item ul ._content ._rating {
  margin-bottom: 15px;
}
.section_testimonials {
  background-color: #000;
}
.section_testimonials h2 {
  color:#fff;
}
.section_testimonials .text-big p {
    color: #d7edff;
}
.testimonials_box{
  position: relative;
  display:flex;
  height:600px;
  overflow:hidden;
}
.testimonials_box .item{
  width:50%;
  overflow:hidden;
  position:relative;
}

.testimonials_box .item ul li {
  margin: 15px;
}
/* make list double height for smooth loop */
.testimonials_box .item ul{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:20px;
}
/* duplicate animation flow */
.testimonials_box .item-1 ul{
  animation: scrollUp 25s linear infinite;
}

.testimonials_box .item-2 ul{
  animation: scrollDown 25s linear infinite;
}
/* animation UP */
@keyframes scrollUp{
  0%{
    transform:translateY(0);
  }
  100%{
    transform:translateY(-50%);
  }
}


/* animation DOWN */
@keyframes scrollDown{
  0%{
    transform:translateY(-50%);
  }
  100%{
    transform:translateY(0);
  }
}
.vc_center {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
}

/* card spacing */
.testimonials_box .item ul li{
  margin:15px;
}
.testimonials_box .item ul ._content {
  background-color: var(--accent-blue);
  border-radius: 10px;
  color: #fff;
  padding: 20px;
  background: linear-gradient(135deg,#0b408b,#25aadd);
}
.testimonials_box .item ul figure {
  border-radius: 10px;
  overflow: hidden;
}
.testimonials_box .item:hover ul{
  animation-play-state: paused;
}

.section_video .pattern-right {
    right: 0px;
}
/*==================video=====================*/
.section_video .pattern_box {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.vid_box.video_ytd {
    width: 100%;
    display: block;
}

.vid_box button, .vid_box.video_ytd, .vid_box.video_ytd iframe, .vid_box button > img {
    height: 390px;
    border-radius:10px;
}
.vid_box {
    overflow: hidden;
    position: relative;
}
.vid_box button {
    display: block;
    top: 0px;
    position: absolute;
    left: 0px;
    padding: 0px;
    width: 100%;
    border: 0px;
    border-radius: 0px;
    overflow: hidden;
}
.vid_box button > img {
    object-fit: cover;
}
.vid_box.video_ytd button.ply_btn .play_icon {
    position: absolute;
    bottom: 20%;
    right: 20%;
    width: 75px;
    height: 75px;
    background: var(--accent-blue);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
    animation: pulse 1.8s infinite;
}
/* pulse animation */
@keyframes pulse{
    0%{
        box-shadow:0 0 0 0 rgba(37,170,221,0.6);
    }
    70%{
        box-shadow:0 0 0 18px rgba(37,170,221,0);
    }
    100%{
        box-shadow:0 0 0 0 rgba(37,170,221,0);
    }
}
.section_video .video_text{
    padding: 0px 60px 0px 30px;
}
.section_video .video_text h2 {
    font-size: 40px;
    line-height: 1.3;
}
.section_video .container {
    position: relative;
    z-index: 10;
}
.group_numbers .card_num{
    border-right: solid 1px #ccc;
    padding: 0px 20px;
    height: 100%;
}
.group_numbers .card_num h3 {
    color: var(--accent-blue);
}
.card_num h3 span {
    display: inline-block;
    font-size: 55px;
}
.group_numbers .card_num p {
    margin-bottom: 0px;
    line-height: 1.3;
}

.services_tab_wrapper {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 20px;
}
.tab_arrow{
    width: 45px;
    height: 42px;
    border-radius: 50%;
    border: none;
      background: var(--bs-blue);
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 8px;
    transition: .3s;
    border: solid 1px var(--accent-blue);
}
.tab_arrow:hover{ 
  background:#000;
  border: solid 1px var(--primary-blue);
}
.services_tab {
    overflow: hidden;
    width: 100%;
}
.services_tab ul {
    display: flex;
    gap: 12px;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding: 0;
    margin: 0;
    list-style: none;
    scrollbar-width: none;
}
.services_tab li {
    list-style: none;
}

.services_tab li {
    white-space: nowrap;
    flex: 0 0 auto;
}
.services_tab .active a {
    background: linear-gradient(135deg, var(--primary-blue), var(--accent-blue));
}
.services_tab a {
	display: inline-block;
    padding: 11px 20px;
    background: #111;
    color: #fff;
    border-radius: 40px;
    font-size: 14px;
    transition: .3s;
	text-decoration: none;
	border: solid 1px var(--accent-blue);
}
.services_container{
    position: relative;
    height: 560px;
    display: flex;
    align-items: center;
    justify-content: center;
    perspective: 1400px;
    margin-top: 20px;
}
.services_container .active {
    transform: translateX(0) scale(1);
    opacity: 1;
    z-index: 5;
}

.services_container .item {
    position: absolute;
    width: 380px;
    transition: all .6s ease;
    opacity: .4;
    transform: scale(.85);
}
.card_box_serv {
    background: #fff;
    border-radius: 22px;
    padding: 45px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .25), 0 8px 20px rgba(0, 0, 0, .15);
    height: 100%;
}
.card_box_serv figure {
    margin-bottom: 18px;
}
.card_box_serv img {
    width: 65px;
}
.card_box_serv label {
    color: var(--primary-blue);
}
.card_box_serv h4 {
    margin-top: 10px;
    margin-bottom: 12px;
}
.card_box_serv h4 a {
    text-decoration: none;
    color: #212424;
}
.services_container .next {
    transform: translateX(340px) rotate(14deg) scale(.88);
    opacity: .75;
    z-index: 3;
}
.services_container .hide {
    opacity: 0;
    pointer-events: none;
    transform: scale(.7);
}
.services_container .active {
    transform: translateX(0) scale(1);
    opacity: 1;
    z-index: 5;
}
.services_container .prev {
    transform: translateX(-340px) rotate(-14deg) scale(.88);
    opacity: .75;
    z-index: 3;
}
.section_4 .container{
    position: relative;
}
.section_4 .background_image {
    position: absolute;
    width: 100%;
}
.section_4 .container_overlay {
    position: relative;
    z-index: 2;
    padding: 40px;
    bottom: -100px;
}
.section_4 h2, .section_4 p {
    color: #fff;
}
.container_overlay .swiper_container {
    position: relative;
    top: 80px;
}
.innovation_slider .card_box_new {
    background: linear-gradient(299.46deg, #EFF2FA -15.67%, #FFFFFF 38.09%);
    border: 1px solid #E6E9F3;
}
.card_box_new:before {
    content: '';
    position: absolute;
    top: -1px;
    height: 100%;
    background: #fff;
    box-shadow: 0px 2px 12px 0px rgba(41, 47, 64, 0.08);
    opacity: 0;
    transition: opacity .3s;
    z-index: -1;
    right: -2px;
    width: calc(100% + 2px);
}
.card_box_new figure img {
    width: 65px;
}
.card_box_new h4 {
    font-size: 22px;
    margin-bottom: 14px;
    text-overflow: ellipsis;
}
.innovation_slider .card_box_new p {
    color: #212424;
}
.btn_block{
    margin-top: 20px;
}
.innovation_slider .card_box_new {
    border-radius: 20px;
}

.card_box_new, .card_box_serv1 {
    padding: 30px 35px;
/*     border-left: 0px !important; */
    border: solid 1px #ccc;
    height: 100%;
/*     display: flex;
    flex-direction: column;
    justify-content: space-between; */
    position: relative;
    background-color:#ecf3ff;
	border-radius:15px;
}
.container_overlay .swiper_container .innovation-prev {
    left: -20px;
}
.container_overlay .swiper_container .innovation-next {
    right: -20px;
}
.container_overlay .swiper-button-pre, .container_overlay .swiper-button-next{
    position: absolute;
    top: 50%;
}
.swiper-button-prev, .swiper-button-next {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    pointer-events: all;
    border: none;
    transition: -webkit-transform .3s;
    transition: -moz-transform .3s;
    transition: transform .3s;
    box-shadow: -1px 1px 6px 0px rgba(106, 114, 125, 0.19);
}
.menu-toggle {
    background: none;
    border: none;
    cursor: pointer;
    width: 40px;
    height:25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.menu-toggle span {
    display: block;
    height: 3px;
    width: 100%;
    background-color: var(--accent-blue);
    border-radius: 2px;
    transition: all 0.3s ease;
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
}
.sidebar-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 330px;
    height: 100vh;
    background-color: rgb(0 0 0 / 98%);
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
    transition: right 0.4s ease;
    z-index: 1000;
    overflow-y: auto;
    padding: 20px 30px;
}
.menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.menu-title {
    font-size: 22px;
    color: #fff;
    font-weight: 600;
}
.close-btn {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #7f8c8d;
}
.menu-content {
    padding-bottom: 20px;
}
.menu-section {
    margin-bottom: 25px;
}
.menu-section .search_area {
    margin: 15px 0px;
}

.search_area {
    position: relative;
}
.search_area input.search-field {
    width: 100%;
    padding: 10px 15px;
    border-radius: 20px;
    background-color: transparent;
    color: #fff;
    border: solid 1px #ccc;
}
.search_area .btn_search {
    position: absolute;
    background-color: transparent;
    border: 0px;
    color: #fff;
    width: 40px;
    display: block;
    top: 0px;
    right: 0px;
    height: 45px;
}
.menu-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.menu-list li {
    margin-bottom: 0px;
}
.menu-list li a {
    position: relative;
    transition: color 0.3s ease;
}

.menu-list a {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 14px;
    display: block;
    padding: 12px 0;
    transition: color 0.2s ease;
    position: relative;
    text-transform: uppercase;
    border-bottom: solid 1px #242323;
}
.menu-list li a::before {
    content: "";
    position: absolute;
    left: -8px;
    top: 34%;
    width: 0;
    height: 2px;
    background-color: var(--primary-blue);
    transition: width 0.3s ease;
}
.sidebar-menu .social {
    margin-top: 50px;
}
.social a {
    text-decoration: none;
    color: #f1f1f1;
    display: inline-block;
    margin-right: 20px;
}
.sidebar-menu.active {
    right: 0;
}
.overlay.active {
    display: block;
}
.menu-toggle.active span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
}
.swiper-button-prev::after, .swiper-button-next::after{
    font-size: 18px;
    color: #212424;
}

.innovation_slider .theme_btn .btn, .theme_btn_sm .btn{
    gap:30px;
    padding:7px 35px !important;
}
section.section.case_study {
    background-color: #f5f0eb;
    position: relative;
}
.section.is-chess {
    background-color:#fff;
    position: relative;
}
.container.is-chess.z-index-1 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
}

.container.is-chess {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
/*     padding-top: 4.5rem;
    padding-bottom: 4.5rem; */
    display: flex;
	max-width: 1250px;
}
.chess_h-wrap{
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width:36rem;
    display: flex;
    position: sticky;
    top: 8rem;
}
.chess_cards-wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    max-width: 34.375rem;
    display: flex;
}
/* .chess_card {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    background-color: #f7f7f7;
    color: #000;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 30px;
    display: flex;
    border-radius: 18px;
    border: solid 1px oklch(0.922 0 0);
} */


.chess_card {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    background: linear-gradient(145deg, rgba(10, 25, 55, .95), rgba(3, 10, 24, .98));
/*     border: solid 1px rgba(255, 255, 255, .06); */
    color: #000;
    color: #fff;
    justify-content: flex-start;
    flex-flow: column;
    align-items: flex-start;
    padding: 0px;
    display: flex;
    border-radius: 12px;
    /* border: solid 1px oklch(0.922 0 0); */
}

.chess_card img {
    height: 220px;
    width: 100%;
    object-fit: cover;
    border-radius: 12px 12px 0px 0px;
}
.flex-vert-16 {
    grid-column-gap: 1rem;
    flex-flow: column;
    display: flex;
}
.chess_card h3 {
    font-size: 25px;
    font-weight: 500;
}
.chess_card .flex-vert-16 {
    padding: 0px 25px 25px 25px;
}

/* typing line base */
.hero_heading h1  .type-line, .hero_heading h2  .type-line, .hero_heading .typing_text h2, .hero_heading h3{
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    border-right:0px solid transparent;
    width: 0;
}

/* first line */
.hero_heading h1 .line1, .hero_heading .typing_text h2:nth-child(1){
    animation: typing1 3s cubic-bezier(.22,.61,.36,1) forwards,
               blink 1s ease-in-out infinite;
}

/* second line starts after first finishes */
.hero_heading h1 .line2, .hero_heading .typing_text h2:nth-child(2){
    animation: typing2 3s cubic-bezier(.22,.61,.36,1) forwards 2.6s,
               blink 1s ease-in-out infinite 2.6s;
}

.hero_heading h2 .line3, .hero_heading h3{
    animation: typing3 3s cubic-bezier(.22,.61,.36,1) forwards 4s,
               blink 1s ease-in-out infinite 4s;
	color:var(--accent-blue);
}

/* smoother width growth */
@keyframes typing1 {
    from { width: 0 }
    to { width: 25ch; } /* characters count */
}

@keyframes typing2 {
    from { width: 0 }
    to { width: 25ch; }
}

@keyframes typing3 {
    from { width: 0 }
    to { width: 25ch; }
}

/* softer cursor blink */
@keyframes blink {
    0%,100% { border-color: transparent }
    50% { border-color: #111 }
}
.industry_section .text-big p, .industry_section p{
    color: #fff;
}
.imb_block_circle img {
    width: 300px;
    height: 300px;
    border-radius: 100%;
    object-fit: cover;
}

.imb_block.imb_block_circle {
    margin: auto;
    text-align: center;
}
.main-hedader.scrolled::after{
    height: 78px;
}
.card_box_serv h4 a:hover {
    color: var(--primary-blue);
}
.img_rotate img{
    width: 100%;
    max-width:400px; /* adjust if needed */
    animation: rotateImg 8s linear infinite;
}

@keyframes rotateImg{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
.text-big2 p{
    font-size:35px;
    line-height: 1.3;
}
.section_1 .imb_block {
    position: relative;
}

.section_1 .imb_block img {
    position: absolute;
    top:-65px;
}
.bg-black h2, .bg-black .text-big p {
	color:#fff;
}

/* Container */
.sticky_social {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 999;
    display: flex;
    flex-direction: column;
}

/* Links */
.sticky_social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 35px;
    margin: 5px 0px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    border-radius: 8px 0 0 8px;
    transform: translateX(10px);
    transition: all 0.3s ease;
}

/* Hover animation (slide out) */
.sticky_social a:hover {
    transform: translateX(0);
}

.sticky_social a i {
    padding-right: 20px;
}
/* Individual brand colors */
.sticky_social a:nth-child(1) { background: #1877f2; } /* Facebook */
.sticky_social a:nth-child(2) { background: #0a66c2; } /* LinkedIn */
.sticky_social a:nth-child(3) { background: #ff0000; } /* YouTube */
.sticky_social a:nth-child(4) { background: #000000; } /* Twitter/X */
.sticky_social a:nth-child(5) { background: #e4405f; } /* Instagram */

/* Icon hover effect */
.sticky_social a i {
    transition: transform 0.3s ease;
}

.sticky_social a:hover i {
    transform: scale(1.2) rotate(5deg);
}

/* Optional: subtle shadow */
.sticky_social a {
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}

/* Mobile adjustment */
@media (max-width: 768px) {
    .sticky_social {
        right: 5px;
    }
    .sticky_social a {
               width: 20px;
        height: 20px;
        font-size: 11px;
    }
}
.main_menu ul li.ai_box a {
    border: solid 2px var(--brand-red);
    padding: 10px 17px !important;
    border-radius: 100px;
}
.main_menu ul li.ai_box a:hover {
    /* background: var(--accent-blue) !important; */
    color: var(--accent-blue) !important;
    -webkit-text-fill-color: var(--accent-blue) !important;
    border-color: var(--accent-blue);
}
p b {
    font-weight: 600;
}
.main-hedader:after{
    content: '';
    width:31%;
    height: 86px;
    position: absolute;
    top: 0px;
    z-index: 1;
    background: #ffffff;
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
}

.main-hedader .logo {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
}
.main-hedader {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    transition: .35s ease;
    border-bottom: solid 1px #25aadd33;
    border-top: solid 4px var(--accent-blue);
}
body {
    padding-top: 0px;
}
.overlay_carousel .hero_caption {
	padding-top:80px;
}

.hero_banner .vid_col video.hero_video {
    height: 550px;
}
 
.overlay_carousel .hero_caption .hero_caption_txt .imb_block {
    text-align: right;
    margin-right: auto;
    width: 100%;
	margin-bottom:20px;
}
.hero_caption_txt .imb_block{
    position: relative;
    width: 170px;   /* adjust based on design */
    height: 170px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* image circle */
.hero_caption_txt .imb_block img{
    width:300px;
    height:300px;
    object-fit:cover;
    border-radius: 50%;
    position: relative;
    z-index: 2;
}

/* optional glowing outer ring */
.hero_caption_txt .imb_block::after{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    border-radius:50%;
    border:1px solid rgb(7 157 215 / 17%);
}

/* animation */
@keyframes rotateCircle{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
.hero_caption_txt > div{
	padding-top:60px;
	display:flex;
	justify-content:center;
	flex-direction:column;
	height:100%;
}	
	.overlay_carousel .hero_caption{
		padding-top:80px;
	}
.hl-btn {
    background: linear-gradient(
        107deg,
        #0a5cff,
        #6a00ff,
        #ff007f,
        #0a5cff
    );
    background-size: 300% 300%;
    animation: gradientMove 6s ease infinite;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 12px 26px !important;
    border-radius: 14px;
    cursor: pointer;
    position: relative;
    overflow: hidden;

    box-shadow:
        0 0 10px rgba(0, 102, 255, 0.5),
        0 0 20px rgba(255, 0, 140, 0.25),
        inset 0 0 8px rgba(255, 255, 255, 0.15);

    transition: all 0.3s ease;
}

/* animated border glow */
.hl-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 2px;

    background: linear-gradient(
        90deg,
        #39b5ff,
        #8b5dff,
        #ff4aa2,
        #39b5ff
    );

    background-size: 300% 300%;
    animation: gradientMove 4s linear infinite;

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
}

/* hover */
.hl-btn:hover {
    transform: translateY(-2px) scale(1.02);

    box-shadow:
        0 0 14px rgba(0, 102, 255, 0.7),
        0 0 28px rgba(255, 0, 140, 0.45),
        inset 0 0 10px rgba(255,255,255,0.2);
}

/* gradient animation */
@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
section.hero_banner .hero-prev, section.hero_banner .hero-next {
    background-color: transparent;
    box-shadow: none;
}

section.hero_banner .swiper-button-prev::after, section.hero_banner .swiper-button-next::after {
    color: var(--accent-blue);
    font-size: 32px;
} 

.hero_heading .text-big p{
	color:#fff;
}
.overlay_carousel .hero_caption .hero_caption_txt .imb_block2 img {
    width:320px;
}

.appreciation_section{
    position: relative;
    z-index: 1;
}

 

/* .section-title{
    color: #fff;
    font-size: 62px;
    font-weight: 700;
}

.section_desc{
    color: rgba(255,255,255,.7);
    font-size: 20px;
    line-height: 1.8;
} */

.appreciation_slider{
    padding:0px 10px 60px;
}

.email_card{
    background: #f4f4f4;
    border-radius: 28px;
    padding: 35px;
/*     min-height: 560px; */
    transition: .4s ease;
    position: relative;
    overflow: hidden;
}

.email_card::after {
    content: "❞";
    position: absolute;
    right: 15px;
    bottom: -75px;
    font-size: 120px;
    color: rgba(0, 0, 0, .05);
}

/* .swiper-slide-active .email_card{
    transform: scale(1.03);
    border: solid 2px #0d6efd;
    box-shadow: 0 20px 60px rgba(13,110,253,.25);
} */

.email_top{
    display: flex;
    gap: 18px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.email_top figure{
    margin: 0;
}

.email_top img{
    width: 52px;
}

.email_meta{
    width: 100%;
}

.meta_row{
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 14px;
}

.meta_row span{
    min-width: 60px;
    color: #666;
}

.meta_row strong{
    color: #111;
    font-weight: 500;
}

 
.email_body h5{
    color: #0d6efd;
    margin-bottom: 22px;
    font-size: 24px;
}

.email_body p{
    color: #333;
}

.email_footer{
    margin-top: 30px;
}

.email_footer h6{
    color: #0d6efd;
    font-size: 28px;
    font-family: cursive;
    margin-bottom: 10px;
}

.email_footer span{
    color: #444;
}

.appr_prev,
.appr_next{
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: rgba(13,110,253,.15);
    border: solid 1px rgba(13,110,253,.4);
    color: #fff;
    transition: .3s;
	margin-top:-4%;
}

.appr_prev:hover,
.appr_next:hover{
    background: #0d6efd;
}

.appr_prev::after,
.appr_next::after{
    display: none;
}

.appr_prev{
    left: -10px;
}

.appr_next{
    right: -10px;
}

.appr_pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: .3;
}

.appr_pagination .swiper-pagination-bullet-active{
    opacity: 1;
    background: #0d6efd;
}

.stats_box{
    border: 1px solid rgba(13,110,253,.35);
    border-radius: 24px;
    padding: 30px;
    display: flex;
    align-items: center;
    gap: 20px;
    height: 100%;
    background: rgba(255,255,255,.02);
}

.stats_icon{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: solid 1px #0d6efd;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 28px;
}

.stats_box h4{
    color: #0d6efd;
    font-size: 42px;
    margin-bottom: 6px;
}

.stats_box p{
    color: #fff;
    margin: 0;
    font-size: 18px;
}

.email_card .email_body {
    text-align: center;
}

.email_card .email_body h5 {
    margin-bottom: 0px;
    color: #000;
    font-weight: 500;
    font-size: 22px;
}

.email_card .email_body .desi {
    font-size: 14px;
    margin-bottom: 12px;
}

.email_card .email_body p {
    font-style: italic;
}

 
/*==========about================*/
.about_hero_section{
    background: #020617;
    overflow: hidden;
}

.small_tag,
.mini_label{
    color:var(--accent-blue);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.about_content h1{
    color: #fff;
}

.about_content h1 span, .accent-blue{
    display: block;
    color:var(--accent-blue);
}

.about_content p{
    color: rgba(255,255,255,.7);
}

.hero_btn_group{
    display: flex;
    gap: 15px;
    margin-top: 35px;
}
 

.hero_img img,
.partner_img img{
    width: 100%;
    border-radius: 24px;
}

.about_partner_box {
    padding: 35px;
    border-radius: 30px;
/*     background: #0a0e1e; */
    border: solid 1px rgba(255, 255, 255, .06);
	background: linear-gradient(
    90deg,
    #03152f 0%,
    #041b3d 20%,
    #03132b 45%,
    #020b1f 70%,
    #010816 100%
);
}

.partner_content h2{
    color: #fff;
} 

.partner_content h2 span{
    display: block;
    color: var(--accent-blue);
}

.partner_content p{
    color: rgba(255,255,255,.7);
}

.partner_features{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 18px;
    margin-top: 40px;
}

.feature_box{
    text-align: center;
    border-right: solid 1px rgba(255,255,255,.08);
    padding: 10px;
}

.feature_box:last-child{
    border-right: none;
}

.feature_box i{
    color: var(--purple);
    font-size: 28px;
    margin-bottom: 16px;
}

  .feature_box h4{
    color: #fff;
    font-size: 22px;
}  

.feature_box p{
    font-size: 14px;
    margin: 0;
}

.service_about_section{
    background: #020617;
    padding: 90px 0;
}

.service_about_box{
    background: rgba(255,255,255,.03);
    border: solid 1px rgba(255,255,255,.06);
    border-radius: 30px;
    padding: 60px;
}

.service_about_box h2, .service_about_section h2{
    color: #fff;
/*     font-size: 54px;
    margin: 20px 0; */
}

.service_about_box p, .service_about_section p{
    color: rgba(255,255,255,.7);
    line-height: 1.9;
}

.service_small_card{
    background: rgba(255,255,255,.03);
    border: solid 1px rgba(255,255,255,.06);
    border-radius: 22px;
    padding: 30px 20px;
    text-align: center;
    transition: .4s;
    height: 100%;
}

.service_small_card:hover{
    transform: translateY(-6px);
    border-color: var(--primary-blue);
}

.service_small_card i{
    color: var(--primary-blue);
    font-size: 30px;
    margin-bottom: 18px;
}

.service_small_card h4{
    color: #fff;
    font-size: 18px;
}

.service_small_card p{
    color: rgba(255,255,255,.7);
    margin: 0;
    font-size: 14px;
}

.cta_about_section{
    
}

.cta_about_box{
    border-radius: 30px;
    padding: 80px;
    background:
    linear-gradient(rgba(2,6,23,.5),rgba(2,6,23,.2)),
    url('https://g7cr.digit-am.com/wp-content/uploads/2026/05/bg-cta.webp');
    background-size: cover;
    background-position: center;
    overflow: hidden;
	border: solid 3px #25aadd;
}

.cta_content h2{
    color: #fff;
    margin-bottom:40px;
}

.cta_content h2 span {
    display: block;
    color: var(--accent-blue);
}
.inner_hero{
    padding-top: 130px !important;
}
section.sec_partner figure.sm_logo {
    width: 150px;
}
.container.gallery_width {
    max-width: 1400px;
}
.container.gallery_width {
    max-width: 1400px;
}

.gallery_container {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    max-width: 700px;
    display: flex;
    position: relative;
}

.gallery_container .img-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:
    transform .7s ease,
    filter .5s ease;
}

.gallery_container .img-item {
    position: relative;
    margin-bottom: 50px;
    overflow: hidden;
    background: #081120;
    cursor: pointer;
    isolation: isolate;
	    border-radius: 12px;
}

.gallery_container .img-item .caption_text {
    padding: 20px 25px;
    position: absolute;
    bottom: 60px;
    background-color: #000;
    width: 50%;
    color:#fff;
    border-radius: 0px 18px 18px 0px;
    font-weight: 600;
    margin: auto;
    left: 0px;
    /* right: 0px; */
    text-align: left;
    background: linear-gradient(90deg, #03152f 0%, #041b3d 20%, #03132b 45%, #020b1f 70%, #010816 100%);
}
.gallery_container .img-item a{
    display: block;
    position: relative;
    overflow: hidden;
}
/* overlay */
/* .gallery_container .img-item::before{
    content: "";
    position: absolute;
    inset: 0;
    background:
    linear-gradient(
        to top,
        rgba(0,0,0,.85),
        rgba(0,0,0,.15),
        transparent
    );
    opacity: .9;
    z-index: 1;
    transition: .4s ease;
} */


/* blue glow border */
/* .gallery_container .img-item::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 28px;
    padding: 1.5px;
    background:
    linear-gradient(
        135deg,
        rgba(0,94,255,.9),
        rgba(79,172,254,.6),
        transparent
    );

    -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;

    opacity: 0;
    transition: .5s ease;
    z-index: 3;
} */
/* hover effects */
.gallery_container .img-item:hover img{
    transform: scale(1.08) rotate(.5deg);
    filter: brightness(.75);
}

.gallery_container .img-item:hover::before{
    background:
    linear-gradient(
        to top,
        rgba(0,0,0,.95),
        rgba(0,94,255,.15),
        transparent
    );
}

.gallery_container .img-item:hover::after{
    opacity: 1;
}

.gallery_container .img-item:hover .caption_text{
    transform: translateY(-10px);
    color: #6db4ff;
}


/* shine effect */
.gallery_container .img-item a::before{
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 70%;
    height: 100%;
    background:
    linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.18),
        transparent
    );
    transform: skewX(-25deg);
    z-index: 4;
}

.gallery_container .img-item:hover a::before{
    animation: shine 1.2s ease;
}

@keyframes shine{

    100%{
        left: 160%;
    }

}
.bg-black p {
    color: rgba(255, 255, 255, .7);
}
.bg-black h3{
	color:#fff;
}
.month_gallery .service_about_box {
    padding: 30px;
    border: solid 1px #2aaadd;
    background: transparent;
    border-radius: 25px;
}
.month_gallery .service_about_box .caption_text {
    position: relative;
    font-size: 13px;
    width: 65%;
    border-radius: 0px 0px 25px 0px;
    padding: 15px;
    right: 0px;
    text-align: center;
    margin-right: 0px;
    background: var(--primary-blue);
}
.month_gallery .service_about_box .gallery_container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}
 
.month_gallery .service_about_box .img-item {
    background-color: transparent;
    border-radius: 0px;
    margin-bottom: 0px;
}
.month_gallery .service_about_box .img-item img {
    border-radius: 25px;
	height:280px;
}
section.inner_hero {
    position: relative;
}

section.inner_hero img.overlay_img {
    position: absolute;
    top: 0px;
    height:500px;
    width: 100%;
    object-fit: contain;
    object-position: right;
}

section.inner_hero .container {
    position: relative;
}
.card_box_serv p{
	color:#000;
}

.life_gallery_section{
    padding: 100px 0;
    background: #020617;
    overflow: hidden;
}

.life_gallery_section h2, .life_gallery_section h3{
    color: #fff;
}

.life_gallery_section p{
    color: rgba(255,255,255,.7);
    font-size: 18px;
}

.life_gallery_slider{
    overflow: visible;
    padding: 40px 0 80px;
}

.life_gallery_slider .swiper-slide{
    transition: .5s ease;
    transform: scale(.82);
    opacity: .45;
}

.life_gallery_slider .swiper-slide-active{
    transform: scale(1);
    opacity: 1;
    z-index: 5;
}

.gallery_card{
    transition: .5s ease;
}

.gallery_card figure{
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    margin: 0;
    height: 520px;
    background: #081120;
}

.gallery_card img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s ease;
}

.gallery_card:hover img{
    transform: scale(1.08);
}

.gallery_card figure::before{
    content: "";
    position: absolute;
    inset: 0;
    background:
    linear-gradient(
        to top,
        rgba(0,0,0,.88),
        rgba(0,0,0,.15),
        transparent
    );
    z-index: 1;
}

.gallery_caption{
    text-align: center;
    padding: 28px 20px 0;
}

.gallery_caption span{
    display: inline-block;
    color:var(--purple);
    font-size: 14px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.gallery_caption h4{
    color: #fff;
    font-size:20px;
    line-height: 1.4;
    margin: 0;
}

.life_gallery_slider .swiper-slide-active .gallery_caption h4{
    color: #fff;
}

.life_gallery_slider .swiper-slide-prev{
    transform: scale(.85) rotate(-5deg);
}

.life_gallery_slider .swiper-slide-next{
    transform: scale(.85) rotate(5deg);
}

.life_prev,
.life_next{
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: rgba(255,255,255,.04);
    border: solid 1px rgba(255,255,255,.08);
    color: #fff;
    transition: .3s;
}

.life_prev:hover,
.life_next:hover{
    background: var(--primary-blue);
}

.life_prev::after,
.life_next::after{
    display: none;
}

.life_prev{
    left: -20px;
}

.life_next{
    right: -20px;
}

.life_pagination{
    bottom: 0 !important;
}

.life_pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: rgba(255,255,255,.3);
    opacity: 1;
}

.life_pagination .swiper-pagination-bullet-active{
    width: 30px;
    border-radius: 20px;
    background: var(--primary-blue);
}

@media(max-width:991px){

    .life_gallery_slider .swiper-slide{
        transform: scale(.92) !important;
        opacity: 1;
    }

    .gallery_card figure{
        height: 420px;
    }

    .life_gallery_section h2{
        font-size: 38px;
    }

}

@media(max-width:767px){

    .gallery_card figure{
        height: 320px;
    }

    .gallery_caption h4{
        font-size: 22px;
    }

}
.moreless-wrapper .para_text{
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin-bottom: 10px;
}
.moreless-button {
    text-decoration: none;
    background-color: var(--primary-blue);
    padding:6px 20px;
    display: inline-block;
    border: solid 1px var(--accent-blue);
    color: #fff;
    font-size: 14px;
    border-radius:12px;
}
.moreless-button:hover{ 
  background-color:transparent;
}
.moreless-wrapper.active .para_text
 {
    display: block;
}
.month_gallery .service_about_box .caption_text span {
    display: block;
    color: var(--accent-blue);
    font-size: 12px;
    margin-bottom: 2px;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.bio_box {
    margin-bottom: 20px;
}

.bio_box figure {
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    aspect-ratio: 1;
    will-change: clip-path;
}

.bio_box figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
    will-change: transform;
}

.bio_box .bio_text h4 a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
}

.bio_box .bio_text .desi {
    color: #888886;
    font-size: 14px;
    font-weight: 400;
}

.bio_box .bio_text h4 {
    margin-bottom: 0px;
}

.logosliderSwiper {
    padding-bottom: 50px;
}

.logosliderSwiper .item {
    /*background: #fff;
     border-radius: 14px;
    padding: 20px;
    text-align: center;
    height: 100%; */
}

.certificate-slide-img {
    height:auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.certificate-slide-img img {
    max-width: 100%;
    object-fit: contain;
}

.logosliderSwiper p {
    font-size: 15px;
    line-height: 1.5;
    margin: 0;
    font-weight: 500;
}

.logosliderSwiper .swiper-button-next,
.logosliderSwiper .swiper-button-prev {
    color: #000;
}

.logosliderSwiper .swiper-pagination-bullet-active {
    background: #000;
}
.main_menu ul li .mega_menu .menu_image_area {
    border-left: solid 2px #9666b136;
    padding-left: 25px;
}
.overlay_carousel .hero_caption .hero_heading .sm_logo {
    width: 350px;
    margin-left: auto;
}

.appreciation_section{
    position: relative;
    padding: 110px 0;
    background:
    radial-gradient(circle at top left, rgba(0,94,255,.08), transparent 25%),
    radial-gradient(circle at bottom right, rgba(0,94,255,.08), transparent 25%),
    #020617;
    overflow: hidden;
	border-top: solid 3px #495278;
}

.appreciation_section h2{
    color: #fff;
/*     font-size: 58px;
    margin: 15px 0;
    font-weight: 700; */
}

.appreciation_section p{
    color: rgba(255,255,255,.7);
    font-size: 18px;
    line-height: 1.8;
}

.appreciation_slider_new{
    overflow: visible;
    padding: 20px 0 70px;
}

.appreciation_slider_new .swiper-slide{
    transition: .5s ease;
    transform: scale(.86);
    opacity: .4;
}

.appreciation_slider_new .swiper-slide-active{
    transform: scale(1);
    opacity: 1;
    z-index: 5;
}

.email_card_new{
    position: relative;
    padding: 40px;
    border-radius:12px;
    background:
    linear-gradient(
        145deg,
        rgba(10,25,55,.95),
        rgba(3,10,24,.98)
    );

    border: solid 1px rgba(255,255,255,.06);

    overflow: hidden;

    transition: .4s ease;

    min-height: 420px;
}

.email_card_new::before{
    content: "";
    position: absolute;
    top: -100px;
    right: -100px;
    width: 220px;
    height: 220px;
    background: rgba(0,94,255,.12);
    filter: blur(60px);
    border-radius: 50%;
}

.mail_glow{
    position: absolute;
    inset: 0;
    border-radius: 12px;
    border: solid 1px var(--accent-blue);
    pointer-events: none;
}
.email_top{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom:0px;
}

.email_icon {
    width: 78px;
    height: 60px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(0, 94, 255, .18), rgba(0, 94, 255, .06));
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-blue);
    font-size: 30px;
    border: solid 1px rgba(0, 94, 255, .2);
}

.email_meta span{
    color: rgba(255,255,255,.45);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.email_meta h4{
    color: #fff;
    margin: 8px 0 6px;
    font-size: 30px;
}

.email_meta p{
    margin: 0;
    color: rgba(255,255,255,.6);
    font-size: 15px;
}

.mail_subject{
    display: inline-flex;
    align-items: center;
    gap: 10px;

    padding: 12px 20px;
    border-radius: 50px;

    background:
    linear-gradient(
        135deg,
        rgba(0,94,255,.18),
        rgba(0,94,255,.08)
    );

    color: #6da8ff;
    font-size: 15px;
    margin-bottom: 25px;
}

.email_body p{
    color: rgba(255,255,255,.75);
    line-height: 1.9;
    margin-bottom: 18px;
    font-size: 17px;
}

.email_footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin-top: 35px;
    padding-top: 25px;

    border-top: solid 1px rgba(255,255,255,.06);
}

.email_footer span{
    color: rgba(255,255,255,.45);
    font-size: 15px;
}

.email_footer a{
    display: inline-flex;
    align-items: center;
    gap: 10px;

    color: var(--primary-blue);
    text-decoration: none;
    font-weight: 600;
}

.appreciation_pagination{
    bottom: 0 !important;
}

.appreciation_pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: rgba(255,255,255,.25);
    opacity: 1;
}

.appreciation_pagination .swiper-pagination-bullet-active{
    width: 34px;
    border-radius: 30px;
    background: var(--primary-blue);
}

@media(max-width:991px){

    .appreciation_section h2{
        font-size: 40px;
    }

    .email_card_new{
        padding: 30px;
    }

    .appreciation_slider_new .swiper-slide{
        transform: scale(.94) !important;
        opacity: 1;
    }

}

@media(max-width:767px){

    .email_meta h4{
        font-size: 24px;
    }

    .email_footer{
        flex-direction: column;
        align-items: flex-start;
    }

}
.text-blue{
	color: var(--accent-blue);
}

.culture_section{
    position: relative;
    padding: 110px 0;
    background:
    radial-gradient(circle at top left, rgba(0,94,255,.08), transparent 25%),
    radial-gradient(circle at bottom right, rgba(0,94,255,.05), transparent 25%),
    #fff;
    overflow: hidden;
}

.culture_section h2{
    color: #000;
}

.culture_section p{
    color: #000;
    font-size: 18px;
}

.culture_card{
    position: relative;
    height: 620px;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;

    background: #081120;

    border: solid 1px rgba(255,255,255,.06);

    transition: .5s ease;
}

.culture_card:hover{
    transform: translateY(-10px);
}

.culture_bg{
    position: absolute;
    inset: 0;
}

.culture_bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;

    transition:
    transform .8s ease,
    opacity .5s ease;
}

.culture_overlay{
    position: absolute;
    inset: 0;

    background:
    linear-gradient(
        to top,
        rgba(0,0,0,.92) 5%,
        rgba(0,0,0,.35) 45%,
        rgba(0,0,0,.08) 100%
    );

    z-index: 1;
}

.culture_front {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 40px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 25px;
}

.culture_icon {
    width: 90px;
    height: 60px;
    border-radius: 12px;
    /* background: linear-gradient(135deg, rgba(0, 94, 255, .2), rgba(0, 94, 255, .08)); */
    backdrop-filter: blur(10px);
    border: solid 1px rgba(255, 255, 255, .08);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--purple);
    font-size: 36px;
    margin-bottom: 0px;
}

.culture_front h3 {
    color: #fff;
    font-size: 25px;
    line-height: 1.15;
    margin: 0;
    font-weight: 500;
}

.culture_hover{
    position: absolute;
    inset: 0;

    padding: 50px;

    display: flex;
    align-items: flex-end;

    z-index: 4;

    opacity: 0;
    visibility: hidden;

    transform: translateY(40px);

    transition: .5s ease;

    background:
    linear-gradient(
        180deg,
        rgba(2,6,23,.15),
        rgba(2,6,23,.92)
    );
}

.hover_tag{
    display: inline-flex;
    align-items: center;
    padding: 10px 18px;
    border-radius: 50px;
    background:
    linear-gradient(
        135deg,
        rgba(0,94,255,.18),
        rgba(0,94,255,.08)
    );
    color: #6eaaff;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 24px;
}

.culture_hover h3{
    color: #fff;
    line-height: 1.15;
    margin-bottom: 24px;
}

.culture_hover p{
    color: rgba(255,255,255,.75);
    line-height: 1.9;
    margin-bottom: 28px;
}

.culture_hover a{
    display: inline-flex;
    align-items: center;
    gap: 10px;

    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.culture_hover a i{
    color: var(--primary-blue);
}

.culture_card:hover .culture_bg img{
    transform: scale(1.08);
    opacity: .25;
}

.culture_card:hover .culture_front{
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
}

.culture_card:hover .culture_hover{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

@media(max-width:991px){

    .culture_section h2{
        font-size: 40px;
    }

    .culture_card{
        height: 520px;
    }

    .culture_front h3,
    .culture_hover h3{
        font-size: 34px;
    }

}

@media(max-width:767px){

    .culture_card{
        height: 480px;
    }

    .culture_front,
    .culture_hover{
        padding: 30px;
    }

    .culture_front h3,
    .culture_hover h3{
        font-size: 28px;
    }

}
.leadership_section{
    position: relative;
    padding: 110px 0;
    background: #000;
    overflow: hidden;
}

.leadership_title{
    color: #fff;
    font-size: 92px;
    line-height: 1;
    font-weight: 700;
    margin: 0;
    letter-spacing: -2px;
}

.contact_btn{
    display: inline-flex;
    align-items: center;
    gap: 18px;

    color: #fff;
    text-decoration: none;
    font-size: 34px;
    font-weight: 600;
}

.contact_btn span{
    width: 56px;
    height: 56px;

    background: #a100ff;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;
    font-size: 20px;

    transition: .3s ease;
}

.contact_btn:hover span{
    transform: translateX(5px);
}

.leader_card {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    position: relative;
    transition: .4s ease;
    height: 100%;
}
.leader_card .leader_content {
    display: flex;
    flex-direction: column;
/*     justify-content: space-between; */
    height: 100%;
    flex-wrap: wrap;
}
.leader_card:hover{
    transform: translateY(-8px);
}

.leader_img {
    width: 140px;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
}

.leader_img img {
    width: 100%;
    /* aspect-ratio: 1 / 1.45; */
    height: 180px;
    object-fit: cover;
    filter: grayscale(100%);
    transition: .5s ease;
}
 
.leader_card:hover .leader_img img{
    filter: grayscale(0%);
    transform: scale(1.04);
}

.leader_content h3 {
    color: #fff;
    margin-bottom:10px;
    font-size:20px;
    line-height: 1.5;
    font-weight: 600;
}

.leader_content h4 {
    line-height: 1.5;
    color: #888886;
    font-size: 14px;
    font-weight: 400;
}

.profile_btn {
    display: inline-flex;
    align-items: center;
    gap: 0px;
    color: var(--accent-blue);
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: .3s ease;
    margin-top: 20px;
}

.profile_btn i {
    font-size: 14px;
    transition: .3s ease;
}
.profile_btn:hover{
        color: var(--primary-blue);
}

.profile_btn:hover i{
    transform: translateX(5px);
}

.leader_social a {
    width: 30px;
    height: 30px;
/*     background: #fff; */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0a66c2;
    text-decoration: none;
    /* font-size: 18px; */
}
.containerSwiper .swiper-button-next, .containerSwiper .swiper-button-prev {
    position: absolute;
    top: 29%;
}
.containerSwiper {
    position: relative;
}
.containerSwiper .swiper-button-prev {
    left: -25px;
}
.containerSwiper .swiper-button-next {
    right: -25px;
}
.menu_lists .item_link a{
    display: flex;
    gap: 15px;
    align-items: start;
}

.menu_lists .item_link img {
    width: 45px;
    height: auto;
}

.search-mob, .mob-social{
		display: none;
	}

section.section.cta_about_section {
    padding: 0px;
}

section.section.cta_about_section .container {
    max-width: 100%;
    padding: 0px;
}

section.section.cta_about_section .cta_about_box {
    border-radius: 0px;
    border: 0px;
    border-top: solid 2px var(--accent-blue);
}
.menu_lists .item_link img{
    transition: transform 0.4s ease;
}
.menu_lists .item_link:hover img{
    transform: translateY(-3px) scale(1.05);
}
.menu_lists .item_link a h5 {
    font-size: 17px;
    display: inline-block;
    background: linear-gradient(to right, #6ed7ff, var(--accent-blue) 50%, #fff 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    position: relative;
    background-position: 100%;
    transition: background-position .8s ease;
    color: #fff;
}

.menu_lists .item_link:hover a h5 {
    color: var(--accent-blue);
    text-decoration: none;
    background-position: 0 0;
}

.menu_lists .item_link img{
    transition: transform 0.45s ease;
    transform-origin: center;
}

.menu_lists .item_link:hover img{
    animation: iconSwing 0.6s ease;
}

@keyframes iconSwing{
    0%{
        transform: rotate(0deg) scale(1);
    }
    25%{
        transform: rotate(-6deg) scale(1.04);
    }
    50%{
        transform: rotate(6deg) scale(1.06);
    }
    75%{
        transform: rotate(-3deg) scale(1.04);
    }
    100%{
        transform: rotate(0deg) scale(1.05);
    }
}

.approach_section{
    position: relative;
    overflow: hidden;
}

.section_heading .sub_title{
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #14b8ff;
    margin-bottom: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* .section_heading h2{
    font-size: 52px;
    line-height: 1.15;
    font-weight: 700;
    margin-bottom: 18px;
    color: #fff;
} */

.section_heading p{
    font-size: 18px;
    line-height: 1.7;
    color:#000;
}

.approach_card {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 25px;
    height: 100%;
    padding: 20px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--accent-blue);
    transition: all .4s ease;
    backdrop-filter: blur(10px);
}

.approach_card:hover{
    transform: translateY(-8px);
    border-color: rgba(20,184,255,0.35);
    background: rgba(255,255,255,0.05);
}

.approach_icon{
    width: 72px;
    height: 72px;
    min-width: 72px;
    border-radius:10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg,#14b8ff1f,#14b8ff08);
    border: 1px solid rgba(20,184,255,0.18);
}

.approach_icon img{
    width:45px;
    transition: transform .45s ease;
}

.approach_card:hover .approach_icon img{
    transform: rotate(10deg) scale(1.08);
}

.approach_content h4 {
    font-weight: 600;
    margin-bottom: 12px;
    color: var(--primary-blue);
    font-size: 20px;
    /* line-height: 1.5; */
}
.approach_content p{
    margin: 0;
    color:#000;
}

@media(max-width:991px){

    .section_heading h2{
        font-size: 40px;
    }

    .approach_card{
        padding: 28px;
    }

    .approach_content h4{
        font-size: 24px;
    }
}

@media(max-width:767px){

    .section_heading h2{
        font-size: 32px;
    }

    .approach_card{
        flex-direction: column;
    }

    .approach_content h4{
        font-size: 22px;
    }
}

/*==============Case Study=================*/

.theme_btn_link .btn_1{
    position: relative;
    color: #fff;
    display: inline-flex;
    text-decoration: none;
    align-items: center;
    gap: 14px;
	font-weight: 500;
    overflow: hidden;
}

/* TEXT */

.theme_btn_link .btn_1 div{
    line-height: 1.5;
}

/* SVG */

.theme_btn_link .btn_1 svg{
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.theme_btn_link .btn_1 svg path{
    fill:var(--accent-blue);
}

/* CONTINUOUS LEFT TO RIGHT ANIMATION */

.theme_btn_link .btn_1 .icon-1{
    animation: arrowMove 1.2s ease-in-out infinite;
}

/* HOVER EFFECT */

.theme_btn_link .btn_1:hover .icon-1{
    animation-duration: .7s;
}

/* KEYFRAMES */

@keyframes arrowMove{

    0%{
        transform: translateX(0);
        opacity: 1;
    }

    40%{
        transform: translateX(6px);
        opacity: 1;
    }

    60%{
        transform: translateX(10px);
        opacity: .4;
    }

    61%{
        transform: translateX(-6px);
        opacity: 0;
    }

    100%{
        transform: translateX(0);
        opacity: 1;
    }

}
	.theme_btn_link .btn_1:hover {
    color: var(--accent-blue);
    text-decoration: underline;
}
 section.inner_hero .text-big p{
    color: #fff;
}
section.inner_hero .vid_box button, section.inner_hero .vid_box.video_ytd, section.inner_hero .vid_box.video_ytd iframe, section.inner_hero .vid_box button > img {
    height:400px;
    background-color: transparent;
    width: 100%;
	border-radius:0px;
}
.cloud_case_study_section{
    position: relative;
/*     padding: 120px 0;
    background:
    radial-gradient(circle at top left,
    rgba(123,92,255,.15),
    transparent 30%),
    #050816; */
    overflow: hidden;
   background: #020617;
}

.cloud_heading{
    max-width: 850px;
    margin: auto auto 70px;
}

.cloud_heading .mini_tag{
    color: #8b7dff;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
    margin-bottom: 18px;
}

/* .cloud_heading h2{
    font-size: 58px;
    line-height: 1.1;
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
} */

.cloud_heading p{
    color: rgba(255,255,255,.7);
    font-size: 18px;
    line-height: 1.8;
}

.cloud_case_wrapper{
/*     display: grid;
    grid-template-columns: 320px 1fr;
    gap: 35px;
    align-items: start; */
	display:block;
}

/* .cloud_tabs{
    position: sticky;
    top:0px;
    display: flex;
    flex-direction: column;
    gap: 14px;
} */

.cloud_tab:hover, .cloud_tab.active {
    background: var(--primary-blue);
    color: #fff;
    border-color: var(--accent-blue);
    transform: translateX(8px);
}
.cloud_tab {
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    position: relative;
    border: none;
    background: #000;
    border:2px solid #ccc;
    color:#fff;
    border-radius: 12px;
    padding: 14px 20px;
    text-align: center;
    transition: .4s ease;
    backdrop-filter: blur(12px);
    overflow: hidden;
    text-transform: uppercase;
    font-size: 15px;
}

.cloud_tab span{
    display: block;
    color: #8b7dff;
    font-size: 12px;
    margin-bottom: 8px;
    letter-spacing: 2px;
}
.cloud_visual{
    min-height: 760px;
    border-radius:0px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
    padding: 50px;
}

.cloud_overlay{
    position: absolute;
    inset: 0;
    background:
    linear-gradient(to top,
    rgba(5,8,22,.96),
    rgba(5,8,22,.4));
}

.cloud_logo_strip{
    position: absolute;
    top: 40px;
    left: 40px;
    right: 40px;
    display: flex;
    gap: 16px;
    overflow-x: auto;
    z-index: 3;
}

/* .logo_item{
    width: 110px;
    height: 80px;
    border-radius: 16px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s ease;
    flex-shrink: 0;
} */

/* .logo_item img{
    max-width: 70%;
    max-height: 45px;
    object-fit: contain;
} */
.cloud_logo_strip .logo_item img {
    height: 125px;
    width: auto;
    object-fit: contain;
}
.cloud_logo_strip .logo_item {
    border: 0px;
    background-color: #fff;
    /* border: solid 2px red; */
    border-radius: 12px;
}

.logo_item:hover, .logo_item.active {
    background: #fff;
    border: solid 2px var(--purple) !important;
}
.cloud_story_card{
    position: relative;
    z-index: 2;
    max-width: 650px;
    padding: 40px;
    border-radius: 30px;
    background:
    rgba(7,11,30,.72);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,.08);
}
.cloud_case_wrapper .cloud_tabs {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    justify-content: center;
}
.story_label {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 50px;
    background: rgba(122, 92, 255, .15);
    color: var(--accent-blue);
    font-size: 13px;
    margin-bottom: 18px;
}
.btn.btn-sm{
    padding: 7px 14px !important;
    font-size: 12px !important;
}
.cloud_story_card h3{
    color: #fff;
    margin-bottom: 22px;
}
	.cloud_case_study_section h2{
		color:#fff;
	}
.cloud_story_card p{
    color: rgba(255,255,255,.72);
    font-size: 17px;
    line-height: 1.9;
}

.story_meta{
    display: flex;
    gap: 40px;
    margin: 35px 0;
}

.story_meta strong{
    display: block;
    color: #fff;
    font-size: 28px;
}

.story_meta span{
    color: rgba(255,255,255,.6);
    font-size: 14px;
}
.cloud_case_study_section .cloud_content{
    position: relative;
} 

@media(max-width:991px){

    .cloud_case_wrapper{
        grid-template-columns: 1fr;
    }

    .cloud_tabs{
        position: relative;
        top: 0;
        flex-direction: row;
        overflow-x: auto;
        padding-bottom: 10px;
    }

    .cloud_tab{
        min-width: 260px;
    }

    .cloud_visual{
        min-height: auto;
        padding: 30px;
    }

    .cloud_story_card h3{
        font-size: 32px;
    }

    .story_meta{
        flex-wrap: wrap;
        gap: 20px;
    }

    .cloud_heading h2{
        font-size: 42px;
    }
}

@media(max-width:767px){

    .cloud_case_study_section{
        padding: 80px 0;
    }

    .cloud_story_card{
        padding: 25px;
    }

    .cloud_story_card h3{
        font-size: 26px;
    }

    .cloud_heading h2{
        font-size: 34px;
    }

    .cloud_heading p{
        font-size: 16px;
    }

    .cloud_visual{
        padding: 20px;
        border-radius: 24px;
    }

    .cloud_logo_strip{
        top: 20px;
        left: 20px;
        right: 20px;
    }
}
.cloud_content{
    display:none;
}

.cloud_content.active{
    display:block;
    animation:fadeUp .5s ease;
}

.story_content{
    display:none;
}

.story_content.active{
    display:block;
    animation:fadeUp .5s ease;
}

@keyframes fadeUp{

    from{
        opacity:0;
        transform:translateY(20px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}	
/* =========================================
MODAL DESIGN
========================================= */

.theme_modal .modal-dialog{
    max-width:600px;
}

.theme_modal .modal-content{
    position: relative;
    border: 1px solid rgba(255,255,255,.08);
    border-radius:15px;
    background:
    linear-gradient(135deg,
    rgba(10,15,35,.96),
    rgba(5,8,22,.98));
    box-shadow:
    0 30px 80px rgba(0,0,0,.45);
    padding: 0;
}

.theme_modal .modal-content::before{
    content:"";
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at top right,
    rgba(123,92,255,.18),
    transparent 35%);
    pointer-events:none;
}

/* =========================================
BACK BUTTON
========================================= */

.theme_modal .back_btn{
    position:absolute;
    top:25px;
    left:25px;
    z-index:10;
}

.theme_modal .back_btn .btn{
    border:none;
    padding:12px 20px;
    border-radius:60px;
    background:
    rgba(255,255,255,.08);
    backdrop-filter:blur(12px);
    color:#fff;
    font-size:14px;
    transition:.3s ease;
}

.theme_modal .back_btn .btn:hover{
    background:
    linear-gradient(135deg,#7b5cff,#0099ff);
    transform:translateY(-3px);
}

/* =========================================
MODAL BODY
========================================= */

.theme_modal .modal-body{
    padding:70px 30px 30px;
}

/* =========================================
FORM GROUP
========================================= */

.theme_modal .form-group{
    position:relative;
}

.theme_modal .form-control{
    width:100%;
    height:62px;
    background:
    rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    color:#fff;
    padding:18px 20px;
    font-size:15px;
    transition:.3s ease;
    box-shadow:none;
}

.theme_modal textarea.form-control{
    min-height:140px;
    resize:none;
    padding-top:22px;
}

.theme_modal .form-control:focus{
    border-color:#7b5cff;
    background:
    rgba(255,255,255,.06);
    box-shadow:
    0 0 0 4px rgba(123,92,255,.12);
    color:#fff;
}

/* =========================================
LABEL
========================================= */

.theme_modal .form-group label{
    position:absolute;
    top:18px;
    left:20px;
    color:rgba(255,255,255,.55);
    font-size:14px;
    pointer-events:none;
    transition:.3s ease;
    background:transparent;
}

.theme_modal .form-control:focus + label,
.theme_modal .form-control:not(:placeholder-shown) + label{
   top: -10px;
    left: 15px;
    background: #0b1020;
    padding: 0 8px;
    font-size: 13px;
    color:#f1f1f1;
    text-transform: uppercase;
}

/* =========================================
SUBMIT BUTTON
========================================= */

.theme_modal .theme_btn,
.theme_modal .wpcf7-submit{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 40px;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    /* background: linear-gradient(90deg, #0b408b, #25aadd); */
    border-radius: 6px;
    border: solid 2px var(--brand-red);
    background-color: #000;
}

.theme_modal .theme_btn:hover,
.theme_modal .wpcf7-submit:hover{

    transform:translateY(-4px);

    box-shadow:
    0 18px 45px rgba(123,92,255,.35);
}

/* =========================================
CHECKBOX
========================================= */

.theme_modal .wpcf7-list-item{
    margin:0;
}

.theme_modal .wpcf7-list-item label{
    position:relative;
    top:auto;
    left:auto;
    color:rgba(255,255,255,.6);
    font-size:14px;
    line-height:1.7;
}

.theme_modal .wpcf7-list-item input{
    margin-right:10px;
}

/* =========================================
LINKS
========================================= */

.theme_modal a{
    color:#8b7dff;
    text-decoration:none;
}

.theme_modal a:hover{
    color:#fff;
}

/* =========================================
SUCCESS MESSAGE
========================================= */

.success-msg{
    display:none;
    padding:80px 50px;
}

.success-msg.active{
    display:block;
}

.verify_box{
    text-align:center;
}

.verify_box .mail_icon img{
    width:90px;
}

.verify_box h2{
    color:#fff;
    font-size:42px;
    margin-bottom:15px;
}

.verify_box p{
    color:rgba(255,255,255,.7);
    font-size:17px;
    line-height:1.8;
}

/* =========================================
MODAL ANIMATION
========================================= */

.theme_modal.fade .modal-dialog{
    transform:scale(.9) translateY(40px);
    opacity:0;
    transition:.4s ease;
}

.theme_modal.show .modal-dialog{
    transform:scale(1) translateY(0);
    opacity:1;
}

/* =========================================
BACKDROP
========================================= */

.modal-backdrop.show{
    opacity:.85;
    backdrop-filter:blur(10px);
    background:#02050f;
}

/* =========================================
SCROLLBAR
========================================= */

.theme_modal ::-webkit-scrollbar{
    width:6px;
}

.theme_modal ::-webkit-scrollbar-thumb{
    background:#7b5cff;
    border-radius:20px;
}

/* =========================================
MOBILE
========================================= */

@media(max-width:767px){

    .theme_modal .modal-body{
        padding:90px 25px 30px;
    }

    .theme_modal .modal-content{
        border-radius:24px;
    }

    .theme_modal .form-control{
        height:56px;
        border-radius:14px;
    }

    .verify_box h2{
        font-size:30px;
    }

}	
.about_hero_section .about_content h1{
    font-size: 3.5rem;
}	

.mob-chessswiper{
display: none;
}
.approach_card .theme_btn {
    margin-top: 20px;
}

.btn-sm2 .btn {
    padding: 8px 28px !important;
}

.btn-sm2 .btn .icon-1 {
    left: 9px !important;
}
.theme_modal button.btn-close{
       z-index: 5;
    position: absolute;
    right: 15px;
    top: 20px;
    opacity: 1;
    background-image: none;
    transform: rotate(45deg);
}
.theme_modal button.btn-close:after, .theme_modal button.btn-close:before {
    position: absolute;
    top: 0px;
    content: "";
    height: 27px;
    width: 3px;
    border-radius: 3px;
    background-color:var(--brand-red);
    display: block;
}
.theme_modal button.btn-close:before {
    transform: rotate(90deg);
}
.mob-testimonialsswiper {
	display: none;
}

.testimonialsSwiper .swiper-pagination-bullet{
    background: white;
}

.mob_menu{
	    right: 28px;
    top: -16px;
    position:relative;
}

.mob_menu span{
	position:absolute;}
/* ACTIVE = X ICON */
.mob_menu.active span:nth-child(1){
    transform:rotate(45deg);
    top:10px;
}

.mob_menu.active span:nth-child(2){
    opacity:0;
}

.mob_menu.active span:nth-child(3){
    transform:rotate(-45deg);
    top:10px;
}

.mob_menu{
    position:relative;
}
/* LINES POSITION */
.mob_menu span:nth-child(1){
    top:0;
}

.mob_menu span:nth-child(2){
    top:10px;
}

.mob_menu span:nth-child(3){
    top:20px;
}
.mob_menu span{
	position:absolute;}
/* ACTIVE = X ICON */
.mob_menu.active span:nth-child(1){
    transform:rotate(45deg);
    top:10px;
}

.mob_menu.active span:nth-child(2){
    opacity:0;
}

.mob_menu.active span:nth-child(3){
    transform:rotate(-45deg);
    top:10px;
}
.mega_menu.open-submenu{
	width: 100% !important;
	transform: unset;
}
.mega_menu.open-submenu .menu_image_area{
	display: none
}

.section.is-chess .appreciation_pagination .swiper-pagination-bullet {
	background: rgb(0 0 0 / 54%);
}
.section.is-chess .appreciation_pagination  .swiper-pagination-bullet-active , .mob-testimonialsswiper .appreciation_pagination  .swiper-pagination-bullet-active {
	    background: var(--primary-blue);
}
.section.is-chess .appreciation_pagination,  .mob-testimonialsswiper .appreciation_pagination{
	margin: auto;
	text-align: center;
}