.bannerViajePersonalizado{
    background-image: url(https://oasiaviajes.com/wp-content/uploads/2025/11/agencia-viaje-a-japon-personalizado.webp);
    background-size: cover;
    background-position: 50% 45%;
    background-attachment: scroll;
    background-repeat: no-repeat;
}

.iconArrow{
    color: #ff6f61;
    font-size: 35px;
}

.rotateVertical{
    transform: rotate(90deg);
}

.rotateLeft{
    transform: rotate(180deg);
}

.rotateDiagonal{
    transform: rotate(45deg);
}

.kt-svg-icon-list .kb-svg-icon-wrap{
    margin-top: 5px !important;
}

.sectionImgHowItWorks .kb-is-ratio-image{
    padding-bottom: 132% !important;
}

p a, span a{
    color: #64a382 !important;
}

p a:hover, span a:hover{
    color: #2c3e50 !important;
}

.valuesSection strong{
    color: #64a382;
}

.linkToViajesPersonalizados .linkTo{
    color: #64a382 !important;
}

.linkToViajesPersonalizados .linkTo:hover{
    color: #2c3e50 !important;
    text-decoration: underline !important;
    cursor: pointer;
}

.experienceText{
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.linkToExperiences{
    font-weight: bold;
    font-size: 18px !important;
}

.tripInfo{
    height: 270px;
}

.tripSection:hover {
    transform: scale(1.01);
    -ms-transform: scale(1.01);; /* IE 9 */
    -webkit-transform: scale(1.01); /* Safari 3-8 */
    -moz-transform: scale(1.01); /* Mozilla */
    -o-transform: scale(1.01);
}

@media screen and (max-width: 767px) {
    .kt-svg-icon-list .kb-svg-icon-wrap{
        margin-top: 3px !important;
    }
    
    .linkToViajesPersonalizados h5{
        font-size: 16px !important;
    }
}

@media (min-width:768px) and (max-width:900px){
    .sectionValuesLeft{
        padding-left: 120px !important;
    }
    
    .sectionValuesRight{
        padding-right: 120px !important;
    }
}

@media (min-width:901px) and (max-width:1024px){
    .sectionValuesLeft{
        padding-left: 150px !important;
    }
    
    .sectionValuesRight{
        padding-right: 150px !important;
    }
}

@media screen and (max-width: 1124px) {
    .tripTitle{
        font-size: 22px !important;
    }
}

@media (min-width:1025px) and (max-width:1250px){
    .stepHowItWorks{
        font-size: 14px !important;
    }
    
    .numberHowItWorks{
        font-size: 45px !important;
    }
}

@media screen and (min-width:1250px) {
    #infoImgSection{
        height: 294px !important;
    }
}