/*******************************************************
OTHER CSS
******************************************************/

tbody tr,
tbody td {
    border: 1px dotted #fff;
}

tr.table-elements td {
    padding: 10px;
}

tr.table-elements td p {
    font-size: 14px;
}

.right-form-col .blog-f-row {
    flex-direction: column;
}

.right-form-col .home-text-field {
    width: 100%;
}

.right-form-col .form-div {
    padding: 0 !important;
}

h2.blog-sub-banner {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    font-style: italic;
    font-family: 'Montserrat';
}

.blog-main-banner {
    border-bottom: 1px solid #fff;
    padding-bottom: 15px !important;
}

.post-header-section {
    width: 100%;
    height: 350px;
    align-items: center;
    background-size: 100% 100%;
}

tr.table-head {
    background: #FF6000;
    align-items: center;
    align-self: center;
}

tr.table-head td p {
    align-items: center;
    align-self: center;
    /* padding: 20px 5px; */
    height: auto;
    margin-bottom: 0 !important;
    text-align: center;
}

tr.table-head td {
    padding: 20px 8px;
}

tbody {
    background: #0A247A;
}

tbody p {
    color: #fff;
}

.form-div {
    padding: 20px 0 !important;
}

.table-img {
    display: none !important;
}

/*******************************************************
OTHER CSS
******************************************************/




/******************************************************
BLOG RFP
*****************************************************/

.blog-f-row {
    display: flex;
    grid-gap: 5px;
}

.blog-f-row .form-item input,
.captcha-field input {
    padding: 10px;
    font-size: 13px;
    margin-bottom: 10px;
    border-radius: 6px;
}

.blog-rfp .captcha-label label {
    color: #fff;
}

.blog-form-submit-btn .form-btn {
    width: 100%;
    background: #FF6000;
    padding: 15px;
    border: none;
    border-radius: 5px;
    color: #fff !important;
    font-weight: 600;
}

.blog-rfp-img img {
    margin-bottom: 0;
    padding: 0 !important;
    margin-left: 20px !important;
    margin-top: -28% !important;
}

span.code1 {
    color: #FF6000;
    font-weight: 700;
    margin-bottom: 40px!important;
}

/******************************************************
BLOG RFP
*****************************************************/




/*****************************************
OLD BLUE BOX
*****************************************/

.blue-box {
    background: #e8f5fe;
    padding: 40px;
    margin: 30px 0;
}

p.button-orange {
    background: #FF6000;
    width: 35%;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    margin-top: 30px;
    margin-bottom: 0px !important;
}

p.button-orange a {
    color: #fff;
}

.download .button-orange {
    width: 25% !important;
}

.divider-v2 {
    position: relative;
    height: 6px;
    width: 90%;
    background: #FF6000;
    margin-left: 55px;
    margin-bottom: 30px;
}

.divider-v2::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(/blog/icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    left: -60px;
    top: -25px;
}

/*****************************************
OLD BLUE BOX
*****************************************/


/******************************************
Header CSS
*****************************************/
.row {
    margin: 0 !important;
}

.logo {
    z-index: 5;
    position: relative;
}

.newsletter-header-row {
    display: flex;
    padding: 12px 0;
}

.newsletter-col {
    align-items: center;
    align-self: center;
    justify-self: center;
    height: 50px;
}

.header-btn {
    align-items: center;
    align-self: center;
    justify-self: center;
    margin: auto 0;
}

.newsletter-col .subscribe_form_block input {
    box-shadow: none;
    border: 1px solid lightgray;
    border-right: none !important;

}

.newsletter-col .subscribe_form_block input[type="email"] {
    padding: 12px !important;
    border-radius: 5px 0px 0px 5px;
    color: #000 !important;
}

.newsletter-col .subscribe_form_block input.btn2 {
    border-radius: 0 5px 5px 0;
    padding: 3px 12px !important;
    height: 50px;
}

.newsletter-col .subscribe_form_block form {
    display: flex;
    justify-content: end;
    margin: 0px 0px 0px 0px;
}

.newsletter-col .subscribe_form_block input[type="submit"] {
    text-wrap: auto;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.3;
}



.navLogoMobile {
    display: none;
    width: 50%;
}


/******************************************
Header CSS Ends
*****************************************/


section.blog-banner {
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    justify-content: center;
    display: flex;
    align-self: center;
    align-items: center;
}


.blog-content-section .container {
    max-width: 1400px !important;
    width: 100%;
}


.blog-body p {
    font-family: 'Montserrat' !important;
    font-weight: 500 !important;
}

.blog-body h2 {
    font-weight: 600 !important;
}

.blog-body-content ul {
    list-style-type: disc !important;
    margin-bottom: 30px;
}

.blog-body-content .form-head {
    flex-direction: column;
}

.blog-body-content .table-div {
    overflow: scroll;
}

.free-c .button-orange {
    width: 55%;
}

.blog-content {
    width: 100%;
}

.blog-content ul {
    padding-left: 20px;
}

.blue-box {
    width: 100%;
}

ul.blue-box-bullets {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding-left: 20px;
    flex-direction: row;
    grid-gap: 20px;
}

ul.blue-box-bullets li {
    width: 45%;
    list-style: "✔️";
    padding-left: 10px;
    font-weight: 600;
}


ul.blue-box-bullets li::marker {
    color: #FF6000;
    font-weight: 700;
}

p.button-orange {

    width: 55%;
}

section.blog-content-section {
    padding-top: 30px !important;
}


section.blog-content-section .f-image img {
    width: auto;
    height: auto;
}

section.blog-content-section .blog-content {
    padding: 0 !important;
}

section.blog-content-section .f-image {
    width: 100%;
    /* height: 350px; */
    margin-bottom: 20px;
}

.blog-main {
    display: block;
}


.blog-body {
    display: flex;
}

.blog-body .toc-column {
    flex-grow: initial;
}

.client-title {
    margin-bottom: 10px !important;
}


/***************************************
BLOGS SLIDER CSS - OWL CAROUSEL
**************************************/

section.blogs-carousel-sec {
    padding: 40px 0;
    background: #F5FBFF;
}

.blogs-carousel-sec .title_block {
    font-size: 25px !important;
    font-weight: 700;
}

.blogs-carousel-sec .title_block:after {
    display: none;
}

.blogs-carousel-sec .f-image img {
    border-radius: 10px !important;
    height: 220px;
    object-fit: cover;
}

.blog-top {
    position: relative;
    z-index: 1;
}

.date {
    position: absolute;
    background: #0a247ae3;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    color: white;
    padding: 15px 10px;
    left: 40px;
    border-radius: 0 0 10px 10px;
}

.date span {
    display: block;
    color: #FF6000;
    font-size: 32px;
    margin-bottom: 7px;
}

.blog-bottom {
    box-shadow: 2px 4px 5px 0px #0000002e;
    background: #FFFFFF;
    margin-top: -90px;
    padding: 110px 20px 30px;
    position: relative;
    border-radius: 0 0 10px 10px;
}

h2.b-title {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    height: 80px;
}

.owl-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 0;
    margin-top: 25px
}


.owl-prev:before {
    content: url('/new-assets/images/home-redesign/slider-ic-o-r.webp');
}

.owl-next:before {
    content: url('/new-assets/images/home-redesign/slider-ic-o.webp');
}

.owl-stage-outer {
    padding: 20px 0;
}

.blog-ic {
    position: absolute;
    bottom: 15px;
    right: 10px;
}

/***************************************
BLOGS SLIDER CSS - OWL CAROUSEL
**************************************/





/************************************************
Footer CSS Start
************************************************/





footer {
    background: #0A247A;
    padding: 70px 0 0 0;
    /* border-top: 14px solid #FF6000; */
}




.footer-middle .row {
    grid-gap: 20px;
    align-items: start;
    display: flex;
}

.footer-middle .col-2 {
    width: 17.5% !important;
}

footer .container {
    max-width: 1250px;
    padding: 0;
    width: 100%;
}

.outer-container {
    border-top: 1px dashed #ffffff3d;
    border-bottom: 1px dashed #ffffff3d;
}

.footer-logo {
    width: 380px;
}

ul.social-icons {
    display: flex;
    align-items: center;
    justify-content: end;
    margin: 0;
    padding: 0;
    grid-gap: 10px;
}

.row.footer-top {
    align-items: center;
}

.row.footer-top .col-6 {
    align-items: center;
    display: flex;
}

.row.footer-top .col-6.right {
    align-items: center;
    display: flex;
    justify-content: end;
}

ul.social-icons li {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
    transition: 0.5s;
    width: 48px;
    height: 48px;
}

ul.social-icons li a {
    font-size: 0;

}

ul.social-icons li:hover {
    background: #FF6000;
    transition: 0.5s;
}

ul.social-icons li:hover img {
    filter: brightness(0) invert(1);
    transition: 0.5s;
}

h3.f-head {
    font-family: Montserrat;
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
}

.brand-color-y {
    color: #FEDE00 !important;
}

.brand-color-o {
    color: #FF6000;
}

.brand-color-b {
    color: #69BBFE;
}

.brand-color-m {
    color: #FD625F;
}

.brand-color-r {
    color: #E23029;
}

.brand-color-p.mt {
    color: #DA47FF;
}

.brand-color-bad {
    color: #FCE09B;
}

.brand-color-lg.mt {
    color: #B4EB1E;
}

.brand-color-ow {
    color: #FFE4D6;
}

.brand-color-kg.mt {
    color: #B5CB99;
}

.brand-color-dg.mt {
    color: #1E8E3E;
}

.footer-middle {
    padding: 70px 0 150px;
    position: relative;
}

a.view-more-btn {
    font-weight: 600;
    font-size: 16px;
    position: relative;
}

a.view-more-btn:after {
    content: "";
    position: absolute;
    z-index: 999;
    right: -25px;
    top: 35%;
    border-width: 8px 8px 0px 8px;
    border-color: #FF6000 transparent;
    border-style: solid;
}

a.view-more-btn.brand-color-m {

    border-color: #FD625F transparent;
}

a.view-more-btn.brand-color-b:after {

    border-color: #69BBFE transparent;
}

a.view-more-btn.brand-color-r {
    border-color: #E23029 transparent;
}

ul.f-link-list {
    padding: 0;
    margin: 0;
}

ul.f-link-list li {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
    color: white;
    position: relative;
    border-bottom: 1px dashed #ffffff3d;
    margin-bottom: 6px;
    padding-left: 25px;
    transition: 0.5s;
}

ul.f-link-list li a {
    color: white;
}

ul.f-link-list li:hover {
    border-bottom: 1px dashed #FF6000;
    transition: 0.5s;
}

ul.f-link-list li:before {
    position: absolute;
    left: 0;
    top: 1px;
}

ul.f-link-list.brand-color-y li:before {
    content: url(/new-assets/images/home-redesign/link-ic.svg);
}

ul.f-link-list.brand-color-o li:before {
    content: url(/new-assets/images/home-redesign/link-ic-o.svg);
}

ul.f-link-list.brand-color-b li:before {
    content: url(/new-assets/images/home-redesign/link-ic-b.svg);
}

ul.f-link-list.brand-color-m li:before {
    content: url(/new-assets/images/home-redesign/link-ic-m.svg);
}

ul.f-link-list.brand-color-r li:before {
    content: url(/new-assets/images/home-redesign/link-ic-r.svg);
}

ul.f-link-list.brand-color-p li:before {
    content: url(/new-assets/images/home-redesign/link-ic-p.svg);
}

ul.f-link-list.brand-color-lg li:before {
    content: url(/new-assets/images/home-redesign/link-ic-lg.svg);
}

ul.f-link-list.brand-color-bad li:before {
    content: url(/new-assets/images/home-redesign/link-ic-bad.svg);
}

ul.f-link-list.brand-color-ow li:before {
    content: url(/new-assets/images/home-redesign/link-ic-ow.svg);
}

ul.f-link-list.brand-color-dg li:before {
    content: url(/new-assets/images/home-redesign/link-ic-dg.svg);
}

ul.f-link-list.brand-color-kg li:before {
    content: url(/new-assets/images/home-redesign/link-ic-kg.svg);
}

.mt {
    margin-top: 30px;
}

ul.f-link-list {
    margin-top: 25px;
}

.footer-bottom {
    background: #FF6000;
    padding: 10px;
}

.footer-bottom p {
    color: white;
    font-family: Montserrat;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0em;
    text-align: left;
    margin: 0;
}

.footer-bottom .container .row {
    display: flex;
    flex-wrap: wrap;
}

.footer-bottom .col-6 {
    width: 50%;
}

.footer-bottom p a {
    color: white
}

p.right {
    text-align: end;
}

.footer-middle:before {
    content: url("/new-assets/images/home-redesign/f-arrow.webp");
    position: absolute;
    bottom: 30px;
    left: 30px;
    -webkit-animation: shake-vertical 10s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite forwards;
    animation: shake-vertical 10s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite forwards;
}

.footer-middle:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: url(/new-assets/images/home-redesign/footer-lines-bg.webp);
    width: 200px;
    height: 245px;
    background-repeat: no-repeat;
    z-index: 0;
}


section.blog-footer-form {
    padding: 30px 0;
    background: #FF5F00;
}


.b-form-content h3 {
    color: #fff;
    font-size: 44px;
}

.b-form-content p {
    color: #ffffff;
    margin: 0 !important;
}

.b-form-content {
    align-self: center;
}

.footer-form-inner {
    display: flex !important;
}

.b-form-col {
    align-self: center;
    margin-bottom: 0 !important;
    height: 50px;
}

.blog-footer-form .subscribe_form_block input[type="submit"] {
    background: #0A247A;
    border-radius: 0px 6px 6px 0px;
}

.blog-footer-form .subscribe_form_block form {
    justify-content: inherit;
}

.b-form-col .subscribe_form_block input[type="email"] {
    border-radius: 6px 0px 0px 6px;
}

.b-form-col .subscribe_form_block input {
    box-shadow: none !important;
}

.row.footer-top .col-6 {
    width: 50%;
}

.row.footer-top {
    display: flex;
}


/************************************************
Footer CSS ENDs
************************************************/


.fixed {
    position: fixed;
    top: 20px;
    width: 100% !important;
}



/****************************************
Toc Style
****************************************/

.toc h2 {
    font-size: 25px;
}

.sticky-top {
    position: sticky !important;
    top: 20px;
    z-index: 2;
}

.autoContents ul li a {
    color: #000 !important;
}

.autoContents ul li {
    padding-bottom: 10px !important;
}

.autoContents ul ul li {
    margin-left: 20px;
    font-size: 16px;
}

.toc-link.activetoc {
    color: #FF6000 !important;
}

.toc-wrapper {
    display: flex;
}

.toc-wrapper .row {
    display: flex;
    flex-grow: initial;
}

.body-content-wrapper .row {
    display: flex !important;
}

.mobile-toc {
    display: none;
}

.share-wrapper {
    display: flex;
    grid-gap: 20px;
    justify-content: space-between;
    margin-bottom: 20px;
    border-bottom: 2px solid black;
    padding-bottom: 10px;
}

.share-buttons {
    gap: 10px;
    display: flex;
    /* align-items: center; */
    justify-content: end;
}

.share-head {
    align-self: center;
    background: #0A247A;
    padding: 5px;
    border-radius: 4px;
}

.share-head h4 {
    margin-bottom: 0;
    color: #fff !important;

}

/****************************************
Toc Style
****************************************/

/******************************
Form CSS
***************************** */

.form-col input[type="text"] {
    width: 100%;
    padding: 12px;
    border-radius: 5px;
    border: none;
    margin-bottom: 20px;
}

.form-col input[type="email"] {
    width: 100%;
    padding: 12px;
    border-radius: 5px;
    border: none;
    margin-bottom: 30px;
}

.name-field,
.email-field {
    position: relative;
}

.name-field:before {
    content: '';
    width: 20px;
    height: 20px;
    background: url(/blog/images/2025/mar/user.png);
    position: absolute;
    z-index: 5;
    background-repeat: no-repeat;
    right: 6px;
    background-size: contain;
    top: 10px;
}

.email-field:before {
    content: '';
    width: 20px;
    height: 20px;
    background: url(/blog/images/2025/mar/email.png);
    position: absolute;
    z-index: 5;
    background-repeat: no-repeat;
    right: 6px;
    background-size: contain;
    top: 15px;
}

.blog-body-content .seo-form .name-field:before {
    display: none;
}



.form-col input:focus-visible {
    outline: none;
}

.form-col input.btn2 {
    width: 100%;
    background: #FF6000;
    padding: 15px;
    border: none;
    border-radius: 5px;
    color: #fff !important;
    font-weight: 600;
}

.right-form-col {
    flex-grow: initial;
}

.right-form-col .form-col,
.right-form-col .form-head {
    padding: 0;
}

.right-form-col .seo-form {
    padding: 20px 20px 20px 20px;
    position: sticky;
    top: 20px;
}

.right-form-col .form-head h2 {
    font-size: 22px;
    text-align: center;
}

.seo-form {
    background: #0A247A;
    padding: 20px 20px 0 20px;
    border-radius: 20px;


}

.row.form-head {
    padding: 15px;
}

.row.form-head h2,
.row.form-head p {
    color: #fff;
}

.row.form-head h3 {
    color: #FF6000;
    font-weight: 600;
}

.seo-form img {
    margin-bottom: 0;
    margin-top: -3%;
}

.form-div {
    padding: 40px 0;
}



/******************************
Form CSS
***************************** */

/******************************
Scroll Top Arrow CSS
***************************** */

#scrollToTop {
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    z-index: 999;
    background: #fff;
    border-radius: 100%;
}

.circular-chart {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.circle-bg {
    fill: none;
    stroke: #CCCCCC;
    stroke-width: 1.8;
}

.circle {
    fill: none;
    stroke: #000;
    stroke-width: 1.8;
    stroke-dasharray: 100, 100;
    stroke-linecap: round;
    transition: stroke-dasharray 0.3s ease;
}

.arrow-up {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    font-size: 40px;
    color: orangered;
    font-weight: 500;
}


/******************************
Scroll Top Arrow CSS
***************************** */

@media (max-width: 1199px) {
    .header-wrapper .container {
        display: inherit !important;
    }

    .newsletter-col .subscribe_form_block input.btn2 {
        border-radius: 0 5px 5px 0;
        padding: 3px 6px !important;
        height: 50px;
    }

    .newsletter-col .subscribe_form_block input[type="submit"] {
        text-wrap: auto;
        font-weight: 700;
        font-size: 10px;
        line-height: 1.3;
    }

    .cta-col .btn {
        font-size: 14px !important;
        padding: 10px 8px !important;
        line-height: 28px;
        text-wrap: auto !important;
        text-align: center !important;
    }

    .cta-col .btn img {
        width: 20px;
        margin-right: 5px;
    }

    .body-content-wrapper .seo-form .row {
        flex-direction: column;
    }

    .body-content-wrapper .seo-form img {
        margin-bottom: 0;
        margin-top: -5%;
    }

    .seo-form .form-head p,
    .seo-form .form-head h2 {
        margin: 0 !important;
    }
}


@media (max-width: 990px) {

    .row {
        margin: 0 !important;
    }

    section.blog-banner {
        height: 300px;
        background-size: cover;
        background-repeat: no-repeat;
        justify-content: center;
        display: flex;
        align-self: center;
        align-items: center;
    }



    .blog-footer-form .container {
        max-width: 1100px;
        width: 100%;
    }

    .b-form-content {
        width: 50%;
    }

    .b-form-col {
        width: 50%;
    }

    .blog-body {
        flex-direction: column;
    }

    .toc-wrapper .row {
        display: none;
    }

    .blog-body .form-col {
        width: 75% !important;
    }

    .blogs-carousel-sec .container {
        max-width: 960px;
        width: 100%;
    }



    .right-form-col .form-col {
        width: 100% !important;
        padding: 0 !important;
    }

    .toc-container {
        position: sticky;
        height: fit-content;
    }

    .toc-button {
        background-color: #FF6000;
        color: white;
        padding: 10px;
        border: none;
        cursor: pointer;
        width: 100%;
        text-align: center;
        border-radius: 6px;
        font-family: 'Montserrat';
    }

    .toc-content {
        display: none;
        margin-top: 5px;
        background: #f8f9fa;
        padding: 10px;
        border-radius: 6px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        position: absolute;
        z-index: 5;
        width: 100%;
        transition: 0.5s ease-in-out;
    }



    .mobile-toc {
        width: 100%;
        margin-bottom: 20px;
        display: block;
        position: sticky;
        height: fit-content;
        z-index: 1;
    }

    .toc-mob-fixed {
        position: fixed;
        top: 20px;
        max-width: 1200px;
        width: 62% !important;
    }

    .stuck-bottom {
        opacity: 0;
    }

    .footer-top {
        margin: 0 !important;
        padding: 0 10px;
    }

    .post-header-section {
        padding: 45px 10px 45px 10px;

    }

    .newsletter-header-wrapper {
        display: none;
    }

    .mobileTopSearch .btn {
        display: flex !important;
    }
}

@media (max-width: 950px) {
    .body-content-wrapper .row {
        flex-direction: column;
    }

    .body-content-wrapper .seo-form .row {
        flex-direction: row;
    }

    .body-content-wrapper .seo-form .form-head {
        flex-direction: column;
    }

    .body-content-wrapper .client-test .row {
        flex-direction: row;
    }

    .toc-mob-fixed {
        position: fixed;
        top: 20px;
        max-width: 1200px;
        width: 95% !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 auto;
    }

    .form-item {
        width: 100%;
    }

    .form-item input {
        width: 100%;
    }
}

@media (max-width: 820px) {


    footer {
        padding: 0;
    }

    .footer-form-inner {
        flex-direction: column;
    }

    .b-form-content {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .b-form-col {
        width: 100%;
    }

    .footer-middle {
        display: none;
    }

    .footer-top {
        flex-direction: column;
        padding: 20px 0;

    }
}

@media (max-width: 600px) {

    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .blog-f-row {
        flex-direction: column !important;
    }

    section.blog-content-section .f-image {
        width: 100%;
        height: 180px;
    }

    .blog-content ul {
        padding: 0 10px;
    }

    ul.blue-box-bullets {
        flex-direction: column;
    }

    ul.blue-box-bullets li {
        width: 100%;
        font-size: 14px;
    }

    .seo-form img {
        margin-bottom: 0;
        margin-top: 30px;
    }

    .body-content-wrapper .row {
        flex-direction: column;
        /* display: flex; */
    }

    .toc-mob-fixed {
        width: 88% !important;
    }

    .blog-carousel-sec .container {
        max-width: 360px !important;
        width: 100% !important;
    }

    .blog-body-content {
        padding: 0 !important;
    }

    .blog-body .form-col {
        width: 100% !important;
    }

    .blog-body h2 {
        font-size: 22px;
    }

    .blog-body h3 {
        font-size: 20px;
    }

    footer {
        padding: 0;
    }

    .footer-top {
        flex-direction: column;
        padding: 20px 0;
        margin-bottom: 20px;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .footer-top .col-6.right {
        align-items: center;
        display: flex;
        justify-content: center !important;
    }

    .footer-middle {
        display: none;
    }

    .footer-form-inner {
        flex-direction: column;
    }

    .b-form-content {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .b-form-col {
        width: 100%;
        text-align: center;
    }

    .footer-bottom .container .row {
        flex-direction: column;
        text-align: center;
    }

    .footer-bottom .col-6 {
        width: 100%;
    }

    .footer-bottom .col-6 p {
        text-align: center;
    }

    .client-test .row {
        display: flex !important;
        flex-direction: row;
    }

    .cl-img {
        width: 80% !important;
    }

    .mobileTopSearch .btn {
        padding: 10px;
        font-size: 15px;
    }

    .body-content-wrapper .seo-form .row {
        flex-direction: column;
    }

    .navLogo {
        display: none;
    }

    .navLogoMobile {
        display: block;
        width: 50%;
    }

    .navLogoMobile img {
        width: 50px;
        height: 50px;
    }

    p img {
        max-width: 100%;
    }

    h2.blog-sub-banner {
        font-size: 16px;
    }

    .table-div {
        display: none;
    }

    .table-img {
        display: block !important;
    }

    .b-form-content h3{
        font-size: 38px;
    }

    .b-form-col .subscribe_form_block input[type="email"] {
    padding-left: 10px!important;
}

    .subscribe_form_block input[type="submit"] {
        width: 32%!important;
    }
}


@media (max-width: 520px) {
    .mobileTopSearch .btn {
        padding: 6px;
        font-size: 14px;
    }

    .mobileTopSearch .btn img {
        width: 22px;
        margin-right: 2px;
    }
}

@media (max-width: 400px) {
    .toc-mob-fixed {
        width: 85% !important;
    }
}