.section-about{}
.section-about .all{}
.section-about .about-content-wrapper{}
.about-content-wrapper .about-heading-wrapper{
    position: relative;
    padding: 20px 30px 20px 0;
}
.about-content-wrapper .about-heading-wrapper::before{
    content: '';
    width: 150%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: var(--color3);
    z-index: -1;
    border-radius: 25px 0;
}
.about-content-wrapper .about-title{
    font-size: 28px;
    color: #fff;
    margin-bottom: 5px;
	font-weight:bold
}
.about-content-wrapper .about-subtitle{
    font-size: 18px;
    color: #fff;
}
.about-content-wrapper .about-desc-wrapper{
    padding: 0 30px 0 10px;
    margin-top: 20px;
}
.about-content-wrapper .about_btn_wrapper{
    padding-right: 30px;
    margin-top: 30px;
	display:flex;
}
.about-content-wrapper .about_btn_wrapper .button{
    margin-left: 10px;
	margin-bottom:10px
}
.section-about .about-media-wrapper{
    position: relative;
    margin-top: 35px;
}
.section-about .about-media-wrapper::before{
    content: '';
    background-color: #EEEEF7;
    position: absolute;
    top: -20%;
    right: 20%;
    width: 51%;
    height: 30%;
    z-index: -2;
    border-radius: 0 35px 0 55%;
}
.about-media-wrapper .about-image-wrapper{
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 11px 20px -8px #00000070;
}
.about-media-wrapper .about-image-wrapper img{
    width: 100%;
    height: auto;
    display: block;
}
.about-media-wrapper .about-video-wrapper{
    position: relative;
}
.about-media-wrapper .about-video-wrapper video{
	object-fit:cover;
}
.about-media-wrapper .video-btn{
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    background: rgba(255, 255, 255, 0.44);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid #fff;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.about-media-wrapper .video-btn i{
    color: #fff;
    font-size: 26px;
}
.about-media-wrapper .video-btn i.icon-play{
	 font-size: 32px;
}
.section-about .about_cta_wrapper{
    margin-top: 50px;
}
.about_cta_wrapper .swiper-cta{}
.about_cta_wrapper .swiper-wrapper{}
.about_cta_wrapper .swiper-slide{}
.about_cta_wrapper .cta-content{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid #CCCCF2;
    border-radius: 20px;
    padding: 17px 25px;
    transition: all 0.3s linear;
}

.about_cta_wrapper .cta-content:hover{
    background-color: var(--color3);
    border-color: var(--color3);
}
.about_cta_wrapper .cta-content .cta-icon{
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: 13px;
    transition: all 0.3s linear;
}
.about_cta_wrapper .cta-content:hover .cta-icon{
    filter: brightness(0) invert(1);
}
.about_cta_wrapper .cta-content .cta-title{
    display: inline-flex;
    transition: all 0.3s linear;
}
.about_cta_wrapper .cta-content:hover .cta-title{
    color: #fff;
}
.section-about .about_banner_wrapper{
    margin-top: 50px;
}
.about_banner_wrapper .banner_holder{
    display: block;
}
.about_banner_wrapper .banner_holder img{
    width: 100%;
    height: auto;
    display: block;
}
.about-video-wrapper.hidden .video-btn {
    opacity: 0;
}
.about-video-wrapper.hidden:hover .video-btn {
    opacity: 1;
}
/*Media Quries Start from here*/

@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width: 1400px) {}

@media (max-width: 575.98px) {
    .about-content-wrapper .about-heading-wrapper::before{
        display: none;
    }
    .about-content-wrapper .about-heading-wrapper{
        background-color: var(--color3);
        padding: 30px;
        border-radius: 30px 0;
    }
    .about-content-wrapper .about-title{
        font-size: 20px;
    }
    .about-content-wrapper .about-subtitle{
        font-size: 14px;
    }
    .about-content-wrapper .about-desc-wrapper{
        padding: 0;
    }
    .section-about .about-media-wrapper::before{
        display: none;
    }
    .section-about .about-media-wrapper{
        margin-top: 20px;
    }
    .about_cta_wrapper .cta-content{
        padding: 20px 10px;
    }
    .about_cta_wrapper .cta-content .cta-title{
        font-size: clamp(12px,2vw,16px);
    }
    .about_cta_wrapper .cta-content .cta-icon{
        margin-left: 10px;
    }
    .section-about .about_cta_wrapper{
        margin-top: 35px;
    }
    .section-about .about_banner_wrapper{
        margin-top: 25px;
    }
    .about-content-wrapper .about_btn_wrapper{
        padding-right: 0;
		
    }
}

@media (max-width: 767.98px) {
    .about-content-wrapper .about-heading-wrapper::before{
        display: none;
    }
    .about-content-wrapper .about-heading-wrapper{
        background-color: var(--color3);
        padding: 30px;
        border-radius: 30px 0;
    }
    .about-content-wrapper .about-title{
        font-size: 24px;
    }
    .about-content-wrapper .about-subtitle{
        font-size: 18px;
    }
    .about-content-wrapper .about-desc-wrapper{
        padding: 0;
    }
    .section-about .about-media-wrapper::before{
        display: none;
    }
    .section-about .about-media-wrapper{
        margin-top: 20px;
    }
    .about_cta_wrapper .cta-content{
        padding: 20px 10px;
    }
    .section-about .about_cta_wrapper{
        margin-top: 35px;
    }
    .section-about .about_banner_wrapper{
        margin-top: 25px;
    }
    .about-content-wrapper .about_btn_wrapper{
        padding-right: 0;
    }
}

@media (max-width: 991.98px) {
    .about-content-wrapper .about-heading-wrapper::before{
        display: none;
    }
    .about-content-wrapper .about-heading-wrapper{
        background-color: var(--color3);
        padding: 30px;
        border-radius: 30px 0;
    }
    .about-content-wrapper .about-title{
        font-size: 24px;
    }
    .about-content-wrapper .about-subtitle{
        font-size: 18px;
    }
    .about-content-wrapper .about-desc-wrapper{
        padding: 0;
    }
    .section-about .about-media-wrapper::before{
        display: none;
    }
    .section-about .about-media-wrapper{
        margin-top: 20px;
    }
    .about_cta_wrapper .cta-content{
        padding: 20px 10px;
    }
    .section-about .about-media-wrapper {
        margin-top: 20px;
        margin-right: auto;
        margin-left: auto;
    }
    .section-about .about_banner_wrapper{
        margin-top: 25px;
    }
    .about-content-wrapper .about_btn_wrapper{
        padding-right: 0;
		justify-content: center;
    }
}

@media (max-width: 1199.98px) {}

@media (max-width: 1399.98px) {}