/********** Template CSS **********/



:root {



    --primary: #AB7442;



    --light: #F5F5F5;



    --dark: #353535;



}







.fw-medium {



    font-weight: 500 !important;



}







.fw-bold {



    font-weight: 700 !important;



}







.fw-black {



    font-weight: 900 !important;



}







.back-to-top {



    position: fixed;



    display: none;



    right: 45px;



    bottom: 45px;



    z-index: 99;



}











/*** Spinner ***/



#spinner {



    opacity: 0;



    visibility: hidden;



    transition: opacity .5s ease-out, visibility 0s linear .5s;



    z-index: 99999;



}







#spinner.show {



    transition: opacity .5s ease-out, visibility 0s linear 0s;



    visibility: visible;



    opacity: 1;



}











/*** Button ***/



.btn {



    font-weight: 500;



    transition: .5s;



}







.btn.btn-primary,



.btn.btn-secondary {



    color: #FFFFFF;



}







.btn-square {



    width: 38px;



    height: 38px;



}







.btn-sm-square {



    width: 32px;



    height: 32px;



}







.btn-lg-square {



    width: 48px;



    height: 48px;



}







.btn-square,



.btn-sm-square,



.btn-lg-square {



    padding: 0;



    display: flex;



    align-items: center;



    justify-content: center;



    font-weight: normal;



}







/*** Navbar ***/



.navbar .dropdown-toggle::after {



    border: none;



    content: "\f107";



    font-family: "Font Awesome 5 Free";



    font-weight: 900;



    vertical-align: middle;



    margin-left: 118px;



}







.navbar-light .navbar-nav .nav-link {







    padding: 25px 0;



    color: #FFFFFF;



    font-size: 15px;



    font-weight: 500;



    text-transform: uppercase;



    outline: none;



}







.navbar-light .navbar-nav .nav-link:hover,



.navbar-light .navbar-nav .nav-link.active {



    color: var(--primary);



}







@media (max-width: 991.98px) {



    .navbar-light .navbar-nav .nav-link {



        margin-right: 0;



        padding: 10px 0;



    }







    .navbar-light .navbar-nav {



        border-top: 1px solid #EEEEEE;



    }



}







.navbar-light .navbar-brand,



.navbar-light a.btn {



    height: 75px;



}







.navbar-light .navbar-nav .nav-link {



    color: var(--dark);



    font-weight: 500;



}







.navbar-light.sticky-top {



    top: -100px;



    transition: .5s;



}







@media (min-width: 992px) {



    .navbar .nav-item .dropdown-menu {



        display: block;



        border: none;



        margin-top: 0;



        top: 150%;



        opacity: 0;



        visibility: hidden;



        transition: .5s;



    }







    .navbar .nav-item:hover .dropdown-menu {



        top: 100%;



        visibility: visible;



        transition: .5s;



        opacity: 1;



    }



}











/*** Header ***/



@media (max-width: 768px) {



    .header-carousel .owl-carousel-item {



        position: relative;



        min-height: 500px;



    }







    .header-carousel .owl-carousel-item img {



        position: absolute;



        width: 100%;



        height: 100%;



        object-fit: cover;



    }







    .header-carousel .owl-carousel-item h5,



    .header-carousel .owl-carousel-item p {



        font-size: 14px !important;



        font-weight: 400 !important;



    }







    .header-carousel .owl-carousel-item h1 {



        font-size: 20px;



        font-weight: 600;



    }



}




 
.header-carousel .owl-dot {



    position: relative;



    display: inline-block;



    margin: 0 5px;



    width: 15px;



    height: 15px;



    background: transparent;



    border: 1px solid #FFFFFF;



    transition: .5s;



}







.header-carousel .owl-dot::after {



    position: absolute;



    content: "";



    width: 5px;



    height: 5px;



    top: 4px;



    left: 4px;



    background: transparent;



    border: 1px solid #FFFFFF;



}







.header-carousel .owl-dot.active {



    background: var(--primary);



    border-color: var(--primary);



}







.page-header {



    background: linear-gradient(rgba(53, 53, 53, .7), rgba(53, 53, 53, .7)), url(../img/carousel-1.jpg) center center no-repeat;



    background-size: cover;



}







.breadcrumb-item+.breadcrumb-item::before {



    color: var(--light);



}











/*** Section Title ***/



.section-title h1 {



    position: relative;



    display: inline-block;



    padding: 0 60px;



}







.section-title.text-start h1 {



    padding-left: 0;



}







.section-title h1::before,



.section-title h1::after {



    position: absolute;



    content: "";



    width: 45px;



    height: 5px;



    bottom: 0;



    background: var(--dark);



}







.section-title h1::before {



    left: 0;



}







.section-title h1::after {



    right: 0;



}







.section-title.text-start h1::before {



    display: none;



}











/*** About ***/



@media (min-width: 992px) {



    .container.about {



        max-width: 100% !important;



    }







    .about-text {



        padding-right: calc(((100% - 960px) / 2) + .75rem);



    }



}







@media (min-width: 1200px) {



    .about-text {



        padding-right: calc(((100% - 1140px) / 2) + .75rem);



    }



}







@media (min-width: 1400px) {



    .about-text {



        padding-right: calc(((100% - 1320px) / 2) + .75rem);



    }



}











/*** Service ***/



.service-item img {



    transition: .5s;



}







.service-item:hover img {



    transform: scale(1.1);



}











/*** Feature ***/



@media (min-width: 992px) {



    .container.feature {



        max-width: 100% !important;



    }







    .feature-text {



        padding-left: calc(((100% - 960px) / 2) + .75rem);



    }



}







@media (min-width: 1200px) {



    .feature-text {



        padding-left: calc(((100% - 1140px) / 2) + .75rem);



    }



}







@media (min-width: 1400px) {



    .feature-text {



        padding-left: calc(((100% - 1320px) / 2) + .75rem);



    }



}











/*** Project Portfolio ***/



#portfolio-flters li {



    display: inline-block;



    font-weight: 500;



    color: var(--dark);



    cursor: pointer;



    transition: .5s;



    border-bottom: 2px solid transparent;



}







#portfolio-flters li:hover,



#portfolio-flters li.active {



    color: var(--primary);



    border-color: var(--primary);



}







.portfolio-item img {



    transition: .5s;



}







.portfolio-item:hover img {



    transform: scale(1.1);



}







.portfolio-item .portfolio-overlay {



    position: absolute;



    display: flex;



    align-items: center;



    justify-content: center;



    width: 0;



    height: 0;



    bottom: 0;



    left: 50%;



    background: rgba(53, 53, 53, .7);



    transition: .5s;



}







.portfolio-item:hover .portfolio-overlay {



    width: 100%;



    height: 100%;



    left: 0;



}







.portfolio-item .portfolio-overlay .btn {



    opacity: 0;



}







.portfolio-item:hover .portfolio-overlay .btn {



    opacity: 1;



}











/*** Quote ***/



@media (min-width: 992px) {



    .container.quote {



        max-width: 100% !important;



    }







    .quote-text {



        padding-right: calc(((100% - 960px) / 2) + .75rem);



    }



}







@media (min-width: 1200px) {



    .quote-text {



        padding-right: calc(((100% - 1140px) / 2) + .75rem);



    }



}







@media (min-width: 1400px) {



    .quote-text {



        padding-right: calc(((100% - 1320px) / 2) + .75rem);



    }



}











/*** Team ***/



.team-item img {



    transition: .5s;



}







.team-item:hover img {



    transform: scale(1.1);



}







.team-item .team-social {



    position: absolute;



    width: 38px;



    top: 50%;



    left: -38px;



    transform: translateY(-50%);



    display: flex;



    flex-direction: column;



    background: #FFFFFF;



    transition: .5s;



}







.team-item .team-social .btn {



    color: var(--primary);



    background: #FFFFFF;



}







.team-item .team-social .btn:hover {



    color: #FFFFFF;



    background: var(--primary);



}







.team-item:hover .team-social {



    left: 0;



}











/*** Testimonial ***/



.testimonial-carousel::before {



    position: absolute;



    content: "";



    top: 0;



    left: 0;



    height: 100%;



    width: 0;



    background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);



    z-index: 1;



}







.testimonial-carousel::after {



    position: absolute;



    content: "";



    top: 0;



    right: 0;



    height: 100%;



    width: 0;



    background: linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);



    z-index: 1;



}












.cus3::before {



    position: absolute;



    content: "";



    top: 0;



    left: 0;



    height: 100%;



    width: 0;



    background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);



    z-index: 1;



}







.cus3::after {



    position: absolute;



    content: "";



    top: 0;



    right: 0;



    height: 100%;



    width: 0;



    background: linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);







    z-index: 1;



}



.cus2::before {



    position: absolute;



    content: "";



    top: 0;



    left: 0;



    height: 100%;



    width: 0;



    background: linear-gradient(to right, #081e30 0%, rgba(255, 255, 255, 0) 100%);



    z-index: 1;



}







.cus2::after {



    position: absolute;



    content: "";



    top: 0;



    right: 0;



    height: 100%;



    width: 0;



    background: linear-gradient(to right, #081e30 0%, rgba(255, 255, 255, 0) 100%);







    z-index: 1;



}



@media (min-width: 768px) {



    .testimonial-carousel::before,



    .testimonial-carousel::after {



        width: 200px;



    }



}







@media (min-width: 992px) {



    .testimonial-carousel::before,



    .testimonial-carousel::after {



        width: 300px;



    }



}







.testimonial-carousel .owl-item .testimonial-text {



    /* border: 5px solid var(--light);*/



    transform: scale(.8);



    transition: .5s;



}







.testimonial-carousel .owl-item.center .testimonial-text {



    transform: scale(1);



}







.testimonial-carousel .owl-item.center .testimonial-text a:hover {



    color: #AB7442;







}











.serv a:hover {



    color: #213b52;







}


 


/*** Contact ***/



@media (min-width: 992px) {



    .container.contact {



        max-width: 100% !important;



    }







    .contact-text {



        padding-left: calc(((100% - 960px) / 2) + .75rem);



    }



}







@media (min-width: 1200px) {



    .contact-text {



        padding-left: calc(((100% - 1140px) / 2) + .75rem);



    }



}







@media (min-width: 1400px) {



    .contact-text {



        padding-left: calc(((100% - 1320px) / 2) + .75rem);



    }



}











/*** Footer ***/



.footer {



    background: linear-gradient(rgba(53, 53, 53, .7), rgba(53, 53, 53, .7)), url(../img/footer.jpg) center center no-repeat;



    background-size: cover;



}







.footer .btn.btn-social {



    margin-right: 5px;



    width: 35px;



    height: 35px;



    display: flex;



    align-items: center;



    justify-content: center;



    color: var(--light);



    border: 1px solid #FFFFFF;



    transition: .3s;



}







.footer .btn.btn-social:hover {



    color: var(--primary);



}







.footer .btn.btn-link {



    display: block;



    margin-bottom: 5px;



    padding: 0;



    text-align: left;



    color: #FFFFFF;



    font-size: 15px;



    font-weight: normal;



    text-transform: capitalize;



    transition: .3s;



}







.footer .btn.btn-link::before {



    position: relative;



    content: "\f105";



    font-family: "Font Awesome 5 Free";



    font-weight: 900;



    margin-right: 10px;



}







.footer .btn.btn-link:hover {



    color: var(--primary);



    letter-spacing: 1px;



    box-shadow: none;



}







.footer .copyright {



    padding: 25px 0;



    font-size: 15px;



    border-top: 1px solid rgba(256, 256, 256, .1);



}







.footer .copyright a {



    color: var(--light);



}







.footer .copyright a:hover {



    color: var(--primary);



}







#footer .social-links a {



    font-size: 18px;



    display: inline-block;



    background: #ffffff;



    color: #917c06 !important;



    line-height: 1;



    padding: 8px 0;



    margin-right: 4px;



    border-radius: 50%;



    text-align: center;



    width: 36px;



    height: 36px;







}







p {



    text-align: right
}











.circle-image {



    display: flex;



    flex-direction: column;



    align-items: center;



}











.circle-image img {



    width: 100px;



    height: 100px;



    /* border-radius: 50%; */



    object-fit: cover;



    display: block;



}







.image-title {



    color: #fff;



    margin-top: 10px;



    font-size: 16px;



}







.testimonial-item {



    margin-right: 0;



}











.mobile-nav-toggle {



    display: none;



}











/*** Testimonial ***/











.section-title h2:before {



    background: #887668;



}











.section-title h2:after {



    background: #887668;



}







#header {



    background: #ffffff;



}







#header .logo h1 a, #header .navbar .mobile-nav-toggle, #header .navbar ul .nav-link {



    color: #887668;



    font-weight: bold;



}







#header {



    background: #ffffff;



}







#header .logo h1 a, #header .navbar .mobile-nav-toggle, #header .navbar ul .nav-link {



    color: #887668;



    font-weight: bold;



}



.spinner-grow {



    background: url(assets/img/logo2.png);



    background-size: cover;



    border-radius: 2px;



    background-position: center;



}











#footer .social-links a :hover {



    background: #917c06;



}



#footer {



    z-index: 0
}



#footer .social-links a {



    font-size: 18px;



    display: inline-block;



    background: #fff;
    color: #887668;







    line-height: 1;



    padding: 8px 0;



    margin-right: 4px;



    border-radius: 50%;



    text-align: center;



    width: 36px;



    height: 36px;







}







.circle-image {







    width: 100%;



    text-align: center;



}



.circle-image img {



    object-fit: contain;



    text-align: center;







    width: 100%;







}



.list li a {



    color: white
}

.list li i {



    color: white;



    margin: 10px;



    border: 2px #887668 solid;



    padding: 5px;



    width: 30px;



    text-align: center;



}



.logo h1 a {



    color: #fff
}



.address {



    color: #fff
}



.inl li {



    display: inline;



    margin: 10px;



}



body {



    background: #fff;



}



.nav-link:hover {



    background: #887668;



    padding: 10px;



    margin-left: 10px;



    border-radius: 10px;



    font-weight: bold;



    color: #EEEEEE !important;



}



#footers .social-links a {



    font-size: 18px;



    display: inline-block;



    background: #fff;
    color: #887668;







    line-height: 1;



    padding: 8px 0;



    margin-right: 4px;



    border-radius: 50%;



    text-align: center;



    width: 36px;



    height: 36px;







}

.hed1 {

    font-size: 55px;

}

.hed2 {

    font-size: 35px;

}





@media (max-width: 320px) {

    .hed1 {

        font-size: 25px;

    }

    .hed2 {

        font-size: 20px;

    }

    .img-fluid {

        height: 400px;

    }

}



@media (max-width: 411px) {

    .hed1 {

        font-size: 25px;

    }

    .hed2 {

        font-size: 20px;

    }

    .img-fluid {

        height: 300px;

    }

}



@media (max-width: 668px) {

    .hed1 {

        font-size: 25px;

    }

    .hed2 {

        font-size: 20px;

    }

    .img-fluid {

        height: 300px;

    }

} 
.courr {
  background: url('cas2.jpg'); 
  background-repeat: no-repeat;
  background-size:cover;
 height: auto
 ;  
 resize: both;
}

@media screen and (min-width: 669px) {
  .courr {
 background: url('cas2.jpg');
    
  }
}