@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
*{
    text-decoration: none!important;
    box-sizing: border-box!important;
}

body,html{
    scroll-behavior: smooth;
}
#signupForm label.error {
    width: auto;
    display: block;
    color: red;
	}
body {
    color: #111;
    font-family: 'Montserrat', sans-serif!important;
    font-size: 16px!important;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    }

    .navbar{
        padding:0rem 0rem!important;
        transition: .5s!important;
        
    }
.navbar{
    background-color: #242323;
    /* box-shadow: 0 8px 24px rgba(0,0,0,.13); */
    /* margin-bottom: -78px; */
    
    
}
    .navbar-nav{
        margin-left: 28%;
        padding:10px;
     
    color: white;
}



.so-icons .fa{
    background: #fef9f9;
    color: black;
    padding: 7px 9px;
    border-radius: 25px;
}


.navbar-brand{
    transition: .5s!important;
}

#logo img{
    height: 50px;
}
.nav-link{
    color: #ececec;
    padding: 27px 19px!important;
    transition: 0.5s;
    font-weight: 700;
    font-size: 17px;
}

.nav-link:hover{
    color:#cc0d17;
}

.dropdown-menu{
    /* border-radius: 22px!important; */
    border-bottom: 6px solid #cc0d17!important;
}


.dropdown-item.active, .dropdown-item:active {
    color: #fff!important;
    text-decoration: none;
    background-color:#cc0d17!important;
}
.cont{
display: inline-flex;;
}
.cont span{
    margin-right: 10px;
}

.so-icons{
    text-align: center;
}

.so-icons span{
    margin-right: 20px;
    font-size: 17px;
}

.banner-sec{
    background: url(../img/banner-img.jpg) left;
    background-size: contain;

    position: relative;
    min-height: 650px;
}

.fr-con-btn{
    display: inline-block;
    padding: 10px 15px;
    border: 2px solid#cc0d17;
    color: #fff;
    transition: 0.5s;
    margin-top: 30px;
    }

    .ab-stats span{
        color:#cc0d17;
        
    }

    .ab-stats h6{
        margin-bottom: 30px;
    }



@media screen and (max-width:767px){
    .navbar-nav{
        margin-left:0%!important;
        padding-left:25px!important;
    }
}


.social-icon{
    position: fixed;
    left:2px;
    bottom: 40px;
    z-index: 999;
    padding: 10px;
}

.social-icon p{
    background: #1CCACD;
    color:white;
    padding:10px 12px;
   
}

.social-icon p:hover{
   
    background: #1CCACD;
}
#lgo{
    font-size: 45px;
    font-family: cursive;
    color: #cc0d17;;
}
.p-sec{
    position: relative;
    text-decoration: none;
    border:2px solid transparent;
    width:100px;
    height:50px;
    text-align: center;
    line-height: 50px;
    display: inline-block;
font-size: 20px;
color:white;
}


.video-sec {
    position: relative;
}

.video-sec .video-cap{
    /* position: absolute;
    left: 7%;
    top: 35%;
    width: 70%; */

    padding: 240px 40px 0 100px;
}


.video-cap .item h1{
    font-size: 45px;
     font-weight: 800;
     color: #ffffff;
}

.video-cap .item p{
    font-size: 18px;
    font-weight: 800;
}

.video-cap .owl-nav, .video-cap .owl-dots{
    display: none;
}

.bannimgsec{
    margin-top: 50px;
    animation: move1 infinite 5s ;
}

@keyframes move1{
    0%{
        margin-top: 70px;
    }

    50%{
        margin-top: 100px;
    }

    100%{
        margin-top: 70px;
    }
}

.bannimgsec img{
    max-height: 520px;
}

.customsec{
    padding: 40px 20px;
}

img{
    max-width: 100%;
}


.about-sec{
    padding: 80px 0;
}

.ab1{
    position: relative;
}

.ab-sec img{
    border-radius: 12px;
}

.ab1::before{
    content: '';
    position: absolute;
    left: -60px;
    top: -23px;
    right: 0;
   width: 95%;
   height: 115%;
    border: 20px solid#cc0d17;
    z-index: -1;
    border-radius: 12px;
    opacity: 0.8;
    animation: move2 infinite 5s ;
}

@keyframes move2{
    0%{
        left: -60px;
    }

    50%{
        left: -40px;
    }

    100%{
        left: -60px;
    }
}


.ab-sec .sub-head{
    color:#cc0d17;
    font-weight: 700;
    text-transform: uppercase;
}

b{
    color:#cc0d17;
    font-weight: 700;
}

p{
    font-size: 16px;
    line-height: 30px;
}

.ab-sec h1{
    margin-bottom: 25px;
}

.ab-stats h5{
    font-size: 45px;
}

.ab-stats h6{
    font-weight: 800;
}

.read-btn a{
    display: inline-block;
    color:#cc0d17;
    margin-top: 25px;
    border: 1px dashed#cc0d17;
    padding: 10px 15px;
    transition: 0.5s;
}

.read-btn a:hover{
    background-color:#cc0d17;
    color: #fff;
}

.head-titles{
    text-align: center;
    font-size: 45px;
    margin-top: 15px;
    margin-bottom: 45px;
    position: relative;
}

.sub-title{   
        color:#cc0d17;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
}




.get-contact{
    background: url('../img/booking.jpg') bottom center;
    background-size: cover;

    min-height: 530px;
    position: relative;
}

.getcont{
    max-width: 41%;
    transform: translate(-25%, 51%);
}


.button{
    background:#cc0d17;
    padding: 10px 15px;
    color: #fff!important;
    transition: 0.5s;
}

.service-work{
    background-color: #F5F1F1;
    padding: 30px 0;
}

.service-sec{
    
    margin-bottom: 40px;
    text-align: center;
    background-color: #1d1c1c;
    transition: all 0.5s ease;
    color: #fff;
    padding: 40px 20px;
    
}



.service-sec h3{
    margin: 35px 0 15px;
}

.ser-img{
    text-align: center;
    font-size: 38px;
    position: relative;
  
}

.ser-img span{
    position: relative;
    display: block;
    z-index: 1;
    color:#cc0d17;
    transition: 0.5s;
}
.ser-img span img{
    height: 50px;
}

.ser-img::after{

    content: '';
    position: absolute;
    top: -11px;
    margin-left: -31px;
    width: 60px;
    height: 60px;
    background: #2d2c2c;
    transform: rotate(45deg);
    transition: 0.5s;

    
    
}




.ser-img::before{
    content: '';
    position: absolute;
    top: -23px;
    margin-left: -31px;
    width: 60px;
    height: 60px;
    background: #4c4b4b;
   transform: rotate(45deg);
   transition: 0.5s;

    
}

.service-sec:hover{
    transform: translateY(-15px);
}



.service-sec:hover .ser-img::after{
    transform: rotate(-45deg);
}

.service-sec:hover .ser-img::before{
    transform: rotate(135deg);
}

.service-sec:hover{
    background: #cc0d17;
}

.service-sec:hover .read-btn a{
 border-color: #fff;
 color: #fff;
 background: transparent;
}

.service-sec:hover .ser-img .fa{
    color: #fff;
}

.ser-desc h3{
    font-size: 23px;
}

.case-work{
    padding: 30px 0;
    /* background: #eee9f1; */
}

.case-stu{
    position: relative;
}

.case-overlay{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: linear-gradient(to bottom, rgba(255,255,255, 0) 0%,#252323 100%);
    bottom: 0;
    padding: 25px;
    
}

.case-overlay h5{
    margin-top: 235px;
    font-size: 20px;
}

.case-overlay h3{
    color: #fff;
    font-size: 22px;
}


.team{
    position: relative;
}
.team-overlay{
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    background: #fff;
    padding: 20px;
    border-top: 4px solid  #cc0d17;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

.team-overlay h3{
    font-size: 19px;
}
.team-overlay h5{
    font-size: 15px;
}


.footer{
    padding: 40px 0 0;
   
    background: #111;
}

.footer ul li{
    list-style: none;
    display: inline;
    
}

.foot4{
    display: inline-flex;
}


 
.footer .fa{
    margin: 0 0px;
    width: 35px;
    height: 35px;
    color: #fff;
    border-radius: 25px;
    padding: 8px 12px;
    /* background:#cc0d17; */
}

.footer a{
    color:#cc0d17;
    font-weight: 800;
    transition: 0.5s;
}
.footer a:hover{
    letter-spacing: 0px;
}
.footer p{
    margin: 15px 0;
    color: #fff;
}

.foot4 p{
    margin: 2px 0;
}


.foot-head h3{
    color: #fff;
    font-size: 25px;
    margin-bottom: 20px;
}

.copy{
    border-top: 1px solid;
}
.video-wraper{
    overflow: hidden;
}

.fa-bars{
    color: #fff;
}


.contact-us{
    margin-top: 140px;
    padding: 30px 0;
    background: url('../img/cont.jpg');
}
.frm-group{
    margin-bottom: 30px;
}

.frm-group input{
    height: 50px;
    background: transparent!important;
    border: 1px solid  #fff;
    color: #fff;
}

.frm-group textarea{
    resize: none;
    border: 1px solid  #fff;
    background: transparent!important;
    color: #fff;
}

::placeholder{
    color: red;
    font-weight: 700;
    opacity: 1;
}


.form-control:focus{
    box-shadow: none!important;
    border-color: #fff!important;
}

.form-btn{
    background: transparent;
    display: inline-block;
    color: #fff;
    margin-top: 25px;
    border: 1px dashed #fff;
    padding: 10px 15px;
    transition: all 0.5s ease 0s;
}

.cont-sec .fa{
    height: 90px;
    width: 90px;
    text-align: center;
    line-height: 80px;
    vertical-align: middle;
    color: white;
    font-size: 56px;
    margin: 10px 0;
    background: #0f0f0ff2;
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}

.cont-sec h4{
    color: #fff;
}

.cont-sec p{
    font-weight: 700;
    color: #dacdcd;
}
.top-cont-detail{
    background: #cc0d17;
    padding: 20px;
    text-align: center;
    margin-top: -188px;
    margin-bottom: 75px;
}

.item .test-sec{
    text-align: center;
}

.item .test-sec img{
    display: inline!important;
    width: auto!important;
    height: 100px;
}

.item h4{
    margin: 15px 0;
}

#myBtn {
    display: none;
    position: fixed;
    width: 40px;
    height: 40px;

    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #cc0d17;
    color: white;
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 25px;
  }
  

@media (max-width: 767px){
    .navbar {
        top: -12px;
    }
    .video-cap .item h1{
        font-size: 17px;
    }

    .video-cap .item p{
        font-size: 15px;
        font-weight: 900;
        margin-bottom: -5px;
        margin-top: 22px;
    }

    .ab1::before{
        display: none;
        animation: none;
    }

    .bannimgsec {
    animation: none;
    }

    .video-sec .video-cap {
        padding: 73px 40px 36px;
    }

    .bannimgsec img {
        max-height: 351px;
    }
    .case-stu, .team{
        margin-bottom: 30px;
    }
    .ab-stats{
        text-align: center;
        margin-bottom: 20px;
    }

    .about-sec .read-btn{
        text-align: center;
    }

    .getcont {
        max-width: 100%;
        transform: translate(5%, 19%);
    }

    .footer .fa {
        margin: 0 3px;
    }

    .team-overlay {
        /* position: absolute; */
        left: 0px;
        right: 0px;
       
    }
    .team {
    text-align: center;
    }

    .team-overlay {
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 0;
        background: #fff;
        padding: 20px;
        border-top: 4px solid #cc0d17;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom: 4px solid #cc0d17;
    }

    .foot-sec{
        margin-bottom: 20px;
    }

    .copy p{
        text-align: center;
    }

    .ab-sec h1{
        font-size: 35px;
    }

    .head-titles{
        font-size: 30px;
    }
   
}

.gall-img img{
    margin-top: 20px;
}

@media (min-width: 767px) and (max-width: 990px){
    .getcont {
        max-width: 59%;
        transform: translate(-25%, 51%);
    }
}

@media (min-width: 991px){
    .dropdown:hover .dropdown-menu{
        display: block;
    }
}

body a:hover{
    color:#cc0d17;
}

.page-title-area {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    height: 430px;
    text-align: center;
    position: relative;
    background: url('../img/breadcob.jpg');
}

.page-title-area:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #333;
    opacity: 0.8;
}

.d-table {
    display: table!important;
}

.d-table-cell {
    display: table-cell!important;
}

.page-title-text {
    position: relative;
    padding-top: 180px;
    color: #fff;
}

.page-title-text h2 {
    font-weight: 900;
    font-size: 38px;
    /* font-family: Playfair Display,serif; */
    color: #fff;
    margin-bottom: 20px;
}

.page-title-text ul {
    padding: 0;
    margin: 0 0 25px;
}

.page-title-text ul li {
    list-style-type: none;
    display: inline-block;
    font-weight: 600;
    font-size: 17px;
}

.page-title-text ul li a {
    display: inline-block;
    color: #fff;
}

.contact-page{
    background: url('../img/contact-back.png')no-repeat center;
    background-size: cover;
}

.contact-page .frm-group input, .contact-page .frm-group textarea{
    border-bottom: 1px solid #000;
    color: #000;
}

.contact-page .form-btn{
    border-color: #000;
    color: #000;
}

.contact-page .cont-sec{
    text-align: center;
    border-bottom: 2px solid #cc0d17;
    padding: 10px;
    min-height: 277px;
    background: #fff;
}

.contact-page .cont-sec p, .contact-page .cont-sec a {
    font-weight: 700;
    color: #000;
}


.contact-us .cont-sec a{
    color: #dacdcd;
    transition: 0.5s;
}
.contact-us .cont-sec a:hover{
    color: #fff;
}
.contact-page .fa{
    color: #cc0d17;
}

.contact-page .cont-sec h4 {
    color: #cc0d17;
}

.cont-page{
    margin-top: -155px;
}

@media (max-width: 767px){
    .cont-page{
        margin-top: 0;
    }

    .contact-page .cont-sec{
        margin-bottom: 30px;
    }

    .page-title-text h2 {
        font-weight: 900;
        font-size: 29px;
        /* font-family: Playfair Display,serif; */
        color: #fff;
        margin-bottom: 20px;
    }

    .page-title-area {
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        height: 330px;
        text-align: center;
        position: relative;
        background: url(../img/breadcob.jpg) center;
    }

    .service-page-details p{
        text-align: justify;
    }

    .sub-title {
        text-align: center!important;
    }

    .ab-sec p{
        text-align: justify;
    }
}

.detail-page .form-control{
    border-bottom: 1px solid #cc0d17;
}