:root{
    --primary-color: #00FDD2;
    --black: #000000;
    --white: #FFFFFF;
    --light: 300;
    --regular: 400;
    --medium: 600;
    --bold: 700;
}
body { width: 100%; overflow-x: hidden; }
body { font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: var(--regular); color: #a2a2a2; }
.btn, a { -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

h1 { font-size: 38px; color: var(--black); font-weight: var(--medium); line-height: 64px; margin: 0 0 24px; }
h1 span { font-weight: var(--bold); color: var(--primary-color); }

h2 { font-size: 32px; font-weight: var(--bold); margin: 0 0 24px; color: var(--black); }
h2 span { color: var(--primary-color); }

.btn-title { display: flex; justify-content: space-between; align-items: center; margin: 0 0 24px; }
.btn-title h2 { margin: 0; }

.form-control { height: 52px; border-radius: 8px; color: #DEDEDE; font-size: 14px; box-shadow: none !important; padding: 10px 15px; }
.form-control::placeholder { color: #ccc; }

.btn{padding:8px 20px;font-size:14px;font-weight:var(--medium);box-shadow:none!important;border-radius:4px;min-width:110px;height:42px;line-height: 22px;}
.btn-01 { background-color: var(--primary-color); }
.btn-01 svg { margin-left: 20px; }
.btn-01:hover { background-color: var(--black); color: var(--white); }
.btn-txt { padding: 8px 0; color: var(--primary-color); }
.btn-02{background-color: var(--white);border:2px solid var(--primary-color);}
.btn-02 svg { margin-right: 20px; }
.btn-02:hover { background-color: var(--black); color: var(--white);border-color: var(--black); }
.btn-03{background-color: var(--white);border:2px solid var(--primary-color);}
.btn-03 svg { margin-left: 20px; }
.btn-03:hover { background-color: var(--black); color: var(--white); border-color: var(--black);}

header { background-color: var(--black); }
.navbar { padding: 18px 0; }
.navbar-dark .navbar-nav .nav-link { color: var(--white); font-size: 14px; padding: 14px 22px; position: relative; }
.navbar-dark .navbar-nav .nav-link:after { content: ""; width: 1px; height: 12px; background-color: var(--white); position: absolute; top: 0; right: 0; bottom: 0; margin: auto 0; }
.navbar-dark .navbar-nav .nav-item:last-child .nav-link { padding-right: 0; }
.navbar-dark .navbar-nav .nav-item:last-child .nav-link:after { display: none; }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: var(--primary-color); }
.navbar-dark .navbar-toggler  { border: 0; padding: 0; outline: none; }
.navbar-dark .navbar-nav .nav-link.border-btn { border: 1px solid #FFF; padding: 8px 12px !important; margin-left: 24px; border-radius: 4px; }
.navbar-dark .navbar-nav .nav-link.border-btn:hover { border-color: var(--primary-color); }
.navbar-dark .navbar-nav .nav-link.border-btn svg { margin-left: 4px; }
.navbar-dark .navbar-nav .nav-link.border-btn:after { display: none; }

.banner { position: relative; }
.banner .banner-inner { position: relative; }
.banner .banner-inner .banner-caption { width: 615px; background: var(--white); position: absolute; top: 100px; left: 0; right: 0; margin: 0 auto; text-align: center; padding: 30px 30px; z-index: 1; }
.banner .banner-inner .banner-caption-border { width: 600px; height: 421px; border: 10px solid var(--primary-color); position: absolute; top: 110px; left: 0; right: 0; margin: 0 auto;
    -ms-transform: rotate(-10deg); transform: rotate(-10deg); }
.banner .banner-inner .banner-caption .cat-type-txt { font-size: 16px; font-weight: var(--medium); text-transform: uppercase; text-align: center; position: relative; z-index: 1; margin: 0 0 10px; }
.banner .banner-inner .banner-caption .cat-type-txt:after { content: ""; width: calc(100% + 60px); height: 1px; background: #707070; opacity: 0.2; position: absolute; top: 0; bottom: 0; left: -30px; margin: auto 0; z-index: -1; }
.banner .banner-inner .banner-caption .cat-type-txt span { background: #FFF; display: inline-block; padding: 0 16px; }

.banner .bottom-shape { position: absolute; bottom: 40px; left: 0; z-index: 1; opacity: 0.4; }
.banner .top-shape { position: absolute; top: 40px; right: 0; z-index: 1; opacity: 0.4; }
.banner .owl-nav { margin: 0; position: absolute; bottom: 20px; right: 30px; }

.materials-section { padding: 100px 0 0 0; }
.materials-section .card { height: calc(100% - 30px); border: 0; border-radius: 12px; overflow: hidden; margin-top: 30px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16); }
.materials-section .card .title-car-main { display: flex; justify-content: space-between; align-items: center; margin: 0 0 16px; }
.materials-section .card .title-car-main span{opacity:.4;font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:2;text-transform:uppercase;letter-spacing:.14px;text-align:right;color:#333}
.materials-section .card .card-title { font-size: 22px; font-weight: var(--medium); margin: 0; position: relative; color: var(--black); }
.materials-section .card .card-title:after { content: ""; width: 40px; height: 4px; background: var(--primary-color); position: absolute; top: -20px; left: 0; }
.materials-section .card .card-text { line-height: 24px;color: #333; opacity: 0.4;}
.materials-section .card .type-txt { background: #D0FFF7; border: 2px solid var(--primary-color); margin: 0; padding: 4px 15px; font-size: 10px; color: var(--black); border-radius: 0 8px 8px 0; text-transform: uppercase;
    position: absolute; top: 30px; left: 0; }
.materials-section .card .bottom-btn-main { padding-top: 15px; border-top: 1px solid #f1f1f1; }
.materials-section .card .btn-01 { padding: 8px 15px; font-size: 13px;line-height: 22px; }
.materials-section .container { position: relative; }
.materials-section .container:after { content: ""; width: 540px; height: 540px; background: url('../images/round-shape-01.png') no-repeat center center; background-size: cover; position: absolute; top: 385px; right: -255px; z-index: -1; }
.materials-section.home-s .container:after { content: ""; width: 540px; height: 540px; background: url('../images/round-shape-01.png') no-repeat center center; background-size: cover; position: absolute; top: -170px; right: -255px; z-index: -1; }
section.materials-section.materials-section-cs .container:after{top: 309px;}
.home-badge{font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:22px;letter-spacing:.29px;text-align:left;color:#000;padding:0 15px;border:solid 1px #00fdd2;background-color:#d0fff7;position:absolute;left:0;top:25px;border-radius:0 2px 2px 0;text-transform:uppercase}
.vm-dark-text{font-size:13px;font-weight:600;font-stretch:normal;font-style:normal;line-height:2.15;letter-spacing:.31px;text-align:left;color:#333}
@media(min-width: 768px) {
.email-con{height:42px;border-radius:4px}
.email-con-btn:hover{opacity:.95;background-color:var(--primary-color)}
}

.n-form-group{position: relative}
.n-form-group:before{content: "";background-image: url(../images/envelope.svg);width:20px;height: 14px;right: 20px;top: 20px;position:absolute;}

.section-two { position: relative;  }
.section-two .img-shape-img { position: absolute; top: 30px; left: -50px; z-index: 100; }
.newas-letter-section { width: 100%; height: 100%; background: #F4F4F4; padding: 80px 0; position: relative; z-index: 1; position: relative; }
.newas-letter-section:after { content: ""; width: 300%; height: 100%; background: #F4F4F4; position: absolute; top: 0; bottom: 0; right: 100%; z-index: -1; }
.newas-letter-section .social-media-man { margin-top: 40px; }
.newas-letter-section .social-media-man h3 { font-size: 16px; font-weight: var(--medium); text-transform: uppercase; color: var(--black); text-align: center; position: relative; z-index: 1; margin: 0 0 26px; }
.newas-letter-section .social-media-man h3:after { content: ""; width: 100%; height: 1px; background: #707070; opacity: 0.2; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0; z-index: -1; }
.newas-letter-section .social-media-man h3 span { background: #F4F4F4; display: inline-block; padding: 0 16px; }
.newas-letter-section .social-media-man ul { list-style-type: none; display: flex; justify-content: center; align-items: center; padding: 0; margin: 0; }
.newas-letter-section .social-media-man ul li { margin: 0 6px; }
.newas-letter-section .social-media-man ul li a { width: 32px; height: 32px; border-radius: 32px; display: inline-block; background: var(--white); border: 2px solid var(--primary-color); text-align: center; line-height: 30px; color: var(--primary-color); }
.newas-letter-section .social-media-man ul li a svg { width: 8px; }
.newas-letter-section .social-media-man ul li a:hover { background-color: var(--primary-color); color: var(--black); }
.section-two .social-feeds-main { /*width: 100%; overflow: hidden; display: inline-block;*/ position: absolute;right: -15px;z-index: 1;top: 60px;}
.w-160{width: 160px;}
.w-160 i {margin-left: 15px;}
.section-two .container { position: relative; }
/* .section-two .social-feeds-main img { width: 100%; } */
.section-two .btn-block svg { margin-left: 6px; top: 2px; position: relative }
.newas-letter-section button.btn.btn-01.btn-block{height: 52px;}

.news-section { padding: 100px 0; }
.news-section .card { border: 0; border-radius: 12px; overflow: hidden; margin-top: 30px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16); }
.news-section .card .title-car-main { display: block; margin: 0 0 10px; }
.news-section .card .title-car-main span { font-size: 13px; display: inline-block; margin-top: 6px; }
.news-section .card .card-title { font-size: 22px; font-weight: var(--medium); margin: 0; position: relative; color: var(--black); }
.news-section .card .card-title:after { content: ""; width: 40px; height: 4px; background: var(--primary-color); position: absolute; top: -20px; left: 0; }
.news-section .card .card-text { color: #333;
    opacity: 0.4;line-height: 24px; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; }
.news-section .card .type-txt { background: #D0FFF7; border: 2px solid var(--primary-color); margin: 0; padding: 4px 15px; font-size: 10px; color: var(--black); border-radius: 0 8px 8px 0; text-transform: uppercase;
    position: absolute; top: 30px; left: 0; }
.news-section .card .social-icons li:first-child{margin-left: 0}
.news-section .card .social-icons { list-style-type: none; display: flex; align-items: center; padding: 0; margin: 0; }
.news-section .card .social-icons li { margin: 0 6px; }
.news-section .card .social-icons li a { width: 26px; height: 26px; border-radius: 26px; display: inline-block; background: var(--white); border: 2px solid #959595; text-align: center; line-height: 22px; color: #959595; }
.news-section .card .social-icons li a svg { width: 8px; }
.news-section .card .social-icons li a:hover { background-color: var(--primary-color); color: var(--black); border-color: var(--primary-color); }

.news-section .container { position: relative; }
.news-section .container:after { content: ""; width: 540px; height: 540px; background: url('../images/round-shape-01.png') no-repeat center center; background-size: cover; position: absolute; top: -170px; left: -255px; z-index: -1; }

.event-section { padding: 30px 0 0; }
.event-box { display: flex; border-radius: 8px; overflow: hidden; background: var(--white); margin: 8px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16); }
.event-box .img-box { width: 25%; }
.event-box .img-box img { width: 100%;height: 100%; }
.event-box .content { width: 75%; padding: 15px 20px; }
.event-box .content .date-time { font-size: 12px; color: #333333; opacity: 0.4; margin: 0 0 4px; }
.event-box .content h3 { font-size: 18px; color: vaR(--black); font-weight: var(--medium); margin: 0 0 10px; }
.event-box .content .text-dec { margin: 0; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; }
.event-box .content .btn-txt { padding: 0; margin: 4px 0 0; }
.ftr-title{font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;line-height:2;letter-spacing:.34px;text-align:left;color:#fff}
.ftr-f-title{font-size:13px;font-weight:500;font-stretch:normal;font-style:normal;line-height:2.15;letter-spacing:.31px;text-align:left;color:#fff}
footer { background: var(--black); padding: 60px 0 40px; margin-top: 60px; font-size: 13px; color: var(--white); line-height: 24px; }
footer a { color: var(--white); }
footer a:hover { color: var(--primary-color); text-decoration: none; }
footer .footer-logo { margin: 0 0 20px; }
footer .link-ul li:not(:last-child) { margin-bottom: 10px; }
footer .media { margin-bottom: 20px; font-weight: 500;}
footer .media svg { width: 18px !important; height: 18px !important; margin-right: 12px; color: var(--primary-color); position: relative; top: 4px; }
footer .sub-footer { border-top: 1px solid rgba(255,255,255,0.3);padding-top: 40px;display: flex;align-items: center;justify-content: space-between;margin-top: 40px; }
footer .social-media { list-style-type: none; display: flex; justify-content: center; align-items: center; padding: 0; margin: 0; }
footer .social-media li { margin: 0 6px; }
footer .social-media li a {width: 32px;height: 32px;border-radius: 28px;display: inline-block;border: 1px solid var(--primary-color);
    text-align: center;line-height: 32px;color: var(--primary-color); }
footer .social-media li a svg { width: 6px; }
footer .social-media li a:hover { background-color: var(--primary-color); color: var(--black); }
footer .sub-footer p  { margin: 0; }

.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev { width: 32px; height: 32px; border: 1px solid var(--black); font-size: 24px; line-height: 28px; color: var(--black); outline: none; }
.owl-carousel .owl-nav button.owl-next:hover, 
.owl-carousel .owl-nav button.owl-prev:hover { background: var(--primary-color); border-color: var(--primary-color); color: var(--black); }
.event-section .owl-theme .owl-nav { margin: 0; position: absolute; top: -65px; right: 10px; }
.owl-dots{position: absolute; bottom: 0; text-align: center; width: 100%;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #00fdd2;}
/*
@media(min-width: 1100px) {
.owl-carousel .owl-item img{height: 542px;}
}
*/

@media(max-width: 1200px) {
    .materials-section .container:after,
    .news-section .container:after { display: none; }
    .navbar-dark .navbar-nav .nav-link { padding: 14px 16px; }
    .navbar-dark .navbar-nav .nav-link.border-btn { margin-left: 16px; }
    .banner .banner-inner .banner-caption-border, .banner .banner-inner .banner-caption { top: 60px; }
}
@media(max-width: 992px) {
    h1 { font-size: 32px; line-height: 42px; margin: 0 0 14px; }
    h2 { font-size: 28px; margin: 0 0 18px; }
    .banner .inner-main .caption { padding: 30px 30px; position: relative; z-index: 100; }
    .banner .bottom-shape { width: 30%; bottom: 20px; }
    .banner .top-shape { width: 30%; top: 20px; }
    .materials-section .card .title-car-main { display: block; }
    .section-two .img-shape-img { width: 40%; }
    .banner .banner-inner .banner-caption { top: 50px; }
    .banner .banner-inner .banner-caption-border { top: 50px; height: 281px; }

    .navbar-dark .navbar-nav .nav-link:after { display: none; }
    .navbar-dark .navbar-nav .nav-link.border-btn { margin-left: 19px; margin-top: 15px; display: inline-block; }
    .detail-section .detail-main .material-properties-section .material-properties-inner-box .material-properties-table h5:after{width: 125px;}
}
@media(max-width: 767px) {
    h1 { font-size: 28px; line-height: 38px; }
    h2 { font-size: 26px; }
    .btn-title { display: block; }
    .btn-title h2 { margin: 0 0 12px; }

    .banner .inner-main { flex-direction: column; }
    .banner .inner-main .banner-img,
    .banner .inner-main .caption { width: 100%; }
    .banner .top-shape, .banner .bottom-shape { width: 50%; }
    .banner .inner-main .caption { padding: 20px 20px; }
    .banner .owl-theme .owl-nav { width: auto; right: 10px; }
    .banner .banner-inner .banner-caption { width: calc(100% - 30px); position: relative; margin-top: -50px; top: 0; }
    .banner .banner-inner .banner-caption-border { display: none; }

    .section-one, .materials-section, .news-section { padding: 50px 0; }
    .section-one .img-main { display: none; }
    .video-section { height: 320px; }
    .materials-section .btn-title,
    .news-section .btn-title { margin: 0; }
    .materials-section .card,
    .news-section .card { margin-top: 20px; }
    .materials-section .card  { height: auto; }

    .newas-letter-section { width: 100%; padding: 30px 30px; }
    .newas-letter-section:after { display: none; }
    .section-two .social-feeds-main { position: static; width: 100%; margin-top: 30px; }
    .section-two .container { padding-bottom: 0; }
    footer .sub-footer { margin-top: 20px; }
    .detail-section .detail-main .detail-inner-box{margin-bottom: 40px;}
    .detail-section .detail-main .material-properties-section .material-properties-inner-box .material-properties-table h5:after{width: 340px;}
    .detail-section .btn-main{text-align: center;}
}
@media (max-height: 575px){
    .detail-section .detail-main .material-properties-section .material-properties-inner-box .material-properties-table h5:after{width: 124px;}
    .detail-section .btn-main a:first-child{margin-bottom: 12px;}
}

/*detail-page*/
.detail-section{padding: 100px 0 0 0;}
.detail-main{margin-bottom: 40px;}
.detail-inner-box .social-icons ul { list-style-type: none; display: flex; padding: 0;margin-bottom: 10px; }
.detail-inner-box .social-icons ul li { margin: 0 6px; }
.detail-inner-box .social-icons ul li h6{ margin: 0; }
.detail-inner-box .social-icons ul li a { width: 24px; height: 24px; border-radius: 24px; display: inline-block; background: var(--white); border: 2px solid var(--primary-color); text-align: center; line-height: 20px; color: var(--primary-color); }
.detail-inner-box .social-icons ul li a svg { width: 8px; }
.detail-inner-box .social-icons ul li a:hover { background-color: var(--primary-color); color: var(--black); }
.detail-inner-box p{margin-bottom: 18px;}
.material-properties-section{padding: 20px;background-color:#f4f4f4;}
.material-properties-section h4{color: var(--black);font-size: 20px;}
.material-properties-section .material-properties-inner-box{border-top: 1px solid #efefef;}
.material-properties-section .material-properties-inner-box .material-properties-table{padding-top: 6px;display: flex;justify-content: space-between;}
.material-properties-section .material-properties-inner-box .material-properties-table h5{color:#848484;font-size: 12px;position: relative; margin-right: 10px;}
.material-properties-section .material-properties-inner-box .material-properties-table h5:after{  content: '';position: absolute; border-bottom: 2px dashed #d7d7d7;left: 70px; width: 180px;top: 6px;display: block;display: none;}
.material-properties-section .material-properties-inner-box .material-properties-table h6{color:#333333;font-size: 12px;font-weight: var(--bold);margin-left: 10px; }
.m-line{border-top:1.5px #707070 dashed;width:83%;position:relative;top:6px;opacity:.32}
.btn-title{padding-top: 20px;margin: 0;}
.btn-main{border-top: 1px solid #ebebeb;}
.soc-news a{color:#00fdd2}
.soc-news a:hover{color:#333}
.soc-news li{list-style-type:none}
.soc-news{position:absolute;right:20px;display:flex;justify-content:center;bottom:10px}
.soc-news ul{display:flex;justify-content:center}
.soc-news ul li{margin-right:8px;font-weight:500}
.material-btn{min-width:198px!important;max-width:198px!important;text-transform:uppercase;padding:8px 10px;}
.dark-txtdv p{opacity:.6;font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:.17px;text-align:left;color:#333!important}
.detail-section-content .container{position: relative;}
.detail-section-content .container::after{content: ""; width: 540px; height: 540px; background: url(../images/round-shape-01.png) no-repeat center center; background-size: cover; position: absolute; top: 50%; transform: translateY(-50%); right: -200px; z-index: -1;}
.detail-section-content .date, .news-wrapper .date{text-transform: uppercase; padding-bottom: 20px; display: block;color: #333;}

.detail-section .share{color:#333; font-weight: 500;display: flex;justify-content: space-between;align-items: center;width:45%;padding-bottom: 25px;}
.detail-section .social-media { list-style-type: none; display: flex; padding: 0; margin: 0; }
.detail-section .social-media li { margin: 0 6px; }
.detail-section .social-media li a { width: 28px; height: 28px; border-radius: 28px; display: inline-block; border: 1px solid var(--primary-color); text-align: center; line-height: 26px; color: var(--primary-color); }
.detail-section .social-media li a svg { width: 100%; }
.detail-section .social-media li a:hover { background-color: #00fdd2; color: #000;}
.detail-section .social-media li a:hover svg path { fill: #000;}
.detail-content p {line-height: 26px;color: #333;opacity: 0.6;padding-bottom: 10px;}
.detail-content a:hover svg path{fill: #fff;}
.detail-right {background: #f4f4f4; padding: 30px 0px 20px 20px;position: relative;}
.detail-right:after{background: #f4f4f4; content: "";position: absolute; top: 0; right: -100%; width: 100%; height: 100%;}
.news-wrapper .date{padding-bottom:15px}
.news-wrapper .container::after{top:25.8%;transform:translateY(-50%)}
.hero{padding-top:40px}
.hero-banner{background:url(../images/banner.png) no-repeat center;background-size:cover;height:178px;position:relative;display:flex;flex-direction:column;justify-content:center;z-index:9;box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.08);}
.hero-banner:before{content:"";background:#00FDD2;height:80px;width:12px;left:0;top:50%;position:absolute;transform:translateY(-50%)}
.hero-banner h1{color:#fff;padding-left:50px;margin-bottom:0}
.hero-banner p{color:#fff;padding-left:50px;margin-bottom:0}
.inner-page .container{position:relative}
.inner-page .container:after{background:url(../images/banner-shape-01.png) no-repeat;content:"";height:99px;width:422px;position:absolute;left:-67px;top:auto;z-index:1;bottom:-45px}
.hero-banner:before{height:150px}
.hb-line:before{height:80px}
.dropdown-toggle::after{position:absolute;right:16px;top:23px}
section.materials-section.news-wrapper.events-wrapper .date{padding-bottom:15px;font-weight:500;font-size:12px}
section.materials-section.news-wrapper.events-wrapper .title-car-main{margin:0 0 7px}
section.materials-section.news-wrapper .title-car-main{margin:0 0 7px}
a.btn.btn-txt{min-width:auto;margin-top:0;padding-top:0;height:auto;padding-bottom:0}
.text-ch p{font-size:20px;line-height:34px;color:#333}
.cl-detail-btn{margin-bottom:35px;display:flex;justify-content:space-between}
.detail-main .material-properties-section h4{color:var(--black);font-size:20px;border-bottom:1px solid #e5e0e0;padding-bottom:10px;margin-bottom:10px;font-weight:600}
.cl-detail-btn a{min-width:160px;height:45px;line-height:27px}
.btn-main svg.svg-inline--fa.fa-angle-left.fa-w-8{margin-top:4px}
a.btn.btn-03 svg.svg-inline--fa.fa-angle-right.fa-w-8{margin-top:3px}
@media (min-width: 767px) {
.innerbnr-w{width:55%}
}
.hero-banner.listing-hero{height:245px;background: url(../images/banner-a.jpg) no-repeat center;background-size: cover;}
button#dropdownMenuButton{background:transparent;color:#000;border-color:#00fdd2}
.materials-section .card .card-body .bottom-btn-main{margin-top:10px}
.hm-mat-lbl{line-height:1.5;letter-spacing:.29px;text-align:right;color:#333;width:102px;position:absolute;bottom:20px;top:auto;right:10px;font-size:12px;font-weight:500}
input.search {background-color: var(--white); border: 2px solid var(--primary-color); padding: 10px 20px; max-width: 550px; width: 100%; border-radius: 5px;}
.filter-wrap{-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16); background-color: #fff; padding: 20px 30px;}
.filter-wrap .dropdown .btn{width: 300px; text-align: left;}
.dropdown-menu {min-width: 100%;}
.search-btn {width: 165px;line-height: 22px;}
.page {justify-content: center; margin-top: 70px;}
.pagination-lg .page-item:first-child .page-link, .pagination, .pagination-lg .page-item:last-child .page-link{border-radius: 0;}
.pagination li.page-item {margin-right: 20px;}
.pagination li.page-item:last-child{margin-right: 0;}
.pagination-lg .page-link{color: #aeaeae; border-color: #aeaeae;}
.page-item.active .page-link{background-color: #fff; border-color: #00FDD2; color: #00FDD2;}
.page-link:hover{background-color: #fff;border-color: #00FDD2; color: #00FDD2;}
.event-detail .detail-inner-box .social-icons ul li a{width: 30px; height: 30px;}
.page-link{padding:.5rem .75rem!important;line-height:1.25!important;font-size:16px!important}

.event-time {position: relative;padding-top: 30px;}
.event-time:before{background: #00FDD2; left: 0; top: 10px; width: 40px; height: 4px; content: ""; position: absolute;}
h3 {font-size: 22px; color: #000;margin-bottom: 10px;}
.event-time p, .event-time span{text-transform: uppercase; color: #000; font-size: 13px; margin-bottom: 0;}
.event-content {padding-top: 40px;}
.event-detail .container::after{content: ""; width: 540px; height: 540px; background: url(../images/round-shape-01.png) no-repeat center center; background-size: cover; position: absolute; top: -270px; right: -255px; z-index: -1;}
.event-detail .social-icons {padding-top: 20px;}
.event-detail .detail-inner-box .social-icons ul li:first-child{margin-left: 0}
.event-detail .detail-inner-box .social-icons ul li a{border:none}
.event-contact {background: #fff; -webkit-box-shadow: 0 20px 60px 0 rgba(62, 62, 62, 0.08); -moz-box-shadow: 0 20px 60px 0 rgba(62, 62, 62, 0.08); box-shadow: 0 20px 60px 0 rgba(62, 62, 62, 0.08); padding: 30px 15px;border-radius: 8px;}
.event-contact h3{text-align:center;font-weight:600;font-size:32px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.88;letter-spacing:normal;text-align:center;color:#222}
.event-content p{font-size:15px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.6;letter-spacing:.18px;text-align:left;color:#333}

.event-opacity .card-text{opacity: 1 !important}

.event-contact .form-control {border-top: none; padding-left: 0; border-left: none; border-right: none; border-radius: 0;height: 45px;}
.event-contact label {color: #222;margin-bottom: 0;}


.events-wrapper .container::after {top: 20%;transform: translateY(-20%);}
.events-wrapper .card {display: flex;flex-direction: row;box-shadow: 0 3px 8px 0 rgb(0 0 0 / 8%);border-radius: 20px;}
.events-wrapper .card img{width: auto;}
.events-wrapper .social-icons img:hover{opacity: 0.6}
.events-wrapper .card-body {display: flex; flex-direction: column;justify-content: center; align-items: flex-start;}
.events-wrapper .social-icons ul{ padding: 0;margin: 5px 0 25px;}
.events-wrapper .social-icons li {list-style: none; display: inline-block; margin-right: 10px;}

.contact-us .detail-main {background: #fff;-webkit-box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 16%);-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16);box-shadow: 0 20px 60px 0 rgb(62 62 62 / 8%);padding: 30px 15px;position: relative;border-radius: 8px;}
.contact-us .detail-main:after{content: ""; width: 540px; height: 540px; background: url(../images/round-shape-01.png) no-repeat center center; background-size: cover; position: absolute; top: 90px;
right: -270px; z-index: -1;}
.contact-us .event-contact{box-shadow: none;}
.contact-us.event-detail .container::after{display: none;}
.contact-us .form-control{height: auto;}
.address {color: #333; display: flex; flex-direction: column; padding: 60px 20px 0 0;}
.address span {display: block; padding-bottom: 15px; font-size: 16px;font-weight: 500;}
.contact-us label{margin-bottom: 10px; margin-top: 5px;font-weight: 500;}
.register{padding-top:70px;max-width:520px;margin:0 auto}
.register .container:after{display:none}
.register .detail-main:after{display:none}
.c-fp{font-size:13px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.54;letter-spacing:normal;text-align:left;color:#222}
.c-fp:hover{opacity:.8;color:#222}

@media (max-width: 768px){
padding-top: 70px;
max-width: 100%;
margin: 0px auto;
}


@media (max-width: 1200px){
    .detail-section-content .container::after, .event-detail .container::after, .contact-us .detail-main:after{display: none;}
    .section-two .social-feeds-main img{width: 75%;}
}

@media (max-width: 991px){
    .events-wrapper .card-body{padding: 20px 10px 0px 20px;}
    .event-contact{margin-top: 40px;}
    .section-two .social-feeds-main{position: static;}
    .section-two .social-feeds-main img { width: 100%;  }
}

@media (max-width: 767px){
    .page {margin-top: 30px; margin-bottom:30px}
    .pagination li.page-item {margin-right: 10px;}
    .page-item .page-link {padding: 5px 12px; font-size: 16px; line-height: normal;}
    .detail-section.detail-section-content, .event-detail{padding: 50px 0;}
    .events-wrapper .card{flex-direction: column;}
    .events-wrapper .card img{width: 100%;}
    .events-wrapper .card-body {padding: 40px 10px 20px 20px;}
    .event-contact {margin-top: 10px; margin-bottom: 20px;}
    .contact-us .event-contact {margin-top: 0; margin-bottom: 0; padding: 0;}
    .contact-us .detail-main{padding-bottom: 0;}
    .address{padding:40px 20px 30px 20px; display: block;}
    .address img{width: 100%;}
     .section-two .social-feeds-main { position: static; width: 100%; margin-top: 30px; }
    .section-two .container { padding-bottom: 0; }
}