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

body {
	font-family: 'Poppins', sans-serif !important;
}
.hero-section.packagebanner{
        background: url(../images/packages/packagebanner.png) no-repeat top center;
padding-bottom: 20px ;
}

.input-section-main {
    background-color: #FFFFFF;
    box-shadow: 3px 7px 17.3px 4px #6E6E6E40;
    border-radius: 15px;
    padding: 20px;
}


.destination-input {
    input {
        width: 100%;
        padding: 11px;
        border: 0.75px solid #8D8D8D;
        border-radius: 8px;
        height: 48px ;
        color: #5E5E5E ;
        &:focus{
            outline: none ;
        }
    }
        select {
        width: 100%;
        height: 48px ;
        padding: 10.5px 0 10.5px 10px;
        border: 1px solid #8D8D8D;
        border-radius: 8px ;
        color: #5E5E5E;
        appearance: none;
        -webkit-appearance: none;
        background-image: url(../images/packages/downarrow.png) !important;
        background-repeat: no-repeat;
        background-position: right 15px center;
        background-size: 13px;
          
        &:focus{
            outline: none ;
        }
    }
}
.destination-input.select-group{
   select{ 
    appearance: none;
    -webkit-appearance: none;
    background-image: url(../images/packages/vectors.png) !important;
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px;
   }
}
.request-btn {
    button {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #F3B718;
        height: 48px;
        border-radius: 8px;
        color: white;
        border: none;
    }
}
.flysmarter {
    margin-bottom: 120px;
}

.holiday-pkg-img{
    position: relative;
    img{
        width: 100% ;
    }
}
.handpicked-txt{
    position: absolute ;
    bottom: 0 ;
    left: 0 ;
    padding: 15px ;
    width: 100% ;
}
.thailand{
    font-size: 24px ;
    font-weight: 600 ;
    color: #FFFFFF ;
}
.over{
    font-size: 16px ;
    font-weight: 400 ;
    color: #ffffff ;
}
.mostbooked{
    position: absolute ;
    top: 15px ;
    right: 15px ;
    p{
        font-size: 11px ;
        font-weight: 500 ;
        text-transform: uppercase ;
        background: #020C7D ;
        padding: 2px 10px ;
        border-radius: 20px ;
        color: #fff;
    }
}
.cruise-head {
    font-size: 32px;
    font-weight: 500;
    color: #323232;
}
.handpick-price{
    font-size: 16px ;
    font-weight: 400 ;
    color: #ffffff ;
    span{
        font-size: 24px ;
        font-weight: 600 ;
    }
}
.handpick-call{
    font-size: 16px ;
    font-weight: 500 ;
    color: #fff ;
    background: #F3B718 ;
    padding: 5px 20px;
    border-radius: 20px ;
    text-decoration: none ;
    display: none ;
}
.holiday-pkg-img:hover .handpick-call{
    display: block ;
}
.perfect-inner{
    background: url(../../resources/images/packages/perfectbanner.png) top center no-repeat;
    width: 100% ;
    height: 522px ;
    padding: 60px 0;
}
.variations{
    font-size: 20px ;
    font-weight: 400 ;
    color: #FFFFFF ;
}
.perfect-plan-heading{
    font-size: 40px ;
    font-weight: 600 ;
    color: #FFFFFF ;
    line-height: 40px ;
}
.fourstep{
    font-size: 14px ;
    font-weight: 400 ;
    font-style: italic;
    color: #131423 ;
    background: #FFF0B3E5 ;
    padding: 2px 15px ;
    border-radius: 20px ;
    width: fit-content ;
    margin-bottom: 40px ;
}
.question{
    font-size: 14px ;
    font-weight: 600 ;
    color: #FFFFFF;
}
.select-destination{
    font-size: 11px ;
    font-weight: 400 ;
    color: #FFFFFF ;
}
.step-list{
    display: flex ;
    justify-content: flex-start ;
    align-items: flex-start ;
    flex-wrap: wrap;
    li{
        gap: 15px ;
        width: 50% ;
        margin-bottom: 30px ;

        span{
            min-width: 24px ;
            max-width: 24px ;
            height: 24px ;
            background: #FFF0B3E5 ;
            display: flex ;
            justify-content: center ;
            align-items: center ;
            font-size: 12px ;
            font-weight: 500 ;
            color: #000000 ;
            border-radius: 50% ;
        }
    }
}
 .pkg-tfn-sec{
       width: fit-content ;
       font-size: 32px ;
       line-height: 40px ;
       font-weight: 500 ;
       color: #fff ;
       text-decoration: none ;
       span{
           width: auto !important;
           padding: 0px 15px;
           border-radius: 10px ;
           white-space: nowrap ;
          border: 1px solid #fff;
       }
       img{
        min-width: 45px ;
        max-width: 45px ;
       }
   }

.standard-sec{
    p{
        font-size: 16px ;
        font-weight: 400 ;
        color: #303030 ;
    }
}
.pkg-txt{
    width: 100% ;
    height: 100% ;
    padding: 15px ;
    p{
        font-size: 22px ;
        font-weight: 600 ;
        color: #FFFFFF ;
    }
    p.pkg-price{
        font-size: 24px;
    }
}
.pkg-img{
    width: 100% ;
    img{
        width: 100% ;
    }
}
.pkg-escapades{
     font-family: "Urbanist", sans-serif;
    font-size: 34px ;
    font-weight: 600 ;
    color: #3E3E3E ;
}
.slide-sec-banner{
    width: 100% ;
    height: 723px ;
    background: url(../images/packages/turkey.png) top center no-repeat !important;
}


@media screen and (max-width:768px) {
    .hero-section.packagebanner{
            background:#020c7d;
    }
    .flysmarter {
        margin-bottom: 20px;
    }
    .scroll-main{
        flex-wrap: nowrap ;
        overflow-x: auto ;
        padding-bottom: 10px ;
        .col-lg-4 , .col-lg-8 , .col-lg-2{
            width: 90% ;
        }
    }
    .cruise-head {
        font-size: 22px;
        font-weight: 500;
        color: #323232;
    }
    .handpicked-txt {
        padding: 10px;
    }
    .thailand {
        font-size: 18px;
    }
    .over {
        font-size: 12px;
    }
    .handpick-price {
        font-size: 12px;
    span {
        font-size: 20px;
        font-weight: 600;
    }
    }
    .handpick-call {
        font-size: 14px;
        color: #fff;
        background: #F3B718;
        padding: 4px 15px;
        display: block ;
    }
    .perfect-inner {
        padding: 30px 0;
    }
    .perfect-plan-heading {
        font-size: 26px;
    }
    .variations {
        font-size: 14px;
    }
    .step-list {
        li {
            width: 100%;
            margin-bottom: 15px;
        }
    }
    .fourstep {
        font-size: 12px;
        margin-bottom: 20px;
    }
    .standard-sec {
        p {
            font-size: 12px;
        }
    }
    .pkg-escapades {
        font-size: 22px;
    }
    .pkg-tfn-sec {
        font-size: 20px;
        line-height: 30px;
        img {
            min-width: 35px;
            max-width: 35px;
        }
        span{
            border-radius: 5px;
        }
    }
    .pkg-txt {
        width: 100%;
        height: 100%;
        padding: 10px;
        p {
            font-size: 18px;
            font-weight: 600;
            color: #FFFFFF;
        }
        p.pkg-price {
            font-size: 20px;
        }
    }
}

.slide-txt{
    padding: 15px ;
    width: 100% ;
    p{
        font-size: 18px ;
        font-weight: 500 ;
        color: #ffffff ;
    }
}
.slider-sec-main{
    .owl-nav button.owl-prev{
        left: 0 ;
        width: 40px ;
        img{
            width: 100% ;
        }
    }
    .owl-nav button.owl-next {
        right: 0px;
        width: 40px ;
        img{
            width: 100% ;
        }
    }

    .owl-nav {
        display: block  !important;
    }
}

@media screen and (max-width:768px) {
    .slider-sec-main{
  .owl-nav button.owl-prev{
    width: 25px ;
    img{
        width: 100% ;
    }
  }
  .owl-nav button.owl-next{
    width: 25px ;
    img{
        width: 100% ;
    }
  }
    .owl-nav {
        display: block  !important;
    }
}
.slide-txt {
    padding: 8px;
}
.slide-txt {
    p {
        font-size: 12px;
        font-weight: 500;
        color: #ffffff;
    }
}
}