/* Feature */
.feature{font-size: 14px;font-weight: 400;margin-top: 30px;margin-bottom:30px;padding: 50px 0;border-radius: 8px;background: #fff}
.feature .icon-bx{border: 1px solid #555;height: 35px;width:35px;display: inline-grid;place-content: center;border-radius:50%;margin: 0 auto 15px}
.feature p{color:#666;margin-top:0}
.feature a{color: inherit;font-weight: 600}
.feature a:hover, .feature a:active, .feature a:focus{text-decoration: none;color: #666}
.feature a i{font-size: 10px; font-weight: bold}
.feature h1, .feature h2, .feature h3, .feature h4, .feature h5, .feature h6{line-height: 1.4;}
.feature h1, .feature h2, .feature h3{margin-top: 0; margin-bottom: 15px} 
.feature h4, .feature h5, .feature h6{margin-top: 0; margin-bottom: 10px}
.feature img{width: 100%}

@media (max-width: 991px){
.feature .col-left{margin-bottom: 15px}
}

/* Feature-001 */
.feature-001{background: #fcfcfc}
.feature-001 .row{display: flex;flex-wrap: wrap;justify-content: center}
.feature-001 .feature-box{background-color: #fff;text-align:center;padding:30px;border-radius: 5px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;margin-bottom: 15px}
.feature-001 .title{font-size: 14px}

/* Feature-002 */
.feature-002{text-align: center}
.feature-002 .row{display: flex;flex-wrap: wrap;align-items: center}
.feature-002 .icon-bx{margin: 0}
.feature-002 img{width: 250px;margin: auto}
.feature-002 .feature-title{font-size: 30px}
.feature-002 .feature-title ~ p{margin-bottom: 35px}
.feature-002 .feature-box{margin-bottom: 15px;text-align: start}
.feature-002 .feature-box .title{font-size:14px}

/* Feature-003 */
.feature-003 .row {display: flex;flex-wrap: wrap;justify-content: center}
.feature-003 .feature-box{background: #d2d2d2;padding: 30px;text-align: center;border-radius: 5px;margin-bottom: 15px}
.feature-003 .feature-box .title{font-size: 14px;font-weight: 500}
.feature-003 .feature-box img{width: 50px;margin: 0 auto 20px}
.feature-003 .feature-box p{margin-bottom: 35px}
.feature-003 .feature-box a{text-decoration: none}
.feature-003 .feature-box a i{font-size: 13px}

/* Feature-004 */
.feature-004 .feature-box{margin-bottom: 15px}
.feature-004 .feature-box .title{font-size: 14px;font-weight: 600}

/* Feature-005 */
.feature-005 .row{display: flex;align-items:center;flex-wrap: wrap}
.feature-005 img{display:flex;width: 300px; margin: 0 auto 35px}
.feature-005 .icon-bx{margin: 0;width:fit-content;height: fit-content;padding: 12px; border: 1px solid #333;border-radius: 200px;}
.feature-005 .icon-bx i{font-size: 16px}
.feature-005 .feature-box{display: flex;gap: 10px;margin-bottom: 35px}
.feature-005 .feature-box .title{font-size: 14px; font-weight: 500}

/* Feature-007 */
.feature-007{text-align: center}
.feature-007 .feature-title{font-size:30px;font-weight:500}
.feature-007 .feature-box{margin-bottom: 10px}
.feature-007 .feature-box h5{font-size:14px;font-weight:500}

/* Feature-008 */
.feature-008 .feature-title{text-align: center;font-size:30px;font-weight: 500}
.feature-008 .feature-box{padding:30px;border-radius:5px;border:1px solid #eee;margin-bottom: 15px}
.feature-008 .feature-box .title{font-size:14px;font-weight: 500}
.feature-008 .row {display: flex;flex-wrap: wrap;justify-content: center}

/* Feature-009 */
.feature-009{text-align: center}
.feature-009 .feature-box{padding:30px;border-radius:5px;border:1px solid #eee;margin-bottom: 15px}
.feature-009 .feature-box .row {display: flex;flex-wrap: wrap;align-items: center}

/* Content */
.content{font-size:14px;padding: 50px 0;border-radius: 8px;background: #fff}
.content .icon-bx{border: 1px solid #555;height: 35px;width:35px;display: inline-grid;place-content:center;border-radius:50%;margin: 0 auto 15px}
.content p{color:#666}
.content a{color: inherit;font-weight: 600}
.content a:hover,a:active,a:focus{text-decoration: none;color: #666}
.content a i{font-size: 10px; font-weight: bold}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6{line-height: 1.4;margin-top: 0; margin-bottom: 15px}
.content img{width: 100%}

/* Content-001 */
.content-001{text-align: center}
.content-001 p{margin-bottom: 25px}

/* Content-002 */
.content-002{text-align:center}
.content-002 h4{margin-bottom: 25px}

/* content-003 */
.content-003 h2{font-size: 30px;font-weight: 500}
.content-003 a{text-decoration:none}
.content-003 a i{font-size: 14px}
@media (min-width: 992px){
.content-003 .row{display: table}
.content-003 .col-left, .content-003 .col-right, .content-003 .col-middle{display: table-cell;float: none;vertical-align: middle}
}

/* Content-004 */
.content-004{text-align: center}
.content-004 h4{font-size: 18px;margin-bottom: 25px}

/* Content-005 */
.content-005{padding: 0}
.content-005 .col-left .col-inner{text-align: center;padding: 50px}
.content-005 .title{font-size:30px;font-weight:500}
.content-005 hr{width: 100%}
.content-005 .small-title{font-size:18px;font-weight:500;color: #666}
.content-005 .social-icon{gap: 2rem;display: flex;justify-content: center;font-size: 2rem;color: #666}
@media (min-width: 992px){
.content-005 .row{display: table}
.content-005 .col-left, .content-005 .col-right{display: table-cell;float: none;vertical-align: middle}
}

/* Content-006 */
.content-006{text-align: center}
.content-006 h2{font-size: 30px;font-weight:500}
.content-006 .desc{margin: 0 auto 25px;max-width: 500px}
.content-006 .content-box{margin-bottom: 10px}
.content-006 .content-box h5{font-size: 14px;font-weight:500}

/* Content-007 */
.content-007 .title{font-size:36px;font-weight:500}
.content-007 .desc{margin-bottom: 25px}
.content-007 a{text-decoration: none}
.content-007 a i{font-size:14px}
@media (min-width: 992px){
.content-007 .row{display: table}
.content-007 .col-left, .content-007 .col-right{display: table-cell;float: none;vertical-align: middle}
}

/* Content-008 */
.content-008 .col-right{text-align: center}
.content-008 .title{font-size: 18px; font-weight: 500}
.content-008 .content-box h5{font-size:14px;font-weight:500}
@media(max-width: 767px){
.content-008 .content-box{margin-bottom: 10px}
}

/* Content-009 */
.content-009{text-align: center}
.content-009 .title{font-size:30px;font-weight:500}
.content-009 .row{margin-bottom: 25px}
.content-009 .content-box h5{font-size:14px;margin-bottom: 5px}
.content-009 .content-box .icon-bx{margin-bottom: 0}

/* Content-010 */
.content-010{padding: 0}
.content-010 .col-right{text-align: center; padding: 50px}
.content-010 .title{font-size:30px;font-weight:500}
.content-010 .btn{display: flex;align-items: center;gap: 1rem;background-color: #252525;color: #fff;border-radius: 5px;line-height:18px;font-size:14px;padding:10px;transition:all .2s ease-in-out}
.content-010 .btn:hover{background:#454545;color: #fff}
.content-010 .btn i{font-size: 20px}
.content-010 .btn span{display: inline-block}
.content-010 .btn span small{font-weight: 400;display: block}
.content-010 .btn-group{gap: 10px;display: flex;justify-content: center}
.content-010 .row{display: flex; flex-wrap: wrap;align-items: center}
.content-010 .desc{margin-bottom: 25px}

/* content-011 */
.content-011 .title{color: #F35C07;text-align: center;margin:10px auto 50px;position: relative;width: fit-content;}
.content-011 .title::after{content:'';position: absolute;width: 168px;height: 4px;left:0;bottom: -10px;background: linear-gradient(270deg, #FFFFFF 0%, #F4762F 100%);}
.content-011 .title span{color: #110034;}
.content-011 .card{box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 10px;padding: 30px 20px;display: flex;align-items: center;gap: 20px;margin-bottom: 20px;}
.content-011 .card-image img{width: 60px}
.content-011 .card-desc{margin: 0;color:#807F7F}

/* content-012 */
.content-012{text-align: center;}
.content-012 .title{margin: 10px auto 80px;}
.content-012 .card{margin-bottom: 40px;}
.content-012 .card-image{max-width: 80px;text-align: center;margin: 0 auto 50px;}
.content-012 .card-title{font-size:24px;margin-bottom: 20px;color:#110034}
.content-012 .card-desc{color: #110034}

/* content-013 */
.content-013 .title{font-size:36px;text-align: center;margin-bottom: 80px}
.content-013 .sub-title{color:#3db1bb;text-align: center}
.content-013 .card{margin-bottom:20px}
.content-013 .card-title{font-size: 18px}
.content-013 .card-image{margin-bottom: 10px}
.content-013 .card-image img{width: 40px}
.content-013 .card-desc{color: #807F7F;max-width: 155px}

@media(max-width: 991px){
.content-013 .card-desc{margin-bottom: 30px;max-width: 100%;}    
}

/* content-014 */
.content-014 {position: relative;background: transparent;}
.content-014::before {z-index: -1;content: '';background: #016B75;width: 100%;height: 50%;left: 0;right:0;top: 0;position: absolute}
.content-014 .card {background: #fff;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);padding: 30px 10px;display: flex;align-items: center;gap: 20px;margin-bottom: 20px;}
.content-014 .card-image img{width: 60px}
.content-014 .card-title{margin-bottom: 10px;}
.content-014 .card-desc{margin-bottom: 10px;color:#56667D}
.content-014 .card a{color: #5FCED1;text-decoration: underline;}
.content-014 .card a:hover{text-decoration: none}

/* content-015 */
.content-015{text-align: center;background-color: #000;color:#fff;border-radius: 0;}
.content-015 .card{margin-bottom: 10px;}
.content-015 .card-image{max-width: 80px;text-align: center;margin: 0 auto 30px;}
.content-015 .card-title{font-size:20px;margin-bottom: 20px;}
.content-015 .card-desc{color: #fff}

@media(max-width: 991px){
.content-015 .card{margin-bottom:30px}
}

/* content-016 */
.content-016{text-align: center;}
.content-016 .title{font-size:40px;margin: 10px auto 50px;}
.content-016 .card{margin-bottom: 40px;}
.content-016 .card-image{max-width: 80px;text-align: center;margin: 0 auto 30px;}
.content-016 .card-title{font-size:20px;margin-bottom: 20px;}
.content-016 .card-desc{color: #807F7F}

/* Design */
.design{font-size:14px;padding: 50px 0;border-radius: 8px;background: #fff}
.design .icon-bx{border: 1px solid #555;height: 35px;width:35px;display: inline-grid;place-content: center;border-radius:50%;margin: 0 auto 15px}
.design p{color:#666}
.design a{color: inherit;font-weight: 600}
.design a:hover,a:active,a:focus{text-decoration: none;color: #666}
.design a i{font-size: 10px; font-weight: bold}
.design h1, .design h2, .design h3, .design h4, .design h5, .design h6{line-height: 1.4}
.design h1, .design h2, .design h3{margin-top: 0; margin-bottom: 15px} 
.design h4, .design h5, .design h6{margin-top: 0; margin-bottom: 10px}
.design img{width: 100%}

@media (max-width: 991px){
.design .col-left{margin-bottom: 15px}
}

/* Design-005 */
.design-005 .row{display: flex;flex-wrap:wrap;align-items: center}
.design-005 .col-left h5{color: #473BF0}
.design-005 .btn {background-color: #fc753b;border: none;color: #fff;border-radius: 5px;transition: all .2s ease-in-out;font-size: 14px;padding: 10px;height: auto;line-height: 18px;font-weight: 400}
.design-005 .btn:hover,
.design-005 .btn:active{box-shadow: none;background-color: #fc753bdd;color: #fff}
.design-005 .title{font-size:36px}
.design-005 .title,
.design-005 .desc{margin-bottom: 20px}

/* Design-006 */
.design-006 .row{display: flex;flex-wrap:wrap;align-items: center}
.design-006 .col-right h5{color: #473BF0;margin-bottom: 20px}
.design-006 .title{font-size: 36px}
.design-006 .sub-title{font-size: 14px}
.design-006 .btn{color: #fc753b;background: transparent;margin-left:10px;position: relative;font-weight: 600;border:none}
.design-006 .btn:hover,
.design-006 .btn:active{box-shadow: none;color: #fc753bdd}
.design-006 .btn::before{content: '';position:absolute;background: #fc753b;width: 15px;height: 2px;left: -10px;top:14px}

/* Design-007 */
.design-007 .sub-title{font-size: 14px;color: #473BF0;text-align: center;margin-bottom: 20px}
.design-007 .title{font-size:30px;font-weight:500;text-align: center;max-width: 400px;margin: 0 auto 40px}
.design-007 .row{display: flex;flex-wrap: wrap;justify-content: center}
.design-007 .feature-box{background-color: #fff;padding:30px;border-radius: 5px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;margin-bottom: 15px}
.design-007 .feature-box h3{font-size:24px;font-weight:500}
.design-007 .feature-box .card-title{font-size:14px;font-weight:500}
.design-007 .col-md-3:nth-child(1) .feature-box{background-color: #FFE9E0}
.design-007 .col-md-3:nth-child(2) .feature-box{background-color: #E3DCF9}
.design-007 .col-md-3:nth-child(3) .feature-box{background-color: #E9FAF3}
.design-007 .col-md-3:nth-child(4) .feature-box{background-color: #FEFAEB}
.design-007 .col-md-3:nth-child(1) .feature-box h3{color: #FC753B}
.design-007 .col-md-3:nth-child(2) .feature-box h3{color: #3600D1}
.design-007 .col-md-3:nth-child(3) .feature-box h3{color: #8FD4B8}
.design-007 .col-md-3:nth-child(4) .feature-box h3{color: #FDDA5F}

/* Call To Action */
.callToAction{font-size: 14px;font-weight: 400;color: #353535;padding: 50px 0;border-radius: 8px;background: #fff}
.callToAction .icon-bx{border: 1px solid #252525;width: fit-content;border-radius: 50%;padding: 5px 9px;line-height: 23px;margin: 0 auto 15px}
.callToAction p{color:#666;margin-top:0}
.callToAction a{color: inherit;font-weight: 600}
.callToAction a:hover,a:active,a:focus{text-decoration: none;color: #666}
.callToAction a i{font-size: 10px; font-weight: bold}
.callToAction h1, .callToAction h2, .callToAction h3, .callToAction h4, .callToAction h5, .callToAction h6{line-height: 1.4;margin-top: 0; margin-bottom: 15px}
.callToAction img{width: 100%}

@media (max-width: 991px){
.callToAction .col-left{margin-bottom: 15px}
}

/* callToAction-001 */
.callToAction-001 .title{font-size:24px}

/* CallToAction-003 */
.callToAction-003{text-align: center}
.callToAction-003 .sub-title{font-size:14px;font-weight:500}
.callToAction-003 .title{font-size:18px;font-weight:500;margin-bottom: 25px}
.callToAction-003 a{color: #555;text-decoration:none;transition: all .2s ease-in-out}
.callToAction-003 a:hover{color: #777}
.callToAction-003 a i {font-size: 13px}

/* CallToAction-004 */
.callToAction-004{text-align: center}
.callToAction-004 .desc{margin-bottom: 25px}
.callToAction-004 .btn{display: flex;align-items: center;gap: 10px;background-color: #252525;color: #fff;margin: auto;border-radius: 5px;transition: all .2s ease-in-out;width:fit-content;padding:1rem;line-height:20px}
.callToAction-004 .btn small{display:block;font-weight:400}
.callToAction-004 .btn:hover,
.callToAction-004 .btn:focus{background-color: #353535;color:#fff}
.callToAction-004 .btn i{font-size: 2rem}
.callToAction-004 .btn span{display: inline-block}
.callToAction-004 .btn span small{font-weight: light;display: block}
@media (min-width: 992px){
.callToAction-004 .col-left{border-right: 1px solid #eee}
}

/* CallToAction-006 */
.callToAction-006{text-align: center}
.callToAction-006 .title{font-size:30px}
.callToAction-006 img{width: auto;margin: 0 auto 15px}
.callToAction-006 .desc{max-width:500px;margin: 0 auto 25px}
.callToAction-006 a{text-decoration:none}

/* CallToAction-007 */
.callToAction-007{text-align: center}
.callToAction-007 .title{font-size: 30px}
.callToAction-007 .sub-title{font-size:14px;color: #666}
.callToAction-007 .btn{background-color: #454545;color: #fff;transition: all .2s ease-in-out}
.callToAction-007 .btn:hover,
.callToAction-007 .btn:focus{background-color: #353535;color: #fff}

/* services-001 */
.services-001{padding: 100px 0;}
.services-001 .service-box{ position: relative; text-align: center;}
.services-001 .service-box::after{ content: '';position: absolute;top: 50%;transform: translateY(-50%);right: 0;background-color: #807F7F;width: 1px;height: 36px;}
.services-001 .row>div:last-child .service-box::after{content: none;}
.services-001 .icon{width: 44px;height: 44px;margin: 0 auto;margin-bottom: 10px;}
.services-001 h1{color: #000;font-size: 20px;font-weight: 500;line-height: 2;margin:0}
.services-001 p{color: #807F7F;font-size: 16px;font-weight: 500;margin-top:0;}
@media only screen and (max-width: 992px){
.services-001 .service-box{margin-bottom: 35px;}
.services-001 .row>div:last-child .service-box{margin-bottom: 0;}
.services-001 .service-box::after{content: none;}
.services-001 .icon{margin-bottom: 0;}
}

/* services-002 */
.services-002{ padding: 100px 0; }
.services-002 .service-box{display: flex;align-items: center;gap: 15px;}
.services-002 .service-box::after{ content: '';position: absolute;top: 50%;transform: translateY(-50%);right: 0;background-color: #807F7F;width: 1px;height: 36px;}
.services-002 .row>div:last-child .service-box::after{content: none;}
.services-002 img{max-width: 44px;}
.services-002 h1{color: #000;font-size: 18px;font-weight: 500;line-height: 2;margin:0}
.services-002 p{color: #807F7F;font-size: 15px;font-weight: 500;margin:0}
@media only screen and (max-width: 992px){
.services-002 .service-box{margin-bottom: 35px;}
.services-002 .row>div:last-child .service-box{margin-bottom: 0;}
.services-002 .service-box::after{content: none;}
}

/* services-003 */
.services-003{ padding: 100px 0; }
.services-003 .service-box{text-align: center;}
.services-003 h1{color: #000;font-size: 18px;font-weight: 500;line-height: 2;position: relative;z-index:0}
.services-003 h1::after{content: '';width: 100%;height: 23px;position: absolute;bottom: -5px;left:0;background-color: #F3C0D7;z-index: -1;}
.services-003 .row>div:nth-child(2) h1::after{opacity: .5;}
.services-003 .row>div:nth-child(3) h1::after{opacity: .8;}
.services-003 p{color: #807F7F;font-size: 15px;font-weight: 500;margin-top: 12px;}
@media only screen and (max-width: 992px){
.services-003 .service-box{margin-bottom: 35px;}
}

/* services-004 */
.services-004{ padding: 100px 0; }
.services-004 .service-box{display: flex;align-items: center;gap: 15px;}
.services-004 img{max-width: 34px;}
.services-004 h1{color: #34898C;font-size: 24px;font-weight: 500;margin:0}
.services-004 p{color: #777272;font-size: 13px;font-weight: 500;margin:0}
@media only screen and (max-width: 992px){
.services-004 .service-box{margin-bottom: 35px;}
.services-004 .row>div:last-child .service-box{margin-bottom: 0;}
}

/* Hero Banner 001*/
.heroBanner-001 img{max-width: 100%}
.heroBanner-001 .content-bx {text-align: center;height: 100%;display: grid;place-content: center}
.heroBanner-001 .content-bx h1{font-size: 65px;padding: 10px 0;font-weight: 600;margin:0}
.heroBanner-001 .content-bx a{display: block !important}
.heroBanner-001 .content-bx .icon-bx{font-size: 30px}
.heroBanner-001 .content-bx .img-svg{max-width: 230px;margin: 0 auto}
@media only screen and (max-width: 992px){   
.heroBanner-001 .hero-container{flex-wrap: wrap} 
}

/* heroBanner-002 */
.heroBanner-002{padding: 35px 0}
.heroBanner-002 .content-bx{text-align: center;padding: 0 170px;border-top: 1px solid #e1e1e1;}
.heroBanner-002 .hero-img img{display:flex;margin: 0 auto;}
.heroBanner-002 .content-bx h1{font-size: 55px;padding: 10px 0;font-weight: 600;margin:0}
.heroBanner-002 .content-bx p{font-size: 19px;font-weight: 500;line-height: 1.4;margin:0}
.heroBanner-002 .content-bx .btns-app{display: flex;flex-wrap: wrap;justify-content: center;margin-top: 25px;}
.heroBanner-002 .content-bx .btns-app a{display: contents !important;}
.heroBanner-002 .content-bx .img-svg{max-width: 230px;margin: 0 15px;}
@media only screen and (max-width: 992px){   
.heroBanner-002 .content-bx{padding: 0}         
.heroBanner-002 .content-bx h1 {font-size: 45px}
.heroBanner-002 .content-bx .img-svg{margin-bottom: 15px}
}

/* heroBanner-003 */
.heroBanner-003{padding: 35px 0;}
.heroBanner-003 .content-bx{text-align: center;}
.heroBanner-003 .content-bx .play-btn{font-size: 88px;color: #333;display:block !important}
.heroBanner-003 .content-bx .play-btn:hover{color: #525252;}
.heroBanner-003 .content-bx h1{font-size: 55px;padding: 10px 0;font-weight: 600;margin:0}
.heroBanner-003 .content-bx p{font-size: 19px;font-weight: 500;line-height: 1.4;padding: 25px 0;margin:0;}
.heroBanner-003 .content-bx .btn-black{background-color: #333;color: #fff;font-size: 18px;padding: 10px 40px;border: 1px solid #333;transition: all 0.2s ease-in-out;}
.heroBanner-003 .content-bx .btn-black:hover{background-color: #fff;color: #333;}
.heroBanner-003 .modal.in .modal-dialog{-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%);}
.heroBanner-003 .modal-dialog{top: 50%;}
.heroBanner-003 .modal-body{padding: 0;}
.heroBanner-003 button.close{position: absolute;top: -8px;right: -3px;font-size: 25px;color: #fff;z-index: 9;opacity: 1;width: 35px;height: 35px;border: 1px solid #fff;border-radius: 50px;font-weight: 400;background-color: rgba(0,0,0,0.5);}
@media only screen and (max-width: 992px){          
.heroBanner-003 .content-bx h1 {font-size: 45px}
}

/* heroBanner-004 */
.heroBanner-004{padding: 35px 0 0;}
.heroBanner-004 .hero-container{display: flex;align-items: center;}
.heroBanner-004 .content-bx{text-align: center;}
.heroBanner-004 .content-bx h1{font-size: 65px;padding: 10px 0;font-weight: 600;margin:0}
.heroBanner-004 .content-bx p{font-size: 19px;font-weight: 500;line-height: 1.4;padding: 25px 0;margin:0}
.heroBanner-004 .content-bx a{display:block !important}
.heroBanner-004 .content-bx .icon-bx{font-size: 30px;}
.heroBanner-004 .content-bx .img-svg{max-width: 230px;margin: 0 auto;}
@media only screen and (max-width: 992px){   
.heroBanner-004 .hero-container{flex-wrap: wrap} 
.heroBanner-004 .content-bx{margin-bottom: 35px}
.heroBanner-004 .content-bx h1 {font-size: 45px}
}

/* heroBanner-005 */
.heroBanner-005{padding: 35px 0;}
.heroBanner-005 .hero-container{display: flex;align-items: center;}
.heroBanner-005 .content-bx{text-align: center;}
.heroBanner-005 .content-bx h1{font-size: 65px;padding: 10px 0;font-weight: 600;}
.heroBanner-005 .content-bx h2{font-size: 25px;padding: 10px 0;font-weight: 600;margin: 0;}
.heroBanner-005 .content-bx p{font-size: 17px;font-weight: 500;line-height: 1.4;}
.heroBanner-005 .content-bx .bottom-content{padding-top: 35px;border-top: 1px solid #d4d4d4;margin-top: 35px;}
.heroBanner-005 .content-bx .btn-black{background-color: #333;color: #fff;font-size: 18px;padding: 10px 40px;border: 1px solid #333;transition: all 0.2s ease-in-out;}
.heroBanner-005 .content-bx .btn-black:hover{background-color: #fff;color: #333;}
.heroBanner-005 .img-bx{border-radius: 8px;position: relative;margin-left: 30px;overflow: hidden;}
.heroBanner-005 .img-bx:before{content: '';height: 100%;width: 100%;background-color: rgba(255, 255, 255, 0.5);position: absolute;}
.heroBanner-005 .img-bx .play-btn{font-size: 88px;color: #333;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.heroBanner-005 .img-bx .play-btn:hover{color: #525252;}
.heroBanner-005 .modal.in .modal-dialog{-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%);}
.heroBanner-005 .modal-dialog{top: 50%;}
.heroBanner-005 .modal-body{padding: 0;}
.heroBanner-005 button.close{position: absolute;top: -8px;right: -3px;font-size: 25px;color: #fff;z-index: 9;opacity: 1;width: 35px;height: 35px;border: 1px solid #fff;border-radius: 50px;font-weight: 400;background-color: rgba(0,0,0,0.5);
}
@media only screen and (max-width: 992px){   
.heroBanner-005 .hero-container{flex-wrap: wrap} 
.heroBanner-005 .content-bx{margin-bottom: 35px}
.heroBanner-005 .img-bx{margin-left: 0}
.heroBanner-005 .content-bx h1 {font-size: 45px}
}

/* heroBanner-006 */
.heroBanner-006{padding: 35px 0 0}
.heroBanner-006 .content-bx{text-align: center}
.heroBanner-006 .content-bx h1{font-size: 65px;padding: 10px 0;font-weight: 600;padding: 0 350px;margin:0}
.heroBanner-006 .content-bx img{margin: 0 auto;padding-top: 50px}
@media only screen and (max-width: 992px){   
.heroBanner-006 .content-bx{margin-bottom: 35px}
.heroBanner-006 .content-bx h1 {font-size: 45px;padding: 0}
}

/* about-001 */
.about-001{padding-top: 35px;padding-bottom:35px}
.about-001 img{max-width:100%}
.about-001 .content-bx{padding-right: 150px}
.about-001 .content-bx .sub-title{border: 1px solid #333;border-radius:50px;padding: 15px 35px;color: #333;text-transform: uppercase;position: relative;font-size: 14px}
.about-001 .content-bx .sub-title::before, .about-001 .content-bx .sub-title:after{content: '';width: 5px;height: 5px;background-color: #000;border-radius: 20px;position: absolute;top: 50%;transform: translateY(-50%)}
.about-001 .content-bx .sub-title::before{left: 15px}
.about-001 .content-bx .sub-title::after{right: 15px}
.about-001 .content-bx h2{font-size: 45px; font-weight: 600; margin-top: 35px; margin-bottom: 25px;line-height:1}
.about-001 .content-bx p{line-height: 1.6; font-size: 16px; font-weight: 300; color: #696969}
.about-001 .content-bx .btn{padding: 0; background:transparent;border: 0; border-bottom: 1px solid; border-radius: 0;transition: all ease-in-out 0.3s}
.about-001 .content-bx .btn i{transition: all ease-in-out 0.3s}
.about-001 .content-bx .btn:hover i {margin-left: 5px}
@media only screen and (max-width: 992px){   
.about-001 .content-bx{margin-top: 50px;padding-right: 0}
}

/* about-002 */
.about-002{padding-top: 35px;padding-bottom:35px}
.about-002 img{max-width:100%;}
.about-002 .content-bx .title{padding: 15px 0;color: #333;text-transform: uppercase;position: relative;font-size: 14px}
.about-002 .content-bx h2{font-size: 38px; font-weight: 600; line-height:1;margin-top: 25px; margin-bottom: 25px}
.about-002 .content-bx p{line-height: 1.6; font-size: 18px; font-weight: 400; color: #696969}
.about-002 .content-bx .btn{padding: 12px 30px;border: 1px solid #333;margin-top: 25px;border-radius: 50px;transition: all ease-in-out 0.3s}
.about-002 .content-bx .btn:hover {background-color: #333;color: #fff}
.about-002 .content-bx hr{margin: 50px 0}
@media only screen and (max-width: 992px){   
.about-002 .content-bx{margin-top: 50px;padding-right: 0}
}

/* about-003 */
.about-003{padding-top: 35px;padding-bottom:100px;background-image: linear-gradient(to bottom, transparent 0%, #f3f1fb 100%);position: relative; }
.about-003 img{max-width:100%}
.about-003::after{content: '';background-image: url(../images/about-003-bottom.svg);bottom: -5px;    position: absolute; width: 100%; height: 100px; left: 0;background-size: cover; background-repeat: no-repeat}
.about-003 .content-bx{padding-right: 200px}
.about-003 .content-bx .title{padding: 15px 0;color: #333;text-transform: uppercase;position: relative;    font-size: 13px; background-color: #E9EEF4; padding: 10px 15px; border-radius: 50px}
.about-003 .content-bx h2{font-size: 38px; font-weight: 600;line-height:1; margin-top: 25px; margin-bottom: 25px}
.about-003 .content-bx p{    line-height: 1.6; font-size: 15px; font-weight: 400; color: #696969}
.about-003 .content-bx .bottom-content{font-size: 28px;font-weight: 600}
.about-003 .content-bx .bottom-content .small{font-size: 14px;width: 70px;font-weight: 500;line-height: 1.5}
@media only screen and (max-width: 992px){   
.about-003 .content-bx{margin-top: 50px;padding-right: 0}
}

/* about-004 */
.about-004{padding-top: 35px;padding-bottom:35px}
.about-004 img{max-width: 100%}
.about-004 .content-bx{padding-right: 230px}
.about-004 .content-bx .title{padding: 15px 0;color: #8A90A2;position: relative;font-size: 14px}
.about-004 .content-bx .title::before{content: '';width: 10px;height: 10px;background-color: #ffdc60;display: inline-block; border-radius: 50%; margin-right: 10px}
.about-004 .content-bx h2{font-size: 38px; font-weight: 600; line-height:1;margin-top: 25px; margin-bottom: 25px}
.about-004 .content-bx p{    line-height: 1.6; font-size: 14px; font-weight: 400; color: #8a90a2}
.about-004 .content-bx .btn{display: inline-block; font-size: 14px; font-weight: 600; color: #000; background: #82cefd; height: 50px; line-height: 50px; text-align: center; padding: 0 50px; position: relative; z-index: 1; overflow: hidden; border-radius: 10px; text-transform: capitalize}
.about-004 .content-bx .btn:after, .about-004 .content-bx .btn:before{content: ""; background: #FFDC60; height: 50%; width: 0; position: absolute; transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index: -1}
.about-004 .content-bx .btn::before{top: 0; left: 0; right: auto}
.about-004 .content-bx .btn::after{bottom: 0; right: 0; left: auto}
.about-004 .content-bx .btn:hover {color: #000; background-color: #ffdc60}
.about-004 .content-bx .btn:hover::before { width: 100%; right: 0; left: auto; }
.about-004 .content-bx .btn:hover::after { width: 100%; left: 0; right: auto; }
.about-004 .content-bx hr{margin: 50px 0}
@media only screen and (max-width: 992px){   
.about-004 .content-bx{margin-top: 50px;padding-right: 0}
}