/* TABLE OF CONTENTS */
/*----------------------
1. General
2. Navbar
3. Banner
4. About Us(Who We Are or about company)
5. What we do
6.Our Features and Services
7. Why Choose Us 
8. Testimonial
9. Trusted by( or Our clients)
10. Footer
----------------------*/

*{
    margin:0;
    padding:0;
    box-sizing:0;
}
.g-anchor{
position:relative !important;
} 
.video-play-btn{
font-size:20px;
position: absolute;
    top: 40%;
    left: 45%;
    background-color: white;
    height: 45px;
    width: 45px;
    border-radius: 50%;
display:flex;
justify-content:center;
align-items:center;
padding-left:5px;
cursor:pointer;
}

:root{
    /*background-color*/
    --bg-white: #fff;
    --bg-black: #000000;
    --bg-theme: #840607;
    --bg-Btn: #460906;
    --bg-pink: #F7EDD5;
    --bg-gray: #161616;
    /*Text-color*/
    --text-white: #fff;
    --text-gray: #747474;
    --text-theme: #840607;
    --text-pink: #F7EDD5;
    --text-yellow: #fff200;
    --p-light: #e0e0e0;
    /*font-family*/
    --font-p: ;
    --font-h: ;
    /*font-size*/
    --card-p: 13px;
    --normal-p:15px;
}
a{
    text-decoration:none;
}
body{
    font-family: var(--font-p);
}
h1,h2,h3,h4,h5,h6{
    font-family: var(--font-h);
}
p{
    font-size: var(normal-p);
    color: var(--text-gray);
}
.card-p{
    font-size: var(--card-p);
    text-align:justify;
}
.bg-theme{
    background-color: var(--bg-theme);
}
.bg-Btn{
    background-color: var(--bg-Btn);
}
.bg-pink{
    background-color: var(--bg-pink);
}
.text-gray{
    color: var(--text-gray);
}
.text-white{
    color: var(--text-white);
}
.text-theme{
    color: var(--text-theme) !important;
}
.text-pink{
    color: var(--text-pink);
}

.p-light{
    color: var(--p-light);
}
h1{
    font-size:33px;
    font-weight:bold;
}
h2{
    font-size:25px;
    font-weight:bold;  
}
/***************Founder****************/
.founder p{
    text-align: justify;
}
.founder-img{
    width:203px;
    height:203px;
    border-radius:50%;
}
.collage-tour{
    width:100%;
    height:100%;
}

.f-card{
    width:auto;
    height:auto;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.four-cards h5, .four-cards p{
    text-align:center !important;
}
.four-cards h5{
    font-size:17px;
    font-weight:700;
	margin: 5px;
}
.four-cards p{
    font-size:13px;
    font-weight:500;
}
.f-card-img{
    width:auto;
    height:200px;
object-fit:fill;
object-position:center;
}
/*********************Quick-Links***************/

.quick-link{
    margin-bottom:40px;
}
h1.deco-line{
    position:relative;
}
h1.deco-line::after{
    content:"";
    position:absolute;
    width:85%;
    height:4px;
    background-color:#840607;
    top:19px;
    left:183px;
}

.quick_links a{
    text-decoration: none;
}
.link{
    background-color:#840607;
    padding:7px;
    width:280px;
    border-radius:5px;
    transition: 0.3s;
}

.link:hover{
    background-color: rgb(1 69 80);
    cursor: pointer;
}
.link:hover .u-l-icon{
color: rgb(1 69 80) !important;
}
.u-l-icon{
    width:50px;
    height:50px;
    margin-right:8px;
    padding:7px;
    background-color:#fff;
    border-radius:5px;
    font-size:23px;
    display:flex;
justify-content:center;
align-items:center;
}

.link h5{
    margin-bottom:0;
    color:#fff;
}
.link p{
    text-align:left !important;
}
/*************footer**************/
.footer{
    background-color:var(--bg-gray);
    color:#fff !important;
    position:relative;
    margin-top: 100px;
}
.foot-logo{
    width:100px;
    height:80px;
}
.footer a{
    color: var(--p-light);
}
.footer h5{
    position:relative;
    margin-bottom:20px;
}
.footer h5::after{
    content:"";
    position:absolute;
    width:100px;
    height:2px;
    top:30px;
    left:0;
    background-color:#e0e0e0;
}
.c-us-icon{
    width:30px;
    max-height:30px;
    margin-right:15px;
    margin-top:-5px;
}
.foot-icon-span{
    height:50px;
    width:50px;
    border-radius:50%;
    background-color:#161616;
}
.footer-cont{
position:relative;
top:-60px;

}
.foot-icon{
    width:30px;
    height:30px;
}
/*************footer**************/
/****footer*****/
.footer{
    background-color:var(--bg-gray);
    color:#fff !important;
    position:relative;
}
.foot-logo{
    width:100px;
    height:80px;
}
.footer a{
    color: var(--p-light);
}
.footer p.card-p{
    text-align:left !important;
}
.footer p.card-p a:hover{
    color:#fff !important;
    font-weight:bold;
    transition:1s;
}
.footer p.card-p a:hover .foot-font-icon{
    color:#fff !important;
}
.footer h5{
    position:relative;
    margin-bottom:30px;
}
.footer h5::after{
    content:"";
    position:absolute;
    width:100px;
    height:2px;
    top:30px;
    left:0;
    background-color: #7b7b7b;
}
.c-us-icon{
    width:30px;
    height:30px;
    margin-right:15px;
    margin-top:-5px;
}

.footer-cont{
position:relative;
top:-60px;

}
.foot-icon-span{
    height:40px;
    width:40px;
    border-radius:50%;
    background-color:var(--bg-theme);
    /* margin-right:10px; */
}
.foot-icon{
    width:40px;
    height:30px;
    margin:auto !important;
}
.foot-font-icon{
    margin-right:10px;
    color:var(--p-light);
}

/****footer*****/

/************media Query***********/
@media (min-width:380px) and (max-width:880px){
    h1.deco-line::after {
        width:50%;
    }
 
}
@media (min-width:380px) and (max-width:575px){
    .f-card {
        width:20rem;
        margin-bottom:20px;
    }
    .collage-tour{
        margin-bottom:20px;
    }
    .link{
        margin-bottom:20px;
    }
   
    .footer-cont{
        display:flex;
        justify-content: center;
        margin-left:auto !important;
        margin-right:auto !important;
        text-align:center !important;
    }
}
@media (min-width:575px) and (max-width:991px){
.f-card{
width:80%;
height:300px;
}
}
@media (min-width:767px) and (max-width:991px){
.link{
    width:auto;
}
.u-l-icon{
    height:32px;
}
.link h5{
   font-size:16px !important;
   margin-left:15px;
       }
}
@media (min-width:380px) and (max-width:767px){
    .link{
        font-size:14px;
        margin-bottom:20px;
    }
.link h5{
   font-size:16px !important;
       }
}