/* .main-content{padding: 5% 10%;} */
.section_1{padding: 2% 10% 7% 10%; text-align: justify;}
.section_1 h2{color: #004F76;font-size: 4rem; font-family: 'Alegreya-Medium'} 
.section_1 h3{font-size: 36px !important;font-family: 'Alegreya-Bold'!important;}
.section_1 span{color:#009DEA;font-weight: bold;}
.section_1 p{font-size: 1.5rem;}
.section_1 .ReadMoreBtn{background-color: #69CEFF;color: black;padding: 1% 6%;border-radius: 25px;font-weight: bold;}

.section_2{background-image: url('../Images/Asset/index/indexBg.webp');background-size: cover;background-position: center;padding:5% 0;}
.section_2 h3{color: #69CEFF;font-size: 36px;font-family: 'Alegreya-Bold'!important;}
.section_2 p{color:white;font-size: 1.2rem;}
.section_2 .sub-title{margin-bottom: 3rem;}
.section_2 .productRow{margin: 0;}
.section_2 .productRow,.section_2 .text-content{padding: 0 10%;}
.section_2 .col-12 {padding-bottom:2%;}
.section_2 .row{padding: 0 12% 2% 12%;}
.section_2 .row .category_item{text-decoration: none;}
.section_2 .row p{margin-bottom: 0;margin-top: 3%; margin-left: 0;margin-right: 0; line-height: 1.1;}
.section_2 .row .text-desp2{margin-bottom: 0;margin-top: 0%;}
.section_2 .row img{height: 100%;max-height: 500px;}

.section_3 {background-color: white; padding: 7% 0;}
.section_3 h3{font-size: 2.25rem;color: black;padding: 2% 5% 1% 5%;font-weight: bolder;}
.section_3 .slideContainer{padding: 0 20%;}
.section_3 .slideshow{position: relative;padding: 0% 5% 5% 5%;}
.section_3 .slide-item{position: relative;width: 100%;}
.section_3 .slide-item{display: none;}
.section_3 .slide-item:nth-child(1){display: block;}
.section_3 .slide__img{display: block;margin: 0 auto; vertical-align: middle; padding: 0 auto;width: 100%; object-fit: contain; aspect-ratio: 1/1; max-height: 600px;}
.section_3 .arrow{position: absolute;top: 40%;width: 60px;color: #69CEFF;background: rgba(0,0,0,0);font-size: 40px;font-weight: 900;cursor: pointer;outline: none;transition: 0.6s ease;}
.section_3 .arrow--previous{left: 0%;border-radius: 0 3px 3px 0;border: 0;}
.section_3 .arrow--next{right: 0%;border-radius: 3px 0 0 3px;border: 0;}
.section_3 .dots {position: absolute;width: 100%;bottom: 0;text-align: center;left: 0%;padding: 0 5%;}
.section_3 .dot {display: inline-block;width: 15px;height: 15px;border-radius:25px;background:  var(--white);border: 2px solid #69CEFF;margin: 0 3px;transition: all 1s ease;background-color: white;}
.section_3 .dot:first-child{background: #69CEFF;}
.section_3 .dot:hover, .dot:focus{background-color: #69CEFF;}
.section_3 .dot-active {width: 60px; transition: all 0.5s ease;}
.section_3 .fade {opacity:unset;}
.section_3 .fade{animation-name: fade;animation-duration: 1.8s;-webkit-animation-name: fade;-webkit-animation-duration: 1.8s;}
@keyframes fade{from { opacity: 0.2;}to { opacity: 1}}
@-webkit-keyframes fade{from { opacity: 0.2;}to { opacity: 1}}


.section_4{background-color: #001A27;}
.section_4 h3{font-size: 2.25rem;color: #69CEFF;padding:5% 5% 1% 5%;}
.section_4 p{font-size: 1.5rem;color: white;padding:0 5%;}
.section_4 .row{margin: 0;}
.section_4 .col-12 {margin-top: 2%;}
.section_4 .careerContainer{padding: 0% 10% 5% 10%;}
.section_4 .whiteContainer{background-color: white;padding:10%;border-radius: 20px;}
.section_4 .whiteContainer h3{color: #004F76;font-size: 1.875rem;font-weight: bold;}
.section_4 .whiteContainer p{color: black; line-height: 1.1;}
.section_4 .ContactBtn{background-color: #69CEFF;color: black;padding: 1% 6%;border-radius: 25px;font-weight: bold;margin-top:2%;}




/*MOBILE*/
@media screen and (max-width: 767px){
    .section_1{padding: 2% 5% 8% 5%;}
    .section_1 h3{font-size: 20px !important;}
    .section_1 h2{font-size: 30px;}
    .section_1 p{font-size: 16px;}
    .section_1 img{padding: 10% 5% 5% 5%;}


    .section_2 h3{font-size: 1.25rem;padding-top: 10%;}
    .section_2 p{font-size: 1rem;}
    .section_2 .row p{margin-top:3%;margin-bottom: 10%;}
    .section_2 .row .text-desp1{margin-bottom: 0 !important;}
    .section_2 .row .text-desp2{margin-bottom: 8%;}
    .section_2 .row img{height: 320px;}

    .section_3 h3{font-size: 20px;}
    .section_3 .slideContainer {padding: 0 5%;}
    .section_3 .slideshow {position: relative;padding: 0% 2% 10% 5%;}
    .section_3 .arrow--previous {left: 4%;}
    .section_3 .arrow--next {right: 0%;}
    .section_3 .arrow{font-size: 35px;top: 35%;}
    .section_3 .dot {width: 7px;height: 7px;}
    .section_3 .dot-active {width: 30px;}

    .section_4 h3{font-size: 20px;}
    .section_4 p{font-size: 16px;}
}