body{
background-color: #FFFAF0;

}
.course-box .detail-box2 .courses-title{
    height: 60px;
}

.header:after{
    position: absolute;
  content: '';
  height: 51%;
  left: 72%;
  top: -30%;
  background: #DEC79F;
  filter: blur(120px);
  z-index: 2;
  right: 0;
    border-radius: 200px;
    opacity: 0.5;
}
.header::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: url('../img/Group.webp');
    z-index: 3;
    background-position: center;
}
.header .video .custom-box{
    border-radius: 1000px 1000px 0px 0px;
    overflow: hidden;
    max-height: 964px;

}
.header .video .custom-box img{
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.header .video .custom-box .cover{
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), #FDF5F1;
    background-blend-mode: normal, luminosity, normal;
    z-index: 3;
    opacity: 0.5;
}

.header .video .custom-box:after{
    position: absolute;
    content: '';
    width: 50%;
    height: 61%;
    left: 0;
    top:50%;
    background: #DEC79F;
    filter: blur(120px);
    z-index: 0;
    border-radius: 200px;
    opacity: 0.5;
}
.header .video .custom-box:before{
    position: absolute;
    content: '';
    width: 50%;
    height: 61%;
    bottom: -20%;
    right: 25%;
    left: 25%;
    background: #279F9A;
    filter: blur(120px);
z-index: 3;
    border-radius: 200px;
    opacity: 0.5;
}
.header .video:after{
    position: absolute;
    content: '';
    width: 50%;
    height: 61%;
    left: 0;
    top:0;
    background: #DEC79F;
    filter: blur(120px);
    z-index: 0;
    border-radius: 200px;
    opacity: 0.5;
}
.header .video .custom-box .cover::before{
    position: absolute;
    content: '';
    width: 50%;
    height: 20%;
    right: 0;
    bottom:0;
    background: #DEC79F;
    filter: blur(100px);
    z-index: 2;
    border-radius: 200px;
}
.header .header-list{
    font-size: 26px;
}
.header .img1{
right: 0;
/*left: 80%;*/
top: 5%;
/*bottom: 63%;*/
border-radius: 30px;
background-size: cover !important;
animation: move-up1;
animation-duration: 1.5s;
animation-iteration-count: 1;
z-index: 4;
    width: 280px;
    height: 225px;
}
@keyframes move-up1{
    0%{
        bottom: 33%;
        top: 35%;
    }
    100%{
        top: 5%;
bottom: 63%;
    }
}
.header .img2{
    /*right: 90%;*/
    left: -9%;
bottom: -10%;
/*top: 71%;*/
border-radius: 30px;
background-size: cover !important;
animation: move-up2;
animation-duration: 1.5s;
animation-iteration-count: 1;
z-index: 4;
    width: 280px;
    height: 225px;
}
@keyframes move-up2{
    0%{
        bottom: -40%;
        /*top: 100%;*/
    }
    100%{
        bottom: -10%;
       /*top: 71%;*/
    }
}
.header .img3{
    top: -15%;
    right: 10%;
    left: 10%;
  animation: move-up3;
    animation-duration: 0s;
    animation-iteration-count: 1;
  animation-duration: 1.5s;
  animation-iteration-count: 1;
  z-index: 4;

}
@keyframes move-up3{
    0%{
        top: 17%;
    }
    100%{
        top: -15%;
    }
}
.header .logo-header{
    left:-15%;
    right:-15%;
    bottom:-80px !important;
}
.header .logo-header img{
    filter: invert(69%) sepia(21%) saturate(466%) hue-rotate(359deg) brightness(94%) contrast(93%);}
.header .img4-mob img{
    filter: invert(69%) sepia(21%) saturate(466%) hue-rotate(359deg) brightness(94%) contrast(93%);}

.header .custom-box2{
    top:0;
    animation: move-up4;
    animation-duration: 1.5s;
animation-iteration-count: 1;
}
@keyframes move-up4{
    0%{
        top: 150px;
    }
    100%{
        top: 0;
    }
}
.samples{
    background-color: white;
}
.samples:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("../img/img34.webp");
    background-size: cover;
    background-position: center;
    z-index:0;
    top: 0;
    right: 0;
}
.courses:before{
   content:'';
    position: absolute;
    width: 25%;
    height: 25%;
    right: 0;
    top: -5%;
    background: #DEC79F;
    filter: blur(120px);
    opacity: 0.8;
    z-index: 0;
}
/* .courses .course-box .img-box:after{
    content:'';
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, #000000 100%);
    z-index: 1;
} */
.courses .detail-box2{
    background-color: white;
    top: calc(100% - 3rem);
    z-index: 2;
}
.price-box{
    height: 65px;
}
.courses a:hover .detail-box2 .price{
    color: black;
    transition: 0.5s;
}
.courses a:hover .detail-box2 .title{
    color: #79643f;
    transition: 0.5s;
}
.courses a:hover .detail-box2{
    background-color:#dec79f;
    transition: 0.5s;
}
.courses a:hover .border-bottom{
    border-color: white !important;
    transition: 0.5s;
}
.courses a:hover .detail-box2 .offer{
    color: #0b6b54;
    transition: 0.5s;
}
.courses .detail-box2 .title{
    color:#AB8D59;
}
.courses .detail-box2 .price{
    color:#B3B3B3;
}
.courses .detail-box2 .offer{
    color:#13B792;
}
.mySwiper1 , .mySwiper3{
    width: 100%;
    height: 500px;
    overflow: visible !important;

}
.mySwiper1 .title, .mySwiper1 .description{
    background-color: white;
    border-radius: 30px 30px 0 0;
}
.mySwiper3 .title, .mySwiper3 .desc{
    background-color: white;
    border-radius: 30px 30px 0 0;
}
.wide-banner{
    background-color: #AB8D59;
}
.wide-banner .scroll-text {
    width: max-content;
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -moz-animation: my-animation 50s linear infinite;
    -webkit-animation: my-animation 50s linear infinite;
    animation: my-animation 50s linear infinite;
}
@keyframes my-animation {
    0% {
        -moz-transform: translateX(-20%);
        -webkit-transform: translateX(-20%);
        transform: translateX(-20%);
    }
    100% {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}
.samples .scroll-box {
    width: max-content;
    -moz-animation: my-animation2 50s linear infinite;
    -webkit-animation: my-animation2 50s linear infinite;
    -webkit-animation: my-animation2 50s linear infinite;
    animation: my-animation2 50s linear infinite;
}
@keyframes my-animation2 {
    0% {
        -moz-transform: translateX(calc(100% - 95vw));
        -webkit-transform: translateX(calc(100% - 95vw));
        transform: translateX(calc(100% - 95vw));
    }
    50% {
        -moz-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    100% {
        -moz-transform: translateX(calc(100% - 95vw));
        -webkit-transform: translateX(calc(100% - 95vw));
        transform: translateX(calc(100% - 95vw));
    }
}
.custom-box3{
    background-color: white;
}
.about:after{
    content: '';
    position: absolute;
    width: 60%;
    height: 80%;
    left: 20%;
    top: -20%;
    background: #DEC79F;
    filter: blur(120px);
    opacity: 0.5;
    z-index: 0;
}
.bg-image{
    top: 25%;
}
.services{
    position: relative;
    z-index: 1;
    background-color: white;
    background-image: url("../img/image15.webp");
    background-size: cover;
    background-position: center;
}
.services .service-list .service-item{
    border-bottom: 1px solid black;
}
.services .service-list .service-item:hover{
    background-color: #fffaf0;
    transition: 0.5s;
}
.services .img-box1{
    position: absolute;
    right: 10%;
    left: 74%;
    top: -11%;
    bottom: 70%;
    border-radius: 30px;
    background-size: cover !important;
    background-position: center;
}
.services .img-box2{
    position: absolute;
    left: 9.49%;
    right: 78.53%;
    top: 67%;
    bottom: 10%;
    background-size: cover !important;
    border-radius: 30px;
    background-position: center;

}
.contact{
    background-image: url("../img/bglogo.webp");.
    background-size:100%;
    background-position: center;
    height: 400px;
    background-repeat: no-repeat;
}
.contact .contact-box{
    background-color:#DEC79F ;
    transform: translate(0,-50%) !important;
}

.contact .contact-box:after{
    position: absolute;
    content: '';
    width: 33%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url("../img/image18.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.samples .sample-box:nth-child(8n-7){
    margin-top: 100px;
    width: 440px;
    height: 472px;
    /*background-image: url("../img/img26.webp");*/
    background-size: cover !important;
    background-position: center;
}
.samples .sample-box:nth-child(8n-6){
    margin-top: 20px;
    width: 600px;
    height: 611px;
    /*background-image: url("../img/img27.webp");*/
    background-size: cover !important;
    background-position: center;

}
.samples .sample-box:nth-child(8n-5){
    margin-top: 60px;
    width: 357px;
    height: 434px;
    /*background-image: url("../img/img28.webp");*/
    background-size: cover !important;
    background-position: center;
}
.samples .sample-box:nth-child(8n-4){
    margin-top: 150px;
    width: 264px;
    height: 164px;
    /*background-image: url("../img/img29.webp");*/
    background-size: cover !important;
    background-position: center;
}
.samples .sample-box:nth-child(8n-3){
    margin-top: 140px;
    width: 398px;
    height:460px;
    /*background-image: url("../img/img30.webp");*/
    background-size: cover !important;
    background-position: center;
}
.samples .sample-box:nth-child(8n-2){
    margin-top: 40px;
    width: 412px;
    height:460px;
    /*background-image: url("../img/img31.webp");*/
    background-size: cover !important;
    background-position: center;
}
.samples .sample-box:nth-child(8n-1){
    margin-top: 100px;
    width: 398px;
    height:261px;
    /*background-image: url("../img/img32.webp");*/
    background-size: cover !important;
    background-position: center;
}
.samples .sample-box:nth-child(8n-0){
    margin-top: 20px;
    width: 357px;
    height:434px;
    /*background-image: url("../img/img33.webp");*/
    background-size: cover !important;
    background-position: center;
}
@media(max-width:576px){
    .price-box{
        height: 55px;
    }
    .samples .sample-box:nth-child(8n-7){
        margin-top: 50px;
        width: 220px;
        height: 236px;
    }
    .samples .sample-box:nth-child(8n-6){
        margin-top: 10px;
        width: 300px;
        height: 305px;
    }
    .samples .sample-box:nth-child(8n-5){
        margin-top: 30px;
        width: 178px;
        height: 217px;
    }
    .samples .sample-box:nth-child(8n-4){
        margin-top: 75px;
        width: 132px;
        height: 82px;
    }
    .samples .sample-box:nth-child(8n-3){
        margin-top: 70px;
        width: 199px;
        height:230px;
    }
    .samples .sample-box:nth-child(8n-2){
        margin-top: 20px;
        width: 206px;
        height:230px;
    }
    .samples .sample-box:nth-child(8n-1){
        margin-top: 50px;
        width: 199px;
        height:130px;
    }
    .samples .sample-box:nth-child(8n-0){
        margin-top: 10px;
        width: 178px;
        height:217px;
    }

}
@media(min-width:576px) and (max-width:768px){
    .price-box{
        height: 55px;
    }
    .samples .sample-box:nth-child(8n-7){
        margin-top: 50px;
        width: 220px;
        height: 236px;
    }
    .samples .sample-box:nth-child(8n-6){
        margin-top: 10px;
        width: 300px;
        height: 305px;
    }
    .samples .sample-box:nth-child(8n-5){
        margin-top: 30px;
        width: 178px;
        height: 217px;
    }
    .samples .sample-box:nth-child(8n-4){
        margin-top: 75px;
        width: 132px;
        height: 82px;
    }
    .samples .sample-box:nth-child(8n-3){
        margin-top: 70px;
        width: 199px;
        height:230px;
    }
    .samples .sample-box:nth-child(8n-2){
        margin-top: 20px;
        width: 206px;
        height:230px;
    }
    .samples .sample-box:nth-child(8n-1){
        margin-top: 50px;
        width: 199px;
        height:130px;
    }
    .samples .sample-box:nth-child(8n-0){
        margin-top: 10px;
        width: 178px;
        height:217px;
    }
}
@media(min-width:768px) and (max-width:992px){
    .price-box{
        height: 55px;
    }
    .samples .sample-box:nth-child(8n-7){
        margin-top: 50px;
        width: 220px;
        height: 236px;
    }
    .samples .sample-box:nth-child(8n-6){
        margin-top: 10px;
        width: 300px;
        height: 305px;
    }
    .samples .sample-box:nth-child(8n-5){
        margin-top: 30px;
        width: 178px;
        height: 217px;
    }
    .samples .sample-box:nth-child(8n-4){
        margin-top: 75px;
        width: 132px;
        height: 82px;
    }
    .samples .sample-box:nth-child(8n-3){
        margin-top: 70px;
        width: 199px;
        height:230px;
    }
    .samples .sample-box:nth-child(8n-2){
        margin-top: 20px;
        width: 206px;
        height:230px;
    }
    .samples .sample-box:nth-child(8n-1){
        margin-top: 50px;
        width: 199px;
        height:130px;
    }
    .samples .sample-box:nth-child(8n-0){
        margin-top: 10px;
        width: 178px;
        height:217px;
    }
}
@media(min-width:992px) and (max-width:1200px){
    .price-box{
        height: 65px;
    }
    .header .video .custom-box{
        max-height: 900px;
    }
}
@media(min-width:1200px) and (max-width:1400px){
    .header .video .custom-box{
        max-height: 864px;
    }
}
@media(min-width:1400px){
    .header .video .custom-box{
        max-height: 900px;
    }
}