:root {
    --sky-blue: #29a6ec;
    --light-black: #151617;
    --white: #fff;
    --dark-blue: #00425e;
    --rubik-font: "Rubik", sans-serif;
    --poppins-font: "Poppins", sans-serif;
}
img {max-width: 100%;}
a {display: inline-block;}
span {display: inline-block;}
body {font-family: var(--poppins-font); font-weight: 400; font-size: 16px; line-height: 1.2; padding:  30px 15px 0;background: rgb(253,242,236);
background: linear-gradient(62deg, rgba(253,242,236,1) 0%, rgba(228,228,251,1) 50%, rgba(253,244,236,1) 100%);}
.body-wrap {background: url("../images/body-bg.png"); background-repeat: no-repeat; background-position: top center; background-size: cover; border-radius: 50px; overflow: hidden;}
p {line-height: 1.5;}
.mb0{margin-bottom:0!important;}
.btn {border-radius: 40px; display: inline-flex; align-items: center; outline: none !important; box-shadow: none !important;}
.outline-btn {font-family: var(--rubik-font); color: var(--sky-blue) !important; text-transform: uppercase; border: 2px solid var(--sky-blue) !important; background: var(--white) !important; padding: 10px 25px;}
.outline-btn:hover, .outline-btn:focus, .outline-btn:active {background: var(--sky-blue) !important; border-color: var(--sky-blue) !important; color: var(--white) !important;}
.outline-btn span {margin-left: 8px; display: inline-flex;}
.outline-btn svg {fill: var(--sky-blue) !important;}
.outline-btn:hover svg, .outline-btn a:focus svg, .outline-btn a:active svg {fill: var(--white) !important;}
.custom-btn {font-family: var(--rubik-font); color: var(--dark-blue) !important; text-transform: uppercase; border: 2px solid var(--white) !important; background: var(--white) !important; padding: 10px 25px;}
.custom-btn:hover, .custom-btn:focus, .custom-btn:active {background: var(--dark-blue) !important; border-color: var(--dark-blue) !important; color: var(--white) !important;}
.custom-btn span {margin-left: 8px; display: inline-flex;}
.custom-btn svg {fill: var(--dark-blue) !important;}
.custom-btn:hover svg, .custom-btn a:focus svg, .custom-btn a:active svg {fill: var(--white) !important;}

.blue-btn {font-size: 14px; padding: 7px 20px; font-family: var(--poppins-font); border: 2px solid #34aaec; background: #34aaec; color: var(--white);}
.blue-btn:hover, .blue-btn:focus, .blue-btn:active {background: var(--dark-blue); border-color: var(--dark-blue); color: var(--white);}
.font-h1 {font-size: 32px}
.font-h2 {font-size: 26px;}
.font-h3 {font-size: 24px;}

/*header css start*/
.header {font-family: var(--rubik-font); font-weight: 500;}
.header .nav-item {position: relative; z-index:1;}
.header .nav-item a {color: var(--light-black); text-transform: uppercase; font-size: 14px;}
.header .nav-item svg {fill: var(--light-black);}
.header .nav-item a.active, .header .nav-item a:hover, .header .nav-item a:focus{color: var(--sky-blue);}
.header .nav-item a.active svg, .header .nav-item a:hover svg, .header .nav-item a:focus svg{fill: var(--sky-blue);}
.custom-dropdown-menu {position: absolute; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; top: 100%; padding: 10px 0; border-radius: 0 0 8px 8px;}
.header .nav-item:hover .custom-dropdown-menu {opacity: 1; visibility: visible;}
.custom-dropdown-menu a {padding: 5px 15px;}
.header .navbar {padding: 25px 25px 20px 25px;}
.schedual-demo a {margin-left: 15px;}
.header .navbar-brand img {max-width: 180px;}
.header .navbar-toggler {padding: 0 !important; border-radius: 0 !important; border:0 !important; outline: none !important; box-shadow: none !important;}
.menu-main-menu-container{margin-left: auto !important;}

/*banner css start*/
.banner {background: url("../images/banner-bg.jpg"); overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat;}
.banner-btn .btn {font-weight: 500;}
.banner-content {padding: 50px 0 50px 75px; position: relative;}
.banner-content h1 {font-weight: 500; margin-bottom: 15px; font-family: var(--rubik-font); color: #1b8ac8;}
.banner-content h1 strong {font-weight: 500; color: var(--dark-blue);}
.banner-content h1 span {font-weight: 300; color: #1b8ac8;}
.banner-content p {font-size: 18px; margin-bottom: 20px;  letter-spacing: -0.5px; color: #00425e; font-family: var(--rubik-font);}
.banner-stripe {background: #1b8ac8; color: var(--white); font-family: var(--rubik-font); padding: 15px 0;}
.banner-stripe span {font-weight: 300;}
.banner-stripe h2 {margin: 0;}
.banner-stripe-wrap h2 {font-size: 24px;}
.inn-banner-content {padding: 80px 0 70px 75px!important; position: relative;}
.m-auto{margin:0 auto;}

/*service css start*/
.service-list {list-style: none; padding: 0; margin-bottom: 0}
.service-list li {margin-bottom: 25px;}
.service-sec {padding: 0px 0;}
.service-icon {margin-bottom: 18px;}
.service-block {padding: 25px;  border:2px solid transparent; cursor: pointer; border-radius: 30px;}
.service-block:hover {background: var(--white); border: 2px solid #29a6ec;}
.service-content h2 {font-size: 20px; color: #013044; margin: 0 0 10px; font-family: var(--poppins-font); font-weight: 600;}
.service-content p {color: #4b4b4b; font-size: 15px;}
.service-btn .btn {padding: 5px 18px; text-transform: capitalize;}
.service-block:hover .btn {background: var(--sky-blue) !important; border-color: var(--sky-blue) !important;
    color: var(--white) !important;}
.service-btn {margin-top: 20px;}
h6 {color: #34aaec; font-family: var(--poppins-font); font-weight: 500; font-size: 20px;}
.our-tech-content .font-h3 {font-weight: 600; color: #013044;}
.our-tech-content .font-h2 {font-weight: 600; color: #013044; font-size:42px;}
.service-icon span {width: 60px;}
.workflow-title {margin: 25px 0 15px;}
.workflow-img {margin-right: 12px;}
.workflow-img img {width: 50px;}
.workflow-info {width: calc(100% - 62px);}
.workflow-info h6 {color: #db3b2e; margin: 0; font-weight: 600;}
.workflow-list {font-size: 16px; color: #013044; font-weight: 600; font-family: var(--poppins-font); margin: 0;}
.workflow-list li {display: flex; margin-bottom: 15px;}
.workflow-list li br{display:none;}
.workflow-list li:last-child {margin-bottom: 0;}
.workflow-list-icon {width: 18px; margin-right: 5px;}
.out-tech-btn {margin-top: 30px;}
.our-technology {padding-bottom: 50px; margin-top: 50px;}
.our-tech-img {text-align: center; margin-bottom: 40px;}
.our-tech-img{float:right;}
.our-tech-content{margin-left: 30px;}
.form-inn label{width: 100%;}
.form-inn .wpcf7-form-control-wrap{width: 100%;}
.form-inn p{margin-bottom: 0;}
/*
.note-stripe {background-image: linear-gradient( 0deg, rgb(0,70,193) 0%, rgb(198,51,80) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(0,70,193) 0%, rgb(198,51,80) 100%); padding: 18px 0; overflow: hidden;}
.note-stripe-list {font-family: var(--poppins-font); font-weight: 600; font-size: 18px; color: var(--white);  margin: 0;  white-space: nowrap; animation: marquee 18s linear infinite;}
.note-stripe-list li {display: flex; padding: 0 40px; flex-shrink: 0; align-items: center; }
.note-stripe-icon {margin-right: 4px; width: 28px; display: inline-flex;}
.note-stripe-text {display: inline-flex;}
@keyframes marquee {
    0% { transform:translateX(0); }
    100% { transform:translateX(-100%);}
}*/
.c-f-l{padding-right:35px;}
.c-form{background: #fff; padding: 35px; border-radius: 30px;}
.c-form .form-control{    padding: .875rem .75rem; border: var(--bs-border-width) solid #c2c2c2;}
.c-form .form-select{    padding: .875rem .75rem; border: var(--bs-border-width) solid #c2c2c2;}
.mb-25{margin-bottom:25px;}
.contact-sec{padding:25px 80px 25px 80px;}
.seamless-content .font-h3 {font-weight: 600;
    color: #013044; margin-bottom: 25px;}
.seamless-content p {font-size: 16px; color: #013044}
.seamless-btn {margin-top: 25px;}
.seamless-content h6 svg {margin-right: 10px;}
.seamless-connect {background: url("../images/seamless-bg.png"); overflow: hidden; background-size: cover; background-position: right center; background-repeat: no-repeat; padding: 50px 0;}
/*.our-solution {padding: 50px 0;}*/
.our-solution-top .font-h2 {font-family: var(--poppins-font); font-weight: 600; color: #013044; margin-bottom: 25px;}
.our-solution-top {margin: 0 0 25px 0; padding: 80px 35px 0;}

.our-solution-text p {color: #013044; font-size: 16px; margin: 0;}
.solution-list li {border-bottom: 1px solid #dedede;}
.solution-list li:last-child {border: 0 !important;}
.solution-block {padding: 30px 0;}
.solution-icon {margin-bottom: 25px;}
.solution-icon img {height: 70px;}
.solution-block-text p {font-size: 20px; font-size: var(--poppins-font); font-weight: 600; color: #013044;}
.solution-btn {margin-top: 35px;}
.solution-btn .btn {padding: 0; border: 0 !important; border-radius: 0; font-size: 0; transition: all 0.3s ease-in-out; color: var(--sky-blue); !important; font-family: var(--rubik-font); min-height: 21px;}
.solution-btn .btn:hover {font-size: 14px;}
.solution-btn .btn:hover span {margin-right: 10px;}

.footer-menu a {font-size: 14px; font-family: var(--rubik-font); font-weight: 500; text-transform: uppercase; color: #151617; text-decoration: none !important;}
.footer-menu a:hover, .footer-menu a:focus, .footer-menu a:active {color: var(--sky-blue);}
.footer-menu ul {margin: 0 -12px;}
.footer-menu ul li {padding: 0 12px;margin-top: 15px;}
.copyright p {font-size: 14px; font-family: var(--rubik-font); color: #151617; margin: 0;}
.footer { padding: 30px 0;}
.copyright  {width: 100%; text-align: center;}
.seamless-content{padding-left:75px;}
.solution-list{    padding-right: 45px;padding-left: 45px;}
.our-con {width: 98%;}
.breadcrumbs{background: #dfe1f0;     padding: 15px 0;}
.breadcrumbs a{font-size: 14px;    color: #000;    text-align: left; text-decoration: none;}
.breadcrumbs a b{font-weight:600; }
.sol-list-inn{width:100%; border-right:solid 1px #dfe1f0;}
.sol-list-inn ul{margin:0; padding:25px 0 25px 0;}
.sol-list-inn ul li{ list-style:none; text-align:right; border-bottom:1px solid #ccc; }
.sol-list-inn ul li a{text-decoration:none; color: #000; font-size:15px; padding:15px 30px 15px 10px; width: 100%;}
.sol-list-inn ul li a:hover{background: #dfe1f0; }
.sol-list-inn ul li a.active{background: #1b8ac8; color: #ffffff; padding: 10px 20px; width: 100%;}
.sol-list-inn ul li a .l-arrow{padding-left: 6px;}
.s-inn{margin-bottom:25px;}
.s-inn-sec{padding-left:25px; padding-right:25px;}
.s-inn-sec h1{font-size:36px; font-weight:600; margin-bottom:25px; margin-top:35px;}
.s-inn-sec p{margin-bottom:25px;}
.s-inn-sec h4{font-size:24px; font-weight:600; margin-bottom:25px; margin-top:35px; color:#1b8ac8;}
.s-inn-sec ul{margin-bottom:35px;}

@media (min-width: 768px) {

    body {padding: 30px 40px 0}
    .header .nav-item a { padding: 8px 0px !important; margin: 0 12px;}
    .banner-img {margin-left: -18%; width: calc(100% + 45%);}
    .service-block {padding: 30px;}
    h6 {font-size: 22px;}
    .our-tech-info {max-width: 450px;}
    .our-tech-img {max-width: 90%;}
    .our-tech-img {text-align: left; margin-bottom: 0px;}
    .seamless-content {margin-top: 15px;}
    .solution-list li {border-right: 1px solid #dedede; border-bottom: 0;  margin-bottom: 25px;}
    .solution-list li:nth-child(2n) {border-right: 0;}
    .solution-block {padding: 30px;}
}

@media (min-width:992px) {
    body {padding: 30px 50px 0}
    .font-h1 {font-size: 34px}
    .font-h2 {font-size: 30px;}
    .font-h3 {font-size: 28px;}
    .banner-btn .btn {font-size: 18px; padding: 12px 28px;}
    .banner-btn .btn span {margin-left: 10px;}
    .banner-content p {font-size: 20px; margin-bottom: 35px;}
    .header .navbar-brand img {max-width: 200px;}
    .banner-img {margin-left: -10%; width: calc(100% + 30%);}
    .banner-stripe-wrap h2 {font-size: 28px;}
    .service-sec {padding: 60px 0;}
    .out-tech-btn {margin-top: 35px;}
    .our-technology {padding-bottom: 60px;}
    .seamless-connect {padding: 60px 0;}
/*    .our-solution {padding: 70px 0;}*/
    .our-solution-title {max-width: 460px;}
    .our-solution-top .font-h2 {margin-bottom: 0;}
    .our-solution-text {margin-left: auto}

}

@media (min-width:1024px) {
    body {padding: 40px 60px 0}
    .font-h1 {font-size: 36px}
    .font-h2 {font-size: 34px;}
    .font-h3 {font-size: 30px;}
    .banner-content p {font-size: 22px;}
    .banner-img {margin-left: -10%; width: calc(100% + 30%);}
    .banner-stripe-wrap h2 {font-size: 32px;}
    .workflow-img img {width: 64px;}
    .workflow-info {width: calc(100% - 76px);}
    .our-solution-title {max-width: 510px;}

}

@media (min-width:1200px) {
    body {padding: 50px 80px 0}
    .font-h1 {font-size: 44px}
    .font-h2 {font-size: 38px;}
    .font-h3 {font-size: 32px;}
    .banner-btn .btn {font-size: 20px; padding: 15px 32px;}
    .banner-content h1 {margin-bottom: 25px; max-width: 560px;}
    .banner-content {width: calc(100% + 60px);}
    .banner-content p {font-size: 26px}
    .header .navbar-brand img {max-width: 255px;}

    .banner-stripe-wrap h2 {font-size: 40px;}
    .service-sec {padding-bottom: 70px;padding-left:0;padding-right:0;padding-top:0;}
    
    .service-block {padding: 35px;}
    .our-tech-content {max-width: 600px;}
    .workflow-list {font-size: 18px;}
    .workflow-list-icon {width: 20px; margin-right: 7px;}
    .out-tech-btn {margin-top: 45px;}
    .our-technology {padding-bottom: 70px;}
    .seamless-content p {font-size: 18px;}
    .seamless-connect {padding: 70px 0;}
/*    .our-solution {padding: 80px 0;}*/
    .our-solution-title {max-width: 600px;}
    .our-solution-text p {font-size: 18px;}
    .our-solution-text {max-width: 520px;}
    .faqs {padding: 80px 0;}
    .faqs .accordion{padding:0 50px 0 50px;}
    .faqs .accordion .accordion-button:not(.collapsed){background-color: #ffffff;}
    .solution-list li {margin-bottom: 0;}
    .solution-list li:nth-child(2n) {border-right: 1px solid #dedede;}
    .solution-list li:first-child .solution-block {padding-left: 0;}
    .footer-menu ul li {margin-top: 0;}
    .copyright  {width: initial; text-align: left;}
    .header .nav-item a {font-size: 16px;}
    .footer-menu a {font-size: 16px;}
    .copyright p {font-size: 15px;}
    .pro .solution-block-text p b{font-weight:600; font-size:44px; color: #1b8ac8;}
    .pro .solution-block-text p{margin-bottom:0;         text-align: center;}
    .pro .solution-list li{border: 1px solid #dedede;}
    .pro .solution-list li:nth-child(2n){border: 1px solid #dedede!important;}
    

}

@media (min-width: 1550px) {
    body {padding: 80px 100px 0px;}
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1360px;}
    .font-h1 {font-size: 52px}
    .font-h2 {font-size: 48px;}
    .font-h3 {font-size: 36px;}
    .banner-content p {font-size: 30px; margin-bottom: 40px;}
    .banner-content {width: calc(100% + 30px);}
    .banner-img {margin-left: -15%;}
    .banner-content h1 {max-width: 650px;}
    .banner-stripe-wrap h2 {font-size: 44px;}
    .service-sec {padding: 80px 0;}
    .service-block {padding: 40px; border-radius: 50px;}
    .service-content h2 {font-size: 22px; margin: 0 0 15px;}
    .service-btn {margin-top: 30px;}
    .service-icon {margin-bottom: 24px;}
    h6 {font-size: 24px;}
    .our-tech-content {max-width: 650px;}
    .service-icon span {width: initial;}
    .workflow-title {margin: 30px 0 20px;}
    .our-tech-info {max-width: 500px;}
    .our-technology {padding-bottom: 80px;}
    .note-stripe-list {font-size: 20px;}
    .note-stripe-icon {width: 30px;}
    .seamless-content .font-h3 {margin-bottom: 30px;}
    .seamless-btn {margin-top: 30px;}
    .seamless-connect {padding: 80px 0;}
/*    .our-solution {padding: 100px 0;}*/
    .our-solution-title {max-width: 100%;}
    .our-solution-top {margin-bottom: 30px;}
    .solution-block {padding: 40px;}
    .solution-icon {margin-bottom: 35px;}
    .solution-icon img {height: initial;}
    .solution-block-text p {font-size: 22px;}
    .solution-btn {margin-top: 45px;}
    
}

@media (min-width:768px) and (max-width:1199px) {
    .solution-list li .solution-block {padding-left: 0;}
    .solution-list li:nth-child(2n)  .solution-block{padding-left: 30px;}
}
@media (min-width:991.98px) and (max-width: 1050px) {
    .header .nav-item a {margin: 0 8px;}
    .schedual-demo a {margin-left: 8px;}
}

@media (max-width: 991.98px) {
    .header .navbar-collapse {position: absolute; top: 100%; left: 0; right: 0; background: var(--white); padding: 20px 35px 35px 35px; z-index: 1;}
    .schedual-demo {margin-top: 10px;}
    .schedual-demo a {margin-left: 0;}
    .header .nav-item a {padding: 10px 0;} 
  	.custom-dropdown-menu {position: relative; display: none; opacity: 1; visibility: visible;}
  .header .menu-item-has-children.open .custom-dropdown-menu {display: block;}
  .custom-dropdown-menu a {padding: 10px 20px !important; white-space: normal;}
}

@media (max-width: 767.98px) {
    .seamless-connect {background: #f7fafe;}
    .seamless-img {margin-bottom: 30px;}
    .seamless-img img {width: 100%;}
    .footer-menu ul {flex-direction: column; text-align: center;}
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding: 0 25px;}
    .body-wrap {border-radius: 30px;}
}

/* Popup Styling */
.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.popup-content {
    position: absolute;
    top: 56%;
    left: 50%;
    transform: translate(-50%, -50%);
/*    background: white;*/
    padding: 20px;
    width: 55%;
    max-width: 669px;
/*    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);*/
    border-radius: 5px;
    height: 100%;
}

.close-btn {
    position: absolute;
    top: -3px;
    right: -3px;
    font-size: 35px;
    cursor: pointer;
}
.wpcf7-form-control-wrap { width:100% }
.scheduledemo {padding: 0px !important;}
select {
  /*webkit browsers */
  -webkit-appearance: none;
  /*Firefox */
  -moz-appearance: none;
  /* modern browsers */
  appearance: none;
  border-radius: 0;

}
#TB_window { top:7% !important; margin-top:0 !important; }
#TB_window .c-form{
  border:none !important;
}
@media only screen and (max-width: 600px) {
  #TB_window {
    margin-left: -162px !important;
    /*width:315px !important;*/
  }
  #TB_ajaxContent{
    width:315px !important;
  }
}

@media (max-width: 767.98px) {
	.our-solution-top { margin-bottom: 0; padding-left: 15px; padding-right: 15px; margin-top: 30px; }
  .banner-content {
    padding: 50px 0 50px 46px;
	}
  .seamless-content {
    padding-left: 9px;
}
  .solution-icon, .solution-block-text, .service-icon, .service-content {
    text-align: center;
}
}
@media (min-width: 576px) {
 
}

@media (min-width: 768px) {
 
}

@media (min-width: 992px) {
 
}

@media (min-width: 1200px) {
 
}
/* Force Thickbox popup to fit viewport */
#TB_ajaxContent {
    height: auto !important;
    max-height: 80vh !important; /* or whatever fits your popup */
    overflow-y: auto !important;
}
#TB_window {
	max-height: 80vh !important;
	overflow-y: auto !important;
	padding: 8px 4px !important;
	box-sizing: border-box;
}

/* Force all form fields to single column in popup */
#TB_ajaxContent .row {
	display: flex;
	flex-wrap: wrap;
}
/* Compact form styling */
#TB_ajaxContent .form-label {
	font-size: 13px !important;
	margin-bottom: 1px !important;
}
#TB_ajaxContent .form-control,
#TB_ajaxContent select,
#TB_ajaxContent textarea {
	font-size: 13px !important;
	padding: 5px 7px !important;
	margin-bottom: 4px !important;
	min-height: 28px !important;
	box-sizing: border-box;
}
#TB_ajaxContent textarea {
	min-height: 32px !important;
	max-height: 60px !important;
}
#TB_ajaxContent .btn,
#TB_ajaxContent .outline-btn {
	width: 100% !important;
	padding: 7px 0 !important;
	font-size: 14px !important;
	margin-top: 2px !important;
}
#TB_ajaxContent .col-12:last-child {
	margin-bottom: 0 !important;
}

/* Responsive: ensure popup fits on mobile */
@media (max-width: 600px) {
	#TB_window {
		max-width: 98vw !important;
		padding: 6px 2px !important;
	}
}

/* CSS for About Us Numbers Counter */
.counter {
    transition: all 0.5s ease-out;
    display: inline-block;
}

    .hover-transform:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(41, 166, 236, 0.1);
    }
    .service-block:hover {
        background: white !important;
        border-color: #29a6ec !important;
    }
    .service-block:hover .service-btn {
        opacity: 1 !important;
    }
    .service-block:hover h3,
    .service-block:hover p {
        color: #013044 !important;
    }
    .service-block:hover svg {
        fill: #013044;
    }