:root {
  --primary: #0E98DD;
  --secondary: #e95905;
  --black: #1a1a1a;
  --light: #fcfcfc;
  --dark: #505050;
  --bg1: #F2F5F7;
  --white: #ffffff;
}
a{
  text-decoration: none;
}
.field-invalid{
    border: 1px solid red !important;
}
.in-error{
    color: red;
}
.pointer{
  cursor: pointer;
}
.bg1{
  /*background-color: #F2F5F7;*/
}

/* Top Bar */
.header-top-section {
  /*background-color: var(--bg1);*/
  background-color: #34466d;
  padding:0;
  position: relative;
  z-index: 9;
}
.header-top-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-top-wrapper .contact-list {
  display: flex;
  align-items: center;
  gap: 25px;
  list-style: none;
  padding: 10px 0;
  margin: 0;
}
.header-top-wrapper .contact-list li {
  font-size: 15px;
  color: #bec7cb;
}
.header-top-wrapper .contact-list li i {
  color: #bec7cb;
  margin-right: 10px;
}
.header-top-wrapper .contact-list li a {
  color: #bec7cb;
  text-decoration: none;
}
.header-top-wrapper .top-right {
  display: flex;
  align-items: center;
  gap: 30px;
}
.header-top-wrapper .top-right .social-icon {
  gap: 15px;
  color: #bec7cb;
}
.header-top-wrapper .top-right .social-icon a {
  color: #bec7cb;
  line-height: 0;
}
.header-quote a{
  background-color: var(--primary);
  color: var(--light);
  text-decoration: none;
  padding: 10px 18px;
  font-size: 16px;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.header-quote a:hover{
	background-color: #0c82bd;
}
@media(max-width:991.98px) {
  .header-top-wrapper .contact-list li {
    font-size: 13px;
  }
  .social-icon label{
    display: none;
  }
  .top-right .social-icon a{
    font-size: 14px;
  }
  .header-top-wrapper .top-right {
    display: flex;
    align-items: center;
    gap: 25px;
}
}
@media(max-width:767.98px) {
  .topmail{
    display: none;
  }
  .header-quote a {
    padding: 10px 18px;
    font-size: 13px;
}
}
@media(max-width:420px) {
  .header-quote a {
    padding: 10px 18px;
    font-size: 12px;
  }
  .top-right .social-icon a {
    font-size: 12px;
  }
  .header-quote a {
    padding: 10px 10px;
    font-size: 12px;
  }
}


/* Navigation */
.header{
  padding: 10px 0;
  min-height: 84px;
  position: relative;
  background: #ffffff;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgb(255 255 255 / 2%) 49%);
}
header nav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.logo {
  flex: 2;
  display: flex;
  align-items: center;
}
.logo img{
  width: 228px;
}
.logo a {
  text-decoration: none;
  font-size: 26px;
  text-transform: uppercase;
  font-weight: 800;
}

.bartoggle,
#menubrop {
  display: none;
}

.NavMenu {
  flex: 10;
  list-style: none;
  display: flex;
  justify-content: end;
  margin: 0;
}

.NavMenu li {
  display: inline-block;
}

.NavMenu li input {
  display: none;
}

.NavMenu li a {
  display: block;
  padding: 20px 16px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  position: relative;
  color: var(--dark);
}

.NavMenu li a label {
  cursor: pointer;
  appearance: none;
  display: block;
  position: relative;
}

.NavMenu li a label::after {
  content: "\F282";
  font-family: "bootstrap-icons";
  line-height: 10px;
  display: inline-block;
  position: relative;
  top: 2px;
  margin-left: 2px;
}


.NavMenu li .dropdown-menu {
  position: absolute;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  min-width: 200px;
  top: 98%;
  box-shadow: 0px 15px 25px rgb(0 0 0 / 19%);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  visibility: hidden;
  opacity: 0;
  padding: 0;
  z-index: 99;
  border:0;
  border-radius:0;
}
.NavMenu li .mega-menu {
  position: absolute;
  display: flex;
  background-color: #fff;
  background: linear-gradient(21deg, rgb(255 255 255) 42%, rgb(248 249 250) 49%);
min-width: 100%;
top: 98%;
left: 0;
right: 0;
box-shadow: 0px 20px 18px rgb(0 0 0 / 16%);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  visibility: hidden;
  opacity: 0;
  padding: 0;
  z-index: 99;
}
.menu-heading{
	font-size: 24px;
    margin-top: 30px;
    font-weight: 600;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 4px;
}
.mega-menu-content{
	display:flex;
	margin: 20px 0 50px;
	gap: 26px;
}
.NavMenu li .mega-menu a {
    color: var(--dark);
    padding: 10px 0px;
    display: block;
}
.menu-col{
	width:25%;
	flex: 1 1 auto;
}
.menu-col h5{
	font-size:16px;
	font-weight:600;
	border-bottom: 1px solid #d9d9d9;
    padding-bottom: 14px;
}
.menu-left-banner img{
	max-width: 100%;
    border-radius: 8px;
    object-fit: cover;
    object-position: top;
    height: 270px;
    width: 100%;
}
.menu-right-banner{
	padding: 14px;
    background-color: #fbfbfb;
    border-radius: 8px;
    margin-top: 18px;
    border: 2px dashed #e2e2e2;
}
.menu-right-banner p{
	font-size:14px;
	line-height:normal;
}
.menu-right-banner h4{
	font-size:18px;
	font-weight:600;
}
.menu-right-banner img{
	max-width:100%;
	border-radius: 8px;
}
.mega-menu-content h3{
	font-size:18px;
	font-weight:600;
}
.menu-list{
	padding: 0;
}
.menu-list li{
	width:100%;
}
.menu-list li a i {
    font-size: 14px;
    margin-right: 8px;
}
.NavMenu li ul li {
  position: relative;
}

.NavMenu li ul li a {
  color: var(--dark);
  padding: 14px 20px;
  display: block;
  border-left: 2px solid transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.NavMenu li ul li ul {
  position: absolute;
  left: 100%;
  top: 0;
}
.top-stik{
	position: fixed;
	top: 0;
	left:0;
    z-index: 99;
    width: 100%;
    background-color: #fbfbfb;
	box-shadow: 0 0 7px #33333338;
	padding: 8px 0;
}

@media(min-width:992px) {
  .NavMenu li ul li a:hover {
    background-color: #0e98dd;
    color: #fff;
  }

  .NavMenu li:hover>.dropdown-menu,
  .NavMenu li .dropdown-menu li:hover>ul {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  .NavMenu li:hover> .mega-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}

@media(max-width:991.98px) {

  .header {
    padding: 10px 0;
    min-height: 80px;
}

  .logo {
    flex: 6;
  }

  .bartoggle {
    display: flex;
    justify-content: center;
    font-size: 30px;
    align-items: center;
    background-color: transparent;
    padding: 0 10px;
    cursor: pointer;
    color: #545454;
  }
  .bartoggle.active i::before {
    content: "\f00d";
  }
  .NavMenu {
    width: 500px;
    flex: 12;
    position: absolute;
    flex-direction: column;
    background-color: #0c85c1;
    left: 0;
    top: 100%;
    height: 100vh;
    z-index: 99;
    padding: 15px 0 50px 0;
    justify-content: start;
    overflow-y: scroll;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
  }
  .NavMenu li a label::after {
  float: right;
	background-color: #0e98dd;
	padding: 4px 3px;
	border-radius: 3px;
}
.top-stik .NavMenu{
	top:100%;
}
  .NavMenu li .dropdown-menu,
  .NavMenu li .dropdown-menu li ul,
.NavMenu li .mega-menu  {
    position: initial;
    left: 0;
    visibility: visible;
    opacity: 1;
    top: 0;
    display: none;
  }

  .NavMenu li a {
    padding: 12px 15px;
    border-bottom: 1px solid #5592f5;
    color: var(--light);
  }

  .NavMenu li ul li ul {
    background: #2874f0;
    position: inherit;
    margin-top: -10px;
  }

  .NavMenu li ul li ul li a {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    text-transform: initial;
    padding: 7px 15px 7px 30px;
  }

  .NavMenu li input:checked+ul,
  .NavMenu li input:checked+.mega-menu,
  .NavMenu li ul li input:checked+ul {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
  }

  input:checked+.NavMenu {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }

}

@media(max-width:768px) {
  .NavMenu {
    width: 100%;
  }
  .mega-menu-content {
    flex-direction: column;
}
.menu-col {
    width: 100%;
    flex: 1 1 auto;
}
.menu-left-banner img {
    max-width: 100%;
    border-radius: 8px;
    object-fit: cover;
    object-position: 0 -154px;
    height: 230px;
    width: 100%;
}

}
@media(max-width:420px) {
	.header {
        padding: 10px 0;
        min-height: 60px;
    }
  .logo img {
    width: 165px;
  }
  
}


.theme-btn{
  background-color: var(--primary);
  border-radius: 7px;
  color: var(--light);
  padding: 12px 26px;
  font-weight:500;
  text-decoration:none;
}
.theme-btn:hover{
  background-color: #0981bd;
  color: var(--light);
  border-color:#0981bd;
}
.main-banner{
	padding: 180px 0 170px;
	background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: top center;
}
.slider-content h1{
	font-family: "Inter", sans-serif;
	font-size: 50px;
    font-weight: 700;
}

/* Hero Section */
.hero-section{
  padding: 70px 0 90px;
  position: relative;
  /*background-image: linear-gradient(75deg, #f9fafb 52%, #f8f9f9 48%);*/
}
.hero-section::before{
  content: "Converting Dreams";
  position: absolute;
  top: auto;
  left: 7rem;
  bottom: 0rem;
  z-index: 0;
  opacity: 0.2;
  font-size: 96px;
  font-weight: 800;
  color: #d6d6d6;
}
.hero-section::after{
  content: "";
  background-image: url(../images/banner-shape.webp);
  position: absolute;
  width: 181px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 0;
  display: block;
  opacity: 0.2;
  background-repeat: no-repeat;
    background-size: cover;
}
.slider-content{
  position: relative;
  z-index: 1;
  text-align: left;
}
.hero-section img{
  max-width: 100%;
}
.hero-section h1{
  font-size: 48px;
  font-weight: 700;
  line-height: 50px;
}
.hero-section h1 span{
	color: var(--primary);
}
.hero-img img{
  object-fit: cover;
  width: 100%;
  height: 500px;
  border-radius: 12px;
}

.subtitle {
  position: relative;
    /* text-transform: uppercase; */
    color: #3e3e3e;
    font-weight: 500;
    font-size: 16px;
    line-height: normal;
    display: inline-block;
    margin-bottom: 8px;
    /* background: var(--primary); */
    padding: 0;
    border-radius: 10px;
}

.hero-section .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 40px;
    height: 7px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 1;
    transition: opacity .6s ease;
}
.hero-section .carousel-indicators .active {
    opacity: 1;
	background-color: #0e98dd;
}
.hero-section .carousel-indicators{
	margin-bottom:2rem;
}

@media(max-width:768px) {
  .hero-section::before{
    display: none;
  }
  .hero-section h1 {
    font-size: 40px;
    font-weight: 700;
  }
}
@media(max-width:767px) {
  .slider-content .row{
    gap: 35px;
  }
}
@media(max-width:575px) {
	.slider-content .row{
		flex-direction: column-reverse;
	}
	.hero-img img {
		object-fit: cover;
		width: 100%;
		height: 355px;
		border-radius: 12px;
	}
  .hero-section h1{
    font-size: 36px;
    font-weight: 700;
  }
  .hero-section::after{
	  display:none;
  }
}
@media(max-width:420px) {
  .hero-section h1{
    font-size: 30px;
    font-weight: 600;
  }
}
.feature-sections{
	margin-top: -100px;
}
.section-img img{
	max-width: 100%;
	border-radius: 10px;
}
.section-pt{
	padding-top:80px;
}
.section-pb{
	padding-bottom:80px;
}
.section-ptb{
	padding-top:80px;
	padding-bottom:80px;
}
.section-mt{
	margin-top:80px;
}
.section-mb{
	margin-bottom:80px;
}
.section-mtb{
	margin-top:80px;
	margin-bottom:80px;
}

.title-section{
	margin-bottom: 14px;
}
.title-section.left{
	text-align:left;
}
.title-section.center{
	text-align:center;
}
.title-section h2{
	font-size:42px;
	font-weight:700;
}
p{
	color: #6e6e6e;
	line-height: 28px;
}
.readmore{
	margin-top: 36px;
}
.img-margin-right{
	margin-right:20px;
}

/* Help Section */
.help-section{
	padding: 60px 0;
}
.help-section h1{
	font-size: 2.5rem;
	color:#fff;
	line-height: 52px;
}
.help-section h4{
	font-size: 1.5rem;
	color:#f1f1f1;
	margin-bottom: 24px;
}
.section-title{}
.section-title h2{
	font-family: "Inter", sans-serif;
	font-weight: 500;
    font-size: 32px;
}

/* Feature */
.feature-section{
	background: rgb(247,248,249);
	background: linear-gradient(0deg, rgb(237 240 244) 50%, rgba(255, 255, 255, 1) 50%);
}
.feature-box{
	background-color: #fff;
    box-shadow: 0 0 15px #3333331f;
    padding: 23px;
    border-radius: 7px;
	text-align: center;
}
.feature-box .icon{
	width: 70px;
    height: 70px;
    background-color: #eff3f5;
    padding: 14px;
    border-radius: 7px;
    display: flex;
    align-items: center;
	margin: 15px;
    margin-left: auto;
    margin-right: auto;
}
.feature-box .icon img{
	width: 100%;
    max-height: 100%;
}
.feature-box h3{
	font-size:20px;
	font-weight: 600;
}
.feature-box p{
	font-size:14px;
	line-height: 24px;
}
.partners{}
.partners .item img {
    filter: grayscale(100%);
	transition: filter 0.5s ease;
	opacity: 0.7;
}
.partners .item img:hover{
	filter: grayscale(0%);
	opacity: 1;
}



/* Services Section */
.services-section{
	background-color: #edf0f4;
}
.services-content{
	margin-top:34px;
}

.yt-service-box {
	/*display: grid;*/
    min-height: 450px;
    padding: 20px 32px;
    grid-template-columns: 0.4fr 1.2fr 2fr 0.5fr;
    align-items: center;
    background-color: #F8F8FA;
    border-radius: 7px;
	transition: all 0.5s ease;
}
.yt-service-box:hover {
	/* box-shadow: 0 0 8px #3333333b; */
	
}

.yt-service-box .yt-service-icon {
	width: 130px;
	color: var(--dark);
	text-align: center;
	border-radius: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.5s ease;
	padding: 0px;
	margin-bottom:12px;
	max-height: 130px;
	opacity: 1;
	overflow: hidden;
	transition: all 0.6s ease;
}

/*.yt-service-box:hover .yt-service-icon,
.yt-service-box.active .yt-service-icon {
	background: var(--primary);
}*/

.yt-service-box .yt-service-icon img {
	width: 100%;
	max-height:100%;
}
/*.yt-service-box:hover .yt-service-icon img,
.yt-service-box.active .yt-service-icon img{
	filter: brightness(21);
}*/
.service-icon i{
	font-size:48px;
}
.service-icon .icon-img{
	width: 45px;
    margin-top: 22px;
}
.yt-service-title a{
	color: var(--black);
}
.sr-block-content{
	max-height: 0;
	  opacity: 0;
	  overflow: hidden;
	  transition: all 0.6s ease;
}
.yt-service-box:hover .yt-service-icon{
	max-height: 0px;
	opacity: 0;
	overflow: hidden;
	transition: all 0.6s ease;
}
.yt-service-box:hover .sr-block-content{
	transition: all 0.5s ease;
	max-height:240px;
	opacity:1;
}
.yt-service-title{
	font-size:24px;
	font-weight:600;
	text-transform:uppercase;
}
.yt-service-box .yt-service-description {
	margin-bottom: 0;
}

.yt-service-box .yt-btn-container {
	text-align: right;
}

.yt-service-box .yt-button.yt-button-icon {
	transition: all 0.5s ease;
	background: var(--light);
    color: var(--dark);
    border-radius: 100%;
}

.yt-service-box:hover .yt-button.yt-button-icon,
.yt-service-box.active .yt-button.yt-button-icon {
	transform: translateX(5px);
	/* background: var(--primary); */
	/* color: #fff; */
}

.yt-service-box:hover .yt-button.yt-button-icon .yt-button-line,
.yt-service-box.active .yt-button.yt-button-icon .yt-button-line {
	background: var(--dark);
}

.yt-button.yt-button-icon {
    padding: 0;
    width: 50px;
    height: 50px;
    line-height: 0px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}
.yt-button.yt-button-icon i {
    font-size: 26px;
}
@media (max-width: 767px) {
    .yt-service-box{
        display: block;
		text-align: center;
        padding: 38px 32px;
    }
	.yt-service-box-title{
		margin:10px 0;
	}
	.yt-service-box .yt-btn-container {
		text-align: center;
		margin-top: 26px;
	}
}

.process-icon{
	position:relative
}
.process-icon::after{
	content: "";
    background-image: url(/public/assets/images/arrow-process.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 31px;
    right: 0;
    left: 84%;
    margin-left: 14px;
    width: 100px;
    height: 52px;
}
.process-icon.no-arrow::after{
	display:none;
}
.process-icon img{
	width:90px;
	margin-bottom: 28px;
}

.partners-logos{
	padding-bottom:52px;
}
@media(max-width:767.98px) {
	.process-icon::after{
		display:none;
	}
}

.mission-section{
	background-color:#FBFBFB;
}
.mission-section .icon-box {
    width: 65px;
    height: 65px;
    background-color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
}
.mission-section .icon-box img{
	width:100%;
}
.mission-content{
	width:95%;
}
.mission-content h5{
	color:#0e98dd;
}
.fw-semibold{
	font-weight:500;
}

@media (max-width: 767px) {
  .icon-box {
    width: 50px;
    height: 50px;
  }
}
/* Why Choose */

.trusted-content .single-tab-items {
    margin-top: 34px;
}
.trusted-content .single-tab-items .nav {
    display: flex;
    align-items: center;
    gap: 30px;
}
.trusted-content .single-tab-items .nav .nav-link {
    text-align: center;
    padding: 10px 40px;
    background-color: #EBEBEB;
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
    color: var(--dark);
    transition: all 0.3s ease-in-out;
}
.trusted-content .single-tab-items .nav .nav-link.active {
    position: relative;
    background-color: var(--primary);
    color: var(--white);
}
.trusted-content .single-tab-items .nav .nav-link.active::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--primary);
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all 0.4s ease-in-out;
    z-index: -1;
}
.trusted-content .single-tab-items .tab-content {
    margin-top: 34px;
}
.trusted-content .single-tab-items .tab-content h3{
	font-size:20px;
	font-weight: 600;
}
.trusted-content .single-tab-items .tab-content ul{
	padding-left: 0;
    list-style: none;
	color: #424242;
}
.trusted-content .single-tab-items .tab-content ul li i{
	color: var(--primary);
	font-size: 30px;
    line-height: 0;
}

.list-item{
	padding-left: 0;
    list-style: none;
	color: #424242;
}
.list-item li i{
	color: var(--primary);
	font-size: 30px;
    line-height: 0;
}

/* Call to Action */
.call-to-action{
	background-image:url(../images/callto-bg.jpg);
	text-align:center;
}
.call-to-action h2{
	font-size: 34px;
    font-weight: 700;
}
.call-to-action p{
	color:#333;
}

.owl-carousel.owl-drag .owl-item .item{
	min-height: 90px;
    display: flex;
    align-items: center;
}

/* Testimonials */

.left-title-area{
	position: relative;
	color: #fff;
}
.left-title-area .subtitle {
    color: #ffffff;
    background: rgb(37 169 207);
}
.testimonial_right .item {
  
}
.testimonial__one-left {
    background-size: cover;
    background-position: center center;
    padding: 145px 55px;
    padding-right: 80px;
    border-radius: 30px;
    width: 760px;
    position: relative;
    overflow: hidden;
}
.testimonial__one-left::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #048EB5;
    top: 0;
    left: 0;
    opacity: 0.9;
}
.testimonial_right {
    background: var(--white);
    z-index: 3;
    position: relative;
    padding: 50px;
    border-radius: 30px;
    box-shadow: rgba(99, 99, 99, 0.09) 0px 2px 8px 0px;
}
.testimonial_right .name{
	font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #333;
}
.testimonial_right .descript{
	font-size: 15px;
    font-weight: 400;
    color: #5d5d5d;
    margin-bottom: 16px;
}
.testimonial_right .owl-theme .owl-nav{
	text-align: left;
}
.testimonial_right .owl-theme .owl-nav .owl-prev, .testimonial_right .owl-theme .owl-nav .owl-next {
    padding: 14px !important;
    border-radius: 5px;
    transition: 0.4s;
    background: #f5f7f9;
    font-size: 16px;
    color: var(--dark);
    line-height: 0;
}
.logos-client {
	background-color: #F7F8F9;
    padding: 18px 0;
}
.logos-client .card{
	height:100%;
	flex-direction: row;
	align-items: center;
	min-height: 98px;
	padding: 0px 18px;
}
.logos-client .card-img-top {
    max-width: 120px !important;
	width: auto !important;
    max-height: 69px;
    margin: 14px auto;
    filter: grayscale(100%);
    opacity: 0.7;
	transition: filter 0.5s ease;
}
.logos-client .card-img-top:hover{
	filter: grayscale(0%);
	opacity: 1;
}

@media (max-width: 768.98px) {
	.theme-btn {
		padding: 8px 22px;
		font-weight: 500;
	}
	.feature-box {
		margin-bottom: 22px;
	}
    .testimonial__one-left {
		padding: 60px 50px;
		padding-right: 80px;
		border-radius: 30px;
		width: 760px;
		max-width: 100%;
	}
	.section-img{
		margin-bottom:16px;
	}
	.trusted-content .single-tab-items .nav {
		gap: 16px;
	}
	.trusted-content .single-tab-items .nav .nav-link {
		text-align: center;
		padding: 10px 18px;
	}
	.trusted-content .single-tab-items .tab-content ul li{
		font-size:14px;
	}
	.title-section h2 {
		font-size: 30px;
		font-weight: 700;
	}
}

/* Footer */
.footer{
	/*background-color: #ebeeef;*/
	background-color: #F5F5F7;
	padding-top:60px !important;
	position:relative;
}
.footer:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/bg-overlay.png);
    opacity: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.footer .container{
	position:relative;
}
.footer p {
    color: #525252 !important;	
}
.ft-logo img{
	width: 180px;
	margin-bottom: 10px;
}
.footer_link h4{
	font-size: 18px;
    font-weight: 500;
    color: #353535;
    margin-bottom: 18px;
}
.footer-solution ul{
	list-style:none;
	padding:0;
}
.footer-solution ul li a {
    color: #515151;
    transition: 0.4s;
    position: relative;
    font-size: 14px;
    text-decoration: none;
    font-weight: 400;
}
.footer-solution ul li a:hover {
    color: var(--primary);
    padding-left: 6px;
	font-weight: 500;
}
.footer-solution ul li a i {
    font-size: 14px;
    margin-right: 8px;
}
.ft-subscribe-form input{
	background-color:#fff;
	border:1px solid #ccc;
	padding:12px;
	border-radius:7px;
}
.ft-subscribe-form button {
    background-color: var(--primary);
    border-radius: 7px;
    color: var(--light);
    padding: 12px 26px;
	border:0;
}

.footer-bottom{
	background-color:#F5F5F7;
	padding:18px 0;
	margin-top:50px;
}
.copyright{
	font-size:14px;
	margin:0;
}
.ft-bottom-link{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	gap: 24px;
	justify-content: end;
}

/* Bread Crumb */
.breadcrum-banner {
    background: var(--dark);
    color: var(--white);
    padding: 26px 0;
    position: relative;
    background-size: cover;
    background-position: center center;
    text-align: center;
    background-image: url(../images/crum-banner.jpg);
    background-attachment: fixed;
}
.breadcrum-banner:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #0b182b;
    left: 0;
    top: 0;
    z-index: 0;
    position: absolute;
    opacity: 0.6;
}
.breadcrum-banner .container{
	position:relative;
}
.crums-content{
	
}
.breadcrum-banner .breadcrumb a{
	color: #f4f4f4;
    text-decoration: none;
    font-size: 14px;
}
.breadcrum-banner .banner-title h2{
	font-size:40px;
	color:#fff;
	text-align: left;
}

/* Popup */
.video-popup-img-1 {
    background-image: url(../images/video-thumb.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 245px 0;
    z-index: 1;
    border-radius: 5px;
}
.shape {
    width: 180px;
    height: 70px;
    display: inline-block;
    background-color: var(--primary);
    border-radius: 10px;
    transform: rotateZ(-30deg);
}
.shape-1 {
    position: absolute;
    top: 50%;
    left: -80px;
}
.popup-video-block.popup-style-1 {
    position: relative;
    text-align: center;
}
.popup-video-block.popup-style-1 .video-icon {
    position: relative;
}
.popup-video-block.popup-style-1 .video-icon button {
    margin: auto;
    text-decoration: none;
    color: var(--white);
    font-size: 30px;
    width: 100px;
    height: 100px;
    line-height: 22px;
    text-align: center;
    display: inline-block;
    background-color: var(--primary);
    border-radius: 100%;
    border: 2px solid transparent;
    transition: 0.5s ease-in-out;
}
.video-popup .modal-content{
	background-color: transparent;
}
.video-popup .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 0;
}
.video-popup .btn-close{
	position: absolute;
    top: -10px;
    right: -9px;
    z-index: 99;
    background-color: #ffffff;
    opacity: 1;
    border-radius: 100%;
    font-size: 12px;
    padding: 6px;
}

/* Contact US */
.contact-detail-box{
	margin-top:-115px;
}
.contact-info-box{
	display: flex;
	align-items: center;
}

.contact-info-box .contact-icon{
	margin-right: 15px;
}

.contact-info-box .contact-icon i{
	font-size: 50px;
	line-height: 1;
	color: var(--dark);
	display: inline-block;
}

.contact-info-box .contact-box-content .contact-box-description{
	margin-bottom: 0;
}

.contact-box{
	text-align: center;
	padding: 45px 30px;
	border-radius: 10px;
	min-height: 100%;
	background-color: #ffffff;
    transition: all 0.3s ease;
    border: 1px solid #eee;
	box-shadow: 0 0 15px #3333331f;
}
.contact-box:hover{
	transform: translateY(-6px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    border-color: #0d6efd;
}

.contact-box .contact-box-icon{
	margin-bottom: 15px;
}

.contact-box .contact-box-icon i{
	font-size: 34px;
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #7f7f7f;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    line-height: 77px;
    transition: all 0.3s ease-in-out;
}

.contact-box .contact-box-icon i:hover{
	background-color: var(--primary);
	color: #fff;
}

.contact-box .contact-box-content .contact-box-title{
	margin-bottom: 5px;
	font-weight: 600;
    font-size: 18px;
}

.contact-box .contact-box-content .contact-box-description{
	margin: 0;
}
.contact-box .contact-box-content .contact-box-description a{
	color: #5a5a5a;
}

.contact-form{}
.contact-form input,
.contact-form select,
.contact-form textarea,
.contact-form input.form-control {
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    width: 100%;
    float: none;
    font-size: 16px;
    padding: 0 15px;
    height: 54px;
    line-height: 54px;
    outline: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    border-radius: 10px;
}
.contact-form input, .contact-form textarea, .contact-form select {
    margin-bottom: 20px;
}
.contact-form textarea {
    height: 150px;
}

.team-suport img{
	border-radius:10px;
	width:100%;
}

.form-box{
	padding-top:20px;
	padding-left: 30px;
}
.form-box h3{
	font-size: 32px;
    font-weight: 700;
}
.form-box p{
	line-height:normal;
}

.quote-modal .modal-body {
    padding: 1rem 2rem;
}
.quote-modal .modal-title{
	font-weight:700;
}
.quote-modal input::placeholder {
    font-size: 14px;
}
.quote-modal .form-label {
    margin-bottom: 0;
}

/* Careers */

.find-jobs-card {
    background-color: #ffffff;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    padding: 30px;
    position: relative;
    overflow: hidden;
    transition: var(--transition);
    margin-bottom: 30px;
}
.find-jobs-card .content{
	max-height:100%;
}
.find-jobs-card .find-jobs-img {
    margin-right: 20px;
    transition: var(--transition);
}
.find-jobs-card .find-jobs-img a {
    display: block;
}
.find-jobs-card .find-jobs-img a img {
    max-width: 140px;
    border-radius: 7px;
}
.find-jobs-card .content .content-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.find-jobs-card .content .content-list li {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 10px;
    margin-bottom: 15px;
}
.find-jobs-card .content .content-list li.time {
    color: #02d3a0;
    background-color: #E5FAF5;
}
.find-jobs-card .content h3 {
    margin-bottom: 10px;
    font-size: 24px;
}
.find-jobs-card .content h3 a {
    color: #212121;
    transition: var(--transition);
}
.find-jobs-card .content .content-list2 {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.find-jobs-card .content .content-list2 li.list-one {
    font-size: 20px;
    color: #00bd8f;
    margin-right: 50px;
}
.find-jobs-card .content .content-list2 li.list-two {
    font-size: 16px;
    color: #646464;
}
.find-jobs-card .content .content-list2 li {
    display: inline-block;
    margin-bottom: 12px;
}
.find-jobs-card .content .content-list2 li.list-two i {
    position: relative;
    top: -2px;
    margin-right: 3px;
    color: var(--mainColor);
}
.find-jobs-card .content .content-list3 {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.find-jobs-card .content .content-list3 li {
    display: inline-block;
    margin-right: 35px;
    font-size: 16px;
    color: #5e5e5e;
}
.find-jobs-card .content .content-list3 li b{
	font-weight:500;
}
.find-jobs-card .content .content-list3 li i {
    position: relative;
    top: -3px;
    margin-right: 3px;
    color: #0e98dd;
}
.find-jobs-btn{
	width:152px;
}

/* Services page */

.service-box {
	background: var(--white);
	border-radius: 10px;
	padding: 30px;
	transition: all 0.5s ease;
	margin: 12px 0;
}

.service-box:hover {
	transform: translateY(-5px);
}

.service-box .service-icon {
	font-size: 72px;
	line-height: 80px;
	color: var(--dark);
}

.service-box .service-title {
	margin-top: 20px;
    margin-bottom: 5px;
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
}

.service-box .service-title a {
	color: var(--dark);
}

.service-box .btn-container {
	margin-bottom: 5px;
}
.service-button{
	padding: 0;
    width: 50px;
    height: 50px;
    line-height: 16px;
    font-size: 18px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    background-color: var(--primary);
    color: #fff;
    border-radius: 100%;
}
.service-button:hover{
    background-color: var(--dark);
    color: #fff;
}

.modal-body form input.form-control {
    display: block;
    width: 100%;
    padding: 10px 11px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fafafa;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border-radius: 8px;
}
.modal-body form textarea{
	margin-bottom:12px;
	background-color: #fafafa;
}
.modal-body form button[type="submit"]{
	background-color: var(--primary);
    border-radius: 7px;
    color: var(--light);
    padding: 12px 26px;
    font-weight: 500;
    text-decoration: none;
	border:none;
}

.bg3 {
    background: url(../images/process-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #045fa7;
    margin: 0px 31px 0px 0px;
    padding: 80px 40px 75px 40px;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    border-radius: 10px 10px 10px 10px;
	min-height: 430px;
}
.sec-title {
    position: relative;
}
.sec-title .sub-text.new {
    color: #ffffff;
    font-size: 15px;
    padding-left: 0;
}
.sec-title .title {
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    color: #fff;
    margin: 0;
}
.number-area {
    display: block;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.4;
    color: #034b8f;
}
.number-title .title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: #101010;
    margin-bottom: 10px;
}
.number-txt {
    margin: 0;
    padding-right: 34px;
}

/* Blog Page */
.blog__sidebar-single-blog {
    position: relative;
    margin-bottom: 60px;
}
.blog__sidebar-single-blog-image {
    border-radius: 10px 10px 0 10px;
    overflow: hidden;
}
.blog__sidebar-single-blog-image img {
    width: 100%;
    height: 552px;
    -o-object-fit: cover;
    object-fit: cover;
}
.blog__sidebar-single-blog-date {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #dce4ed;
    text-align: center;
    padding: 8px 15px;
    border-radius: 0 5px 0 5px;
}
.blog__sidebar-single-blog-date span {
    display: block;
    font-size: 12px;
    color: var(--dark);
	font-weight:600;
}
.blog__sidebar-single-blog-content {
    position: relative;
    width: 90%;
    background-color: var(--white);
    padding: 30px 41px;
    border-radius: 0 10px 10px 10px;
    margin-top: -80px;
    transition: 0.5s;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}
.blog__sidebar-single-blog-content-top {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.blog__sidebar-single-blog-content-top span {
    font-size: 14px;
    color: var(--dark);
    margin-right: 27px;
}
.blog__sidebar-single-blog-content .blog-heading {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.25;
    text-transform: none;
    transition: 0.4s;
    display: block;
	color: #333;
}
.blog__sidebar-single-blog-content p {
    text-transform: none;
    color: var(--dark);
    font-size: 17px;
    margin-bottom: 40px;
}

.yt-pagination {
    margin-top: 15px;
}
.yt-pagination .page-numbers {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    padding: 0;
    margin: 0;
}
.yt-pagination .page-numbers li:first-child .page-numbers {
    margin-left: 0;
}
.yt-pagination .page-numbers li .page-numbers:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.yt-pagination .page-numbers li .page-numbers.current {
    color: var(--white);
    background: var(--primary);
    border-color: var(--primary);
    z-index: 1;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.yt-pagination .page-numbers li .page-numbers.current::after{
	display:none;
}
.yt-pagination .page-numbers li .page-numbers {
    position: relative;
    display: block;
    padding: 0px 15px;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    margin: 0 5px;
    color: var(--dark);
    background-color: #f0f0f0;
    border-radius: 10px;
}
.yt-pagination .page-numbers li .next.page-numbers, .yt-pagination .page-numbers li .prev.page-numbers {
    width: auto;
}

/* Sidebar */
.sidebar-item {
    margin-left: 8px;
}
.sidebar-item-single {
    background-color: #f2f5f9;
    padding: 35px 40px;
    border-radius: 5px;
    margin-bottom: 35px;
}
.sidebar-item-single h3 {
    margin-bottom: 15px;
}
.sidebar-item-single.sidebar-search form {
    display: flex;
    margin-top: 28px;
}
.sidebar-item-single.sidebar-search form input {
    border: 0;
    height: 58px;
    padding: 10px 20px;
    border-radius: 10px 0 0 10px;
}
.sidebar-item-single.sidebar-search form button {
    padding: 10px 21px;
    border-radius: 0 10px 10px 0;
	background-color: var(--primary);
	color: var(--white);
    border: none;
}
.sidebar-item-single.sidebar-item-single .blog-post-single {
    display: flex
;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.sidebar-item-single.sidebar-item-single .blog-post-single-img {
    width: 60%;
}
.sidebar-item-single.sidebar-item-single .blog-post-single-img img{
	width: 108px;
    height: 108px;
    object-fit: cover;
    object-position: center;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.sidebar-item-single.sidebar-item-single .blog-post-single-content {
    background-color: var(--white);
    padding: 10px 13px;
    border-radius: 0 5px 5px 0;
}
.sidebar-item-single.sidebar-item-single .blog-post-single-content-top {
    margin-bottom: 8px;
}
.sidebar-item-single.sidebar-item-single .blog-post-single-content-top span {
    font-size: 12px;
    color: var(--dark);
    margin-right: 20px;
}
.sidebar-item-single.sidebar-item-single .blog-post-single-content-top span i {
    color: var(--primary);
    margin-right: 5px;
}
.sidebar-item-single.sidebar-item-single .blog-post-single-content a {
    font-size: 18px;
    font-weight: 700;
    transition: 0.4s;
    text-transform: none;
	color: #333;
}

/* Blog Detail */
.blog__details-thumb {
    position: relative;
}
.blog__details-thumb .date {
    position: absolute;
    color: var(--dark);
    background-color: var(--light);
    font-size: 18px;
    right: 0;
    padding: 8px 20px;
    border-radius: 0 5px 0 5px;
}
.blog__details-thumb img {
    width: 100%;
}
.blog__details-content-top {
    margin-top: 32px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.blog__details-content-top span {
    font-size: 14px;
    color: var(--color-2);
    margin-right: 27px;
}
.blog__details-content-top span i {
    color: var(--text-heading-color);
    margin-right: 3px;
}
.blog__details-content h2 {
    font-size: 32px;
    margin-bottom: 25px;
    text-transform: none;
}
.blog__details-content p {
    text-transform: none;
    color: var(--color-2);
    font-size: 17px;
    margin-bottom: 10px;
}
.blog__details-quote {
    background-color: var(--light);
    padding: 38px 33px;
    margin-bottom: 38px;
}
.blog__details-comments {
    margin-top: 55px;
}
.blog__details-comments h3 {
    margin-bottom: 18px;
}
.blog__details-single-comment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    gap: 20px;
}
.blog__details-single-comment-user-pic img {
    height: 85px;
    width: 85px;
    min-width: 85px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}
.blog__details-single-comment-body {
    border: 1px solid var(--dark);
    border-radius: 5px;
    padding: 34px 33px;
}
.blog__details-single-comment-body-top {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    row-gap: 8px;
}
.blog__details-single-comment-body-top > * {
    margin-right: 20px;
}
.blog__details-single-comment-body-top span {
    font-size: 18px;
    color: var(--color-2);
}
.blog__details-comment-form {
    margin-top: 55px;
    padding: 55px 58px;
    background-color: var(--light);
    border-radius: 5px;
}

.blog__details-comment-form h3 {
    text-transform: none;
    margin-bottom: 30px;
}
.blog__details-comment-form p {
    color: var(--dark);
    text-transform: none;
    margin-bottom: 25px;
}
.blog__details-comment-form input {
    border: 1px solid transparent;
    width: 100%;
    transition: 0.5s;
}
.blog__details-comment-form input[type=text] {
    margin-bottom: 30px;
}
.blog__details-comment-form textarea {
    border: 1px solid transparent;
    margin-bottom: 25px;
    height: 130px;
}

.resource-blog{
	margin: 24px 0;
}
.resource-blog .card{
	height:100%;
}
.resource-blog .card-body{
	padding:1rem 1rem 3rem;
}
.resource-blog .card-title{
	font-size:20px;
	font-weight:600;
}

.inner-banner{
	padding:140px 0 90px;
	background-size: cover;
    background-position: center;
}
.inner-title{
	font-weight: 600;
    margin-top: 18px;
    font-size: 26px;
}

.vetting-process {
  background-color: #f8f9fa;
  text-align: center;
  padding: 80px 20px;
}

.vetting-process .diagram {
  width: 450px;
  max-width: 100%;
  margin: 30px auto;
}
.vetting-process ol {
  list-style: none;
  padding: 0;
  text-align: left;
  margin-bottom: 0px;
}
.vetting-process ol li {
  margin-bottom: 22px;
  display: flex;
  align-items: flex-start;
}
.vetting-process ol li span {
  background-color: #007bff;
  color: white;
  font-weight: 700;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  margin-right: 15px;
  flex-shrink: 0;
}

/* Section 2 - Comparison Table */
.comparison {
  padding: 80px 20px;
  background: #fff;
}

.comparison table {
  border: 1px solid #dee2e6;
}
.comparison th, .comparison td {
  vertical-align: middle;
  text-align: center;
  padding: 15px;
}
.comparison th {
  background-color: #f8f9fa;
  font-weight: 700;
}

/* Engineering Outcomes */
.outcomes {}
.engineering-outcomes{
	padding: 40px 55px;
    box-shadow: 0 7px 15px rgb(0 0 0 / 11%);
    border-radius: 14px;
}
.icon-cel{
	display:flex;
	gap: 8px;
    align-items: center;
}

.outcomes .card {
	border: none;
	border-radius: 12px;
	box-shadow: 0 4px 15px rgba(0,0,0,0.1);
	transition: transform 0.3s;
}
.outcomes .card:hover {
	transform: translateY(-5px);
}
.outcomes .icon {
	font-size: 30px;
	margin-bottom: 10px;
	color: #198754;
	padding: 10px;
	border-radius: 100%;
}
.outcomes .icon.i1{
	background-color:#DBEAFE;
}
.outcomes .icon.i2{
	background-color:#DBFCE7;
}
.outcomes .icon.i3{
	background-color:#FEF9C2;
}
.accordion-box {
    border: 1px solid #f5f5f5;
    margin: 6px 0;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 10px #3333330f;
}

.accordion-box .accordion-button {
    color: #484848;
    background-color: #fff;
    font-size: 14px;
    font-weight: 600;
}
.accordion-box .accordion-button:not(.collapsed){
  background-color: #f4f4f4;
}

.customer-success .card {
  transition: all 0.3s ease;
  border-radius: 1rem;
}
.customer-success .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.dream-team-steps h2 {
  letter-spacing: -0.5px;
}

.step-card {
  border-radius: 1rem;
  transition: all 0.3s ease;
}
.step-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.step-number {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  margin-top: -40px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
.specialized-support h2 {
  letter-spacing: -0.5px;
}

.icon-box {
  width: 70px;
  height: 70px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

.service-card {
  border-radius: 1rem;
  transition: all 0.3s ease;
}
.service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}
.service-card:hover .icon-box {
  transform: scale(1.1);
}

.cta-section {
  background: linear-gradient(135deg, #eaf1fa, #fafafa);
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  margin-bottom:60px;
}

.cta-section h3 {
  line-height: 1.3;
  letter-spacing: -0.3px;
}

.cta-section .btn {
  transition: all 0.3s ease;
}
/*.cta-section .btn:hover {
  transform: translateY(-3px);
  background-color: #f8f9fa;
  color: #004aad !important;
}*/

.list .item {
    border-radius: 5px;
    padding: 33px 80px 36px;
}
.list .item:nth-child(2n) {
    background: #f8f8f8;
}
.list .item:hover{
	background: #f0f0f0;
}
.icon-box3{
	border:2px solid #0089CE;
	color:#0089CE;
	width: 70px;
    height: 70px;
    padding: 15px;
}

.counter-box{
	background-color:#0089CE;
	padding-top:70px;
	padding-bottom:160px;
}
.counter-box h3,
.counter-box p{
	color:#fff;
}
.counter-box h3{
	margin-top:12px;
}
.contact-area{
	margin-top:-100px;
}

.cta-strip{
	background-color: var(--primary);
}
.cta-strip h3,
.cta-strip p{
	color:#fff;
}

.marketing-performance {
	  
}
.gradient-shape {
  width: 350px;
  height: 350px;
  background: radial-gradient(circle at center, rgba(255,255,255,0.12), transparent 70%);
  filter: blur(80px);
  animation: pulse 8s ease-in-out infinite alternate;
}
@keyframes pulse {
  0% { transform: scale(1) translateY(0); opacity: 0.8; }
  100% { transform: scale(1.2) translateY(20px); opacity: 0.5; }
}
.metric-box {
  transition: transform .3s ease, box-shadow .3s ease;
}
.metric-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 18px rgba(0,0,0,0.15);
}
.accent-line {
  width: 80px;
  height: 3px;
  background: #00d4ff;
}


.accent-line {
  width: 70px;
  height: 3px;
  background: #0d6efd;
}
.icon-circle {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  font-size: 1.2rem;
}
.category-card {
  border-top: 4px solid transparent;
  transition: all 0.3s ease;
}
.category-card:hover {
  border-top: 4px solid #0d6efd;
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.marketing-machine {
  background-color: #fff;
}
.icon-circle {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  font-size: 1.5rem;
}
.feature-box {
  background-color: #ffffff;
  transition: all 0.3s ease;
  border: 1px solid #eee;
}
.feature-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  border-color: #0d6efd;
}
.service-icon{
	margin-bottom:6px;
}

@media (max-width: 768.98px) {
	.slider-content h1 {
		font-size: 36px;
		font-weight: 700;
	}
	.section-title h2 {
		font-weight: 500;
		font-size: 30px;
	}
	.section-title h2 br{
		display:none;
	}
.form-box {
    padding-top: 20px;
    padding-left: 0;
}
.resource-blog .card {
    height: auto;
    margin: 10px 0;
}
.breadcrum-banner .banner-title h2 {
    font-size: 28px;
    line-height: 28px;
    color: #fff;
    text-align: left;
}
.img-margin-right {
    margin-right: 0;
}
.img-margin-left {
    margin-left: 0;
}
.ft-bottom-link{
	gap: 12px;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0;
}
.copyright{
	text-align:center;
}
}