*{
padding: 0%;
margin: 0%;
box-sizing: border-box;

}

html{
    scroll-behavior: smooth;
}

body{
height: 100vh;
width: 100vw;
background-color: rgb(232, 230, 230);

}
header{
    margin-top: 22px;

width: 90vw;
margin-left: 75px;
height:90vh ;
border-radius: 22px;
background-image:url(https://hips.hearstapps.com/hmg-prod/images/alpe-di-siusi-sunrise-with-sassolungo-or-langkofel-royalty-free-image-1623254127.jpg);
background-repeat: no-repeat;
background-size: 100%;
background-color: rgb(86, 84, 84);
background-blend-mode: multiply;


}


#header-1{

height:15% ;
width: 92%;
margin-left:50px ;
margin-top: 30px;
border-radius: 50px;
display: flex;
flex-direction: row;


}
.dagestan{
background-color: rgb(183, 185, 186);
height:80% ;
width: 100%;

margin-top: 10px;
border-radius: 50px;
display: flex;
flex-direction: row;




}
#Dagestan{
    width: 20%;
 display: flex;
flex-direction: column; 
align-items: center;
justify-content: center;
font-style: oblique;


}
#Book{

width: 20%;
display: flex;
justify-content: center;
align-items: center;


}
#tour{
border: 2px solid rgb(85, 84, 84);
width: 50%;
height: 50%;
justify-content: center;
align-items: center;
display: flex;
font-style: inherit;
border-radius: 22px;
color: rgb(57, 56, 56);

}
#programm{
width: 60%;
color: rgb(56, 55, 55);
display: flex;
justify-content: space-evenly;
align-items: center;
cursor: pointer;
a{
color:  rgb(56, 55, 55);
text-decoration: none;



}
}
#programm li{
    list-style: none;
}
#header-2{
color: rgb(221, 217, 217);

width: 100%;
height: 85%;
/* display: flex;
justify-content: center; */
/* align-items:center ; */
/* font-size: 180px;
font-style: oblique; */


}
#Dagestan-2{

font-size: 180px;
font-style: oblique;
height:50% ;
width: 100%;
display: flex;
justify-content: center;
align-items:center ;
margin-top:80px;

}
#you-will{
font-size: large;
width: 100%;
height: 5%;
justify-content: center;
display: flex;
color: rgb(204, 200, 200);
}
#journey{

height: 100vh;
width: 90vw;
margin-left: 70px;
margin-top: 80px;

}

#journey-1{
height: 10%;
width: 100%;
   
  display: grid;
grid-template-columns: 1fr 3fr;


}

#us{
display: flex;
justify-content: center;
}


#Reasons{
font-size: larger;
h1{
color: rgb(58, 57, 57);
}
h2{
font-style: oblique;
margin-left: 180px;
font-size: xx-large;

}

}
#journey-2{

/* background-color: rgb(208, 218, 215); */
height: 87%;
margin-top: 22px;
display: flex;

}
#cultural{

height: 100%;
width: 50%;
border-right: 2px solid black;
display: grid;

}

#cultural-1{
margin-top: 22px;
grid-template-columns: 1fr 1fr;
    display: grid;
    margin-left: 100px;
gap: 22px;
    height: 70%;
}
#cultural-1 img{
height: 300px;

}
#im-2 img{
   border-radius: 22px;
margin-top: 80px;
    margin-right: 140px;
}

#im-1 img{
border-radius: 22px;

}

#cultural-2{


height: 38vh;
display: grid;
grid-template-columns: 1fr 1fr;

}
#im-3{

height: 70%;
display: flex;
justify-content: center;
align-items: center;
}

#im-3 img{
height: 50%;
border-radius: 22px;


}


#cultural-3{
margin-left: 50px;
margin-top: 50px;
font-size: larger;

}


#Immerse{
margin-bottom: 62px;

margin-right: 100px;
width: 100%;
}
#p-1{
margin-left: 60px;



}
#p-2{
    margin-left: 153px;
}

#p-3{
margin-left: 40px;

}

#p-4{
margin-left:143px ;

}

#trust{
    margin-left: 22px;

}





#author{

width: 50%;
height: 100%;
margin-top: 22px;
}

#author-1{

height: 38vh;
display: grid;
grid-template-columns: 1fr 1fr;
}
#author-2{

height: 40vh;
display: grid;
grid-template-columns: 1fr 1fr;
}


#author-3{
font-size: larger;
margin-left: 50px;

}
#aut-1{
display: grid;
grid-template-rows: 1fr 1fr;

height: 55%;
margin-left:50px ;
font-size: larger;
}




#im-4 img{
height: 50%;
border-radius: 22px;
}
#im-4{
display: flex;
justify-content: center;
align-items: center;

height: 40%;
}

#im-5{

margin-left: 60px;
    display: flex;
    justify-content: center;
    margin-right: 22px;
}

#im-6{
margin-top: 100px;
margin-right: 80px;

}





#im-5 img{
height: 180px;
border-radius: 22px;

}

#im-6 img{
height: 180px;
width: 250px;
border-radius: 22px;


}



#program{
height: 90vh;
width: 90vw;
margin-left: 70px;
margin-top: 80px;

}

#program-1{
height: 10%;
width: 100%;
   
  display: grid;
grid-template-columns: 1fr 3fr;


}
#pro{
display: flex;
justify-content: center;
}

#waterfalls{
font-size: larger;
h1{
color: rgb(58, 57, 57);
}
h2{
font-style: oblique;
margin-left: 180px;
font-size: xx-large;

}



}


#sands{

height: 90%;
display: flex;
margin-top: 52px;

}

#walking-tour{

height: 100%;
width: 35%;


}

#walking-tour-img{
height: 70%;
width: 100%;

display: flex;
justify-content: center;


}
#walking-tour-img img{
height: 98%;
margin-top: 10px;
border-radius: 22px;
}

#walking-tour-img-2 img{
width: 70%;
height: 430px;
margin-top: 10px;
border-radius: 22px;
margin-left: 62px;

}

#walking-tour-img-3 img{
width: 70%;
height: 430px;
margin-top: 10px;
margin-left: 62px;
border-radius: 22px;
}


#walking-tour-1{
display: flex;
justify-content: space-between;
margin-top: 22px;

h4{
font-size: large;
margin-top: 20px;
color: rgb(54, 50, 50);
margin-right: 32px;
}
h1{
font-style: oblique;
margin-left: 22px;


}

}

#walking-tour-2{
color: rgb(71, 71, 71);
margin-left: 20px;
margin-top: 18px;
}

#walking-tour-3{

height: 10%;
display: flex;
align-items: center;
margin-left: 18PX;
margin-top: 20px;


button{
height: 60%;
width: 40%;
color: rgb(198, 197, 197);
background-color: rgb(51, 51, 51);
border-radius: 10px;
}


}









#FAQ{height: 40vh;
    width: 90%;
   margin: 22px;

  margin-top: 190px;
 margin-left: 75px;
  


}
#about{
font-size: x-large;
color: rgb(76, 75, 75);
h1{
font-style: oblique;
font-size:xx-large;
margin-left: 80px;
color: rgb(47, 46, 46);



}

}

#questions-0{
height: 21%;

display: grid;
grid-template-columns: repeat(2,1fr);
margin-top: 80px;
}



.faq-1{
width: 50%;
    
}


#questions{

width: 100%;
margin-top: 22px;
display: grid;
    grid-template-rows: repeat(2,1fr);
    grid-template-columns: repeat(2,1fr);


    button{
        width: 180%;
        height: 150%;
        margin-left: 22px;
       border-radius: 22px ;
       border: 2px solid rgb(149, 149, 149);
       display: flex;
       align-items: center;
       justify-content: space-between;
       h3{
        margin-left: 22px;
        font-size:large;
        color: rgb(80, 79, 79);
       

       }
      



    }
}

button i{

margin-right: 22px;


}


#gallary{
height: 145vh;
    width: 90%;
   margin: 22px;

  margin-top: 100px;
 margin-left: 75px;
  
}
#gallary-1{

display: grid;
grid-template-columns: 1fr 3fr;
height: 10%;
}
#gallary-2{
display: flex;
justify-content: center;
font-size: smaller;
color: rgb(55, 54, 54);

}
#photos{
font-size: x-large;
color: rgb(76, 75, 75);
}

#photos h3{
font-size: larger;
}
#photos h1{
font-style: oblique;
font-size:xx-large;
margin-left: 150px;
color: rgb(47, 46, 46);
}

#images-1{
height: 90%;
display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(3,1fr);
    gap: 30px;
  
   
}
.box{

border-radius: 22px;
display: flex;
justify-content: center;
align-items: center;

height:350px;


}
#img-1 img,#img-2 img,#img-3 img,#img-4 img,#img-5 img,#img-6 img,#img-7 img{

height: 90%;
width: 90%;
border-radius: 22px;
background-color: black;

}


#img-1{
grid-column: span 2;


}
#img-5{
    grid-column: span 2;
}
#img-6{
    grid-row: span 3;
   
}
#img-3{
margin-left: 22px;

}


#emotions{
display: grid;
grid-template-columns: repeat(2,1fr);
grid-template-rows: repeat(2,1fr);
height: 145vh;

}
#emotions-1{
    grid-column: span 2;
height:20vh ;
margin-top: 100px;
display: grid;
grid-template-columns: 1fr 3fr;
}
#Reviews{
display: flex;
justify-content: center;
margin-top: 40px;
font-size: small;
color: rgb(53, 53, 53);
}

#People{
margin-top: 38px;
font-size: x-large;

color: rgb(76, 75, 75);
}
#People h3{

font-size: larger;

}



#People h1{
font-style: oblique;
font-size:xx-large;
margin-left: 150px;
color: rgb(47, 46, 46);
}
#emotions-0{
margin-top: 0%;
width: 90vw;
margin-left: 80px;
height: 110vh;
display: grid;
grid-template-columns: repeat(2,1fr);
grid-template-rows: repeat(2,1fr);

}

.para{
display: flex;
justify-content:center;
align-items: center;

height: 60%;
margin-top: 50px;
color: rgb(61, 60, 60);
}
.para ul{
    list-style: none;
}
#Molly{
font-style: oblique;
margin-left: 60px;
display: flex;
font-size: larger;



img{
height: 45px;
width: 45px;
border-radius: 50px;
margin-right: 22px;
}
}




#emotions-2{
background-color: rgb(250, 247, 247);
height: 35vh;
border: 2px solid rgb(163, 160, 160);
/* margin: 22px; */
width: 70%;
margin-left: 150px;
margin-bottom: 80px;

border-radius: 22px;
display: grid;
grid-template-rows: 3fr 1fr;
}
#emotions-3{
    
height: 35vh;
background-color: rgb(250, 247, 247);
border: 2px solid rgb(163, 160, 160); 
margin-top: 200px;
width: 70%;
border-radius: 22px;

}





#box{
    width: 90%;
height: 80vh;

margin-left: 70px;
display: grid;
grid-template-columns: repeat(2,1fr);
grid-template-rows: repeat(2,1fr);
margin-top: 150px;
margin-bottom: 50px;
}
#box-2{
background-color: rgb(245, 245, 243);
margin: 20px;
margin-left: 100px;
border-radius: 22px;
padding: 50px;

p{
margin-top: 100px;
font-size: smaller;
color: gray;


}
}
#box-2 ul{
    list-style:none;
   
}

#Meeting{
margin-bottom: 13px;
color: rgb(103, 101, 101);
}

#box-1{

grid-column: span 2;
height: 70%;
display: grid;
grid-template-columns: 1fr 3fr;


}
#Price{

   justify-content: center;
   display: flex;
  margin-top: 40px;
  font-size: small;
  color: rgb(55, 55, 56);
}

#included{
 color: rgb(64, 63, 63);
margin-top: 40px;
align-items: center;
font-size:x-large;
 h1{
margin-left: 80px;
font-style: oblique;
 }

}
#box-3{
background-color: rgb(245, 243, 243);
margin: 20px;
width: 80%;
height: 50vh;
border-radius: 22px;
padding: 22px;

p{
font-size: x-small;
color: gray;
margin-top: 8px;
}
}
#name{

display: grid;
height:70% ;
}

#request{

height: 18%;
margin-top: 22px;


 button{
width: 100%;
height: 100%;
background-color: rgb(43, 42, 42);
color: rgb(223, 222, 222);
border-radius: 14px;
}
}
#box-3 input{
border: 2px solid gray;
height: 70%;
margin-top: 20px;
border-radius: 14px;
outline: none;

}

footer{
background-color: rgb(250, 252, 252);
width: 90%;
margin-left: 75px;
border-radius: 22px;

}


#footer{

display: flex;
justify-content: space-evenly;
padding-top: 50px;

}

#footer-one{
font-size: x-large;
font-style: oblique;
color: rgb(59, 59, 59);

}
#footer ul{
list-style: none;
}

.About-us{
margin-bottom: 10px;

font-size: small;
color: rgb(143, 142, 142);
}
#footer-2{
display: flex;
justify-content: space-between;
margin-right: 255px;
padding: 60px;
margin-left: 120px;
font-size: medium;
color: rgb(143, 141, 141);
}