.travel-section
{
    width: 100%;
    float: left;  
}
.travel-section .wrapper
{
    padding-top: 35px;
    padding-bottom: 35px;
}
.travel-bg
{
    position: relative;
    background: linear-gradient(to bottom, #177F96 0%, #8ADAEC 67%, #0D8DA9 100%);
    overflow: hidden;
}
.travel-wrapper
{
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 50px;    
}

.simplifly-title {
    position: absolute;
    right: 0;
    white-space: nowrap;
    left: 100px;
    font-size: 100px;
    font-weight: 700;
    line-height: 115%;
    letter-spacing: -1px;
    text-align: center;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    display: block;
    width: max-content;
    animation: travel-scroll-left 15s linear infinite;
}
@keyframes travel-scroll-left{from{transform:translateX(100%);}to{transform:translateX(-100%);}}
.travel-left-box
{
    width: calc(100% - 750px);
    align-items: center;
    justify-content: center;
    animation: travel-imgscroll 3s linear;
}
@keyframes travel-imgscroll{0%{transform:translateX(-30%);opacity:0;}10%{opacity:1;}100%{transform:translateX(0);opacity:1;}}
.travel-banner-img
{
    max-width:100%;
}
.travel-right-box
{
    width: 700px;    
    background-color: #FFFFFF;
    padding: 31px 45px;
    border-radius: 25px;
}
.guides-title
{
    width: 100%;
    font-size: 32px;
    line-height: 37px;
    margin-bottom: 14px;
}
.guide-ul-tabs
{
    width: 100%;
    display: inline-block;
    list-style: none;
    margin-bottom: 13px;
}
.guide-ul-tabs li
{
    display: inline-block;
    margin-right: 20px;
}
.guide-ul-tabs li:last-child
{
    margin-right: 0px;
}
.guide-ul-tabs li a
{
    display:inline-flex;
    padding: 10px;
    background-color: rgba(69, 69, 69, 0.1);
    color: #454545;
    font-size: 20px;
    line-height: 20px;
    border-radius: 30px;
    transition: 0.2s ease;
}
.guide-ul-tabs li.active a
{
    background-color: #005DAC;
    padding: 10px 16px;
    color: #ffffff;
    font-weight: 600;
}
.guide-tabs
{
    width: 100%;
    display: none;
}
.guide-tabs.active
{
    display: block;
}
.guide-step-li
{
    width: 100%;
    display: flex;
    column-gap: 20px;
    align-items: center;
    padding: 10px 0px;
    position: relative;
}
.guide-step-li::before
{
    content: "";
    position: absolute;
    height: 49%;
    width: 1px;
    border-left: 1px dashed #454545;
    left: 17px;
    top: 50%;
    z-index: 0;
}
.guide-step-li:first-child:after
{
    content: none;
}
.guide-step-li::after
{
    content: "";
    position: absolute;
    height: 50%;
    width: 1px;
    border-left: 1px dashed #454545;
    left: 17px;
    bottom: 50%;
    z-index: 0;
}
.guide-step-li:last-child:before
{
    content: none;
}
.step-counter
{
    z-index: 1;
    position: relative;
    width: 35px;
    height: 35px;
    border: 1.35px solid #454545;
    background-color: #B6D9F2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}
.step-counter p
{
    font-size: 16px;
    color: #2F2E2E;
}
.guide-step-description
{
    width: calc(100% - 55px);
    font-size: 20px;
    line-height: 22px;
}
.guide-btn-box
{
    margin-top: 45px;
}
.know-more-btn
{
    width: 100%;
    display: inline-block;
    padding: 20px;
    color: #005DAC;
    font-weight: 600;
    border: 1px solid #005DAC;
    text-align: center;
    border-radius: 10px;
    font-size: 20px;
}
.guide-video-box
{
    width: 100%;
    height: 250px;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    margin: 10px 0 15px 0;
}
.video-overlay
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 2;
}
.guide-bgimg
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.video-btn-box
{
    position: relative;
    z-index: 3;
}
.video-btn-box .icon-play
{
    color: #ffffff;
    font-size:24px;
}
.video-btn-box .icon-play:before {
    content: '\e819';
}
.guide-accordian-btn
{
    display: none;
    width: 100%;
    justify-content: space-between;
    padding: 15px 0px;
    border-top: 1px dashed rgba(0, 0, 0, 0.4);
}
.guide-accord-text
{
    font-size: 14px;
    line-height: 17px;
    color: #454545;
}
.accord-icon-minus
{
    display: none;
    width: 20px;
    height: 20px;
    position: relative;   
    font-weight: 600;
    font-style: normal;
}
.accord-icon-minus::before
{
    right: 0;
    position: absolute;
    content: "";
    width: 15px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 2px;
    background-color: #454545;
}
.accord-icon-plus
{
    width: 20px;
    height: 20px;
    position: relative;   
    font-weight: 600;
    font-style: normal;
}
.accord-icon-plus::before
{
    right: 0;
    position: absolute;
    content: "";
    width: 15px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 2px;
    background-color: #454545;
}
.accord-icon-plus::after
{

    position: absolute;
    content: "";
    width:2px;
    height: 14px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #454545;
}
.guide-accordian-btn.active .accord-icon-minus
{
    display: block;
}
.guide-accordian-btn.active .accord-icon-plus
{
    display: none;
}


.travel-section .popup-main-bg
{
    z-index: 5;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
}
.travel-section .popup-modal-body
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 2px;
    background-color: #000;
}
.travel-section .popup-width-800
{
    width: 800px;
    background-color: #000;
}
.travel-section .popup-modal-relative
{
    position: relative;
    width: 100%;   
}
.travel-section .popup-close {
    cursor: pointer;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 9999;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    text-align: center;    
    background-color: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.travel-section .popup-close i
{
    font-size: 12px;
    font-style: normal;
}
.travel-section .video-wrapper
{
    width: 100%;
    height: 500px;
}
.travel-section .video-wrapper iframe
{
    width: 100%;
    height: 100%;
}

@media screen and (max-width:1600px)
{
    .simplifly-title {font-size: 80px;left: 100px;}
    .travel-left-box{width: calc(100% - 630px);}
    .travel-banner-img{max-width: 80%;}
    .travel-right-box{width: 580px;padding: 30px;}
    .guides-title{font-size: 22px;line-height: 32px;width: 70%;}
    .guide-ul-tabs li{margin-right: 10px;}
    .guide-ul-tabs li a{font-size: 16px;line-height: 19px;}
    .guide-step-li{padding: 8px 0;}
    .guide-step-description{font-size: 16px;line-height: 19px;}
    .guide-btn-box{margin-top: 20px;}
    .know-more-btn{padding: 15px;font-size: 16px;}
}
@media screen and (min-width:760px) and (max-width:1199px)
{
    .travel-wrapper{display: flex;justify-content: center;width:600px;}
    .travel-left-box{display: none;}
    .travel-right-box{width: 95%;}
    .travel-section  .popup-width-800{width: 90%;}
    .travel-bg{display: flex;align-items: center;justify-content: center;}
    .travel-section .wrapper{padding: 50px 0;}
}
@media screen and (max-width:760px)
{
    .travel-section .wrapper{padding: 25px 0px 25px;} 
    .travel-wrapper{padding: 0px 10px;display: block;}
    .travel-left-box {width: auto;        margin-top: 70px;}
    .travel-right-box{width: 100%;padding: 30px 24px;border-radius: 25px;}
    .guides-title{width: 100%;font-size: 16px;line-height: 19px;}
    /* .guide-ul-tabs{display: none;} */
    .guide-ul-tabs::-webkit-scrollbar{height: 0;}
    .guide-ul-tabs{overflow-x: auto;overflow-y: hidden;white-space: nowrap;}
    .guide-ul-tabs li a{font-size: 14px;line-height: 17px;}
    .guide-ul-tabs li.active a{font-weight: 400;}
    .guide-video-box{display: flex;margin:0px;}
    .step-counter{width: 25px;height: 25px;        margin: 0 3px;}
    .guide-step-ul{margin-top: 15px;}
    .guide-step-li{column-gap: 12px;}
    .guide-step-li::after{left: 15px;}
    .guide-step-li::before{left: 15px;}
    .step-counter p{font-size: 14px;}
    .guide-step-description{width: calc(100% - 42px);font-size: 14px;line-height: 17px;}
    .guide-btn-box{margin-top: 10px;margin-bottom: 15px;}
    .guide-accordian-btn{display: none;}
    .know-more-btn{padding: 15px;font-size: 14px;padding: 12px;}
    .travel-section .popup-width-800{width: 90%;}
    .travel-section  .video-wrapper{height: 300px;}
    .guide-video-box{ height: 175px;}
    .travel-section{margin: 0 0;}
    .simplifly-title{font-size: 55px;}
}