/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
html, body { overflow-x: hidden !important; overflow-y: visible !important; }
body {
  font-size: 0.9em; 
}

header {background:#151515}
.topnav {background: linear-gradient(to right,  #ec1720, #c8ab29, #c13600);padding: 0.4em 0rem;color: #fff;}
.topnav .icons {margin-top:-4px;}
.topnav .icons a {font-size: 17px; padding: 0;}
.topnav a {color: #fff; padding-right: 0.5em; text-decoration: none;}
.topnav a:hover {color:#fff;}
.topnav .slogan{margin: 0 2em; }
.topnav .list .item {float: left; margin-right: 1em;}
.header {background:#151515;padding-bottom: 0.7rem; padding-top: 0.7rem;}
.logo img{height:60px; width: auto; margin-right: 2rem; }

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

.header .icon-listing {display: flex; align-items: center; margin-top: 0.5em;}
.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: #666;}
.header .icon-listing .icon-item .info  span:last-child{color: #8badb9;}
.header .icon-listing .icon-item:hover .info, .header .icon-listing .icon-item:hover .info  span:last-child{color: #db9c4b;}
.header .icon {font-size: 3em; font-family: var(--bs-font-sans-serif); color: #db9c4b; display: inline-block; margin-top: -5px; }
.header p {}

.just-mob {display: none;}
.menusection {display: inline-block; margin-top: 5px; float: right;}
.sm-clean > li:last-child a{padding-right:0 }

a {color: #db9c4b}
a:hover {color: #db9c4b;}
.btn {font-size: 0.9em}
.btn-warning {color:#fff;}

.spacer {display: block; height:5rem; clear: both; }

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

.slideshow {color: #222;}
.slideshow {
  margin-bottom: 2rem;
}
.slideshow h1 span {color:#db9c4b}
.slideshow .container {position: relative;}
/* Since positioning the image, we need to help out the caption */
.slideshow .carousel-caption {
  bottom: unset;
  top: 8rem;
  z-index: 9 !important;
  color: #222;
  width: 47%;
  left: 0;
  position: absolute !important;
}
.slideshow h1 {
  font-weight: bold;
  color: #fff;
  font-size: 3rem;
  line-height: 3rem;
  margin-bottom: 1.5rem;
}
.slideshow .intro {
  font-weight: bold;
  font-size: 1.2em;
  color: #2cc838;
  text-shadow: 0 0 5px #323232;
  display: none;
}
.slideshow p {font-size: 1.2em;color: #fff;text-shadow: 0 0 15px darkslategrey;}

/* Declare heights because of positioning of img element */
.slideshow .carousel-item {
  height: 45rem;
}
.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:hover {border: 0; background: #222; border: 1px solid #222;}
.slideshow .carousel-control-next, .slideshow .carousel-control-prev {width:70px;}


/* 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:#db9c4b; }
.feature-four .item:hover a.btn {background:#db9c4b; border-color: #db9c4b; color:#fff;}
.feature-four .item:hover h2 {color:#db9c4b; }
.feature-four .icon {display: block; margin: 0 auto; color:#db9c4b; font-size: 5em}
.feature-four h2 {font-size: 1.4rem; margin: 1rem 0; color:#db9c4b }
.feature-four p {margin-bottom: 1rem; padding:0 0.5rem; color: #555}
.feature-four a.btn {background:transparent; color: #db9c4b; border-color: #db9c4b;}
.feature-four a.btn:hover{background:#db9c4b; border-color: #db9c4b; color:#fff;}


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

.featured-blue {text-align: center; background:#028ec1; color: #fff}
.featured-blue .container {background: #0298cf;}
.featured-blue *{transition: 0.2s;}
.featured-blue .item {background: #db9c4b;padding-top: 2rem;padding-bottom: 1rem;border-right: 1px solid #30aedc; transition: 0.3s;}
.featured-blue .item:last-child{border: 0;}
.featured-blue .item:hover {background:rgba(1,1,1,0.5); }
.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.6;}
.featured-blue a.btn {margin-bottom: 2rem; background:transparent; border-color: #fff;}
.featured-blue a.btn:hover{background:#fff; color:#222;}



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

.featured-color {text-align: center; }
.featured-color .container {background: #333;}
.featured-color *{transition: 0.2s;}
.featured-color .item {background: #db9c4b;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: #db9c4b}
.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: #db9c4b; 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:""; width:0%;height:100%; right:0; bottom:0; background: #f9f7f9; z-index: -1; position: absolute; transition:0.5s;}
.feature-eight .item {padding: 1rem;padding-bottom: 1em; position: relative; display: flex;}
.feature-eight .item:hover::before {width:100%; right: unset; left:0}
.feature-eight .item:hover .icon {color:#db9c4b; }
.feature-eight .item:hover a {opacity:1; margin-left: 0;transition: 0.3s;}
.feature-eight .item:hover h2 {color:#db9c4b; }
.feature-eight .icon {display: block; color:#db9c4b; 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: #db9c4b; opacity:0;  display: block; margin-left:5rem;transition: 0.3s; }
.feature-eight a:hover {color: #222;text-decoration: none;}



/* 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;}
.about-top .dotted {position: absolute;left: -4rem;background: url(../images/dotted/dotted5.png) no-repeat;width: 45%;height: 45%;z-index: -1;}
.about-top img {width: 100%; height: auto; margin-top: 3rem;}
.about-top .img::after{content:"";width: 73%;height: 70%;background: #db9c4b;position: absolute;right: -3%;z-index: -1;bottom: -3%;}
.about-top .text {padding:5rem 0 0 4rem;}
.about-top h2 {font-size: 2.4em; font-weight: bold;}
.about-top h3 {font-size: 2.5em; color: #db9c4b; font-size: 1.2em;}
.about-top h3::before {content:"::: "; color: #db9c4b; margin-top: -5px;}
.about-top h3::after {content:" _____"; color: #db9c4b; margin-top: -5px;}
.about-top h4 {color: #db9c4b; margin-bottom: 1em;margin-top: 1em;}
.about-top .list {margin-top: 2em;}
.about-top .list .check{display: inline-block;background: #db9c4b;color: #fff;padding: 2px 3px;border-radius: 20%;float: left;margin-right: 0.5em;}
.about-top .list p {padding-top: 3px;}
.about-top .list .btn {margin-top: 1em;font-size: 1.1em;padding: 0.5em 1em 0.5em  0.5em !important;margin: 1.5em 0.3em 0 0.3em;}
.about-top .list .btn:hover {background: #e5ad03; color:#000; border: 1px solid #000}

@keyframes moving {
  0%, 100% {
    top: 0;
  }
  50% {
    top: -1rem; margin-left: 0.5rem;
  }
}
.about-top .dotted {
  animation: moving 5s linear infinite;
}


@keyframes moving2 {
  0%, 100% {
    bottom: 1.5rem; font-size: 10em;
  }
  50% {
    bottom: 2.5rem; right: 2rem; font-size: 12em;
  }
}
.faq .text .icon {
  animation: moving2 5s linear infinite;
}






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





/* 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: #db9c4b; transition: 0.3s; color: #fff; }
.projects .item:hover .btn-primary{background: #db9c4b; transition: 0.3s; color: #fff; }
.projects .item .icon {background:#db9c4b;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: #db9c4b; 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: #db9c4b; font-size: 1.2em;}
.projects h3::before {content:"::: "; color: #db9c4b; margin-top: -5px;}
.projects h3::after {content:" _____"; color: #db9c4b; margin-top: -5px;}
.projects h4 {color: #db9c4b; margin-bottom: 1em;margin-top: 1em;}
.projects .content {text-align: left; padding: 0 1em;}
.projects p.title {font-weight: bold; color: #db9c4b; 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 {position:relative; transition: 0.5s;overflow: hidden;}
.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: #db9c4b; font-size: 1.2em;}
.projects-light h3::before {content:"::: "; color: #db9c4b; margin-top: -5px;}
.projects-light h3::after {content:" _____"; color: #db9c4b; margin-top: -5px;}
.projects-light h4 {color: #db9c4b; margin-bottom: 1em;margin-top: 1em;}
.projects-light .content {text-align: left;}
.projects-light .item:hover p.title {background:#db9c4b}
.projects-light p.title {font-weight: bold;color: #FFF;font-size: 1.2em;margin: 0;padding: 1rem 0;text-align: center;background: #222;}
.projects-light .title a {text-decoration: none;color: #fff;}
.projects-light .title a:hover {color:#fff;}
.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:#db9c4b; border: none;}
.projects-light .btn::before{content:" "; position:absolute; margin-top:-5px; background: #db9c4b; width:0;height:0; transition: 0.3s;}
.projects-light .item:hover .btn::before{width:80px; height:1px }
.projects-light .slick-arrow:active {opacity: 0;}
.projects-light .item .description {height:0px; width:100%; text-align:center; overflow:hidden; transition: 0.3s; position:absolute; top:0; left:0; background:rgba(0, 0, 0, 0.5); color:#fff}
.projects-light .item:hover .description {height:71%;}
.projects-light .item .description p {padding-top: 5%}
.projects-light img {max-width: 100%;height: auto;}



.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: #db9c4b; }
.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: #db9c4b; font-size: 1.2em;}
.gallery h3::before {content:"::: "; color: #db9c4b; margin-top: -5px;}
.gallery h3::after {content:" _____"; color: #db9c4b; 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: #db9c4b; font-size: 1.2em;}
.news .text  h3::before {content:"::: "; color: #db9c4b; margin-top: -5px;}
.news .text  h3::after {content:" _____"; color: #db9c4b; 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 #db9c4b; 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: #db9c4b;}
.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:#db9c4b}





.news-vertical {}
.news-vertical h2 {font-size: 2.5em;font-weight: bold;text-align: center;color: #db9c4b;}
.news-vertical h3 {font-size: 1.5em;  text-align: center; margin-bottom: 1.5em;margin-bottom: 1.5em;}
.news-vertical .item{margin-top: 2rem;}
.news-vertical .item .image {background: #db9c4b;margin-bottom: 1rem;}
.news-vertical .item img {width: 100%; height: auto;border-bottom: 3px solid #fff; transition: 0.3s; }
.news-vertical .item:hover img {border-color: #db9c4b;opacity:0.8;}
.news-vertical h4 {font-size: 1.2em; font-weight: bold;}
.news-vertical .posted {color: #aaa;margin-bottom: 0.5em;font-size: 0.9em;}
.news-vertical .posted span {margin: 0 15px; font-size: 0.9em;  } 
.news-vertical a {text-decoration: none;color: #111;}
.news-vertical a:hover{color: #db9c4b;}
.news-vertical a.btn {color: #fff;background: #db9c4b;border: none;}
.news-vertical p {max-height:8em; overflow:hidden; color: #666; margin-bottom: 1rem; transition: 0.3s;}
.news-vertical p:hover {max-height: 15em; }




/* 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: #db9c4b}
.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: #db9c4b;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:#db9c4b; }

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

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







/* 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: #db9c4b;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: #db9c4b; font-size: 1.2em; text-transform: uppercase;}
.intro-big-pic h3::before {content:"::: "; color: #db9c4b; margin-top: -5px;}
.intro-big-pic h3::after {content:" _____"; color: #db9c4b; margin-top: -5px; }
.intro-big-pic h4 {color: #db9c4b; 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: #db9c4b; 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); }
.pic {
    margin-top: 0;
    z-index: 1;
    position: relative;
    background: #fff9e0;
    border-radius: 5px 5px 0px 0px;
    padding: 5px 0px;
    }
.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;}
.items-rotate-dark .item {color: #252525;}
.items-rotate-dark .item h5{color: #252525;}
.items-rotate-dark .item .front{background: #f9f7f9;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;}
.form-training h3 {font-size: 2rem;margin: 1rem 0 1rem 0;font-weight: bold;border-bottom: 1px solid #aaa;padding-bottom: 0.5rem;}
.form-training p {margin-bottom: 2rem; }
.form-training .img {background: url(../images/team.jpg); background-size: cover; border-radius: 0 10rem 0 0; 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 {padding: 7px 10px;border: 1px solid #ddd;background: #fff;width: 100%;margin-bottom: 1rem;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]{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;color: #db9c4b;}
.testimonial h3 {font-size: 2.5em; color: #db9c4b; font-size: 1.2em;}
.testimonial h3::before {content:"::: "; color: #db9c4b; margin-top: -5px;}
.testimonial h3::after {content:" _____"; color: #db9c4b; margin-top: -5px;}
.testimonial h4 {color: #db9c4b;margin-bottom: 2em;}
.testimonial .item {padding: 20px; position: relative;}
/*.testimonial .item::before {content:'"'; font-family:cursive;font-size: 80px;z-index: 1;color: #db9c4b;position: absolute;left: 0px;top: -7px;transition: 0.3s;}*/
.testimonial .item:hover::before {left: 18px; color: #fff}
.testimonial .content {padding:40px 20px;margin-bottom: 2rem;border-radius: 5px;position: relative;background: #fffdf2;transition: all 0.5s;}
.testimonial .content::before{content: "";width: 20px;height: 20px;background: #fff9e0;position: absolute;left: 35px;top: -10px;transform: rotate(45deg);transition: all 0.5s;}
.testimonial .item:hover .content {background: #db9c4b; color: #fff}
.testimonial .item:hover .content::after {background: #db9c4b;}
.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: 5px solid #f8efcd;border-radius: 50%;transition: all 0.3s;}
.testimonial .item:hover .pic img{border: 2px solid #db9c4b}
.testimonial .pic p.name {font-weight: bold; padding-top: 1.3em; transition: 0.3s;}
.testimonial .item:hover p.name{color: #db9c4b}
.testimonial .pic p.position {color: #777; font-size: 0.9em}
.testimonial .stars {color: #db9c4b}

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




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

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


.modal-body {padding: 2rem;}
.page-inner {padding:rem 0; font-size: 1.1em;}
.page-inner h1 {margin-bottom:1.5rem;padding-top: 1rem;border-top: 2px solid #db9c4b;}
.page-inner .innerimg img {float: left; margin-right:1.5rem; width:40%; height:auto; margin-bottom:1rem; }
.page-inner .innerimg-large img {float: none;margin: 0;width: 100%;height:auto;margin-bottom:2rem;}

.page-inner .listing .row {padding:10px 0; transition: 0.3s;}
.page-inner .listing .row:hover {background: #f5f5f5;}
.page-inner .listing img {width: 100%; height: auto;}
.page-inner .listing a {text-decoration: none;}
.page-inner .listing h3 {font-size: 1.3rem;}
.page-inner .listing .posted {margin-bottom: 0.5rem; color: #999;}
.article h2, .article h3, .article h4 {color:#db9c4b}

#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}

.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;}


.footer {
 clear:both;
 background: url(../images/footer.jpg) #111;
 color: #fff;
 padding: 4rem 0rem 0rem 0rem;
 position: relative;
 }
.footer h3 {margin-bottom: 2rem;color: #e4e4e4;}
.footer h3::after {content: ""; width: 40px; height: 2px; background: #db9c4b;display: block;margin-top: 0.5rem; transition: 0.5s;}
.footer .col-lg-3:hover  h3::after{width: 65%;}
.footer a {color: #fff;text-decoration: none;}
.about-list {clear: both;display: flex;padding-top: 30px;}
.footer a:hover {color: #db9c4b}
.footer .icon {}
.footer ul {margin: 0; padding: 0; }
.footer ul li {margin-bottom: 1em; list-style: none; }
.footer ul li::before{content:"\2212 "; color:#db9c4b ;font-weight: bold;margin-right: 5px;}
.footer .item {margin-bottom: 0.5em;}
.footer .icon {color: #a7a6a6;}
.footer .icon:hover{color: #fff !important;}
.footer .item .icon {font-size: 2em; vertical-align: middle; color: #db9c4b}
.footer .about-list .icon {
    color: #fff;
    font-size: 16px;
    height: 38px;
    width: 38px;
    border-radius: 100px;
    display: block;
    background: hsla(0,0%,100%,.05);
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
    border: 1px solid hsla(0,0%,100%,.2);
    margin: 0px 2px;
    color: #db9c4b;
}

.footer .end {padding: 10px 0;overflow: hidden;border-top: 1px solid hsla(0,0%,100%,.1);
    margin-top: -6px; background: rgba(0,0,0,.3);}
.footer .search .btn {background: #db9c4b;color: #fff; width: 27%;border: 1px solid #db9c4b;}
.footer .search input {padding: 5px 15px;height: 3rem;margin: 0;border-radius: 0;border: 1px solid #888; outline:none; box-shadow: none;
    float: left; width: 72%; border-right: 0;}
.btn-rad{border-radius:0px 5px 5px 0px !important}
.btn-in{border-radius: 5px 0px 0px 5px !important}



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

/*  X-Large devices  */
@media (max-width: 1399.98px) { 
  .slideshow .carousel-caption {top:7rem}
  .slideshow .carousel-item {height: 30rem;position: static;transition: 0.3s;}
 }


/*  Large devices  */
@media (max-width: 1199.98px) { 
  .slideshow .carousel-item {height: 29rem;}
 }


/*  Medium devices  */
@media (max-width: 991.98px) {
  .header .icon-listing {margin-top: 1em;}
  .header .icon-listing .icon-item {margin-left:2em; 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:2rem !important;}
  .form-training .img {min-height:25rem; }
  .menusection {float: none;}
 }

 /*  Small devices  */
@media (max-width: 767.98px) {
  .no-mob {display: none !important; }
  .just-mob {display: block;}
  .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:#db9c4b; color:#fff }
  .slideshow {background: #f9f7f9;}
  .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: 0; }
  .news-vertical .posted {font-size: 0.8em; }
  .news-vertical .list .item {margin-bottom: 2em;border-top: 1px dashed #aaa;margin-top: 1.5rem;padding-top: 2rem;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.1em; margin-top: 1rem; border: 0;}
  .consult-banner .btn {font-size: 1em;}
  .items-rotate .item {min-height: 18rem;}


}

/* X-Small devices */
@media (max-width: 575.98px) {
  .menusection {margin-top:-10px; text-align: right; width:100%;}
  .logo {float: none !important; text-align: center;}
  .logo img {width:100%; height: auto;}
  .slideshow .carousel-item {height: 25rem;}
  .slideshow .carousel-caption {top:11.5rem; left: 1em; width: 95%; padding: 0; }
  .slideshow h1 {font-size: 1.5rem;}
  .slideshow h1, .slideshow p {text-shadow:none; color:#222;}
  .feature-four .item {width: 49.8%}
  .about-top img {width: 96%; margin-top: 2rem; }
  .about-top .img::after {bottom: -1rem; right: 0rem; }
  .feature-four .item {margin-bottom: 0;}
  .about-top .r-dotted {top: 36rem; width: 8%;height: 5%;}
  .faq .text .icon{font-size: 10em; right: 0; bottom: 0;  }
  .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;}
  .footer .col-sm-6 {margin-bottom: 2rem;}
  .footer .about-list {margin-bottom: 4rem; }
  .footer .end {text-align: center;}
  .form-training .form {padding:1rem; }
  #trainings_wrapper {margin-top: 0;}
  .page-inner {padding: 0 0 3rem 0; font-size: 1.1em; border-top: 1px solid #aaa;}
  .page-inner .innerimg img {width:100%;margin:0 0 1.5rem 0; padding:0; float:none;}
  .page-inner h1 {border:none;}
}







.pulse-effect {
    background-color: #fff;
    height: 200px;
    width: 200px;
    border-radius: 100%;
    position: absolute;
    margin: auto;
    z-index: -2;
    left: 44%;
    top: 3%;
  }

.circle {
    position: absolute;
    background-color: inherit;
    height: 100%;
    width: 100%;
    border-radius: 100%;
    opacity: 0.5;
    animation: pulse 3s ease-out infinite;
  }

.circle:nth-of-type(1) {
    animation-delay: -0.5s;
  }

.circle:nth-of-type(2) {
    animation-delay: -1s;
  }

.circle:nth-of-type(3) {
    animation-delay: -1.5s;
}

@keyframes pulse {
    100% {
      transform: scale(2);
      opacity: 0;
    }
  }


/*ibad code*/
.t-head {
    text-align: center;
    margin-bottom: 25px;
}
.t-head h3{font-size: 2rem;font-weight: bold;}
.t-head p{font-size: 1.1rem;}
.about-text {
    padding: 15px;
    border-radius: 10px;
}
.content i {font-size: 30px;color: #636363;width: 45px;height: 45px;background: #fffbe8;
border-radius: 50%; display: inline-block;text-align: center;line-height: 1.5em;margin-top: 5px;}
.content img {
    width: 75px;
    margin-right: 15px;
    height: 75px;
    padding: 10px;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 1rem;
}
.content span {
  font-size: 1.7rem;
  font-weight: bold;
  color: #222;
  margin-left: 15px;
  margin-right: 10px;
  }
.abt-img img {width: 100%;height: auto;border-radius: 15px}
/*why choose us*/
.why-bg {
    background: #333333 url(../images/bg-dark.jpg);
    background-attachment: unset;
    padding: 6rem 0;
    color: #eaeaea;
}
.why-title {
    text-align: center;
    font-weight: bold;
    color: #eaeaea;
}
.why-title h3{font-size: 2rem;font-weight: bold; margin-bottom: 4rem; color:#fff}

.why-img img{
    width: 70px;
    height: 70px;
    margin: 0px 10px 0px 10px;
    padding: 7px;
    border: 4px solid #c8ab29;
    border-radius: 50%;
    background: #c8ab29;
    transition: 0.3s;
}
.why-content:hover .why-img img{background: #db9c4b; border-color:#db9c4b}

.why-content h5{margin-bottom: 3px;color: #fff;}
.why-content p{color: #aaa;}
/*our partners*/
.partner{
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    }
.partner p {font-size: 1.1rem; margin-bottom: 1.5rem}

.p-padding{padding:50px 0}
.square-holder {
  margin-bottom:20px;
}
.p-title h2{font-weight: bold;color: #222;font-size: 2.5em;}
.square-holder img {
  max-width:100%;
  transition: all 0.3s;
  width: 77%;
  height: auto;
}
.square-holder:hover img{
  transform: scale(1.4);
}
.search-sec{padding: 1.5rem; top:-200px}
.search-slt{display: block;width: 100%;font-size: 0.875rem;line-height: 1.5;color: #55595c;background-color: #fff;background-image: none;border: 0;height: calc(2.5rem + 2px);border-radius: 5px 0px 0px 5px;}
.wrn-btn{width: 100%;font-size: 16px;font-weight: 400;text-transform: capitalize;height: calc(2.5rem + 2px) !important;border-radius:0;}

@media (min-width: 992px){
    .search-sec{
        position: relative;
        top: -190px;
        z-index: 11;
    }
}

@media (max-width: 992px){
    .search-sec{
        background: #1A4668;
    }
}

.btn-primary {
    color: #fff;
    background-color: #db9c4b;
    border-color: #db9c4b;
}
.btn-danger1 {
    color: #fff;
    background-color: #db9c4b;
    border-color: #db9c4b;
    border-radius: 0px 5px 5px 0px;
}
.mr-left h3{margin-left: 1rem}
.mr-left li{margin-left: 1rem}
.ser-title{color: #c8ab29}

.carousel-inner::after{
  display: none;
  content: "";
  margin: 0px !important;
  color: #fff;
  text-shadow: 2px 4px 7px #000;
  text-transform: uppercase;
  background: linear-gradient(90deg, black, transparent);
  padding: 10px 25px !important;
  margin-bottom: 14px !important;
  position: absolute;
  z-index: 1;
  width: 60%;
  bottom: 0;
  top: 0;
  height: 100%;
  -moz-transform: skew(-20deg);
  -o-transform: skew(-20deg);
  -moz-transform: skew(20deg);
  -o-transform: skew(20deg);
  clip-path: polygon(0 0, 100% 0%, calc(100% - 57px) 100%, 0% 100%);
}
.footer-help, .footer-right {
    padding-bottom: 40px!important;
}

.footer-help {
    font-size: 16px;
    text-align: center;
    color: var(--gray-400);
}
.c-learn p{font-size: 14px;list-style: none;text-align: center;}
.c-learn a{text-decoration: none;color: unset;}
.c-learn h6{text-align: center;font-weight: bold}
.icon-i{display: flex;justify-content: center;}
.icon-i i {
    margin-bottom: 1rem;
    font-size: 3rem;
    display: block;
}
.body-h{padding:15px 0px 15px 0px;background: #fafafa;transition: 0.3s;}
.body-h:hover {background: #db9c4b;border-radius: 15px;color: #fff;}
.p-learn{margin-left: 15px;}