@font-face {
    font-family: 'openSans-bold';
    src: url('../../../fonts/open-sans/OpenSans-Bold.woff2') format('woff2'), url('../../../fonts/open-sans/OpenSans-Bold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-light';
    src: url('../../../fonts/open-sans/OpenSans-Light.woff2') format('woff2'), url('../../../fonts/open-sans/OpenSans-Light.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-light-italic';
    src: url('../../../fonts/open-sans/OpenSans-LightItalic.woff2') format('woff2'), url('../../../fonts/open-sans/OpenSans-LightItalic.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-regular';
    src: url('../../../fonts/open-sans/OpenSans-Regular.woff2') format('woff2'), url('../../../fonts/open-sans/OpenSans-Regular.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-medium';
    src: url('../../../fonts/open-sans/OpenSans-Medium.woff2') format('woff2'), url('../../../fonts/open-sans/OpenSans-Medium.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-regular-italic';
    src: url('../../../fonts/open-sans/OpenSans-Italic.woff2') format('woff2'), url('../../../fonts/open-sans/OpenSans-Italic.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-semi-bold';
    src: url('../../../fonts/open-sans/OpenSans-SemiBold.woff2') format('woff2'), url('../../../fonts/open-sans/OpenSans-SemiBold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-extra-bold';
    src: url('../../../fonts/open-sans/OpenSans-ExtraBold.woff2') format('woff2'), url('../../../fonts/open-sans/OpenSans-ExtraBold.woff') format('woff');
    font-display: swap;
}

.hindustan-banner {background: url('images/mobilebanner-img.jpg') no-repeat;height:270px;background-size:100% 100%;margin-top:70px;}
.hindustanbanner-content {text-align:center;padding-top:30px;background:transparent;padding-bottom:20px;}
.hindustanbanner-content  span {font-size:14px;line-height:20px; color:#fff;font-family: 'opensans-regular';text-transform:uppercase;}
.hindustanbanner-content h1 {font-size:16px;line-height:20px; color:#fff;font-family:'opensans-semi-bold';border-top:1px solid #a8afb6;border-bottom:1px solid #a8afb6;padding:10px 0;width: 90%;
    margin:0 auto;margin-top:18px;text-transform:uppercase;}
.hindustanbanner-content p {font-family:opensans-regular;font-size:14px;line-height:20px; color:#fff; text-align:center;padding:10px ;}
.hindustanlogo-section {margin: 0 auto;display: table;padding-bottom: 15px;}

.statictestimonals-banner{background: url('images/mobiletestimonals.jpg') no-repeat;height:435px;background-size:100% 100%;}
.statictestimonalsbanner-content{background:#fff;margin: 0 15px; border-radius:15px; padding: 50px 15px 20px;position:relative;top:100px;}
.statictestimonalsbanner-content .testimonal-quotes{position:absolute;top:-40px;left:30px;}
.statictestimonalsbottom-content {text-align:right;padding-top:20px;}
.statictestimonalsbottom-content  span{display:block;font-family:'opensans-semi-bold';font-size:12px;color:#303030;}
.statictestimonalsbottom-content  small{font-family:'opensans-regular';font-size:12px;color:#303030;}
.statictestimonalsbanner-content p{font-family:'openSans-light';font-size:13px;color:#303030;}


.topbackpatch{background: url('images/background-patch.jpg') no-repeat;height:270px;background-size:100% 100%;}
.bottombackpatch{background: url('images/background-patch.jpg') no-repeat;height:270px;background-size:100% 100%;}
.topbackpatch{text-align:center;padding-top:20px;}
.topbackpatch span {font-size:14px;line-height:20px; color:#fff;font-family: 'opensans-regular';text-transform:uppercase;}
.topbackpatch h4 {font-size:16px;line-height:24px; color:#fff;font-family:'opensans-semi-bold';border-top:1px solid #fcc4a7;border-bottom:1px solid #fcc4a7;padding:10px 0;width: 63%;
    margin:0 auto;margin-top:18px;text-transform:uppercase;}
.topbackpatch p {font-family:opensans-regular;font-size:14px;line-height:20px; color:#fff; text-align:center;padding:15px ;}
.bottombackpatch{text-align:center;padding-top:20px;}
.bottombackpatch span {font-size:14px;line-height:20px; color:#fff;font-family: 'opensans-regular';text-transform:uppercase;}
.bottombackpatch h4 {font-size:16px;line-height:24px; color:#fff;font-family:'opensans-semi-bold';border-top:1px solid #fcc4a7;border-bottom:1px solid #fcc4a7;padding:10px 0;width: 63%;
    margin:0 auto;margin-top:18px;text-transform:uppercase;}
.bottombackpatch p {font-family:opensans-regular;font-size:14px;line-height:20px; color:#fff; text-align:center;padding:10px ;}


.resultbanner{background: url('images/mobileresult-img.jpg') no-repeat;height:300px;background-size:100% 100%;}
.leftpanel-section {text-align:center;padding-top:30px;background:transparent;padding-bottom:20px;}
.leftpanel-section span {font-size:11px; color:#303030;font-family: 'opensans-regular';text-transform:uppercase;}
.leftpanel-section h4 {font-size:16px;line-height:20px; color:#303030;font-family:'opensans-semi-bold';border-top:1px solid #979797;border-bottom:1px solid #979797;padding:10px 0;width: 90%;
    margin:0 auto;margin-top:18px;text-transform:uppercase;}
.leftpanel-section p {font-family:opensans-regular;font-size:14px;color:#303030; text-align:center;padding:15px ;}
.resultbtn a {font-size: 14px;
    line-height:20px;
    font-family:'opensans-regular';
    color: #fff;
    background-color: #df5d0c;
    padding: 10px 20px 10px 20px;
    border-radius: 35px;
    outline: none;
}
.rightpanel-section ul {list-style:none;padding-top:10px;padding-bottom:20px;}
.rightpanel-section ul li {padding-top:20px; }
.rightpanel-section ul li span {display:inline-block;width: 20px;  vertical-align:top;padding-top:10px;
                                font-size:20px;font-family:'opensans-semi-bold';color:#303030;}
.rightpanel-section ul li p {display:inline-block;width:calc(100% - 35px); font-size:16px;font-family:'opensans-semi-bold'; color:#303030;padding-left:13px; }
.rightpanel-section ul li p small {display:block;font-family:'opensans-regular';font-size:13px;color:#303030;  }

.othercasestudies-background {background: url('images/sliderbackground.jpg') no-repeat;height:405px;background-size:100% 100%;}
.othercasestudies-content {padding-top:30px;}
.othercasestudies-content h3 {color:#fff;text-transform:uppercase;text-align:center;margin:0;font-family:'opensans-light';font-size:20px;line-height:24px;}
.casestudies-owlcarsouel .owl-nav.disabled {display:block;position:relative;cursor:pointer;}
.casestudies-owlcarsouel .owl-item img {width:auto;margin:0 auto}
.casestudies-owlcarsouel .owl-item .item a:focus {outline:none;  }
.casestudies-owlcarsouel .owl-prev {position:absolute;top:45%;left:0px;}
.casestudies-owlcarsouel .owl-next{position:absolute;top:45%;right:0px;}
.casestudies-slider {padding-top:30px;}

.new-othercasestudies-wrapper{
    display:flex;justify-content:center;align-items:center;padding-top:30px;
}
.new-othercasestudies-wrapper .new-othercasestudies-box{
    margin:0px 25px;
}
.othercasestudies-content .view-more {color:#FFFFFF;font-size:16px;line-height:24px; display:table;margin:4px auto 21px auto;}

/*==============Start of the media queries===============*/
@media(min-width:768px) {
 
.hindustan-banner {background: url('images/banner-img.jpg') no-repeat;height:587px;background-size:100% 100%;margin-top:76px;}
.hindustanlogo-section {margin: 0 auto;display: table;padding-bottom: 30px;} 
.hindustanbanner-content h1 {text-transform:uppercase;padding:16px 0px;font-size:16px;line-height:24px; width:48%; }
.hindustanbanner-content  span {font-size:14px; line-height:20px;}
.hindustanbanner-content  p {font-family:opensans-regular;font-size:16px;padding:15px 67px;}
.hindustanbanner-content  p small{font-family:opensans-regular;font-size:16px;}
.hindustanbanner-content{padding-top:100px;}

.topimage-panel img{width:100%;}
.bottomimage-panel img{width:100%;}
.rightpanel-analysis img{width:100%;}


    .resultbanner {background: url('images/desktopresult-img.jpg') no-repeat;height:630px;background-size:100% 100%; }
    .leftpanel-section h4 {text-transform:uppercase;padding:16px 0px;font-size:16px;line-height:24px; width:78%; }
    .leftpanel-section span {font-size:14px; }
    .leftpanel-section p {font-family:opensans-regular;font-size:16px;line-height:24px;}
    .rightpanel-section ul li span {display:inline-block;width: 22px;  vertical-align:top;padding-top:10px;
                                font-size:20px;font-family:'opensans-semi-bold';color:#303030;}
.rightpanel-section ul li p {display:inline-block;width:calc(100% - 35px); font-size:18px;font-family:'opensans-semi-bold'; color:#303030;padding-left:13px; }
.rightpanel-section ul li p small {display:block;font-family:'opensans-regular';font-size:14px;color:#303030;  }
.resultbanner-content {padding-top:95px; }
.casestudies-owlcarsouel .owl-prev {position:absolute;top:40%;left:0px;}
.casestudies-owlcarsouel .owl-next{position:absolute;top:40%;right:0px;}

.statictestimonals-banner{background: url('images/desktoptestimonal.jpg') no-repeat;height:547px;background-size:100% 100%;}
.statictestimonalsbanner-content{background:#fff; border-radius:15px; padding: 50px 15px 20px;position:relative;top:30%;width:60%;margin: 0 auto;}

}
/*===============End of the media 768px=================*/

@media(min-width:992px) {
    .hindustan-banner{margin-top:110px;}
    .hindustanbanner-content  p {font-family:opensans-regular;font-size:16px;padding:15px 135px;}
    .hindustanbanner-content h1 {width:35%;}
           .rightpanel-section ul li {padding-top:0px;padding-bottom:42px; }
        .resultbanner-content{padding-top:170px;}
           .leftpanel-section{padding-top:0px; }


.analysisbanner-wrapper{padding:0 10px;display:table;}
.leftpanel-analysis{display:table-cell;vertical-align:top;padding:7px 0;}
.rightpanel-analysis{display:table-cell;vertical-align:top;padding:7px 0 7px 8px;}
.bottomimage-panel{padding-top:7px;position:relative;}
.topimage-panel{position:relative;}
.bottomimage-panel img{width:auto;}
.topimage-panel img{width:auto;}
.rightpanel-analysis img{width:auto;}

.topbackpatch{width:380px;padding-top:8px;position:absolute;top: -55px;left: 465px;opacity:0.9;height:230px;}
.bottombackpatch{width:380px;padding-top:8px;position:absolute;top: 70px;left: 130px;z-index: 9;height:230px;opacity:0.9;}
.topbackpatch p{padding:15px 10px;}
.bottombackpatch p{padding:15px 10px;}
.bottombackpatch h4{padding:15px 0; }
.topbackpatch h4{padding:15px 0; }


        .casestudies-owlcarsouel .owl-nav.disabled{position:static;}
            .othercasestudies-content h3 {font-size:30px;padding-bottom:10px;}
            .othercasestudies-background {background: url('images/sliderbackground.jpg') no-repeat;height:430px;background-size:100% 100%;}

.statictestimonalsbottom-content  span{font-size:18px;}
.statictestimonalsbottom-content  small{font-size:18px;}
.statictestimonalsbanner-content p{font-size:18px;}
.statictestimonalsbanner-content{background:#fff; border-radius:15px; padding: 50px 62px 20px;position:relative;top:30%;width:70%;margin: 0 auto;}

}
/*===============End of the media 992px=================*/

@media(min-width:1204px) {

.hindustanbanner-wrapper {margin-top:110px; }
.hindustanbanner-content  p {font-family:opensans-regular;font-size:16px;padding:17px 265px;}
.hindustanbanner-content h1 {width:28%;}
.statictestimonalsbanner-content{padding: 50px 70px 20px;}
.statictestimonalsbanner-content{width:54%;}
    .leftpanel-section h4 {width:88%;}
    .leftpanel-section p {padding:25px 0;}
     .rightpanel-section ul li{padding-bottom:53px;}
    .rightpanel-section ul li p {font-size:23px; }
    .rightpanel-section ul li span{font-size:22px;width:25px;}


.topbackpatch{width:440px;padding-top:8px;position:absolute;top: -55px;left: 628px;opacity:0.9;height:247px;}
.bottombackpatch{width:440px;padding-top:8px;position:absolute;top: 85px;left: 225px;z-index: 9;height:247px;opacity:0.9;}
.topbackpatch p{padding:15px 12px;}
.bottombackpatch p{padding:15px 12px;}


    .casestudies-slider {padding:30px 170px 0px;}
    .casestudies-owlcarsouel .owl-prev{left:-130px;}
    .casestudies-owlcarsouel .owl-next{right:-130px;}

    .casestudies-owlcarsouel .owl-item  {width:61%; }
    .casestudies-owlcarsouel .owl-nav.disabled{position:static;}
    .othercasestudies-content h3 {font-size:40px;line-height:54px; padding-bottom:10px;padding-top:10px;}
    .othercasestudies-background {background: url('images/sliderbackground.jpg') no-repeat;height:470px;background-size:100% 100%;}

}
/*===============End of the media 1204px=================*/

@media(min-width:1300px) {
.hindustanbanner-content  p {font-family:opensans-regular;font-size:16px;padding:17px 295px;line-height:24px;}
}
/*===============End of the media 1300px=================*/

@media screen and (max-width: 415px) and (min-width: 320px){
    .new-othercasestudies-wrapper{
        display:flex;justify-content:center;align-items:center;padding-top:30px;flex-direction:column;
    }
    .new-othercasestudies-wrapper .new-othercasestudies-box:nth-child(2) , .new-othercasestudies-wrapper .new-othercasestudies-box:nth-child(3){
        display:none;
    }
    .othercasestudies-background {
        background: url(images/sliderbackground.jpg) no-repeat;
        height: 430px;
        background-size: 100% 100%;
        margin:0;
    }
}

/*=========End of the media queries==============*/