/*----------------------------------------
this is the css code that was written in the head of every page
----------------------------------------*/




/*----------------------------------------
clients.php
----------------------------------------*/
.mission-internal-header-sec .head-tag::before,
.mission-internal-header-sec .head-tag::after {
    background: #8A2BE2;
}

.client-logo {
    overflow: visible;
}

.border-bottom-teal {
    border-bottom: 2px solid rgba(109, 9, 223, 0.986) !important;
}

.home-tab-video {
    background-image: url(https://www.chetu.com/img/clients/content-images/desktop.png) !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 1% 22% 11.8% 23.8%;
    margin-top: 0;
    margin-bottom: 10px;
}

#video-tab {
    width: 95%
}

video:focus {
    outline: none;
}

.case-study-box {
    border: none;
    background: transparent;
    padding: 15px;
    margin-bottom: 30px;
    text-align: center;
}

.case-study-box p {
    height: auto;
    margin-bottom: 0;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.font-size-14 {
    font-size: 14px !important;
}

.case-study-box {
    margin: 25px;
}
        /*----------------------------------------------------------------------------------------------------------*/
/*----------------------------------------
contactus.php
----------------------------------------*/
        .grecaptcha-badge {
            visibility: hidden !important;
        }

        .ContactForm .span {
            color: #7b7b7b;
            opacity: 0.8;
        }
        

    /*----------------------------------------------------------------------------------------------------------*/
/*----------------------------------------
e-learning.php
----------------------------------------*/


    @media (min-width: 0) and (max-width: 991px) {

        .relevent-sec-text hr.relevant-hr-tag,
        .relevent-sec-text-real-new hr.relevant-hr-tag {
            left: 15px;
            width: 100%;
            right: auto;
        }

        .relevent-sec-text hr {
            width: 100%;
            left: 5px !important;
        }
    }

    @media (min-width: 1200px) {
        .e-learning-web-based-training-background {
            height: auto;
        }
    }

    @media (max-width: 1199px) {

        .img-margin-top-10,
        .img-margin-top-20 {
            margin-top: 30px !important;
        }
    }

    @media (max-width: 1599px) and (min-width: 1200px) {
        .margin-top-1200 {
            margin-top: 50px;
        }
    }

    @media (min-width: 1600px) and (max-width: 1920px) {
        .margin-top-1920 {
            margin-top: 120px;
        }
    }

    .featured-sec-box {
        min-height: 395px;
    }

    .bg-teal-light {
        background-color: rgb(0 151 164 / 50%);
        box-shadow: 0 10px 25px #00000026;
    }

    .home-tab-video {
        background-image: url(https://www.chetu.com/img/e-learning/e-learning-main/content-images/we-develop-elearning-background.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding: .7% 12.1% 6% 12.6%;
        margin-top: 0;
        margin-bottom: 10px;
    }

    @media (max-width: 1199px) {
        .home-tab-video {
            padding: 1.5% 24% 12.3% 25.5%;
        }
    }

    video:focus {
        outline: none;
    }

    .white-icon path {
        fill: #fff;
    }

    @media (min-width: 0px) and (max-width: 460px) {
        .display-flex-home .heroshot-title h1 {
            font-size: 24px;
        }

        #HomeSlider {
            min-height: 345px !important;
        }
    }

    .content-sec .h3-tag {
        text-align: right;
    }

    @media (min-width: 768px) and (max-width: 991px) {

        .content-sec h2.h-text-align-right,
        .content-sec .h3-tag.h-text-align-right {
            text-align: right;
        }
    }

    @media (min-width: 0) and (max-width: 767px) {
        .content-sec .h3-tag {
            text-align: center !important;
        }
    }



    /*----------------------------------------------------------------------------------------------------------*/
/*----------------------------------------
aboutus.php
----------------------------------------*/

    @media(max-width:767px) {
        .text-center-below-sm {
            text-align: center !important;
        }

        .padding-bottom-30 {
            padding-bottom: 0px;
        }

        .no-padding-right {
            padding-right: 0px;
        }

        .exs-padding-right-0 {
            padding-right: 0 !important
        }
    }

    .porfolio-box {
        min-height: auto;
        top: -10px;
    }

    .porfolio-box img {
        height: 100%;
        object-fit: fill;
    }

    .home-tab-video {
        background-image: url(https://www.chetu.com/img/solutions/bi-analytics/apache-spark/content-images/apache-spark-data-services-blank.png) !important;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding: 3.5% 7.6% 8% 8%;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .home-tab-video-desktop {
        background-image: url(https://www.chetu.com/img/about-us-img/desktop.png) !important;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding: 3% 3% 20.8% 2.8%;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .mobile-video1 span:before {
        position: absolute;
        top: 37%;
        margin-top: -25px;
        left: 50%;
        margin-left: -25px;
        background: url(https://www.chetu.com/img/home-page-img/video-play-button-01.png);
        content: '';
        width: 50px;
        height: 50px;
        z-index: 10;
        cursor: pointer;
        -webkit-transition: all ease 0.2s;
        -moz-transition: all ease 0.2s;
        -o-transition: all ease 0.2s;
        transition: all ease 0.2s
    }

    .mobile-video span:before {
        position: absolute;
        top: 50%;
        margin-top: -25px;
        left: 50%;
        margin-left: -25px;
        background: url(https://www.chetu.com/img/home-page-img/video-play-button-01.png);
        content: '';
        width: 50px;
        height: 50px;
        z-index: 10;
        cursor: pointer;
        -webkit-transition: all ease 0.2s;
        -moz-transition: all ease 0.2s;
        -o-transition: all ease 0.2s;
        transition: all ease 0.2s
    }

    @media (max-width: 991px) and (min-width: 0) {
        .home-tab-video {
            padding: -1% 8% 7.2% 9%;
        }

        .home-tab-video-first {
            padding: 3% 3.5% 1.8% 4%;
        }
    }

    @media (max-width: 465px) and (min-width: 0px) {
        .quote-content {
            padding-left: 10px;
            padding-right: 10px;
        }

        .quote-content .main-p {
            min-height: 202px;
        }
    }

    #video-tab,
    #video-tab-william {
        width: 95%
    }

    #video-tab-first {
        width: 100%;
    }

    video:focus {
        outline: none;
    }

    @media (max-width: 862px) and (min-width: 0) {
        .display-flex-home {
            margin-top: 0px;
        }
    }

    .map-sec .inner-box .our-phone {
        border-right: 1px solid #ddd;
    }

    .map-sec .inner-box .map-sec-titile {
        font-size: 14px;
        margin-top: 10px;
    }

    .cityname-color {
        font-size: 15px;
    }

    .color-gray {
        color: #6c757d;
    }

    .crm-logo-row {
        padding: 20px 0px;
    }

    .color-service {
        color: #8A2BE2;
        font-weight: 700;
        font-size: 14px;
    }

    .technologies-logo {
        margin: 20px 0px
    }

    .color-grey {
        color: #505050;
    }

    .main-thumb.slider-feature-content {
        position: relative;
        min-height: 265px;
    }

    .main-thumb-min-height-600 {
        min-height: 560px !important;
    }

    .chetu-locations {
        padding-left: 3%;
        padding-right: 3%;
    }

    .company-developer-map-sec {
        height: 680px;
    }

    .main-thumb.slider-feature-content .feature-contetn-heading h3 {
        margin-top: 6px !important;
    }

    .main-thumb.slider-feature-content .feature-contetn-heading {
        height: 17%;
    }

    .main-thumb.slider-feature-content .feature-contetn-heading.time-line {
        height: 8%;
    }

    .main-thumb.slider-feature-content:hover .feature-contetn-heading.time-line {
        height: 100%;
    }

    .main-thumb .site-button {
        padding: 10px;
        min-width: 150px;
    }

    @media (max-width: 1199px) and (min-width: 992px) {
        .company-developer-map-sec {
            height: 350px;
        }
    }

    @media (max-width: 1320px) and (min-width:1200px) {
        .feature-contetn-heading p {
            font-size: 12px !important
        }
    }

    @media (max-width: 1920px) and (min-width: 1199px) {
        .md-screen {
            width: 50%;
            margin: auto;
        }
    }

    @media (max-width: 1920px) and (min-width: 1480px) {
        .img-margin-top-center {
            margin-top: 100px;
        }
    }

    @media (max-width: 1481px) and (min-width: 1199px) {
        .img-margin-top-center {
            margin-top: 215px;
        }
    }

    @media (max-width: 1199px) and (min-width: 0px) {
        .main-thumb-min-height-600 {
            min-height: 265px !important;
        }

        .main-thumb.slider-feature-content .feature-contetn-heading.time-line {
            height: 17%;
        }

        .padding-right-30 {
            padding-right: 0px;
        }
    }

    @media(max-width:992px) {
        .margin-bottom-30 {
            margin-bottom: 0px !important
        }
    }

    @media(max-width:500px) {
        .main-thumb.slider-feature-content:hover .feature-contetn-heading p {
            display: none;
            top: 50%
        }

        .main-thumb.slider-feature-content .feature-contetn-heading h3 {
            font-size: 16px !important
        }
    }

    .contact-us-home {
        min-height: 200px;
        background: #8A2BE2;
    }

    .microsoft-logo-about {
        background-image: url(img/about-us-img/amazing-brands-logo/microsoft-grey.png);
    }

    .microsoft-logo-about:hover {
        background-image: url(img/about-us-img/amazing-brands-logo/microsoft.png);
    }

    .aws-logo-about {
        background-image: url(img/about-us-img/amazing-brands-logo/aws-grey.png);
    }

    .aws-logo-about:hover {
        background-image: url(img/about-us-img/amazing-brands-logo/aws.png);
    }

    .salesforce-logo-about {
        background-image: url(img/about-us-img/amazing-brands-logo/salesforce-grey.png);
    }

    .salesforce-logo-about:hover {
        background-image: url(img/about-us-img/amazing-brands-logo/salesforce.png);
    }

    .oracle-logo-about {
        background-image: url(img/about-us-img/amazing-brands-logo/oracle-grey.png);
    }

    .oracle-logo-about:hover {
        background-image: url(img/about-us-img/amazing-brands-logo/oracle.png);
    }

    .sap-logo-about {
        background-image: url(img/about-us-img/amazing-brands-logo/sap-grey.png);
    }

    .sap-logo-about:hover {
        background-image: url(img/about-us-img/amazing-brands-logo/sap.png);
    }

    .uipath-logo-about {
        background-image: url(img/about-us-img/amazing-brands-logo/uipath-grey.png);
    }

    .uipath-logo-about:hover {
        background-image: url(img/about-us-img/amazing-brands-logo/uipath.png);
    }

    .autodesk-logo-about {
        background-image: url(img/about-us-img/amazing-brands-logo/autodesk-grey.png);
    }

    .autodesk-logo-about:hover {
        background-image: url(img/about-us-img/amazing-brands-logo/autodesk.png);
    }

    .bigcommerce-logo-about {
        background-image: url(img/about-us-img/amazing-brands-logo/bigcommerce-grey.png);
    }

    .bigcommerce-logo-about:hover {
        background-image: url(img/about-us-img/amazing-brands-logo/bigcommerce.png);
    }

    .netsuite-logo-about {
        background-image: url(img/about-us-img/amazing-brands-logo/netsuite-grey.png);
    }

    .netsuite-logo-about:hover {
        background-image: url(img/about-us-img/amazing-brands-logo/netsuite.png);
    }

    .ibm-logo-about {
        background-image: url(img/about-us-img/amazing-brands-logo/ibm-grey.png);
    }

    .ibm-logo-about:hover {
        background-image: url(img/about-us-img/amazing-brands-logo/ibm.png);
    }

    .magento-logo-about {
        background-image: url(img/about-us-img/amazing-brands-logo/magento-grey.png);
    }

    .magento-logo-about:hover {
        background-image: url(img/about-us-img/amazing-brands-logo/magento.png);
    }

    .unity-logo-about {
        background-image: url(img/about-us-img/amazing-brands-logo/unity-grey.png);
    }

    .unity-logo-about:hover {
        background-image: url(img/about-us-img/amazing-brands-logo/unity.png);
    }

    .fullscreen-bg__video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    @media (min-aspect-ratio: 16/9) {
        .fullscreen-bg__video {
            width: 100%;
            height: auto;
        }
    }

    @media (max-aspect-ratio: 16/9) {
        .fullscreen-bg__video {
            width: auto;
            height: 100%;
        }
    }

    element.style {
        min-height: 969px;
    }

    .no-padding {
        padding: 0 !important;
    }

    section {
        padding: 30px 0;
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    menu,
    nav,
    section,
    summary {
        display: block;
    }

    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    user agent stylesheet section {
        display: block;
    }

    body {
        font-family: "LatoWeb";
        line-height: 21px;
    }

    html {
        font-family: sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
    }

    #HomeSlider:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0);
        z-index: 999;
    }

    .partner-logo-heroshot {
        position: absolute;
        left: 15px;
        top: 150px;
        z-index: 1;
        font-weight: bold;
    }

    .text-size {
        font-size: 70px !important;
    }

    @media (max-width: 530px) {
        .text-size {
            font-size: 60px !important;
            text-align: center;
        }
    }

    @media (min-width: 1200px) {
        .navbar-nav.primary-nav {
            padding: 0px !important;
        }
    }

    .partner-logo-heroshot h1 {
        line-height: 1;
        text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.5);
        font-size: 70px !important;
    }

    /*----------------------------------------------------------------------------------------------------------*/
/*----------------------------------------
home.php
----------------------------------------*/
    .collapsible:after,
        .collapsible:before {
            color: #5c159d;
        }

        .collapsible:hover {
            color: #5c159d;
        }

        .collapsible:hover:after {
            color: #5c159d;
        }

        .collapsible {
            color: #5c159d;
            border-bottom: 2px solid #5c159d;
        }

        .collapsibles {
            background: #fff;
            color: #5c159d;
            border-bottom: 2px solid #8A2BE2 !important;
            cursor: pointer;
            padding: 10px 0 10px 0;
            width: 100%;
            border: none;
            text-align: left;
            outline: none;
            font-size: 16px;
            font-weight: 600;
        }

        .content {
            border: none;
        }

        .collapsible:after {
            top: 5px;
        }

        .collapsibles:after {
            color: #5c159d;
            font-weight: bold;
            float: right;
            margin-left: 5px;
            border-style: solid;
            border-width: 2px 2px 0 0;
            content: '';
            display: inline-block;
            height: 10px;
            right: 5px;
            position: relative;
            top: 5px;
            transform: rotate(135deg);
            vertical-align: top;
            width: 10px;
        }

        .active-contacts:after {
            color: #5c159d;
            font-weight: bold;
            float: right;
            margin-left: 5px;
            border-style: solid;
            border-width: 2px 2px 0 0;
            content: '';
            display: inline-block;
            height: 10px;
            right: 5px;
            position: relative;
            top: 5px;
            transform: rotate(-45deg);
            vertical-align: top;
            width: 10px;
        }