@font-face {
    font-family: 'notoserifkr-medium';
    src: url('fonts/notoserifkr-medium.otf') format('opentype');
}
@keyframes move {
  from {
    transform: translateX(100px) scale(1.2);
    animation-timing-function: cubic-bezier(.2,0,.8,1);
  }
  to { transform: translateX(0px) scale(1); }
}
@keyframes rotation{
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes updown {0% {bottom: 0;}100% {bottom: 30px;}}
@keyframes updown {0% {bottom: 0;}100% {bottom: 30px;}}
@-webkit-keyframes updown2 {0% {bottom: 0;}100% {bottom: 15px;}}
@keyframes updown2 {0% {bottom: 0;}100% {bottom: 15px;}}
@-webkit-keyframes arrayR {0%,100% {-webkit-transform:translateX(0);}50% {-webkit-transform:translateX(25px);}}
@keyframes arrayR {0%,100% {transform:translateX(0);}50% {transform:translateX(25px);}}
@-webkit-keyframes arrayL {0%,100% {-webkit-transform:translateX(0);}50% {-webkit-transform:translateX(25px);}}
@keyframes arrayL {0%,100% {transform:translateX(0);}50% {transform:translateX(25px);}}
.notoserifkr{font-family: 'notoserifkr-medium';}
.no-padding{padding-right:0; padding-left:0;}
.no-margin{margin-right:0; margin-left:0;}
/* common */
#main-slider{position:relative;}
.nav-tabs {border-bottom:none;}
.plus { position:absolute; top:0; right:0;}
.plus:hover { opacity:0.8; transition:0.3s all ease;}
.slider .slider-wrapper .slide p{width: 100%;}
.slider .slider-wrapper .slide .each-img img{width: 100%;}
.box{display:inline-block; position:relative; opacity:0; top:50px; }

:root{--gap:30px;--width1:30%;--width2:6;}
.black{color:#000;}
.white{color:#fff;}
a{color:inherit;text-decoration:none;}

.slider .slider-dots{display: inline-flex;justify-content: center;gap: 10px;}
.slider .slider-dots .each-dot{width:20px!important;height:20px!important;background-color:#fff!important;transition:0.3s all ease;}
.slider .slider-dots .each-dot.active{width:40px!important;height:20px!important;background-color:#000!important;transition:0.3s all ease;border-radius:15px!important;}

/*
.main1T{position:relative;}
#main2{background-color:#1A263C;}
#main2 .main2M{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;padding:80px 0 55px;}
#main2 .main2M a{text-align: center;text-decoration:none;}
#main2 .main2M a:hover{position: relative;
animation-name: updown;animation-duration: 1s;animation-duration: leaner;
animation-iteration-count: 1;animation-direction: alternate;animation-fill-mode: forwards;}
#main2 .main2M a .circle{padding: 60px;display: inline-block;border-radius: 50%;background-color: #fff;background-repeat: no-repeat;background-position: center;}
#main2 .main2M a h1{font-size:20px;margin:0;line-height:2;text-align:center;color:#fff;}

#main3{background-color:#0C131D;padding-top:85px;}
#main3 .main3M{display: grid;grid-template-columns: 19fr 19fr 9fr;gap:40px;padding-bottom:45px;}
#main3 .main3M .main3L{text-decoration:none;}
#main3 .main3M .main3L .sermonBG{height:305px;border-radius:50px;padding: 65px 70px;background-repeat: no-repeat;background-position: center;background-size: cover;position:relative;}
#main3 .main3M .main3L .sermonBG h1{margin: 0;font-size: 30px;padding-bottom: 10px;border-bottom:1px solid #fff; display: inline-block;color:#fff;}
#main3 .main3M .main3L .sermonBG img{position:absolute;transform: translate(-50%, -50%);bottom: 10%;right: 5%;}
#main3 .main3M .main3L .serminT{padding:35px 25px;}
#main3 .main3M .main3L .serminT h1{margin:0;font-size: 36px;color: #fff;line-height: 1;padding-bottom:20px;}
#main3 .main3M .main3L .serminT h2{margin: 0;display: inline-flex;font-size: 18px;align-items: center;gap: 10px;color:#fff;}
#main3 .main3M .main3L .serminT h2 more{font-size:15px;}

#main3 .main3M .main3C{text-decoration:none;}
#main3 .main3M .main3C .sermonBG{height:305px;border-radius:50px;padding: 65px 70px;background-repeat: no-repeat;background-position: center;background-size: cover;position:relative;}
#main3 .main3M .main3C .sermonBG h1{margin: 0;font-size: 30px;padding-bottom: 10px;border-bottom:1px solid #fff; display: inline-block;color:#fff;}
#main3 .main3M .main3C .sermonBG img{position:absolute;transform: translate(-50%, -50%);bottom: 10%;right: 5%;}
#main3 .main3M .main3C .serminT{padding:35px 25px;}
#main3 .main3M .main3C .serminT h1{margin:0;font-size: 36px;color: #fff;line-height: 1;padding-bottom:20px;}
#main3 .main3M .main3C .serminT h2{margin: 0;display: inline-flex;font-size: 18px;align-items: center;gap: 10px;color:#fff;}
#main3 .main3M .main3C .serminT h2 more{font-size:15px;}
#main3 .main3M .main3R{background-image: url('../images/3_dawnprayer.jpg');padding:70px 50px;position:relative;height:380px;border-radius: 50px;background-position: center;background-size: cover;background-repeat: no-repeat;}
#main3 .main3M .main3R h1{font-size:24px;color:#fff;margin:0;padding-bottom:10px;border-bottom:1px solid #fff;display:inline-block;}

#main4{background-color:#0C131D;padding-bottom:85px;}
#main4 .main4M{display: grid;grid-template-columns: 1fr 1fr;padding:50px 0;background-color: #4f97fd;border-radius: 90px;}
#main4 .main4M .main4L{padding-left: 55px;}
#main4 .main4M .main4L .NewsSD{}
#main4 .main4M .main4L .NewsSD .contentSlideWrapper{overflow:hidden;}
#main4 .main4M .main4L .NewsSD .contentSlideWrapper .contentSlide{}
#main4 .main4M .main4L .NewsSD .contentSlideWrapper .contentSlide a{display: inline-flex;gap: 35px;align-items: center;text-decoration:none;}
#main4 .main4M .main4L .NewsSD .contentSlideWrapper .contentSlide a .NewsT{}
#main4 .main4M .main4L .NewsSD .contentSlideWrapper .contentSlide a .NewsT h1{margin:0;font-size:24px;color:#fff;}
#main4 .main4M .main4R{display:inline-flex;gap:20px;padding: 0 115px 0 40px;}
#main4 .main4M .main4R .noteBT{position: relative;padding: 40px 130px;display: inline-block;background-color:#fff;border-radius:40px;transition:0.3s all ease;}
#main4 .main4M .main4R .noteBT:before{background-color:#4f97fd;transition:0.3s all ease;}
#main4 .main4M .main4R .noteBT:hover{color:#fff;transition:0.3s all ease;border-color:#4f97fd;}
#main4 .main4M .main4R .noteBT .noteM{display: inline-flex;align-items: center;gap: 20px;position:absolute;transform: translate(-50%, -50%);width:100%;justify-content: center;}
#main4 .main4M .main4R .noteBT .noteM h1{margin: 0;font-size: 24px;letter-spacing: 1.5px;}

#main5{background-color:#132138;padding-bottom:95px;}
#main5 .main5T{padding:100px 0 65px;}
#main5 .main5T h1{margin: 0;font-size: 32px;text-align: center;color: #fff;}
#main5 .main5M{position:relative;}
#main5 .main5M .tabTO{padding-bottom:60px;}
#main5 .main5M .tabTO ul{width: 100%;display: inline-flex;justify-content: center;gap: 10px;}
#main5 .main5M .tabTO ul li{}
#main5 .main5M .tabTO ul li a{background-color:#fff;display: inline-block;border-radius: 20px;text-decoration:none;}
#main5 .main5M .tabTO ul li a:before{background-color:#4f97fd;transition:0.3s all ease;}
#main5 .main5M .tabTO ul li a h1{margin: 0;font-size: 16px;padding: 10px 20px;color: #000;transition:0.3s all ease;}
#main5 .main5M .tabTO ul li a:hover h1{color:#fff;transition:0.3s all ease;}
#main5 .main5M .tabBO{}
#main5 .main5M .tabBO .documents .tab-content .galleryM{}
#main5 .main5M .tabBO .documents .tab-content .galleryM .galleryBT{position: absolute;top: 0;right: 0;transform: translate(0, 50%);}
#main5 .main5M .tabBO .documents .tab-content .galleryM .galleryBT a{display: inline-flex;gap: 5px;align-items: center;}
#main5 .main5M .tabBO .documents .tab-content .galleryM .galleryBT a h1{margin: 0;font-size: 15px;color: #fff;}
#main5 .main5M .tabBO .documents .tab-content .galleryM .gallerySD{overflow:hidden;}
#main5 .main5M .tabBO .documents .tab-content .galleryM .gallerySD .contentSlideWrapper{}
#main5 .main5M .tabBO .documents .tab-content .galleryM .gallerySD .contentSlideWrapper .contentSlide{border-radius: 30px;overflow:hidden;}
#main5 .main5M .tabBO .documents .tab-content .galleryM .gallerySD .contentSlideWrapper .contentSlide a{}
#main5 .main5M .tabBO .documents .tab-content .galleryM .gallerySD .contentSlideWrapper .contentSlide a .gallerySM{height: 200px;background-repeat: no-repeat;background-position: center;background-size: cover;border-radius: 30px;}
#main5 .main5M .tabBO .documents .tab-content .galleryM .gallerySD .contentSlideWrapper .contentSlide a .gallerySM .galleryST{position: absolute;width: 100%;height: 100%;
display: inline-flex;flex-direction: column;justify-content: flex-end;background-color: rgba(0, 0, 0, .5);padding:10px;opacity:0;transition:0.3s all ease;}
#main5 .main5M .tabBO .documents .tab-content .galleryM .gallerySD .contentSlideWrapper .contentSlide:hover a .gallerySM .galleryST{opacity:1;transition:0.3s all ease;}
#main5 .main5M .tabBO .documents .tab-content .galleryM .gallerySD .contentSlideWrapper .contentSlide a .gallerySM .galleryST h1{margin: 0;font-size: 20px;color: #fff;}
#main5 .main5M .tabBO .documents .tab-content .galleryM .gallerySD .contentSlideWrapper .contentSlide a .gallerySM .galleryST h5{margin: 0;font-size: 16px;color: #fff;line-height: 2;}

#main7{background-color:#132138;padding-bottom:95px;}
#main7 .main7T{padding:0 0 65px;}
#main7 .main7T h1{margin: 0;font-size: 32px;text-align: center;color: #fff;}
#main7 .main7M{position:relative;}
#main7 .main7M .tabTO{padding-bottom:60px;}
#main7 .main7M .tabTO ul{width: 100%;display: inline-flex;justify-content: center;gap: 10px;}
#main7 .main7M .tabTO ul li{}
#main7 .main7M .tabTO ul li a{background-color:#fff;display: inline-block;border-radius: 20px;text-decoration:none;}
#main7 .main7M .tabTO ul li a:before{background-color:#4f97fd;transition:0.3s all ease;}
#main7 .main7M .tabTO ul li a h1{margin: 0;font-size: 16px;padding: 10px 20px;color: #000;transition:0.3s all ease;}
#main7 .main7M .tabTO ul li a:hover h1{color:#fff;transition:0.3s all ease;}
#main7 .main7M .tabBO{}
#main7 .main7M .tabBO .documents .tab-content .galleryM{}
#main7 .main7M .tabBO .documents .tab-content .galleryM .galleryBT{position: absolute;top: 0;right: 0;transform: translate(0, 50%);}
#main7 .main7M .tabBO .documents .tab-content .galleryM .galleryBT a{display: inline-flex;gap: 5px;align-items: center;}
#main7 .main7M .tabBO .documents .tab-content .galleryM .galleryBT a h1{margin: 0;font-size: 15px;color: #fff;}
#main7 .main7M .tabBO .documents .tab-content .galleryM .gallerySD{overflow:hidden;}
#main7 .main7M .tabBO .documents .tab-content .galleryM .gallerySD .contentSlideWrapper{}
#main7 .main7M .tabBO .documents .tab-content .galleryM .gallerySD .contentSlideWrapper .contentSlide{border-radius: 30px;overflow:hidden;}
#main7 .main7M .tabBO .documents .tab-content .galleryM .gallerySD .contentSlideWrapper .contentSlide a{}
#main7 .main7M .tabBO .documents .tab-content .galleryM .gallerySD .contentSlideWrapper .contentSlide a .gallerySM{height: 200px;background-repeat: no-repeat;background-position: center;background-size: cover;border-radius: 30px;}
#main7 .main7M .tabBO .documents .tab-content .galleryM .gallerySD .contentSlideWrapper .contentSlide a .gallerySM .galleryST{position: absolute;width: 100%;height: 100%;
display: inline-flex;flex-direction: column;justify-content: flex-end;background-color: rgba(0, 0, 0, .5);padding:10px;opacity:0;transition:0.3s all ease;}
#main7 .main7M .tabBO .documents .tab-content .galleryM .gallerySD .contentSlideWrapper .contentSlide:hover a .gallerySM .galleryST{opacity:1;transition:0.3s all ease;}
#main7 .main7M .tabBO .documents .tab-content .galleryM .gallerySD .contentSlideWrapper .contentSlide a .gallerySM .galleryST h1{margin: 0;font-size: 20px;color: #fff;}
#main7 .main7M .tabBO .documents .tab-content .galleryM .gallerySD .contentSlideWrapper .contentSlide a .gallerySM .galleryST h5{margin: 0;font-size: 16px;color: #fff;line-height: 2;}


#main6{background-color: #0D131D;padding:85px 0;}
#main6 .main6M{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 30px;}
#main6 .main6M a{height: 200px;position: relative;border-radius:30px;overflow:hidden;}
#main6 .main6M a:hover{position: relative;
animation-name: updown2;animation-duration: 1s;animation-duration: leaner;
animation-iteration-count: 1;animation-direction: alternate;animation-fill-mode: forwards;}
#main6 .main6M a .main6QM{position: absolute;width: 100%;height: 25%;bottom: 0;right: 0;display: inline-flex;justify-content: center;align-items: center;background-color: rgba(0, 0, 0, .3);}
#main6 .main6M a .main6QM h1{margin: 0;font-size: 20px;color:#fff;text-shadow: 0 0 7px rgba(0, 0, 0, 0.35);}
    */

.view-more {
    display: inline-block;
    text-decoration: none;
    overflow: hidden;
    vertical-align: middle;
    background: transparent;
    overflow: hidden;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    z-index: 1;
    font-weight: 100;
}

.view-more2 {
    display: inline-block;
    text-decoration: none;
    overflow: hidden;
    vertical-align: middle;
    background: transparent;
    overflow: hidden;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    z-index: 1;
    font-weight: 100;
}

.view-more:hover:before {
-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);
transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;
-ms-transform-origin: left top;transform-origin: left top;}

.view-more:before {
z-index: -1;content: "";display: block;width: 135%;height: 105%;position: absolute;left: 0;top: 0;
-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);
-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1),  -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-backface-visibility: hidden;backface-visibility: hidden;}

a:hover .view-more2:before {
-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);
transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;
-ms-transform-origin: left top;transform-origin: left top;}

a .view-more2:before {
z-index: -1;content: "";display: block;width: 135%;height: 105%;position: absolute;left: 0;top: 0;
-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);
-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1),  -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.direct-popup .visible-popups > .each > .bottom span{font-size:17px!important;}

.main1T {position: relative;}

#main2{padding:0 0 135px;}
#main2 .main2T{padding:125px 0 80px;text-align:center;}
#main2 .main2T h1{margin:0 0 35px;font-size:48px;font-weight:bold;}
#main2 .main2T h5{margin:0;font-size:21px;line-height:1.5;}
#main2 .main2M{display: flex;justify-content: center;align-items: center;gap: 170px;text-align:center;}
#main2 .main2M .main2HF{text-decoration:none;color:#000;}
#main2 .main2M .main2HF .main2QUA{padding: 100px;display: inline-block;background-repeat: no-repeat;background-position: center;background-size: cover;}
#main2 .main2M .main2HF h1{margin:25px 0 0;font-size:22px;}

#main3{padding:120px 0 100px;background-color:#f3f3f3;}
#main3 .main3T{padding:0 0 80px;}
#main3 .main3T h1{margin:0;font-size:48px;font-weight:bold;text-align:center;}
#main3 .main3PHF{text-decoration:none;color:#000;}
#main3 .main3PHF h1{margin:0 0 20px;font-size:24px;font-weight:bold;}
#main3 .main3TM{margin:0 0 70px;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 10px;}
#main3 .main3TM .main3HF{}
#main3 .main3TM .main3HF .sermonBG{aspect-ratio: 16 / 9;background-repeat: no-repeat;background-position: center;background-size: cover;}
#main3 .main3BM{margin:0 0 70px;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 10px;}
#main3 .main3BM .main3HF{}
#main3 .main3BM .main3HF .sermonBG{aspect-ratio: 16 / 9;background-repeat: no-repeat;background-position: center;background-size: cover;}
#main3 .youchBTN{display: flex;justify-content: center;flex-direction: column;align-items: center;text-decoration:none;color:#000;}
#main3 .youchBTN h1{margin:20px 0 0;font-size:16px;}

#main4{padding:130px 0 125px;position:relative;}
#main4 .main4T{padding:0 0 85px;}
#main4 .main4T h1{margin:0;font-size:48px;font-weight:bold;text-align:center;}
#main4 .main4M{}
#main4 .main4M .noteSD{overflow:hidden;}
#main4 .main4M .noteSD .contentSlideWrapper .contentSlide{padding:40px 25px;background-color:#f9f9f9;height:315px;}
#main4 .main4M .noteSD .contentSlideWrapper .contentSlide a{text-decoration:none;}
#main4 .main4M .noteSD .contentSlideWrapper .contentSlide a .noteM{height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
#main4 .main4M .noteSD .contentSlideWrapper .contentSlide a .noteM .noteT h1{margin:0 0 30px; font-size:21px; color:#202020;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transform: skew(-0.05deg);overflow: hidden;}
#main4 .main4M .noteSD .contentSlideWrapper .contentSlide a .noteM .noteT h5{margin:0; font-size:16px; color:#777777;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;transform: skew(-0.05deg);overflow: hidden;line-height:1.5;}
#main4 .main4M .noteSD .contentSlideWrapper .contentSlide a .noteM h6{margin:0;font-size:16px;color:#999999;}
#main4 .noteP{position: absolute;transform: translate(0, -50%);top: 60%;padding:15px;right: 10%;}
#main4 .noteN{position: absolute;transform: translate(0, -50%);top: 60%;padding: 15px;left: 10%;}
#main4 .on,
#main4 .off{position:absolute;top:0;left:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
#main4 .on{position:absolute;top:0;left:0;opacity:0;transition:0.3s all ease;}
#main4 .off{position:absolute;top:0;left:0;opacity:1;transition:0.3s all ease;}
#main4 > a:hover .on{opacity:1;transition:0.3s all ease;}
#main4 > a:hover .off{opacity:0;transition:0.3s all ease;}

#main5{padding:125px 0 205px;position:relative;background-repeat: no-repeat;background-position: center;background-size: cover;}
#main5 .main5T{padding:0 0 85px;text-align:center;}
#main5 .main5T h1{margin:0 0 30px;font-size:48px;font-weight:bold;color:#fff;}
#main5 .main5T h5{margin:0;font-size:24px;color:#fff;line-height:1.5;}
#main5 .main5M{position:relative;}
#main5 .main5M .main5BTM{padding:65px 170px;background-color:#fff;display: grid;grid-template-columns: 4fr 3fr;gap: 70px;}
#main5 .main5M .main5BTM .main5HF{text-decoration:none;color:inherit;}
#main5 .main5M .main5BTM .main5HF h1{margin:0 0 25px; font-size:19px; font-weight:bold; color:#111111;position:relative;}
#main5 .main5M .main5BTM .main5HF h1:after{content: '';position: absolute;transform: translate(-125%, -50%);top: 45%;left: 0;padding: 10px;background-color: #27466e;border-radius: 50%;}
#main5 .main5M .main5BTM .main5HF h5{margin:0; font-size:17px; color:#777777;line-height:1.5;word-break:keep-all;}
#main5 .main5M .main5OHF{display: inline-block;text-align: center;position: absolute;transform: translate(0, -35%);top: 100%;}
#main5 .main5M .main5OHF .main5circle{padding:57px;display:inline-block;position:relative;}
#main5 .main5M .main5OHF .main5circle .on,
#main5 .main5M .main5OHF .main5circle .off{position:absolute;top:0;left:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
#main5 .main5M .main5OHF .main5circle .on{position:absolute;top:0;left:0;opacity:0;transition:0.3s all ease;}
#main5 .main5M .main5OHF .main5circle .off{position:absolute;top:0;left:0;opacity:1;transition:0.3s all ease;}
#main5 .main5M .main5OHF:hover .main5circle .on{opacity:1;transition:0.3s all ease;}
#main5 .main5M .main5OHF:hover .main5circle .off{opacity:0;transition:0.3s all ease;}
#main5 .main5M .main5OHF h1{margin:0;font-size:20px;padding:10px;color:#fff;position:relative;}
#main5 .main5M .main5OHF h1:after{content: '';position: absolute;bottom: 0;left: 0;height: 1px;width: 0%;background-color: #fff;transition:0.3s all ease;}
#main5 .main5M .main5OHF:hover h1:after{width:100%;transition:0.3s all ease;}
#main5 .main5M .main5RHF{right: 35%;}
#main5 .main5M .main5LHF{left: 35%;}

#main6{padding:125px 0 205px;position:relative;background-repeat: no-repeat;background-position: center;background-size: cover;}
#main6 .main6T{padding:0 0 85px;text-align:center;}
#main6 .main6T h1{margin:0 0 30px;font-size:48px;font-weight:bold;color:#1e1f33;}
#main6 .main6T h5{margin:0;font-size:24px;color:#1e1f33;}
#main6 .main6TM{display: grid;grid-template-columns: 1fr 1fr 1fr;gap:40px;padding:0 0 40px;}
#main6 .main6TM .main6L{display: flex;flex-direction: column;gap: 20px;text-decoration:none;color:inherit;}
#main6 .main6TM .main6C{display: flex;flex-direction: column;gap: 20px;text-decoration:none;color:inherit;}
#main6 .main6TM .main6R{display: flex;flex-direction: column;gap: 20px;text-decoration:none;color:inherit;}
#main6 .main6TM .main6BG{background-repeat: no-repeat;background-position: center;background-size: cover;padding:200px;}
#main6 .main6TM .main6CM{height:250px;padding:50px 55px;}
#main6 .main6TM .main6L .main6CM{background-color:#6e788e;color:#ffffff;}
#main6 .main6TM .main6C .main6CM{background-color:#e5e5e5;color:#111111;}
#main6 .main6TM .main6R .main6CM{background-color:#2e3d51;color:#ffffff;}
#main6 .main6TM .main6CM img{margin:0 0 20px;}
#main6 .main6TM .main6CM .main6CT{margin: 0 0 20px;display: flex;flex-direction: row;align-items: flex-end;gap: 20px;}
#main6 .main6TM .main6CM .main6CT h1{margin:0;font-size:26px;}
#main6 .main6TM .main6CM .main6CT h5{margin:0;font-size:17px;}
#main6 .main6TM .main6CM h6{margin:0;font-size:17px;line-height:1.5;}
#main6 .main6BM{text-decoration:none;color:inherit;}
#main6 .main6BM .main6B{display: grid;grid-template-columns: 7.5fr 5.5fr;gap: 20px;}
#main6 .main6BM .main6B .main6BG{background-repeat: no-repeat;background-position: center;background-size: cover;padding:150px;}
#main6 .main6BM .main6B .main6CM{padding:60px;background-color:#e1e6ec;}
#main6 .main6BM .main6B .main6CM img{margin:0 0 20px;}
#main6 .main6BM .main6B .main6CM .main6CT{margin: 0 0 20px;display: flex;flex-direction: row;align-items: flex-end;gap: 20px;}
#main6 .main6BM .main6B .main6CM .main6CT h1{margin:0;font-size:26px;}
#main6 .main6BM .main6B .main6CM .main6CT h5{margin:0;font-size:17px;}
#main6 .main6BM .main6B .main6CM h6{margin:0;font-size:17px;line-height:1.5;}

#main7{padding:125px 0 90px;position:relative;background-repeat: no-repeat;background-position: center;background-size: cover;background-color:#e2e2e2;text-align:center;}
#main7 .main7T{padding:0 0 90px;}
#main7 .main7T h1{margin:0 0 30px;font-size:48px;font-weight:bold;color:#1e1f33;}
/*
    #main7 .main7TM{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap:20px;padding:0 0 95px;}
    */
#main7 .main7TM{padding:0 0 95px;}
#main7 .main7TM .main7HF{}
#main7 .main7TM .main7HF .galleryBG{padding: 110px;background-repeat: no-repeat;background-position: center;background-size: cover;position:relative;}
#main7 .main7TM .main7HF .main7HFT{padding:20px;position: absolute;bottom:0;left:0;background-color:rgba(0,0,0,.5);width:100%;}
#main7 .main7TM .main7HF .main7HFT h1{margin:0;color:#fff;width:100%;font-size:16px;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;transform: skew(-0.05deg);overflow: hidden;}
#main7 .main7VBT{display:inline-block;text-align:center;text-decoration:none;}
#main7 .main7VBT h1{margin:0;font-size:20px;color:#111111;padding:0 0 10px;position:relative;}
#main7 .main7VBT h1:after{content: '';position: absolute;bottom: 0;left: 0;height: 1px;width: 100%;background-color: #000;transition:0.3s all ease;}

#main8{padding:235px 0 180px;position:relative;background-repeat: no-repeat;background-position: center;background-size: cover;}
#main8 .main8T{padding:0 0 90px;text-align:center;}
#main8 .main8T h1{margin:0 0 25px;font-size:60px;font-weight:bold;color:#fff;}
#main8 .main8T h5{margin:0 0 50px;font-size:30px;color:#fff;}
#main8 .main8T h6{margin:0;font-size:21px;color:#fff;line-height:1.5;}
#main8 .main8M{display:flex;justify-content: center;align-items: center;gap: 60px;}
#main8 .main8M .main8HF{position:relative;background-color:#74abca;padding:110px 160px;}
#main8 .main8M .main8HF img{position: absolute;transform: translate(-50%, -50%);top:40%;}
#main8 .main8M .main8HF h1{margin: 0;font-size: 22px;color: #fff;position: absolute;transform: translate(-50%, -50%);top: 70%;}

@media (max-width:1699px) {
    #main4 .noteP{right: 2%;}
    #main4 .noteN{left: 2%;}
}
@media (max-width:1499px) {
    #main4 .noteP{right: 1%;}
    #main4 .noteN{left: 1%;}
    #main6 .main6TM .main6BG{padding:170px;}
    #main6 .main6TM .main6CM {height: 250px;padding: 25px 20px;}
}
@media (min-width:1340px) {
    .container {width: 1340px;}
}
@media (max-width:1199px) {
    #main5 .main5M .main5BTM {padding: 65px 45px;}
    #main6 .main6TM{gap:20px;}
    #main6 .main6TM .main6BG {padding: 145px;}
    #main6 .main6TM .main6CM {padding: 25px 10px;}
    #main6 .main6TM .main6CM .main6CT{align-items: flex-start;flex-direction: column;}
    #main8 .main8M .main8HF{padding: 110px 140px;}
}
@media (max-width:992px) {
    #main2 {padding: 0 0 60px;}
    #main2 .main2T {padding: 40px 0 20px;}
    #main2 .main2M {gap:25px;}
    #main2 .main2M .main2HF .main2QUA {padding: 90px;}
    #main3 {padding: 40px 0 30px;}
    #main3 .main3T {padding: 0 0 20px;}
    #main3 .main3TM {margin: 0 0 30px;grid-template-columns: 1fr 1fr;}
    #main4 {padding: 40px 0 30px;}
    #main4 .main4T {padding: 0 0 30px;}
    #main5 {padding: 40px 0 120px;}
    #main5 .main5T {padding: 0 0 30px;}
    #main5 .main5M .main5BTM {padding: 65px 30px;}
    #main5 .main5M .main5BTM{gap:20px;}
    #main5 .main5M .main5LHF {left: 25%;}
    #main5 .main5M .main5RHF {right: 25%;}
    #main6 {padding: 40px 0 80px;}
    #main6 .main6T {padding: 0 0 30px;}
    #main6 .main6TM{grid-template-columns: 1fr;padding: 0 0 20px;}
    #main6 .main6TM .main6CM {padding: 40px;height:inherit;}
    #main6 .main6TM .main6CM .main6CT{align-items: flex-end;flex-direction: row;}
    #main6 .main6TM .main6BG{order:1;}
    #main6 .main6TM .main6CM{order:2;}
    #main6 .main6BM .main6B{grid-template-columns: 1fr;}
    #main6 .main6BM .main6B .main6CM{padding:40px;height:inherit;}
    #main7 {padding: 40px 0 30px;}
    #main7 .main7T {padding: 0 0 30px;}
    #main7 .main7TM {padding: 0 0 40px;}
    #main8 {padding: 70px 0 60px;}
    #main8 .main8T {padding: 0 0 40px;}
    #main8 .main8M .main8HF {padding: 100px;}
    #main8 .main8M .main8HF h1{width:100%;text-align:center;}
}
@media (max-width:767px) {
    .row{margin:0;}
    #main2 .main2T h1{font-size:24px;margin: 0 0 15px;}
    #main2 .main2T h5{font-size:15px;word-break:keep-all;}
    #main2 .main2M .main2HF .main2QUA {padding: 45px;}
    #main2 .main2M .main2HF h1 {margin: 10px 0 0;font-size: 17px;}
    #main3 .main3T h1{font-size:24px;}
    #main3 .main3PHF h1{font-size:17px;}
    #main4 .main4T {padding: 0 0 15px;}
    #main4 .main4T h1{font-size:24px;}
    #main4 .main4M .noteSD .contentSlideWrapper .contentSlide{padding:30px;}
    #main4 .main4M .noteSD .contentSlideWrapper .contentSlide a .noteM .noteT h1{font-size:20px;}
    #main4 .main4M .noteSD .contentSlideWrapper .contentSlide a .noteM .noteT h5{font-size:15px;}
    #main5 .main5T h1{font-size:24px;}
    #main5 .main5T h5{font-size:17px;word-break: keep-all;}
    #main5 .main5M .main5BTM{grid-template-columns: 1fr 1fr;padding:30px 30px 50px;}
    #main5 .main5M .main5BTM .main5HF h1 {margin: 0 0 15px;font-size: 17px;word-break:keep-all;}
    #main5 .main5M .main5LHF {left: 15%;}
    #main5 .main5M .main5RHF {right: 15%;}
    #main5 .main5M .main5OHF .main5circle {padding: 40px;}
    #main6 {padding: 20px 0 30px;}
    #main6 .main6T h1 {margin: 0 0 15px;font-size: 24px;}
    #main6 .main6T h5{font-size:20px;word-break:keep-all;}
    #main6 .main6TM .main6CM{padding:20px;}
    #main6 .main6TM .main6CM .main6CT h1{font-size:20px;}
    #main6 .main6TM .main6BG{padding:120px;}
    #main6 .main6BM .main6B .main6CM{padding:20px;}
    #main6 .main6BM .main6B .main6CM .main6CT h1{font-size:20px;}
    #main7{overflow:hidden;}
    #main7 .main7T {padding: 0 0 15px;}
    #main7 .main7T h1 {margin: 0 0 15px;font-size: 24px;}
    #main8 {padding: 20px 0 30px;}
    #main8 .main8T h1 {margin: 0 0 15px;font-size: 24px;}
    #main8 .main8T h5 {margin: 0 0 10px;font-size: 20px;}
    #main8 .main8T h6{font-size:17px;word-break:keep-all;}
    #main8 .main8M{gap:15px;flex-wrap: wrap;}
    #main8 .main8M .main8HF {padding: 70px;}
    #main8 .main8M .main8HF img{top:35%;}
    #main8 .main8M .main8HF h1{font-size:17px;}
}
@media (max-width:320px) {

}