@import "https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap";

* {
margin:0;
padding:0;
box-sizing:border-box;
font-family:"Lato",sans-serif;
text-decoration:none
}

#preloader {
background:#000 url(https://ik.imagekit.io/g4aopxvm26/poloholidays_website/animation_500_li66pgu4.gif?updatedAt=1685203784076) no-repeat center center;
background-size:18%;
height:100vh;
width:100%;
position:fixed;
z-index:110
}

@media (max-width:768px) {
#preloader {
background-size:40%
}
}

.whatsapp_float {
position:fixed;
width:60px;
height:60px;
bottom:40px;
right:40px;
background-color:#25d366;
color:#fff;
border-radius:50px;
text-align:center;
font-size:30px;
box-shadow:2px 2px 3px #999;
z-index:98
}

.whatsapp-icon {
margin-top:16px
}

@media screen and (max-width: 767px) {
.whatsapp-icon {
margin-top:12px
}

.whatsapp_float {
width:60px;
height:60px;
bottom:20px;
right:10px;
font-size:35px
}
}

.header2 {
position:sticky;
top:0;
z-index:99;
background-color:#ffe500
}

.header2 .logo-text {
font-size:35px;
text-decoration:none;
color:#000;
font-weight:600;
text-shadow:0 0 8px #f3f3f3;
display:inline-block;
margin-left:-10px
}

.header2 .navbar-toggler {
border:1px solid #000;
padding:0;
background-color:transparent;
border-radius:10px;
box-shadow:none;
color:transparent
}

.header2 .navbar-toggler-icon {
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280,0,0,1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.header2 img {
height:60px;
width:60px
}

.header2 .drop-list {
display:flex;
text-align:center
}

.header2 .drop-list div {
padding:5px 20px
}

@media (max-width: 576px) {
.header2 .drop-list div {
padding:5px 0
}
}

.header2 .navbar {
padding-left:30px;
padding-right:30px
}

.header2 nav li a {
color:#000
}

.header2 .call {
padding:2px 15px
}

.header2 .call a {
color:#000;
transition:all .3s
}

.header2 .call:hover {
border:2px dotted #ffddd2
}

.nav1 {
position:relative
}

.nav1::before {
content:"";
position:absolute;
width:0;
height:0;
background-color:red;
top:35px;
transition:all .3s ease-in
}

.nav1:hover::before {
width:45px;
height:3px
}

.nav4 {
position:relative
}

.nav4::before {
content:"";
position:absolute;
width:0;
height:0;
background-color:red;
top:35px;
transition:all .3s ease-in
}

.nav4:hover::before {
width:35px;
height:2px
}

.nav3 {
position:relative
}

.nav3::before {
content:"";
position:absolute;
width:0;
height:0;
background-color:red;
top:35px;
transition:all .3s ease-in
}

.nav3:hover::before {
width:85px;
height:2px
}

.dropdown-menu {
background-color:#ffddd2!important
}

.dropdown-item {
color:#000!important
}

.dropdown-item:hover {
background-color:#a4724f!important;
color:#fff!important
}

@media (max-width: 768px) {
.header2 .call {
padding:0
}

.header2 {
position:sticky;
top:0
}

.header2 img {
margin-left:-45px
}

.header2 button {
margin-right:-40px
}
}

@media (max-width: 576px) {
.header2 .logo-text {
font-size:30px
}
}

.header3 {
width:100%;
height:55vh;
background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(../images/sub-manali\ \(4\).jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;
display:flex;
flex-direction:row;
align-items:end
}

.header3 h4 {
color:#fff;
font-weight:700;
font-size:40px
}

.header3 .heading1 {
color:#fff;
font-size:14px;
font-weight:500
}

.header3 .heading2 {
color:#fff;
font-size:14px;
font-weight:400;
margin-top:-10px
}

.header4 {
padding-top:30px
}

.header4 .box2 {
border-radius:20px;
box-shadow:0 0 10px #d3d2d2;
padding:20px;
margin-bottom:20px
}

.header4 .box2 h5 {
font-size:27px;
font-weight:700;
padding-bottom:20px;
word-spacing:2px
}

.header4 .box2 .font-image {
display:flex;
text-align:center
}

.header4 .box2 .font-image .font-image_s {
padding:0 20px
}

.header4 .box2 .font-image .font-image_s i {
font-size:35px;
color:#febc08
}

.header4 .box2 h6 {
font-size:23px;
font-weight:600;
color:#000;
padding:3px 0
}

.header4 .box2 .heading3 {
text-decoration:underline;
font-size:19px;
color:#232323;
font-weight:500
}

.header4 .box2 .heading4 {
font-size:16px;
color:#6f6e6e;
text-align:justify
}

.header4 .box2 .heading5 {
margin-top:-5px;
font-size:16px;
color:#6f6e6e
}

.header4 .box2 .heading5 span {
font-weight:bolder;
color:#000
}

@media (min-width: 992px) and (max-width: 1200px) {
.header4 .box2 {
padding:10px
}

.header4 .box2 .font-image .font-image_s {
padding:0 10px
}

.header4 .box2 .font-image .font-image_s i {
font-size:25px
}

.header4 .box2 .heading4 {
font-size:15px
}
}

@media (min-width: 768px) and (max-width: 992px) {
.header4 .box2 .font-image .font-image_s i {
font-size:25px
}

.header4 .box2 .heading4 {
font-size:15px
}
}

@media (min-width: 576px) and (max-width: 768px) {
.header4 .box2 {
padding:10px
}

.header4 .box2 .font-image {
text-align:center
}

.header4 .box2 .font-image .font-image_s {
padding:0 5px
}

.header4 .box2 .font-image .font-image_s i {
font-size:25px
}

.header4 .box2 .heading4 {
font-size:15px
}

.header4 .box2 h5 {
font-size:25px;
padding-bottom:10px
}

.header4 .box2 h6 {
font-size:21px
}

.header4 .box2 .heading3 {
font-size:18px
}
}

@media (min-width: 280px) and (max-width: 576px) {
.header4 .box2 {
padding:10px;
width:90%;
margin:0 auto;
margin-bottom:20px
}

.header4 .box2 .font-image {
text-align:center
}

.header4 .box2 .font-image .font-image_s {
padding:0 5px
}

.header4 .box2 .font-image .font-image_s i {
font-size:20px
}

.header4 .box2 .font-image .font-image_s p {
font-size:12px;
font-weight:600;
color:#000
}

.header4 .box2 .heading4 {
font-size:13px
}

.header4 .box2 h5 {
font-size:23px;
padding-bottom:10px
}

.header4 .box2 h6 {
font-size:19px
}

.header4 .box2 .heading3 {
font-size:16px
}
}

.header4 .box3 {
border-radius:20px;
box-shadow:0 0 10px #d3d2d2;
padding:20px;
width:90%;
margin:0 auto
}

.header4 .box3 h5 {
font-size:25px;
font-weight:600;
padding-bottom:10px;
color:#000
}

.header4 .box3 .input-box {
margin:15px 0;
width:100%;
position:relative
}

.header4 .box3 .input-box input,.header4 .box3 .input-box select {
width:100%;
height:45px;
border:none;
outline:none;
border-bottom:2px solid #e0dfdf;
background-color:transparent;
color:#000;
font-size:16px;
padding:8px 12px
}

.header4 .box3 .input-box .btn1 {
width:100%;
background-color:#e91e63;
height:45px;
border-radius:25px;
font-size:25px;
border:none;
text-transform:uppercase;
cursor:pointer;
color:#fff;
margin-top:10px;
padding:4px 0
}

@media (min-width: 992px) and (max-width: 1200px) {
.header4 .box3 {
padding:25px 20px;
width:100%
}
}

@media (min-width: 768px) and (max-width: 992px) {
.header4 .box3 {
padding:25px 20px;
width:100%
}
}

@media (min-width: 576px) and (max-width: 768px) {
.header4 .box3 {
padding:25px 20px;
width:100%
}

.header4 .box3 .input-box input,.header4 .box3 .input-box select {
height:40px;
border-bottom:1px solid #c1c0c0;
font-size:16px;
padding:8px 10px
}
}

.header4 .box3 .input-box #name-error,.header4 .box3 .input-box #email-error,.header4 .box3 .input-box #phone-error {
color:red;
position:absolute;
font-size:14px;
top:0;
right:0
}

#submit-error {
color:red
}

.header4 .box3 .input-box #name-error i,.header4 .box3 .input-box #email-error i,.header4 .box3 .input-box #phone-error i {
color:#2e8b57;
font-size:20px
}

.content {
padding-top:40px
}

.content .box4 {
border-radius:20px;
box-shadow:0 0 10px #d3d2d2;
padding:40px 20px;
margin-bottom:20px
}

.content .box4 h4 {
font-size:23px;
font-weight:600;
color:#000;
padding-bottom:10px
}

.content .box4 span {
font-size:20px;
border:2px double #000;
padding:7px 15px;
color:#febc08;
text-shadow:0 0 1px #febc08;
border-radius:10px;
font-weight:700
}

.content .box4 h5 {
font-size:20px;
font-weight:600;
color:#000;
padding:5px 0
}

.content .box4 ul {
padding-bottom:7px
}

.content .box4 li {
font-size:16px;
padding:4px 0;
font-weight:500
}

.content .box4 img {
width:100%;
height:100%;
border-radius:10px
}

@media (min-width:576px) and (max-width:768px) {
.content .box4 span {
display:inline-block;
margin-bottom:10px;
font-size:18px
}
}

@media (min-width:280px) and (max-width:576px) {
.content .box4 span {
display:inline-block;
margin-bottom:10px;
font-size:18px
}

.content .box4 {
width:90%;
margin:0 auto;
margin-bottom:20px
}
}

.content .box5 {
border-radius:20px;
box-shadow:0 0 10px #d3d2d2;
padding:20px;
width:90%;
margin:0 auto;
margin-bottom:20px
}

.content .box5 h5 {
text-align:center;
font-size:25px;
font-weight:600;
padding-bottom:7px
}

.content .box5 .side-box {
display:flex
}

.content .box5 .side-box i {
font-size:24px;
padding-right:20px;
color:#febc08
}

.content .box5 .side-box div h6 {
font-size:17px;
font-weight:700;
color:#4f4f4f
}

.content .box5 .side-box div p {
font-size:15px;
color:#605f5d
}

@media (min-width:768px) and (max-width:992px) {
.content .box5 {
display:none
}
}

@media (min-width:576px) and (max-width:768px) {
.content .box5 {
display:none
}
}

@media (min-width:280px) and (max-width:576px) {
.content .box5 {
display:none
}
}

.content2 {
padding-top:30px
}

.content2 .box6 {
border-radius:10px;
box-shadow:0 0 10px #d3d2d2;
padding:20px;
margin-bottom:20px;
height:380px
}

.content2 .box6 h6 {
font-size:24px;
font-weight:600;
color:#000;
padding:5px 0
}

.content2 .box6 ul {
padding:5px 30px
}

.content2 .box6 li {
color:#6f6e6e;
font-size:16px;
list-style-type:square
}

@media (min-width:992px) and (max-width:1200px) {
.content2 .box6 {
height:450px
}
}

@media (min-width:768px) and (max-width:992px) {
.content2 .box6 {
height:470px
}

.content2 .box6 li {
font-size:14px
}
}

@media (min-width:576px) and (max-width:768px) {
.content2 .box6 {
height:auto
}

.content2 .box6 li {
font-size:15px
}
}

@media (min-width:280px) and (max-width:576px) {
.content2 .box6 {
width:90%;
height:auto;
margin:0 auto;
margin-bottom:20px
}

.content2 .box6 li {
font-size:13px
}
}

.content3 {
padding-top:40px;
text-align:center
}

.content3 .box11 {
border-radius:20px;
box-shadow:0 0 10px #d3d2d2;
padding:20px;
margin-bottom:20px
}

.content3 .box11 h5 {
font-size:35px;
font-weight:600;
color:#000;
padding-bottom:20px
}

.content3 .box11 .things-box img {
width:30%;
height:30%
}

.content3 .box11 .things-box p {
font-size:23px;
font-weight:600;
padding-bottom:25px
}

@media (min-width:576px) and (max-width:768px) {
.content3 .box11 {
width:90%;
margin:0 auto;
margin-bottom:20px
}
}

@media (min-width:280px) and (max-width:576px) {
.content3 .box11 {
width:90%;
margin:0 auto;
margin-bottom:20px
}
}

.footer {
padding-top:70px;
background-color:#e8e7e3;
padding-bottom:50px;
overflow-x:hidden
}

.footer .box7 {
width:80%;
margin:0 auto;
border-right:1px solid #000
}

@media (max-width: 576px) {
.footer .box7 {
width:100%
}
}

.footer .box7 img {
width:90px;
height:90px;
margin:0 20px;
transition:all .3s
}

.footer .box7 img:hover {
transform:scale(1.1)
}

.footer .box7 p {
font-size:14px;
color:#000;
transition:all .3s;
padding:10px 20px
}

.footer .box7 p:hover {
font-size:16px;
color:#404141
}

.footer .box7 .icon-badge {
padding:0 20px
}

.footer .box7 a {
text-decoration:none;
color:#000;
font-size:25px;
padding:0 4px
}

.footer .box7 a .fa-square-whatsapp {
transition:all .3s
}

.footer .box7 a .fa-square-whatsapp:hover {
color:#08eb17;
transform:scale(1.6)
}

.footer .box7 a .fa-square-facebook {
transition:all .3s
}

.footer .box7 a .fa-square-facebook:hover {
color:#2d26f3;
transform:scale(1.6)
}

.footer .box7 a .fa-youtube {
transition:all .3s
}

.footer .box7 a .fa-youtube:hover {
color:#f61e1e;
transform:scale(1.6)
}

.footer .box7 a .fa-square-twitter {
transition:all .3s
}

.footer .box7 a .fa-square-twitter:hover {
color:#13b4ef;
transform:scale(1.6)
}

.footer .box7 a .fa-square-instagram {
transition:all .3s
}

.footer .box7 a .fa-square-instagram:hover {
color:#ff00ea;
transform:scale(1.6)
}

@media (min-width: 768px) and (max-width: 992px) {
.footer .box7 img {
margin:0 10px
}

.footer .box7 p {
padding:10px
}

.footer .box7 .icon-badge {
padding:0 10px
}

.footer .box7 a {
padding:0 1px
}
}

@media (max-width: 767px) {
.footer .box7 {
border-right:none;
border-bottom:1px solid #000
}
}

.footer .box8 {
width:80%;
margin:0 auto;
border-right:1px solid #000
}

@media (max-width: 576px) {
.footer .box8 {
width:100%
}
}

.footer .box8 h4 {
color:#000;
font-size:28px;
text-transform:capitalize;
text-decoration:underline;
padding:10px 20px
}

.footer .box8 p a {
text-decoration:none;
color:#000;
font-size:16px;
padding:10px 20px;
transition:all .3s
}

.footer .box8 p a:hover {
color:red;
font-size:18px;
text-decoration:underline
}

@media (max-width: 767px) {
.footer .box8 {
border-right:none;
border-bottom:1px solid #000
}
}

@media (min-width: 768px) and (max-width: 992px) {
.footer .box8 {
height:266px
}
}

@media (min-width: 992px) and (max-width: 1200px) {
.footer .box8 {
height:250px
}
}

.footer .box9 {
width:80%;
margin:0 auto
}

@media (max-width: 576px) {
.footer .box9 {
width:100%
}
}

.footer .box9 p {
font-size:14px;
color:#000;
transition:all .3s;
padding:10px 20px
}

.footer .box9 p:hover {
font-size:16px;
color:#404141
}

.footer .box9 h4 {
color:#000;
font-size:28px;
text-transform:capitalize;
text-decoration:underline;
padding:10px 20px
}

.footer .box9 a {
text-decoration:none;
color:#000;
font-size:16px;
padding:10px 20px;
transition:all .3s
}

.footer .box9 a:hover {
color:red;
font-size:18px;
text-decoration:underline
}

@media (max-width: 767px) {
.footer .box9 {
border-bottom:1px solid #000
}
}

.footer .box10 {
text-align:center;
padding-top:70px;
line-height:15px
}

.footer .box10 .para2 {
font-size:20px;
color:#605f5d
}

.footer .box10 .para2 a {
color:#605f5d;
text-decoration:underline
}

.footer .box10 .para3 {
color:#605f5d;
text-decoration:underline
}