/* 
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
*/

/*
    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
*/

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

.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 .elementor-icon-list-item use {
    color: #3bffdd;
}

.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;
}

main.site-main {
    max-width: initial !important;
}

.container,
.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 1215px !important;
    margin: 0 auto;
}

a.link {
    color: #17274D;
    font-family: var(--e-global-typography-primary-font-family);
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    display: block;
    margin: 10px 0 0;
}



.middleservice {
    max-width: 480px;
    margin: 0 auto !important;
    position: relative;
}

.sechead {
    max-width: 780px;
    margin: 0 auto;
}

.bwcont {
    background: #fff;
}

.bwcont>div {
    max-width: 500px;
    margin: 0 auto !important;
}


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-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;
    padding-top: 20px;
	justify-content:center;
}

.pagination .page-numbers, .elementor-pagination .page-numbers {
    background: #fff;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--e-global-typography-primary-font-family);
    font-size: 14px;
    line-height: 20px;
    color: #667085;
    vertical-align: top;
}

.pagination .current, .elementor-pagination .page-numbers.current {
    background: #EBF1FF;
    color: #284282;
}

.pagination .next, .pagination .prev, .elementor-pagination .page-numbers.next, .elementor-pagination .page-numbers.prev {
    font-family: var(--e-global-typography-primary-font-family);
    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;
    width: auto;
    padding: 0 15px;
}

.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.learn {
    position: relative;
}

.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: var(--e-global-typography-primary-font-family);
}

.blog-filter form li {
    position: relative;
    padding: 10px 5px;
    display: inline-flex;
    align-items: center;
    font-family: var(--e-global-typography-primary-font-family);
    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: var(--e-global-typography-primary-font-family);
    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: var(--e-global-typography-primary-font-family);
    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: var(--e-global-typography-primary-font-family);
    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: var(--e-global-typography-primary-font-family);
    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: var(--e-global-typography-primary-font-family);
    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 !important;
    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 20px 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: var(--e-global-typography-primary-font-family);
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    position: relative;
    padding-right: 30px;
    display: block;
}

.blogbox h3 a:after {
    content: "\f061";
    font-family: var(--e-global-typography-primary-font-family);
    position: absolute;
    right: 0;
    font-weight: 600;
    transform: rotateZ(-45deg);
    color: #17274D;
    font-size: 18px;
    display: none !important;

}

.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;
}

.blogbox ul.categories,
.blogbox ul.author-date {
    list-style: none;
    padding: 0;
    margin-top: 10px;
}

.blogbox ul.categories li {
    font-family: var(--e-global-typography-primary-font-family);
    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: var(--e-global-typography-primary-font-family);
    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: var(--e-global-typography-primary-font-family);
}

.glossary-sec {
    max-width: 900px;
    margin: 0 auto;
}

.glossarybox a {
    color: #17274D;
    font-family: var(--e-global-typography-primary-font-family);
    font-size: 24px;
    font-weight: normal;
    line-height: 32px;
    position: relative;
    padding-right: 30px;
    display: block;
}

.blogheader,
.blogbottom {
    display: none;
}



.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: var(--e-global-typography-primary-font-family);
    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: var(--e-global-typography-primary-font-family);
    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: var(--e-global-typography-primary-font-family);
    font-size: 16px;
}

.blogheader figure {
    margin: 0;
}

.blogheader h1 {
    font-family: var(--e-global-typography-primary-font-family);
    font-style: normal;
    font-size: 48px;
    line-height: 60px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #101828;
}

.blogheader p {
    font-family: var(--e-global-typography-primary-font-family);
    font-style: normal;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    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: var(--e-global-typography-primary-font-family);
    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;
}


.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: var(--e-global-typography-primary-font-family);
}

.sharebox .copy-text button:hover {
    background: #9DFBEB;
}

.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 20px 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;
    width: 100%;
    gap: 3px;
    overflow-x: auto;
    flex-wrap: nowrap;
}

.catfilter::-webkit-scrollbar {
    height: 7px;
    background-color: #e3e3e3;
}

.filterContainer .filters .bl-lan {
    display: flex;
    width: 80%;
}

.custom-select {
    display: flex;
    width: 100%;
    gap: 15px;
    align-items: baseline;
    justify-content: space-between;
}

.case-study-filter .custom-select {
    width: 100%;
}

.filterContainer .filters .bl-fltr {
    min-width: 150px;
    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;
	white-space: nowrap;
}

#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;
}



.cvf-universal-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px 30px;
}

.cvf-universal-content .blogbox {
    width: 100%;
    margin: 0 !important;
}


.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;
	outline:none;
}

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,
{
    padding: 2px 10px;
    border-radius: 16px;
    margin: 5px 3px;
    display: inline-block;
}

.portfolio-results .blogbox .categories li a:nth-child(1), {
    background: #3BFFDD;
}

.portfolio-results .blogbox .categories li a:nth-child(2), {
    background: #284282;
    color: #fff;
}

.portfolio-results .blogbox .categories li a:nth-child(3),{
    background: #17274D;
    color: #fff;
}

.portfolio-results .blogbox .categories li 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: var(--e-global-typography-primary-font-family);
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #17274D;
}

.historysec .swiper-slide h3 {
    font-family: var(--e-global-typography-primary-font-family);
    font-style: normal;
    font-size: 20px;
    line-height: 30px;
    color: #17274D;
}

.historysec .swiper-slide span {
    background: #284282;
    font-family: var(--e-global-typography-primary-font-family);
	font-weight:500;
    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;
}

.error404 h1.entry-title {
    color: #FFFFFF;
    font-family: var(--e-global-typography-primary-font-family);
    font-size: 48px;
    font-weight: normal;
    line-height: 60px;
    text-align: center;
}

.error404 .page-content p {
    font-family: var(--e-global-typography-primary-font-family);
    color: #101828;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    padding: 50px 15px;
}

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

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

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

.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;
}

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

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: var(--e-global-typography-primary-font-family);
    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: var(--e-global-typography-primary-font-family);
    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: var(--e-global-typography-primary-font-family);
    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;
}



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: var(--e-global-typography-primary-font-family);
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #17274D;
}

#ez-toc-container nav>ul>li>a {
    font-family: var(--e-global-typography-primary-font-family);
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #101828;
}

#ez-toc-container nav>ul>ul>li a {
    font-family: var(--e-global-typography-primary-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #101828;
}

#ez-toc-container a {
    font-family: var(--e-global-typography-primary-font-family);
    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: var(--e-global-typography-primary-font-family);
	font-weight:500;
    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: var(--e-global-typography-primary-font-family);
    max-width: 750px;
    margin: 0 auto;
}

.host_ranker_header_btn {
    margin-top: 50px;
}

.host_ranker_book_btn {
    font-family: var(--e-global-typography-primary-font-family);
    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: var(--e-global-typography-primary-font-family);
    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: var(--e-global-typography-primary-font-family);
    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: var(--e-global-typography-primary-font-family);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    color: #17274D;
}

#my_form .form-input #formsubmit:hover {
    background: var(--e-global-color-6e85131);
}

#my_form .submitbtn {
    text-align: center;
    width: 100%;
}

.top-sec .hd {
    width: 60%;
    float: left;
}

.top-sec h2 {
    font-family: var(--e-global-typography-primary-font-family);
    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: var(--e-global-typography-primary-font-family);
    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: var(--e-global-typography-primary-font-family);
    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: var(--e-global-typography-primary-font-family);
    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: var(--e-global-typography-primary-font-family);
    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: var(--e-global-typography-primary-font-family);
    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%;
    min-height: 380px;
}

.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;
}

.cvf_pag_loading {
    width: 100%;
}

.services-list-container {
    position: relative;
}

.services-list-container .ajax-loader {
    top: 0px;
}

.services-list-container .servicebox h3 {
    min-height: 67px;
}

.service-filter-main .servicebox {
    height: 100%;
}

li.service-category:hover {
    background: #ebf1ff !important;
    opacity: 1 !important;
    border-radius: 6px;
}

.services-list {
    width: 100% !important;
}

.services-list .cvf-universal-pagination {
    width: 100%;
}

.service-testimonial .elementor-testimonial {
    display: flex !important;
    flex-direction: column-reverse !important;
}

.service-testimonial .elementor-testimonial__text {
    text-align: center;
}

.service-testimonial .elementor-testimonial__header {
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.service-testimonial .elementor-testimonial__title {
    order: 1;
}

.service-testimonial .elementor-star-rating {
    order: 2;
}

.service-testimonial .elementor-testimonial__name {
    padding-top: 16px;
    padding-bottom: 4px;
}

.service-testimonial .elementor-star-rating {
    padding-top: 16px;
    padding-bottom: 30px;
}

.service-filter-main .srvc-filter {
    width: 29%;
}

.service-filter-main .services-list {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}

.service-filter-main .servicebox {
    width: 100%;
    margin-bottom: 18px;
    padding: 32px;
}

.service-filter-main .servicebox a.btn {
    text-transform: capitalize;
}

.service-faq .elementor-accordion-icon svg {
    width: 24px !important;
    height: 24px !important;
}


/*6-5-23*/

@media only screen and (min-width: 1025px) and (max-width: 1230px) {

    main>header {
        padding: 90px 15px;
    }
    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) {

    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: 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;
    }

    .bwcont>div {
        padding: 50px 15px !important;
    }

    
    .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;
    }

    .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: var(--e-global-typography-primary-font-family);
        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%;
    }


    .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;
    }

   .portfolio-results .blogbox figure {
        height: inherit;
    }
	.cvf-universal-content {
		grid-template-columns: 1fr 1fr;
	}
}


@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: var(--e-global-typography-primary-font-family);
        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: 0 0 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;
    }

    .blogsec {
        padding: 64px 0;
    }

    .blogheader h1 {
        font-size: 36px;
        line-height: 44px;
    }

    .blogheader p {
        font-size: 18px;
        line-height: 28px;
    }

   

    .archive.category-learn .blog-list .blogbox figure {
        float: none;
    }

    .archive.category-learn .blog-list {
        max-width: 100%;
    }

    .archive.category-learn .blog-list .blogbox {
        margin: 0 0 30px !important;
    }

    .archive.category-learn .blog-list .blogbox figure {
        max-width: 100%;
        width: 100%;
        margin: 0 0 20px 0;
    }

    .archive.category-learn .blog-list .blogbox figure img {
        height: initial;
    }

    .category-life .blog-list .blogbox figure img {
        height: initial;
    }

    .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;
    }

    .sharebox .copy-text button,
    .sharebox .bdt-ss-btn {
        margin-right: 8px !important;
        margin-left: 0 !important;
    }

    .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;
    }

    .glossarybox {
        display: block;
    }

    .glossarybox .alphabets {
        margin-bottom: 40px;
    }

    .glossary-list {
        width: 70%;
    }

   .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;
    }

    .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;
    }

    .wp-block-embed iframe {
        min-height: auto;
    }

    .blogbox h3 a,
    .archive.category-learn .blog-list .blogbox h3 a {
        font-size: 20px;
        line-height: 30px;
    }

    .blogbox {
        margin-bottom: 30px !important;
    }
	
	.cvf-universal-content {
		grid-template-columns: 1fr;
	}
}



@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%;
    }

    .blog-filter {
        display: block;
    }

    .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%;
    }


}



/* 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: var(--e-global-typography-primary-font-family) !important;
}

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

.footer-text div p {
    margin-bottom: 0px !important;
    margin-block-end: 0rem !important;
}

/* Solutions 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: var(--e-global-typography-primary-font-family);
	font-weight:500;
    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;
    }
}

@media screen and (max-width: 1024px) {
    .services-list-container {
        width: 70%;
    }

    .service-filter-main .srvc-filter {
        width: 30%;
        padding-right: 20px;
    }

    body .servicesec .container {
        padding: 0px;
    }

    .service-filter-main .services-list {
        gap: 16px;
    }
}

@media screen and (max-width: 767px) {
    .service-filter-main .services-list {
        grid-template-columns: 1fr;
    }

    .service-filter-main .servicesec {
        padding: 0px 0px;
    }

    .service-filter-main .servicesec .container {
        padding: 0px 0px;
    }

    .services-list-container {
        width: 100%;
    }

    .services-list-container .cvf-universal-pagination li {
        width: 30px !important;
    }

    .web-host-grid {
        display: grid !important;
        grid-template-rows: auto !important;
    }
}

.service-filter-main .servicebox .excerpt p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

ul.wp-block-list {
    margin-bottom: .9rem;
}

.grid-title-hover .elementor-icon-box-title a:hover {
    color: #284282 !important;
}

.text-css {
    color: #ffffff !important;
}

.text-css:hover {
    color: #101828 !important;
}

.site-detect-form .detect-btn:hover {
    background: #9dfbeb !important;
    text-transform: none;
}

/* Service Page : Website Redesign  */
@media screen and (max-width: 767px) {
.website-redesign{
    display: flex !important;
    flex-direction: column !important;	
 }
}
/* Add line numbers using a pseudo element */
pre code::before {
  counter-reset: linenumber;
  position: absolute;
  top: 0;
  left: 0;
  width: 2.5em;
  bottom: 0;
  padding: 1em 0;
  background: #2c2c2c;
  border-right: 1px solid #444;
}

/* Draw numbers line by line */
pre code {
  background: linear-gradient(to bottom, 
    #2c2c2c 1.6em, 
    transparent 1.6em) repeat-y;
  background-size: 100% 1.6em;
}

pre code::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2.5em;
  height: 100%;
  background: repeating-linear-gradient(
    to bottom,
    #2c2c2c,
    #2c2c2c 1.6em,
    transparent 1.6em,
    transparent 3.2em
  );
  pointer-events: none;
}

pre.code-numbered {
  position: relative;
  counter-reset: linenumber;
}

pre.code-numbered code {
  display: block;
}

pre.code-numbered code span {
  /*display: block;*/
  position: relative;
  padding-left: 3em;
}

pre.code-numbered code span::before {
  counter-increment: linenumber;
  content: counter(linenumber);
  position: absolute;
  left: 0;
  width: 2.5em;
  text-align: right;
  color: #888;
  padding-right: 0.5em;
  user-select: none;
}
.single-post .wp-block-code{
	background: #2c2c2c;
	padding:32px 10px;
}
.wp-block-code code{
	  background: #2c2c2c;
    padding: 0px 10px;
}
pre.code-numbered code span{
  
	z-index:1;
}
pre.code-numbered code {
	  padding-left: 1em;
    padding-right: 1em;
    display: flex;
    flex-direction: column;
}