/* 
Theme Name: SeahawkMedia
Theme URI: https://seahawkmedia.com/
Description: SeahawkMedia theme of Hello Elementor, created by SeahawkMedia team
Author: Seahawkmedia Team
Author URI: https://seahawkmedia.com/
Template: hello-elementor
Version: 2.5.0
Text Domain: seahawkmedia-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

@font-face {
    font-family: 'Avenir Next Regular';
    src: url('fonts/AvenirNextLTPro-Regular.eot');
    src: url('fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNextLTPro-Regular.woff2') format('woff2'),
        url('fonts/AvenirNextLTPro-Regular.woff') format('woff'),
        url('fonts/AvenirNextLTPro-Regular.ttf') format('truetype'),
        url('fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next Medium';
    src: url('fonts/AvenirNextLTPro-Medium.eot');
    src: url('fonts/AvenirNextLTPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNextLTPro-Medium.woff2') format('woff2'),
        url('fonts/AvenirNextLTPro-Medium.woff') format('woff'),
        url('fonts/AvenirNextLTPro-Medium.ttf') format('truetype'),
        url('fonts/AvenirNextLTPro-Medium.svg#AvenirNextLTPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next Demi Bold';
    src: url('fonts/AvenirNextLTPro-Demi.eot');
    src: url('fonts/AvenirNextLTPro-Demi.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNextLTPro-Demi.woff2') format('woff2'),
        url('fonts/AvenirNextLTPro-Demi.woff') format('woff'),
        url('fonts/AvenirNextLTPro-Demi.ttf') format('truetype'),
        url('fonts/AvenirNextLTPro-Demi.svg#AvenirNextLTPro-Demi') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next Bold';
    src: url('fonts/AvenirNextLTPro-Bold.eot');
    src: url('fonts/AvenirNextLTPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNextLTPro-Bold.woff2') format('woff2'),
        url('fonts/AvenirNextLTPro-Bold.woff') format('woff'),
        url('fonts/AvenirNextLTPro-Bold.ttf') format('truetype'),
        url('fonts/AvenirNextLTPro-Bold.svg#AvenirNextLTPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/*
    START : WEB HOST CALCULATOR CSS
*/
.slidecontainer input{ border:1px solid #E4E7EC; width:100%;    }
.selectServer .slidecontainer .slider{ position:relative; z-index:1; transition:all .4s ease-in-out; background: #E4E7EC;border-radius: 4px; }
.selectServer .slidecontainer ul{ display:flex; align-items:center; justify-content:space-between; list-style:none;     padding:0; margin:0; }
.selectServer .slidecontainer ul li{ font-weight:400; font-size:14; color:#42526e; margin-top:15px; }
.input-icon {  position: relative;}
.input-icon > i {  position: absolute;  display: block;  transform: translate(0, -50%);  top: 73%;  pointer-events: none;
  width: 25px;  text-align: center; font-style: normal;}
.input-icon > input {  padding-left: 25px;  padding-right: 0;}
#page_speed_loading.display { visibility: visible }
#page_speed_loading { width: 2rem; height: 2rem; border: 5px solid #f3f3f3; border-top: 6px solid #102456; border-radius: 100%; margin: auto; visibility: hidden; animation: 1s linear infinite spin; margin-top: 20px             }
/*
    END : WEB HOST CALCULATOR CSS
*/

.mainheader { padding: 15px 0;}
.mainheader .mega-menu-wrap li.mobitem { display: none !important;}
.mainheader .mega-menu-wrap { list-style: none; margin-left:30px !important;}
.mainheader .mega-menu-wrap ul.mega-sub-menu li.mega-menu-item {    padding: 0 30px 20px 0 !important;}
.mainheader .mega-menu-wrap ul.mega-sub-menu li.mstitle .mega-menu-title span { font-family: 'Avenir Next Regular';    font-size: 14px; line-height: 20px; text-align: center; color: #027A48; background: #ECFDF3; border-radius: 16px;   padding: 2px 10px; margin-left:5px;}
.mainheader .mega-menu-wrap li.mega-menu-item > a.mega-menu-link { font-family: 'Avenir Next Medium' !important; }
.mainheader .mega-menu-wrap li.mega-menu-item > a.mega-menu-link .mega-menu-title { font-family: 'Avenir Next Medium' !important; font-size: 16px; text-transform: none; color: #101828;}
.mainheader .mega-menu-wrap li.mega-menu-item > a.mega-menu-link .mega-menu-description { font-family: 'Avenir Next Regular' !important; font-size: 14px !important; line-height: 20px !important; color: #667085; font-style: normal !important;}
.mainheader .mega-menu-wrap li.mega-menu-item > ul.mega-sub-menu { position:fixed !important; padding:40px 0 !important;}
.mainheader .mega-menu-wrap li.mega-menu-item > ul.mega-sub-menu > li { max-width: 1215px !important; margin: 0 auto !important; float: none !important; }
.mainheader h4.mega-block-title { color: #284282 !important; font-family: "Avenir Next Medium" !important; font-size: 14px !important; line-height: 20px; }


.menublogs .elementor-post__text {  display: initial;}

.mgaboutc1 .mega-sub-menu li:nt-child(1) a {}
.mgblogsc1 .mega-sub-menu li:nt-child(1) a {}
.menublogs .elementor-post__read-more i { margin-left:5px; }

.heroslide .slidebtn a .elementor-button-text span { background:#fff; padding:6px 15px;  display:inline-block; border-radius:30px;  margin:3px 10px 3px 0; }
.heroslide h1 span, .heroslide h2 span {color:#3bffdd;}
.heroslide input::placeholder {color:#667085 !important;}
.heroslide .elementor-form {max-width:500px;}
.heroslide figure.wp-caption {position:relative;}
.heroslide figure.wp-caption figcaption {    font-family: "Avenir Next Regular", Sans-serif;  font-size: 24px; font-weight: normal; line-height: 32px;  color: #fff; position: absolute; right: 15px; bottom: 15px; text-align: left; font-style: normal; }
.heroslide figure.wp-caption figcaption strong {display:block;}

.heroslide .elementor-icon-list-item use { color: #3bffdd; }
/*.heroslide .elementor-icon-list-item:hover svg { background: #3bffdd; border-radius: 100%;}*/

.elementor-button-content-wrapper >span.elementor-button-icon {     display: flex;    align-items: center;}
.elementor-button svg.e-fas-arrow-right {    position: relative;    top: 0px;}
.csbtn h5 i {    margin-left: 7px;    position: relative;   top: 1px;}

.slbtmlogo {    max-width: 1365px;    margin: 0 auto;}

.single-services header.page-header {    display: none;}

body.page-template-services {margin:0 !important; padding:0; max-width:initial;}
.page-template-services main>header strong, .page-template-services main>header p {color: #95A9E0;}
main.site-main { max-width: initial !important; }

main > header {background:#17274D; padding:90px 0 120px;}
main > header strong { color: #E4E7EC;   font-family: "Avenir Next Demi Bold", Sans-serif; font-size: 16px;  font-weight: normal;   line-height: 24px;}
main > header h2,  main > header h1 {  color: #FFFFFF;    font-family: "Avenir Next Demi Bold", Sans-serif;    font-size: 48px;    font-weight: normal;    line-height: 60px;}
main > header p {   color: #E4E7EC;    font-family: "Avenir Next Regular", Sans-serif;    font-size: 20px;    font-weight: normal;    line-height: 30px; }
.blog main > header strong, .blog main > header p, .category main > header strong, .category main > header p, 
.page-template-case-studies main > header strong, .page-template-case-studies main > header p, 
.casestudy_category main > header strong, .casestudy_category main > header p,  
.post-type-archive-hosting-glossary main > header p, .post-type-archive-seo-glossary  main > header p, 
.post-type-archive-site-speed-glossary main > header p, .post-type-archive-wp-glossary main > header p, 
.post-type-archive-hosting-glossary main > header p, 
.post-type-archive-design-glossary main > header p  {color:#95A9E0;}
.single-host_ranker .blogheader { margin:90px auto 0; max-width:1000px; padding:0 15px; }

.container, .elementor-section.elementor-section-boxed > .elementor-container {max-width: 1215px !important; margin: 0 auto;}
.servicesec {padding:50px 0px; }
.servicesec .container { display: flex;  align-items: flex-start;}
.srvc-filter {width: 25%; padding-right:50px;}
.srvc-filter .form, .srvc-filter form:focus {
    position: relative;
    outline: none;
}
.srvc-filter .form input{
    padding-left: 40px;
    background: #FFFFFF;
    border: 1px solid #D0D5DD;
    box-sizing: border-box;
    box-shadow: 0px 1px 2px rgb(16 24 40 / 5%);
    font-size: 16px;
    line-height: 24px;
    color: #667085;
    font-family: 'Avenir Next Regular';
}
.srvc-filter li {position:relative; padding: 10px 0; display:flex; align-items:center;cursor:pointer;}
.srvc-filter form input[type="radio"] {
    width: 100%;
    opacity:0;
    position: absolute;
    appearance: none;
    height: 100%;
    border:none;
    cursor: pointer;
}
.srvc-filter li label {
    padding: 0 15px;
    font-family: 'Avenir Next Medium';
    font-size: 16px;
    line-height: 24px;
    color: #667085;
    display: block;
    cursor:pointer;
}
.srvc-category li.active label {
    color: #17274D;
}
.srvc-filter form input[type="radio"]:checked ~ label {color:#101828;}
.srvc-filter form input[type="radio"]:checked {background:#ebf1ff; opacity:1; z-index:-1; border-radius: 6px;}
.srvc-filter .form input::placeholder{color: #667085;}
.srvc-filter .form input:focus, .srvc-filter .form button:focus {outline:none;}
.srvc-filter .form button, .srvc-filter .form button:hover, .srvc-filter .form button:focus {
    color: #667085;
    background: #fff;
    position: absolute;
    left: 2px;
    top: 4px;
    border: none;
    padding: 6px 10px;
}
.srvc-filter h5 {
    color: #17274D;
    font-family: "Avenir Next Demi Bold", Sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 28px;
    margin:00px 0 20px;
}
.srvc-category {list-style:none; padding:0;}
.srvc-category li a {
    font-family: 'Avenir Next Medium';
    font-size: 16px;
    line-height: 24px;
    color: #667085;
    display:block;
}
.srvc-category li.active a, .srvc-category li a:hover {
    color: #17274D;
}
.srvc-category li.active {
    background: #EBF1FF;
    border-radius: 6px;
}
.services-list {display: flex; width: 75%; justify-content: space-between; flex-flow: wrap;}

.servicebox {
    width: 47%;
    display: inline-block;
    vertical-align: top;
    background: #EBF1FF;
    padding: 30px;
    margin-bottom: 50px;
}

.servicebox h3 a {
    color: #17274D;
    font-family: "Avenir Next Demi Bold", Sans-serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 32px;
}

.servicebox p {
    color: #17274D;
    font-family: "Avenir Next Regular", Sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.servicebox a.btn {
    background: #3BFFDD;
    color: #17274D;
    font-family: "Avenir Next Medium", Sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    width: 100%;
    display: block;
    text-align: center;
    padding: 12px 20px;
}
.servicebox a.btn:hover{color: #17274D;}
a.link { color: #17274D;     font-family: "Avenir Next Regular", Sans-serif;    font-size: 16px;    font-weight: normal;
    line-height: 24px; display:block; margin: 10px 0 0; }
.page-template-services .pagination .next, .page-template-services .pagination .prev {
    display: none;
}
.middleservice {
    display: block;
}

.middleservice > div {
    background: #FFFFFF;
    box-shadow: 0px 24px 48px -12px rgb(16 24 40 / 25%);
    border-radius: 12px;
    max-width: 480px;
    margin: 0 auto !important;
    padding: 30px 30px 70px !important;
    position: relative;
}

.middleservice > div:after {   content: "";    background: url(/wp-content/uploads/2024/05/Card.webp) no-repeat;   background-size: contain;    width: 200px;    height: 200px;
    position: absolute;    right: -10px;    bottom: -100px;}

.srvbox {  max-width: 270px;   margin-bottom: 50px !important; }
.sechead {max-width:780px; margin:0 auto;}  
.bwcont {background: #fff;} 
.bwcont > div {max-width: 500px; margin: 0 auto !important;}

.recent-blogs article.elementor-post > div {
    position: relative; text-align: left;
}

.recent-blogs .elementor-posts .elementor-post__avatar {
    position: absolute;
    bottom: 10px;
    left: 0px;
    top: initial;
    height: 40px;
    width: 40px;
    padding: 0;
}

.recent-blogs .elementor-posts .elementor-post__avatar img {transform:none;}

.recent-blogs .elementor-posts .elementor-post__meta-data {
    padding-left: 50px !important;
    display: flex;
    flex-direction: column;
}

.recent-blogs .elementor-posts .elementor-post__badge {position: initial; padding: 0;}

.recent-blogs .elementor-posts .elementor-post-author {color: #101828; font-family: "Avenir Next Medium", Sans-serif; font-size: 14px; font-weight: normal; line-height: 20px; text-transform: capitalize;}

.recent-blogs .elementor-posts .elementor-post__text {display:block; margin-top:0 !important;}

.recent-blogs .elementor-posts .elementor-post__title {position:relative; padding-right:30px; margin: 15px 0; display:block;}
.recent-blogs .elementor-posts .elementor-post__title:after {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 0;
    font-weight: 600;
    transform: rotateZ(-45deg);
    color: #17274D;
    font-size: 18px;
}


a.btn-link { margin: 10px 0 0 0; display: block; color:#17274D !important;}
a.btn-link  .elementor-button-icon { font-size: 12px; }

.post-carousel-categories {top:initial; bottom: -40px; z-index: 99; visibility: visible; opacity: 1; padding:0;}

.elementor-widget-bdt-price-table > div {    border-radius: 16px; overflow:hidden;}

.bdt-price-table {    border: 1px solid #E4E7EC;    box-sizing: border-box;    box-shadow: 0px 12px 16px -4px rgb(16 24 40 / 10%), 0px 4px 6px -2px rgb(16 24 40 / 5%);    border-radius: 16px; padding:0 24px 24px;}

a.bdt-price-table-button {    width: 100%;}

.bdt-price-table-features-list svg {    width: initial !important;    margin-right: 10px;}

.bdt-price-table-feature-inner {
    display: flex;
    align-items: center;
    padding: 10px 0 !important;
    margin-left:0 !important;
}

.elementor-testimonial-wrapper .elementor-testimonial-content {max-width: 1100px; margin: 0 auto 30px;}
.pageheader > div {padding: 0 !important;}
.srvc-filter #searchform {display: none;}

.servicebox ul {list-style: none; padding: 0; margin: 0;}
.servicebox ul li {display: inline-block; vertical-align: middle;}


.pagination {max-width: 1215px; border-top:1px solid #E4E7EC; padding-top: 20px;}
.pagination .page-numbers {
    background: #fff;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Avenir Next Medium';
    font-size: 14px;
    line-height: 20px;
    color: #667085;
    vertical-align:top;
}

.pagination .current {    background: #EBF1FF;    color: #284282; }

.pagination .next, .pagination .prev {
    font-family: 'Avenir Next Medium';
    font-size: 14px;
    line-height: 20px;
    color: #344054;
    background: #FFFFFF;
    border: 1px solid #D0D5DD;
    box-sizing: border-box;
    box-shadow: 0px 1px 2px rgb(16 24 40 / 5%);
    display:inline-flex;
}

.pagination .next {width:90px; float:right;}
.pagination .next i {margin-left:10px;}
.pagination .prev { width:110px; float:left;}
.pagination .prev i {margin-right:10px;}


.elementor-post__text { flex-wrap: wrap; display: flex; }
.elementor-post__text .elementor-post__title {order:2;} 
.elementor-post__text .elementor-post__meta-data  {order:1; }
.elementor-post__text .elementor-post__excerpt {order:3; }
.unique-tech .elementor-button-icon {position: relative; top: 2px;}
.unique-tech figure.gallery-item {padding: 15px;}

.blogsec {padding: 90px 0; }
.blogsec .container {display: block;}
.blog-filter {width: 100%;margin-bottom: 60px;display: flex;justify-content: space-between;}
.blog-filter form, .blog-filter form:focus {
    position: relative;
    outline: none;
}
.blog-filter #searchform {display:none;}
.blog-filter form input{
    padding-left: 40px;
    background: #FFFFFF;
    border: 1px solid #D0D5DD;
    box-sizing: border-box;
    box-shadow: 0px 1px 2px rgb(16 24 40 / 5%);
    font-size: 16px;
    line-height: 24px;
    color: #667085;
    font-family: 'Avenir Next Regular';
}
.blog-filter form li {position:relative;padding: 10px 5px;display: inline-flex;align-items:center;font-family: 'Avenir Next Medium';font-style: normal;font-size: 16px;line-height: 24px; color: #667085;margin-right: 15px;}

.blog-filter form li.uncategorized {
    display: none;
}

.blog-filter form input[type="radio"] {
    width: 100%;
    opacity:0;
    position: absolute;
    appearance: none;
    height: 100%;
    border:none;
    cursor: pointer;
    padding:0 !important;
    box-shadow:none !important;
    left:0;
    background:transparent !important;
    -webkit-tap-highlight-color: transparent !important;
    outline: none !important;
}
.blog-filter form input[type="radio"]:focus, .blog-filter form input[type="radio"] :hover {outline:none !important;}
.blog-filter form li label {
    padding: 0 0px;
    font-family: 'Avenir Next Medium';
    font-size: 16px;
    line-height: 24px;
    color: #667085;
    display: block;
}
.blog-filter form input[type="radio"]:checked ~ label {color:#101828;}
.blog-filter form input[type="radio"]:checked {background:#ebf1ff; opacity:1; z-index:-1; border-radius: 6px;}
.blog-filter form input::placeholder{color: #667085;}
.blog-filter form input:focus, .blog-filter form button:focus, main>header form input:focus, main>header form button:focus {    outline: none !important;}
.archive main > header {text-align: center;}
#search-frm {  max-width: 300px; margin: 0 auto; position: relative; }
main>header input, #search-frm input {    padding-left: 40px!important;    border: 1px solid #fff!important;    font-size: 16px;    color: #101828;}
main>header input::placeholder,  #search-frm form input::placeholder { font-size: 16px; color: #667085;}

main > header #searchtxt {  max-width: 300px; position: relative;  margin: 0 auto;    top: 30px;}
main>header button, main>header button:hover, #search-frm button, #search-frm form button:hover {
    color: #667085 !important;    background: #fff !important;    position: absolute;    left: 1px;    top: 1px;
    border: none !important;    padding: 8px 12px !important;    border-radius:5px; !important;}
#search-frm button { top:3px;}
#searchtxt input, #searchtxt [type=search], #searchtxt [type=button], #searchtxt [type=submit], #searchtxt button {border-radius:5px; !important;}
#searchtxt [type=search]:focus {  border-radius: 15px;  outline: none; }

.blog-filter h5 {
    color: #17274D;
    font-family: "Avenir Next Demi Bold", Sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    margin: 30px 0 20px;
}

.blog-filter #sort select, .blog-filter #sort select:focus {outline:none;}
.blog-filter #sort select {
    width: initial;
    min-width: 150px;
    background: #FFFFFF;
    border: 1px solid #D0D5DD;
    box-sizing: border-box;
    box-shadow: 0px 1px 2px rgb(16 24 40 / 5%);
    border-radius: 8px;
    font-family: 'Avenir Next Regular';
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #101828;
    padding: 0 15px;
    height: 44px;
    appearance: none;
    -webkit-appearance: none;
    position:relative;
}

.blog-filter #sort {position:relative;}

.blog-filter #sort:after, .blog-filter #searchform:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 15px;
    font-weight: 600;
    color: #9e9e9e;
    font-size: 13px;
    top: 12px;
}

.blog-category {list-style:none;padding:0;border-bottom: 1px solid #E4E7EC;}
.blog-category li a {
    font-family: 'Avenir Next Medium';
    font-size: 16px;
    line-height: 24px;
    color: #667085;
    display:block;
}
.blog-category li.active label {padding:0;}
.blog-category li.active label, .blog-category li:hover {
    color: #17274D;
}
.blog-category li.active {
    border-bottom: 2px solid #17274D;
}
.blog-list {display: block; width: 100%;}

.blogbox {
    width: 31%;
    display: inline-block;
    vertical-align: top;
    background: #ffffff;
    padding: 0;
    margin-bottom: 50px;
    align-content: start;
}

/*.blog-list div.blogbox:nth-child(2), .blog-list div.blogbox:nth-child(5), .blog-list div.blogbox:nth-child(8), .blog-list div.blogbox:nth-child(11), .blog-list div.blogbox:nth-child(14), .blog-list div.blogbox:nth-child(17), .blog-list div.blogbox:nth-child(20) {
    margin: 0 3% 50px; }*/
.blog-list div.blogbox, .blogbox { margin: 0 12px 50px; }

.blogbox figure {  padding: 0; margin: 0 0 30px 0 !important; height: 270px; overflow: hidden; }

.blogbox figure:hover {box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.25);}
.blogbox figure a {  display: block;   height: 100%;}
.blogbox figure img {    max-width: 100%;    width: initial;    transform: translateX(-50%) translateY(-50%);    position: relative;    left: 50%;    top: 50%;    min-width: 100%;		height:100%;}

.blogbox h3 a {
    color: #17274D;
    font-family: "Avenir Next Demi Bold", Sans-serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 32px;
    position:relative;
    padding-right: 30px;
    display:block;
}

.blogbox h3 a:after {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 0;
    font-weight: 600;
    transform: rotateZ(-45deg);
    color: #17274D;
    font-size: 18px;
    display:none !important; 
	
}

.blogbox p {
    color: #17274D;
    font-family: "Avenir Next Regular",Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    max-height: 50px;
    overflow: hidden;
}

.blogbox ul.categories, .blogbox ul.author-date {
    list-style: none;
    padding: 0;  margin-top:10px;
}
.blogbox ul.categories li {
    font-family: 'Avenir Next Demi Bold';
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #17274D;
}
.blogbox ul.categories li:last-child span {display:none;}
.blogbox ul.author-date li span {display:block; padding-left:10px; text-align:left;}

.blogbox ul.categories li, .blogbox ul.author-date li {display:inline-block;}
.blogbox ul.author-date li {
    font-family: 'Avenir Next Medium';
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    color: #101828;
    text-transform: capitalize;
}
.blogbox ul.author-date li img {
    border-radius: 100%;
    top: 5px;
    position: relative;
}
.blogbox ul.author-date li span:nth-child(2) {font-family: 'Avenir Next Regular';}

.glossary-sec {
    max-width: 900px;
    margin: 0 auto;
}
.glossarybox a {
    color: #17274D;
    font-family: "Avenir Next Demi Bold", Sans-serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 32px;
    position:relative;
    padding-right: 30px;
    display:block;
}

.blogheader, .blogbottom {display:none;}
.single-kb .blogheader, .single-wp-glossary .blogheader, .single-site-speed-glossary .blogheader
, .single-hosting-glossary .blogheader, .single-seo-glossary .blogheader, .single-design-glossary .blogheader { display:block; padding: 90px 15px 0px; }
.single-post .blogheader, .single-host_ranker .blogheader, .single-host_ranker .blogbottom, .single-sh_wordpress_support .blogheader, .single-sh_wordpress_support .blogbottom, .single-sh_wp_development .blogheader, .single-sh_wp_development .blogbottom, .single-post .blogbottom, .single-case_studies .blogheader, .single-case_studies .blogbottom{display:inherit; text-align:center;}


.single-wp-glossary .blogbottom, .single-site-speed-glossary .blogbottom, .single-hosting-glossary .blogbottom, 
.single-seo-glossary .blogbottom, .single-design-glossary .blogbottom { display:block; }

.single-wp-glossary .blogbottom .elementor-post-info__terms-list a, .single-site-speed-glossary .blogbottom .elementor-post-info__terms-list a, .single-hosting-glossary .blogbottom .elementor-post-info__terms-list a,
.single-seo-glossary .blogbottom .elementor-post-info__terms-list a, .single-design-glossary .blogbottom .elementor-post-info__terms-list a { display:none !important; }

.single-wp-glossary .blogbottom .elementor-post-info__terms-list, .single-site-speed-glossary .blogbottom .elementor-post-info__terms-list, .single-hosting-glossary .blogbottom .elementor-post-info__terms-list,
.single-seo-glossary .blogbottom .elementor-post-info__terms-list, .single-design-glossary .blogbottom .elementor-post-info__terms-list { display:none !important;  }

.single-post .blogheader, .single-case_studies .blogheader, .single-host_ranker .blogheader, 
.single-sh_wordpress_support .blogheader, .single-sh_wp_development .blogheader, .single-career .blogheader, 
.single-kb .blogheader,.single-wp-glossary .blogheader,.single-site-speed-glossary .blogheader ,
.single-hosting-glossary .blogheader,.single-seo-glossary .blogheader ,.single-design-glossary .blogheader  {
    max-width: 1000px;
    margin: 90px auto 30px;
    padding:0 15px;
    box-sizing:border-box;
}
.blogheader ul.categories, .blogheader ul.author-date {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blogheader ul.categories li {
    font-family: 'Avenir Next Demi Bold';
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #284282;
    margin-right:5px;
}
.blogheader ul.categories li.Blog {display:none;}
.blogheader ul.categories li:last-child span {display:none;}
.blogheader ul.author-date li span {display:block; padding-left:10px; text-align:left;}

.blogheader ul.categories li, .blogheader ul.author-date li {display:inline-block;}
.blogheader ul.author-date {
    margin: 0 0 30px;
}
.blogheader ul.author-date li {
    font-family: 'Avenir Next Medium';
    font-style: normal;
    font-size: 18px;
    line-height: 28px;
    color: #101828;
    text-transform: capitalize;
}
.blogheader ul.author-date li img {
    border-radius: 100%;
}
.blogheader ul.author-date li span:nth-child(2) {font-family: 'Avenir Next Regular'; font-size: 16px;}
.blogheader figure {margin: 0;}
.blogheader h1 {
    font-family: 'Avenir Next Demi Bold';
    font-style: normal;
    font-size: 48px;
    line-height: 60px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #101828;
}
.blogheader p {
    font-family: 'Avenir Next Regular';
    font-style: normal;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #667085;
}
.single-wp-glossary .blogheader figure, .single-site-speed-glossary .blogheader figure, 
.single-hosting-glossary .blogheader figure, .single-seo-glossary .blogheader figure, 
.single-design-glossary .blogheader figure {
    text-align: center;
}
.single-post .page-content p, .single-post .page-content li, .single-case_studies .page-content p, .single-case-study .page-content p,
.single-case_studies .page-content li, .single-case-study .page-content li,  .single-host_ranker .page-content p, .single-sh_wordpress_support .page-content p, .single-host_ranker .page-content li, .single-sh_wordpress_support .page-content li, 
.single-sh_wp_development .page-content p, .single-sh_wp_development .page-content li, .single-career .page-content p, 
.single-career .page-content li, .single-career .page-content, .single-kb .page-content, .single-kb .page-content p, 
.single-kb .page-content li, .single-wp_glossary .page-content, .single-wp_glossary .page-content p, 
.single-wp_glossary .page-content li, .single-site_speed_glossary .page-content, 
.single-site_speed_glossary .page-content p, .single-site-speed-glossary .page-content li
, .single-hosting-glossary .page-content, .single-hosting-glossary .page-content p, 
.single-hosting-glossary .page-content li, .single-seo-glossary .page-content, .single-seo-glossary .page-content p, 
.single-design-glossary .page-content li, .single-portfolio .page-content p, .single-portfolio .page-content li {

    font-style: normal;
    font-size: 18px;
    line-height: 28px;
    color: #667085;
    margin: 24px 0px;
}

.single-post .page-content a, .single-case_studies .page-content a, .single-case-study .page-content a, .single-host_ranker .page-content a, 
.single-sh_wp_development .page-content a, .single-kb .page-content a,.single-wp_glossary .page-content a,
.single-site-speed-glossary .page-content a,.single-hosting-glossary .page-content a,.single-seo-glossary .page-content a,
.single-design-glossary .page-content a {color:#17274d;text-decoration:underline;}
.single-post .page-content li, .single-case_studies .page-content li, .single-host_ranker .page-content li, 
.single-sh_wordpress_support .page-content li, .single-sh_wp_development .page-content li, 
.single-career .page-content li, .single-kb .page-content li, .single-wp-glossary .page-content li, 
.single-site-speed-glossary .page-content li, .single-hosting-glossary .page-content li, 
.single-seo-glossary .page-content li, .single-design-glossary .page-content li, .single-portfolio .page-content a, .single-portfolio .page-content li {margin: 10px 0px;}

.single-post .post h1.elementor-heading-title, .single-case_studies .post h1.elementor-heading-title, .single-case-study .post h1.elementor-heading-title, .single-host_ranker .post h1.elementor-heading-title, .single-sh_wordpress_support .post h1.elementor-heading-title.elementor-heading-title, .single-sh_wp_development .post h1.elementor-heading-title, .single-career .post h1.elementor-heading-title, .single-kb .post h1.elementor-heading-title, .single-portfolio .page-content h1.elementor-heading-title, .single-case-study .page-content h1.elementor-heading-title { color:#101828 !important ; }

.single-post .page-content h2, .single-case_studies .page-content h2, .single-case-study .page-content h2, .single-host_ranker .page-content h2, .single-sh_wordpress_support .page-content h2, .single-sh_wp_development .page-content h2, 
.single-career .page-content h2, .single-kb .page-content h2, .single-wp-glossary .page-content h2, 
.single-site-speed-glossary .page-content h2, .single-hosting-glossary .page-content h2, 
.single-seo-glossary .page-content h2, .single-design-glossary .page-content h2, .single-portfolio .page-content h2  {
    font-style: normal;
    font-size: 30px;
    line-height: 38px;
    color: #101828;
    margin: 25px 0 20px;
}

.single-post .page-content h3, .single-case_studies .page-content h3, .single-case-study .page-content h3, .single-host_ranker .page-content h3, .single-sh_wordpress_support .page-content h3, .single-sh_wp_development .page-content h3, 
.single-career .page-content h3, .single-kb .page-content h3, .single-wp-glossary .page-content h3, 
.single-site-speed-glossary .page-content h3, .single-hosting-glossary .page-content h3, 
.single-seo-glossary .page-content h3, .single-design-glossary .page-content h3, .single-portfolio .page-content h3 {

    font-style: normal;
    font-size: 24px;
    line-height: 30px;
    color: #101828;
}

.single-post .page-content h4, .single-case_studies .page-content h4, .single-case-study .page-content h4,  .single-host_ranker .page-content h4, .single-sh_wordpress_support .page-content h4, .single-sh_wp_development .page-content h4, .single-career .page-content h4, .single-kb .page-content h4, .single-portfolio .page-content h4 {
    font-style: normal;
    font-size: 21px;
    line-height: 28px;
    color: #101828;
}

.single-post .page-content blockquote, .single-case_studies .page-content blockquote, .single-case-study .page-content blockquote,
.single-host_ranker .page-content blockquote, .single-sh_wordpress_support .page-content blockquote, 
.single-sh_wp_development .page-content blockquote, .single-career .page-content blockquote, 
.single-kb .page-content blockquote, .single-wp-glossary .page-content blockquote, 
.single-site-speed-glossary .page-content blockquote, .single-hosting-glossary .page-content blockquote, 
.single-seo-glossary .page-content blockquote, .single-design-glossary .page-content blockquote, .single-portfolio .page-content blockquote {
    border-left: 2px solid;
    margin: 40px 0;
    padding-left: 20px;
}

.single-post .page-content figure, .single-case_studies .page-content figure, .single-case-study .page-content figure, .single-host_ranker .page-content figure, .single-sh_wordpress_support .page-content figure, .single-sh_wp_development .page-content figure, .single-career .page-content figure, .single-kb .page-content figure, .single-portfolio .page-content figure {
    margin: 40px 0;
}

.single-post .page-content figcaption, .single-case_studies .page-content figcaption, .single-case-study .page-content figcaption, .single-host_ranker .page-content figcaption, .single-sh_wordpress_support .page-content figcaption, .single-sh_wp_development .page-content figcaption, .single-career .page-content figcaption, .single-kb .page-content figcaption, .single-portfolio .page-content figcaption { background:#EBF1FF !important;  color:#101828 !important; padding: 8px 8px 8px !important; }

.single-post .page-content blockquote p, .single-case_studies .page-content blockquote p, .single-case-study .page-content blockquote p, 
.single-host_ranker .page-content blockquote p, .single-sh_wordpress_support .page-content blockquote p, 
.single-sh_wp_development .page-content blockquote p, .single-career .page-content blockquote p, 
.single-kb .page-content blockquote p, .single-wp-glossary .page-content blockquote p , 
.single-site-speed-glossary .page-content blockquote p, .single-hosting-glossary .page-content blockquote p, 
.single-seo-glossary .page-content blockquote p, .single-design-glossary .page-content blockquote p, .single-portfolio .page-content blockquote p {
     font-style: italic;
    font-size: 24px;
    line-height: 36px;
    color: #101828;
}

.single-post .page-content blockquote cite, .single-case_studies .page-content blockquote cite, .single-case-study .page-content blockquote cite,
.single-host_ranker .page-content blockquote cite, .single-sh_wordpress_support .page-content blockquote cite, 
.single-sh_wp_development .page-content blockquote cite, .single-career .page-content blockquote cite, 
.single-kb .page-content blockquote cite , .single-wp-glossary .page-content blockquote cite, 
.single-site-speed-glossary .page-content blockquote cite, 
.single-hosting-glossary .page-content blockquote cite, .single-seo-glossary .page-content blockquote cite, 
.single-design-glossary .page-content blockquote cite, .single-portfolio .page-content blockquote cite {
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #667085;
}

.blogbottom .sub-form {
    max-width: 500px;
    margin: 0 auto;
    text-align: left;
}

.blogbottom .elementor-post-info__terms-list { color:#fff;}
.blogbottom .elementor-post-info__terms-list a{
    font-family: "Avenir Next Medium", Sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    padding:4px 10px;
    border-radius:16px;
}
.blogbottom .elementor-post-info__terms-list a {background:#5378D2; color:#fff;}
.blogbottom .elementor-post-info__terms-list a:nth-child(2) {background:#17274D; color:#fff;}
.blogbottom .elementor-post-info__terms-list a:nth-child(3) {background:#9DFBEB; color:#17274D;}

.single-post .page-content, .blogbottom .sharebox, .single-case_studies .page-content, .single-case-study .page-content, .single-host_ranker .page-content, 
.single-sh_wordpress_support .page-content, .single-sh_wp_development .page-content, .single-career .page-content, 
.single-kb .page-content, .single-wp-glossary .page-content , .single-site-speed-glossary .page-content, 
.single-hosting-glossary .page-content, .single-seo-glossary .page-content, .single-design-glossary .page-content  
{max-width:720px; margin:0 auto;}
.single-kb .page-content { padding:px 0px 96px 0px; }

.sharebox .copy-text button, .sharebox .bdt-ss-btn {
    border: 1px solid #D0D5DD;
    box-sizing: border-box;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    color: #344054;
    margin-left: 10px !important;
}
.sharebox .copy-text button {font-family: "Avenir Next Medium", Sans-serif;}
.sharebox .copy-text button:hover{background:#9DFBEB;}

/*.sharebox .copy-text input {
    display: none;
}*/

.sharebox .copy-text input {
    position: absolute;
    opacity: 0;
    height: 0;
   
}

.blog main > header, .page-template-case-studies main > header {
    text-align: center;
}

.archive.category-learn header .container {
    max-width: 650px !important;
    text-align: center;
}

.archive.category-learn header .subscribebox {
    max-width: 500px;
    text-align: left;
    margin: 0 auto;
}

.archive.category-learn .blog-list {
    justify-content: center;
    max-width: 750px;
    margin: 0 auto;
}

.archive.category-learn .blog-list .blogbox {
    width: 100%;
    display: block;
    margin: 0 0 50px!important;
    min-height: 230px;
}

.archive.category-learn .blog-list .blogbox figure {
    float: left;
    width: 320px;
    margin: 0 30px 0 0 !important;
    height: 235px;
}

.archive.category-learn .blog-list .blogbox h3 a {font-size:18px; line-height:28px;}
.archive.category-learn .blog-list .blogbox h3 a:after {display:none;}

.archive.category-learn .blog-list .blogbox ul.author-date li span {font-weight:600;}
.archive.category-learn .blog-list .blogbox ul.author-date li span:nth-child(2) {font-weight:normal;color: #667085;}

.case_studies .pageheader {
    max-width: 750px;
    margin: 0 auto;
}
.csbtn h5 {
    position: relative;
    padding-left: 100px;
}
.csbtn h5 span {
    background: #ebf1ff;
    padding: 4px 10px;
    border-radius: 16px;
    margin-right: 10px;
    position: absolute;
    left: -1px;
    top: -4px;
}

.case_studies .casevid {max-width:760px; margin:0 auto;}



.filterContainer .filters { display: flex; justify-content: space-between; align-items: center; padding:15px 0px; flex-wrap: wrap; gap: 15px; margin-bottom: 38px; }
.catfilter { display: flex; gap: 3px;  flex-wrap: wrap; }
.filterContainer .filters .bl-lan  { display: flex; flex-wrap: wrap; margin-right: auto; }
.blogs-filters .bl-lan, .case-study-filter .bl-lan {max-width:75% }
.custom-select { display: flex; gap:15px; align-items: baseline;   }
.case-study-filter .custom-select {width:100%;}
.filterContainer .filters .bl-fltr { max-width:20%; display: flex; align-items: baseline;}
.bl-fltr-op {width: 100px; }
.filterbox, .showall { position:relative;}
.filterbox input, .showall input { position: absolute;  width: 100%;  height: 100%; right: 0; top: 0; left: 0;  bottom: 0;   opacity: 0; cursor: pointer;}

.filterbox span, .showall span {font-size: 16px;  line-height: 24px;  color: #667085; font-weight:400;   }  
#sort-by {background: #FFFFFF;  border: 1px solid #D0D5DD;  box-sizing: border-box;  box-shadow: 0px 1px 2px rgb(16 24 40 / 5%);  border-radius: 8px;  font-style: normal;  font-size: 16px;  line-height: 24px;  color: #101828;}.single-portfolio #content  {max-width: 1000px !important;  margin: 0 auto;  text-align: center; padding:80px 0; }

.cvf-universal-content {display: flex;  flex-wrap: wrap; gap: 27px; justify-content:space-between; }
.cvf-universal-content .blogbox { width:31%; margin: 0; }

.portfoliocat, .pot-cat, .portfoliocat1 { text-align:center; padding:10px 0; }
.portfolio-results .blogbox { width:47.9%; }
.portfolio-results .blogbox figure { height: 425px; margin: 0 0 30px 0 !important;  border-radius:8px; }
.portfolio-results .blogbox figure img {  border-radius:8px; }
.bl-fltr select {  background-color: white;  border: thin solid blue;  border-radius: 4px;  display: inline-block;
  font: inherit;  line-height: 1.5em;  padding: 0.5em 3.5em 0.5em 1em;  margin: 0;-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;  box-sizing: border-box;  -webkit-appearance: none;  -moz-appearance: none;}
.bl-fltr select#sort-by {  background-image:    linear-gradient(45deg, transparent 50%, gray 50%),    linear-gradient(135deg, gray 50%, transparent 50%),    linear-gradient(to right, #ccc, #ccc);  background-position:
    calc(100% - 20px) calc(1em + 2px),    calc(100% - 15px) calc(1em + 2px),    calc(100% - 2.5em) 0.5em;  background-size: 5px 5px, 5px 5px, 0px 1.5em;  background-repeat: no-repeat; padding:7px 35px 7px 10px; }
select#sort-by:-moz-focusring {  color: transparent;  text-shadow: 0 0 0 #000;}
.filterbox, .showall { padding: 15px; }
.filterbox.active, .showall.active, .filterbox, .showall { border-bottom: 2px solid #fff;} 
.filterbox.active, .showall.active, .filterbox:hover, .showall:hover  { border-bottom: 2px solid #17274D;  padding: 15px;}
.portfolio-results .blogbox h3 a:after { right:inherit; margin-left:15px;  }
.portfolio-results .blogbox .categories li a, .single-portfolio .pot-cat .elementor-shortcode a { padding: 2px 10px;  border-radius: 16px; margin:5px 3px; display:inline-block; }
.portfolio-results .blogbox .categories li a:nth-child(1), .single-portfolio .pot-cat .elementor-shortcode a:nth-child(1)  { background: #3BFFDD;}
.portfolio-results .blogbox .categories li a:nth-child(2), .single-portfolio .pot-cat .elementor-shortcode a:nth-child(2) { background: #284282; color:#fff; }
.portfolio-results .blogbox .categories li a:nth-child(3), .single-portfolio .pot-cat .elementor-shortcode a:nth-child(3)  { background: #17274D; color:#fff; }
 .portfolio-results .blogbox .categories li a:nth-child(4), .single-portfolio .pot-cat .elementor-shortcode a:nth-child(4) { background: #95A9E0; color:#fff; } 
.portfolio-results .blogbox figure:hover {box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.25); border-radius:8px; }

.mega-menu-wrap .mega-menu-toggle { background: #fff !important; height: 14px !important; line-height: 14px !important; }
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box {  width: 20px; height: 14px;}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, 
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, 
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {  width: 20px;    height: 2px;    background-color: #344054;  border-radius: 0;}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before {top: 6px;}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {     top: 12px;}
#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {    transform: translate3d(0, -20px, 0) rotate(-90deg);    top: 20px;}
.historysec .swiper-slide {
    font-family: 'Avenir Next Regular';
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #17274D;
}
.historysec .swiper-slide h3 {
    font-family: 'Avenir Next Medium';
    font-style: normal;
    font-size: 20px;
    line-height: 30px;
    color: #17274D;
}
.historysec .swiper-slide span { background:#284282; font-family: 'Avenir Next Medium'; font-size: 14px; line-height: 20px; padding: 2px 10px; border-radius: 16px; color:#fff; }

.elementor-custom-embed-play {
    background: url(/wp-content/uploads/2022/04/play2.png) no-repeat;
    background-position: center;
    background-size:contain;
}
.elementor-custom-embed-play svg {opacity:0;}

.mobblog .bdt-custom-overlay{display:none;}
.mobblog .bdt-post-grid-desc{position:initial !important; background:transparent !important;}
.mobblog .bdt-post-grid-desc .bdt-position-medium { margin:30px 0;}
.mobblog .bdt-post-grid-desc .bdt-post-grid-excerpt{ opacity:1;}
.mobblog .bdt-post-grid-title {position: relative; padding-right: 30px;}
.mobblog .bdt-post-grid-title a:after {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 0;
    font-weight: 600;
    transform: rotateZ(-45deg);
    color: #17274D;
    font-size: 18px;
}
.mobblog .bdt-post-grid-category{position:initial !important; margin:0;}
.mobblog .bdt-transition-slide-bottom {max-height:initial !important; --bdt-translate-y:0; opacity:1; margin-top:10px;}
.mobblog .bdt-post-grid-category a:nth-child(2) {
    background: #284282 !important;
    color: #fff !important;
}
.mobblog .bdt-post-grid-category a:nth-child(3) {
    background: #17274D !important;
    color: #fff !important;
}

.error404 h1.entry-title {
    color: #FFFFFF;
    font-family: "Avenir Next Demi Bold", Sans-serif;
    font-size: 48px;
    font-weight: normal;
    line-height: 60px;
    text-align: center;
}

.error404 .page-content p {
    font-family: "Avenir Next Regular",Sans-serif;
    color:#101828;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    padding:50px 15px;
}

.fbtn1 a svg {
    font-size: 16px;
}

.fbtn2 a svg {
    font-size: 18px;
}

.fbtn2 a .elementor-button-icon use {font-weight:100 !important;}

.single-use_cases .pageheader, .casevid {
    max-width: 765px !important;
    margin: 0 auto;
}

.casevid .elementor-widget-video {
    border-radius: 8px;
    overflow: hidden;
}

.pricebox {max-width:576px; border-radius:16px; overflow:hidden;}
.pricebox .bdt-price-table {
    border: none;
    box-sizing: border-box;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}

.pricebox .elementor-widget-bdt-price-table>div {padding:0;}

.pricebox .bdt-price-table {text-align:left; padding:30px;}

.pricebox .prc p {display:inline-block;}

.pricebox h4 {
    color: #101828;
    font-family: "Avenir Next Demi Bold",Sans-serif;
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 5px 0;
}

.pricebox h4 small {
    color: #17274D;
    font-family: "Avenir Next Medium",Sans-serif;
    font-size: 14px;
    line-height: 20px;
    background: #3BFFDD;
    border-radius: 16px;
    padding: 2px 10px;
    display: inline-block;
    position: relative;
    top: -3px;
    left: 8px;
}

.pricebox h2 {
    color: #101828;
    font-family: "Avenir Next Demi Bold",Sans-serif;
    font-size: 60px;
    line-height: 60px;
    letter-spacing: -0.02em;
    margin: 0;
    display: inline-block;
}

.pricebox h2 sup {
    color: #101828;
    font-family: "Avenir Next Demi Bold",Sans-serif;
    font-size: 36px;
    line-height: 44px;
    position: relative;
    top: -15px;
}

.pricebox .bdt-price-table ul li {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.pricebox .bdt-price-table .bdt-price-table-footer {
    padding: 30px 0 0;
}

.pricebox .bdt-price-table-features-list svg {
    min-width: 24px !important;
}

.pricebox2 {max-width:650px;}

.elementor-accordion-item .elementor-accordion-icon {
    position: relative;
    top: 5px;
}

.whatwedo > div > .elementor-column {width: 24%;}
.whatwedo > div {justify-content: space-between;}

.whatwedo .elementor-column:hover .elementor-icon {
    border-radius: 100% !important;
}

.simonsec figure.wp-caption img {
    max-width: 200px;
    max-height: 235px;
    width: initial;
}
.home .mobblog .bdt-post-grid-category {display:none;}

.sharebox .copy-text button:focus {
    background: #fff;
}

html[lang="fr"] .mainheader .mega-menu-wrap li.mega-menu-item>a.mega-menu-link {
    padding: 0 9px !important;
    font-size: 15px !important;
}
html[lang="fr"] .elementor-location-header .elementor-widget-button .elementor-button {
    font-size: 15px;
    padding: 10px 12px !important;
}

.optag .elementor-button-icon .e-font-icon-svg {    position: relative;    top: 2px;}
.whatwedo .elementor-button svg.e-fas-arrow-right {     top: 0;}

.simonsec { margin-bottom: 50px; }
.simon-list {display: flex; width: 100%; justify-content: flex-start; flex-flow: wrap;}

.simonbox { width: 23%; display: inline-block; vertical-align: top; border: 1px solid #fff !important; background: #fff; padding: 30px; margin: 0 1% 50px;}
.simonbox:hover {   /*border: 1px solid #3BFFDD;*/  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.1), 0px 8px 8px -4px rgba(16, 24, 40, 0.04);}
.simonbox figure {margin:0 0 15px 0; text-align:center;}
.simonbox h3{margin:0;}
.simonbox h3 a { color: #17274D; font-family: "Avenir Next", Sans-serif; font-size: 16px; font-weight: 500;
    line-height: 24px; text-align: center; display: block;}

.page-template-case-studies main.site-main header .container { text-align: center;}
.simonbox figure img { max-width: 200px; height: 225px; width: initial;}
.mgcasesc2 ul.mega-sub-menu { display: none !important;}

.fbtn1 span.elementor-button-icon {  position: relative;  top: -2px;}

ul.mega-sub-menu>li.mega-menu-row > .mega-sub-menu {    height: 75vh !important;    overflow-y: auto !important;}
ul.mega-sub-menu>li.mega-menu-row > .mega-sub-menu::-webkit-scrollbar {  width: 10px; border-radius:15px;}
ul.mega-sub-menu>li.mega-menu-row > .mega-sub-menu::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
 
ul.mega-sub-menu>li.mega-menu-row > .mega-sub-menu::-webkit-scrollbar-thumb { background-color: #ddd; outline: 1px solid #ddd;  border-radius:15px; }

.glossarybox { display: flex; border-bottom: 1px solid #ddd; padding: 50px 0;}
.glossary-sec > div.glossarybox:first-child { padding-top: 0;}
.glossary-sec > div.glossarybox:last-child { padding-bottom: 0; border:none;}
.glossarybox .alphabets {width:30%;}
.glossarybox .alphabets span { background: #17274D; color: #fff; font-family: "Avenir Next Demi Bold", Sans-serif;
    font-size: 24px; font-weight: normal; line-height: 20px; position: relative; padding: 24px 32px; display: inline-block; }
.glossary-list {  width: 70%; list-style: none; padding: 0;}
.glossary-list li { width: 50%; display: inline-block; float: left; margin-bottom: 20px;}
.glossary-list li a {color: #17274D; font-family: "Avenir Next Demi Bold", Sans-serif; font-size: 24px; font-weight: normal; line-height: 32px; position:relative; padding-right: 30px; display:block; }

.category main > header p, .post-type-archive-hosting-glossary main > header p, 
.post-type-archive-seo-glossary  main > header p, .post-type-archive-site-speed-glossary main > header p, 
.post-type-archive-wp-glossary main > header p, .post-type-archive-hosting-glossary main > header p, 
.post-type-archive-design-glossary main > header p {
    max-width: 750px;
    margin: 0 auto;
}
.tax-kb_category .servicesec  { padding-top:0; }
.tax-kb_category .brd-container { padding:90px 0 48px; font-weight: 500;  color: #284282; }
.single-kb .breadcrumb, .single-wp-glossary .breadcrumb,.single-site-speed-glossary .breadcrumb,
.single-hosting-glossary .breadcrumb,.single-seo-glossary .breadcrumb,.single-design-glossary .breadcrumb  { text-align:center; font-weight: 500;  color: #284282; }
ul.header-srvc-category li:hover { background:rgb(59, 255, 221); }
.tax-kb_category .header-srvc-category .active { background:rgb(59, 255, 221); }

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu {margin-top: 2px;}
.swiper-slide a.elementor-button .elementor-button-content-wrapper {align-items: center;}

body.rtl #ez-toc-container {overflow-x: hidden; }
body.rtl #ez-toc-container input { left:0 !important}
body.rtl #ez-toc-container input { left: inherit !important; display:none;}

.blog-cta-m { margin:15px 0; background: #EBF1FF; text-align: center; padding: 32px 64px; border-radius: 16px; } 
.blog-cta-m p { color: #17274D !important; margin-bottom:30px; }
.blog-cta-m ul { padding:0; margin:10px; }
.blog-cta-m ul li { display:inline; }
.blog-cta-m ul li a {  font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; border-radius: 3px; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05); padding:12px 20px; margin:0 3px !important; background: #fff; color: #17274D; border: 1px solid #fff; text-decoration:none !important; } 
.blog-cta-m ul li:first-child a {  background: #3BFFDD; border-color:#3BFFDD; text-decoration: none; }
.fixd-p { position: fixed; top:100px; right:10px; width:250px; z-index:10;}

.logo-hosts .gallery {text-align: center;}

#ez-toc-container { background: #EBF1FF !important; border-radius: 16px !important; padding: 32px 64px !important; }
#ez-toc-container .ez-toc-title-toggle {  position: absolute;  margin-top: -5px;  right: 20px;  }
#ez-toc-container .ez-toc-title-container { margin-bottom:15px; }
#ez-toc-container .ez-toc-title-container .ez-toc-title { font-family: "Avenir Next", Sans-serif; font-weight: 600; font-size: 24px; line-height: 32px; color: #17274D;  }
#ez-toc-container nav > ul > li > a { font-family: "Avenir Next", Sans-serif; font-style: normal;font-weight: 500; font-size: 20px;line-height: 30px; color: #101828; }
#ez-toc-container nav > ul > ul > li a { font-family: "Avenir Next", Sans-serif; font-style: normal;font-weight: 400;font-size: 18px; line-height: 28px; color: #101828;}
#ez-toc-container a { font-family: "Avenir Next", Sans-serif;  color: #101828; margin:4px 0;  }



.a-hover:hover { color:#3BFFDD; }

/*6-5-23*/
.simple-pagination, .cvf-universal-pagination {  text-align: center; margin-top:30px; }
.simple-pagination ul, .cvf-universal-pagination ul {  display: inline-block; list-style:none;; padding:0; margin:0: }
.simple-pagination a, .simple-pagination span, .cvf-universal-pagination li { width: 40px;  height: 40px; display: inline-flex; align-items: center;  justify-content: center;   font-family: avenir next medium;  font-size: 14px;  line-height: 20px; color: #667085 !important;   vertical-align: top;    box-shadow: none !important;    border: none !important;    border-radius: 0 !important;    background: none !important;}
.cvf-universal-pagination li { cursor:pointer; }
.light-theme.simple-pagination a:hover, .cvf-universal-pagination li:hover { background: none; }
.simple-pagination .active .current, .simple-pagination a.active_page, .cvf-universal-pagination li.selected {  background: #ebf1ff !important;   color: #284282 !important; }

ul.header-srvc-category li {
    display: inline-block;
    background: #E7EFED;
    padding: 2px 10px;
    margin: 3px;
}

.tax-country_location main > header p {
    color: #95a9e0;
    font-family: "Avenir Next Regular", Sans-serif;
    max-width: 750px;
    margin: 0 auto;
}
.host_ranker_header_btn {
    margin-top: 50px;
}
.host_ranker_book_btn {
    font-family: "Avenir Next Medium", Sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    fill: var(--e-global-color-primary );
    color: var(--e-global-color-primary );
    background-color: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    padding: 15px 20px 15px 20px
}
.host_ranker_start_btn {
    font-family: "Avenir Next Medium", Sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    fill: var(--e-global-color-primary );
    color: var(--e-global-color-primary );
    background-color: var(--e-global-color-accent );
    border-radius: 0px 0px 0px 0px;
    padding: 15px 20px 15px 20px;
}

.ldr-subcribe-frm .elementor-message-success:before { display:none; }


#my_form .form-input { float:left ; width:48%  ; margin:11px; }
#my_form .form-input label { margin-bottom:10px; font-family: "Avenir Next Regular", Sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 28px; }
#my_form .form-input input { padding: 10px 20px; background: #FFFFFF; border: 1px solid #D0D5DD; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);}
#my_form .selectServer { margin:11px; }
#my_form .form-input #formsubmit { background: #3BFFDD; border: 1px solid #3BFFDD; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05); text-align: center; padding: 12px 20px; font-family: "Avenir Next Regular", Sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 28px; color:#17274D; }
#my_form .submitbtn { text-align:center; width:100%; }

.top-sec .hd { width:60%; float:left; }
.top-sec h2 { font-family: "Avenir Next Demi Bold", Sans-serif; font-style: normal; font-weight: 500; font-size: 36px; line-height: 44px; letter-spacing: -0.02em; color: #101828; }
.content:before, .top-sec:before, .content:after, .top-sec:after { display:table; line-height:0; content:""; }
.content:after, .top-sec:after { clear:both; }
.content { padding-top:20px; }
.content P { font-family: "Avenir Next Medium", Sans-serif; font-style: normal; font-weight: 500; font-size: 18px; line-height: 28px; color: #101828; margin-bottom:5px;}
#calres .content ul { margin:15px 0; padding:0; display: flex;  justify-content: center;   flex-wrap: wrap;}
#calres .content ul li { list-style:none; font-family: "Avenir Next Medium", Sans-serif;  font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px; color: #667085; width: 33.3%;  padding-right: 30px;
 margin:0px 0 30px 0; min-height:120px; }
#calres .content ul li span { font-size:60px; display:block; font-family: "Avenir Next Regular", Sans-serif; font-style: normal;font-weight: 600; line-height: 72px;letter-spacing: -0.02em; color:#284282; }
#calres .content ul li:nth-child(5) span { color:#D92D20; }
#calres .content ul li:nth-child(7) { font-weight:bold; }
#calres .content ul li:nth-child(7) span { font-size:72px; color:#D92D20; font-family: "Avenir Next Demi Bold", Sans-serif;  font-weight: 700;  line-height: 90px; }
#calres .backbtn:hover, #calres .backbtn:focus, #my_form .submitbtn input:hover, #my_form .submitbtn input:focus  { outline:none; }

.Webhs { padding: 64px; margin:50px 70px 0; background: #E7EFED; border-radius: 16px; display: table; text-align: center; }
.Webhs h4 { font-family: "Avenir Next Regular", Sans-serif; font-style: normal; font-weight: 600;font-size: 24px;line-height: 32px;text-align: center; color: #17274D; margin-bottom:32px; }
.Webhs a, #calres .backbtn  { align-items: center; padding: 12px 20px; background: #3BFFDD; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05); font-weight: 500; font-size: 16px; line-height: 24px;color: #17274D; border:0; margin:0 5px; }
#calres .backbtn { padding: 11px 20px; border-radius:0; background: #fff; }

#monthlyVisitors, #monthlyVisitors:hover { accent-color: #284282; background: #E4E7EC;  outline: none; opacity: 1; }
#monthlyVisitors::slider-thumb { background:#fff;}


#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a { margin-top: 30px !important;  }
figure.is-type-video .wp-block-embed__wrapper { position: relative; width: 100%; padding-bottom: 56.25%; }
.wp-block-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.single-post .page-content table tbody>tr:nth-child(odd)>td, .single-post .page-content table tbody>tr:nth-child(odd)>th { 
    background-color:#EBF1FF !important;
}

.single-post .page-content table tbody tr:hover>td, .single-post .page-content table tbody tr:hover>th { background-color:#EBF1FF !important;} 
.single-post .wp-block-code { background: #17274D; padding: 32px 64px; border-radius: 16px; margin: 25px 0; color: #fff;}
.single-post .p-bg { background: #ebf1ff;  padding:32px 64px; border-radius: 16px; margin: 25px 0; }

.p-tool { margin: 0; padding: 0; }


.author #content .author  { max-width: 1215px;  margin: 0 auto; display: flex;  gap: 50px; justify-content:space-between;  padding:50px 0; }
.author .left-sec .author-post { border-radius: 5px;   border: 1px solid #cce0ff; box-shadow: 0px 5px 10px 0px rgba(0, 90, 224, .06); margin-top:50px; padding:32px 32px; }
.author .left-sec .author-post h2{ margin: -32px -32px 35px; padding: 32px !important; background: rgb(242, 247, 253) !important;}
.aioseo-author-bio-main h5 { font-size:24px; margin:25px 0 10px; }
.aioseo-author-bio-main ul { margin:15px 0; padding:0; margin-left:18px;}
.aioseo-author-bio-main ul li { line-height:1.2; padding:3px 0; }
.user_post_section { list-style:none; display:flex; flex-wrap:wrap; gap:15px; justify-content:space-between; margin:0; padding:0; }
.user_post_section li { width:48%; }
.user_post_section .cat { margin:30px 0 15px; }
.user_post_section .ptitle {color: #17274D;   font-size: 24px;  font-weight: 400;  line-height: 32px;  position: relative;
  padding-right: 30px;  display: block; margin:10px 0; }
.user_post_section .post_author{ display:none; }

.author #content .author .author-bio-detils ul.lsit-cotg { list-style:none; margin-left:0; display:flex; flex-wrap:wrap; }
.author #content .author .author-bio-detils ul.lsit-cotg li	{background:#ddd; padding:5px 7px; border-radius:3px; margin:5px; }
.author .left-sec { width:70%; }
.author .right-sec { width:30%; }

.author #content .author .right-sec .box, #searchtxt, .cta img { border-radius: 5px; border: 1px solid #cce0ff; box-shadow: 0px 5px 10px 0px rgba(0, 90, 224, .06); margin-bottom:50px; }

.author #content .author .right-sec .recent-author-post-list { list-style:none; margin-left:0; padding:30px; }
.author #content .author .right-sec .recent-author-post-list li { margin:5px 0; line-height:1.5; padding-bottom:5px; border-bottom:1px solid #ccc; }

.top-signup, .top-book { display:none ; }

.new-price .bdt-price-table { padding:0 !important; border:0 !important;  }
.new-price.center .bdt-price-table-feature-inner { justify-content:center !important; }
.new-price.center .bdt-price-table-features-list svg { margin-right:0 !important; }
.new-price.mob .bdt-price-table-features-list li { text-align:center; }
.new-price .bdt-price-table-features-list li:nth-child(odd) { background:#F9FAFB; padding:7px 10px; }
.new-price .bdt-price-table-features-list li:nth-child(even) { background:#fff; padding:7px 10px; }
.new-price .bdt-price-table, .new-price .elementor-widget-container { border-radius:0 !important;}
.cvf_pag_loading { width: 100%;}
/*6-5-23*/

@media only screen and (min-width: 1025px) and (max-width: 1230px) {
    
    main > header {padding: 90px 15px;}
    .mainheader .elementor-nav-menu--main .elementor-nav-menu a {padding:13px 12px;}
    .mainheader .mega-menu-wrap {margin-left: 20px!important;}
    .mainheader .mega-menu-wrap li.mega-menu-item>a.mega-menu-link {padding:0 5px !important; font-size:15px !important;}
    html[lang="fr"] .mainheader .mega-menu-wrap li.mega-menu-item>a.mega-menu-link { padding: 0 4px !important;
        font-size: 13px !important; }
    html[lang="fr"] .elementor-location-header .elementor-widget-button .elementor-button { font-size: 13px; padding: 10px 8px !important;  }
    
}

@media only screen and (max-width: 1230px) {
    
    .mainheader {padding: 15px !important;}
    .mainheader div.elementor-container {padding: 0 !important;}
    main > header {padding: 50px 15px 100px;}
    .servicesec .container {padding: 0 15px;}
    .blogsec .container {padding: 0 15px;}
    .hero-sec {padding:0 15px;}
    
    .pagination .next {margin-right:15px;}
    .pagination .prev {margin-left:15px;}
    .blog-filter form li {margin-right: 8px;}
    .whatwedo-sec {padding: 96px 15px 46px !important;}
	.filterContainer .filters {padding: 15px 15px; }
 
}
/* @media only screen and (max-width: 1058px) {
    .mainheader .elementor-column.menusec > div {justify-content: space-between !important;} */
}

@media only screen and (max-width: 1024px) {
	
	.top-signup, .top-book { display:block; }
	.top-signup a, .top-book a {  width:100%;  margin: 10px 20px !important;  text-align:center; color: #17274d !important;}
	.top-signup a { background:#EBF1FF;  }
	.top-book a { background-color: rgb(59, 255, 221); margin-top:0 !important; margin-bottom:30px !important; }
    
    .mainheader .elementor-widget-wrap {padding: 0 !important;}
    .mainheader .elementor-column.menusec {width: 100%;}
    .mainheader .elementor-column.menusec > div {justify-content: space-between !important;}
    .bwcont > div {padding: 50px 15px !important;}
    .mainheader nav.elementor-nav-menu--dropdown { 
        position: fixed;
        right: 0;
        top: 60px;
        margin-top: 0;
        z-index: 999;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mainheader .mega-menu-wrap li.mobitem {display:block !important;}
    .mainheader .elementor-nav-menu--dropdown .elementor-item.elementor-item-active, 
    .mainheader .elementor-nav-menu--dropdown .elementor-item.highlighted, 
    .mainheader .elementor-nav-menu--dropdown .elementor-item:focus, 
    .mainheader .elementor-nav-menu--dropdown .elementor-item:hover, 
    .mainheader .elementor-sub-item.elementor-item-active, 
    .mainheader .elementor-sub-item.highlighted, .mainheader .elementor-sub-item:focus, 
    .mainheader .elementor-sub-item:hover {    background-color: transparent;    color: #3bffdd !important; }
    
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {padding:0;}
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:focus {outline:none;}
    
    .recent-blogs > div .elementor-widget-wrap, .recent-blogs > div .elementor-container {padding-left: 0 !important; padding-right: 0 !important;}
    
    .middleservice { margin:0 auto; width:35% !important; }
    .first-services, .last-services {width:30% !important; }
    .elementor-section.elementor-section-boxed > .elementor-container { padding-left:0; Padding-right:0;}
    .hero-sec form button.elementor-button {min-width: 110px; padding: 8px 10px;}
    
    .blogsec .container {display:block;}
    .blog-filter #searchtxt {display: inherit; min-width: 200px;}
    
    
    
    .blog-filter, .blog-list {width: 100%; margin-bottom:50px; padding-right:0;}
    .blog-list {margin-bottom:0;}
    .blog-filter {display: flex; justify-content: space-between;}
    .blogbox {  width: 45.5%;margin: 0 12px 50px!important;padding: 0;      box-sizing: border-box; }
    .blog-list .blogbox:nth-child(odd) {margin-right:3.4% !important;}
    .blog-filter #searchform select {border: 1px solid #d0d5dd; font-family: 'Avenir Next Medium'; font-size: 16px; line-height: 24px; color: #667085; appearance: none; -webkit-appearance: none; position: relative;}
    .blog-filter #sort {position: relative; padding-left: 30px;}
    
    .blog-filter form#searchradio::-webkit-scrollbar {    display:none; }
    .blog-category {border-bottom: none;}
    
    .simonbox {width: 31%;}
    ul.mega-sub-menu>li.mega-menu-row > .mega-sub-menu { height: initial !important;}
    ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.emptycol {   display: none !important;}
    .theme-details-content { padding: 0 15px 0 10px!important; }
    #my_form .form-input { width: 46.9%; }
  
    .author #content .author   { padding:50px 15px;}
	.aioseo-author-bio-header {  padding: 30px !important; }
	
}


@media only screen and (max-width: 767px) {
	
	.top-signup, .top-book { display:block; }
	.top-signup a, .top-book a {  width: 100%;  margin: 10px 20px !important;  text-align:center; color: #17274d !important;}
	.top-signup a { background:#EBF1FF;  }
	.top-book a { background-color: rgb(59, 255, 221); margin-top:0 !important; margin-bottom:30px !important; }
	
    .unique-tech .elementor-image-gallery .gallery-item {width: 25% !important; min-width: 72px; padding: 5px;}
    .unique-tech .elementor-image-gallery .gallery-item figcaption {display:none;}
    .bwcont {padding:50px 15px 0;}  
    .bwcont > div {max-width:100%; padding: 0 !important;}
    .srvbox, .hero-sec-content1 { max-width: 100%; width:100%; }
    .features-sec1 .elementor-icon-box-wrapper { display: flex; }
    .features-sec1 .elementor-icon-box-wrapper > div {margin-left:0px;}
    .features-sec1 h3.elementor-icon-box-title {margin-top:0;}
    .hero-sec .cont { width:100% !important; padding:50px 15px; }
    .services-cont .elementor-element-populated { display:flex; }
    .services-cont .middleservice { order: 3; margin-bottom:80px; }
    .services-cont .last-services { order: 2; }
    section.convsec {background: #E7EFED !important;}
    .bwsec section > .elementor-container {background: #fff; padding: 0 !important;}
    .recent-blogs .elementor-col-25 > div {margin: 0 0 50px 0 !important; padding: 20px !important;}
    .srvc-filter #searchform {display: inherit; width: 100%; margin: 0 auto;}
    .srvc-filter #searchtxt {display:none;}
    .srvc-filter #searchradio {display: none;}
    .srvc-filter, .services-list {width: 100%; margin-bottom:50px; padding-right:0;}
    .srvc-filter {display:block; justify-content: space-between;}
    .srvc-filter h5 { font-size:18px; }
    .servicesec { padding:64px 0; }
    .servicesec .container {display:block; }    
    .servicebox {width: 48%; margin: 0 0 50px; padding:20px;}
    .srvc-filter #searchform select {
        border: 1px solid #d0d5dd;
        font-family: 'Avenir Next Medium';
        font-size: 16px;
        line-height: 24px;
        color: #667085;
        border-radius: 8px;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
    .srvc-filter #searchform select:focus {outline:none;}
    .middleservice, .first-services, .last-services { margin:0 auto; width:100% !important; }
    .heroslide .elementor-form {max-width: 100%;}
    .blogbox {padding:20px 0; align-content: baseline;}
    .blogbox figure img { min-width: initial;  left: 0;   top: 0;     transform: initial;   }
    .blog-list .blogbox:nth-child(odd) {      margin-right: 2.9% !important;    }
    
    .blogheader h1 {font-size: 36px; line-height: 44px;}
    .blogheader p {font-size: 18px; line-height: 28px;} 
    .single-post .page-content h3, .single-case_studies .page-content h3, .single-host_ranker .page-content h3, .single-sh_wordpress_support .page-content h3, .single-sh_wp_development .page-content h3, .single-career .page-content h3 {font-size: 24px; line-height: 32px;}
    .single-post .page-content blockquote p, .single-case_studies .page-content blockquote p, .single-host_ranker .page-content blockquote p,  .single-sh_wordpress_support .page-content blockquote p, .single-sh_wp_development .page-content blockquote p, .single-career .page-content blockquote p {font-size: 20px; line-height: 30px;}
    .single-kb .page-content,.single-wp-glossary .page-content ,
    .single-site-speed-glossary .page-content,.single-hosting-glossary .page-content,.single-seo-glossary .page-content,
    .single-design-glossary .page-content { padding: 24px 15px 64px 15px; } 
    
    .archive.category-learn .blog-list .blogbox figure {float: none;}
    .archive.category-learn .blog-list {max-width: 320px;}
    .archive.category-learn .blog-list .blogbox figure {max-width: 100%; margin: 0 0 20px 0;}
    .recent-blogs .elementor-posts .elementor-post__badge {     position: initial;    padding: 5px 15px;     background: #3bffdd !important;      display: inline-block !important;      width: fit-content;    }
    .blogbox figure {height:initial;  height:auto !important;}
    .blogbox figure:hover {box-shadow: none;}
    .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
    padding-right: 0; padding-left: 0;}
    
    .srvc-filter #searchform:after {     content: "\f078";    font-family: "Font Awesome 5 Free";     font-weight: 900;
        font-size: 12px;     position: absolute;     right: 1rem;     top: 12px;    }
    .single-case_studies .page-content, .single-case-study .page-content, .single-host_ranker .page-content, .single-sh_wordpress_support .page-content, .single-sh_wp_development .page-content, .single-career .page-content {padding:0 15px;}
    .sharebox .copy-text button, .sharebox .bdt-ss-btn {      margin-right: 8px!important;  margin-left: 0 !important;   }
    .pricebox .bdt-price-table { text-align: left; padding: 30px 15px;  }
    .elementor-accordion .elementor-tab-content {padding:7px 0 !important;}
    .csbtn h5 {text-align:left; font-size:13px;}
    .csbtn h5 span {top: 50%; transform: translateY(-50%);}
    .whatwedo > div > .elementor-column {width: 48%;}
    .csbtn h5 i {margin-left: 5px;}
    .simonsec .elementor-col-25 {width: 50%;}
    .simonsec .elementor-widget-button {margin-bottom: 50px;}
    .hero-sec h2.elementor-heading-title {font-size: 38px!important; line-height: 50px!important;}
    .simonbox { width: 48%;}
    .blog-cta-m {padding:32px 10px; }
    .site-detect-form .from-group { width:90% !important;  }
    .detector-col-md-5, .detector-col-md-7 { width:100%; flex-basis: inherit !important; }
    .theme-details-content { padding: 0 10px !important; }
    .whatwedo-sec {padding:64px 15px 46px !important;}
    .hero-list ul li { width:47%; }
    .tax-kb_category .brd-container { padding:64px 15px 46px !important;} 
    #calres .content ul li, #my_form .form-input { width:100%; }
    #my_form .form-input { float:inherit; margin:0;  }
    .input-icon > i { top:79%;}
    .Webhs { padding:30px 30px 50px;  margin: 30px 10px; }
    .top-sec .hd {  width: 100%; float:inherit; }
    
    #calres .content ul li { min-height:80px; text-align: center;}
    #calres .content ul li span { font-size:40px; line-height:50px }
    #calres .content ul li:nth-child(7) span { font-size:50px; line-height:60px  }
    .content, .chkagainbtn, .top-sec h2 { text-align: center; }
    .chkagainbtn { width: 100%;  }
    .elementor-counter .elementor-counter-number-prefix, .elementor-counter .elementor-counter-number-suffix {flex-grow: 0 !important;text-align: center !important;}
    .elementor-counter-number-wrapper {    justify-content: center !important;    }
    .Webhs a, #calres .backbtn {display: block;    width: 100%;  margin: 10px 0;}
    
    .mainheader .mega-menu-wrap ul.mega-sub-menu article.elementor-post { display:inherit !important; }
    .mainheader .mega-menu-wrap ul.mega-sub-menu article.elementor-post .elementor-post__thumbnail__link { width:100%; margin-bottom: 20px; }
    .glossarybox { display:block; }
    .glossarybox .alphabets {  margin-bottom: 40px; }
    .glossary-list { width: 70%; }
	.portfolio-results .blogbox, .filterContainer .filters .bl-fltr { width:100%; }
	.portfolio-results .blogbox figure { height:auto; }
	.filterbox, .showall, .filterbox.active, .filterbox:hover, .showall:hover  { padding:7px 6px !important; white-space: nowrap; }
	.catfilter { gap:3px; }
	.portfolio-results .blogbox { margin-bottom:20px !important; }
	.filterContainer .filters  { padding:15px 0; }
    .bdt-post-grid-author a { cursor: inherit;}
	.bdt-search-default .bdt-search-input { border-radius:10px }
	.author #content .author {padding: 10px;}
	.author #content .author, .author #content .author .left-sec .author-bio-header {flex-wrap: wrap;}
	.author .left-sec, .author .right-sec, .user_post_section li { width:100%; }
	.bl-fltr select#sort-by {padding: 7px 15px 7px 10px;}
}
    
    

@media only screen and (max-width: 479px) {
    
    .servicebox {width: 100%;}
    .srvc-filter #searchform {width: 100%;}
    
    .blog-filter #searchtxt {display:none;}
    .blogbox {width: 100%;}
    .blog-filter #searchform {width: 100%; min-width:initial; margin-right:15px;}
    
    .blog-filter #sort {padding-left: 0; margin-top: 30px;}
    .blog-filter #sort select {width:100%;}
    .mobblog .bdt-post-grid-img-wrap a {height:250px !important;}
    .blog-filter {display: block;}
    .pricebox .bdt-price-table ul li {width:100%;}
    .hero-sec h2.elementor-heading-title { font-size: 30px!important;line-height: 38px!important;margin-top: 20px;  }
    .whatwedo > div > .elementor-column {width: 100%;}
    .archive.category-learn .blog-list .blogbox figure {height: initial;}
    .simonsec .elementor-col-25 {width: 100%;}
    .simonsec .elementor-col-25 {width: 100%;}
    
    
}


.single-host_ranker .recent-blogs { display:none; }

/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{
    opacity: 0;
}
/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
    -webkit-transition: opacity .5s linear 0.2s;
    -moz-transition: opacity .5s linear 0.2s;
    transition: opacity .5s linear 0.2s;
    opacity: 1;
}

/* Image with ‘data’ attribute is hidden */

img[data-lazy-src] {
    /* we set the opacity to 0 */
    opacity: 0;
}

/*Image without ‘data’ attribute is (or becomes) visible */

img.lazyloaded {
    /* prepare the future animation */
    transition: opacity .5s linear 0.2s;

    /* we set the opacity to 1 to do the magic */
    opacity: 1;
}


h1, h2, h3, h4, h5, h6, p, input, form, body, button, a, nav, div, strong, ul, li, label   { font-family: 'Nunito', sans-serif !important; }

.wpml-ls-legacy-dropdown:has(li.wpml-ls-first-item.wpml-ls-last-item) {
    display: none;
    border: none !important;
}

/* Service New Page CSS */

.solutions-list{
    padding:4px 0px !important;
}
.solutions-list .blogbox{
	width: 100%;
    display: flex !important;
    margin: 0 0 50px !important;
    min-height: 230px;
}
.solutions-list .blogbox figure {
    float: left;
    width: 360px !important;
    margin: 0 20px 0 0 !important;
    height: 258px;
}
.solutions-list .blogbox h3 a{
    font-size: 30px !important;
    line-height: 38px !important;
    color: #17274D;
    font-family: -var(--e-global-typography-primary-font-family);
    font-weight: 600;
    position: relative;
    padding-right: 30px;
    display: block;
}
.solutions-list .blogbox p {
    color: #17274D;
    font-family: -var(--e-global-typography-primary-font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    max-height: 50px;
    overflow: hidden;
}
.solutions-list  .blogbox .author-date { background-color: #3BFFDD;
    font-family: "Avenir Next Medium", Sans-serif;
    font-size: 16px;
    line-height: 24px;
    fill: #17274D;
    color: #17274D;
    border-radius: 0px 0px 0px 0px;
    padding: 10px 15px;
    text-transform: capitalize;
    }

@media only screen and (max-width: 1024px) {
  .solutions-list  .blog-list div.blogbox,.solutions-list .blogbox {
        margin: 50px 0px!important;
    }
  .solutions-section  .solutions-list .container{
        padding:0px !important;
    }
    .solutions-list  .blogbox h3 a, .solutions-list .blog-list .blogbox h3 a {
       padding-top:0px;
    }
    .solutions-section  .solutions-list {
        padding-top:0px;
    }
}
@media only screen and (max-width: 821px) {
    .solutions-list .blogbox h3 a{
        padding-right:0px;
    }
    .solutions-list .blogbox h3{
      padding-right: 0px;  
    }
}
@media only screen and (max-width: 767px) {
    .solutions-list .blog-list {
        max-width: 100%;
    }
   .solutions-list .blogbox {
    width: 100%;
    display: block;
    margin: 0 0 50px !important;
    min-height: 230px;
    }
   body .solutions-list .blogbox figure {
        max-width: 100%;
        width: 100% !important;
        margin: 0 0px 20px 0 !important;
    }
    .solutions-list  .blogbox figure {
        height: auto !important;
    }
    .solutions-list .blogbox h3 a{
        padding-right:0px;
    }
    .solutions-list .blogbox h3{
      padding-right: 0px;  
    }
.solutions-list .blogbox .author-date {
    width: 100%;
    display: flex;
    justify-content: center;
    }
    body .solutions-list .blog-list div.blogbox, .solutions-list .blogbox {
        margin: 20px 0px !important;
    }
 .solutions-list .cvf-universal-pagination li {
     width: 30px !important;
 }
 .solutions-list .blogbox{
     flex-direction:column;
 }
}
.services-list-container{
	position:relative;
}
.services-list-container .ajax-loader{
	top:0px;
}