/* Designed by Bashir Noori - www.bashirnoori.com */
html, body { overflow-x: hidden !important; overflow-y: visible !important; }
body {
  background: #fff;
  font-size: 16px; 
  font-family:'Roboto', sans-serif;
}

header {background: #333 !important;position: relative;width: 100%;left: 0;top: 0;z-index: 10;}
.topnav {background: linear-gradient(180deg, #ffffff, #edf8ff);border-bottom: 1px solid #dae6d5;padding: 0.4em 0rem;color: #777;}
.topnav .icons {margin-top: 2px;}
.topnav .icons a {color: #666; font-size: 17px; padding: 0;}
.topnav a {color: #666; padding-right: 0.5em; text-decoration: none;}
.topnav a:hover {color:#333;}
.topnav .slogan{margin: 0 2em; }

.header {}
.logo img{height: 70px;width: auto;margin: 12px 0px 12px 0;}
.logo img:hover {opacity: 0.9;}

.navbar-brand {width: 120px;}
.navbar-brand img {max-width: 100%;}

.header .icon-listing {display: flex;align-items: center;margin-top: 0.6rem;}
.header .icon-listing .icon-item {display: flex; align-items: center; margin-left:3em; transition: 0.3s; }
.header .icon-listing .icon-item .info {display: flex;flex-direction: column;color: #000;opacity: 0.6;}
.header .icon-listing .icon-item .info  span:last-child{}
.header .icon-listing .icon-item:hover .info, .header .icon-listing .icon-item:hover .info  span:last-child{opacity: 0.9;}
.header .icon {font-size: 3em;font-family: var(--bs-font-sans-serif);color: #cfa54b;display: inline-block;margin-top: -5px;}
.header p {}

.language {float:right;margin-top: 0.7rem;}
.language img {width: 22px;height: 22px;}
.language a {opacity:0.8;color: #000;text-decoration:none;margin-left: 9px;transition: 0.2s}
.language a:hover {opacity:1; }

/* SLIDESHOW
-------------------------------------------------- */


.head-banner {text-align: center;position: relative;}
.head-banner img{width:100%;height:auto;margin:0;padding:0;border:none; -webkit-animation: zooming 5s infinite; animation: zooming 5s infinite;}
.head-banner .content {position: absolute;z-index: top:5rem;width:70%;margin:0 auto;bottom: 6rem;width: 100%;left: 0;color: #fff;}
.head-banner h1 {font-size: 2rem;font-weight: bold;}
.head-banner h2 {font-size: 1.4rem;}

@-webkit-keyframes moving-line-bg {
  0% {background-position:-30%}
  50% {background-position:120%}
  100% {background-position:-30%}
}
@keyframes moving-line-bg {
  0% {background-position: -30%;}
  50% {background-position: 120%;}
  100% {background-position: -30%;}
}



.slideshow {color: #fff;margin-bottom: 0;margin-top: 0;}

/* Since positioning the image, we need to help out the caption */
.slideshow .carousel-caption {
  bottom: unset;
  top: 20rem;
  z-index: 10;
  color: #fff;
  width: 50%;
  left: 0;
  position: relative;
  text-shadow: 0 0 60px rgba(0,0,0,0.5);
}
.slideshow h1 {
  color: #fff;
  font-size: 3.3rem;
  font-weight: bold;
  line-height: 1.2em;
  margin-bottom: 1.5rem;
  transition: 0.4s;
}
/*.slideshow h1:before{content:""; width:4rem; height:4rem; position: absolute; left:-2rem; top:-0.5rem; border-top:10px solid #ce2029; border-left:10px solid #ce2029}
.slideshow h1:after{content:""; width:4rem; height:4rem; position: absolute; right:0; bottom:2rem; border-bottom:10px solid #ce2029; border-right:10px solid #ce2029; border-bottom-right-radius:100%; }
*/
.slideshow .intro {
  font-size: 1.3em;
  width: auto;
  display: inline-block;
  color: #cfa54b;
  margin-bottom: 0.8rem;
  display: none;
}
.slideshow p {font-size: 1.3em;color: rgba(255,255,255,0.6);line-height: 1.4em;padding-bottom: 1rem;}

/* Declare heights because of positioning of img element */
.slideshow .carousel-item {
  height: 50rem;
}
.slideshow .carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.slideshow .carousel-indicators [data-bs-target] {height: 5px;}
.slideshow a {font-size: 0.9em;}
.slideshow .btn {text-shadow:none;background: #cfa54b;border: none !important;color: #fff;font-weight: bold;padding: 15px 25px;border-radius: 0 20px 20px 20px;line-height: 1em;}
.slideshow .btn:hover {background: rgba(255,255,255,0.8);border: 1px solid #4a463b;color: #000;}
.carousel-control-next, .carousel-control-prev {width:5%}
/* Shadow Dark Slider BG */
.slideshow .carousel-item:before{content:"";position:absolute;width: 100%;left:0;right:0;bottom:0;top:0;z-index: 2;}

.side-image{background-color: #333;color:#fff;padding: 2rem 0 6rem 0;animation: moving-line-bg 40s linear infinite;background-size: contain;background-repeat: no-repeat;background-position: 120%;background-image: url(../images/map-dotted.png);}
.side-image .carousel-item {position:relative;height: auto !important;display: flex;flex-direction: row-reverse;align-content: center;align-items: center;justify-content: center;}
.side-image .carousel-item:after{display:none;}
.slideshow .carousel-item:before{display: none}
.side-image .carousel-item .img {width: 52%;position: relative;display: block;}
.side-image .carousel-item .img video{width: 100%;height:auto;border-radius: 80px 0 80px 0;mix-blend-mode: luminosity;-webkit-mix-blend-mode: luminosity;}
.side-image .carousel-item img {width: 100%;height:auto;position: relative;margin-top: 20px;border-radius: 20px;}
.side-image .carousel-item .img::after{display:block;content:"";width: 98%;height: 91%;background: #000000;position: absolute;left: -18px;z-index: -1;top: 2px;opacity: 0;border-radius: 20px;}
.side-image .carousel-item .text{width:48%}
.side-image .carousel-caption {width: auto;padding-right: 4rem;}
.side-image .btn {background: #cfa54b;color: #000;border:none;}
.side-image .btn-secondary{background:transparent;color:#cfa54b; border:2px solid #cfa54b;margin-left:5px}
.side-image .carousel-caption {top:0 !important; text-shadow: none !important}
.side-image p {width: 90%;}
.side-image .carousel-indicators {margin-bottom: 2rem;}
.side-image .carousel-indicators [data-bs-target]{width: 0.8rem;height: 0.8rem;border-radius:50%;}




.home-video{background: #ffffff;padding:5rem 0;}
.home-video .video{padding: 0;overflow: hidden;border-radius: 20px;margin-right: 2rem;}
.home-video .video img {width:100%;height: auto}
.home-video .video video{width:100%;height:auto;border-radius: 25px;}
.home-video .text h4 {font-size: 1.8rem;margin-bottom: 1rem;}
.home-video .text p {font-size: 1.2rem;}

.banner-icons {text-align: right;background: #3446a3;color:#fff;}
.banner-icons a {font-size: 1rem;color:#fff;display: inline-block;margin: 6px 2px;padding: 4px;border-radius: 50%;width: 2rem;height: 2rem;text-align: center;background: rgba(255,255,255,0.1);line-height:1rem;align-content: center;transition:0.4s}
.banner-icons a:hover{background:#cfa54b;opacity:1}
.banner-icons form, .banner-icons input {display: inline-block;}
.banner-icons input {background: #fff;padding: 3px 10px;border:0;margin: 6px 10px;border-radius: 8px;outline: none;width:200px;transition:0.2s;}
.banner-icons input:hover{}
.banner-icons input:focus{width:220px;}

.banner-icons .list {float:left;display: flex;gap:20px;margin-top: 12px;}
.banner-icons .lang {margin: unset; display: unset; background: unset; text-decoration: none; font-size: 1.2rem; font-weight: bold; font-family: 'b nazanin'; margin-top: -7px; margin-right: 10px;}
.banner-icons .lang:hover{background:transparent;color:#cfa54b}

.consult-banner {background: #cfa54b;color: #fff;}
.consult-banner .inner{padding: 3rem; transition: 0.3s;}
.consult-banner .inner:hover{}
.consult-banner h3 {font-weight: bold;font-size: 3em;}
.consult-banner p {font-size: 1.2em;margin: 0}
.consult-banner .btn {font-weight:bold;padding: 10px;margin: 5px;font-size: 1.4em;background: #fff;border:0;color: #000;margin-top: 1rem;width: 12rem;display: inline-block;border-radius: 20px;}
.consult-banner .btn:hover {background:#222; color: #fff; }



.dark-intro{padding-bottom:5rem;background-image:url(../images/bg-dark.jpg);background-color: #212121;background-size: cover;background-attachment: fixed;background-repeat: repeat-x;}

.banner-car{color: #fff;padding: 7rem;text-align: center;}
.banner-car h3{font-size: 2.5rem;font-weight:bold;margin-top: 4.5rem;margin-bottom: 0;line-height: 1.2em;padding-bottom: 2rem;}
.banner-car p {color: #e8eae0;font-size: 1.2rem;line-height: 1.3em;margin-bottom: 2rem;}
.banner-car img {width: 90%; height: auto; padding: 3rem 1rem;}
.banner-car .btn {background: #cfa54b;color: #FFF;padding: 8px 18px;margin: 4px;font-size: 1.1em;border-color: transparent;font-weight: bold;border-radius: 15px;border: 2px solid transparent;}
.banner-car .btn-danger {background: #fff;color: #000;}
.banner-car .btn-danger:hover {color:#000;}
.banner-car .btn:hover {background: transparent;color: #fff;border: 2px solid #fff;}
.banner-car .btn i {font-size: 130%}


/* Feature Three Item
------------------------- */

.featured-three {text-align: center;}
.featured-three .container {;}
.featured-three h2 {font-size: 2.5em;font-weight: bold;color: #cfa54b;margin-bottom: 2rem;}
.featured-three h4 {font-size: 1.3em;font-weight: bold;margin-top: 0.5em;margin-bottom: 2em;}

.featured-three .item .inner{border: none;margin: 0;border-radius: 20px;padding: 1.5rem;transition:0.2s;box-shadow: 0 0 80px rgba(0,0,0,0.05);border: 1px solid rgba(0,0,0,0.04);text-align: left;}
.featured-three .item:hover .inner{background: #cfa54b;color:#fff;}
.featured-three .item:hover .inner img {filter:brightness(0) invert(1);}

.featured-three .item:nth-child(3), .featured-three .item:nth-child(6){border-right: 0;}
.featured-three .item:nth-child(4), .featured-three .item:nth-child(5), .featured-three .item:nth-child(6){border-bottom: 0;}

.featured-three .item:hover {}
.featured-three .icon {color: #0098cf; display: block;margin: 0 auto;margin-bottom: 1rem; font-size: 4rem;}
.featured-three img {width: 65px;height: 65px;border: 1px solid #3d3d3d;padding: 10px;border-radius: 19px 0;margin-top: 10px;float: left;margin-right: 1rem;border-top: 1px solid #cfa54b;border-left: 1px solid #cfa54b;}
.featured-three p.title {font-size: 1.3rem;font-weight: bold;margin: 1.8rem 0 0.5rem 0;margin-bottom: 1.5rem;line-height: 1.3em;}
.featured-three p.title a {text-decoration:none; }
.featured-three p {margin-bottom: 1rem;max-height: 10.5em;overflow: hidden;margin-top: 35px;}
.featured-three .btn{border-top: 1px solid #cfa54b;border-radius:0;color: #1f1f1f;transition: 0.3s;}
.featured-three .btn:hover{padding-left:18px}
.featured-three .item:hover .inner .btn{color:#fff;border-color:#fff;border-radius: 15px; }


/* Donate Banner
---------------------- */
.banner-donate {color:#fff;}
.banner-donate .inner {padding: 4rem;background-image:url(../images/banner-donate.png);border-radius:30px;background-repeat: no-repeat;background-position: right;background-color: #1927c0;background-size: cover;padding-right: 23rem;}
.banner-donate .inner h3 {font-size: 3.5rem;margin-bottom: 1rem;}
.banner-donate .inner .btn {font-size: 1.1rem;padding: 10px 20px;border-radius: 15px;background: #cfa54b;color: #000;margin-top: 1rem;border: none;}
.banner-donate .inner .btn:hover{background:#fff}
a.btn-donate {font-weight: bold;background:#cfa54b;border:0;border-radius:15px;color:#fff;padding:8px 15px}
a.btn-donate:hover{background:#cfa54b;}



/* box-with-image
---------------------- */
.box-with-image{display: flex;}
.box-with-image .text{padding:2rem;margin:1rem;border-radius:25px;background:#cfa54b;color:#fff;align-content: center;flex: 0 0 60%;}
.box-with-image .img{margin:1rem;border-radius:25px;}
.box-with-image .img img{border-radius:25px;}
.box-with-image-second .text{background:#cfa54b;color:#000}


/* Feature Four Item
------------------------- */

.feature-four {text-align: center; }
.feature-four *{transition: 0.2s;}
.feature-four .item {padding-top: 1rem;margin-bottom: 2rem;padding-bottom: 1em;}
.feature-four .item:hover {background: #f9f7f9;}
.feature-four .item:hover .icon {color:#cfa54b; }
.feature-four .item:hover a.btn {background:#cfa54b; border-color: #cfa54b; color:#fff;}
.feature-four .item:hover h2 {color:#cfa54b; }
.feature-four .icon {display: block; margin: 0 auto; color:#cfa54b; font-size: 5em}
.feature-four h2 {font-size: 1.4rem; margin: 1rem 0; color:#cfa54b }
.feature-four p {margin-bottom: 1rem; padding:0 0.5rem; color: #555}
.feature-four a.btn {background:transparent; color: #cfa54b; border-color: #cfa54b;}
.feature-four a.btn:hover{background:#cfa54b; border-color: #cfa54b; color:#fff;}



/* Feature Blue Item
------------------------- */

.featured-blue {text-align: center;color: #fff}
.featured-blue *{transition: 0.2s;}
.featured-blue .item {background: #cfa54b;padding: 2rem;transition: 0.3s;}
.featured-blue .item:nth-child(2){background: #cfa54b;}
.featured-blue .item:last-child{border: 0; background:#24a9e1}
.featured-blue .item:hover {background:#333;}
.featured-blue .icon {display: block;margin: 0 auto;margin-bottom: 1rem;color: #fff; font-size: 5rem;}
.featured-blue h3 {font-size: 1.6rem;margin: 1rem 0;color: #fff;}
.featured-blue p {margin-bottom: 1rem;color: #fff; opacity: 0.9;}
.featured-blue a.btn {margin-bottom: 2rem; background:transparent; border-color: #fff;}
.featured-blue a.btn:hover{background:#fff; color:#222;}


/* Feature Eight Item
------------------------- */

.featured-eight {text-align: center;}
.featured-eight .container {;}
.featured-eight *{transition: 0.2s;}
.featured-eight h2 {font-size: 2.5em; font-weight: bold; color: #cfa54b}
.featured-eight h4 {color: #333; font-weight:bold;font-size: 1.3em; margin-bottom: 1em;margin-top: 0.5em; margin-bottom: 2em;}

.featured-eight .item {padding: 2rem;border-right: 1px solid #e7e7e7;margin-top: 3rem;transition: 0.3s;}
.featured-eight .item:nth-child(4), .featured-eight .item:nth-child(8){border-right: 0;}
.featured-eight .item:nth-child(5), .featured-eight .item:nth-child(6), .featured-eight .item:nth-child(7), .featured-eight .item:nth-child(8){border-bottom: 0;}

.featured-eight .item:hover{background: linear-gradient(180deg, #ffffff, #fafafa, #fff);transition: 0.3s;}
.featured-eight .item:hover img{padding: 10px;transform: scale(1.2);border: 2px solid #cfa54b;border-radius: 15px;}
.featured-eight .item:hover p {max-height: 21em;-webkit-line-clamp: unset;transition: 0.3s;}
.featured-eight .icon {color: #cfa54b; display: block;margin: 0 auto;margin-bottom: 1rem; font-size: 4rem;}
.featured-eight img {display: block;margin: 0 auto;margin-bottom: 1rem;width: 5rem;height: 5rem;transition: 0.3s;border: 2px solid transparent;}
.featured-eight p.title {font-size: 1.5rem;font-weight: bold;margin: 1rem 0;transition: 0.3s;line-height: 1em;}
.featured-eight p.title a {text-decoration:none;color: #cfa54b;transition: 0.3s;}
.featured-eight p {margin-bottom: 0;font-size: 1.05em;color: #333;line-height: 1.5em;text-overflow: ellipsis;max-height: 10.5em;overflow: hidden;display: block;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;transition: 0.3s;}
.featured-eight .item .btn {color:#cfa54b;background: #fff;border:1px solid #cfa54b;border-radius: 15px;margin-top: 1.5rem;font-size: 0.94em;}
.featured-eight .item .btn:hover {transform:scale(1.1);}



/* Feature Color Item
------------------------- */

.featured-color {text-align: center; }
.featured-color .container {background: #333;}
.featured-color *{transition: 0.2s;}
.featured-color .item {background: #cfa54b;padding-top: 2rem;padding-bottom: 1rem; transition: 0.3s;}
.featured-color .item:nth-child(2){background: #dea004;}
.featured-color .item:first-child{background: #ba193d;}
.featured-color .item:last-child{background: #097263;}
.featured-color .item:hover {background:#353535; }
.featured-color .icon {display: block;margin: 0 auto;margin-bottom: 1rem;color: #fff; font-size: 5rem;}
.featured-color h3 {font-size: 1.6rem;margin: 1rem 0;color: #fff;}
.featured-color p {margin-bottom: 1rem;color: #fff; opacity: 0.6;}
.featured-color a.btn {margin-bottom: 2rem; background:transparent; border-color: #fff;}
.featured-color a.btn:hover{background:#fff; color:#222;}






/* Feature Six Item
------------------------- */

.featured-six {text-align: center; padding: 5rem 0;}
.featured-six .container {;}
.featured-six *{transition: 0.2s;}
.featured-six h2 {font-size: 2.5em; font-weight: bold; color: #cfa54b}
.featured-six h4 {color: #555; font-size: 1.3em; margin-bottom: 1em;margin-top: 0.5em; margin-bottom: 2em;}

.featured-six .item {padding: 2rem; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; transition: 0.3s;}
.featured-six .item:nth-child(3), .featured-six .item:nth-child(6){border-right: 0;}
.featured-six .item:nth-child(4), .featured-six .item:nth-child(5), .featured-six .item:nth-child(6){border-bottom: 0;}

.featured-six .item:hover {background:#f9f7f9; }
.featured-six .icon {color: #cfa54b; display: block;margin: 0 auto;margin-bottom: 1rem; font-size: 4rem;}
.featured-six p.title {font-size: 1.6rem; font-weight: bold; margin: 1rem 0;}
.featured-six p.title a {text-decoration:none; }
.featured-six p {margin-bottom: 1rem; font-size: 1.1em; }


/* Feature Eight Item
------------------------- */
.feature-eight {margin-bottom: -2rem;}
.feature-eight *{transition: 0.2s;}
.feature-eight h2 {font-size: 2.5em; font-weight: bold; text-align: center;;}
.feature-eight h3 {font-size: 1.5em;  text-align: center; margin-bottom: 1.5em;margin-bottom: 1.5em;}
.feature-eight .item::before {content:""; height:0%;width:0; right:0; bottom:0; background: #cfa54b; z-index: -1; position: absolute; transition:0.3s;}
.feature-eight .item {padding: 1rem;padding-bottom: 1em;position: relative;display: flex;margin-top: 2rem;border: 1px solid #eee;}
.feature-eight .item:hover::before {height:100%; width:100%; top:0; bottom:unset}
.feature-eight .item:hover .icon, .feature-eight .item:hover h4, .feature-eight .item:hover p {color:#fff; }
.feature-eight .item:hover .icon, .feature-eight .item:hover p {opacity:0.8; }
.feature-eight .item:hover a {opacity:0.8; margin-left: 0;transition: 0.7s;}
.feature-eight .col:nth-child(odd) .item{}
.feature-eight .col:nth-child(odd) .item h4, .feature-eight .col:nth-child(odd) .item i, .feature-eight .col:nth-child(odd) .item p {}
.feature-eight .icon {display: block; color:#cfa54b; font-size: 4em}
.feature-eight h4 {font-size: 1.2rem; margin: 1rem 0; color:#222 }
.feature-eight p {margin-bottom: 1rem; color: #777}
.feature-eight a {color: #fff; opacity:0;  display: block; margin-left:5rem;transition: 0.7s; }
.feature-eight a:hover {color: #fff;opacity:1 !important;text-decoration: none;}


.featured-scroller {margin-top: 2rem;}
.featured-scroller .item {margin:0;padding:0;border:0;background:transparent !important}
.featured-scroller .item .inner {padding: 2rem 1rem;margin:1rem;box-shadow: 0 0 16px #f5f5f5;border-radius: 25px;border: 1px solid #f5f5f5;}
.featured-scroller p.title a {color:#111}
.featured-scroller .item .btn {color:#222;border-color: #eee;border-radius:13px;background: #f8f8f8;}
.featured-scroller .item .btn:hover{transform:none;background:#e9e9e9;border-color: #e2e2e2;}


/* About Top */
.about-top {position: relative; }
.about-top .r-dotted {position: absolute; top: -3rem; right: 0; background: url(../images/dotted/dotted6.png) no-repeat;width: 5%;height: 45%; z-index: -1;}
.about-top .img {position: relative;width: 90%;}
.about-top .dotted {position: absolute;left: -14rem;background: url(../images/dotted/dotted5.png) no-repeat;width: 275px;height: 186px;z-index: -1;}
.about-top img {width: 100%;height: auto;border: 0;border-radius: 25px;}
.about-top .img::after{content:"";width: 96%;height: 83%;background: #cfa54b;position: absolute;right: -2%;z-index: -1;bottom: -2.3%;border-radius: 0 25px 35px 25px;visibility: hidden;}
.about-top .text {padding: 0;padding-top: 1rem;}
.about-top h2 {font-size: 2.5em; font-weight: bold;}
.about-top h3 {font-size: 2.5em;color: #cfa54b;font-size: 1.8em;}
.about-top h3::before {content:"";background: #cfa54b;width: 80px;height:2px;display: block;margin-bottom: 10px;}
.about-top h3::after {content:" _____";color: #dfa73a;margin-top: -5px;display: none;}
.about-top h4 {color: #111;margin-bottom: 1rem;margin-top: 1rem;font-weight: bold;font-size: 2.45em;}
.about-top .list {margin-top: 2em;}
.about-top .list .check{display: inline-block;background: #cfa54b;color: #fff;padding: 2px 3px;border-radius: 20%;float: left;margin-right: 0.5em;}
.about-top .list p {padding-top: 3px;}
.about-top .btn {margin-top: 1em;font-size: 1.1em;color:#fff;background:#cfa54b;border:2px solid #cfa54b;padding: 0.5em 2em !important;margin: 0 0.3em 0 0.3em;border-radius:0 20px 20px 20px;margin-top:0.5rem;}
.about-top .btn:hover {background:#fff;color:#cfa54b;}

.about-top .box-list {display: flex;text-align: left;}
.about-top .box-list .box {margin-right: 3rem;}
.about-top .box-list i {font-size: 50px;margin: 1rem 0 0.5rem -10px;display: flex;color: #2f4099;border-radius: 50%;transition:0.4s}
.about-top .box-list p {
    margin: 0;
}
.about-top .box-list .box .number {font-weight: bold;font-size: 2.5rem;}
.about-top .box-list .box:hover i{color: #cfa54b;border-color: #cfa54b;}

.shining-img {position:relative;overflow:hidden;}
.shining-img::before{content:"";width: 50%;height: 100%;background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);position: absolute;left: -66%;z-index: 2;top:0;transform: skewX(-18deg);}
.shining-img:hover:before {-webkit-animation: shine 1s; animation: shine 1s;}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}








/* FAQs */
.faq {padding-bottom:6rem;background: #fefcf6;position: relative;z-index: 0;color: #222;padding-top: 3rem;}
.faq .accordion-item {border: none;margin:1em 0;padding:0.5em;box-shadow:0 0 40px 5px rgb(106 91 4 / 5%);background: #fff;}
.accordion-button {padding: 0;}
.faq .accordion-button {font-weight: bold;}
.faq .accordion-button:focus {box-shadow: none; }
.faq .accordion-button:not(.collapsed) {color: #cfa54b;background: #fff;border-bottom: 1px solid #cfa54b;box-shadow:none;width: 100%;margin: 0;padding: 0;}
.faq .icon {background:#cfa54b;color: #fff;padding: 0.2em 0;margin-right: 0.5em;font-size: 1.8em;}
.faq .text {padding:2rem 0 0 4rem; }
.faq h2 {font-size: 2.3em;font-weight: bold;color: #cfa54b;}
.faq h3 {font-size: 2.5em;color: #cfa54b;font-size: 1.2em;}
.faq h3::before {content:"::: ";color: #b11f29;margin-top: -5px;}
.faq h3::after {content:" _____"; color: #cfa54b; margin-top: -5px;}
.faq h4 {margin-bottom: 1em;margin-top: 1em;font-size: 1.2rem;font-weight: bold;}
.faq p {padding-top: 3px;color: #444;font-size: 1.02rem;}
.faq .btn {margin-top: 1em;font-size: 1.1em;padding: 0.5em 2em !important;margin: 1.5em 0.3em 0 0.3em;border:0;background:#cfa54b;border: 1px solid #cfa54b;color: #fff;font-weight: bold;}
.faq .btn:hover {background: #222;}
.faq .text .icon{font-size: 12em;position: absolute;right: 0rem;z-index: -1;bottom: -3rem !important;color: #fbf6e9;background: transparent;padding: 0;margin: 0;}
.faq .dotted {position: absolute;left: 2rem;top: 2rem;background: url(../images/dotted/dotted5.png) no-repeat;width: 20%;height: 31%;z-index: -1;}
.faq .accordion-button {background: #fff;}





/* Projects */
.projects {text-align: center; padding-bottom: 3rem; }
.projects .slick-slide {padding: 1rem; position: relative;}
.projects .item {box-shadow: 0 0 15px #e5e5e5; transition: 0.3s;}
.projects .item:hover {background: #cfa54b; transition: 0.3s; color: #fff; }
.projects .item:hover .btn-primary{background: #cfa54b; transition: 0.3s; color: #fff; }
.projects .item .icon {background:#cfa54b;padding: 4px 5px;font-size: 1.2em;position: absolute;left: 15px;top: 15px;z-index: 11;color: #fff;transition: 0.3s;clip-path: polygon(0 0,0 100%,100% 0);width: 60px;hee: initial;height: 60px;}

.projects .item:hover .icon {background: #cfa54b; transition: 0.3s; }
.projects .item:hover p.title{color: #fff; transition: 0.3s;}
.projects .slick-slide img {width: 100%; height: auto; }
.projects .list:hover .slick-prev:before,
.projects .list:hover .slick-next:before {opacity: 1; transition: 0.3s;}
.projects h2 {font-size: 2.5em; font-weight: bold;}
.projects h3 {font-size: 2.5em; color: #cfa54b; font-size: 1.2em;}
.projects h3::before {content:"::: "; color: #cfa54b; margin-top: -5px;}
.projects h3::after {content:" _____"; color: #cfa54b; margin-top: -5px;}
.projects h4 {color: #cfa54b; margin-bottom: 1em;margin-top: 1em;}
.projects .content {text-align: left; padding: 0 1em;}
.projects p.title {font-weight: bold; color: #cfa54b; font-size: 1.2em; margin:1em 0 0.5em 0;}
.projects .btn {margin-bottom: 1em; }
.projects .slick-arrow:active {opacity: 0;}






/* Projects Light */
.projects-light {text-align: center; padding-bottom: 3rem; }
.projects-light .slick-slide {padding: 1rem 1rem 0rem 1rem; position: relative;}
.projects-light .item {transition: 0.5s;}
.projects-light .item:hover {transform:scale(1.05); }
.projects-light .slick-slide img {width: 100%; height: auto; }
.projects-light .list:hover .slick-prev:before,
.projects-light .list:hover .slick-next:before {opacity: 1; transition: 0.3s;}
.projects-light h2 {font-size: 2.5em; font-weight: bold;}
.projects-light h3 {font-size: 2.5em; color: #cfa54b; font-size: 1.2em;}
.projects-light h3::before {content:"::: "; color: #cfa54b; margin-top: -5px;}
.projects-light h3::after {content:" _____"; color: #cfa54b; margin-top: -5px;}
.projects-light h4 {color: #cfa54b; margin-bottom: 1em;margin-top: 1em;}
.projects-light .content {text-align: left;}
.projects-light p.title {font-weight: bold; color: #cfa54b; font-size: 1.2em; margin:1em 0 0.5em 0;}
.projects-light .title a {text-decoration: none;}
.projects-light .title a:hover {color:#222;}
.projects-light p {max-height:6em; transition:0.8s; overflow: hidden;}
.projects-light p:hover {max-height: 15em; transition: 2s}
.projects-light .btn {margin-bottom: 1em; padding:0; background:none; color:#cfa54b; border: none;}
.projects-light .btn::before{content:" "; position:absolute; margin-top:-5px; background: #cfa54b; width:0;height:0; transition: 0.3s;}
.projects-light .item:hover .btn::before{width:80px; height:1px }
.projects-light .slick-arrow:active {opacity: 0;}





.gallery {text-align: center; }
.gallery .row {margin: 0;}
.gallery .col-lg-3 {margin: 0; padding: 0; overflow: hidden;}
.gallery .col-lg-3 .item {position: relative; background: #cfa54b; }
.gallery .col-lg-3 .item::after{content: ""; position: absolute; width:0; height:100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 0; transition: 0.8s width ; }
.gallery .col-lg-3:nth-child(odd) .item::after{right: 0; left:unset;  }
.gallery .col-lg-3:nth-child(3n+0) .item::after{height:0; width: 100%; transition: 0.8s; top:unset; bottom:0  }
.gallery .col-lg-3 .item:hover::after{width: 100%; height: 100%;  }
.gallery .col-lg-3 .item:hover img{transform: scale(1.2); }
.gallery img {width: 100%; height: auto; transition: 0.4s; }
.gallery h2 {font-size: 2.5em; font-weight: bold;}
.gallery h3 {font-size: 2.5em; color: #cfa54b; font-size: 1.2em;}
.gallery h3::before {content:"::: "; color: #cfa54b; margin-top: -5px;}
.gallery h3::after {content:" _____"; color: #cfa54b; margin-top: -5px;}
.gallery h4 {color: #aaa; margin-bottom: 2em;margin-top: 1em;}
.gallery .item .icon {color: #fff;font-size: 5em;position: absolute;z-index: 1;left: 35%;top: 25%;opacity: 0; transition: 0.3s;}
.gallery .item:hover .icon {opacity: 0.5;}
.gallery .item .icon:hover{opacity: 0.8;}
.gallery .item p {position: absolute; left: 0; bottom: -3em;; background:#111; color: #fff; margin: 0; padding: 10px 0px; width: 100%; transition: 0.3s; opacity:0; z-index: 1; }
.gallery .item:hover  p {opacity: 1; bottom: 0; }
.lightbox-caption {font-size: 2em; }






.news {}
.news .text {text-align: left;}
.news .dotted {position: absolute;left: -2rem;top: -0.5rem;background: url(../images/dotted/dotted5.png) no-repeat;width: 150px;height: 200px;z-index: -1;}
.news .text  h2 {font-size: 2.5em; font-weight: bold;}
.news .text  h3 {font-size: 2.5em; color: #cfa54b; font-size: 1.2em;}
.news .text  h3::before {content:"::: "; color: #cfa54b; margin-top: -5px;}
.news .text  h3::after {content:" _____"; color: #cfa54b; margin-top: -5px;}
.news .text  h4 {color: #aaa; margin-bottom: 2em;margin-top: 0;}
.news .first {margin-bottom: 1.5rem; padding-top: 1.5em; border-top: 1px dashed #cfa54b; position: relative;}
.news .first img {width: 100%; height: auto; margin-bottom: 1.5rem;}
.news .posted {color: #aaa;margin-bottom: 0.5em;font-size: 0.9em;}
.news .posted span {margin: 0 15px; font-size: 0.9em;  } 
.news h3 {font-size: 1.5em; }
.news a {text-decoration: none;color: #111;}
.news a:hover{color: #cfa54b;}
.news .list {margin-left: 2rem;}
.news .list .item {border-bottom: 1px dashed #ddd;padding-bottom: 1em; padding-top: 1.5em; transition: 0.3s; }
.news .list .item:hover {background: #f9f7f9;}
.news .list .item:first-child{border-top: 1px dashed #ddd;padding-top: 1.5em;}
.news .list .item .image {width: 29%; height: auto; margin-right: 1.5em; float: left; }
.news .list .item .image img {width: 100%; height: auto;}
.news .list .item .content {}
.news p {color: #666;}
.news img {transition: 0.3s; border-bottom: 3px solid #fff;}
.news img:hover {border-color:#cfa54b}







.news-vertical {}
.news-vertical h2, .p-title h2{font-size: 2.5em;font-weight: bold;text-align: center;color: #cfa54b;}
.news-vertical h3, .p-title h3 {font-size: 1.5em;margin-bottom: 1.5em;margin-bottom: 0.5rem;text-align: center;}
.news-vertical .item{margin-top: 1rem;}
.news-vertical .item .image {margin:0.7rem 1.1rem;margin-bottom: 0;background: #f5f5f5;border: 0;}
.news-vertical .item .content {margin:0.7rem 1.1rem;}
.news-vertical .item img {width: 100%;height: auto;transition: 0.3s;border: 0;border-radius: 18px;}
.news-vertical .item:hover img {border-color:#cfa54b; opacity:0.8 ;}
.news-vertical h4 {font-size: 1.4rem;font-weight: bold;line-height: 1.5rem;margin: 20px 0;}
.news-vertical .posted {color: #aaa;margin-bottom: 0.5em;}
.news-vertical .posted span {margin: 0 15px; font-size: 0.9em;  } 
.news-vertical a {text-decoration: none;color: #222;}
.news-vertical a:hover{color: #cfa54b;}
.news-vertical a.btn {color: #fff;background: #cfa54b; border:0}
.news-vertical a.btn:hover {background:#cfa54b; border:0}
.news-vertical p {max-height:12em; overflow:hidden; color: #666; margin-bottom: 1rem; transition: 0.3s;}
.news-vertical .active p {max-height: 50em; }

.news-vertical2 .item .image, .news-vertical2 .item .content {margin-left:0;margin-right:0}
.news-vertical2 .justify-content-center {justify-content: left !important}
.news-vertical2 .item {margin-bottom: 2.5rem}



/* Team */
.team {text-align: center; clear: both; padding: 4rem 0 5rem 0; background: #f5f5f5; position: relative; z-index: 0;}
.team h2 {font-size: 2.5em; font-weight: bold; color: #cfa54b}
.team h4 {color: #555; font-size: 1.3em; margin-bottom: 1em;margin-top: 0.5em; margin-bottom: 2em;}
.team .dotted {position: absolute;left: 0rem;top: 0;background: url(../images/dotted/dotted6.png) no-repeat;width: 90px;height: 140px;z-index: -1;}

.team .slick-slide {padding: 1rem; position: relative;}
.team .content {color: #555}

.team .name a{margin-bottom: 1.5eem; font-weight: bold; font-size: 1.3em; text-decoration: none;}
.team .name a::after {content: "";width: 90%;height: 1px;background: #cfa54b;display: block;margin-top: 0.5rem;position: absolute;left: 6%;transition: 0.5s;}

.team .crop-box {width: 94%;height: 0;padding-top: 94%;margin-left: 6%;position: relative;}
.team .crop {position: absolute; height: 90%; width: 90%; top: 0; border-radius: 50%;}

.team .item img {width: 94%;height: 94%;border: 5px solid #fff;border-radius: 50%; margin:0;transition: 0.5s;}
.team .item:hover img {border-color:#cfa54b; }

.team p.title {color: #999; font-size: 1em; font-weight: bold; margin:1em 0 1em 0;}
.team .item:hover  p.title{color:#cfa54b }

.team .item .icons a{font-size: 1.2em;border: 1px solid;padding: 3px;margin: 2px;}
.team .item .icons a:hover{color: #cfa54b}



/*our partners*/
.partner{
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    }
.partner h2 {color:#cfa54b; font-size: 2.3em; font-weight: bold;}
.partner p {font-size: 1.1rem; margin-bottom: 1.5rem}
.square-holder img {
  max-width:100%;
  transition: all 0.3s;
  width: 77%;
  height: auto;
}
.square-holder:hover img{
  transform: scale(1.4);
}



/* Intro Big Pic */

.intro-big-pic {clear: both; background: #2e2c27; color: #fff; z-index: 0;}
.intro-big-pic .pic img {width:100%; height: auto; margin:0; padding: 0;}
.intro-big-pic {position: relative; }
.intro-big-pic .r-dotted {position: absolute;top: 01rem;right: 0;background: url(../images/dotted/dotted6.png) no-repeat;width: 95px;height: 110px;z-index: -1;}
.intro-big-pic .img {position: relative;}
.intro-big-pic .dotted {position: absolute;left: -4rem;background: url(../images/dotted/dotted5.png) no-repeat;width: 45%;height: 45%;z-index: -1;}
.intro-big-pic img {width: 100%; height: auto; margin-top: 3rem;}
.intro-big-pic .img::after{content:"";width: 73%;height: 70%;background: #cfa54b;position: absolute;right: -3%;z-index: -1;bottom: -3%;}
.intro-big-pic .text {padding:3rem 4rem 1rem 3rem;}
.intro-big-pic h2 {font-size: 2.5em; font-weight: bold; text-transform: uppercase;}
.intro-big-pic h3 {font-size: 2.5em; color: #cfa54b; font-size: 1.2em; text-transform: uppercase;}
.intro-big-pic h3::before {content:"::: "; color: #cfa54b; margin-top: -5px;}
.intro-big-pic h3::after {content:" _____"; color: #cfa54b; margin-top: -5px; }
.intro-big-pic h4 {color: #cfa54b; margin-bottom: 1em;margin-top: 1em;}
.intro-big-pic .list {margin-top: 2em;}
.intro-big-pic .list .item {text-align: center;}
.intro-big-pic .list .icon{display:inline-block; color: #cfa54b; font-size: 3em; }
.intro-big-pic .list p {padding-top: 10px;}
.intro-big-pic .list .btn {margin-top: 1em;font-size: 1.1em;padding: 0.5em 2em !important;margin: 1.5em 0.3em 0 0.3em;}




/* Item Rotate
------------------------- */
.items-rotate .item {text-align: center; color: #fff; position: relative; min-height:16rem;transform-style: preserve-3d;transition: 0.6s;}
.items-rotate .item i {display: block; margin:0 auto; font-size: 4rem;}
.items-rotate .item h4 {font-size: 1.4em; }
.items-rotate .item h5 {font-size: 3em; font-weight: bold;}
.items-rotate .item .front, .items-rotate .item .back {padding:2rem; position: absolute; left: 0; top: 0; width: 100%; height: 100%;transform-style: preserve-3dtransition: 0.6s;backface-visibility: hidden;transition: 0.6s;}
.items-rotate .item .front {background:#f19312; z-index: 2; transform: rotateY(0deg); }
.items-rotate .item .back {background:#252525; z-index: 1;transform: rotateY(-180deg)}
.items-rotate .item:hover .front{transform:rotateY(-180deg)}
.items-rotate .item:hover .back{color:#fff; transform:rotateY(0deg)}
.items-rotate .item a {color: #fff;}
.items-rotate .item a:hover{color: #f19312}
.items-rotate .item .btn {background: none; border: 1px solid #fff;}
.items-rotate .item .btn:hover{border: 1px solid #f19312;}
.items-rotate-light .item {color:#333;}
.items-rotate-light .item .front{background:#f5f5f5; border: 1px solid #eee;}
.items-rotate-dark {padding: 5rem;background: #f9f7f9;}
.items-rotate-dark .item {color: #252525;}
.items-rotate-dark .item h5{color: #252525;}
.items-rotate-dark .item .front{background: #fffeff;border: none;}
.items-rotate-dark .item .back {background: #252525;}
.items-rotate-dark .item a:hover{color: #000}
.items-rotate-dark .item .btn {background: none; border: 1px solid #fff;}
.items-rotate-dark .item .btn:hover{border-color: #fff; background: #fff;}



.form-training {background-color: #f5f5f5;background-image: url(../images/form-dotted.png) no-repeat top right;border-radius: 20px;overflow: hidden;border: 1px solid #eee;}
.form-training h3 {font-size: 2rem;margin: 1rem 0 1rem 0;font-weight: bold;border-bottom: 1px solid #aaa;padding-bottom: 0.5rem;color: #cfa54b;}
.form-training p {margin-bottom: 2rem; }
.form-training .img {background: url(../images/40.jpg);background-size: cover;padding: 4rem;color: #bbb;min-height:10rem;height: 100%;}
.form-training .img h3 {color: #f5f5f5;border-color: #fff;border: none;}
.form-training .form {padding: 2rem 2rem 2rem 1rem; background: url(../images/form-dotted.png) no-repeat 95% 1.5rem;}
.form-training input, .form-training textarea, .form-training select, .form-training .photo {height:2.5rem;padding: 7px 10px;border: 1px solid #ddd;background: #fff;width: 100%;margin-bottom: 1.3rem;outline: none; transition: 0.3s}
.form-training input:focus, .form-training textarea:focus, .form-training select:focus{box-shadow: 0 0 5px #ccc;}
.form-training textarea {height: 8em;}
.form-training input[type=radio], .form-training input[type=file],  .form-training input[type=checkbox]{height:unset;width: auto; border: none;background: none; margin-bottom: 10px;}
.form-training .photo input[type=file]{font-size: 9px; padding: 0; margin: 0; width:90px;color: transparent;}
.form-training .photo label{color: #888;}
.form-training button:hover {background: #333;}
.form-training #hidden_div {transition: 0.3s; overflow: hidden;}

.terms-modal {}
.terms-modal p{margin-bottom: 1em;}
.terms-modal li {margin-bottom: 0.8em;}

.testimonial {clear: both; padding-bottom: 2rem; }
.testimonial h2 {font-size: 2.5em; font-weight: bold;}
.testimonial h3 {font-size: 2.5em; color: #cfa54b; font-size: 1.2em;}
.testimonial h3::before {content:"::: "; color: #cfa54b; margin-top: -5px;}
.testimonial h3::after {content:" _____"; color: #cfa54b; margin-top: -5px;}
.testimonial h4 {color: #cfa54b;margin-bottom: 2em;}
.testimonial .item {padding: 20px; position: relative;}
.testimonial .item::before {content:'"';font-family:cursive;font-size: 80px;z-index: 1;color: #cfa54b;position: absolute;left: 0px;top: -7px;transition: 0.3s;display: none;}
.testimonial .item:hover::before {left: 18px; color: #fff}
.testimonial .content {padding:40px 20px;margin-bottom: 2rem;border-radius: 15px;position: relative;background: #fff;transition: all 0.5s;border: 1px solid #cfa54b;}
.testimonial .content::after{content: "";width: 20px;height: 20px;background: #fff;position: absolute;left: 35px;bottom: -10px;transform: rotate(45deg);transition: all 0.5s;border: 1px solid #cfa54b;border-top: 0;border-left: 0;}
.testimonial .item:hover .content {}
.testimonial .item:hover .content::after {}
.testimonial p {margin: 0; max-height:6em; overflow:hidden; transition: 0.3s;}
.testimonial p:hover {max-height: 20em;}
.testimonial .pic img {float: left;width: 80px;height: 80px;margin:0px 10px 0px 30px;background: #fff;padding: 3px;border: 1px solid #cfa54b;border-radius: 50%;transition: all 0.3s;}
.testimonial .item:hover .pic img{border: 2px solid #cfa54b}
.testimonial .pic p.name {font-weight: bold; padding-top: 1.3em; transition: 0.3s;}
.testimonial .item:hover p.name{color: #cfa54b}
.testimonial .pic p.position {color: #777;font-size: 0.9em;}
.testimonial .stars {color: #e4c572;}

.testimonial .slick-dots li.slick-active button:before {opacity: 1; color: #cfa54b;}
.testimonial .slick-dots li button:before{color: #cfa54b}
.testimonial:hover .slick-prev:before,
.testimonial:hover .slick-next:before {opacity: 1; transition: 0.3s;}


.products {}
.products .pic {background: #f5f5f5;margin: 0 1.1rem;}
.products .item img {opacity:1 !important;border:0;width: 100%;padding: 0;mix-blend-mode: darken;display: inline-block;}
.products .item img:hover{opacity:1; border:0}
.products a.btn {background: transparent;color: #cfa54b;border: 1px solid #cfa54b;border-radius: 10px;font-size: 0.9em; padding:9px 10px 6px 22px;}
.products a.btn:hover{background: #cfa54b;color: #fff;}


.clients {}
.clients h2 {font-size: 2.5em;font-weight: bold;margin-bottom: 2rem;}
.clients h3 {font-size: 2.5em; color: #cfa54b; font-size: 1.2em;}
.clients h3::before {content:"::: "; color: #cfa54b; margin-top: -5px;}
.clients h3::after {content:" _____"; color: #cfa54b; margin-top: -5px;}
.clients h4 {color: #cfa54b;margin-bottom: 2em;}

.clients .pic {border: 1px solid #eee;padding:5px;margin: 10px;text-align: center;border-radius: 20px;}
.clients img {height: 90px;width: auto;max-width: 100%;display: inline-block;mix-blend-mode: darken;padding: 4px;}

.spacer {display: block; height:5rem; clear: both; }
.spacer-bg-dotted-right {background:url(../images/dotted-spacer.png) no-repeat;background-position: 98%;}
.spacer-bg-dotted-left {background:url(../images/dotted-spacer.png) no-repeat;background-position: 2%;}
.line-center{width: 120px;height: 2px;background: #cfa54b;margin: 10px auto;border-radius: 2px;}

.contact-page {text-align: center;}
.contact-page .icon {display:block;font-size:3.5rem;color:#cfa54b;margin:1rem;}
.contact-page a {text-decoration: none; color:#212529;}
.contact-page a:hover {text-decoration: underline;}

.modal-body {padding: 2rem;}
.page-inner {padding: 2rem 0;}
.page-inner h1 {margin-bottom:1.5rem; font-weight:bold; color:#cfa54b}
.page-inner h2 {color:#cfa54b}
.page-inner h2 {color:#cfa54b}
.page-inner .innerimg img {float: left;margin-right: 2rem;width:40%;height:auto;margin-bottom:1rem;border-radius: 20px;}
.page-inner .innerimg-large img {float: none;margin: 0;width: 100%;height:auto;margin-bottom:2rem;}
.page-inner li {margin-bottom: 0.7rem}
.page-inner .listing .row {padding:30px 0; transition: 0.3s;}
.page-inner .listing .row:hover {background: #f5f5f5;}
.page-inner .listing img {width: 100%;height: auto;border-radius: 15px;}
.page-inner .listing a {text-decoration: none;}
.page-inner .listing h3 {font-size: 1.78em;font-weight:bold;margin-top: 1rem;}
.page-inner .listing .posted {margin-bottom: 0.5rem; color: #999;}
.about-page h3{color:#cfa54b; font-weight:bold; font-size:2rem}
.page-inner table {border:none}
.page-inner .page-column td {padding:1rem;vertical-align: top}
.page-inner .we-done img{width: 80%;margin-bottom: 1rem}
.page-inner img{max-width:100%;height:auto;}
.about-us-img {float:right;width:55%;height:auto;margin:0 0 1rem 2rem}
.about-us-box img{margin:2rem;width:6rem;height:6rem}
.about-us-box h2 {margin:2rem 0;}

#paginator ul {margin:30px auto 20px auto;width:100%;height:50px;padding-top:15px; border-top:1px solid #eee; text-align:center; }
#paginator ul li {color:#888;display:inline;margin:10px 3px;padding:0px;font-size:1rem;}
#paginator a, #paginator span {text-decoration: none; padding:0px 10px;background:#f5f5f5; color:#ccc;border:1px solid #aaa; border-radius:1em; font-weight:bold;}
#paginator a {color:#222; background: #fff;}
#paginator a:hover {text-decoration:none;background:#eee;}

.modal {z-index:9999}
.article .accordion-button:focus {border-color:#cfa54b; box-shadow:0 0 0 0.25rem #cfa54b;}
.article .accordion-button:not(.collapsed){background:#f7f7f7 !important;}

.clients-list {text-align: center;}
.clients-list img{width: auto; max-width: 100%; max-height: 110px; margin-bottom: 5rem; transition:0.3s;}
.clients-list img:hover{max-height:20rem;}

.training-list a {text-decoration: none; font-weight: bold; color: #333;}
.training-list th{background: #333;color: #fff;font-weight: bold;}
#trainings_wrapper {margin-top: -2rem;}
.training-courses .item{margin-bottom: 3rem;}
.training-courses .item img {width: 100%; height: auto; }
.dataTables_wrapper .dataTables_filter {margin-bottom: 0.5rem;}
table.dataTable tbody th, table.dataTable tbody td {padding: 13px 10px !important;}
.dataTables_paginate, .dataTables_info {margin-top: 1rem;}


.headicons {background:#cfa54b;height: fit-content;position: absolute;width: 100%;left: 0;top: 0;}
.headicons .contact {float:left;}
.headicons .item {display:flex;margin-right: 1.8rem;float: left;}
.headicons .item .inner {display:flex; }
.headicons .item .inner .icon{font-size: 1.7rem;color: #fff;}
.headicons .item .inner p{margin:0;padding:0;font-size: 1em;color: #fff;margin-top: 0.6rem;}
.headicons .item .inner p a {color:#fff;text-decoration:none}
.headicons .social {margin:0 1rem 0 0;}
.headicons .social a{color:#fff; opacity:0.8}
.headicons .social a:hover{opacity:1}
.headicons .social i{font-size:1.4rem; padding-top:3px; display:inline-block;}






.contact-section {padding: 0;}
.contact-section2 {margin-top:-550px; right:7rem}
.contact-section p{font-size:1.4rem;font-weight:bold;background: #fff;color: #222;text-align:center;padding:5px;border-radius: 10px;}
.contact-section em {font-style: normal;display: block;margin-bottom: 1rem}
.contact-section input, .contact-section textarea {font-size: 1em;display: block;padding: 7px;border: 1px solid #bbb;width: 100%;margin:7px 0px;border-radius: 5px;}
.contact-section input:focus-visible, .contact-section textarea:focus-visible {border: 1px solid #005e81;box-shadow: 0 0 5px #ddd;outline: none;}
.contact-section input:hover, .contact-section textarea:hover {border:1px solid #005e81;}
.contact-section input[type="submit"]{color:#fff;width:130px;border: none; padding: 10px; font-weight: bold;}
.contact-section input[type="submit"]:hover{background: #333; color: #fff}

.contact-section .list {margin:2rem 3rem 0 0;}
.contact-section .list .item{border-top: 1px solid #ddd; border-image:linear-gradient(to right, #f9f9f9, #ddd, #f9f9f9) 30 !important; padding: 13px 0px; display: flex; transition: 0.3s;}
.contact-section .list .item:hover{background:linear-gradient(to right, #fff, #f5f5f5, #fff);;}
.contact-section .list .item i {display: inline-block;font-size: 2em;color: #005e81;margin-right: 1rem;}
.contact-section .list .icons i{color: unset; }
.contact-section .list .icons a:hover{color: #d3932c; }
.contact-section .list .item .icon {font-size: 1.8em;margin: 5px;border: 1px solid;border-radius: 8px;padding: 4px;font-size: 1.5em;}
.contact-section .list .item b {display:block;}

.modal-title {padding:0 1.5rem;}



.box-simple{display:flex;justify-content: space-between;flex-wrap: wrap;}
.box-simple .item{text-align: center;padding:2.5rem 1.5rem;background: #cfa54b;border-radius:20px;margin: 15px;color: #fff;display: flex;justify-content: center;align-items: center;height: 8rem;transition: 0.3s}
.box-simple a {text-decoration: none;color: #fff;font-weight: bold;width: 25%;}
.box-simple .item:hover{transform:scale(1.05);}



.footer {clear: both;overflow-x: hidden;position:relative;color: #000;padding: 4rem 0rem 0rem 0rem;position: relative;background-image: url(../images/bg-about.jpg);background-size: cover;}
.footer h3 {margin-bottom: 2rem;color: #000000;}
.footer h3::after {content: "";width: 40px;height: 2px;background: #cfa54b;display: block;margin-top: 0.5rem;transition: 0.5s;}
.footer .col-lg-3:hover  h3::after{width: 65%;}
.footer a {color: #000;text-decoration: none;font-size: 1.05em;}
.footer a:hover {color: #000000;text-decoration: underline;}
.footer .icon {}
.footer ul {margin: 0; padding: 0; }
.footer ul li {margin-bottom: 1em; list-style: none; }
.footer ul li::before{content:"\2212 ";color: #cfa54b;font-weight: bold;margin-right: 5px;}
.footer .item {margin-bottom: 0.5em;}
.footer .icon {color: #cfa54b;}
.footer .icon:hover{color: #fff;}
.footer .about-list {float: right;}
.footer .item .icon {font-size: 2em;vertical-align: middle;color: #000;}
.footer .about-list .icon {font-size: 1.8em;margin: 6px 0px;border: 1px solid;border-radius: 8px;padding: 4px;font-size: 1.2em;margin: 10px 2px;background: #cfa54b;border: none;color: #ffffff;}
.footer .about-list .icon:hover{opacity:0.9}
.footer .links-short{padding-left:2.5rem;}
.footer .btn {color: #111;background:none;padding:5px 15px;border: 1px solid #333;}
.footer .search input {padding:5px 15px;background:#fff;height: 3rem;margin: 0;border-radius: 0;float: left;width: 69%;border-right: 0;border: none;box-shadow: 0 0 20px rgba(0,0,0,0.06);border-radius: 0 0 0 15px;}
.footer .search input:focus {border:1px solid #222; outline: 0}
.footer .search .btn {background: #cfa54b;color:#fff;width: 30%;border: 1px solid #cfa54b;border-radius: 0 15px 15px 0;}
.footer .search .btn:hover{opacity:0.9}
.footer .end {padding:1rem 0rem;margin-top: 4rem;border-top: 1px solid #cfa54b;}
.testimonial-dotted {
    position: absolute;
    left: 0;
    top: 0;
}
.footer-dotted-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
}
.testimonial-dotted img{width: auto !important;max-width: 90%;margin: 0;z-index: 1;position: relative; opacity:0.2}


.menusection {display: inline-block;margin-top: 0px;float: right;}
.slick-dots li button:before{color:#cfa54b }
.slick-dots li.slick-active button:before{color:#cfa54b }


/* RESPONSIVE CSS
-------------------------------------------------- */


/*  X-Large devices  */
@media (max-width: 2000px) { 
  .slideshow .carousel-item {height: 40rem;}
  .slideshow .carousel-caption {top:13rem;}
 }


/*  X-Large devices  */
@media (max-width: 1399.98px) { 
  .slideshow .carousel-item {height: 37rem;}
  .slideshow .carousel-caption {top: 12rem;}
 }


/*  Large devices  */
@media (max-width: 1199.98px) { 

  .logo img {}
  .slideshow .carousel-item {height: 33rem;}
  .slideshow .carousel-caption {top: 13rem;}
 }





/*  Medium devices  */
@media (max-width: 991.98px) {
  .header .icon-listing {margin: 0 0 1rem 0;font-size: 90%;float: none !important;}
  .header .icon-listing .icon-item {margin-left: 1em;font-size:0.7em;}
  .header .icon { font-size: 2.5em;}
  .header .icon i { vertical-align: middle; }
  .slideshow .carousel-item {height: 18rem; }
  .slideshow .carousel-caption {top:1rem; width:45%; left:10%; }
  .about-top .r-dotted {top: 55rem; width: 11%;height: 14%;}
  .about-top .text, .faq .text {padding: 1rem !important;}
  .featured-blue .icon {font-size:4rem}
  .slideshow .carousel-item {height: 24rem; }
  .slideshow .carousel-caption {left:0;top: 7rem;width:80%}
  .slideshow h1 {font-size: 2rem}
  .form-training .img {min-height:25rem; }
  .menusection {float: right;margin:0}
  .slideshow h1:before{display:none}
  .slideshow h1:after{display: none}
  .banner-car img {padding:2rem 0; width:100%;}
 }
 @media (max-width: 900px) {.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {margin:20px 6px}}


 /*  Small devices  */
@media (max-width: 767.98px) {
  .no-mob {display: none !important; }
  .language{margin-top: 0.8rem; font-size: 1.1em;}
  .language a{margin-right: 22px; opacity: 1}
  .topnav {color: #777}
  .just-mob {display: block;}
  .search {margin-top:-6rem;width: 95%;margin-bottom: 10px; transition:0.6s}
  header{position: relative;margin-bottom: -1px;}
  header .search input {background:#fff;border:0;outline: none;padding: 4px 5px 3px 34px;width: 100%;border-radius:7px;transition: 0.3s;}
  header .search input:focus{width:100%}
  .banner-icons {text-align: center;padding-bottom: 4px;padding-top: 3px;margin-bottom: -1px;}
  .banner-icons input{width: 190px;} 
  .banner-icons input:focus{width:150px;}
  .banner-icons a{font-size: 13px;margin: 6px 1px;padding: 0px;width: 26px;height: 26px;align-content: center;}
  @keyframes moving {
    0%, 100% {
      top: -3rem;
      left:0;
    }
    50% {
      top: -8rem;
      margin-left: 3rem;
    }
  }
    .about-top .dotted {left:1rem;animation: moving 15s linear infinite;}
  .btn-search {font-size: 2.5rem;color: #444;float: left;margin-top: -3.5rem;margin-left: 0.3rem;z-index: 33;position: absolute;}
  .search-mob {margin-top:8px;}
  .headicons .item {margin-right:12px;}
  .headicons .item .inner .icon{font-size:22px;}
  .headicons .social{float:none !important; justify-content:center; padding-bottom:5px; clear:both}
  .header {padding-top: 0.5rem;padding-bottom: 0.6rem;}
  .header-large {padding-top:6rem;}
  .headicons .item .inner p{font-size:12px}
  .topnav {text-align: center; width: 100%;}
  .topnav .d-flex {display: block !important;}
  .topnav .list .item {float: none; display: inline-block;}
  .topnav .search {display:block; position:relative; bottom:5rem;}
  .topnav .search i {font-size: 2.5em; background:#cfa54b; color:#fff }
  .slideshow {margin-top:0;}
  .about-top .r-dotted {top:43rem; width:15%; height:21%; }
  .slideshow .carousel-item {height: 30rem;}
  .slideshow .carousel-caption {top:18rem; left: 1em; width: 95%; padding: 0; }
  .feature-eight .item {margin-bottom: 0; padding-right: 2rem; border-bottom: 1px solid #ccc;}
  .news-vertical .list {margin:0;}
  .news-vertical p {margin: 15px 0 5px 0;}
  .news-vertical .posted {font-size: 0.8em; }
  .news-vertical .list .item {margin-bottom: 0;}
  .news-vertical h3 {font-size: 1.3em; margin-bottom: 0; }
  .items-rotate-dark {padding: 1rem;}
  .items-rotate-dark .item {margin: 1rem 0}
  .page-inner .container{padding: 2rem; font-size: 1.03em; margin-top: 1rem; border: 0;}
  .items-rotate .item {min-height: 18rem;}
  .sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {margin:  5px;}
  img.map {max-width:102% !important; padding:0 !important; margin:0 !important; }
  .testimonial {margin-top:5rem}
  .consult-banner .text-end {float:none !important; text-align:left !important}
  .contact-section {position:relative;width: 98%;margin-top:0;border:none;left: 4%;right:0;margin: -1rem;}
  .contact-section2{width:100%;left:0}
  .contact-page td {width:95% !important; display:block; margin-bottom:2rem; }
  .banner-car img {width:100%;padding:2rem 0;}
  .footer .search {margin-top:0;}
  .featured-blue .icon {font-size:4rem}
  .featured-blue p {padding:0 3rem}
  .page-inner h1 {border:none; font-weight:bold}
  .dark-intro {background-size: auto;margin-top:3rem}
  .products a.btn {margin-top: 1rem}
  .featured-eight .item:nth-child(7), .featured-eight .item:nth-child(8){border-top:1px solid #ddd}
  .featured-eight p {max-height: 9em;}
  .footer .about-list {float:none;}
  .page-inner .featured-eight .item {padding: 1rem;}
  .featured-eight .item:nth-child(2), .featured-eight .item:nth-child(2) {border-right: 0}
  .banner-car h3 {font-size:1.8em}
  .banner-car {padding:4rem}
  .footer h3 {margin-top: 2rem}
  .header .icon-listing .icon-item .info {color:#000}
  .slideshow .btn {background: #cfa54b;color:#000;border: 0;display: inline-block;width: auto;padding: 14px;}
  .side-image {padding-top: 0;background-size: auto;background-position-y: 320px !important;}
  .side-image .carousel-inner {padding:0;margin:0}
  .side-image .carousel-item {display: block;}
  .side-image .carousel-item img {margin: 0 0 1rem 0;border-radius:0;padding: 0;width: 100%;left: 0;}
  .side-image .carousel-item .img::after {display: none}
  .page-inner .page-column td{width:100% !important;display:table;margin-top:1rem;margin-bottom:1rem;}
  .page-inner .we-done img {width:100%}
  .page-inner .listing img {margin-bottom:1rem;}
  .about-us-img {width:100%;margin:1rem 0;float:none;}
  .page-inner .listing .row {margin-bottom: 3rem !important}
  .page-inner .listing h3 {font-size: 1.4rem;margin-top: 0.2rem}
  .banner-donate .inner {padding:2rem;margin: 0.5rem;} 
  .banner-donate .inner h3{font-size: 2rem;}
  .footer .links-short{padding-left: calc(var(--bs-gutter-x) * .5);}
  .featured-three .item .inner {margin: 0.8rem;}
  .home-video .text {padding-left:1rem;padding-right:1rem;}
  .footer .links-short {padding-right:0;}
  .box-with-image{flex-direction: column-reverse;margin-bottom: 2rem;}
  .box-with-image-second{flex-direction: column}
  .side-image .carousel-item .text, .side-image .carousel-item .img{width:100%;overflow: hidden;margin-top: 1rem;}
  .side-image .carousel-caption{padding-left: 2rem}
  .side-image .carousel-item .img video{width: 100%;margin-left: 0%;}
  .side-image p{width:100%}
  .about-top .img{width:100%}

}

/* X-Small devices */
@media (max-width: 575.98px) {
  .banner-icons{background:#cfa54b !important}
  a.btn-donation, .banner-icons a{background:#fff;color:#cfa54b;}
  .logo {float: none !important; text-align: center;}
  .box-simple a{width:50%;}
  .sm-clean > li:first-child a {margin-left:0}
  .menusection {margin-top: -3.5rem;text-align: right;float: left;width:100%;}
  .logo {float: none !important; text-align: center;}
  .logo img {width: auto;height: 75px;margin-top: 5px;margin: 0px;float: left;}
  .slideshow .carousel-item {height: 36rem;}
  .slideshow .carousel-item:before {display: none}
  .slideshow .carousel-caption {bottom: 0;left: 1em;width: 89%;padding: 0;}
  .slideshow h1 {font-size: 2.3rem;}
  .slideshow h1, .slideshow p {text-shadow:none;color: #fff;margin-top: 0;margin-bottom: 1rem;}
  .slideshow p {font-size: 1em;}
  .slideshow .intro{font-size: 1rem}
  .side-image {}
  .slideshow .carousel-item > img {width:130%; left:unset; right:0}
  .feature-four .item {width: 49.8%}
  .feature-four .item {margin-bottom: 0;}
  .about-top img {width: 100%;margin-top: 0rem;padding:0.5rem}
  .about-top .img::after {bottom: -1rem; right: 0rem; }
  .about-top .r-dotted {top: 24rem;width: 29px;height: 94px;}
  .faq .text .icon{font-size: 10em; right: 0; bottom: 0.5rem !important;  }
  .faq .dotted{width:19%; height:8%; left: 0;}
  .faq .list {margin: 5%; }
  .gallery {margin: 10rem 1rem 8rem 1rem; }
  .gallery .col-lg-3 {margin: 1%; padding: 0; overflow: hidden; width: 48%;}
  .gallery .item {margin: 0; }
  .news .list {margin:0;}
  .news p {margin: 0; }
  .news .posted {font-size: 0.8em; }
  .news .list .item .image {width: 35%; margin-right: 1em;  }
  .news .list .item {margin-bottom: 2em;border-top: 1px dashed #aaa;margin-top: 1.5rem;padding-top: 2rem;margin-bottom: 0;}
  .news h3 {font-size: 1.3em; }
  .col-sm-6 {width: 49.8%}
  .footer {margin-top: 0;padding: 0 1rem;padding-top: 4rem;overflow:hidden;}
  .footer .col-sm-6 {margin-bottom: 2rem;}
  .footer .about-list {margin-bottom: 4rem; }
  .footer .end {text-align: center;}
  .footer .item .icon {font-size: 1.3rem}
  .footer .contact-list {margin-left:-3rem;width:133%}
  .form-training .form {padding:1rem; }
  #trainings_wrapper {margin-top: 0;}
  .page-inner {padding: 0 0 3rem 0; font-size: 1.1em;}
  .page-inner .innerimg img {width:100%;margin:0 0 1.5rem 0; padding:0; float:none;}
}



/** Settings **/
.setting {position: fixed;right: 20px;bottom: 30px;z-index: 999;}
.setting img {width: 50px;height: 50px;}
.setting .inner{padding:0;max-height:0; max-width:0;overflow: hidden; background:#fff; opacity:0;transition:1s;}
.setting .list {}
.setting .list .item {display: flex; border-top: 1px dotted #ccc;padding:0.5rem 0; }
.setting a{text-decoration: none; color:#000;}
.setting p {font-weight: bold;}
.setting .collapsed {margin-top:0.5rem;padding:1.5rem; max-height:50rem; max-width:20rem; opacity:1;box-shadow:0 0 10px #ccc;transition:1s}


.grayscale * {filter: grayscale(100%);}
.large-font-size {font-size: 130% !important; }
.high-contrast, .high-contrast *{background:#000 !important; color:#fff !important; text-shadow: none !important; box-shadow: none !important;}
.high-contrast .slideshow .carousel-item > img {opacity: 0; }
.high-contrast .logo img {filter: brightness(0) invert(1); -webkit-filter:brightness(0) invert(1); background:transparent !important; }
.light-background, .light-background *, .light-background *:before , .light-background *:after {color:#000 !important; border-color:#000 !important; background:#fff !important;}
.light-background img {opacity:0 !important;}
.light-background .logo img {background:transparent !important;opacity:1 !important}
.light-background .faq .text .icon {display: none;}
.links-underline a{text-decoration: underline !important;}

.whatsapp2 {position: fixed;z-index:11;bottom: 1rem;right:1rem;width: 170px;height: 60px;background: url(../images/whatsapp2.png);background-size: contain;background-repeat: no-repeat;margin-right:-120px;transition: 0.3s;}
.whatsapp2:hover {margin-right: 0}
a.go-top{display:none;opacity:0;position:fixed;right:1rem;bottom:1rem;font-size: 3rem;border-radius:50%;padding: 0;transition: 0.3s;border: 2px solid;width:50px;height:50px;color:#cfa54b;z-index: 99;}
a.go-top-show {display: none;opacity:1;justify-content: center;align-items: center;}
a.go-top-show:hover{bottom:1.2rem}
a.go-top img{width:100%;height:auto;}
a.go-top svg{width:30px;height:30px;}



/* V2  */
.about-top .text{padding-top: 2rem}

.side-image .carousel-item{flex-direction: row;}
.slideshow .carousel-caption{left:0;right:unset}
.side-image .carousel-caption{padding-right: 0;padding-left: 4rem;padding-top: 0;}
.banner-icons{background: #000;}
.slideshow .intro{display: block;}
.side-image .carousel-item img{margin-top:0}


 /*  V2 Small devices  */
@media (max-width: 767.98px) {
  .side-image .carousel-caption{padding-left: 2rem}
}