@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

.poppins{font-family: 'Poppins', sans-serif;}
 
::-moz-selection{background:#3691EC;color:#fff}
::selection{background:#3691EC;color:#fff}

body{font-family: 'Poppins', sans-serif;font-size: 16px;font-weight: 400;color: #000229;line-height: 1.9; background-color: #FCFCFC;}
a{color: #0162CA;text-decoration:none;outline: none;}

a,
.btn,
button{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; }
a:hover {color: #3691ec; text-decoration: none;}
.fancybox-button{min-width: auto;} 

h1, h2, h3, h4, h5{font-family: 'Poppins', sans-serif;font-weight: bold;line-height: 51px;margin-bottom: 20px;color: #000229;font-size: 36px;}
.main-section a.link { word-break: break-all;}
a.link i {font-size: 11px;}
h1{font-size: 35px; font-weight:700; letter-spacing:0px;}
h2{font-size: 32px;}
h3{font-size: 30px;}
h4{font-size: 25px;}
h5{font-size: 20px;}
h6{font-size: 16px;}

.mrt-20{margin-top:20px;}
.mb-50 {margin-bottom: 50px;}
.fs-60{font-size:60px;}
.fs-45 {font-size:45px;}
.fs-40 {font-size:40px;}
.fs-35 {font-size:35px;}
.fs-30 {font-size:30px;}
.fs-26{font-size:26px;}
.fs-25{font-size:25px;}
.fs-21{font-size:21px;}
.fs-18{font-size:18px;}
.fs-14{font-size:14px;}
.fs-12{font-size:12px;}

.lineheight36{line-height:36px!important;}
.lineheight30{line-height:30px!important;}

img{max-width: 100%;}
button, .btn, input[type="submit"]{min-width: 128px;border:0px;padding: 9px 20px;cursor: pointer;position: relative;font-family: 'Poppins', sans-serif;box-shadow: none !important;color: #fff;background: #5B6CFF;font-size: 16px;font-weight: 500;border-radius: 21px;text-transform: capitalize;line-height: 25px;}
[type=reset]:hover, [type=submit]:hover, button:hover, .btn:hover, html [type=button]:hover  {background: #0853DE;border-color: #0853DE;color: #fff;cursor: pointer;}
[type=reset]:focus, 
[type=submit]:focus,
button:focus, 
.btn:focus, 
html [type=button]:focus { outline: 0; box-shadow: 0 0 8px rgba(0, 0, 0, .33);}
/*
.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {background: #3691EC; color: #fff;}
*/
a.link {font-weight: 600;text-decoration: none;}
input[type="file"] {font-size: 14px;-webkit-appearance: none;width: 100%;display: block;z-index: 11;position: inherit;}
.field {margin-bottom: 15px;display: inline-block;width: 100%;}
.form-control {outline: none !important;padding: 14px 15px;border-radius: 4px;border: 1px solid #C4C4C4;background: #fff;box-shadow:none !important;font-size: 14px;font-weight: 400;color: #D8D8D8;}
textarea.form-control { min-height: 91px;}
.form-control:focus {  background-color: transparent;  border-color: inherit;} 
select.form-control:not([size]):not([multiple]) { height: 49px; -webkit-appearance: none;   background-image: url(images/select-arrow.png);
    background-position: 95% center;    background-repeat: no-repeat;}
blockquote { padding: 25px 25px; border-left: 4px solid #3691EC;     background: rgba(16, 86, 120, 0.05);
   font-size: 17px;   font-weight: 300;   position: relative;  line-height: 28px; }
blockquote strong{font-weight:500;}
blockquote:before {content: "";  position: absolute;   top: 0;   right: 0;   border-style: solid;  border-width: 0 41px 41px 0;    border-color: #ddd #fff;   transition: all ease .5s;}
 
.form-group label {display: block;  margin-bottom: 10px;}


 /* nochange*/
.site-wrapper{position: relative;}
.font-medium{ font-weight: 500;}
.underline {text-decoration: underline;}
 strong { font-weight: 700;}
.font-light{font-weight: 300;}
.font-semi-bold{font-weight: 600;}
.font-bold{font-weight: bold;}
 

.white-placeholder .form-control::placeholder {  color:#FFF; opacity: 1;  }
.white-placeholder .form-control::-webkit-input-placeholder { color:#FFF; opacity: 1;}
.white-placeholder .form-control::-moz-placeholder {color:#FFF; opacity:1;}
.white-placeholder .form-control:-ms-input-placeholder {color:#FFF; opacity: 1;}
.white-placeholder .form-control:-moz-placeholder {color:#FFF; opacity: 1;}


.main-section{padding: 40px 0px;background-size: cover !important;background-repeat: no-repeat !important;/* background-position: center center !important; */position: relative;}
.main-section .container{}
.main-section:before{content:"";position:absolute;left:0px;top:0px;width:100% !important;height:100% !important;background:transparent;z-index: -1;}
.pr-50{padding-right:50px;}
.pl-50{padding-left:50px;}
button.close:before { display: none;}
button.close { min-width: auto;  color: #000 !important;  opacity: 1;  background: transparent !important;}
button.close.white-btn {color: #fff !important;}
 .br-5{border-radius: 5px;}
.br-10{border-radius: 10px;}
.box-shadow{ box-shadow: 5px 5px 10px rgb(0 0 0 / 6%);}
.object-fit {overflow: hidden;}
.object-fit img { width: 100%; height: 100%;  object-fit: cover;}
.zoom-hover img {-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition: all .5s;}
.zoom-hover:hover img {transform: scale(1.1);}
.list-style {padding: 0px; list-style: none;}
.list-style li { display: inline-block;}


/* owl */
.owl-dots button:before, .owl-dots button:after, 
.owl-dots button span:before, .owl-dots button span:after { display: none;}
.owl-dots { height: auto !important; width: 100%; text-align: center;padding-top:20px;  background: transparent !important;}
.owl-dots button {background-color: transparent;overflow: hidden;display: inline-block;min-width: auto !important;margin-right: 7px;width: 14px;height: 14px;border: 1px solid #fff !important;border-radius:100%;}
.owl-dots button.owl-dot.active {background: #707070;}
.owl-dots button{box-shadow:none !important; outline:none !important;}
.owl-nav button { width: 50px; min-width: auto; height: 50px; position: relative; overflow: hidden;border: 1px solid #fff !important; color: #fff !important;pointer-events: all;}
.owl-nav button span { position: absolute; z-index: 1; min-width: auto; left: 50%; top: 55%; transform: translate(-50%, -50%);
    line-height: 1; font-size: 20px; }  
.owl-nav  .fa-angle-right:before {font-family: 'remixicon' !important; content: "\ea6e";}
.owl-nav .fa-angle-left:before {font-family: 'remixicon' !important; content: "\ea64";} 
.owl-carousel .owl-item img {width: auto;}



.tcolor{color:#3691EC;}
.tblack{color:#161616}
.bg-site {background-color: #3691EC;color: #fff;}
.bg-light{background-color:#EFF7FF !important;} 
.bg-dark {background-color: #292929 !important; color: #fff;} 




 



/* breadcrumb */
 
ul.breadcrumb{border-radius:0;margin:0;background:transparent;padding: 0px;display: inline-block;}
ul.breadcrumb a{ text-decoration:none;}
.breadcrumb li{text-transform:capitalize;transition:all .5s;display: inline-block;font-size: 16px;font-weight: 400;padding-right: 17px;}
.breadcrumb li:nth-last-child(1):after{display:none;}
ol.breadcrumb {background: transparent;color: #fff;padding: 0px;margin-bottom: 0;
  justify-content: center;}
.breadcrumb li a {color: #000229;}
.breadcrumb-item.active {color: #000229;}
/* .breadcrumb-item+.breadcrumb-item::before {color: #fff;content: "\ea6e";font-family: remixicon!important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} */
.breadcrumb-item+.breadcrumb-item::before{display: none;}

.breadcrumb-item{position: relative;}
.breadcrumb-item.active[aria-current="page"]{ }
.breadcrumb li a{position: relative;}
.breadcrumb li a::after{color: #000229; content: "\ea6e"; font-family: remixicon!important; font-style: normal; -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; line-height: 25px; }
.breadcrumb li.active:last-child{padding-right: 0;padding-left: 0;}



/* header */
header.header.sticky {box-shadow: 0px 4px 10px rgba(3, 4, 28, 0.1);  z-index: 1024;
  animation: 600ms ease-in-out 0s normal none 1 running fadeInDown; background-color: #fff;}
.header { -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;  position: fixed;
  top: 0px; left: 0px; width: 100%; z-index: 5;}
.menu .list-style li { font-weight: 400; font-size: 16px; margin-right: 24px;}
.menu .list-style>li { position: relative; text-transform: capitalize;}
.menu .list-style>li:last-child {  margin: 0px;}
.menu {  text-align: right;}
.menu .list-style>li:hover>a,
.menu .list-style>li.active>a {color: #5B6CFF;}
.menu .list-style>li a {color: #000229;font-weight: 500;padding: 30px 5px;display: inline-block;}
.menu .list-style li ul {  position: absolute;  /* left: -20px; */
  top: 100%;  padding: 10px 0 10px 0;  -webkit-box-shadow: 0 30px 30px 0 rgb(29 10 81 / 10%); 
   -moz-box-shadow: 0 30px 30px 0 rgba(29, 10, 81, .1);  width: 230px;
  box-shadow: 0 30px 30px 0 rgb(29 10 81 / 10%);  border-radius: 5px;  text-align: left;  
  background: #fbfbfb;  z-index: 11;  opacity: 0;  pointer-events: none;  visibility: hidden;}
.menu .list-style>li:hover>ul { opacity: 1; visibility: visible; pointer-events: all;}
.menu .list-style li ul li a { padding: 7px 10px; display: inline-block; width: 100%;}
.menu .list-style li ul li { width: 100%;}
.menu .list-style li ul li:hover>a { background: #f7f6f6;}
.menu .outline-btn:hover { color: #fff !important;}
.nav-col { display: flex; justify-content: space-between; align-items: center;}
.login-action ul.list-style { margin-bottom: 0;}
.login-action .btn { color: #000000; background: transparent; line-height: 25px;font-size: 16px; font-weight: 500;}
.login-btn { background: #5B6CFF; border-radius: 22px; min-width: auto; padding: 9px 16px; font-size: 16px; line-height: 25px; color: #fff;}



.variations-wrap{  background-color: #FCFCFC;}
.variation-content { background: rgb(255 255 255 / 6%); box-shadow: 0px 3px 20px #DEDEFC; border-radius: 39px; backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px); padding: 40px 70px 63px 70px; text-align: center; position: relative;}
.variation-content h2 { font-size: 38px; font-weight: 600; line-height: 57px;}

.variation-content h2 span { font-size: 40px; font-weight: bold;}
.robo-icon { position: absolute; top: -10px; right: 24%; animation: jumpThree 7s linear infinite;}
.cube-icon2 { position: absolute; bottom: 9px; right: 640px; animation: rotate2 10s linear infinite;}
.cube-icon3 { position: absolute; bottom: 90px; left: 244px; animation: rotate2 10s linear infinite;}
.feature-box img{ width: 100%; height: auto; object-fit: cover;}
.feature-heading h3, .feature-heading h4, .feature-heading h2{
  font-size: 40px; font-weight: 600;}
.feature-heading h3 span, .feature-heading h4 span, .feature-heading h2 span {
  font-size: 45px; font-weight: bold;}
.feature-heading { margin-bottom: 30px;}
.feature-box { background: #FFFFFF; border: 1px solid #BFC6FF; border-radius: 6px; padding: 58px 20px;
   -webkit-transition: 1.2s cubic-bezier(.17,.85,.438,.99); -o-transition: 1.2s cubic-bezier(.17,.85,.438,.99);
  transition: 1.2s cubic-bezier(.17,.85,.438,.99); height: 378px;  cursor: pointer;}
.feature-box:hover{ background: #FFFFFF; border-radius: 6px; box-shadow: 0px 3px 20px #DEDEFC; transform: translate(0,-5px);
  border: 1px solid #fff; padding: 58px 20px;}
.feature-box:hover img.feature-default{display: none;}
.feature-box:hover .read-link{display: block;}
.feature-box:hover .feature-img .feature-default{display: none}
.feature-box:hover .feature-img .feature-color{display: block;}
.feature-box:hover .feature-img{width: 73px; height: 73px;}
.feature-box:hover .feature-content h6, .feature-box:hover .feature-content p{color: #5B6CFF;}
.feature-img { width: 89px; height: auto; margin-bottom: 60px; transition: all .3s ease;}
.feature-color{display: none;}
.read-link a { display: inline-block; position: relative; color: #5B6CFF; transition: all .3s ease;}
.icon-arrows{ width: 77px; height: 1px; background-color: #5B6CFF; border-radius: 4px; position: relative; top: -4px;
  display: inline-block;  }  
.icon-arrows:after{ content: ""; display: inline-block; width: 7px; height: 1px; background-color: #5B6CFF;
  transform: rotate(45deg); position: absolute; right: 0; bottom: 3px; }
.icon-arrows:before{ content: ""; display: inline-block; width: 7px; height: 1px; background-color: #5B6CFF; transform: rotate(-45deg);
  position: absolute; right: 0; bottom: -3px; }
.feature-content { transition: all .3s ease; }
.feature-content h6 {font-size: 20px; font-weight: bold; }
.feature-content p {line-height: 26px;color: #707070;}
.read-link { margin-top: 20px; display: none;}
.powerfulbg{ background: url(images/rated-bg.png) no-repeat; background-size: cover; background-position: center; height: 608px;
  border-radius: 21px; padding: 40px 0 0 0; position: relative; overflow: hidden;}
.power-tabimg {text-align: center; position: relative;animation: jumpTwo 7s linear infinite;}
.power-content { text-align: center;}
.heading h4 { font-size: 40px; color: #FFFFFF; font-weight: 600;}
.heading h4 span { font-weight: bold;}
.heading p { color: #fff; font-size: 18px; padding: 0 80px;}
.multipli-tool { display: flex; justify-content: center; align-items: center;}
.ptool:last-child{margin-right: 0;}
.ptool { width: 112px; height: 112px; background: #FFFFFF00;border: 1px solid #FFFFFF;border-radius: 50%;text-align: center;
  color: #fff; position: relative; margin-right: 40px;}
.ptool p { margin-bottom: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 21px; font-size: 14px;}
.ptool p span { font-weight: bold;}
.swtracking-wrap{ background: url(images/sw-bg.png) no-repeat; background-position: top center; height: 469px; padding-top: 65px;}
.sw-heading h4 { font-size: 40px; font-weight: 600; padding: 0 160px; text-align: center; line-height: 68px;}
.sw-heading h4  span { font-size: 45px; font-weight: bold;}
.zigzagshapefc { position: absolute; top: -50px; left: 90px;}
.zigzagshapefc1 {position: absolute; bottom: -10px; right: 130px; z-index: 1;}
.zigzagshapefc img, .zigzagshapefc1 img{ animation: jumpTwo 7s linear infinite;}
.software-box { background: #FFFFFF;box-shadow: 0px 0px 24px #BFC6FF; border-radius: 66px; position: relative; height: 131px;
    display: flex; align-items: center;}
.softwarelft-img { background: transparent linear-gradient(180deg, rgb(91 108 255 / 13%) 0%, rgb(255 168 184 / 13%) 100%);
  width: 122px; height: 122px; border-radius: 50%; text-align: center; position: absolute; top: 5px;left: 5px;}
.softwarergt-txt {margin-left: 180px;}
.softwarergt-txt h6 { color: #000229; margin-bottom: 0; line-height: 25px;}
.softwarergt-txt h6 span { font-weight: bold; display: block;}
.softwarelft-img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.incredible-features { background: #FCFCFC;}
.incredible-right{ position: relative;}
.radius-shape-1 { background-color: #5B6CFF; display: inline-block; border-radius: 50%; position: absolute; top: 132px;
  left: -15px; will-change: border-radius, transform, opacity; animation: sliderShape 8s linear infinite; width: 362px; height: 355px;}
.radius-shape-2 { bottom: -20px; background-color: #72ab67; position: absolute; border-radius: 36% 64% 43% 57%/34% 45% 55% 66%;
  display: inline-block; will-change: border-radius, transform, opacity; animation: sliderShape 8s linear infinite; width: 95px;
  height: 93px; right: 122px;}
.radius-shape-3 { top: 69px; right: 28px;height: 195px; width: 225px; background-color: #FFA8B8; position: absolute; border-radius: 50%;
  display: inline-block; will-change: border-radius, transform, opacity; animation: sliderShape 7s linear infinite;}
.incredible-img {animation: jumpTwo 7s linear infinite;}
.incredible-left ul { list-style: none; padding-left: 0;}
.incredible-left ul li { background: linear-gradient(90deg, rgb(91 108 255 / 57%) 0%, rgb(255 168 184 / 26%) 57%, rgb(255 255 255) 100%);
  padding: 18px; margin-bottom: 10px; border-radius: 37px 0px 0px 37px; font-size: 20px; font-weight: 600; color: #000229; padding-left: 67px;}
.get-planwrap { background: url(images/getplan-bg.png) no-repeat; background-position: top center; height: 635px; padding-top: 65px;}
.get-head{ margin-bottom: 40px;}
.get-head h6 { font-size: 38px; color: #fff; text-align: center; font-weight: 600;}
.get-head h6 span {font-weight: bold;}
.getbox { border-radius: 9px; opacity: 1; backdrop-filter: blur(17px); background-color: rgba(255, 255, 255, 0.3);
  padding: 50px 20px; text-align: center; -webkit-transition: 1.2s cubic-bezier(.17,.85,.438,.99);
  -o-transition: 1.2s cubic-bezier(.17,.85,.438,.99); transition: 1.2s cubic-bezier(.17,.85,.438,.99); transform: scale(1);}
.getbox:hover { transform: scale(1.1); position: relative; z-index: 1;}
.getbox:hover .btn{ background-color: #fff; color: #000229;}
.getbox h6 { font-size: 23px; color: #fff; font-weight: 600;}
.getbox p { font-size: 87px; font-weight: 600; color: #fff; line-height: 130px;}
.getbox p sub { font-size: 23px; line-height: 34px;}
.getbox .btn { background: #FFFFFF00; border: 1px solid #FFFFFF; border-radius: 5px;}
.tracking-start{background: url(images/hero-gradient-3.png) no-repeat;}
.tracking-right h6 { font-size: 38px; font-weight: 600; color: #000229;}
.tracking-right { padding: 0 90px 0 0;}
.about-customer{background: url(images/about-customers.png) no-repeat;padding: 80px 0;}
.customer-box { border-radius: 9px; opacity: 1; padding: 30px 30px 20px 10px; min-height:295px;position: relative; backdrop-filter: blur(17px);
  background-color: rgb(241 241 241 / 30%);}
.customer-left { position: absolute; top: 30px; left: 20px;}
.customertext-rgt { margin-left: 100px; padding: 0;}
.customertext-rgt p{ line-height: 25px; color: #fff; margin-bottom: 0; font-weight: 300;}
.customertext-rgt h6 { color: #FFFFFF; font-size: 19px;}
.customerrating i { color: #e9e0ff; margin-bottom: 10px; display: inline-block;}
.future-versions{ background: url(images/hero-gradient-3.png) no-repeat;}
.future-head { padding-right: 33%;}
.future-head h4 { font-size: 45px; font-weight: 600;}
.future-head h4 span { font-weight: bold;}
.future-box { background: #F5F6FF; box-shadow: 0px 3px 6px #DDE0F3; border: 1px solid #FFFFFF; border-radius: 8px;
  text-align: center; padding: 27px 20px; height: 100%; font-weight: 600;}
.future-box p { margin-bottom: 0;}
.keypoint-text h2{line-height: 72px;}
/* .notifiction-item a { background: #4875c7; display: inline-block; width: 59px; height: 59px; color: #fff; text-align: center; line-height: 77px; margin-right: 15px; } 
.notifiction-item a:last-child { margin-right: 0px; } 
.notifiction-item a:hover { background: #000; } */
.tour-display {position: absolute;left: 50%;top: 55%;transform: translate(-50%, -50%);z-index: 1;max-width: 44%;} 
.tour-section { position: relative; margin-top: 45px; } 
.tour-slide-img { opacity: .5; transform: scale(0.8); } 
.tour-slide .active.center .tour-slide-img { opacity: 1; transform: scale(1.0); }
.nav-center .owl-nav { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } 
.nav-center .owl-nav button {background: #BFC6FF !important;color: #fff !important;width: 68px;height: 68px;border-radius: 100%;} 
.nav-center .owl-nav .fa, .nav-center .owl-nav .fas {
  font-weight: 100; font-size: 38px;}
.nav-center .owl-nav button.owl-next { float: right; }
.tour-slide.nav-center .owl-nav { width: 50%; } 
.icon-arrow .owl-nav .fa-angle-left:before { content: "\ea64";}
.icon-arrow .owl-nav .fa-angle-right:before{content: "\ea6e";}
.work-flow .bg-site {width: 115px; height: 115px;  margin: auto auto 30px; display: flex; align-items: center; justify-content: center;}
.work-flow .bg-site span.sprit-icon {width: 50px; height: 50px; display: inline-block;}
.tracking-section { padding: 30px 0 120px 0;}
.tracking-box { text-align: center; position: relative;}
.trackinglist-wrap { background: url(images/sw-bg.png) no-repeat; background-position: top center; padding: 100px 0 100px 0;}
.row-position{position: relative;}
.circle { width: 118px; height: 118px; border-radius: 50%; background-color: #F5F6FF; margin: 0 auto; border: 4px solid #FFFFFF;
  box-shadow: 0px 3px 20px #DEDEFC; text-align: center; display: flex; justify-content: center; align-items: center;
  z-index: 1; position: inherit; margin-bottom: 40px;}
.dashed-line { position: absolute; top: 60px; left: 50%; width: 71%; border-top: 2px dashed #5B6CFF; transform: translate(-50%, -50%);}
.tracking-text h6 {font-size: 18px;font-weight: 600;color: #000229;margin-bottom: 15px;}
.tracking-text p {line-height: 24px;}
.switch { position: relative; display: inline-block;width: 55px; height: 28px; margin: 0 20px; vertical-align: middle;}
.switch input { opacity: 0; width: 0; height: 0;}
input:checked + .slider { background-color: #BFC6FF;}
.slider.round { border-radius: 15px;}
.slider { position: absolute; cursor: pointer;top: 0; left: 0; right: 0; bottom: 0; background-color: #BFC6FF; -webkit-transition: .4s;
  transition: .4s;}
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
.slider:before { position: absolute; content: ""; height: 28px; width: 28px; left: 0; bottom: 0; background-color: #5B6CFF;
  -webkit-transition: .4s; transition: .4s; border-radius: 50%;}
.switch-pack { text-align: center; padding: 20px 0 50px 0;}
.pricing-item-box { display: inline-block; margin: 0px 15px; padding: 30px 70px; width: 443px; background: #F6F7FF;
  border: 1px solid #5B6CFF; border-radius: 9px;}
.br-25 { border-radius: 25px;}
.box-shadow { box-shadow: 3px 15px 68px rgba(29, 40, 143, 0.5);}
.pricing-rate { font-size: 58px; font-weight: 500;}
.pricing-rate sub { font-size: 23px; font-weight: 600;}
.pricing-list-item { font-size: 23px; font-weight: 600; margin-bottom: 0;}
.pricing-item-box.bg-site { background: #4875c7;}
.pricing-rate { font-size: 87px; font-weight: 600; line-height: 130px;}
.swtich-lefttext { display: inline-block; font-size: 18px; font-weight: 600;}
.swtich-lefttext span { font-size: 16px; font-weight: 400;}

.commn-searchfaqs { padding: 20px 0;}
.serchbar input.form-control { background: #F5F6FF; border-radius: 28px;}
.serchbar { position: relative; overflow: hidden;}
.serchbar button { position: absolute; right: 0; top: 0; background-color: transparent; min-width: 0; margin: 0;
  line-height: 31px; padding: 8px 10px;}
.serchbar button:hover { background-color: transparent; border-color: transparent;}
.serchbar button i {color: #000229; font-size: 31px;  font-weight: bold;}
.common-faqcontainer { background: #FFFFFF;box-shadow: 0px 3px 20px #DEDEFC;border-radius: 39px;opacity: 1;backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);padding: 30px 30px;}


/* about us */
.toolcontainer { background: rgb(255 255 255 / 35%); box-shadow: 0px 3px 20px #DEDEFC; border-radius: 39px; opacity: 1;
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); padding: 20px 20px 40px 20px;}
.toolwork-right h3 { font-size: 38px; font-weight: 600; line-height: 57px; padding-right: 115px;}
.toolwork-right h3 span { font-weight: bold;}
.toolwork-right ul { list-style: none;}
.toolwork-right ul li { position: relative; padding-bottom: 15px; padding-left: 35px;}
.toolwork-right ul li:after { content: ''; width: 14px; height: 14px; background: #BFC6FF; border-radius: 50%; position: absolute;
  top: 10px; left: 0;}
.toolwork-left { animation: jumpTwo 7s linear infinite;}
ul.notifiction-item {list-style: none;padding-left: 0; margin-bottom: 0; display: flex; justify-content: center; align-items: center;
    position: absolute; bottom: -36px;left: 50%; transform: translateX(-50%);}
.featurefirst img { width: 100%; height: 100%; object-fit: cover;}
ul.notifiction-item li { display: inline-block;}

/* faq page */
.faq-indiviual{padding: 10px 0 100px 0;background: url(images/hero-gradient-3.png) no-repeat;}
.faq-page .card-header {padding: 0px;  background: transparent;}
.faq-page .card-header a { padding: 10px 45px 10px 25px;  display: inline-block;  width: 100%;  position: relative;}
.faq-page .card-header a i { position: absolute;  right: 10px;}
.faq-page .card { border: 0px;}
.faq-page .card-header h5 { font-size: 24px; font-weight: 500;}
.faq-warp {padding: 10px 0 100px 0;background: url(images/hero-gradient-3.png) no-repeat;}
.convers-warp.medicare-conversation{top: -90px;}
.faq-warp .container{background: #FFFFFF; box-shadow: 0px 3px 20px #DEDEFC; border-radius: 39px; opacity: 1;  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px); padding: 30px 30px;}
.accordion-item{border: 0;border-bottom: 1px solid #C5C5C5;}
.accordion-button::after{background: url(images/plus.png) no-repeat;}
.accordion-button:not(.collapsed)::after{background: url(images/minus.png) no-repeat;}
.accordion-header { margin-bottom: 0; padding: 10px 10px;}
.accordion-button{padding: 0; margin-bottom: 0; cursor: pointer;   font-size: 18px;
  font-weight: 600;}
.accordion-button:not(.collapsed) {color: #000229;background-color: transparent;box-shadow: none;margin-bottom: 0;}
.accordion-body { padding: 0px 10px 20px 10px;}
.accordion-item:last-child{border-bottom: 0;}


/* grid  */
 

.grid { display: grid;  grid-template-columns: repeat(3, 1fr);
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.grid-item p { margin: 0px; } 
.grid-item { display: flex; align-items: center; justify-content: center; background: #000; color: #fff; min-height: 90px; } 
.grid .grid-item:nth-child(2) { background: red; } 
.grid .grid-item:nth-child(3) { background: #2a89cd; } 
.grid .grid-item:nth-child(4) {background: #d70496;grid-column: 1/3;}

 


@keyframes fadeInTop {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* Styles for the sticky header on scroll */
.sticky { position: fixed; top: 0; width: 100%; animation: slideDown 0.3s;}

@keyframes slideDown {
  from {
    top: -60px;
  }
  to {
    top: 0;
  }
}

.common-heading h2, .common-heading h3, .common-heading h4, .common-heading h5, .common-heading h6 {
  font-size: 45px;color: #000229; line-height: 68px; font-weight: 600;}
.common-heading h2 span, .common-heading h3 span, .common-heading h4 span, .common-heading h5 span, .common-heading h6 span{
  font-weight: bold;}
.common-heading1 h2, .common-heading1 h3, .common-heading1 h4, .common-heading1 h5, .common-heading1 h6 {
  font-size: 40px; color: #000229; line-height: 68px; font-weight: 600;}
.common-heading1 h2 span, .common-headin1 h3 span, .common-heading1 h4 span, .common-heading1 h5 span, .common-heading1 h6 span{
  font-weight: bold;}
p.px-lg-7 { padding: 0 180px;}
.testimonial-wrap { padding: 50px 0 40px 0;}
img.test-path { margin: 0 auto;}
.testi-username { font-size: 21px; color: #0162CA; font-weight: 600;}
.testimonial-wrap .owl-carousel .owl-nav.disabled{display: none;}
.testimonial-wrap .owl-carousel .owl-dots.disabled{display: none;}
.testi-user-img img {  margin: 0 auto;}
.tleft-icon1 { position: absolute; top: 0; left: 0; animation: float 3s ease-in-out infinite; overflow: hidden; border-radius: 90px;
  box-shadow: 0px 0px 9px #00000029;}
.tleft-icon2 { position: absolute; top: 104px; left: 110px; animation: float-lefte 3s ease-in-out infinite; overflow: hidden;
  border-radius: 90px; box-shadow: 0px 0px 9px #00000029;}
.tleft-icon3 { position: absolute; top: 240px; left: 40px; animation: float-leftl 3s ease-in-out infinite; overflow: hidden;
  border-radius: 90px; box-shadow: 0px 0px 9px #00000029;}
.tleft-icon4 { position: absolute; top: 370px; left: 70px; animation: float 3s ease-in-out infinite; overflow: hidden; border-radius: 90px;
  box-shadow: 0px 0px 9px #00000029;}
.tright-icon1 { position: absolute; top: 0; right: 0; animation: float 3s ease-in-out infinite; overflow: hidden; border-radius: 90px;
  box-shadow: 0px 0px 9px #00000029;}
.tright-icon2 {position: absolute; top: 104px; right: 110px; animation: float-lefte 3s ease-in-out infinite; overflow: hidden;
  border-radius: 90px; box-shadow: 0px 0px 9px #00000029;}
.tright-icon3 { position: absolute; top: 240px; right: 40px; animation: float-leftl 3s ease-in-out infinite;  overflow: hidden;
  border-radius: 90px; box-shadow: 0px 0px 9px #00000029;}
.tright-icon4 { position: absolute; top: 370px; right: 70px; animation: float 3s ease-in-out infinite; overflow: hidden; border-radius: 90px;
  box-shadow: 0px 0px 9px #00000029;}

.convers-warp h5 { font-size: 42px; color: #fff; margin-bottom: 10px;}
.convers-warp .btn{background: #fff;color: #0162CA;border: 1px solid #fff;}
.convers-warp .btn:hover{background: transparent; border:1px solid #fff;color: #fff;}

.service-wrap { background-color: #F6F7FC; padding: 40px 0 120px 0;}
.service-box {background: #FFFFFF; box-shadow: 0px 0px 10px #00000029; position: relative; padding: 30px 20px; text-align: center;}
.service-img{text-align: center; margin-bottom: 20px;}
.service-box .service-white-img{ display: none;}
.service-box::before {content: "";height: 24px;width: 24px;top: 0;right: 0;position: absolute; transition: 0.4s; background-color: #0162ca;
  -webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1); -webkit-transition: .3s ease; transition: .3s ease;}
.service-box:hover::before {-webkit-transform: scale(1);-ms-transform: scale(1); transform: scale(1); width:100%; height:100%;}
.service-box:hover .service-img img{margin: 0 auto;}
.service-box:hover .service-text, .service-box:hover .service-text h6 {color: #fff;}
.service-box:hover .service-bottom-link a{color: #0162CA;}
.service-box:hover .service-white-img { display: block; z-index: 1; position: relative;}
.service-box:hover .service-dark-img { display: none;}
.service-bottom-link a { height: 40px; width: 40px; line-height: 40px; font-size: 12px; color: #fff;  background-color: #f4f8fb;
  border-radius: 50%; text-align: center; display: inline-block;}
.service-text, .service-bottom-link{position: relative; z-index: 1;}
.service-text h6 { font-weight: bold; margin-bottom: 10px;}
.service-bottom-link a i { font-size: 20px;}

.road-map-wrap{ background: url(images/roadmap-bg.png) no-repeat; padding: 60px 0; text-align: center; color:#fff;}
.road-maptext  .btn { background: #fff; color: #0162CA; border: 1px solid #fff;}
.road-maptext .btn:hover{background: transparent; border:1px solid #fff;color: #fff;}
.road-map-wrap:before { z-index: -1;}
.what-we-offerwrap:before { z-index: -1;}
.road-maptext h6 {font-size: 42px; font-weight: bold; margin-bottom: 30px;}
.what-we-offerwrap h6 { font-size: 36px; font-weight: bold; color: #00205B; line-height: 56px;}
.what-we-offerwrap { padding: 0 0 10px 0;}

.offer-right-img img { position: relative; top: -30px;}
.offer-left-text { padding: 40px 0 0 0;}
.offer-left-text ul{list-style: none;margin-top: 20px;padding-left: 80px;}
.offer-left-text ul li { padding: 0 0 20px 0; font-size: 18px; color: #161616; font-weight: 600;}
.news-update { background: #F6F7FC;}
.newsbox-lefttext h6 { font-size: 36px; color: #00205B; font-weight: bold;}
.support-box { background: #FFFFFF; box-shadow: 0px 0px 10px #00000029; border-radius: 6px; position: relative;}
.suppor-img img { width: 100%; height: 100%; max-height: 258px;}
.post-left span small { font-size: 12px; color: #4E4E4E; font-weight: 500;}

.support-text-box { padding: 15px 10px 20px 10px;}
.suppor-img{overflow: hidden;position: relative;}
.support-text-box h6 {font-size: 19px;color: #161616;font-weight: 600;line-height: 29px;}
.post-meta {display: flex;justify-content: space-between;align-items: center;margin-bottom: 7px;}
.post-left small span { font-size: 11px; color: #9F9F9F; font-weight: 500;}
.road-maptext { padding: 0 126px;}
.post-left small i { font-size: 11px; color: #9F9F9F;}
.post-right small span {font-size: 12px;color: #4E4E4E;font-weight: 500;}
.post-right small i { font-size: 11px; color: #9F9F9F;}
span.badge.badge-business { border-radius: 21px; background-color: #0162CA; padding: 13px 28px; position: absolute; bottom: 10px;
  left: 10px; z-index: 1024;}
#scroll { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 20px; border: none; outline: none;
    background-color: #222222; color: white;cursor: pointer; border-radius: 50%; width: 40px; height: 40px;}
#scroll i { display: flex; justify-content: center; align-items: center; line-height: 40px;}

#scroll:hover {  background-color: #00205B;}

/* Banner  */
.banner-gradient-bg { position: absolute; top: 0; left: 0; background-color: #fff; width: 100%;}
.banner.top-banner { position: relative; padding: 170px 0 80px 0; z-index: 0;}
.banner-title h1 { font-size: 40px; font-weight: 600;}
.banner-title h1 span { font-size: 45px; font-weight: bold;}
.banner-title { padding: 0 100px;}
.banner-title p { font-size: 21px; line-height: 31px; padding: 0 20px;}
.banner-gradient-bg img { background: linear-gradient(180deg, #D9D9D9 0%, rgba(217, 217, 217, 0) 55.86%); background-blend-mode: soft-light;
  width: 100%;}
.banner-leftshape {position: absolute; top: 170px; left: 0; z-index: 2;}
.z-index-3 { position: relative; z-index: 3;}
.z-index-5 {position: relative; z-index: 5;}
.banner-hero-3-wrapper { position: relative;}
.banner-bgwrap {}
.banner-pen { position: absolute; top: 32%; left: 0; z-index: 33;}
.banner-pen img { transform-origin: bottom right; animation: jumpTwo 5s infinite linear;}

.banner-bgwrap .redius-shape-1 {height: 500px;width: 500px; background-color: #5B6CFF; display: inline-block;
  border-radius: 50%; position: absolute; top: 132px; left: 25px; will-change: border-radius, transform, opacity;
  animation: sliderShape 8s linear infinite;}
.banner-bgwrap .redius-shape-2 { top: 62%;left: 38%; height: 200px; width: 200px; background-color: #72ab67; position: absolute;
  border-radius: 36% 64% 43% 57%/34% 45% 55% 66%; display: inline-block; will-change: border-radius, transform, opacity;
  animation: sliderShape 15s linear infinite;}
.banner-bgwrap .redius-shape-3 { top: 2%; right: 8%; height: 375px; width: 375px; background-color: #FFA8B8;
  position: absolute; border-radius: 50%; display: inline-block; will-change: border-radius, transform, opacity;
  animation: sliderShape 7s linear infinite;}
.banner-zigzagshape { position: absolute; top: 30%; right: -40px;}
.banner-zigzagshape img{ animation: jumpTwo 7s linear infinite;}
.login-action .btn:hover { background: #5b6cff; color: #fff;}
.login-btn:hover { background: #0853DE; color: #fff;}

/* About Page */
.inner-bannerimg { position: absolute; top: 0; left: 0; background-color: #fff; width: 100%;}
.inner-bannerimg img{ background: linear-gradient(180deg, #D9D9D9 0%, rgba(217, 217, 217, 0) 55.86%); background-blend-mode: soft-light;
  width: 100%;}
.inner-banner {position: relative; padding: 170px 0 20px 0; z-index: 0;}
.inner-banner h1{ font-size: 40px; font-weight: 600; margin-bottom: 10px;}
.inner-banner h1 span{ font-size: 45px; font-weight: bold;}
.about-tracking-left h2 { font-size: 22px; line-height: 33px; font-weight: 500;}
.about-tracking { background: #FFFFFF;}


.join-our-teamwrap{background: #0162CA; border-radius: 8px; width: 894px; margin: 0 auto 70px; padding: 20px 0; position: relative;
  z-index: 10; color: #fff;}
.join-our-teamwrap::before { content: ''; width: 847px; height: 43px; background-color: rgb(1 98 202 / 48%); position: absolute; bottom: -24px; left: 50%;
  border-radius: 8px; transform: translateX(-50%);}
.join-our-teamwrap::after { content: ''; width: 864px; height: 31px; background-color: rgb(1 98 202 / 48%); position: absolute; bottom: -14px;
  left: 50%; border-radius: 8px; transform: translateX(-50%);}
.field {float: left;width: 100%;margin-bottom: 20px;} 
.field .field-sm { float: left; width: 50%; padding: 0px 7px; } 
.field-sm-item { width: 50%; float: left; display: inline-block; padding: 0px 5px; position: relative;  }
.field .field-sm:first-child { padding-left: 0px; } 
.field .field-sm:last-child { padding-right: 0px; } 
.field-sm-item:first-child{padding: 0 5px 0 0px;}
.field-sm-item:last-child{padding: 0 0 0 5px;}
.join-our-teamwrap .form-control { background: #FFFFFF00; border: 1px solid rgb(255 255 255 / 46%); border-radius: 8px; color: #fff;}
.join-our-teamwrap input[type=number] {color: #fff;}
.join-our-teamwrap button{ background: #fff; color: #0162CA; border: 1px solid #fff; padding: 12px 13px;}
.join-our-teamwrap button:hover{ background: transparent; border: 1px solid #fff; color: #fff;}
.join-our-teamwrap label { padding-bottom: 7px;}


.blog-wrap {background-color: #F6F7FC;padding: 40px 0 110px;}
.single-article-img img { width: 100%;}
.single-blog-wrap h2 {font-size: 38px!important;line-height: 57px;color: #161616;margin-bottom: 10px;}
.single-blog-wrap { background: #F6F7FC;}
.single-breiten {background: #F6F7FC;padding: 0 0 120px 0;}
.single-article-img {overflow: hidden;}

.convers-warp.singleblogconve{top: -90px;}
.member-service-wrap{margin-bottom: 70px;}
.mservice-form { background: #0162CA; box-shadow: 0px 0px 10px #00000029; border-radius: 8px; overflow: hidden; padding: 20px;
  color: #fff;}
.mservice-form .form-control {background: #FFFFFF00; border: 1px solid rgb(255 255 255 / 46%);border-radius: 8px; color: #fff;}
.mservice-form .form-select option{ color: #000;}
.mservice-form button { background: #fff; color: #0162CA; border: 1px solid #fff; padding: 12px 13px;}
.mservice-form button:hover { background: transparent; border: 1px solid #fff; color: #fff;}
.mservice-form::after { content: ''; width: 864px; height: 31px; background-color: rgb(1 98 202 / 48%); position: absolute;
  bottom: -14px; left: 50%; border-radius: 8px; transform: translateX(-50%);}
.mservice-form::before {content: ''; width: 847px; height: 43px; background-color: rgb(1 98 202 / 48%); position: absolute;
  bottom: -24px; left: 50%; border-radius: 8px; transform: translateX(-50%);}
.mservice-form .form-select{ background-color: #FFFFFF00; border: 1px solid rgb(255 255 255 / 46%); border-radius: 8px; color: #fff;
  box-shadow: none; padding: 14px 15px; appearance:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none;
    background-position: calc(100% - 12px) center !important;
  background: url("data:image/svg+xml,<svg height='23px' width='23px' viewBox='0 0 16 16' fill='lightblue' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 4.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 0.753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
  padding: 8px 32px 8px 16px;}
.form-check-input { width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; background-color: #377FCC;  background-repeat: no-repeat;
  background-position: center; background-size: contain; -webkit-appearance: none; -moz-appearance: none; appearance: none;  -webkit-print-color-adjust: exact;
  color-adjust: exact; border: 1px solid #C2DAF3;}
label {display: inline-block;margin-bottom: 10px;font-weight: 400;}
.form-check-input:checked { background-color: #377FCC; border-color: #377FCC; border: 1px solid #C2DAF3;}
.form-control[type=file]{position: relative;}

.form-control.fileup { position: relative; z-index: 0;}
.infl-otr{position: relative; display: block}
.infl-otr::after { content: ''; background: url(images/icon-feather-upload.svg) no-repeat; position: absolute; width: 40px;
  height: 40px;right: 0; top: 0;transform: translateY(9%); z-index: 0;}
  
.contact-pg {padding: 70px 0; background: url(images/hero-gradient-3.png) no-repeat;}
.conntect { background: #FFFFFF; box-shadow: 0px 0px 24px #BFC6FF; border-radius: 66px; max-width: 870px; margin: 0 auto;
  padding: 20px;}
.contact-right-text h2 { font-size: 40px; font-weight: 600; padding: 0 30px 0 0; line-height: 68px;}
.contact-body {display: flex;align-items: center;-ms-flex-align: start;display: -ms-flexbox;}
.contact-text { margin-left: 10px;}
.contact-text p {margin-bottom: 0;font-weight: 600;line-height: 25px;}
.contact-right-text h2 span { font-weight: bold; font-size: 45px;}
.contact-right-text p { font-size: 22px; line-height: 40px; color: #1D1D1D; padding-right: 60px;}
.contact-right-text .social-link{ display: flex; justify-content: space-between; align-items: center;}
.contact-right-text .social-link ul{ text-align: left;}
.contact-right-text .social-link ul li { padding-bottom: 0px; margin-right: 6px!important;}
.contact-right { background: #FFFFFF; box-shadow: 0px 3px 20px #DEDEFC; border-radius: 39px; opacity: 1; backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px); padding: 40px 30px; }
.contact-right .form-control {background: #F5F6FF; border-radius: 31px; border: transparent;color: #212529;}
.contact-right button {}
.contact-right button:hover {}
.contact-right-text ul { list-style: none; padding-left: 0;}
.contact-right-text { padding: 40px 20px;}
.contact-add-text h6 { font-size: 16px; font-weight: 400;}
.contact-add-text p { font-weight: bold; margin-bottom: 0;}
.contact-right-text ul li { padding-bottom: 20px;}
.contact-icon { margin-bottom: 10px;}


@keyframes float {
	0% {
		box-shadow: 0 5px 15px 0px rgba(175, 175, 175, 0.6);
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(175, 175, 175,0.2);
		transform: translatey(-20px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(175, 175, 175,0.6);
		transform: translatey(0px);
	}
}
@keyframes float-lefte {
	0% {
		box-shadow: 0 5px 15px 0px rgba(175, 175, 175, 0.6);
		transform: translate(0px, 0);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(175, 175, 175,0.2);
		transform: translate(-50px, -10px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(175, 175, 175,0.6);
		transform: translate(0px, 0);
	}
}

@keyframes float-leftl {
	0% {
		box-shadow: 0 5px 15px 0px rgba(175, 175, 175, 0.6);
		transform: translate(0px, 0);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(175, 175, 175,0.2);
		transform: translate(-30px, -10px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(175, 175, 175,0.6);
		transform: translate(0px, 0);
	}
}

/* container */

.container-left {
  padding-left: calc(50% - 570px);
}
@media (min-width: 767px){ 
.container { max-width: 100%;}
}
@media (min-width: 768px){
.container {max-width: 720px;}
}
@media (min-width: 992px){
.container {max-width: 960px;}
}
@media (min-width: 1200px){
.container {max-width: 1170px;  }
.container-fluid {padding-left: 15px;  padding-right: 15px;}
}
@media (min-width:1680px){
}


/* footer  */

.footer{ padding: 10px 0;}
.footer-bottom-left ul {list-style: none;margin-bottom: 0;padding-left: 0;}

.footer-bottom-left ul li {display: inline-block;}
.footer-bottom-left ul li a{color: #1D1D1D;line-height: 25px;}
.footer-bottom-left ul li a:hover{color: #5B6CFF;}
.footer-bottom-left ul li:first-child a:hover{color: #1D1D1D;}
.social-link {display: flex;justify-content: end;align-items: center;}
.social-link ul li a span img { -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1); -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1); -moz-transition: all 200ms ease-in; -moz-transform: scale(1); transition: all 200ms ease-in; transform: scale(1);}
.social-link ul li a span:hover img { -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1.2); -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1.2); -moz-transition: all 200ms ease-in; -moz-transform: scale(1.2); transition: all 200ms ease-in;
  transform: scale(1.2);}
span.foll {padding-right: 16px;}
.social-link ul { list-style: none; margin-bottom: 0; padding-left: 0; text-align: right;}
.social-link ul li { display: inline-block; margin-right: 10px;}


.give-uscall { position: relative; text-align: center; background: url(images/footer-bg.png) no-repeat;
  background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; height: 239px;
  display: flex; align-items: center;}
.give-uscall h6 {font-size: 24px;color: #000229;font-weight: bold; padding: 0 210px; line-height: 35px; margin-bottom:20px}