/* ======== RANA TMT CUSTOM CSS ======== */
/* ========== INDEX PAGE CSS ========== */

.bg-primary{
    background-color: rgb(13 73 135) !important;
}

.text-primary{
    color: rgb(13 74 137) !important;
}

.top-bar::before{content: "";
            position: absolute;
            width: 500px;
            height: 38px;
            background-color: #403f41;
            clip-path: polygon(95% 0, 100% 100%, 0 100%, 0 0);}


@media only screen and (max-width: 767px){
    .top-bar::before{display: none;}
}            

.img-ho1:after {
    border-color: #eb1e25 !important;
}

.about-year span{
    border-color: #ef1d26 !important;
}

.site-button:hover{
    box-shadow: 1px 3px 6px 2px #a2a2a2;
}

.contact-no-area .title {
    margin-top: 0;
    font-size: 21px;
    color: #fff;
    font-weight: 500;
    line-height: 37px;
    margin-bottom: 40px;
}

.contact-no .no i{background-color: white;
    border-radius: 30px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-right: 13px;
    padding-left: 12px;
}

.scroltop {
    background-color: #ee1b24 !important;
}

.section-head.style2 .title {
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 10px;
    color: rgb(12 74 135);
}

.ft-contact{
    background: #0d4a89;
}


.section-head span{color: #000;}            

.section-head.style2 p{
    padding-top: 0;
    font-size: 17px;
    line-height: 30px;
    color: #000;
    text-align: justify;
}

.read-more-btn{
    padding: 11px 28px;
    border-radius: 30px;
    font-size: 16px;
}

/* ======= why choose section css ======= */

.serviceBox{
    color: #999;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    padding: 10px 0 15px;
    position: relative;
}
.serviceBox:before,
.serviceBox:after{
    content: "";
    background: #fdb514;
    width: 150px;
    height: 10px;
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%;
    clip-path: polygon(7% 0%, 93% 0%, 100% 100%, 0% 100%);
}
.serviceBox:after{
    width: 80%;
    height: 15px;
    border-radius: 0 0 10px 10px;
    top: auto;
    bottom: 0;
    clip-path: none;
}
.serviceBox .service-content{
    background: #fff;
    padding: 25px 8px;
    border-radius: 10px;
}
.serviceBox .service-content:before{
    content: "";
    background:#fdb514;
    width: 128px;
    height: 100px;
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.serviceBox .service-icon{
    color: #77787a;
    background: linear-gradient(to left, #dedfe1, #f3f3f3);
    font-size: 40px;
    line-height: 100px;
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(0,0,0,0.03);
    position: relative;
    z-index: 1;
}
.serviceBox .service-icon:before{
    content: "";
    background: linear-gradient(to right, #dedfe1, #f3f3f3);
    width: 88%;
    height: 88%;
    border-radius: 50%;
    box-shadow: 5px 0 5px rgba(0, 0, 0, 0.1);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
}
.serviceBox .title{
    color: #fdb514;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.serviceBox .description{
    font-size: 15px;
    line-height: 29px;
    color: #494949;
    margin: 0;
}

.client-logo:hover{
    text-decoration: none !important;
}

.serviceBox.green:before{ background: #719e2a; }
.serviceBox.green:after,
.serviceBox.green .service-content:before{
    background: #ff5e14;
}
.serviceBox.green .title{ color: rgb(255 94 20); }
@media only screen and (max-width:990px){
    .serviceBox{ margin: 0 0 30px; }
}

.box-1{
    box-shadow: 0px 6px 12px 0px #c1c1c1;
    border-radius: 10px;
    height: 400px;
}

.owl-carousel .ow-client-logo img{
    height: 40px;
}

.site-footer.style1 .footer-top{
    padding: 105px 0 0px 0;
}

/* ====== Why choose section css end ====== */

.middle-contact{
    padding-top: 70px !important;
    padding-bottom: 80px !important;
}

/* footer sectopn */

.site-footer.style1 .widget_subscribe p{margin-bottom: 6px;}

.widget i{
    position: relative;
    top: 4px;
    font-size: 20px;
}

.footer-bottom-logo p{
    position: relative;
    top: 10px;
    font-size: 16px;
    color: #ffffff;
}

.footer-bottom-social ul li a{
    color: #fff !important;
}

.testimonial-text p{
    color: #fff !important;
}

.site-footer.style1 .list-2 li a {
    text-decoration: none;
}

.site-footer.style1 .footer-bottom-in .dlab-social-icon li a{
    height: 40px;
    line-height: 40px;
}

.site-footer.style1 .dlab-newsletter{
    top: 53px;
    background-color: transparent;
}

.site-footer.style1 .footer-bottom-in .dlab-social-icon li:first-child a{
    border-left: 1px solid #ffffff;
}

.site-footer.style1 .footer-bottom-in .dlab-social-icon li a{
    border-right: 1px solid #ffffff;
}

.copyright-sec p{
    text-align: center;
    position: relative;
    top: 7px;
    font-size: 16px;
    font-weight: 500;
}

.copyright-sec{
    background-color: #0d4a89;
}

/* // footer setion */

/* product section css */

.product-text p{
    padding-top: 0;
    font-size: 17px;
    line-height: 29px;
    color: #fff;
}

.product-text i{
    padding-right: 5px;
}

.product-text h2{
    font-weight: 600;
    font-size: 38px;
    color: rgb(255, 255, 255);
    line-height: 45px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.product-underlne{
    width: 150px;
    height: 3px;
    background-color: white;
    margin-bottom: 30px;
    border-radius: 30px;
}

.pro-pera{
    padding-left: 60px;
}


/* // Product section css */

.product-text span{
    color: #ee1b24;
}

.pricingtable-inner{
    font-size: 17px;
    line-height: 29px;
    color: #000;
}
 

/* ========================================================
            ABOUT CONTACT ENQUIRY PAGE CSS
========================================================= */

.add-colum{
    height: 222px !important;
}

.bbbbb {
    height: 360px !important;
}

.about-text-1 p{
    padding-top: 0;
    font-size: 17px;
    line-height: 30px;
    color: #000;
    text-align: justify;
}

.about-sec-1{
    margin-top: 80px !important;
}

.infrastructure-sec{
    margin-top: 50px;
    position: relative;
}

.infrastructure-sec img {
    box-shadow: 1px 3px 7px 1px #bbbbbb;
}

.infrastructure-sec::before{
    content: "";
    position: absolute;
    width: 300px;
    height: 288px;
    left: 68px;
    border: 14px solid #e6e6e6;
    top: -28px;
}

.quality-sec{
    margin-top: 80px;
    margin-bottom: 80px;
    position: relative;
    z-index: 10;
}

.quality-sec img{
    box-shadow: 1px 3px 7px 1px #bbbbbb;
}

.quality-sec::after{
    content: "";
    position: absolute;
    width: 300px;
    height: 288px;
    border: 14px solid #e6e6e6;
    top: -28px;
    right: 68px;
    z-index: -2;
}

@media only screen and (max-width: 767px){
    .quality-sec::after{display: none;}
    .infrastructure-sec::before{display: none;}
    .add-colum{height: auto !important;}
}

@media only screen and (max-width: 992px) and (min-width: 768px) {
    .quality-sec::after{display: none;}
    .infrastructure-sec::before{display: none;}
    .add-colum{height: auto !important;}
}

@media only screen and (max-width: 1024px) and (min-width: 991px) {
    .add-colum{height: auto !important;}
}

.inquiry-form{
    padding: 0px 0px 0px 30px;
}

.about-text-1 h5{
    font-size: 16px;
    color: #ee1b24;
    font-weight: 700;
}

.map-sec{
    border: 1px dashed #ec151c;
}

.about-text-1 h3{
    color: #ee1b24;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 31px;
}

.about-text-1 h3 span{
    color: #0d4a89;
}


/* =================== Gallery Section ================== */

.gallery-sec{
    margin-top: 70px;
    margin-bottom: -25px;
}

.gallery-sec img{
    margin-bottom: 40px;
    box-shadow: 1px 3px 7px 1px #bbbbbb;
}

.modal-content{
    width: 55%;
    margin-top: 109px;
}

.modal.fade .modal-dialog{
    text-align: -webkit-center;
}

.modal-header{
    padding: 0px 16px 7px 0px !important;
    border-bottom: 1px solid #e5e5e5;
    background: #ed121a;
}

.modal-header .close{
    margin-top: -2px;
    font-size: 35px;
    color: #fff;
    opacity: unset;
}

/* =============== Gallery Section ====================== */


/* ================ Our Product Section =============== */

.product-sec{
    margin-top: 30px;
}

.pro-table-1 table thead{
    background: #0d4b88;
}

.pro-table-1 table thead tr th{
    color: #fff;
    font-weight: 300;
    font-size: 15px;
}

.pro-table-1 table tbody tr th{
    color: #000;
    font-weight: 500;
    font-size: 15px;
}

.row-bg{
    background-color: #ddeeff;
}

.pro-table-2 table tr th{
    width: 15%;
}

.row-bg-2{
    background-color: #90c8ff;
}


/* ================ // Our Product Section =============== */



/* ================== Popup Enquiry Form ================== */

.form-fade .form-model{
    text-align: left !important;
}

.form-model{
    margin: 25px 0px 0px 289px !important;
}

.enquiry-popup{
    width: 156%;
    margin-top: 142px;
}

.enquiry-popup .modal-body{
    padding: 0px 0px 0px 0px;
}
 
@media only screen and (max-width: 767px){
    .form-container{margin: 0px;}
    .enquiry-popup{margin-top: 230px;
            width: 90%;}
    .icon-bx-wraper.expertise{height: auto;}
    .form-model {margin: 25px 0px 0px 20px !important;}
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    /* .form-container{margin: 0px 0px 0px 0px;} */
    .form-model {margin: 25px 0px 0px 120px !important;}
    .enquiry-popup{width: 100%;}
}

@media only screen and (max-width: 1024px) and (min-width: 992px) {
    /* .form-container{margin: 0px;} */
    .form-model {margin: 25px 0px 0px 130px !important;}
    .enquiry-popup{width: 150%;}
}

.form-label label{
    margin: 14px 0px 5px 0px;
    font-size: 14px;
    color: #ee1b24;
}

.form-label label span{
    color: #0c4a87;
    font-weight: 800;
    font-size: 19px;
    position: relative;
    top: 4px;
}

.form-label input{
    padding: 20px 0px 20px 0px;
    border-radius: 20px;
    box-shadow: 1px 3px 7px 1px #bbbbbb;
}

.form-label textarea{
    border-radius: 50px;
    box-shadow: 1px 3px 7px 1px #bbbbbb;
}

.form-btn{
    margin-top: 30px !important;
    margin-bottom: 20px;
}

.form-label{
    padding: 0px 10px;
    border-bottom: 8px solid #ee1b24;
    border-radius: 4px;
    /* background-image: url(../rana-img/about-banner.jpg); */
}


/* ============== // Popup Enquiry Form ============== */