@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');



:root {
--link-clr: #0352D2;
--text-dark: #000000;
--text-light: #232323;
--btn-bg: linear-gradient(267.4deg, #0545AD -2.53%, #005DF4 103.17%);
--btn-borderClr:#044CC0;
--btn-bg-hover:  linear-gradient(180.4deg,  #0445af 103.17%,  #0545AD -2.53%);
--tcolor:#044DC3;
--primary-textclr: #000000;
--bgdark: #0B091F;
 --bglight:#F5F7FF;
--primary-font:  "Montserrat", sans-serif;
--secondary-font:  "Noto Sans", sans-serif;
--fsbody: 18px;
--whitetext:#ffffff;
--whitebg:#ffffff;
 
}


.tcolor{color: var(--tcolor);}
.bg-site {background-color: var(--bgdark);color: var(--whitetext);}
.bg-light{ background-color: var(--bglight) !important;} 
.bg-dark {background-color: var(--bgdark) !important; color: var(--whitetext);} 
.text-light{color:var(--text-light);} 
 

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: 700; line-height: 1.2;  
margin-bottom: 20px; color: var(--text-dark);}
.main-section a.link {word-break: break-all;overflow: hidden;display: inline-block;}
a.link i {font-size: 11px;}
h1{font-size: 55px;}
h2,
.heading-h2{font-size: 45px; }
h3{font-size: 30px;}
h4{font-size: 26px;}
h5{font-size: 22px;}
h6{font-size: 16px;}
img{max-width: 100%;}
button, .btn, input[type="submit"]{min-width: 137px; padding: 10px 30px;cursor: pointer;position: relative;
  font-family: var(--secondary-font); box-shadow: none !important; color: var(--whitetext); background: var(--btn-bg);letter-spacing: 0;
    font-size:18px;line-height: 21px;font-weight: 500;border-radius:0px;text-transform: capitalize; border: 2px solid transparent;  }


[type=reset]:hover, [type=submit]:hover, button:hover, .btn:hover, html [type=button]:hover  {
  background: var(--btn-bg-hover);  color: var(--whitetext); 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: 16px;   -webkit-appearance: none;}

.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: 4px;
  border: 1px solid #BDBDBD; background:var(--whitebg);  box-shadow:none !important;
  font-size: 16px;font-weight: 400;color: var(--text-dark);  font-family: var(--secondary-font);}
textarea.form-control { min-height: 91px;}
.form-control:focus {  background-color: transparent;  border-color: #424242;} 
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(--bglight);   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; font-size: 12.8px; color: #757575;}
.sm-container{padding: 0px 85px;}
.outline-btn{color: var(--tcolor); background: transparent; border-color: var(--btn-borderClr);}

 /* nochange*/
 
.font-medium{ font-weight: 500;}
.underline {text-decoration: underline;}
 strong { font-weight: 700;}
.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; border-radius: 50px;}
.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;}
.vam{vertical-align: middle;} 
.w-300{font-weight: 300;}

.form-group .form-control::placeholder {  color: #757575; opacity: 1;  }
.form-group .form-control::-webkit-input-placeholder { color: #757575; opacity: 1;}
.form-group .form-control::-moz-placeholder {color: #757575; opacity:1;}
.form-group .form-control:-ms-input-placeholder { color: var(--whitetext); opacity: 1;}
.form-group .form-control:-moz-placeholder { color: #757575; opacity: 1;}


.main-section{padding:60px 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 { background-color: var(--bglight); position: fixed; top: 0px; left: 0px; width: 100%; z-index: 99; padding: 0px 15px; transition: all .5s;    }
.header.sticky{ box-shadow: 2px 3px 10px rgba(18, 18, 18, 0.139);   background-color: var(--whitebg);}
.header-nav { display: flex; align-items: center; justify-content: end; gap: 30px;}
.menu ul.list-style > li {margin-right: 20px;position: static; font-size: 16px; font-weight: 600;} 
.menu ul.list-style > li.relative{position:relative;}
    color: var(--whitetext);

.menu ul.list-style > li:last-child { margin-right: 0; } 
.menu ul.list-style > li > a {color: var(--primary-textclr); padding: 6px 16px; background-color: transparent; border-radius: 20px;} 
.menu ul.list-style > li:hover > a,
.menu ul.list-style > li.active > a{background-color: var(--bglight); color: var(--link-clr);}
.menu >ul >li { padding-block: 30px;}
.menu ul.list-style > li > ul { position: absolute; left: 0px; width: 100%; padding: 10px 0px; text-align: left; 
  background: var(--whitebg);; top: 100%; opacity: 0; pointer-events: none; right: 0; min-width: 250px;} 
.menu ul.list-style > li:hover > ul{ opacity: 1; pointer-events: all;}  
.menu ul.list-style > li > ul > li { margin: 0px; display: inline-block; width: 100%; } 
.menu ul.list-style > li > ul > li > a { display: inline-block; width: 100%; padding: 5px 10px; color: var(--whitetext); } 
.menu ul.list-style > li > ul > li:hover > a {   color: var(--link-clr); }
.sub-menu-hover { padding: 15px 60px;}
.sub-menu-hover h2 {color: var(--bs-white); font-size: 26px; margin: 0; padding-bottom: 32px;}
ul.child-menu-hed.row { padding: 0; margin: 0;}
.sub-menu-hover > ul.child-menu-hed.row > li {margin-right: 80px; width: 29.9% !important; padding: 0; border-right: 1.5px solid transparent; border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #fff 50%, rgba(0, 0, 0, 0) 100%) 1; border-image-slice: 1;}
.sub-menu-hover > ul.child-menu-hed.row > li:last-child { margin: 0; border: 0;}
.sub-menu-hover > ul.child-menu-hed.row > li > a { color: var(--whitetext); margin-bottom: 10px; display: inline-block; font-family: var(--secondary-font); font-size: 26px; font-weight: 700;}
.sub-menu-hover > ul.child-menu-hed.row > li ul { padding: 0;}
.sub-menu-hover > ul.child-menu-hed.row > li li { display: block; font-size: 18px; font-weight: 500; padding: 10px 0;}
.sub-menu-hover > ul.child-menu-hed.row > li li { color: var(--whitetext); display: block; font-size: 18px; font-weight: 500; padding: 10px 0;}
.child-menu a{color: var(--whitetext);}
.child-menu a:hover{color: var(--link-clr);}

.inner_hero,
.hero { background-image: url(images/herobg.png); background-position: top left;     padding-block: 200px 50px; }
.inner_hero .hero-text{margin-inline-end: 90px;}
.hero:after{content: ""; position: absolute; inset-inline-end:0px; inset-block-start: 0px; inset-inline-end: 0px; width: 300px; height: 500px;
background-image: url(images/rightheror.png);}
.t-center{text-align: center;}
.hero .hero-text{max-width: 1000px; margin-inline: auto;  }
.hero .hero-text h1 {
    font-weight: 300;
    font-size: 64px;
}
.clintLogo .item{height: 60px; display: flex; align-items: center; justify-content: center;}

.htagline { position: relative;}
.htagline:before, 
.htagline:after {content: "";  width: 200px;  height: 1px; position: absolute; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0.5%, #000000 48.5%, rgba(0, 0, 0, 0) 100%);
top:50%; opacity: 0.5;}
.htagline:before { inset-inline-start: -200px;}
.htagline:after { inset-inline-end: -200px;}
.card1{background: linear-gradient(164.51deg, #753BF6 0%, #A7B5FE 96.51%);}
.card2{background: linear-gradient(164.51deg, #753BF6 0%, #162da0 96.51%);}
.card3{background: linear-gradient(164.51deg, #753BF6 0%, #242b4f 96.51%);}
.plancard::before{ content: ""; position: absolute; inset: 0; background: url(images/cardbg.png); background-position: top right; background-repeat: no-repeat; background-size: contain; opacity: 0.5; pointer-events: none; }
.relative{position: relative;}


.row.card_row { gap: 50px; flex-wrap: nowrap; overflow-x: scroll; } 
.row.card_row .xs-col { width: 100%; flex: auto; } 
.plancard { padding: 40px; display: flex; flex-direction: column; gap: 20px; color: var(--whitetext); } 
.plancard h4 { font-size: 26px;  color: var(--whitetext);margin-block-end: 0px; } 
.plancard ul { padding-inline-start: 0px; list-style: none; display: flex; flex-direction: column; gap: 5px; } 
.plancard ul li { font-size: 18px; font-weight: 500; font-family: var(--primary-font); opacity: 0.8; }
.heading{font-size: 3rem; font-weight: 300; font-family: var(--secondary-font);}
span.tag { background: #2828371A;  font-size: 14px; line-height: 0; padding: 5px 11px;  font-family: var(--primary-font);}
 .videoSlidedr .item .wistia_responsive_padding {  border-radius: 16px; overflow: hidden;}


 /* main section */

 .cta-section { background-image: url(./images/ctabg.png);}
 .award.cta-section { background-image: url(./images/awardbg.png);}
 .award.cta-section span.tag { background: rgb(184 184 184 / 30%);}
 .award.cta-section .heading { color: var(--whitetext);}
 .serving-client-section h1 { font-weight: 300;}
.ready-make .justify-content-center, .FAQ .justify-content-center, .serving-client-section .justify-content-center{justify-content: unset !important;}
.entrepreneurial-section .main-title.text-center { max-width: 80%; margin: 0 auto;}
.entrepreneurial-section h4, .services-tabber ul#myTab h4 { margin-top: 15px; font-size: 24px; font-family: var(--primary-font);}
.entrepreneurial-section .row > div > div { padding: 0 27px; text-align: justify;}
.cert-home span { display: inline-block; max-width: 187px; max-height: 160px; width: 100%; padding-right: 20px;}
.cert-home span.img-awd { max-width: 148px;}
.cert-home { text-align: center; padding-top: 30px; display: flex; justify-content: space-evenly;}
.dg-awards { display: flex; justify-content: space-evenly; text-align: center; margin: 50px 0 30px 0; border-bottom: 1px solid transparent; border-image-source: url("./images/bg-border.png"); border-image-slice: 30; padding-bottom: 50px; border-image-repeat: unset;}
.dg-awards > img:not(:last-child) { margin-right: 35px;}


/* 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: var(--btn-bg) !important; overflow: hidden; display: inline-block; min-width: auto !important; margin-right: 7px; width: 10px; height: 10px; border: 1px solid var(--whitebg) !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 var(--whitebg) !important; color:var(--whitetext) !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";} 
.featured-articles-Slidedr .item { border: 1px solid #D7D7D7; padding: 25px;}
.featured-articles-Slidedr .owl-carousel .owl-item .item img { max-width: 100%; height: 200px; object-fit: cover;}
.white-text{color: var(--whitetext) !important;}

.owl-dots button {background-color: var(--btn-bg) !important;overflow: hidden;display: inline-block;min-width: auto !important;margin-right: 7px;width: 9px;height: 7px;border: 1px solid var(--whitebg) !important;border-radius:50px;}
.owl-dots button.owl-dot.active {background: var(--btn-bg) !important; width: 20px;height: 7px;}
 
/* testimonial owl */
.testimonialSlidedr { margin-top: 40px;}
.testimonialSlidedr .item { text-align: center; max-width: 77%; margin: 0 auto;}
.testimonialSlidedr .item span.client { display: block; margin-bottom: 15px;}
.testimonialSlidedr .item span.client img { margin: 0 auto; width: auto;}
h6.client-title { font-weight: 400; font-size: 24px; margin-bottom: 21px;}
h6.client-title a,
.marketing-details span a{font-weight: normal; color: var(--primary-textclr);}
h6.client-title a:hover,
.marketing-details span a{color: var(--link-clr);}
h5.client-name { font-size: 24px; margin-bottom: 10px;}
.testimonialSlidedr .item p { font-size: 20px;}
.featured-articles-Slidedr .owl-dots button, .testimonialSlidedr .owl-dots button, .customer-story-Slidedr .owl-dots button {background-color: var(--bs-gray) !important;}
.ind a{color: var(--primary-textclr);}
.ind a:hover{color: var(--link-clr);}
.marketingauto-section a.btn + .btn {  margin-inline-start: 30px;}

/* footer  */
.footerlogo { padding-bottom: 25px; text-align: center;}
.address { text-align: center; font-size: 20px; padding-bottom: 25px; }
.right-section ul { list-style: none; padding: 0; margin: 0;}
.right-section ul li a { color: var(--primary-textclr);}
.copyright .row{ padding: 29px 0; border-top: 1.5px solid; border-image-source: linear-gradient(90deg, rgba(0, 0, 0, 0) 0.5%, #000000 48.5%, rgba(0, 0, 0, 0) 100%); border-image-slice: 1;}
.copyright ul { list-style: none; padding: 0; margin: 0; text-align: right;}
.copyright ul li { display: inline-block; font-size: 16px; padding-left: 15px; padding-right: 15px;}
.copyright ul li a { color: var(--primary-textclr); text-decoration: underline;}
.copyright p {margin: 0; font-size: 16px;}
.copyright ul li:last-child {border-left: 1px solid #000; padding-right: 0;}
.right-section ul.footer-menu > li { font-size: 24px;}
.right-section ul ul li { padding-bottom: 20px;}
.right-section h6 { font-size: 24px;}
.review { text-align: center;}
.social-icon span { display: inline-block; padding-right: 12px;}
.social-icon span img { width: 37px; height: 37px;}
.social-icon { text-align: center; margin-bottom: 40px;}
.left-section { border-right: 1.5px solid transparent; border-image-slice: 1; border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0.5%, #000000 48.5%, rgba(0, 0, 0, 0) 100%); border-image-width: 1.5; border-image-outset: 0; border-image-repeat: stretch; padding-right: 53px; margin-right: 61px; width: 28%;}

.back-to-top { position: fixed;  bottom: 70px;  right: 30px; text-align: center; font-size: 16px; color: var(--primary-textclr); letter-spacing: .308px; z-index: 1111;
    display: inline-block !important;}
.back-to-top span { border-radius: 50%; width: 42px;  height: 42px;  overflow: hidden;   display: inline-block;
 line-height: 42px;vertical-align: middle;  margin-left: 10px; letter-spacing: .308px; background:var(--btn-bg); color:var(--whitetext);}
 

/* breadcrumb */
li.breadcrumb-item > a { color: var(--primary-textclr);}
li.breadcrumb-item.active { color: var(--link-clr);}

 /* FAQ */
.FAQ .main-title.text-center { text-align: left !important; padding-right: 46px;}
ul.faq-questions {list-style: none; padding: 0;}
ul.faq-questions > li { margin: 8px 0;   padding: 12px 14px; border-radius: 8px; cursor: pointer; position: relative;}
ul.faq-questions > li ul, ul.Marketing-questions > li ul { display: none; /* hide children */ margin: 0px; padding-left: 0; background: var(--whitebg); border-radius: 6px; list-style: none;}
ul.faq-questions > li ul li { padding: 8px 10px; margin: 4px 0; background: var(--bglight); border-radius: 4px;}
ul.faq-questions > li h6 { font-weight: 400; font-size: 20px; font-family: var(--primary-font);}
ul.faq-questions > li h6 { font-weight: 400; font-size: 20px; border-bottom: 1px solid #000; margin: 0; padding-bottom: 20px}
ul.faq-questions > li:last-child h6 { border: 0;}
ul.faq-questions > li h6 span {float: right;}



/*  Blog   */

.blog-title-banner, .get-in-touch-page, section.hero.service-page { padding-top: 100px;}
.blog-title-banner h1 { color: var(--whitetext); font-size: 64px; font-weight: 300; margin-bottom: 10px;}
.banner-inner { color: var(--whitetext);}
.imp-post-item .date { font-size: 20px; font-weight: 500;}
.imp-post-item h1 { color: var(--whitetext); font-size: 45px; margin-top: 8px; padding-right: 34px;}
.author-details { display: inline-block; width: 50%; vertical-align: top; margin-left: 15px;}
.author-gr img { display: inline-block; width: 77px; height: 77px; border-radius: 86.5px; vertical-align: top;}
.author-details h6 { color: var(--whitetext); font-size: 24px; font-family: var(--primary-font); margin-bottom: 5px;}
.author-details p { color: var(--whitetext); font-size: 16px; margin-bottom: 13px;}
.imp-post-item .right-img img {width: 525px;height: 362px;border-radius: 50px;display: block;}
.social-icon.author-icon {text-align: left;}
.social-icon.author-icon span { padding-right: 21px;}
.social-icon.author-icon span img { width: 29px; height: 29px;}
.tags span, .categories a { display: inline-block; border: 2px solid #D3D3D3; padding: 15px; margin-right: 22px; margin-bottom: 24px;}
.tags { text-align: center;}
.blog-tags { margin-top: 80px;  }
.post-item { border: 1px solid #D7D7D7; padding: 25px; margin-right: 25px; width: 32%; margin-bottom: 30px;}
.blog-post .post-item:last-child { margin-right: 0;}
.marketing-details { margin-top: 25px;}
.post-item span.date { font-size: 16px;}
.post-item h6.client-title {font-family: var(--primary-font);font-size: 26px;font-weight: 600;margin-top: 10px;line-height: 35px;}
.post-item p { text-align: justify;}
.post-item p a {color: var(--primary-textclr);font-weight: 600;}
.pagination { justify-content: center; margin-top: 10px; margin-bottom: 20px;}
li.page-item { margin-right: 5px;}
.pagination .page-link { border-radius: 0.5rem; margin: 0 3px; color: #000; border: 0px; font-size: 13px; font-weight: 600;}
.pagination .page-item.active .page-link { background-color: #0d6efd; border-color: #0d6efd; color: #fff;}
.pagination .page-link:hover { background-color: #0d6efd; border-color: #0d6efd; color: #fff;}
.pagination .page-item.disabled .page-link { color: #6c757d; pointer-events: none; background-color: #fff;}
.Cer-ready > div { text-align: center;}
.Cer-ready > div img { max-width: 148px; margin: 0 40px; width: 100%;}
.Cer-ready > div img.img-blog-awd { max-width: 187px; width: 100%;}
/*
.blog-bg { margin: 0 auto; overflow-x: hidden; position: relative; background-image: url(./images/bluebg.png); background-size: 100% 100%; max-width: 100vw !important; padding: 0 !important;}
*/
.blog-bg { 
margin: 0 auto; 
overflow-x: hidden; 
position: relative; 
background-size: 100% 100%; 
max-width: 100vw !important; 
padding: 0 !important;
background: #1e47f6;
}

.banner-inner { color: var(--whitetext);}
.imp-post-item {background-color: var(--bgdark);padding: 30px;border-radius: 50px;}


/*     Blog Post   */

.blog-post-page {padding-top: 130px;}
 span.date.post-date {font-size: 20px; font-weight: 500; display: inline-block; margin-bottom: 10px;}
section.blog-post-details .post-left h1 { font-family: var(--secondary-font); font-size: 45px; font-weight: 300; margin-bottom: 40px;}
.post-icon-group { border-block: 1px solid #D9D9D9; padding: 21px 0;}
.social-icon.post-icon img { width: 30px; height: 30px; margin-left: 15px; display: inline-block; margin-right: 10px;}
.social-icon.post-icon > span { font-size: 16px; padding: 0;}
.post-icon-group p{margin: 0;}
.social-icon.post-icon { margin: 0; text-align: right;}
.post-icon-group p img {width: 32px;height: 32px;}
ul.content-heading > li { list-style: none; margin: 0; padding: 0; font-size: 24px; font-weight: 700; margin-bottom: 13px; cursor: pointer;}
ul.content-heading > li > ul > li > a { font-size: 18px; color: var(    --primary-textclr); text-decoration: underline; font-weight: 400;}
ul.content-heading > li > ul > li { font-size: 18px; list-style-type: disc;}
ul.content-heading > li > ul {padding-left: 22px;}
.post-content-text { margin-top: 100px;}
/*.contents-post { margin-bottom: 50px;}*/
.post-content-text > img { border-radius: 50px;}
.details-artical h5 { margin-top: 40px; margin-bottom: 15px; font-size: 24px; font-weight: 700;}
.categories a { color: var(--text-dark);}
.prew-post { padding: 20px; position: sticky; top: 100px;}
.prew-postinner { box-shadow: 2px 4px 18px 0px #00000026; padding: 30px;}
.prew-postinner .prew-post-img { margin-bottom: 30px;}
.prew-postinner h1 { font-size: 26px; font-family: var(--primary-font); text-align: center;font-weight:300;}
.prew-postinner .d-flex.align-center.justify-content-center.gap-4.pt-5 { padding: 0 !important;}
ul.content-innerlink{display: none;}
.content-heading{padding-inline-start: 0px;}

/*  Service Page  */

.Elevbusi-section .main-title { padding-bottom: 50px;}
.Elevbusi-section .ele, .services-tabber .ele { padding-bottom: 50px;}
.Elevbusi-section .ele > div, .services-tabber .ele > div { padding-right: 20px;}
.Elevbusi-section .ele .cardicon > img, .B2b-spec .cardicon > img, .services-tabber .cardicon > img, .industries .cardicon > img { margin-bottom: 20px;}
.Elevbusi-section .ele h4 {font-family: var(--primary-font);}
ul.Marketing-questions h6 { font-size: 24px; font-family: var(--primary-font); margin: 0; padding: 15px;}
ul.Marketing-questions p { text-align: justify; padding: 0 15px;}
ul.Marketing-questions > li { cursor: pointer;}
ul.Marketing-questions h6 span {float: right;}
.marketingauto-section a.btn {      margin-top: 3rem !important;}
.toolsimg { text-align: center; margin-bottom: 30px;}
.service-page h1, .get-in-touch-page h1 {font-size: 64px;}
ul.Marketing-questions > li { list-style: none; position: relative; padding-left: 30px; cursor: pointer;}
ul.Marketing-questions > li::before { content: ""; position: absolute; top: 26px; left: 0; width: 9px; height: 9px; background: url("./images/Ellipse-6.png") no-repeat center center; background-size: contain; transition: 0.3s ease;}
ul.Marketing-questions > li.open::before { background-image: url("./images/icon-responsive.png"); width: 20px; height: 20px; top: 20px; left: -2px;}
ul.Marketing-questions.seo-frame-work > li.open::before { background-image: url("./images/resourcefulicon.png");}


/*   Get In Touch   */
.form-group { width: 480px; float: right; max-width: 100%; box-shadow: 2px 4px 18px 0px #00000026; padding: 30px 50px;}
.get-title-main p, .customer-form p { padding-bottom: 30px;}
.get-title-main img, .customer-form img { border-radius: 50px;}
.form-group h2 { font-size: 26px; font-family: var(--primary-font); margin-block-end: 40px !important;}
.form-group form .mb-3 { position: relative; margin-bottom: 40px !important;}
.form-group form .mb-3 label { position: absolute; background-color: var(--whitebg); left: 10px; top: -12px; padding: 3px 7px; z-index: 1; transition: all .3s;}
.form-group .mb-3:focus-within label { color: #424242;}
.mb-3:has(.form-control:not(:placeholder-shown)) label { left: 0px !important;  top: -28px !important;  background: transparent;  padding: 0px !important;}

.main-title h1, .main-title h2, .main-title h3, .main-title h4 {
    font-weight: 300;
}

section.schedule h4 { font-size: 24px; font-family: var(--primary-font); margin-top: 20px; margin-bottom: 15px;}
.schedule.main-section a { font-size: 20px; padding-right: 10px;}

.entrepreneurial-section.B2b-spec .main-title.text-center { max-width: 100%;}
/* section.hero.service-page .hero-text p, .teamwork-section .teamwork-details p, .seo-puzzle-details p, .seo-agency-details p { text-align: justify;} */
.teamwork-section .heading, .SEO-puzzle-section .heading, .seo-services-section p, .Marketingautomat-section .main-title { padding-bottom: 20px;}
.SEO-puzzle-section .object-fit .row > div > div img, .SEO-agency-section .object-fit .row > div > div img { padding: 10px;}
.seo-puzzle-list { padding-top: 15px;}
.seo-puzzle-list ul, .seo-services-section ul {padding: 0;}
.seo-puzzle-list ul li, .seo-services-section ul li { list-style: none; padding-left: 25px; background: url('./images/tick.png') no-repeat left center; background-size: 15px 15px; margin-bottom: 10px;}
.marketingauto-section {    background-image: url(./images/ctabg.png);}
.seo-services-section ul li {padding-bottom: 20px;}
.B2Bm-page img { height: 537px !important; width: 571px !important;}
section.hero.B2Bm-page { padding-bottom: 100px; padding-top: 100px;}
section.hero.service-page:after, section.hero.B2Bm-page:after { display: none;}
/* section.main-section.logo_section, section.main-section.Elevbusi-section, .main-section.entrepreneurial-section, section.main-section.Marketingautomat-section, 
section.main-section.featured_article { padding-top: 0;} */

.hero-text.b2b-text-over { background-color: var(--whitebg); border: 0; border-radius: 30px; padding: 40px; position: absolute; z-index: 2; top: 26%; left: 0%; width: 55%; border-bottom-right-radius: 0;}
.object-fit.br-50 { position: relative; z-index: 1;}
.hero.B2Bm-page .container .row { position: relative;}

.toolsimg { background-color: #cacedd80; min-height: 166px; justify-content: center; align-items: center; padding: 15px; display: flex;}
.toolsimg > img { justify-content: center; align-items: center;}
section.main-section.featured_article.home-p { padding: 60px 0px;}
.our-customer-section .cardicon { min-height: 166px; justify-content: center; align-items: center; padding: 15px;  background-color: var(--bglight); display: flex; text-align: center; margin-bottom: 30px;  } 
.awards-section.our-customer-section .cardicon {background-color: transparent; padding: 0px;}

/*    Tabber    */
.services-tabber ul#myTab { border: 0; border: 1px solid #005DF4; width: max-content; align-items: center; margin: auto; margin-top: 30px; margin-bottom: 40px;}
.services-tabber .nav-tabs .nav-link, .services-tabber .border { border: 0 !important;}
.services-tabber .nav-tabs .nav-link { font-family: var(--primary-font); color: var(--text-dark); border-radius: 0;}
.services-tabber .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { cursor: pointer; position: relative; box-shadow: none !important; color: var(--whitetext); background: var(--btn-bg); letter-spacing: 0; font-size: 18px;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {color: var(--whitetext); background: var(--btn-bg);}
.industries { padding: 1rem;  padding-top: 40px;}
.ind { margin-bottom: 30px;}
section.hero.terms-hero h1, .ourteam-section h1, .about-team-page h1 { font-weight: 300; font-size: 64px;}
.terms-content p { margin: 20;}
.terms-content h2, .terms-content h3 { font-size: 24px; margin-top: 25px; margin-bottom: 10px; font-family: var(--primary-font);}
.main-section.terms-content { padding-bottom: 40px !important;}
.member { padding: 20px; border: 1px solid #D7D7D7;}
.member img { width: 100%; object-fit: cover;}
.member h4 { font-family: var(--primary-font); margin-top: 30px; margin-bottom: 10px;font-weight:normal;}
.member p { margin: 0; margin-bottom: 16px;}
.member a img { width: auto;}
.member a { font-size: 20px; font-weight: 600;}
section.grow-video { padding-bottom: 60px;}
section.grow-video p { max-width: 888px; margin: 0 auto; padding-top: 20px;}
.cust-details .post-left > p { padding-top: 15px; margin-bottom: 20px;}
.item.author-details-page { text-align: center; background-color: var(--bglight); padding: 20px; border-radius: 50px;}
.item.author-details-page h5 { padding-top: 20px;}
.cust-details .details-artical h5 { font-family: var(--primary-font);}
.more-customer-story h2 { font-weight: 300; font-size: 64px;}
.customer-s-logo { width: 350px; height: 211px; justify-content: center; align-items: center; display: flex; background-color: var(--bglight);}
.customer-s-logo img { width: 227px !important; height: 83px;}
.video-section .member { border: 0; padding: 0;}
.video-section p { font-size: 24px;}
.video-section h4 { margin-bottom: 0;}
.glossary-page .search-bar { max-width: 500px; margin: 50px auto; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; display: flex;}
.glossary-page .search-bar input { border-radius: 0;}
.glossary-page .search-bar input:focus { outline: none; box-shadow: none; border: 1px solid #005DF4}
.glossary-page .search-bar button:hover { opacity: 0.9;}
.glossary-page .form-control::placeholder {  color: #757575; opacity: 1;  }
.glossary-page .form-control::-webkit-input-placeholder { color: #919191; opacity: 1;}
.glossary-page .form-control::-moz-placeholder {color: #919191; opacity:1;}
.glossary-page .form-control:-ms-input-placeholder { color: #919191; opacity: 1;}
.glossary-page .form-control:-moz-placeholder { color: #919191; opacity: 1;}
.marketing-slidedown ul ul {display: none;}
.marketing-slidedown ul { margin: 0; padding: 0; list-style: none;}
.marketing-slidedown ul h6 { position: relative; font-size: 24px; font-family: var(--primary-font); margin-bottom: 10px;}
.marketing-slidedown ul .details { padding-bottom: 25px;}
.marketing-slidedown > ul > li { border-bottom: 2px solid #E5E5E5; margin-bottom: 50px; padding-bottom: 15px;}
.marketing-slidedown ul h6 span { float: right;}
.marketing-slidedown > ul > li > h6::before { content: ""; position: absolute; top: 10px; right: 0; width: 17px; height: 9px; background: url("./images/dropdown-icon.png") no-repeat center center; background-size: contain; transition: 0.3s ease;}
.marketing-slidedown > ul > li.open > h6::before { background-image: url("./images/slide-down.png");}
.cta-img img { max-height: 350px;   width: 100%;  object-fit: cover;}

.featurelogo { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 30px; max-width: 90%; margin-inline: auto; } 
.seo-puzzle-list ul { align-items: center; gap: 10px; } 
.seo-puzzle-list ul li { width: 50%;
    float: left;}
.ratio-1x1 {  --bs-aspect-ratio: 50%;}
.wpcf7-not-valid-tip { font-size: 12px !important; }
.cat-tags{display: flex; align-items: self-start; gap: 20px; list-style: none; padding: 0px; margin-block-end: 25px; justify-content: center; }
.cat-tags li a{ border: 2px solid #D3D3D3;   padding: 15px; color: var(--primary-textclr);}  
.cat-tags li a:is(:hover, .active, :focus),
.cat-tags li input:is(:hover, .active, :focus) + a{ border: 2px solid var(--link-clr);   background-color: var(--link-clr); color: var(--whitetext); }  

ul.cat-tags li ul { position: absolute; background: #fff; padding: 20px; border-radius: 10px; box-shadow: 2px 0px 5px #000; top: calc(100% + 0px); min-width: 250px; 
  display: flex; flex-direction: column; gap: 10px; display:none;     max-height: 250px; overflow-y: auto; } 
ul.cat-tags li.dropdwn input{position: absolute; inset: 0; opacity: 0; cursor: pointer;}
ul.cat-tags li.dropdwn:hover ul{display:flex;} 
ul.cat-tags li { position: relative; display: flex; align-items: center; } 
ul.cat-tags li ul li {width: 100%;} 
ul.cat-tags li ul li a { width: 100%; padding: 0px;  border: 0px; font-size: 13px;}
ul.cat-tags li ul li a:hover{background-color: transparent; color: var(--link-clr); border: 0px;}
.main-post .item { border: 1px solid #D7D7D7; padding: 25px; height: 100%; } 
.main-post .col-lg-4.xs-col { margin-block-end: 30px; }

.wp-pagenavi span.pages, 
.wp-pagenavi span, 
.wp-pagenavi a { border: 1px solid #F1F1F1 !important; display: flex !important; border-radius: 5px; display: flex !important; padding: 5px 15px; min-width: 32px; 
   color: var(--primary-text); align-items: center; justify-content: center; } 
.wp-pagenavi { display: flex; align-items: center; gap: 10px; }
span.date {  font-size: 16px;  opacity: 0.5; margin-block-end: 10px; display: block;}
.wp-pagenavi span.current{background-color: var(--link-clr); color: var(--whitetext);}
.blog-title-banner .banner-inner {  margin-block-end: 50px;}
div#ez-toc-container { background-color: #fff;  border-radius: 10px; border-color: #D7D7D7; } 
.ez-toc-list li { margin-block-end: 10px !important; } 
.ez-toc-list { padding-inline-start: 15px !important; } 
#ez-toc-container a:hover { color: var(--link-clr); }
div#ez-toc-container.toc_close{padding: 20px;}

.Database a {  color: var(--text-dark);}
.Database a:hover { color: var(--link-clr); }
span.bluedot { width: 16px; height: 16px; display: inline-block; background: #778CF3; vertical-align: middle; border-radius: 100%; margin-inline-end: 5px; }
.contactpg-info .cardicon img {  max-height: 64px;}
.contactpg-info .Resources p { min-height: 70px;}

@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: 720px;}
}

@media (min-width: 992px){
.container {max-width: 960px;}
.container-left {  padding-inline-start: 5%;}
.teamwork-details {padding-inline-end: 40px;}



}
@media (min-width: 1200px){
.container {max-width: 1170px;  }
.container-fluid {padding-left: 15px;  padding-right: 15px;}

}

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


}