.boxes-wrap.package-page {
    margin-top: 160px;
    margin-left: 300px;
    width: 100%;
}
.top-boxes{
    float:left;
    width:100%;
    display:flex;
    gap:30px;
}
.color-box{
    width:30%;
    padding:40px;
    box-sizing:border-box;
    position:relative;
    min-height: 415px;
    float:left;
}
.color-box.yellow{
    background: #FFCC00;
    border-radius: 70px 10px;
}
.color-box .title{
    min-height: 120px;
    height: 120px;
    overflow: hidden;
    margin-bottom:20px;
}
.color-box.yellow .title{
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #013366;
}
.color-box.yellow .bott-txt{
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #013366;
}
.color-box.orange{
    background: #FF6600;
    border-radius: 70px 10px;
}
.color-box.orange .title{
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    min-height: auto;
    height: auto;
    color: #FFFFFF;
}
.color-box.orange .bott-txt-image {
    font-size:21px;
    padding-top:4px;
    margin-top:10px;
}
.color-box.orange .bott-txt{
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #F3F5F8;

}
.color-box.blue{
    background: #013366;
    border-radius: 70px 10px 50px;
}
.color-box.blue .title{
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;

    color: #FFFFFF;
}
.color-box.blue .bott-txt{
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #F3F5F8;
}
.color-box .see-more{
    position:absolute;
    bottom:35px;
    right:20px;
    color:#fff;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    padding-right:80px;
    box-sizing:border-box;

}

.color-box .see-more:after{
    position:absolute;
    content:"";
    right:22px;
    top:-15px;
    width:45px;
    height: 45px;
    background:#fff url("../img/seemore.svg") no-repeat center;
    background-size:20px;
    border-radius:50%;
}
.bott-txt-image{
    float:left;
    width:100%;
    padding-left:45px;
    box-sizing:border-box;
    position:relative;
    margin-bottom:20px;
    color:#fff;
}
.bott-txt-image:before{
    position:absolute;
    content:"";
    left:0px;
    top:5px;
    width:35px;
    height: 35px;
    background:url("../img/plus.svg") no-repeat center;
    background-size:35px;
}
.bottom-content{
    float:left;
    width:100%;
    margin-top:50px;
}
.big-part{
    float:left;
    width:100%;
}
.big-part .big-title, .big-title{
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    color: #013366;
    margin-top:100px;
    margin-bottom:40px;
}
.big-part .yellow-ticket-box{
    background: #FFFFFF;
    box-shadow: -10px 10px 15px 5px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    float:left;
    width:55%;
    position:relative;
    padding-right:100px;
    height: 500px;
}
.big-part .yellow-ticket-box:before, .yell-part .yellow-ticket-box:before{
    position:absolute;
    content:"";
    left:5px;
    top:5px;
    background:url("../img/yell.svg") no-repeat center;
    width:280px;
    height: 115px;
    background-size:100%;
}
.big-part .yellow-ticket-box ul{
    float:left;
    width:100%;
    padding-left:30px;
    margin-top:160px;
}
.big-part .yellow-ticket-box ul li{
    list-style:none;
    position:relative;
    padding-left:50px;
    box-sizing:border-box;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: #013366;
    float:left;
    width:100%;
    height: auto;
    margin-bottom:30px
}
.big-part .yellow-ticket-box ul li:before{
    position:absolute;
    content:"";
    left:0;
    top:-5px;
    width:40px;
    height: 40px;
    background:url("../img/yell-check.svg") no-repeat center;
    background-size:90%;
}
.yell-part, orange-part, .blue-part{
    float:left;
    width:100%;
}

.big-part .orange-ticket-box{
    background: #FFFFFF;
    box-shadow: -10px 10px 15px 5px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    float:left;
    width:40%;
    position:relative;
    height: 430px;
    left:-95px;
    top:110px;
}
.big-part .orange-ticket-box:before{
    position:absolute;
    content:"";
    left:5px;
    top:5px;
    background:url("../img/orange1.svg") no-repeat center;
    width:280px;
    height: 115px;
    background-size:100%;
}
.big-part .orange-ticket-box ul{
    float:left;
    width:100%;
    padding-left:30px;
    margin-top:150px;
    padding-right:20px;
}
.big-part .orange-ticket-box ul li{
    list-style:none;
    position:relative;
    padding-left:50px;
    box-sizing:border-box;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: #013366;
    float: left;
    width: 100%;
    height: auto;
    margin-bottom:30px;
}
.big-part .orange-ticket-box ul li:before{
    position:absolute;
    content:"";
    left:0;
    top:-5px;
    width:40px;
    height: 40px;
    background:url("../img/orange-check.svg") no-repeat center;
    background-size:90%;
}
.big-part .pos-part,.stem-boxes-pos .pos-part{
    position: absolute;
    top: 25px;
    left: 30px;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    color: #013366;

}
.big-part .orange-ticket-box .pos-part{
    color:#fff;
}
.yellow-ticket-box.w100{
    width:88%;
    float:left;
    margin-top:80px;
    height: 360px;
}
.table-part{
    float:left;
    width:100%;
    margin-top:130px;
    padding-left:50px;
    box-sizing:border-box;
}
table{
    float:left;
    width:100%;
    border-radius:30px !important;
}
table td{
    padding:15px;
    box-sizing:border-box;
}
table tr:first-child{
    border-top-left-radius:30px;
    border-top-right-radius:30px;
}
.big-part.change .orange-ticket-box{
    background: #FFFFFF;
    box-shadow: -10px 10px 15px 5px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    float: left;
    width: 55%;
    position: relative;
    padding-right: 100px;
    height: 550px;
    left:0;
    top:0;
}
.big-part.change .yellow-ticket-box{
    background: #FFFFFF;
    box-shadow: -10px 10px 15px 5px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    float: left;
    width: 40%;
    position: relative;
    height: 470px;
    left: -95px;
    top: 110px;
}
.big-part.change .yellow-ticket-box.w100{
    width:88%;
    height: 360px;
    left:0;
    margin-top:0px;
}
.big-part.blue{
    margin-top:100px;
}
.big-part.change .yellow-ticket-box.w100:before{
    position: absolute;
    content: "";
    left: 5px;
    top: 5px;
    background: url(../img/orange1.svg) no-repeat center;
    width: 280px;
    height: 115px;
    background-size: 100%;
}
.big-part.blue .yellow-ticket-box:before{
    position: absolute;
    content: "";
    left: 5px;
    top: 5px;
    background: url(../img/blue-tr.svg) no-repeat center;
    width: 280px;
    height: 115px;
    background-size: 100%;
}
.big-part.blue .yellow-ticket-box .pos-part{
    color:#fff;
}
.stem-boxes-pos{
    float:left;
    width:100%;
    display: flex;
    flex-direction: column;
    gap: 41px;
    margin-top:40px;
}
.yell-part .yellow-ticket-box, .orange-part .yellow-ticket-box, .blue-part .yellow-ticket-box {
    background: #FFFFFF;
    box-shadow: -10px 10px 15px 5px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    float: left;
    width: 61%;
    position: relative;
    height: 378px;
    left: -35px;
    top: 10px;
}
.yell-part .table-part, .orange-part .table-part, .blue-part .table-part{
    width:95%;
}
.orange-part .yellow-ticket-box.w100, .blue-part .yellow-ticket-box.w100{
    margin-top:0px;
}
.orange-part .yellow-ticket-box:before {
    position: absolute;
    content: "";
    left: 5px;
    top: 5px;
    background: url(../img/orange1.svg) no-repeat center;
    width: 280px;
    height: 115px;
    background-size: 100%;
}
.orange-part .yellow-ticket-box .pos-part{
    color:#fff;
}
.blue-part .yellow-ticket-box .pos-part{
    color:#fff;
}
.blue-part .yellow-ticket-box:before {
    position: absolute;
    content: "";
    left: 5px;
    top: 5px;
    background: url(../img/blue-tr.svg) no-repeat center;
    width: 280px;
    height: 115px;
    background-size: 100%;
}
.big-image-bg{
    float:left;
    width:100%;
    position:relative;
}
.big-image-bg:before{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height: 5000px;
    background:url("../img/bg_klett.svg") no-repeat center;
    background-size:100%;
    background-position: inherit;
}
.bott-info{
    float:left;
    width:100%;
    margin-bottom:20px;
    margin-top:-30px;
}
.video{
    float: left;
    width: 100%;
    position: relative;
}
.video iframe{
    position: relative;
    z-index:99;
}
.video .color-box{
    width: 20%;
    padding: 40px;
    box-sizing: border-box;
    position: relative;
    min-height: 415px;
    float: right;
    position: relative;
    left: -32%;
    top: -40px;
    padding-left:70px;
}
.video .color-box span{
    float:left;
    width:100%;
    margin-top:50px;
    font-size:18px;
}
.video .color-box span a{
    float:left;
    width:100%;
    margin-top:50px;
    font-weight: bold;
    word-wrap: break-word;
}

.big-title.ob1{
    position:relative;
    float:left;
    width:100%;
}
.big-title.ob1:before{
    position: absolute;
    content: "";
    left: -135px;
    top: -25px;
    width: 115px;
    height: 104px;
    background: url(../img/object3.svg) no-repeat center;
    background-size: 100px;
}
.big-title.ob3{
    position:relative;
    float:left;
    width:100%;
}
.big-title.ob3:before{
    position: absolute;
    content: "";
    left: -135px;
    top: -25px;
    width: 115px;
    height: 104px;
    background: url(../img/object4.svg) no-repeat center;
    background-size: 100px;
}
.orange-ticket-box.ob2{
        position:relative;
    }
    .orange-ticket-box.ob2:after{
        position: absolute;
        content: "";
        top: -140px;
        right: 80px;
        width: 100px;
        height: 100px;
        background: url(../img/object7.svg) no-repeat center;
        background-size: 70px;
    }
    .yellow-ticket-box.ob4{
        position:relative;
    }
    .yellow-ticket-box.ob4:after{
        position: absolute;
        content: "";
        top: -140px;
        right: 80px;
        width: 100px;
        height: 100px;
        background: url(../img/icon.svg) no-repeat center;
        background-size: 100px;
    }
.orange-btn{
    float:right;
    background:#FF6600 ;
    margin-top:5px;
}
.yellow-btn{
    float:right;
    background:#FFCC00 ;
    margin-top:5px;
    border-radius: 82px;
    width: 220px;
    height: 30px;
    line-height: 30px;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    font-size: 15px;
    font-family: 'MontBlancBold';
}
.blue-btn{
    float:right;
    background:#013366;
    margin-top:5px;
    border-radius: 82px;
    width: 220px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 15px;
    font-family: 'MontBlancBold';
}
@media screen and (max-width: 1280px){
    .big-part .orange-ticket-box ul li{
        font-size:15px;
        margin-bottom:25px;
    }
    .big-part .yellow-ticket-box{
        padding-right:20px;
        box-sizing:border-box;
    }
    .big-part .yellow-ticket-box ul{
        margin-top:130px;
    }
    .big-part .orange-ticket-box ul{
        margin-top:120px;
    }
}
/* @media screen and (max-width: 1250px){
    .boxes-wrap.package-page{
        margin-top:120px;
        margin-left:70px;
    }
    .color-box{
        width:28%;
    }
    .big-part .yellow-ticket-box, .big-part.change .orange-ticket-box{
        width:55%;
    }
    .big-part .orange-ticket-box, .big-part.change .yellow-ticket-box{
        width:43%;
    }
    .big-part .yellow-ticket-box ul li{
        height: auto;
        margin-bottom:20px;
    }
    .yellow-ticket-box.w100{
        width:90%;
    }
    .stem-boxes-pos .yellow-ticket-box.w100{
        width:71%;
    }
} */
/* @media screen and (max-width: 1024px){
    .video .color-box {
    width: 27%;
    padding: 40px;
    box-sizing: border-box;
    position: relative;
    min-height: 415px;
    float: right;
    position: relative;
    left: -21%;
    top: -40px;
    padding-left: 70px;
}
    .top-titles h1{
        font-size:36px;
    }
    .top-titles.package-page {
    margin-left: 270px;
}
.big-part .orange-ticket-box ul li{
    font-size:15px;
    margin-bottom:15px;
}
.big-part .yellow-ticket-box ul li{
    font-size:15px;
    margin-bottom:15px;
}
} */
/* @media screen and (max-width: 900px){
.color-box {
    height: auto;
    min-height: 250px;
    width: 100%;
}
.top-boxes {
    float: left;
    width: 100%;
    display: flex;
    gap: 30px;
    flex-direction: column;
}
} */
/* @media screen and (max-width: 950px){
    .color-box{
        width:100%;
        height: auto;
        min-height: auto;
    }
    .video iframe{
        width:100% !important;
    }
    .video .color-box{
        display:none;
    }
    .orange-btn {
        transform: translateX(-0%);
    }
    .big-part .yellow-ticket-box{
        padding-right:40px;
        box-sizing:border-box;
        padding-bottom:20px;
    }
    .top-titles.package-page {
    margin-left: 140px;
}
.boxes-wrap.package-page {
    margin-top: 45px;
    margin-left: 10px;
}
.big-part .yellow-ticket-box, .big-part.change .orange-ticket-box{
    width:100%;
    height: auto;
}
.big-part .orange-ticket-box, .big-part.change .yellow-ticket-box {
    width: 100%;
    left: 0px;
    height: auto;
}
.big-part .orange-ticket-box{
    top:40px;
}
.big-part.change .yellow-ticket-box{
    top:40px;
}
.big-part.change .yellow-ticket-box.w100{
    width:100%;
    margin-top:30px;
}
.yell-part .yellow-ticket-box, .orange-part .yellow-ticket-box, .blue-part .yellow-ticket-box {
    background: #FFFFFF;
    box-shadow: -10px 10px 15px 5px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    float: left;
    width: 100%;
    position: relative;
    height: 378px;
    left: 0;
    top: 10px;
}
}
@media screen and (max-width: 768px){
    table td {
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;

}
.stem-boxes-pos .yellow-ticket-box.w100{
    width:100%;
}
.bott-txt-image:before{
    top:5px;
}
} */
@media screen and (max-width: 1500px){
    .gray-shape-one {
        left: -584px;
    }
    .gray-shape-two {
        display: none;
    }
}
@media screen and (max-width: 1250px){
    .gray-shape-one {
        left: -784px;
    }
}
@media screen and (max-width: 1050px){
    .gray-shape-one {
        left: -984px;
    }
}
@media screen and (max-width: 1250px){
    .big-part .big-title, .big-title{
        margin-top:25px;
        margin-bottom:25px;
    }
    .boxes-wrap.package-page {
        margin-top: 30px;
        margin-left: 20px;
    }
    .top-boxes{
        flex-direction: column;
    }
    .color-box{
        height: auto;
        min-height: 250px;
        width:100%;
    }
    .big-part .yellow-ticket-box, .big-part.change .orange-ticket-box{
        width:100%;
        padding-right:10px;
        height: auto;
        padding-bottom: 20px;
        box-sizing:border-box;
    }
    .big-part.change .yellow-ticket-box.w100{
        height: auto;
        padding-bottom:20px;
        box-sizing:border-box;
        margin-top:10px;
        padding-left:10px;
        padding-right:10px;
        width:100%;
    }
    .big-part .orange-ticket-box {
        background: #FFFFFF;
        box-shadow: -10px 10px 15px 5px rgba(0, 0, 0, 0.1);
        border-radius: 30px;
        float: left;
        width: 35%;
        position: relative;
        height: auto;
        left: 0px;
        top: 20px;
        width: 100% !important;
    }
    .yellow-ticket-box.w100{
        margin-top:40px;
    }
    .video iframe{
        width:100% !important;
    }
    .video .color-box{
        display:none;
    }


    .big-part .orange-ticket-box, .big-part.change .yellow-ticket-box{
        width:100%;
        left:0px;
        top:20px;
    }
    .yell-part .yellow-ticket-box, .orange-part .yellow-ticket-box, .blue-part .yellow-ticket-box {
        background: #FFFFFF;
        box-shadow: -10px 10px 15px 5px rgba(0, 0, 0, 0.1);
        border-radius: 30px;
        float: left;
        width: 95%;
        position: relative;
        height: 378px;
        left: 0;
        top: 10px;
    }

    .bott-txt-image:before{
        top:5px;
    }
}

@media screen and (max-width: 650px){
    .top-titles.package-page {
    margin-left: 0px;
}
    .color-box.yellow .title{
        font-size:21px;
    }
    .bott-txt-image{
        margin-bottom:0px;
    }
    .color-box .see-more{
        bottom:20px;
    }
    .big-part .big-title {
        font-style: normal;
        font-weight: 700;
        font-size: 25px;
        line-height: 39px;
        color: #013366;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    table td {
        padding: 3px;
        box-sizing: border-box;
    }
    .table-part{
        padding-left:15px;
    }
    .big-part .orange-ticket-box ul li{
        height: auto;
        margin-bottom:10px;
    }
    .big-part.change .yellow-ticket-box.w100{
        width:100%;
        margin-left:0px;
    }
    .big-part .orange-ticket-box ul li:before, .big-part .yellow-ticket-box ul li:before{
        background-size:60%;
    }
    .top-titles h1 {
        font-size: 23px;
        line-height: 29px;
        float: left;
        width: 100%;
        padding-left: 20px;
        box-sizing: border-box;
    }
    .orange-ticket-box.ob2:after {
        position: absolute;
        content: "";
        top: -102px;
        right: 0px;
        width: 100px;
        height: 100px;
        background: url(../img/object7.svg) no-repeat center;
        background-size: 40px;
    }
    .yellow-ticket-box.ob4:after {
        position: absolute;
        content: "";
        top: -94px;
        right: 0px;
        width: 100px;
        height: 100px;
        background: url(../img/icon.svg) no-repeat center;
        background-size: 50px;
    }
    .orange-btn{
       transform: translateX(-113%);
    }

}
@media screen and (max-width: 550px){
    .big-part .big-title, .big-title{
        margin-top:10px;
        margin-bottom:10px;
        font-size:23px;
    }
    .video-wrap .big-title{
        margin-top: 28px;
        margin-bottom: 30px;
        font-size: 23px;
        }

    .color-box .title{
        font-size:19px;
        height: auto;
        min-height: auto;
    }
    .bott-txt-image:before {
        top: 5px;
    }

    .big-part .big-title {
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 32px;
        color: #013366;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .big-part .yellow-ticket-box:before, .yell-part .yellow-ticket-box:before {
        position: absolute;
        content: "";
        left: -5px;
        top: 5px;
        background: url(../img/yell.svg) no-repeat center;
        width: 230px;
        height: 100px;
        background-size: 80%;
    }
    .big-part.change .yellow-ticket-box.w100:before, .orange-part .yellow-ticket-box:before{
        position: absolute;
        content: "";
        left: -5px;
        top: 5px;
        background: url(../img/orange1.svg) no-repeat center;
        width: 230px;
        height: 100px;
        background-size: 80%;
    }
    .big-part .pos-part, .stem-boxes-pos .pos-part{
        font-size:16px;
    }
    table tr:last-child{
        display:none;
    }
    .big-part .orange-ticket-box:before {
        position: absolute;
        content: "";
        left: -5px;
        top: 5px;
        background: url(../img/orange1.svg) no-repeat center;
        width: 230px;
        height: 100px;
        background-size: 80%;
    }
    .big-part.blue .yellow-ticket-box:before {
        position: absolute;
        content: "";
        left: -5px;
        top: 5px;
        background: url(../img/blue-tr.svg) no-repeat center;
        width: 230px;
        height: 100px;
        background-size: 80%;
    }
    .big-part.blue {
        margin-top: 50px;
    }
    .big-part .yellow-ticket-box ul, .big-part .orange-ticket-box ul {
        float: left;
        width: 100%;
        padding-left: 30px;
        margin-top: 110px;
        padding-left:10px;
        box-sizing:border-box;
    }
    .yell-part .yellow-ticket-box, .orange-part .yellow-ticket-box, .blue-part .yellow-ticket-box{
        height: 270px;
    }
    .boxes-wrap.package-page {
        margin-top: 30px;
        margin-left: 0px;
    }
}
@media screen and (max-width: 450px){
    .links .link{
        font-size:9px;
    }
    .orange-btn {
        transform: translateX(-84%);
    }
    .color-box.orange .title {
            font-size: 23px;
    }
    .color-box.orange .bott-txt-image {
        font-size:17px;
    }
    .color-box.orange .bott-txt {
            font-size: 13px;
            margin-top:5px;
            float:left;
    }
}

@media screen and (max-width: 370px){
    .links .link{
        font-size:8px;
        width:99px;
    }
}