/*
Theme Name: ITCS Agent Pro Bootstrap
Theme URI: https://www.itcs.co.uk/
Author: ITCS
*/

:root {
    --lmgBlue: #0d23ff;
    --lmgPink: #f700fe;
    --lmgGrey: #787878;
}

.btn-primary {
    background-color: var(--lmgBlue) !important;
    border-color: var(--lmgBlue) !important;
}

.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: var(--lmgBlue) !important;
    border-color: var(--lmgBlue) !important;
    color: #fff !important;
    width: 150px;
    padding: 5px;
    border-radius: 5px;

    box-shadow: var(--bs-box-shadow) !important;
    display: block;
    margin: 0 auto;
}


html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: "Roboto", sans-serif;
    line-height: 1.5 !important;
    overflow-x: hidden;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Roboto Slab", serif;
}

h1 {
    color: var(--lmgBlue);
}

.container {}

.row {
    margin: 0px !important;
}

.container-fluid {
    padding: 0px !important;
}

p,
ul {
    font-size: 19px;
}

b,
strong {}

a {}

a:hover {}

.btn {}

.btn a {}

.btn a:hover {}

img {
    max-width: 100%;
    height: auto;
}

img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}

img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/* Header */
#myBtn {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Fixed/sticky position */
    bottom: 20px;
    /* Place the button at the bottom of the page */
    right: 30px;
    /* Place the button 30px from the right */
    z-index: 99;
    /* Make sure it does not overlap */
    border: none;
    /* Remove borders */
    outline: none;
    /* Remove outline */
    background-color: var(--lmgGrey);
    /* Set a background color */
    color: white;
    /* Text color */
    cursor: pointer;
    /* Add a mouse pointer on hover */
    padding: 15px;
    /* Some padding */
    border-radius: 10px;
    /* Rounded corners */
    font-size: 18px;
    /* Increase font size */
}

#myBtn:hover {
    background-color: #555;
    /* Add a dark-grey background on hover */
}





div#header {
    align-items: center;
}


.sm-icon {
    width: 100%;
    display: block;
    text-align: center;
}

.sm-icon img {
    height: 40px !important;
    width: auto !important;
    max-width: 100%;
}

img.company-logo {
    width: 50%;
}


/* Nav */
#menu-main-menu li {
    text-transform: uppercase;
    FONT-WEIGHT: 600;
    font-size: 23px;
    color: var(--lmgGrey) !important;
    margin: 0px 10px;
}

#menu-main-menu li:hover {
    color: var(--lmgBlue) !important;
}

button#rmp_menu_trigger-179 {
    position: static;
    float: right;
    width: 100%;
    text-align: right;
    padding: 0px 20px;
    margin-top: 10px;
}


.hs2-r {
    padding: 20px;
}

.hs2-r p {
    font-size: 21px;
}

.hs2-r .btn.btn-primary {
    font-weight: bold;
    font-size: 17px;
}


/* End Nav */

/* End Header */

/* Home Page */
.hs1-img-banner {
    background-color: #f8f5f5;
    border-radius: 30px;
    width: 80%;
    margin: auto;
}

.home-s1-box {
    position: absolute;
    width: 30%;
    top: 40%;
    background-color: rgba(0, 0, 0, 0.2);
    left: 15%;
    padding: 30px;
    border-radius: 20px;
}

.home-s1-box h1 {
    color: #fff;
    font-size: 26px;
    font-family: "Roboto", sans-serif;
}

.home-s1-box .btn {
    width: auto !important;
    font-weight: bold;
    font-size: 20px;
}

.hs2-l img {
    border-radius: 20px;
}


.hs2-r {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-s3 {
    background: #f8f5f5;
}

.home-s3 h2 {
    margin-bottom: 60px;
}

.hs3-industry-link,
.hs4-service-link {
    text-decoration: none;
}



.hs4-service-link div {
    border-radius: 15px;
}

.home-s5 {
    background: #f8f5f5;
}

.home-s3 h4 {
    color: var(--lmgBlue);
    font-weight: bold;
}


.home-s3 img:hover {
    margin-top: -5px;
}


.home-s4 h2 {
    margin-bottom: 20px;
}

.home-s4 h4 {
    color: var(--lmgBlue);
    font-weight: bold;
}

.home-s4 .btn.btn-primary {
    font-weight: bold;
    font-size: 21px;
}

.hs4-r-nextrow {
    margin-top: 150px !important;
}


/* End Home Page */

/* Footer */
#foot {
    background-color: var(--lmgGrey);
    color: #fff;
    padding-top: 70px !important;
}

#foot-col1 .widget-title {
    padding-left: 2rem;
}

#foot {
    color: #fff !important;
}

#foot a {
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

#foot-col1 ul {
    list-style: none;
}

#foot-col1 ul a {
    color: #fff !important;
}

.image.wp-image-95.attachment-medium.size-medium {
    width: 140px;
}

.image.wp-image-164.attachment-medium.size-medium {
    margin-top: 70px;
}

#foot .company-logo {
    width: 100%;
    max-width: 100%;
    padding-top: 50px !important;
}

#foot-bottom {
    background-color: var(--lmgGrey);
    color: #fff;
    padding: 20px 0;
}

#foot-bottom a {
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

#foot-bottom .col-12.col-md-6.text-left a:hover {
    color: #ec1b22;
}

#foot .widget-title {
    margin-bottom: 50px;
}

#foot .col-12.col-md-6.col-lg-6 .widget-title {
    padding-left: 32px;
}

#foot .widget-title {
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 23px;
}

#foot h3 {
    font-family: "Roboto", sans-serif !important;
}

#foot-col2 .widget-title.text-center {
    margin-left: -120px;
}


#foot li a:hover {
    color: var(--lmgBlue) !important;
    transition: 0.3s;
}

#foot a:hover {
    color: var(--lmgBlue) !important;
    transition: 0.3s;
}



/* End Footer */

/* Internal Pages */
/* Contact Page Styles */
.get-in-touch-banner a {
    background-color: var(--lmgPink) !important;
    border-color: var(--lmgPink) !important;
    color: #fff !important;
}

.page-banner {
    margin-top: 20px;
}

.office-section {
    margin-bottom: 40px;
}

.office-section h2 {
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.office-section p {
    margin: 5px 0;
}

.google-map img {
    width: 100%;
    max-width: 600px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.contact-form-section {
    margin-top: 40px;
}

.contact-form-section h2 {
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.required {
    color: red;
}


.contact-form-section {
    background: #f8f5f5;
}


#quote-page section {
    padding: 60px 120px;
}


/* ISO Logo Container */
.iso-logo-container {
    width: 50%;
}

.about-img-r {
    float: right;
    border-radius: 15px;
    margin-top: -40px;
}



.wpcf7-form-control.wpcf7-file {

    font-size: 16px;
}

.card-img-top {
    padding: 10px;
}


/* End Internal Pages */


/***********************************************************

                    RESPONSIVENESS

************************************************************/
/* // Devices 1600px and up */
@media (min-width: 1600px) {}

/* // Devices 1450px and up */
@media (min-width: 1450px) {


    .hs5-img2 {
        margin-top: -68px;
    }


    #header-main {
        position: sticky;
        top: 0;
        padding: 10px 16px;
        background: #fff;
        z-index: 9999 !important;
    }

    #header-main.shadow {
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
        transition: box-shadow 0.3s ease;
    }

    #mobile-nav {
        display: none;
    }

    #foot {
        padding-left: 150px;
        padding-right: 50px;
    }

    #home-page section {
        padding: 0px 120px 60px 120px;
    }

    .home-s3,
    .home-s4,
    .home-s5 {
        padding: 60px 120px !important;
    }


    .hs1-img-banner.shadow {
        z-index: 99999;
        /* margin-top: -80px; */
        margin-top: -130px;
        position: sticky;
    }

    .hs2-img-r {
        position: absolute;
        right: 100px;
        margin-top: 400px;
    }

    .about-img-r {
        float: right;
        border-radius: 15px;
        margin-top: -40px;
    }

    #contact-page section {
        padding: 60px 120px;
    }



    #header {
        padding: 40px 100px;
    }

    nav .nav-link {
        font-size: 23px;
    }

    .hs3-industry-link .card-img-top {
        width: 100%;
    }



}

/* // Large devices (desktops, between 993px and 1450px) */
/* @media (min-width: 993px) and (max-width: 1450px) { */
@media (min-width: 1100px) and (max-width: 1450px) {





    .home-s3 h4 {
        color: var(--lmgBlue);
        font-weight: bold;
        font-size: 26px;
    }


    #header {
        padding: 30px 100px;
    }

    img.company-logo {
        width: 200px;
    }

    #header {
        padding: 20px 50px;
    }

    /* #desktop-nav {
        display: none;
    } */

        #menu-main-menu {
            justify-content: left !important;
        }

    #menu-main-menu li {

font-size: 15px;
    margin: 0px 5px;
    }

    .home-s1-box {

        left: 10% !important;

    }

    #header .btn {
        font-size: 14px;
    }

    #foot {
        padding-left: 100px;
        padding-right: 0px;
    }

    .hs3-industry-link img {
        width: 150px;
    }

    .home-s1 img.w-100 {
        border-radius: 0px !important;
    }


    .hs1-img-banner.shadow {
        width: 80%;
        border-radius: 20px !important;
        position: absolute;
        left: 10%;
        margin-top: -170px;
    }

    section.home-s3 {
        padding: 20px 0px;
    }

    section.home-s4 {
        padding: 20px 0px;
    }

    #foot .col-12.col-md-7.col-lg-7 .widget-title {
        padding: 0px !important;
    }

    div#contact-page {
        padding: 20px;
    }

    section.contact-form-section {
        padding: 20px 0px;
    }


    #header .col-12.col-md-6.col-lg-3.text-left,
    #header .col-12.col-md-6.col-lg-3.p-0.text-right {
        width: 50%;
    }

    .home-s3 .col-12.col-lg-8.offset-lg-2.text-center {
        width: 80%;
        margin-left: 10%;
    }

    .home-s4 .col-12.col-lg-8.offset-lg-2.text-center {
        width: 80%;
        margin-left: 10%;
    }

    section .col-12.col-lg-10.offset-lg-1 {
        width: 90%;
        margin-left: 5%;
    }






}



/* // Large devices (desktops, between 767px and 992px) */
@media (min-width: 767px) and (max-width: 1099px) {
    #desktop-nav {
        display: none;
    }

    .home-s1 img.w-100 {
        border-radius: 0px !important;
    }


    .hs1-img-banner.shadow {
        width: 100%;
        /* border-radius: 0px !important; */
        position: sticky;
        margin-top: -170px;
    }

    section.home-s3 {
        padding: 20px 0px;
    }

    section.home-s4 {
        padding: 20px 0px;
    }

    #foot .col-12.col-md-7.col-lg-7 .widget-title {
        padding: 0px !important;
    }

    div#contact-page {
        padding: 20px;
    }

    section.contact-form-section {
        padding: 20px 0px;
    }


    .home-s2 .col-12.col-lg-6 {
        flex: 0 0 auto;
        width: 80%;
    }

    .home-s3 .col-12.col-lg-8.offset-lg-2.text-center {
        flex: 0 0 auto;
        width: 80%;
        margin-left: 10%;
    }



    .home-s2 {
        margin-top: 350px !important;
    }



    .home-video div {
        border-radius: 0px !important;
    }


    #home-video {
        border-radius: 0px !important;
    }


    .home-s1-box {
        top: 40%;
        width: 50%;
    }

    #header {
        padding-top: 10px;
    }


    #header .col-12.col-md-4.col-lg-3.p-0.text-right.aos-init.aos-animate {
        flex: 0 0 auto !important;
        width: 66.66666667% !important;
    }

    .about-content .col-md-6.mb-4.mb-md-0 {
        display: none;
    }

    .about-content .col-md-6 {
        width: 100%;
    }



    #foot-col2 .widget-title.text-center {
        margin-left: 0px;
    }



    #mobile-nav {
        margin-bottom: 5px;
    }


    #foot p,
    #foot a {
        font-size: 14px;
    }


    #foot-bottom p,
    #foot-bottom a {
        font-size: 14px;
    }


    .home-s4 h4 {
        font-size: 17px;
    }


    .page-banner h1 {
        font-size: 43px;
    }

    .services-s2 .col-12.col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    #contact-page .col-12.col-lg-6.p-0.aos-init.aos-animate {
        width: 100%;
    }



}

/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 766px) {
    #desktop-nav {
        display: none;
    }

    .hs4-service-link div {
        width: 100% !important;
    }

    .hs4-r-nextrow {
        margin-top: 50px !important;
    }

    .sm-row {
        justify-content: center !important;
        margin-top: 20px !important;
    }

    .home-s1 img {
        height: auto !important;
        border-radius: 0px !important;
        margin-top: 20px !important;
    }

    .hs1-img-banner {
        position: sticky;
        width: 100%;
        padding: 10px;
        margin-top: -190px;
    }

    .hs1-img-banner img {
        margin-top: 0px !important;
    }

    .home-s1.aos-init.aos-animate {
        height: 50vh !important;
    }


    .home-s2 {
        margin-top: 600px !important;
    }


    .home-s4 .col-12.col-md-4.col-lg-4 {
        margin-top: 20px;
    }

    .hs2-r {
        margin-top: 20px;
    }

    .home-s2 {
        margin-top: 400px !important;
    }

    .home-s3 {
        padding: 20px 0px;
    }

    .home-s4 {
        padding: 20px 0px;
    }

    .office-section {
        padding: 20px;
    }

    .wpcf7-form-control {
        max-width: 100%;
    }

    .wpcf7-submit {
        width: 100% !important;
        background-color: var(--lmgBlue) !important;
    }

    .contact-header {
        margin: 30px 0px;
    }


    #foot .widget img {
        margin-top: 0px !important;
    }


    #foot .col-12.col-md-5.col-lg-5 {
        text-align: center;
    }

    #foot-bottom .col-12.col-md-6 {
        text-align: center !important;
    }

    .page-banner {
        margin-top: 20px;
    }

    .home-video div {
        border-radius: 0px !important;
    }

    #home-video {
        border-radius: 0px !important;
    }

    .home-video {
        margin-top: 20px;
    }

    .home-s1-box {
        width: 80%;
        left: 10%;
    }


    .hs4-service-link {
        height: auto !important;
    }

    #header {
        padding-top: 10px;
    }

    .page-banner h1 {
        font-size: 45px;
    }


    #quote-page section {
        padding: 10px;
    }



    .sm-icon {
        margin-top: 5px;
    }

    #header-main .btn.btn-primary {
        font-size: 0.9rem !important;
    }


}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {}