.about-section {background:#F1F1F1;padding:50px 0 0;}
.about-section .inner {background:#fff;padding:50px 30px;}
.about-section .about-fact .content h4 {font-weight:700;line-height:1.4;color:#fff;margin-bottom:0;}
.about-section .about-content {padding:35px 20px;/* background:#f1f1f1; */}
.about-section .about-content h2 {color:#2c2c2c;margin-bottom:18px;line-height:1.3;font-size:clamp(20px, 2.3vw, 32px);}
.about-section .about-content h2 span {color:var(--color-primary);}
.about-section .about-fact .content h4 span {color:var(--color-primary);font-weight: 600;}
.about-section .about-content p {color:#2c2c2c;line-height:1.5;margin-bottom:10px;}
.about-section .about-content .about-item-list {margin-bottom:30px;}
.about-section .about-content .about-item-list ul {padding:0;margin:0;list-style-type:none;}
.about-section .about-content .about-item-list ul li {display:block;font-weight:500;margin-bottom:6px;padding-left:25px;position:relative;line-height:1.8;color:#2c2c2c;}
.about-section .about-content .about-item-list ul li:last-child {margin-bottom:0;}
.about-section .about-content .about-item-list ul li i {margin-left:-25px;margin-right:5px;color:var(--color-primary);vertical-align:-2px;}
.about-section .about-image {margin-bottom:30px;}
.about-section .left,.about-section .right {position:relative;}
.about-section .left::before,.about-section .right::before {position:absolute;content:"";width:0;height:0;bottom:-15px;}
.about-section .left::before {right:-15px;border-bottom:150px solid var(--color-primary);opacity:0.8;border-left:150px solid transparent;}
.about-section .right {margin-top:-15px;}
.about-section .left img,.about-section .right img {width:100%}
.about-section .right::before {left:-15px;border-bottom:135px solid var(--color-primary);opacity:0.8;border-right:135px solid transparent;}
.about-section .about-fact {display:flex;position:relative;padding:35px 30px;margin-bottom:30px;background-size:cover;z-index:1;align-items:center;justify-content:center;}
.about-section .about-fact::after {position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:rgba(26,26,26,0.8);z-index:-1;}
.about-section .about-fact i {width:60px;height:60px;line-height:57px;background:#ffffff;text-align:center;display:inline-block;}
.about-section .about-fact i img {width:32px;}
.about-section .about-fact .content {flex:1;padding-left:16px;}
.about-section .about-fact .content span {color:#ffffff;}
.about-section .about-img-content {position:relative;overflow:hidden;}
.about-section .about-img-content .overlay-content {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-top:-15px;padding:25px 30px;border:4px solid var(--color-primary);background:rgba(0,30,76,0.9);z-index:1;}
.about-section .about-img-content .overlay-content h3 {line-height:1.2;color:var(--color-primary);}
.about-section .about-img-content .overlay-content span {color:#ffffff;}
.about-section.about-style-two .about-img-content {position:relative;overflow:hidden;margin-bottom:30px;}
.about-section.about-style-two .about-img-content .about-image {margin-bottom:15px;}
.about-section.about-style-two .about-img-content .about-image img {max-width:unset;}
.about-section.about-style-two .about-img-content .about-fact {display:block;overflow:hidden;margin-bottom:0;background:#001e4c;max-width:calc(100% - 55px);padding:20px 0;}
.about-section.about-style-two .about-img-content .about-fact::before {position:absolute;content:"";right:0;top:0;border-top:90px solid var(--color-primary);border-left:60px solid transparent;}
.about-section.about-style-two .about-img-content .about-fact::after {position:absolute;content:"";left:0;top:0;width:unset;height:unset;background:unset;border-bottom:90px solid var(--color-primary);border-right:60px solid transparent;}
.about-section.about-style-two .about-img-content .about-fact .content {padding-left:16px;text-align:center;}
.about-section.about-style-two .about-img-content .about-fact .content h4 {color:var(--color-primary);margin-top:-5px;margin-bottom:0;}
.about-section.about-style-two .about-img-content .about-fact .content h4 span {color:#ffffff !important;}
.about-section.about-style-two .about-img-content .overlay-img {position:absolute;bottom:35px;right:0;height:calc(100% - 135px);}
.about-section.about-style-three .about-img-content {margin-bottom:30px;}
.about-section.about-style-three  .about-img-content  [class*="col-"]:first-child {padding-right:5px;}
.about-section.about-style-three .about-img-content [class*="col-"]:last-child {padding-left:5px;}
.about-section.about-style-three .about-img-content .about-image {margin-bottom:10px;}
.about-section .primary-btn {position:relative;overflow:hidden;display:inline-block;transition:0.5s;padding:12px 30px;z-index:1;color:#fff;background-color:var(--color-primary);font-size:16px;font-weight:600;text-transform:capitalize;cursor:pointer;}
.about-section .primary-btn::before,.about-section .primary-btn::after {content:"";position:absolute;width:calc(50% + 4px);height:0;background-color:var(--color-second);z-index:-1;-webkit-transition:0.5s;transition:0.5s;}
.about-section .primary-btn::before {bottom:0;left:0;}
.about-section .primary-btn::after {top:0;right:0;}
.about-section .primary-btn:hover {color:#fff;background:rgba(1,113,187,.8)}
.about-section .primary-btn:hover::before,.about-section .primary-btn:hover::after {height:120%;}
.about-section .cta-btn {line-height:0.8;}


@media screen and (max-width:1281px){
.about-section .inner{background:#fff;padding:40px 25px;}
.about-section .about-content{padding:30px 20px;}
.about-section .primary-btn{padding:10px 28px;font-size:15px;}

.about-section .about-fact {padding:35px 20px;}
.about-section.about-style-two .about-img-content .about-fact::before {border-left:40px solid transparent;}
.about-section.about-style-two .about-img-content .about-fact::after {border-right:40px solid transparent;}
}

@media screen and (max-width:992px){
.about-section .inner{background:#fff;padding:25px;}
.about-section.about-style-two .about-img-content .about-fact {max-width:calc(100% - 30px);}
.about-section.about-style-three .about-img-content {margin-bottom:15px;}
.about-section.about-style-three .about-img-content .about-image {margin-bottom:15px;}
}

@media only screen and (max-width:767px) {
.about-section{padding:30px 0 0;}
.about-section .inner{padding:20px;}
.about-section .about-content {margin-bottom:20px;}
.about-section .about-content p{font-size:15px;}
.about-section .about-content .about-item-list {margin-bottom:20px;}
.about-section .about-content .about-item-list ul li{line-height:1.5;}

.about-section .primary-btn{padding:10px 25px;font-size:14px;}
.about-section .about-image {margin-bottom:20px;}
.about-section .about-image img {width:100%;}
.about-section .left::before {right:0;bottom:0;}
.about-section .right {margin-top:unset;}
.about-section .right::before {left:0;bottom:0;}
.about-section .about-fact {flex-direction:column;align-items:center;text-align:center;padding:25px 20px;margin-bottom:20px;}
.about-section .about-fact i {margin-bottom:20px;}
.about-section .about-fact .content {padding:0;}
.about-section .about-fact .content h4 {margin-bottom:5px;}
.about-section.about-style-two .about-img-content .overlay-img {position:unset;}
.about-section.about-style-two .about-img-content .overlay-img img {width:100%;}
.about-section.about-style-two .about-img-content .about-fact {max-width:100%;margin-bottom:15px;}
.about-section.about-style-three .about-img-content [class*="col-"]:first-child{padding-right:5px;}
.about-section.about-style-three .about-img-content [class*="col-"]:last-child{padding-left:5px;}
}

@media only screen and (max-width:640px) {
.about-section .inner{padding:15px;}
.about-section .about-content .about-item-list ul li{font-size:15px;}
}

@media only screen and (max-width:576px) {
}

@media only screen and (max-width:480px) {
.about-section .inner{padding:10px;}
.about-section .about-content{padding:20px 15px;}
.about-section .primary-btn{padding:8px 20px;font-size:12px;}
.about-section .about-image {margin-bottom:10px;}
.about-section .about-fact{margin-bottom:10px;}

}