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


:root {
--link-clr: #ed345b;
--text-dark: #000000;
--text-light: #232323;
--tblue:#3201d1;
--btn-bg: #ed345b;
--btn-bg-hover: #d1183f;
--primary-textclr: #333333;
--bgdark: #7109DC;
--bggreen: #2DBB98;
--bglight:#ececfb;
--greenhover: #1db590;
--primary-font:  'Open Sans', sans-serif;
--secondary-font:  'Poppins', sans-serif;
--fsbody: 16px;

}
strong { font-weight: 500;}

.tcolor{color: var(--link-clr);}
.bg-site { background: rgba(0,94,255,1);
    background: -moz-linear-gradient(left, rgba(0,94,255,1) 0%, rgba(8,153,215,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,94,255,1)), color-stop(100%, rgba(8,153,215,1)));
    background: -webkit-linear-gradient(left, rgba(0,94,255,1) 0%, rgba(8,153,215,1) 100%);
    background: -o-linear-gradient(left, rgba(0,94,255,1) 0%, rgba(8,153,215,1) 100%);
    background: -ms-linear-gradient(left, rgba(0,94,255,1) 0%, rgba(8,153,215,1) 100%);
    background: linear-gradient(to right, rgba(0,94,255,1) 0%, rgba(8,153,215,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005eff', endColorstr='#0899d7', GradientType=1 );
  }
.bg-light-site{ background: linear-gradient(180deg, #e9f9ff, #f7f5ff);}
.bg-light{ background-color: var(--bglight) !important;} 
.bg-dark {background-color: var(--bgdark); color: #fff;} 
.text-light{color:var(--text-light);} 
.bgblue-light{background-color: var(--bgbluelight);}
.open-sans{font-family: var(--primary-font) !important;}
.tblue{color: var(--tblue);}
body{ font-family: var(--primary-font);  font-size: var(--fsbody); font-weight: 400;color: var(--primary-textclr); 
  line-height: 1.7;}
a{color: var(--link-clr);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: var(--btn-bg-hover); text-decoration: none;}
.fancybox-button{min-width: auto;} 

h1, h2, h3, h4, h5, h6{ font-family: var(--secondary-font); font-weight: 400; line-height: 1.4;  
margin-bottom: 20px; color: var(--text-dark);}
.main-section a.link {word-break: break-all;overflow: hidden;display: inline-block;}
.fw-semibold{font-weight: 600;}
h1{font-size: 60px;   font-weight: 300;}
h2{font-size:32px; font-weight:500;}
h3{font-size:24px;}
h4{font-size:22px;}
h5{font-size: 18px;}
h6{font-size: 16px;}
img{max-width: 100%;}
.fs-18{font-size: 18px;}
.small-heading {  color: #5328e0; text-transform: uppercase; font-size: 16px; font-weight: 600; 
  margin-bottom: 10px;    letter-spacing: 1px; font-family: var(--primary-font);}
.big-heading{font-size: 42px;  font-weight: 300; }
.big-heading span {  font-weight: 500;  color: var(--link-clr);}
.big-heading:after {  background: var(--btn-bg);    height: 3px;    content: "";    display: block;    width: 98px;    margin: 0 auto;
    margin-top: 30px;    margin-bottom: 30px;}
.main-title:not(.text-center) .big-heading:after { margin-left: 0px;}
.main-title p{font-size: 18px;}
button, .btn, input[type="submit"]{min-width: 137px; padding: 12px 40px;cursor: pointer;position: relative;
  font-family: var(--primary-font); box-shadow: none !important;color: #fff;background: var(--btn-bg);
  letter-spacing: 0;    font-size:15px;line-height: 21px;font-weight: 600;border-radius:5px;
  text-transform: uppercase; border: 1px solid var(--btn-bg);  }
.outline-btn {  background: transparent;   border: 1px solid #fff;color: #fff;}
.btn-border:hover {  background: var(--btn-bg-hover);color: #fff;   border: 1px solid var(--btn-bg-hover);}


[type=reset]:hover, [type=submit]:hover, button:hover, .btn:hover, html [type=button]:hover  {
  background: var(--btn-bg-hover);  color: #fff;  cursor: pointer;}
[type=reset]:focus, 
[type=submit]:focus,
button:focus, 
.btn:focus, 
html [type=button]:focus { outline: 0; box-shadow: none;}
input[type="file"] { font-size: 15px;   -webkit-appearance: none;}

.btn-red {color: var(--btn-bg);  border-color: var(--btn-bg);}
.btn-green { background: var(--bggreen);    border-color: var(--bggreen);}
.btn-green:hover { background: var(--greenhover);}

.field {margin-bottom: 20px; width: 100%; float: left;}
.field-sm { float: left;  width: 50%;  padding: 0px 10px;}
.field .field-sm:first-child { padding-left: 0px;}
.field .field-sm:last-child { padding-right: 0px;}
form{display: inline-block;width: 100%;}
.form-control {outline: none !important;padding: 14px 15px;border-radius: 3px;
  border: 1px solid #cbd6e2; background: #f5f8fa;box-shadow:none !important;
  font-size: 16px;font-weight: 400;color: #33475b;  font-family: var(--secondary-font);}
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 48px 25px 25px;  border-left: 4px solid #000;
   background: var(--bgbluelight);   font-weight: 400;   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;}
.sm-container{padding: 0px 85px;}

 /* nochange*/
 
.font-medium{ font-weight: 500;}
.underline {text-decoration: underline;}
.font-light{font-weight: 300;}
.font-semi-bold{font-weight: 600;}
button i { vertical-align: middle;}
.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% !important; height: 100% !important;  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;}
img.wp-smiley, img.emoji {   display: inline !important;    border: none !important;    box-shadow: none !important;
    height: 1em !important;    width: 1em !important;    margin: 0 0.07em !important;    vertical-align: -0.1em !important;    background: none !important;
    padding: 0 !important;}
.main-section{padding:100px 0px;background-size: cover !important;background-repeat: no-repeat !important;background-position: center center !important;position: relative;}
.main-section .container{position:relative;}
.main-section:before{content:""; position:absolute; left:0px; top:0px; width:100% !important; height:100% !important; background:transparent; }
 


  


/* header */

.header {position: fixed;top: 0px; left: 0px; width: 100%; z-index: 99;padding: 13px 0px;  background-color: #fff;}
.header.sticky {transition: background-color 0.2s ease 0s;  box-shadow: 0 0 4px grey;}
.header .menu{text-align: right;}  
.header .menu ul.list-style{margin-bottom: 0px; }
.header .menu ul.list-style li {margin-right: 10px;position: relative;font-size: 15px; font-family: var(--secondary-font);} 
.header .menu ul.list-style li:last-child { margin-right: 0; } 
.header .menu ul.list-style li a {color: #000;} 
.header .menu ul.list-style > li > a { padding: 12px 10px; display: inline-block; }
.header .menu ul.list-style > li.current_page_item > a,
.header .menu ul.list-style > li:hover > a{color: var(--link-clr)}
.header .menu ul.list-style li ul {position: absolute;  left: -250px;   text-align: left;  background: #fff;  top: 100%;  opacity: 0;  pointer-events: none;
  padding: 30px;  border-radius: 0 0 5px 5px;  transition: 0.3s;  } 
.header .menu ul.list-style li:hover > ul{ opacity: 1; pointer-events: all;}  
.header .menu ul.list-style li ul li { margin: 0px; display: inline-block; width: 100%; white-space:nowrap; } 
.header .menu ul.list-style li ul li a {display: inline-block;width: 100%;padding: 5px 0px;color: #757575;} 
.header .menu ul.list-style li ul li:hover > a {color: var(--btn-bg-hover);}

.banner {padding-top: 160px;margin-top: 60px;background: url(images/header-bg.png);background-size: auto !important;background-position: bottom left !important;}
 
.banner-txt h1 { font-size: 60px; color: #fff; font-weight: 300; }
.banner-txt h1 span { font-weight: 500; }
.banner-txt p {color:#fff; font-size: 19px; margin-top: 15px; margin-bottom: 65px;}
.expertise-container { max-width: 1083px;}
.services-table.design {background: #7109DC;}
.services-table.build {background: #EB3653;}
.services-table.grow { background: #00017D;}
.services-table {  padding: 40px 35px; border-radius: 5px; color: #fff;}
.services-table h3 { font-weight: 400;}
.services-table ul { list-style: none;  padding-left: 0px;   margin-bottom: 0px;}
.services-table  ul li {  margin: 15px 0;}
.video-cont .col-md-4 {  margin-bottom: 30px;}
.client-presence img { width: 80%;}

ul.left_cnt { padding: 0px 100px 0px 0px; margin: 50px 0px 0px; } 
ul.left_cnt li { display: flex; align-items: self-start; grid-gap: 30px; margin-bottom: 30px; } 
ul.left_cnt li .icon { min-width: 50px; } 
.left_cnttxt h4 { font-size: 24px; font-weight: 400; margin-bottom: 10px; }
img.whysimg { position: absolute;  right: 0px;top: 0px;}
.WSleft-img{max-width: 600px;}
.block {padding: 20px 35px; border-radius: 5px; margin-bottom: 40px;}
.icon-white { display: none;}
.few-things .heading { font-size: 24px;   margin: 25px 0;   font-weight: 400;}
.few-things p { font-size: 14px;}
.few-things .learn-more a { color: #ed355b;  font-size: 16px;  font-weight: 600;  text-transform: uppercase;}
.block:hover { background: rgb(73,40,213);
    background: -moz-linear-gradient(top, rgba(73,40,213,1) 0%, rgba(95,38,232,0.8) 50%, rgba(157,2,254,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(73,40,213,1) 0%,rgba(95,38,232,0.8) 50%,rgba(157,2,254,0.8) 100%);
    background: linear-gradient(to bottom, rgba(73,40,213,1) 0%,rgba(95,38,232,0.8) 50%,rgba(157,2,254,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4928d5', endColorstr='#9d02fe',GradientType=0 );
    color: #fff;}
.block:hover .icon-white { display: block;}
.block:hover .icon-color {display: none;}
.block:hover .learn-more a,
.block:hover .heading{color: #fff}

.shadowbox {background: #fff;box-shadow: 0px 0px 30px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.0);max-width: 1040px;margin: auto;margin-bottom: 50px;display: grid;grid-gap: 0;grid-template-columns: repeat(4, 1fr);} 
.shadowbox .box-img { height: 165px;line-height: 165px;border-right: 1px solid #ddd;text-align: center;border-bottom: 1px solid #ddd;}

.testItem-txt img {width: 113px !important; height: 113px; border-radius: 50%; margin: auto;}
.testItem-txt p { font-size: 21px; margin-top: 20px;}
.testItem-txt span.user_name { text-transform: uppercase;}
.testItem-txt .user_name {font-size: 18px; color: #ed355b;}
.testItem-txt .designation {font-size: 18px;  display: block;}
.latest-news{ background-image: url(images/blog-bg.jpg);}
.latest-news:before{background: -webkit-linear-gradient(-45deg, rgba(72,40,213,1) 0%, rgba(96,38,232,0.85) 51%, rgba(157,2,254,0.85) 100%);
    background: -o-linear-gradient(-45deg, rgba(72,40,213,1) 0%, rgba(96,38,232,0.85) 51%, rgba(157,2,254,0.85) 100%);
    background: -ms-linear-gradient(-45deg, rgba(72,40,213,1) 0%, rgba(96,38,232,0.85) 51%, rgba(157,2,254,0.85) 100%);}

.card { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.0); border: 0px; border-radius: 5px; overflow: hidden; height: 100%; }  
.short-text { padding-bottom: 10px; color: #787878; font-size: 15px; } 
h3.card-title a { color: #333; } 
.card-title { font-size: 20px; line-height: 34px; }




/* 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: #cbcbcb  !important;overflow: hidden;display: inline-block;min-width: auto !important;margin-right: 7px;width: 10px;height: 10px;border: 1px solid #fff !important;border-radius:100%;}
.owl-dots button.owl-dot.active {background: var(--btn-bg) !important;}
.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: 50%;    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;}

 






/* footer  */
 
.footer ul { padding: 0; margin: 0;  list-style: none;}
.review p { font-size: 21px; color:#333; }
.review h3 { font-size: 24px; font-weight: 200; color:#333; }
.footer { background: #ececfb; padding: 65px 0px 0px; }

ul.contact-info { margin: 20px 0; }
ul.contact-info li { margin-bottom: 8px;}
ul.social-icon li { display: inline; margin-right: 10px; }
ul.social-icon li a i{ background: #ed355b; padding: 10px; color: #fff; border-radius: 50px; }
ul.social-icon li a i.fa-facebook { padding:10px 13px;}
ul.social-icon li a i.fa-twitter { padding:10px 11px;}
ul.social-icon li a i.fa-linkedin { padding:10px 11px;}
ul.social-icon li a i:hover { background: #d1183f; transition:0.3s; }
.footer .social-icon li { margin-right: 5px; }
.footer-bottom {  padding: 25px 0;}
.footer-bottom .copyright{ text-align: left; font-size: 13px!important;  }
.footer-bottom .terms{ text-align: right; font-size: 13px!important;  }
.footer-bottom .terms a { color: #000; }
.footer-bottom .terms a:hover { color: var(--link-clr); }

.footer h4 { font-size: 16px; color:#5328e0; font-weight: 400;  margin-bottom: 28px;}
.footer ul { padding: 0;; margin: 0; }
.footer ul a { color:#212529;}
.footer ul a:hover { color:var(--link-clr);}

.footer ul li { list-style-type: none; font-size: 14px; margin-bottom: 15px; display:block; }
 
.footer ul.contact-info { margin: 20px 0; } 
.footer ul.contact-info li { margin-bottom: 0px; }
.copyright { background: #fff; margin-top: 65px; padding: 30px 0px; font-size: 14px; } 
.copyright .container { display: flex; justify-content: space-between; } 
.copyright-link a { color: #212529; } 
.copyright-link a:hover { color: var(--link-clr); }

.back-to-top {    position: fixed;  bottom: 70px;  right: 30px; text-align: center; font-size: 16px; color: #000000; letter-spacing: .308px; z-index: 1111;
    display: inline-block !important;}
.back-to-top span { border-radius: 50%; border: 1px solid #000;width: 42px;  height: 42px;  overflow: hidden;   display: inline-block;
 line-height: 42px;vertical-align: middle;  margin-left: 10px; letter-spacing: .308px; background:#000; color:#fff;}
 



/* breadcrumb */
.breadcrumb { justify-content: center; } 
.breadcrumb-item.active { color: #fff; } 
li.breadcrumb-item a { font-weight: 700; color: var(--btn-bg-hover); } 
.breadcrumb-item+.breadcrumb-item::before { color: #fff; }
 
.inner-banner {background-size: cover !important; background-position: top center !important;}
.inner-banner:before {
    background: rgba(72,40,213,1);
    background: -moz-linear-gradient(-45deg, rgba(72,40,213,1) 0%, rgba(96,38,232,0.95) 51%, rgba(157,2,254,0.9) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(72,40,213,1)), color-stop(51%, rgba(96,38,232,0.85)), color-stop(100%, rgba(157,2,254,0.85)));
    background: -webkit-linear-gradient(-45deg, rgba(72,40,213,1) 0%, rgba(96,38,232,0.85) 51%, rgba(157,2,254,0.85) 100%);
    background: -o-linear-gradient(-45deg, rgba(72,40,213,1) 0%, rgba(96,38,232,0.85) 51%, rgba(157,2,254,0.85) 100%);
    background: -ms-linear-gradient(-45deg, rgba(72,40,213,1) 0%, rgba(96,38,232,0.85) 51%, rgba(157,2,254,0.85) 100%);
    background: linear-gradient(135deg, rgba (72,40,213,1) 0%, rgba(96,38,232,0.85) 51%, rgba(157,2,254,0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4828d5', endColorstr='#9d02fe', GradientType=1 );
} 
.inner-banner .banner-txt p {  margin-bottom: 0px;}
.whyustxt{font-size: 18px;}
.whyus-section-2 img.whysimg {  top: -120px;} 
.WSleft-img{right: auto; left: 0px;}
.team-item-info { padding: 20px; } 
.team-item-info .card-title { font-size: 19px; line-height: 34px; margin-bottom: 0px; } 
.team-item {border-radius: 3px;overflow: hidden; margin-bottom: 30px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.0);} 
.team-item-info:hover { background: var(--tblue); color: #fff; } 
.team-item-info:hover .card-title { color: #fff; }
.team-item-img.object-fit {height: 345px;} 
.cta-section{background: url(images/found-somethig-bg.jpg);}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-pills .nav-link:hover {background: rgb(73,40,213);background: -moz-linear-gradient(top, rgba(73,40,213,1) 0%, rgba(95,38,232,0.8) 50%, rgba(157,2,254,0.8) 100%);background: -webkit-linear-gradient(top, rgba(73,40,213,1) 0%,rgba(95,38,232,0.8) 50%,rgba(157,2,254,0.8) 100%);background: linear-gradient(to bottom, rgba(73,40,213,1) 0%,rgba(95,38,232,0.8) 50%,rgba(157,2,254,0.8) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4928d5', endColorstr='#9d02fe',GradientType=0 );} 
.nav-pills .nav-link {background: transparent;color: var(--tblue);border: 1px solid var(--tblue) !important;
  padding: 13px 46px;border-radius: 30px;font-size: 18px;letter-spacing: 1px; position: relative;} 
.nav.nav-pills {justify-content: center;gap: 20px;border-bottom: 1px solid #eee;padding-bottom: 30px;margin-bottom: 40px !important;} 
.nav-pills .nav-link:before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -1px; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #fff transparent; opacity: 0; }
.nav-pills .nav-link.active:before{opacity: 1;} 
#pills-design-tab{ background: #7109DC !important; border-color: #7109DC !important; color: #fff;}
#pills-build-tab{ background: #EB3653 !important; border-color: #EB3653 !important;color: #fff;}
#pills-grow-tab{ background: #00017D !important; border-color: #00017D !important;color: #fff;}
 

.story-block .img-block {     background: #eae7e7;padding:80px 0;}
.story-block  {margin: 0px 0 30px 0;box-shadow: 0px 0px 30px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.0);padding: 0px;text-align: center;}
.story-block  img {height:65px;}
.story-block .story-block { box-shadow:0px 0px 30px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.0); padding:0px; }
.story-block  .story-block .content-block { padding:20px 40px 50px 40px;}
.story-block .customer-hub { margin-bottom:0px;}
.content-block { padding: 20px 40px 50px 40px; position: relative;}
.content-block::after {  content: '';  display: block;  width: 0;  height: 3px; background: #ed345b; 
  position:absolute; left:0px; bottom:0px; -webkit-transition: all .3s;
    -moz-transition: all .3s;    -o-transition: all .3s;    transition: all .3s; }
.story-block:hover .content-block::after { width: 100%;  transition: width .3s;}
.content-block p { font-size: 14px;}
.banner.lp-banner { padding-top: 100px;}
.case-study .container.card-up {  position: relative; top: -120px;    width: 940px;
    padding: 60px 60px 80px;    border-radius: 3px;    background-color: #fff;  box-shadow: 1px 1px 12px 0 rgba(33, 42, 68, 0.15);}
.case-study .container.card-up .customer-title { margin-bottom:40px;}
.customer-title .customer-logo { height: 85px; margin-bottom: 30px; }
.case-study .customer-title h1 { font-size:38px; font-weight:600; color:#333; margin-bottom:25px;}
.case-study .customer-title p { margin-bottom:5px; font-size:16px;}
.case-study .client-testimonial { background:#ececfb; margin:40px 0; padding:60px; }
.quote-icon { height:30px; margin-bottom:15px;}
.case-study .client-testimonial h3 { font-size:1.2em; line-height:1.5em; font-style:italic;}
.case-study .client-testimonial img { width:113px; height:113px; border-radius:50%; margin-bottom:20px;}
.case-study .client-testimonial p.quote-author { margin-top:20px; font-size:15px; font-weight:600; color:#ed345b; }
.case-study .customer-content h2 { font-size:1.4em!important; font-weight:600; margin-bottom:15px; margin-top:40px;}
.case-study .customer-content p { font-size:16px; line-height:1.8; }
.iframe-cont iframe {  height: 2429px; width: 76%;margin: 0 auto;}
.latest-news .card-body{position: relative;}
.latest-news .card-body::after { content: ''; position: absolute; left: 0px; bottom: 0px;
  display: block;   width: 0;    height: 3px; background: var(--btn-bg);     -webkit-transition: all .3s;    -moz-transition: all .3s;    -o-transition: all .3s;    transition: all .3s;}
.latest-news .card:hover .card-body::after {width: 100%;}
.related-pg .block p{font-size: 14px;}
.partner-box { display: grid; grid-template-columns: repeat(3, 1fr); row-gap: 40px; column-gap: 30px; }

.ebooks-item { display: flex; grid-gap: 15px; } 
.ebooks-item > div { flex: 1 1 0; } 
.resource-txt h3 { font-size: 21px; font-weight: 500; margin-bottom: 10px; } 
.resource-txt { display: flex; flex-direction: column;   } 
.resource-txt p { font-size: 14px; } 
.resource-txt .tblue { font-weight: 600; } 
.resource-thumb { text-align: center; }
.partner-box-item h3 { font-size: 21px; margin-top: 20px; font-weight: 500; } 
.partner-box-item h3 a { color: #333; }
.partner-box-item h3 a:hover {color: var(--btn-bg-hover);}
.vdsection {padding-top: 56.9%;position: relative;margin-bottom: 30px;} 
.vdsection iframe.wistia_embed { position: absolute; inset: 0; height: 100%; }

.contactpg-box { width: 85%; background: #fff; border-radius: 5px;
 box-shadow: 0 5px 15px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.0); margin: auto; overflow: hidden;} 
.left-section.bg-site { padding: 54px 26px; } 
.left-sec-cont h4 { color: #fff; font-size: 24px; font-weight: 400; margin-bottom: 8px !important; } 
.left-sec-cont { border-bottom: 1px solid #ded8e34a; padding: 0 18px; margin-bottom: 20px; 
  padding-bottom: 20px; color:#fff; } .left-sec-cont p { margin-bottom: 5px; } 
.left-sec-cont .f-16 { font-size: 18px; } 
.left-section.bg-site .left-sec-cont:last-child { border: 0px; } 
.contact-form { padding: 68px 55px; } 
.left-sec-cont p a { font-size: 18px; line-height: 30px; margin-bottom: 0; font-weight: 300; color: #fff; }
.main-section.bg-white{background: #fff !important} 
.before-none:before{display: none !important;}
.mb-30{margin-bottom: 30px;}

ul.catlist > li > a { background: transparent; color: var(--tblue); border: 1px solid var(--tblue) !important; padding: 7px 20px; border-radius: 30px; font-size: 16px; } 
ul.catlist { display: flex; align-items: center; justify-content: center; list-style: none; padding: 0px; gap: 10px; } 
.catlist-bar { padding-bottom: 50px; }
ul.catlist > li.active > a{    background: rgb(73,40,213); color: #fff; 
    background: -moz-linear-gradient(top, rgba(73,40,213,1) 0%, rgba(95,38,232,0.8) 50%, rgba(157,2,254,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(73,40,213,1) 0%,rgba(95,38,232,0.8) 50%,rgba(157,2,254,0.8) 100%);
    background: linear-gradient(to bottom, rgba(73,40,213,1) 0%,rgba(95,38,232,0.8) 50%,rgba(157,2,254,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4928d5', endColorstr='#9d02fe',GradientType=0 );}
ul.catlist > li { padding-bottom: 20px;}


.scroll-bar::-webkit-scrollbar {width: 6px;}
.scroll-bar::-webkit-scrollbar-track {background: #fff;  }
.scroll-bar::-webkit-scrollbar-thumb {background: #B1BEC7; border-radius: 10px;}

.pager {padding-left: 0;  margin: 22px 0; list-style: none; text-align: center; }
ul.pager li { display: inline-block;}
.pager li>a, .pager li>span { display: inline-block;  padding: 5px 14px;   background-color: #fff; border: 1px solid #ddd;   border-radius: 2px;}
.pager li > span.active {background: var(--btn-bg); color: #fff;}


.main-section.blog-single-page {padding: 120px 0px 60px;} 
.author-img.object-fit { width: 32px; height: 32px; border-radius: 100%; } 
.author.d-flex { gap: 20px; }
.article-short-dec h1 { font-size: 40px; font-weight: 400; } 
.article-short-dec p { font-size: 18px; } 
.article-short-dec { padding: 20px 0px; margin-bottom: 20px; font-size: 22px; } 
.tag-outline {border: 1px solid rgba(0, 0, 0, 0.2);padding: 6px 10px;color: var(--primary-textclr);} .tag-outline:hover {border-color: #000;} 
.share-post ul { padding: 0px; margin: 0px; } 
.share-post ul li { margin-right: 10px; float: left; }
.share-post { border-top: 1px solid #000; margin-top: 20px; padding: 15px 0px; } 
.share-link li { list-style: none; } 
.article-cat ul li { margin-right: 20px; } 
.article-cat ul li:first-child { list-style: none; } 
.article-cat ul li:last-child { margin-right: 0px; } 
.sidebar-widget ol {padding: 0px; list-style: none; margin: 0px;} 
.sidebar-widget ol li {margin-bottom: 1px;font-size: 14px;position: relative;list-style: none;padding: 5px;display: flex;align-items: start;gap: 5px;} 
.sidebar-widget ol li a {width: 100%;color: var(--primary-textclr);font-size: 14px;line-height: normal;}
.sidebar-widget ol li:hover, 
.sidebar-widget ol li.active { background: #fefe;}
.author-widget h5 a {color: #000;}
.sidebar-widget h5 { font-weight: 600; margin-bottom: 10px; } 
.blog-sidebar { position: sticky; top: 150px; } 
.author-widget .author-img.object-fit { width: 100px; height: 100px; margin-bottom: 15px; } 
.sidebar-widget { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #dedede; }
.single-blog-box { padding: 0px 15px;}
.single-blog-box img { margin-bottom: 20px;}
.article-cat ul li a { color: var(--primary-textclr); } 
.article-cat ul li { margin-right: 27px; } 
.tag-outline:hover { background: var(--btn-bg); color: #fff; border: 1px solid var(--btn-bg); } 
.social-media ul { padding: 0px; list-style: none; display: flex; align-items: center; gap: 5px; } 
.social-media ul li a { padding: 5px 5px; }

.alternet-item { height: 100%; padding: 20px 15px; border-radius: 5px; } 
.alticon { font-size: 30px; } 
.alternet-item h3 { font-size: 24px;  margin-bottom: 15px; } 
.ri-checkbox-circle-line:before { content: "\eb80";}

/* video model */
.wistia_placebo_close_button {min-width: auto; border: 0px !important;  outline: none !important;}

 .accordion-button:not(.collapsed) { color: #000; background: var(--btn-bg); }
.accordion-button:not(.collapsed)::after { content: "\F1AF"; background: transparent; 
  font-family: remixicon!important; transform: none;} 
.accordion-button::after { background: transparent; font-family: remixicon!important; content: "\EA13"; } 
.accordion-item { border: 0px;}
.accordion-button { background: transparent !important; color: #333 !important; font-size: 24px; font-weight: 500; text-transform: inherit; font-family: var(--secondary-font); padding: 10px 35px; } 
.accordion-button::after { position: absolute; left: 0px; color: var(--btn-bg); font-weight: 700; } 
.accordion-body { padding: 10px 35px; }
.newsletter-form{padding-left: 50px;}
.fs-13{font-size: 13px;}
.fs-30 {font-size: 30px;}
.big-heading.text-start:after { margin-left: 0px;  margin: 13px 0px;}
.container-sm { max-width: 950px;}
.checklist-style ul { list-style: none; padding: 0px; } 
.checklist-style ul li { position: relative; padding-left: 25px; margin-bottom: 10px; font-size: 18px; } 
.checklist-style ul li:before { font-family: remixicon!important; font-style: normal; 
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EB7B"; 
    color: var(--link-clr); font-weight: 700; position: absolute; top: 0px; left: 0px; }
.container .container-sm { padding: 0px;}
.Video-thumb { text-align: center;  margin-bottom: 30px;}

.progress-circle {  font-size: 35px;  margin:20px auto;   position: relative;  padding: 0;  width: 5em;
   height: 5em;   background-color: #F2E9E1;    border-radius: 50%;   line-height: 5em;}
.progress-number h3{  font-size:24px; font-weight:400;}
.progress-circle:after{ border: none;  position: absolute;  top: 0.35em;
    left: 0.35em; text-align: center; display: block;  border-radius: 50%;  width: 4.3em;
    height: 4.3em;  background-color: white;   content: " ";}
/* Text inside the control */
.progress-circle span {  position: absolute;  line-height: 5em;
    width: 5em;    text-align: center;    display: block;
    color: #333333;
    z-index: 2;
}
.left-half-clipper { 
   /* a round circle */
   border-radius: 50%;
   width: 5em;
   height: 5em;
   position: absolute; /* needed for clipping */
   clip: rect(0, 5em, 5em, 2.5em); /* clips the whole left half*/ 
}
/* when p>50, don't clip left half*/
.progress-circle.over50 .left-half-clipper {
   clip: rect(auto,auto,auto,auto);
}
.value-bar {
   /*This is an overlayed square, that is made round with the border radius,
   then it is cut to display only the left half, then rotated clockwise
   to escape the outer clipping path.*/ 
   position: absolute; /*needed for clipping*/
   clip: rect(0, 2.5em, 5em, 0);
   width: 5em;
   height: 5em;
   border-radius: 50%;
   border: 0.45em solid #ed355b; /*The border is 0.35 but making it larger removes visual artifacts */
   /*background-color: #4D642D;*/ /* for debug */
   box-sizing: border-box;
  
}
/* Progress bar filling the whole right half for values above 50% */
.progress-circle.over50 .first50-bar {
   /*Progress bar for the first 50%, filling the whole right half*/
   position: absolute; /*needed for clipping*/
   clip: rect(0, 5em, 5em, 2.5em);
   background-color: #ed355b;
   border-radius: 50%;
   width: 5em;
   height: 5em;
}
.progress-circle:not(.over50) .first50-bar{ display: none; }


/* Progress bar rotation position */
.progress-circle.p0 .value-bar { display: none; }
.progress-circle.p1 .value-bar { transform: rotate(4deg); }
.progress-circle.p2 .value-bar { transform: rotate(7deg); }
.progress-circle.p3 .value-bar { transform: rotate(11deg); }
.progress-circle.p4 .value-bar { transform: rotate(14deg); }
.progress-circle.p5 .value-bar { transform: rotate(18deg); }
.progress-circle.p6 .value-bar { transform: rotate(22deg); }
.progress-circle.p7 .value-bar { transform: rotate(25deg); }
.progress-circle.p8 .value-bar { transform: rotate(29deg); }
.progress-circle.p9 .value-bar { transform: rotate(32deg); }
.progress-circle.p10 .value-bar { transform: rotate(36deg); }
.progress-circle.p11 .value-bar { transform: rotate(40deg); }
.progress-circle.p12 .value-bar { transform: rotate(43deg); }
.progress-circle.p13 .value-bar { transform: rotate(47deg); }
.progress-circle.p14 .value-bar { transform: rotate(50deg); }
.progress-circle.p15 .value-bar { transform: rotate(54deg); }
.progress-circle.p16 .value-bar { transform: rotate(58deg); }
.progress-circle.p17 .value-bar { transform: rotate(61deg); }
.progress-circle.p18 .value-bar { transform: rotate(65deg); }
.progress-circle.p19 .value-bar { transform: rotate(68deg); }
.progress-circle.p20 .value-bar { transform: rotate(72deg); }
.progress-circle.p21 .value-bar { transform: rotate(76deg); }
.progress-circle.p22 .value-bar { transform: rotate(79deg); }
.progress-circle.p23 .value-bar { transform: rotate(83deg); }
.progress-circle.p24 .value-bar { transform: rotate(86deg); }
.progress-circle.p25 .value-bar { transform: rotate(90deg); }
.progress-circle.p26 .value-bar { transform: rotate(94deg); }
.progress-circle.p27 .value-bar { transform: rotate(97deg); }
.progress-circle.p28 .value-bar { transform: rotate(101deg); }
.progress-circle.p29 .value-bar { transform: rotate(104deg); }
.progress-circle.p30 .value-bar { transform: rotate(108deg); }
.progress-circle.p31 .value-bar { transform: rotate(112deg); }
.progress-circle.p32 .value-bar { transform: rotate(115deg); }
.progress-circle.p33 .value-bar { transform: rotate(119deg); }
.progress-circle.p34 .value-bar { transform: rotate(122deg); }
.progress-circle.p35 .value-bar { transform: rotate(126deg); }
.progress-circle.p36 .value-bar { transform: rotate(130deg); }
.progress-circle.p37 .value-bar { transform: rotate(133deg); }
.progress-circle.p38 .value-bar { transform: rotate(137deg); }
.progress-circle.p39 .value-bar { transform: rotate(140deg); }
.progress-circle.p40 .value-bar { transform: rotate(144deg); }
.progress-circle.p41 .value-bar { transform: rotate(148deg); }
.progress-circle.p42 .value-bar { transform: rotate(151deg); }
.progress-circle.p43 .value-bar { transform: rotate(155deg); }
.progress-circle.p44 .value-bar { transform: rotate(158deg); }
.progress-circle.p45 .value-bar { transform: rotate(162deg); }
.progress-circle.p46 .value-bar { transform: rotate(166deg); }
.progress-circle.p47 .value-bar { transform: rotate(169deg); }
.progress-circle.p48 .value-bar { transform: rotate(173deg); }
.progress-circle.p49 .value-bar { transform: rotate(176deg); }
.progress-circle.p50 .value-bar { transform: rotate(180deg); }
.progress-circle.p51 .value-bar { transform: rotate(184deg); }
.progress-circle.p52 .value-bar { transform: rotate(187deg); }
.progress-circle.p53 .value-bar { transform: rotate(191deg); }
.progress-circle.p54 .value-bar { transform: rotate(194deg); }
.progress-circle.p55 .value-bar { transform: rotate(198deg); }
.progress-circle.p56 .value-bar { transform: rotate(202deg); }
.progress-circle.p57 .value-bar { transform: rotate(205deg); }
.progress-circle.p58 .value-bar { transform: rotate(209deg); }
.progress-circle.p59 .value-bar { transform: rotate(212deg); }
.progress-circle.p60 .value-bar { transform: rotate(216deg); }
.progress-circle.p61 .value-bar { transform: rotate(220deg); }
.progress-circle.p62 .value-bar { transform: rotate(223deg); }
.progress-circle.p63 .value-bar { transform: rotate(227deg); }
.progress-circle.p64 .value-bar { transform: rotate(230deg); }
.progress-circle.p65 .value-bar { transform: rotate(234deg); }
.progress-circle.p66 .value-bar { transform: rotate(238deg); }
.progress-circle.p67 .value-bar { transform: rotate(241deg); }
.progress-circle.p68 .value-bar { transform: rotate(245deg); }
.progress-circle.p69 .value-bar { transform: rotate(248deg); }
.progress-circle.p70 .value-bar { transform: rotate(252deg); }
.progress-circle.p71 .value-bar { transform: rotate(256deg); }
.progress-circle.p72 .value-bar { transform: rotate(259deg); }
.progress-circle.p73 .value-bar { transform: rotate(263deg); }
.progress-circle.p74 .value-bar { transform: rotate(266deg); }
.progress-circle.p75 .value-bar { transform: rotate(270deg); }
.progress-circle.p76 .value-bar { transform: rotate(274deg); }
.progress-circle.p77 .value-bar { transform: rotate(277deg); }
.progress-circle.p78 .value-bar { transform: rotate(281deg); }
.progress-circle.p79 .value-bar { transform: rotate(284deg); }
.progress-circle.p80 .value-bar { transform: rotate(288deg); }
.progress-circle.p81 .value-bar { transform: rotate(292deg); }
.progress-circle.p82 .value-bar { transform: rotate(295deg); }
.progress-circle.p83 .value-bar { transform: rotate(299deg); }
.progress-circle.p84 .value-bar { transform: rotate(302deg); }
.progress-circle.p85 .value-bar { transform: rotate(306deg); }
.progress-circle.p86 .value-bar { transform: rotate(310deg); }
.progress-circle.p87 .value-bar { transform: rotate(313deg); }
.progress-circle.p88 .value-bar { transform: rotate(317deg); }
.progress-circle.p89 .value-bar { transform: rotate(320deg); }
.progress-circle.p90 .value-bar { transform: rotate(324deg); }
.progress-circle.p91 .value-bar { transform: rotate(328deg); }
.progress-circle.p92 .value-bar { transform: rotate(331deg); }
.progress-circle.p93 .value-bar { transform: rotate(335deg); }
.progress-circle.p94 .value-bar { transform: rotate(338deg); }
.progress-circle.p95 .value-bar { transform: rotate(342deg); }
.progress-circle.p96 .value-bar { transform: rotate(346deg); }
.progress-circle.p97 .value-bar { transform: rotate(349deg); }
.progress-circle.p98 .value-bar { transform: rotate(353deg); }
.progress-circle.p99 .value-bar { transform: rotate(356deg); }
.progress-circle.p100 .value-bar { transform: rotate(360deg); }

.pck-box { display: flex; align-items: start; grid-gap: 30px; } 
.pck-item { flex: 1 1 0;   border-radius: 1rem;   transition: all 0.2s;    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
    background: #fff;    display: flex;    flex-direction: column; } 
.pck-header { border-bottom: 1px solid rgba(0, 0, 0, .1); padding: 30px; text-align: center; } 
.pck-info { padding: 30px; } 
.pck-header h6 {color: var(--tblue);font-weight: 500;letter-spacing: 1px;margin-bottom: 10px;} 
.card-price {font-size: 48px;font-weight: 700;min-height: 81px;display: flex;align-items: center;justify-content: center;grid-gap: 4px;} 
span.period { font-size: 13px; font-weight:400; } 
.pck-item.checklist-style ul li { font-size: 16px; }
.card-price h4 { font-size: 24px;  font-weight: 700; margin-bottom: 0px;}
.fs-24{font-size: 24px;}
.ptlogo { display: flex;  grid-gap: 40px;  flex-wrap: wrap;  margin-top: 40px;}
.ptlogo img { max-height: 40px; filter: grayscale(100%);}

.nav-tabs { border-bottom: 1px solid #dee2e6; margin-bottom: 40px; } 
.nav-link { color: #333; padding: 7px 0px; min-width: auto; background: transparent !important; border: 0px !important; border-bottom: 2px solid transparent !important; border-radius: 0px; } 
.nav-tabs-container .nav-link { color: #333 !important; } 
.nav-tabs-container li.nav-item { margin-right: 40px; } 
.nav-link.active { border-bottom: 2px solid #2DBB98 !important; font-weight: 700; } 
.tab-content-container { padding: 20px 0px; }
.tab-content-container div.fs-24 { margin-bottom: 40px;}
.iframe-cont iframe {   width: 76%;  margin: 0 auto;}
.modal-dialog { max-width: 560px; } 
.modal-body { padding: 0px; } 
.welcome-model { padding: 40px; display: flex; grid-gap: 22px; } 
.modal-body {} .modal-content { background-color: #ebebeb; } 
.wimg { width: 146px; } 
.wtxt h4 { color: #444; font-size: 1.3em; font-weight: 600; margin-bottom: 5px; } 
.wtxt p { color: #666; font-size: 14px; font-weight: 400; } 
.wtxt .btn { width: 100%; } 
button.btn-close { min-width: auto; position: absolute; right: 10px; top: 10px; }


@media   (min-width:991.98px) {
.catlist-bar .catlist .dorpdown { position: relative;}
.catlist-bar .catlist .dorpdown ul {border-radius: 15px;position: absolute;z-index: 99;top: 100%;left: 0px;width: 300px;background: #fff;box-shadow: 0 10px 11px 0 rgb(0 0 0 / 5%);padding: 30px 20px;border: 1px solid #770bd2;margin: 0px;opacity: 0;pointer-events: none;max-height: 350px;overflow-y: auto;} 
.catlist-bar .catlist .dorpdown ul li { list-style: none; font-weight: 500;} 
.catlist-bar .catlist .dorpdown ul li button { padding: 14px 20px; display: inline-block; width: 100%; text-align: left; } 
.catlist-bar .catlist .dorpdown ul li:not(:last-child) { border-bottom: 2px solid #eee; }
.catlist-bar .catlist .dorpdown:hover ul { opacity: 1;  pointer-events: auto;}
.catlist-bar .catlist .dorpdown ul li a { color: #000;  padding: 5px 0px;  display: inline-block; width: 100%;}
.catlist-bar .catlist .dorpdown ul li:hover >a{color: var(--tblue);}

}



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


/* container */
 

.container-left {
    padding-left: calc(50% - 570px);
}
 
@media (min-width: 767px){ 
.container { max-width: 100%;}
}


@media (min-width: 768px){
.container {max-width: 90%;}
}

@media (min-width: 992px){
.container {max-width: 90%;}

}
@media (min-width: 1200px){
.container {max-width: 90%;  }
.container-fluid {padding-left: 15px;  padding-right: 15px;}
.inner-banner {  padding-top: 140px; padding-bottom: 176px;}
	
}

 
@media (min-width: 1400px){
.container, .container-lg{  max-width: 90%;}


}