@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@font-face {
  font-family: alta-regular;
  src: url("../font/alta-regular.otf");
}
html {
  scroll-behavior: smooth;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
h1, h2, h3,h4, h5, h6, p, a, ul, li, div{
    margin: 0;
    padding: 0;
}
li, li:hover{
    list-style: none;
}
a, a:hover{
    text-decoration: none;
}.header .logo
body{
    font-family: "Montserrat", sans-serif;
}

:root{
    --main-color:#ec242c;
    --white:#fff;
    --text-color:#232323;
}
@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 85%;}
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl{max-width: 85%;}
}
@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm{max-width: 85%;}
}
@media (min-width: 768px){
    .container, .container-md, .container-sm{max-width: 85%;}
}
@media (min-width: 576px){
    .container, .container-sm{max-width: 85%;}
}
/* ----------- header css start ----------- */

.header {
  color: #fff;
  background-color:var(--white) ;
  transition: all 0.5s;
  z-index: 9;
  padding:25px 0;
  position: sticky;
  box-shadow:2px 0px 7px 0px #5a545459;
  top: 0;
  overflow: hidden;
}

.header .logo {
  width: 100%;
 justify-content: center;
}
.header .logo img{width: 70%;}

.menu-btn{
    width:50px;
    height:40px;
    background-color:transparent;
    border:none;
    position:absolute;
    right:0;
}
.menu-btn:focus{border:none;outline:none;}
.menu-btn img {width:100%;height:100%;}
.offcanvas.offcanvas-end{width:100%;padding:50px;}
.btn-close{
    --bs-btn-close-bg:url(../images/icons/cross-red.svg);
    padding:0 !important;
    width:25px;
    height:40px;
    background-size:cover;
    opacity:1;
}
.btn-close:focus{box-shadow:none;outline:none;}
.offcanvas-body {text-align:center;}
.offcanvas-body ul li{font-size:20px;padding:5px 0;line-height:1.6;font-weight:500;}
.offcanvas-body ul li a{color:var(--text-color);}
.offcanvas-body ul li a:hover{color:var(--main-color);}
.logo-2{width:95%;text-align:center;}
.logo-2 img{width:55%;}
.close-btn-cont{width:5%;text-align:right;}
/* ----------- header css end ----------- */

/* ----------- banner css start ----------- */

.banner-text

{

    font-size: 19px;

    color:#fff;

}
.banner{position:relative;}

#homeSlider{
    position: relative;
}

#homeSlider .owl-stage-outer, #homeSlider .owl-stage, #homeSlider .owl-item, #homeSlider .item, #homeSlider .item img{

    height:100%;
    object-fit:cover;
}

#homeSlider .item{

    text-align: center;

    width: 100%;

    margin: 0 auto;

    position:relative;
}

.bnr-caption{
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    background-color:#48464659;
    z-index:2;

}

.bnr-title{
    font-family: alta-regular;
    font-size: 50px;
    color: white;
    font-weight: normal;
    font-weight:600;
}

.contact-btn{

    background-color: transparent;

    border-radius: 7px;

    padding: 7px 14px;

    border: 1px solid #fff;

    margin-top:35px;

    transition:.4s ease-in-out;

}

.contact-btn a{

    color:#fff;

}

.contact-btn:hover{

    background-color:#fff;

}

.contact-btn:hover a{

    color:var(--text-color);

}

#homeSlider .owl-nav{

    position: absolute;

    width: 100%;

    top: 40%;

}

#homeSlider .owl-nav button.owl-next, #homeSlider .owl-nav button.owl-prev{

    font-size: 70px;

    color: #fff;

    position: absolute;



}

#homeSlider .owl-nav button.owl-prev{

    left: 10rem;

}

#homeSlider .owl-nav button.owl-next{

    right: 10rem;

}

/* ----------- banner css end ----------- */

/* ----------- about us css start ----------- */

.about-us{

    padding: 100px 0;

}

.row-flex{

    display: flex;

    align-items: center;

}

.about-left{

    padding-right: 50px;

    /*height:420px;*/

}

.about-left img{

    width: 100%;

    border-radius: 7px;

    height:100%;

    object-fit:cover

}

.about-right{

    padding-left: 20px;

}
.about-right img{width: 100%;}
.about-title{

    font-family: alta-regular;

    font-size: 50px;

    font-weight: 600;

    padding-bottom: 30px;

    color: var(--main-color);

}

.about-cont{

    font-size: 22px;
    color: var(--text-color);
    text-align: justify;
    line-height: 1.7;
}

/* ----------- about us css end ----------- */

.image-banner{
    width:100%;
    height:600px;
}
.image-banner img{
    width:100%;
    height:100%;
    object-fit:cover
}

/* ----------- services css start ----------- */

.services-main{
    padding: 100px 0;
    background-color: #F2EDEA;

}
.sec-title{
    font-family: alta-regular;
    font-size: 50px;
    font-weight: 600;
    padding-bottom: 20px;
    color: var(--main-color);
    text-align: center;
}

.services{
    display: flex;
    align-items: center;
    gap: 40px 20px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
}
.service-1{
    width: 15%;
    text-align: center;
    height: 80px;
}
.service-1 img{width: 100%;height: 100%;object-fit: cover;}

/* ----------- services css end ----------- */

.deals-cont span{font-size: 20px;font-weight: 500;color: var(--main-color);}
.deals-cont p{font-size: 18px;margin-bottom: 10px;}
/* ----------- get in touch css start ----------- */

.get-touch{
    padding:100px 0;
}

.get-main{
    display: flex;
    align-items: center;
    width: 80%;
    margin: 0 auto;
}

.get-title{

    font-family: alta-regular;

    font-size: 50px;

    font-weight: 600;

    padding-bottom: 20px;

    color: var(--main-color);
    
    text-align: center;

}

.get-contact{

    display: flex;

    align-items: center;

    gap: 20px;

    padding-top: 30px;

}
.mail, .location, .phone-no{width: 30px;}
.get-contact a{
    font-size: 24px;
    color: var(--text-color);
}
.touch-right img{width: 75%;}

/* ----------- get in touch end ----------- */



.contact-us{

    padding: 100px 0;

    background-image: url('../images/contact us.png');

    background-repeat: no-repeat;

    background-size: cover;

}

.main-form{

    width: 80%;

    margin: 0 auto;

}

.form-intput label, .form-message label{

    font-size: 22px;

    color: var(--main-color);

    padding-bottom: 10px;

}

.form-intput input ,.form-message textarea{

    width: 100%;

    border: none;

    border-bottom: 1px solid var(--main-color);

    background-color: transparent;

}

.form-intput input:focus, .form-message textarea:focus{

    border: none;

    border-bottom: 1px solid var(--main-color);

    outline: none;

    background-color: transparent;

}

.form-intput, .form-message{
    padding: 15px 50px 0px;
}

.submit{

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 30px;

}

.submit button{

    background-color: var(--main-color);

    font-size: 16px;

    color: var(--white);

    padding: 7px 15px;

    border-radius: 4px;

    border: 0;

}

.submit button:focus{

    border: none;

    outline: none;

}

.subject{

    display:block;

    width:100%;

    border:none;

    border-bottom:1px solid var(--main-color);

    background:transparent;

    outline:none;

    color:var(--text-color);

    font-size:18px;

}

.subject:active, .subject:focus{

    border:none;

    border-bottom:1px solid var(--main-color);

    background:transparent;

    color:var(--text-color);

}

.subject option{

    color:var(--text-color);

    font-size:18px;

}
.awards{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
    margin-top: 20px;
}
.awards-item{
    width: 23%;
    position: relative;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.awards-item p{
    font-size: 20px;
    text-align: center;
    padding: 0 55px;
}
.border_1{
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
}
.border_2{
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
}
.award_icon{
    position: absolute;
    top: -20px;
    width: 35%;
}
.deals-items{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 20px;
    gap: 30px;
    justify-content: center;
}
.item-1{
    width: 15%;
    background-color: #F2EDEA;
    height: 275px;
    padding: 20px;
}
.deal-img{
    height: 80px;
    text-align: center;
}
.item-1 p{
    padding-top: 10px;
    font-size: 18px;
    text-align: center;
}
.deal-img img{
    height: 100%;
}
.item-1 h5{
    font-size: 22px;
    color: var(--main-color);
    text-align: center;
    padding-top: 15px;
}

/* ----------- footer css start ----------- */

.footer{

    background-color: var(--main-color);

    padding: 20px 0;

    outline:none;

    box-shadow:none;

}

.footer-left{

    display: flex;

    align-items: center;

    gap:15px

}

.footer-left img{

    width: 35px;

}

.copy-right{

    text-align: right;

    color: #e5dad2;

    font-size: 18px;

}

/* ----------- footer css end ----------- */



/*media css start*/

@media(max-width:1470px){
    .about-cont{font-size: 16px;}
    .awards{gap: 30px;}
    .awards-item{height: 235px;}
    .awards-item p{padding: 37px;font-size: 16px;}
    .item-1 h5{font-size: 18px;}
    .item-1{padding: 10px;height: 245px;}
    .item-1 p{font-size: 15px;}
    .deals-items{gap:21px;}
    .get-contact a{font-size:16px;}
    .get-contact{gap:10px}
    .mail, .location, .phone-no{width:22px;}
    .about-us, .services-main, .get-touch{padding:70px 0;}
    .image-banner{height:550px;}
}
@media(max-width:1380px){
    .awards-item{width: 22%;}
}

@media(max-width:768px){

    /*header start*/
    .header .logo{width:90%;}
    .header .logo img{width:90%;}
    .menu-btn{width:25px;height:27px;right:25px;}
    .offcanvas.offcanvas-end{padding:0;}
    .logo-2{width:88%;}
    .logo-2 img{width:100%;}
    .close-btn-cont{width:5%;height:17px;text-align:center;}
    .btn-close{width:100%;height:100%;}
    .offcanvas-body ul li{font-size:16px;padding:3px 0;}
    .offcanvas-header{padding-bottom:0;}
    /*header end*/

    /*banner start*/

    #homeSlider .item{

        width:100%;

    }

    .bnr-title{
        font-size:25px;
        padding-bottom:10px;
        line-height: 2rem;
    }

    .bnr-cont{

        margin:100px auto 0;

        width:95%;

    }

    .contact-btn{

        font-size:14px;

        padding:5px 12px;

        margin-top:20px;

    }

    #homeSlider .owl-nav button.owl-next, #homeSlider .owl-nav button.owl-prev{

    font-size: 50px;



    }

    #homeSlider .owl-nav button.owl-prev{

    left: 0rem;

    }

    #homeSlider .owl-nav button.owl-next{

        right: 0rem;

    }

    /*banner end*/

    .about-us, .services-main, .get-touch{
        padding:30px 0;
    }
    .bnr-caption{padding:0;}
    .bnr-title{font-size:19px;}

    /*about-us start*/

    .about-us{

        padding-left:10px;

        padding-right:10px;

    }
.flex-alt{display: flex;flex-direction: column-reverse;}
    .about-left{

        padding-right:0;

        height:auto;

    }

    .about-right{

        margin-top:20px;

        padding-left:0;

    }

    .about-title{

        font-size:27px;

        padding-bottom:20px;

        text-align:center;

        margin-top:10px;

    }

    .about-cont{

        font-size:16px;
        padding-right:10px;
        padding-left:10px;
    }

    /*about-us end*/

    .image-banner{height:auto;}

    /*services start*/


    .sec-title{

        font-size:27px;

        padding-bottom:20px;

        margin-top:10px;

    }
    .services{
        margin-top: 0;
        gap:13px
    }
    .service-1{
        width:30%;
        height: 65px;
    }
    .service-1 img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .ser-title{

        padding:10px 0;

    }

    .ser-title h3{

        font-size:19px;

    }

    .ser-cont p{

        font-size:14px;

    }

    .ser-img img{

        height:50px;

    }

    /*services end*/

    

    /*get in touch start*/

    .get-main{
        width: 100%;
        flex-direction: column-reverse;
    }

    .touch-right{
        margin-bottom:20px;
    }
    .touch-right img{width: 100%;}
    .mail, .location, .phone-no{width: 19px;}

    .touch-left{

        padding-right:25px;

        padding-left:25px;

    }

    .get-title{

        font-size:27px;

        text-align:center;

        margin-top:10px;

    }

    .get-contact{

        padding-top:0;

        padding-bottom:20px;

        gap:15px

    }


    .get-contact a{

        font-size:14px;

    }

    /*get in touch end*/

    

    /*contact us start*/

    .main-form{

        width:100%;

    }

    .form-intput, .form-message{

        padding:0 25px;

    }

    .form-intput label, .form-message label{

        font-size:14px;

        margin-top:20px;

    }

    .subject, .subject option{

    font-size:14px;

    }

    .submit button{

        padding:5px 12px;

        font-size:14px;

    }

    /*contact us end*/

    

    /*footer start*/

    .footer{

        padding:15px 0;

    }

    .footer-left{

        justify-content:center;

    }

    .footer-left img{

        width:30px;

    }

    .footer-right{

        margin-top:20px;

    }

    .copy-right{

        text-align:center;

        font-size:14px;

    }

    /*footer end*/

    .deals-cont span{font-size: 15px;}
    .deals-cont p{font-size: 14px;}
    .awards{gap: 20px;margin-top: 10px;}
    .awards-item p{font-size: 12px;padding: 0 22px;}
    .awards-item{width: 46%;height: 140px; margin-bottom: 10px;}
    .why-choose-us .about-right{
        margin-top: 0;
        margin-bottom: 20px;
    }
    .why-choose-us .about-left{margin-bottom: 0;}
    .about-left{margin-bottom: 20px;}
    .about-us, .services-main, .contact-us, .get-touch{padding: 35px 0;}
    .item-1{
        width: 30%;
        height: 225px;
    }
    .item-1 h5{
        font-size: 16px;
    }
    .deal-img{height: 65px;}
    .item-1 p{font-size: 14px;}
    .deals-items{
       gap:25px;
    }
    .mobile-nav-active .navmenu>ul{padding-top:33px;}
    .nav-menu-logo{text-align:left;}
    .nav-menu-logo a img{width:80%;margin-bottom:15px;}
    .mobile-nav-active .mobile-nav-toggle{top:25px;right:8px;}
}

@media(max-width:580px){
    .item-1{width: 46%;}
        
    .navmenu {
        width: 8%;
       
    }
    .mobile-nav-active .mobile-nav-toggle
    .about-cont{font-size:14px;padding:0 10px;}
}

/*media css end*/

/*back to top start */


#button {

  display: inline-block;

  background-color:var(--main-color);

  width: 50px;

  height: 50px;

  text-align: center;

  border-radius: 4px;

  position: fixed;

  bottom: 1rem;

  right: 0;
  
  margin-right: 0.5rem;

  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}

#button::after {
  content: "\F286";
  font-family: 'bootstrap-icons';
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #e5dad2;

}
#button:hover {

  cursor: pointer;

  background-color: #333;

}

#button:active {

  background-color: #555;

}

#button.show {

  opacity: 1;

  visibility: visible;

}

/*back to top end */