/*
Theme Name: LeadNova
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

html{scroll-behavior: smooth;}
*{box-sizing: border-box;outline: none; transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s;}

body{font-size: 16px;font-family: "Inter", sans-serif;font-weight: 300;}
h1{font-size: 45px;margin-bottom: 25px;}
h2{font-size: 45px;margin-bottom: 25px;font-weight: 600;color: rgba(7, 20, 142, 1);}
h3{font-size: 35px;margin-bottom: 25px;font-weight: 600;color: rgba(7, 20, 142, 1);}
h4{font-size: 25px;font-weight: 600;color: rgba(7, 20, 142, 1);}
h5{font-size:18px;margin-bottom: 12px;font-weight: 600;}
h6{}
strong{color: rgba(0, 133, 255, 1)!important;font-weight: 700;}
a{color: initial;line-height: initial;}
a:hover{color:initial; text-decoration:none}
p{color: #231f20;font-weight: 400;}
p:last-child{margin:0;}
img, iframe, video{max-width: 100%; vertical-align: middle;}
ul{}
ul li{}
hr{}
input{}
input[type=radio]{width:auto}
input[type=submit]{}
input[type=submit]:hover{background:#000!important;cursor:pointer;color: #fff!important;}
input, textarea, input::placeholder, button:focus, .form-control:focus, .form-control::placeholder{border: 0!important;font-family: "Inter", sans-serif;font-weight: 300;padding: 10px 20px 10px 10px!important;height: initial!important;}
input:focus, .input:focus{border-color:#000}
input[type=checkbox]{width: 18px!important;height: 18px!important;display: inline-block;vertical-align: middle;}
textarea{}
label{margin-bottom: 0;display: block;color: #000;font-size: 11px;}

.wpcf7-not-valid-tip{font-size: 12px;padding-top: 5px;}
.wpcf7-list-item{margin:0}
.wpcf7-list-item .wpcf7-list-item-label{display: inline-block;vertical-align: middle;width: 90%;padding-left: 5%;font-size: 12px;}
.wpcf7-spinner{position: absolute;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{ margin: 20px 0 0 0; font-size: 12px; text-align: center; background: #c2b049; color: #000; border: 0; }

.owl-nav{}
.owl-nav .owl-prev{}
.owl-nav .owl-next{}
.owl-nav button i{}
.owl-nav button:hover i{}

.owl-dots{position:absolute;bottom: 10px;left: 0;right: 0;margin: 0 auto;text-align: center;}
.owl-dot{margin:0 5px;width: auto!important;border: 0!important;outline: 0!important;}
.owl-dot span{width:20px;background:#fff;display: block;height: 10px;border-radius: 25px;}
.owl-dot button{}
.owl-dot.active span{width:50px;}
.owl-dot.active span, .owl-dot:hover span{background:#c2b049}

.container{max-width: 1260px;}
.title{color:rgba(84, 81, 229, 1);font-weight: 400;margin-bottom: 10px;display: inline-block;text-transform: uppercase;font-size: 15px;}
.bg-light{background: rgb(83 81 229 / 5%) !important;}
.bg-dark{background:#191ea8!important}
.cover{background-size: cover!important;background-position: center center!important;background-attachment: fixed!important;}
.close{opacity:1; text-shadow:initial}

.button{color:#fff;padding: 14px 35px;border-radius: 5px;font-size:16px;display: inline-block;vertical-align: middle;position: relative;background: #3E51F6;background: linear-gradient(90deg, rgba(62, 81, 246, 1) 0%, rgba(56, 61, 168, 1) 100%);position: relative;z-index: 2;}
.button span{position:relative;z-index:8;margin: 0!important;color: #fff!important; font-weight:500}
.button:after{content:'';display:block;position: absolute;left: 0;top: 0;width: 0%;height: 100%;transition: 0.6s ease;background: #3E51F6;background: linear-gradient(290deg, rgba(62, 81, 246, 1) 100%, rgba(56, 61, 168, 1) 0%);border-radius: 5px;}
.button:hover:after{width:100%}
.button.white{background:#fff;}
.button.white span{color:#3840b4!important; font-weight:500;}
.button.white:hover span{color:#fff!important}

header{position: fixed;z-index: 999;width: 100%;}
header .border{background: #fff;border-radius: 15px;position: relative;z-index: 9;}
header .menu-icon{position: relative;cursor:pointer;display: inline-block;vertical-align: middle;padding-left: 15px;opacity: 0;}
header .menu-icon span{width: 35px;height: 4px;background: #3f52f8;display: block;margin-bottom: 6px;border-radius: 10px;cursor: pointer;}
header .menu-icon span:last-child{margin:0}
header .menu-icon:hover span{background:#8a4cef}
header .menu-icon.on-v1, header .menu-icon.on-v2, header .menu-icon.on{width:auto; opacity:1}
header .menu-icon.on-v1 span:first-child, header .menu-icon.on-v2 span:first-child, header .menu-icon.on span:first-child{transform: rotate(50deg);position: relative;top: 8px;}
header .menu-icon.on-v1 span:nth-child(2), header .menu-icon.on-v2 span:nth-child(2), header .menu-icon.on span:nth-child(2){transform: rotate(-50deg);top: -2px;position: relative;}
header .menu-icon.on-v1 span:nth-child(3), header .menu-icon.on-v2 span:nth-child(3), header .menu-icon.on span:nth-child(3){display:none}

header nav{display: inline-block;vertical-align: middle;}
header nav ul{padding:0;margin: 0; display:inline-block; }
header nav ul li{display:inline-block;vertical-align: middle;position: relative;}
header nav ul li.arrow > a:after, header nav ul li.menu-item-has-children > a:after{content:'\f107';font-family:fontawesome;padding-left: 5px;}
header nav ul li a{color: #000;padding: 0px 12px;display: block;border-radius: 50px;position: relative;}
header nav ul li a:hover, .current-menu-item a{color: #5451E5!important;}
header nav ul li.btn1 a{background: #3E51F6;background: linear-gradient(90deg, rgba(62, 81, 246, 1) 0%, rgba(56, 61, 168, 1) 100%);color: #fff!important;border: 1px solid rgba(58, 64, 185, 1);}
header nav ul li.btn1{margin-left: 80px;}
header nav ul li.btn2{margin-left:10px;}
header nav ul li.btn2 a{border:1px solid rgba(58, 64, 185, 1);}
header nav ul li.btn1 a, header nav ul li.btn2 a{padding: 10px 22px;font-size: 14px;}
header nav ul li.btn1:hover a, header nav ul li.btn2:hover a{background:linear-gradient(290deg, rgba(62, 81, 246, 1) 100%, rgba(56, 61, 168, 1) 0%);color: #fff!important;}
header nav ul li .sub-menu{position:absolute;left: 0;background: #fff;width: 150px;text-align: left;border-radius: 10px; display:none}
header nav ul li .sub-menu a{display:block;padding: 30px 12px 15px 16px;}
header nav ul li:hover .sub-menu{display:block}
header nav ul ul li{display:block}
header.sticky{padding-top: 0!important;}
header.sticky .border{padding: 0.7rem 1rem!important;border-radius: 0px 0px 15px 15px;}
header.sticky .border{}
header.sticky .menubox{padding-top:0!important}

.mobile-menu.open{position:fixed;left:0;top:0;background: rgb(255 255 255);display: block!important;width: 100%;height: 100vh;z-index: 9;padding: 120px 15px 30px 15px;overflow-x: scroll;}
.mobile-menu.open ul{margin:0; padding:0; list-style:none}
.mobile-menu.open ul li{border-bottom: 1px solid rgb(63 82 248 / 10%);} 
.mobile-menu.open ul .menu-item-has-children > a{font-weight:bold; color:#3f52f8}
.mobile-menu.open ul li a{display:block;padding: 10px 0px;}
.mobile-menu.open ul ul li{border-bottom: 0!important;}

.menubox{position:fixed;top: -10000px;width:100%;/* height:100%; */background: #fff;padding-top: 6rem!important;z-index: 1;}
.menubox.on{top: 0;}
.menubox .container{position:relative; z-index:9}
.menubox .close{display: none;}
.menubox .close img{filter: invert(1);width: 45px;padding: 5px;position: absolute;top: 35px;right: 30px;}
.menubox .bottom h3{color: #fff!important;position: absolute;bottom: 10px;right: 10px;font-size: 50px;margin: 0;opacity: .1;width: 100%;text-align: right;}
.menubox .bottom{padding-top: 40px;padding-bottom: 30px;}
.menubox .bottom h4{font-size: 18px;margin-bottom: 25px;}
.menubox .bottom ul, .menubox .bottom ul li{margin:0;padding:0;color: #ffffff;list-style: none;}
.menubox .bottom ul li{position: relative;padding-left: 50px;margin-bottom: 25px; padding-right:20px}
.menubox .bottom ul li:last-child{margin-bottom:0}
.menubox .bottom ul li img{position: absolute; left: -10px; top: 0px; width: 50px;}
.menubox .bottom ul li p{font-size: 14px;opacity: .6;line-height: initial;}
.menubox .bottom ul li a{display: block;font-size: 16px;margin-bottom: 5px;font-weight: 400;}
.menubox .button{border: 2px solid #4d60fd !important;background: initial;width: 200px!important;margin: 0 auto;float: none;}
.menubox .button *{color: #4d60fd!important;font-weight: bold;}
.menubox .button:hover span{color:#fff!important}

.logotext span{font-size: 12px; text-align: center; display: block; padding-top: 2px;}

.ctaa{padding:12px;border-radius:5px;margin-top:20px;background: #3E51F6;background: linear-gradient(90deg, rgba(62, 81, 246, 1) 0%, rgba(56, 61, 168, 1) 100%);}
.ctaa img{top: -5px!important;width: 40px!important;left: 0px!important;}
.ctaa a{color:#fff;font-size: 20px!important;font-weight: bold!important;}
.ctaa p{color:#fff;opacity: 1!important;}
.ctaa li{padding-left:60px!important}

.banner{padding: 250px 0px 200px 0px;}
.banner h1{color:#fff;}
.banner .title{color:#fff;text-transform: uppercase;margin-bottom: 15px;display: block;font-size: 15px;}
.banner p{color:#fff;margin-bottom: 25px;}
.banner form{display:inline-block;vertical-align: middle;}
.banner form input, .banner form input:focus{background-color: #2e2c47!important;border-radius: 25px;padding: 11.5px 0px 11.5px 10px!important;cursor: pointer;background-image: url('images/search.png');background-repeat: no-repeat;background-position: 90% 50%;background-size: 20px;box-shadow: initial!important;}
.banner .typewriter{display:inline;color: #fff;}
.banner .featured{position:absolute;right:0;z-index: 1;width: 48%;bottom: 0;-webkit-animation: loop__float--fixed 3s cubic-bezier(.445,.05,.55,.95) infinite;animation: loop__float--fixed 2.5s cubic-bezier(.445,.05,.55,.95) infinite;}

.product{background: #f5f7fd;}
.product .shape{position:absolute;left:0;top:0;height: 350px;z-index: 0;}
.product .shape1{position:absolute;right: 0;top: -40px;-webkit-animation: loop__float--fixed 3s cubic-bezier(.445,.05,.55,.95) infinite;animation: loop__float--fixed 2.5s cubic-bezier(.445,.05,.55,.95) infinite;}
.product .shape2{position:absolute;width: 70px;right: 0;bottom: -100px;transform: rotate(30deg);-webkit-animation: loop__float--fixed 3s cubic-bezier(.445,.05,.55,.95) infinite;animation: loop__float--fixed 2.5s cubic-bezier(.445,.05,.55,.95) infinite;}
.product h2{}
.product ul{list-style:none;margin:0;padding:0;}
.product ul li{display:inline-block;vertical-align: middle;border: 1px solid rgba(84, 81, 229, 1);padding: 12px 40px;border-radius: 25px;font-weight: 500;margin: 0 5px;position: relative;cursor: pointer;background: #fff;}
.product ul li:after{content: ''; display: block; position: absolute; left: 0; top: 0; width: 0%; height: 100%; transition: 0.6s ease; background: #3E51F6; background: linear-gradient(290deg, rgba(62, 81, 246, 1) 100%, rgba(56, 61, 168, 1) 0%); border-radius: 25px;}
.product ul li:hover:after{width:100%}
.product ul li:hover span{position: relative;z-index: 9;color: #fff;}
.product ul li.active{background: linear-gradient(90deg, #3F50F8 0%, #343078 159.22%);color:#fff;}
.product .border{border: 2px solid rgba(84, 81, 229, 1)!important;border-radius: 25px;background: #fff;height: 100%;}
.product .border img{width: 80%;}
.product .border p{color:#000}
.product .border:hover{background:#e3e7ff; transform:scale(1.025)}

.solutions{background: url('images/shape-snake.png');background-position: top left!important;background-repeat: no-repeat;background-size: 75%!important; overflow:hidden}
.solutions h2{margin-bottom:10px;}
.solutions ul{list-style:none;padding: 0;margin: 0;}
.solutions ul li{width: 100%;float: left;padding-left: 70px;padding-right: 50px;padding-bottom: 25px;position: relative;text-align: left;}
.solutions ul li:last-child{padding-bottom:0}
.solutions ul li h5{font-size:20px;margin-bottom: 5px;}
.solutions ul li span{background:rgba(53, 188, 248, 1);width: 50px;height: 50px;border-radius: 50%;text-align: center;position: absolute;left: 0;top: 0;}
.solutions ul li img{position: relative;top: 10px;filter: invert(1);height: 30px;}
.solutions ul li p{font-size:14px;font-weight: 300;}
.solutions ul li.active:after, .solutions ul li:hover:after{content:'';background: url('https://leadnova.ai/wp-content/themes/ishvaratech/images/next.png');display: block;position: absolute;right: 0;top: 0px;width: 30px;height: 30px;background-size: cover;}
.solutions ul li:hover span{background: linear-gradient(90deg, rgba(62, 81, 246, 1) 0%, rgba(56, 61, 168, 1) 100%);transform: rotate(360deg);}
.solutions .featured{position:absolute;right: -100px;width: 45%;bottom: 70px;-webkit-animation: loop__float--fixed 3s cubic-bezier(.445,.05,.55,.95) infinite;animation: loop__float--fixed 2.5s cubic-bezier(.445,.05,.55,.95) infinite;}

.stats{background: #f5f7fd;}
.stats .shape{position: absolute;right: 0;top: -50px;width: 150px;}
.stats .shape1{position: absolute;left: 0;bottom: -50px;width: 150px;z-index: 1;}
.stats .cover{border-radius:25px;background: url('images/stats-bg.png')!important;background-size: cover !important;background-position: center center !important;background-attachment: fixed !important;}
.stats .cover *{color:#fff}
.stats .cover h3{margin-bottom:10px;}
.stats .cover p{margin:0}

.growth{background: #f5f7fd;}
.growth img{-webkit-animation: loop__float--fixed 3s cubic-bezier(.445,.05,.55,.95) infinite;animation: loop__float--fixed 2.5s cubic-bezier(.445,.05,.55,.95) infinite;width: 45%;position: absolute;left: 0;top: 5%;}
.growth h2{}
.growth ul{margin: 0px 0 20px 0;padding:0;list-style: none;width: 100%;float: left;}
.growth ul li{float: left;position: relative;padding-left: 20px;font-size: 14px;font-weight: 400;margin-bottom: 10px;}
.growth ul li:after{content:'';width: 12px;height: 12px;background: rgba(84, 81, 229, 1);display: block;border-radius: 25px;position: absolute;left: 0;top: 5px;}
.growth ul li:first-child, .growth ul li:nth-child(4){width: 28%;}
.growth ul li:nth-child(2), .growth ul li:nth-child(5){width: 38%;}
.growth ul li:nth-child(4){clear:both}

.cta{background: url('images/cta-background.png');}
.cta img{-webkit-animation: loop__float--fixed 3s cubic-bezier(.445,.05,.55,.95) infinite;animation: loop__float--fixed 2.5s cubic-bezier(.445,.05,.55,.95) infinite;}
.cta h2, .cta p{color:#fff;margin-bottom: 35px;}
.cta h2 span{color:rgba(0, 133, 255, 1)}

footer{background: url('images/footer-background.png');}
footer h5, footer a:hover{color:rgba(36, 58, 255, 1)}
footer ul{margin:0; padding:0;}
footer ul li{list-style:none}
footer p, footer a{font-size:14px;}
footer .contact-details{}
footer .contact-details a{display:block; margin-block:10px; font-weight:500}
footer .contact-details img{margin-right:10px;}

.social{}
.social a{background: rgba(36, 58, 255, 1);display: inline-block;border-radius: 50%;vertical-align: middle;margin-right: 5px;}
.social a:hover{background:rgba(53, 188, 248, 1);transform: rotate(360deg);}
.social img{filter: invert(1);height: 36px;padding: 10px;}

.copyrights{background:rgba(84, 81, 229, 1); padding:15px 0}
.copyrights *{color:#fff;font-size: 12px;}
.copyrights a{margin:0 10px;}
.copyrights a:last-child{margin-right:0}

.aboutbanner{background:url('images/about-bg.webp');}
.aboutbanner .featured{width: 40%;bottom: -60px;}

.about-bg{background: url('images/about-leadnova-bg.png');}

.team{background: #f5f7fd;}
.team h2, .team h3{margin:0}
.team .button{vertical-align:middle}
.team .border{height: 100%}
.team .linkedin{background:#0277b5;display: inline-block;border-radius: 50%;margin-left: 10px;padding: 10px;vertical-align: middle;}
.team .linkedin img{filter: invert(1);width: 22px;}
.team .linkedin:hover{transform: rotate(360deg);background: #000;}
.team .featured1{position:absolute;right: 5px;top: -33px;z-index: 1;width: 60px;}
.team .featured2{position:absolute;right: 5px;bottom: 2px;z-index: 1;width: 60px;}

.pfbanner{padding: 175px 0px 100px 0px;}
.pf-featured{position: relative;z-index: 1;width: 100%;}
.pf-bg{background: url('images/lead-gen-bg.png');}
.pf-bg h2, .pf-bg p, .pf-bg p strong{color:#fff!important}
.pf-bg1{background: url('images/verified-prospect-bg.png');}
.pf-bg2{background: url('images/outpace-bg.png');}
.pf-bg2 *{color: #fff!important;}
.pf-bg2 .featured{position: absolute; right: 0; width: 50%; bottom: 20px;}
.pf-bg3{background: url('images/discover-bg.png');}
.pf-bg img, .pf-bg2 img, .pf-bg3 img, .about-bg img, .pf-featured, .ibb-bg img{-webkit-animation: loop__float--fixed 3s cubic-bezier(.445,.05,.55,.95) infinite;animation: loop__float--fixed 2.5s cubic-bezier(.445,.05,.55,.95) infinite;}

.ibbanner{padding: 175px 0px 175px 0px!important}
.ibbanner .featured{width:40%;bottom: 0;}
.ibb-bg{background: url('images/ibb-bg.png'); overflow:hidden}
.ibb-bg .right img{position: absolute;right: -100px;width: 45%;bottom: -10px;-webkit-animation: loop__float--fixed 3s cubic-bezier(.445,.05,.55,.95) infinite;animation: loop__float--fixed 2.5s cubic-bezier(.445,.05,.55,.95) infinite;}

.edvbanner{padding: 200px 0px 400px 0px;}
.edv-featured{background:#3b42c0}
.edv-featured img{margin: -380px auto 0 auto;display: block;position: relative;z-index: 1;}
.edv-bg{background:url('images/edv-bg.png')}
.edv-bg *{color:#fff}
.edv-bg1{background: url('images/clean.png');}
.edv-bg2{background-image: url('images/edv-bg2.png');background-color: #f5f7fd;}

.smabanner{padding: 225px 0 0 0;}
.sma1{background-image: url('images/socialmedia-1bg.png');background-color: #f5f7fd;}
.sma1 ul{margin:0; padding:0; list-style:none}
.sma1 ul li{position:relative;margin-bottom: 20px;padding-left: 65px;}
.sma1 ul li:after{content:'';display:block;width: 60px;height: 60px;background-size: 120%!important;position: absolute;left: -15px;top: -15px;}
.sma1 ul.twitter li:after{background:url('images/socialmedia-x.png')}
.sma1 ul.linkedin li:after{background:url('images/socialmedia-i.png')}
.sma1 h2{font-size:30px; margin-bottom:10px;}
.sma1 .center img{position: relative;bottom: -60px;}
.sma2{background:#f5f7fd}
.sma2 .bg-dark{background:#02004C!important; border-radius:40px!important}
.sma2 .bg-dark .row{position:relative; z-index:9}
.sma2 .bg-dark *{color:#fff}
.sma2 .bg-dark:after{content:'';background:url('images/socialmedia-2bg.png');display: block;position: absolute;right: 0;top: 0;width: 100%;height: 100%;background-size: 35%;background-repeat: no-repeat;background-position: right bottom;border-radius: 40px;}
.sma2 .bg-dark ul{margin:0; padding:0; list-style:none}
.sma2 .bg-dark ul li{position:relative;margin-bottom: 20px;padding-left: 35px;}
.sma2 .bg-dark ul li:after{content:'';display:block;background:url('images/socialmedia-2-dot.png');width: 40px;height: 40px;background-size: 120%;position: absolute;left: -15px;top: -10px;}
.sma2 img{position: relative;bottom: -70px;z-index: 9;}
.sma3{background:url('images/socialmedia-3bg.png');background-position: top right!important;background-repeat: no-repeat;background-size: 50%!important;}

.aidriven{padding:175px 0 0 0}
.aibanner{background:url('images/aiwriter2-banner-bg.png'); padding: 0}
.aibanner img{margin: 150px 0 -50px 0;position: relative;z-index: 9;}
.ai1{background:url('images/aiwriter1-bg.png')}
.ai2{background-color:#00035E;border-top-left-radius: 100px;}
.ai2 *{color:#fff}
.ai2 ul, .ai1 ul{margin:0; padding:0; list-style:none}
.ai2 ul li, .ai1 ul li{position:relative;padding-left: 80px;margin-bottom: 30px;}
.ai2 ul li img, .ai1 ul li img{position:absolute;left: 0;top: -10px;width: 70px;}
.ai2 ul li:last-child{margin:0}
.ai3 .featured{position:absolute;left:0;top:0;width: 410px;}
.ai3{background:url('images/aiwriter3-bg.png');background-color: #fbfbfb;}
.ai3 .bottom{background:url('images/aiwriter3.png');background-size: 100%;background-position: center center;background-repeat: no-repeat;}

.aidriven1{background:url('images/aiemailbg1.png');background-color: #f6f7fb;}
.aidriven2{background:url('images/aiemail-bg.png')}

.cs-robot-banner{padding-bottom:0!important}
.cs-robot-banner img{margin-bottom:-75px}
.cs-robot1{background:url('images/cs-robot1-bg.png');background-repeat: no-repeat;background-position: center center;background-color: #f5f7fb;}
.cs-robot2{background:url('images/cs-robot2-bg.png');}
.cs-robot2 *{color:#fff}
.cs-robot2 img{margin-top:-100px;}
.cs-robot3{background:url('images/cs-robot3-bg.png');background-position: left center!important;}
.cs-robot3 img{position:absolute;right:0;bottom:0;width: 45%;}
.cs-robot3 ul, .cs-robot2 ul, .cs-robot1 ul, .cs-linked2 ul, .cs-linked1 ul, .lead-bg ul{margin:0; padding:0; list-style:none}
.cs-robot3 ul li, .cs-robot2 ul li, .cs-robot1 ul li, .cs-linked2 ul li, .cs-linked1 ul li, .lead-bg ul li{position:relative;margin-bottom: 20px;padding-left: 35px;}
.cs-robot3 ul li:after, .cs-robot2 ul li:after, .cs-robot1 ul li:after, .cs-linked2 ul li:after, .cs-linked1 ul li:after, .lead-bg ul li:after{content:'';display:block;background:url('images/checked.png');width: 40px;height: 40px;position: absolute;left: 0;top: 5px;background-size: 20px;background-repeat: no-repeat;}

.cs-linked-banner{padding-bottom:50px!important;background:url('images/cs-linked-banner.png');padding-top: 150px;}
.cs-linked-banner .featured{left: 0;right: 0;bottom: initial;width: auto!important;margin: 50px auto -150px auto!important;position: relative!important;}
.cs-linked1{background: url('images/cs-linked1-bg.png');background-size: contain!important;background-position: bottom left!important;background-repeat: no-repeat;background-color: #f5f7fb;}
.cs-linked2{background: url('images/cs-linked2-bg.png');background-size: contain!important;background-repeat: no-repeat;background-position: right center!important;}
.cs-linked2:after{content:'';display:block;position: absolute;left: 0;top: 0;width: 33%;height: 100%;background: #573FEA;}
.cs-linked2 .container{position:relative; z-index:9}

.subservice{}
.subservice .border{background:#fff;border-radius: 50px 50px 0 0!Important;}
.subservice .border:hover{transform:scale(1.01)}
.subservice img{height:100px; margin-bottom:20px;}
.subservice p{margin:0}

.requestfree{}
.requestfree h4{text-align:center; font-size:20px; margin-bottom:30px;}
.requestfree form{font-size:12px;}
.requestfree input{border: 1px solid #eaeaea !important;width: 100%;border-radius: 10px;25px;font-size: 15px;margin-right: 10px;}
.requestfree a{color:#0277b5;font-weight: 500;}
.requestfree .with{}
.requestfree .with hr{margin: 30px 0 10px 0;}
.requestfree .with span{background: #fff;display: inline-block;padding: 0 10px;position: relative;top: -22px;font-size: 14px;}
.requestfree .social{text-align:center}
.requestfree .social a{margin:0 7px;}
.requestfree .social img{width:35px; filter:initial!important}

.teampopup .modal-content{background:url('images/team-popup-bg.png');background-size: cover;background-position: center center;}
.teampopup .modal-dialog{max-width:900px;}
.teampopup h4, .teampopup h6{text-align:center}
.teampopup h4{color:#fff}
.teampopup h6{margin-bottom:30px;}
.teampopup p{color:#fff; font-size:14px; font-weight:300}
.teampopup .close{color:#fff}
.teampopup .modal-body{padding:25px 20px;}
.teampopup img{border-radius: 25px}

.iobanner{background:url('images/io3-bg.png')}
.iobanner .container{position:relative}
.iobanner .first{left:0}
.iobanner .second{right:0;bottom: initial;top: 0;}
.iobanner .first, .iobanner .second{position:absolute;width: 350px;bottom:-180px;}
.io2{background: url('images/io1-bg1.png');}
.io2, .io3{background-color: #f5f7fd;}
.io3 .bg-dark{background:url('images/io-banner.png')!important;border-radius: 25px;background-attachment: fixed!important;background-size: cover!important;}
.io3 *{color:#fff}
.io3 img{position:absolute;bottom: 0px;right: 15px;border-radius: 25px;}
.io4{background:url('images/io4-bg.png');background-size: contain!important;background-repeat: no-repeat;background-position: right center!important;background-color: #f5f7fd;}

.lead-banner{background:url('images/lead-banner.png');padding-bottom: 0!important;padding-top: 150px!important}
.lead-banner .featured{left: 0;right: 0;bottom: initial;width: auto!important;margin: 50px auto 0 auto!important;position: relative!important;}
.lead-bg{background:url('images/lead-bg.png');}
.lead-bg .subservice .border{border-radius:10px!important;}
.lead-bg .subservice .border img{margin-top: -70px!important;margin-bottom: 0;}

.faq{background:#030a40}
.faq:after{content:'';display:block;background: url('images/lines.png');position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: top left;background-size: initial;}
.faq .container{position:relative; z-index:8}
.faq *{color:#fff}
.faq h3{margin-bottom:10px;}
.faq h4{}
.faq p{font-size:15px;}
.faq blockquote{background:#fff;border-radius:20px;margin-top: 60px;padding-right: 250px!important;position: relative;margin-bottom: 0;}
.faq blockquote *{color:#000}
.faq blockquote img{position:absolute;bottom: 0;right: 0;}
.faq blockquote a{color:#fff}
.faq ul{margin:0; padding:0; list-style:none}
.faq ul li{border: 1px solid #003091!important;padding: 1.2rem 3.5rem 1.2rem 1.5rem;border-top: 25px;margin-bottom: 20px;border-radius: 20px;position: relative;}
.faq ul li h4{font-size: 17px;font-weight:300;margin: 0; cursor:pointer}
.faq ul li p{font-size: 14px;font-weight: 200;}
.faq .button.w-100{border-radius: 10px;}
.faq .content{height:0; opacity:0}
.faq ul li.open .content{height:initial;opacity:initial;padding-top: 10px;}
.faq ul li:after{content:'\f107';font-family: 'FontAwesome';position: absolute;right: 20px;top: 18px;background: #0285ff;width: 22.5px;border-radius: 50%;text-align: center;font-size: 15px;}
.faq ul li.open:after{transform: rotate(180deg);}

.pricingbanner{background: url('images/pricingbanner.png');padding: 200px 0px 200px 0px;}
.pricingbanner:after{content:'';display:block;background:url('images/pricing-leftbottom.png');width: 173px;height: 304px;position: absolute;left: 0;bottom: 0;background-repeat: no-repeat!important;background-position: left bottom;z-index: 2;}
.pricingbanner .tag{color:#fff;margin-bottom: 10px;display: inline-block;}
.pricingbanner .button{font-weight:500; margin:0 10px;}
.pricingbanner .button.white{background:#fff; color:#000}
.pricingbanner .button.white span{color: #000!important;}
.pricingbanner .button.white:hover span{color:#fff!important}
.pricingbanner .button.active{background: #3E51F6; background: linear-gradient(90deg, rgba(62, 81, 246, 1) 0%, rgba(56, 61, 168, 1) 100%); position: relative;}
.pricingbanner .button.active span{color:#fff!important}

.pricingtable{background: #f5f7fd;position: relative;}
.pricingtable .row .col-sm-6{margin-top: -100px;}
.pricingtable:before{content:'';display:block;background:url('images/pricing-rightbottom.png');width: 227px;height: 387px;position: absolute;right: 0px;bottom: -40px;background-repeat: no-repeat!important;background-position: right bottom;z-index: 2;background-size: 80%;}
.pricingtable .border{background:#fff;text-align: center;position: relative;z-index: 1;border-radius: 10px!important;}
.pricingtable .border.scale{transform:scale(1.1)}
.pricingtable .top{background: rgba(244, 247, 252, 1);}
.pricingtable .top p{font-size: 13px;}
.pricingtable h2{font-size: 40px;margin-bottom: 10px;}
.pricingtable h2 span{font-size: 16px;color: #000;display: inline-block;vertical-align: middle;}
.pricingtable h3{font-size: 20px;color: #000;margin-bottom: 10px;}
.pricingtable p{font-size: 14px;}
.pricingtable ul{margin:0;padding:0;text-align: left;list-style:none;}
.pricingtable ul li{margin-bottom: 10px;font-size: 15px;position: relative;padding-left: 25px;}
.pricingtable ul li:last-child{margin:0}
.pricingtable ul li:after{content: '\f00c';display:block;position:absolute;font-family: fontawesome;color: rgba(7, 20, 142, 1);left: 0;top: 0;}
.pricingtable .border:hover .top, .pricingtable .scale .top{background:linear-gradient(90deg, rgba(62, 81, 246, 1) 0%, rgba(56, 61, 168, 1) 100%)}
.pricingtable .border:hover .top *, .pricingtable .scale .top *{color:#fff}

body .arrow-absolute p{position: relative;text-align: left;margin-bottom: 20px;padding-left: 35px;font-weight: 300;}
body .arrow-absolute p img, body .lead-bg .subservice .arrow-absolute p img{position: absolute;width: 20px;height: 20px;margin: 0 !important;left: 0px;top: 5px;}

.modal-dialog {max-width: 650px;}
.modal-content{border-radius:15px!important;}
.modal-body{padding:25px 40px;}

.listyle{}
.listyle ul{margin: 15px 0;}
.listyle li{padding-left: 30px!Important;font-weight: 400;margin-bottom: 10px!Important;}
.listyle li:after{content: ""; display: block; width: 8px; height: 8px; background: #2b227f; border-radius: 50%; top: 8px; left: 10px; position: absolute;}

.menu-shadow.on{display:block;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9;}

@keyframes loop__float--fixed {
0% {transform: translateZ(0); }
50% {transform: translate3d(0,-12px,0)}
to {transform: translateZ(0)}
}

@media(max-width:1200px){
    header nav ul li.btn1, header nav ul li.btn2{margin:0}    
    p br{display:none}
    .banner{padding: 200px 0px 100px 0px;}
    .banner h1 br{display:none;}
    .growth ul li{width:50%!important;/* padding: 0; */}
    .growth ul li:nth-child(4){clear:initial}
    .product .shape{height: 300px;}
    .pf-featured{margin-top: -400px;}
    .edv-featured img{margin: -80px auto 0 auto;}
    .pricingtable{padding-top:50px;}
    .pricingtable .row .col-sm-6{margin-top: 0px; z-index:9}
    .pricingtable .border.scale{transform:scale(1)}
    .iobanner .first, .iobanner .second{top:initial;}
}
@media(max-width:992px){
    header .menu-icon{opacity: 1;}
    header nav{display:none}
    .banner{padding: 200px 0px 75px 0px;}
    .banner .featured{position:relative;width: 400px;margin:50px auto 0 auto;display:block}
    .aboutbanner .featured{margin-top:0}
    .solutions, .growth, .cta{text-align:center}
    .solutions ul li{}
    .solutions ul li span{margin: 0 auto 15px auto;}
    .solutions h2 br, .growth h2 br, .cta h2 br{display:none}
    .solutions .right{display:block;text-align: -webkit-right;}
    .solutions .featured{width: 400px;position: initial;display: block;}
    .growth ul li:after{position: initial;display: block;margin: 5px auto;}
    .growth img, .cta img{width: 500px;display:block;margin:0 auto;position: initial;}
    .product .shape{height: 250px;}
    .modal-dialog {max-width: 80%!important;}
    .modal-body{padding:25px 20px;}
    .pf-featured{margin-top: -300px;}
    .edv-featured img{margin: 0px auto 0 auto;}
    .ues1 .center img, .ues2 img{position:initial}
    .ai3 .featured{width: 260px;}
    .aibanner img{margin:0}
    .cs-robot-banner{padding-bottom:50px!important;}
    .cs-robot-banner img{margin:0}
    .menubox{overflow:scroll;height:100vh;}
    .iobanner .first, .iobanner .second{width:300px;}
}

@media(max-width:767px){
    h1{font-size:35px;}
    h2{font-size:30px;}
    h3{font-size:25px;}
    h4{font-size:20px;}
    .product ul li{padding: 10px 15px;margin: 0 2px;}
    .product .shape{height: 200px;}
    .cover{background-attachment:initial!important}
    .about-bg, .team{text-align:center}
    .teampopup img{width:300px;}
    .modal-dialog {max-width: 90%!important;}
    .product .border img{width: 100%;}
    .pf-featured{margin-top: -90px;}
    .pf-bg2 .featured, .ibb-bg .right img{position:initial;width: 500px;}
    .pf-bg2 .right, .ibb-bg .right{display:block;text-align: -webkit-right;}
    .ai3 .right{text-align:center; margin-bottom:50px;}
    .ai3 .featured{position:initial}
    .io3 img{position:initial;width: 90%;margin-bottom: 30px;}
    .cs-robot3 .right{text-align:right}
    .cs-robot3 img{position:initial;width: 80%;}
    .cs-robot2 img{margin:0!important }
    .cs-linked-banner .featured{position:relative!important;margin: 50px 0 -20px 0!important;}
    .cs-linked2:after{left:initial;bottom:0;width: 100%;height: 125px;top: initial;}
    .pricingbanner:after{display:none}
	.logotext img{width:175px!important}
}

@media(max-width:575px){
    .banner .button{padding: 14px 20px;margin-right: 0!important;}
    .banner form input{/* padding:11.5px 10px 11.5px 5px!important; */}
    .product .shape{height: 125px;}
    .product ul li{padding: 10px 10px;margin: 0 2px 5px 2px;font-size: 14px;}
    .growth ul li{width: 100%!important;padding: 0;}
    .solutions ul li{width:100%;padding-right: 0;}
    .pf-featured{margin-top:0px;}
}