img {max-width: 100%;max-height: 100%}
/* Banner Section
====================================== */
.banner-img {animation: up-down 2s infinite alternate-reverse}
@keyframes up-down {0% {transform: translateY(0)}100% {transform: translateY(-10px)}}
.section-shadow {box-shadow: 0 15px 30px rgba(66, 66, 66, .04)}

/* title border
====================================== */
.border-title {padding-bottom: 15px;width: fit-content;padding: 0 50px 13px;margin: 0 auto}
.border-title-full {padding-bottom: 15px;width: 91%;padding: 0 50px 13px;margin: 0 auto}
.border-bg-gray {border-bottom: 2px solid #cfd7df}

 
/* About Section
====================================== */
.about-banner-section {padding: 200px 0 110px;background-position: center;background-size: cover;background: linear-gradient(180.21deg, #FFF9F9 -64.58%, rgba(255, 255, 255, 0.1) 115.31%), linear-gradient(90deg, #F7D29B 0%, #AA93FF 48%, #4A6CE1 100%);}
.hero-banner-content {z-index: 1}

/* about-section */
.about-section-bg {box-shadow: 5px 11px 21px -18px #00000080}
.about-content {backdrop-filter: blur(10px);padding: 25px;border: 2px solid #ffffffa1;box-shadow: -7px 2px 21px -6px #8282825c;margin-top: 20px}

/* vision and mission section */
.vision-img {width: 50px}
.vision-wraper {background-image: url("../image/about/about-vision.webp");background-size: cover;backdrop-filter: blur(11px);background-color: #181818ed;padding: 20px}
.vision-area {z-index: -1;background: #ffffff1a;backdrop-filter: blur(9px);border: 2px solid #ffffff40}
.mission-wraper {background-image: url("../image/about/about-mission.webp");background-size: cover;backdrop-filter: blur(11px);background-color: #181818ed;padding: 20px 20px 20px 20px}
.mission-area {padding: 25px;background: #ffffff1a;z-index: -1;backdrop-filter: blur(9px);border: 2px solid #ffffff40}
.mission {display: inline-flex;background: linear-gradient(334deg, var(--bs-theme-blue) 6%, var(--bs-theme-blue6) 57%);width: 70px;height: 70px;border-radius: 50%;justify-content: center;align-items: center;margin: 0 0 15px 0}
.vision {display: inline-flex;background:var(--bs-white);width: 70px;height: 70px;border-radius: 50%;justify-content: center;align-items: center;margin: 0 0 15px 0}

/* Facts Section */
.about-company-fact {background: var(--bg-gray)}
.about-facts {padding: 7px}
.facts-block {padding: 35px 50px 35px 20px;border: 1px solid #e2e5f2;background: #FFF;box-shadow: 0px 19px 14px -11px #00000021}
.box-header {color: var(--bs-theme-blue1)}

/* value section */
img.value_img {width: 45px}
.value__image {width: 80px;height: 80px;background: rgb(255, 255, 255);border-radius: 50%}
.value-point-wrap::before {height: 1px;background: linear-gradient(90deg, var(--bs-theme-blue6) 35%, transparent 35%);background-position-x: 0%;background-position-y: 0%;background-repeat: repeat;background-size: 15px 1px;animation: dash 2000s linear infinite;transition: width 0.4s ease-in-out;opacity: 0.3;content: "";z-index: -11;position: absolute}
.value-info-text {color: var(--bs-primary-blue)}
.value__description p {font-size: 14px}
.value__image::after {content: "";height: 100px;width: 100px;background: #e0ebff;position: absolute;z-index: -1;border-radius: 50%}

@-webkit-keyframes dash {to {background-position: 10000% 0%}}
@keyframes dash {to {background-position: 10000% 0%}}

/* about-contact section  */
.about-contact-detail {background-image: url("../image/about/success_path_bg.webp");background-position: center;background-size: cover}
.contact-detail-head {z-index: 1}
.about-contact-wrap {padding: 20px;backdrop-filter: blur(6px);background: #ffffff1c;border: 3px solid #ffffff26}
.sucess-point {height: 100%;padding: 25px;backdrop-filter: blur(6px);background: #ffffff2e;box-shadow: 5px 11px 11px -10px #0202025e}
.about-contact-wraper {margin-bottom: 50px}
.sucess-icon {margin-right: 15px;filter: brightness(0) invert(1)}
.sucess-icon img {width: 60px}

.facts-block .box-header, .facts-block p {z-index: 1}
.about-fact-icons {position: absolute;right: 10px;bottom: 10px;width: 70px;opacity: 0.1;transition: 0.5s all ease-in-out}
.facts-block:hover .about-fact-icons {opacity: 1;bottom: 20px;right: 20px;transform: rotateY(360deg) scale(1.1);}
.info-graph-title {text-shadow: 2px 3px 2px var(--bs-black)}

/* Why-us Section */
.why-us-wrap {border: 1px solid #bebebe}
.why-us-text {background: linear-gradient(334deg, var(--bs-theme-blue) 6%, var(--bs-theme-blue6) 57%)}
@media only screen and (min-width:360px){
.about-banner-section {padding: 150px 0 70px}}

@media only screen and (min-width:576px){.logo-box{border-top-left-radius:29px}.year-box{border-top-right-radius:29px}.award-box{border-bottom-right-radius:28px;border-bottom-left-radius:29px}.value-point-wrap::before{top:430px;left:-81%;width:918px;transform:rotate(90deg)}.value-point-wrap{display:flex;align-items:center;gap:30px}}
@media only screen and (min-width:768px){.value-point-wrap::before{left:-60%}}
@media only screen and (min-width:992px){.about-section{padding-bottom:130px}.about-section-bg{width:71%;box-shadow:5px 11px 21px -18px #00000080}.about-content{position:absolute;right:0;width:809px;top:19px;backdrop-filter:blur(10px);padding:25px;border:2px solid #ffffffa1;box-shadow:-7px 2px 21px -6px #8282825c}.recognized-box{border-top-right-radius:28px}.ideas-box{border-top-left-radius:28px;border-bottom-left-radius:28px}.award-box{border-bottom-left-radius:0}.year-box{border-top-right-radius:0}.value-point-wrap::before{top:43px;left:0;width:100%;transform:rotate(0)}.about-value-section .value-point{display:grid;grid-template-columns:14% 14% 14% 14% 14% 14% 14%}.value-point-wrap{display:block}.mission-area{padding:25px 50px 25px 25px}.mission-wraper{width: 105%;}.vision-wraper{left:-5%;top:-25%}}
@media only screen and (min-width:1200px){.about-section{padding-bottom:70px}.value-point-wrap::before{top:65px}.value__image{margin:20px auto}.value__description p{font-size:16px}
.about-contact-wrap {padding: 50px}}
@media only screen and (min-width:1600px){.about-value-section .value-container{width:1500px}}