@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700;800;900;1000&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');









:root {

  --primary: #06A3DA;

  --secondary: #34AD54;

  --light: #EEF9FF;

  --dark: #091E3E;

}



body {

  font-family: 'Mulish', sans-serif;

  overflow-x: hidden;

}



a {

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}



:root {

  scrollbar-face-color: rgb(210, 210, 210);

  /* Firefox 63 compatibility */

  scrollbar-track-color: rgb(46, 54, 69);

  /* Firefox 63 compatibility */

  scrollbar-color: #7e4800 rgb(46, 54, 69);

  scrollbar-width: thin;

}



/*Custom scrollbar*/

#style-scroll::-webkit-scrollbar {

  width: 5px;

  background-color: #212121;

  border-radius: 0vh;

}



#style-scroll::-webkit-scrollbar-thumb {

  background: rgb(209, 167, 107);

  background: linear-gradient(80deg, rgba(209, 167, 107, 1) 0%, rgba(160, 116, 72, 1) 100%);

  border-radius: 0vh;

}



#style-scroll::-moz-scrollbar-track {

  width: 5px;

  background-color: #212121;

  border-radius: 0vh;

}



/*Custom scrollbar*/

html,

body {

  height: 100%;

  width: 100%;

  margin: 0;

}



.founder-grid{



}

.founder-grid h2 {

  font-weight: 700;

  font-size: 65px;

  font-family: "Playfair Display", serif;

  color: #fff;

  margin-bottom: 1rem;

}

.founder-grid h3 {

  background: linear-gradient(90deg, rgba(255, 255, 0, 0) 0%, rgba(200, 158, 101, 1) 50%, rgba(238, 130, 238, 0.02) 100%);

  text-align: center;

  color: #fff;

  font-weight: 700;

  padding: 9px 52px;

  display: inline-block;

  font-size: 33px;

  text-transform: uppercase;

  margin: 8px 0px;

}

.founder-grid p {

  color: #fff;

  font-size: 30px;

}



.about-nyaari-grid {

  font-weight: 700;

}



.about-right-title {

  padding: 40px 0px 0px 30px;

  font-size: 18px;

  font-weight: 800;

}



.co-founder-grid{



}

.co-founder-grid h2 {

  font-weight: 700;

  font-size: 65px;

  font-family: "Playfair Display", serif;

  color: #fff;

  margin-bottom: 1rem;

}

.co-founder-grid h3 {

  background: linear-gradient(90deg, rgba(255, 255, 0, 0) 0%, rgb(166 120 58) 50%, rgba(238, 130, 238, 0.02) 100%);

  text-align: center;

  color: #fff;

  font-weight: 800;

  padding: 9px 52px;

  display: inline-block;

  font-size: 33px;

  text-transform: uppercase;

  margin: 8px 0px;

}

.co-founder-grid p {

  color: #fff;

  font-size: 30px;

}











.ecommerce-grid {

  background: url(../img/bg-parallax1-1.jpg) repeat-x center bottom;

  background-size: cover;

  padding: 6rem 0px;

  position: relative;

  overflow: hidden;

  background-attachment: fixed;

}

a {

  transition: 0.3s;

}

.fixedchild {

  position: absolute;

  right: 0%;

  bottom: -80px;

  height: 410px;

}

.testimonials-grid {

  padding: 90px 0px;

  background-color: #0f0f0f;

}



.testimonial-meta {

  text-align: left;

  margin-left: 1rem;

}

.testimonials-grid .testimonial-icon {

  font-family: playfair display, sans-serif;

  font-size: 92px;

  font-weight: 700;

  position: relative;

  height: 30px;

  width: 50px;

  line-height: normal;

  text-align: center;

  top: -30px;

  left: 0px;

  -webkit-transition: all 300ms linear 0ms;

  -khtml-transition: all 300ms linear 0ms;

  -moz-transition: all 300ms linear 0ms;

  -ms-transition: all 300ms linear 0ms;

  -o-transition: all 300ms linear 0ms;

  transition: all 300ms linear 0ms;

}

.testimonials-grid .testimonial-description {

  color: #c6c6c6;

  margin-left: 46px;

  padding-bottom: 0px;

  position: relative;

}

.testimonials-grid .testimonial-holder {

  display: flex;

  align-items: center;

  text-align: center;

  margin-left: 2rem;

  margin-top: 2rem;

}

.testimonials-grid .testimonial-featured {

  -webkit-border-radius: 92px;

  -khtml-border-radius: 92px;

  -moz-border-radius: 92px;

  -ms-border-radius: 92px;

  -o-border-radius: 92px;

  border-radius: 92px;

  width: 70px;

  min-width: 70px;

  position: relative;

  overflow: hidden;

}

.testimonials-grid .testimonial-featured img {



}



.testimonials-grid .testimonial-title {

  font-size: 18px;

  margin-bottom: 5px;

  color: #fff;

}



.testimonials-grid .testimonial-position {

  /* font-family: poppins, sans-serif; */

  font-size: 15px;

  color: #d5aa6d;

}



.card-content {

  width: 100%;

  height: auto;

  box-sizing: border-box;

  padding: 10px 24px;

}



.disc {

  box-sizing: border-box;

  padding: 5px 0px;

  width: 100%;

}



.disc>p {

  padding-top: 0px;

  font-size: 14px;

  font-weight: normal;

  color: #383838;

  margin: 0px;

  font-weight: 500;

}



.bg-video-wrap {

  position: relative;

  overflow: hidden;

  /* width: 100%; */

  /* top: 0px; */

  height: 240px;

}



.vision-mission-img{

  display:block;

}

.video {

  left: 0px;

  right: 0px;

  position: absolute;

  width: 100%;

  top: -120px;

  z-index: -1;

}



.skyHolder {

  height:400px;

  overflow: hidden;

  position: relative;

  width: 100%;

}



.skyHolder img {

  z-index: -1;

  position: absolute;

  bottom: -110px;

  height: auto;

}

.sky {

  background-size: contain;

  position: absolute;

  top: 0%;

  left: 0%;

  height: 100%;

  width: 1000vw;

  background-image: url("../img/Gallery-Inner-Banner.jpg");

  background-position: 0 0;

  background-repeat: repeat-x;

  animation: animatedBackground 400s linear infinite;

}



@keyframes animatedBackground {

  from {

    background-position: 0 0;

  }



  to {

    background-position: 100% 0;

  }

}



.skynews{

  background-image: url("../img/news_and_media.jpg");

}

.skyblog{

  background-image: url("../img/Blog-bg.jpg");

}

.skyawards{

  background-image: url("../img/awards-bg.jpg");

}

.skyTedxTalksBanner{

  background-image: url("../img/TedxTalksBanner.jpg");

}

.overlay {

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  z-index: 1;

  background: -webkit-gradient(linear, left top, right top, color-stop(0, #4f176a), to(rgb(96 46 121 / 17%)));

  background: linear-gradient(to right, #4f176a 30%, rgb(96 46 121 / 17%) 100%);

  opacity: 0.9;

}



/*

  @keyframes animatedBackground{

	  from {

	       background-position: 0 0;

	  }

	  to{background-position: 100% 0;

	  }

}

*/

.breadcrumb-grid {

  position: relative;

  text-align: left;

  z-index: 1;

  top: 54%;

}



.header_title {

  font-size: 30px;

  color: #fff;

  font-weight: 700;

  margin-bottom: 5px;

  text-shadow: 1px 1px 1px #000;

}



.breadcrumb {

  color: #fff;

  margin-bottom: 0px;

  list-style: none;

  background-color: transparent;

  border-radius: 0px;

  padding: 0px;

}



.breadcrumb>li {

  font-size: 14px;

}



.breadcrumb>li>a {

  color: #ffffff;

  font-weight: 500;

}



.breadcrumb>.active {

  color: #ffd092;

}



.breadcrumb>li+li:before {

  padding: 0 5px;

  color: #ccc;

  content: "/\00a0";

}



.modal-fullscreen .modal-content {

  background: #edd8ba

}



.vertical-centered-box {

  position: relative;

}



.vertical-centered-box:after {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle;

  margin-right: -0.25em;

}



.vertical-centered-box .content {

  box-sizing: border-box;

  display: inline-block;

  vertical-align: middle;

  text-align: left;

  font-size: 0;

}



.vertical-centered-box .content img {

  height: 68px;

  position: relative;

  top: 10px;

}



.vertical-centered-box span {

  position: absolute;

  font-size: 9px;

  color: #fff;

  font-family: 'Rubik', sans-serif;

  bottom: 3px;

  letter-spacing: 0.5px;

  font-weight: 200;

  left: 1px;

}



.loader-circle {

  position: absolute;

  left: 50%;

  top: 50%;

  width: 120px;

  height: 120px;

  border-radius: 50%;

  box-shadow: inset 0 0 0 1px rgb(66 40 38);

  margin-left: -60px;

  margin-top: -60px;

}



.loader-line-mask {

  position: absolute;

  left: 50%;

  top: 50%;

  width: 60px;

  height: 120px;

  margin-left: -60px;

  margin-top: -60px;

  overflow: hidden;

  transform-origin: 60px 60px;

  -webkit-mask-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0));

  animation: rotate 1.2s infinite linear;

}



.loader-line-mask .loader-line {

  width: 120px;

  height: 120px;

  border-radius: 50%;

  box-shadow: inset 0 0 0 1px rgb(255 157 59);

}



#particles-background,

#particles-foreground {

  left: -51%;

  top: -51%;

  width: 202%;

  height: 202%;

  transform: scale3d(0.5, 0.5, 1);

}



#particles-background {

  background: #2c2d44;

  background-image: -moz-linear-gradient(45deg, #3f3251 2%, #002025 100%);

  background-image: -webkit-linear-gradient(45deg, #3f3251 2%, #002025 100%);

  background-image: linear-gradient(45deg, #3f3251 2%, #002025 100%);

}



@keyframes rotate {

  0% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(360deg);

  }

}



@keyframes fade {

  0% {

    opacity: 1;

  }



  50% {

    opacity: 0.25;

  }

}



@keyframes fade-in {

  0% {

    opacity: 0;

  }



  100% {

    opacity: 1;

  }

}



.mcs-grid {

  background: #fff;

  padding: 5rem 0rem;

}

.modal-backdrop.show {

  /* opacity: 0; */

}



.modal {

  height: 95%;

}



.benefits-section {}



.benefit-center {

  display: flex;

}



.official-desktop {

  font-size: 12px;

}



.help-bgbox {

  position: relative;

  display: block;

  padding: 67px 76px;

  text-align: left;

  background: transparent;

  color: #fff;

  border-radius: 0px;

  -webkit-transition: background 2s ease-out;

  -moz-transition: background 2s ease-out;

  -o-transition: background 2s ease-out;

  transition: background 2s ease-out;

  background: #bf8942 url(../img/footer-contact-bg.jpg) no-repeat;

  background-size: cover;

  margin: auto;

  right: 0px;

  left: 0px;

  margin-top: 0px;

  z-index: 1;

}



.help-bgbox h3 {

  font-size: 25px;

  color: #fff;

  font-family: 'Rubik', sans-serif;

  font-weight: 400;

  margin: 0px;

}



.help-bgbox h3 span {

  display: block;

  font-size: 20px;

  font-weight: 300;

}



.call-us {

  color: #d5aa6d;

  font-size: 22px;

}



.call-us>span {

  color: #fff;

}



.btn-social {

  color: #fff;

  border-radius: 100px;

  margin-top: 20px;

  font-size: 16px;

  font-weight: 400;

  transition: all 0.3s ease-in-out;

  margin-right: 10px;

  transform: scale(0.9);

  display: flex;

  padding: 0px;

}



.btn-social>i {

  font-size: 22px;

}



.btn-social>span {

  padding: 3px 8px;

  line-height: normal;

}



.btn-social:hover {

  color: #fff;

  transform: scale(1.0);

}



.copyright {

  background: #2a2321;

  padding-top: 2rem;

  padding-bottom: 2rem;

  font-size: 13px;

}



.copyright p {

  color: #ededed;

  margin: 0px;

  font-size: 13px;

}



.footer-grid {

  background-color: #191514;

  padding-top: 5rem;

  padding-bottom: 3rem;

}



.section-title-sm p {

  color: #999

}



.section-title-sm>h3 {

  /* font-family: 'Rubik', sans-serif; */

  font-weight: 400;

  font-size: 20px;

  color: #fff;

}



.foot-address {

  font-size: 13px;

  color: #c3c3c3

}



.foot-address p {

  font-size: 15px;

  color: #999

}



.important-link {

  background: #fff;

  padding-top: 5rem;

  padding-bottom: 3rem;

}



.copyedby {

  display: block;

  text-align: left;

  padding-left: 40px;

  color: #999;

}



.poweredby {

  display: block;

  text-align: right;

  padding-right: 40px;

  color: #999;

}



.poweredby a {

  color: #cfa56a;

}



.poweredby a:hover {

  color: #FFFFFF;

}



.vendor-carousel .owl-nav {}



.vendor-carousel .owl-nav .owl-prev {

  position: absolute;

  top: -50px;

  right: 73px;

  width: 40px;

  height: 40px;

  text-align: center;

  color: #fff;

  line-height: 41px;

  margin-right: 3px;

  border-radius: 100px;

  background: rgb(209, 167, 107);

  background: linear-gradient(80deg, rgba(209, 167, 107, 1) 0%, rgba(160, 116, 72, 1) 100%);

}



.vendor-carousel .owl-nav .owl-next {

  position: absolute;

  top: -50px;

  right: 25px;

  width: 40px;

  height: 40px;

  text-align: center;

  color: #fff;

  line-height: 41px;

  margin-right: 3px;

  border-radius: 100px;

  background: rgb(209, 167, 107);

  background: linear-gradient(80deg, rgba(209, 167, 107, 1) 0%, rgba(160, 116, 72, 1) 100%);

}



.news-para {

  margin: 0px;

  margin-top: 4.5rem;

}



.grid-news-inner {

  display: flex;

  flex-wrap: wrap;

  -webkit-box-shadow: 0 2px 20px rgba(54, 54, 54, .13);

  -khtml-box-shadow: 0 2px 20px rgba(54, 54, 54, .13);

  -moz-box-shadow: 0 2px 20px rgba(54, 54, 54, .13);

  -ms-box-shadow: 0 2px 20px rgba(54, 54, 54, .13);

  -o-box-shadow: 0 2px 20px rgba(54, 54, 54, .13);

  box-shadow: 0 2px 20px rgba(54, 54, 54, .13);

  background-color: #fff;

}



.owl-stage .ct-carousel-item {

  height: 100%;

  padding: 20px;

}



.ct-grid .ct-grid-inner,

.ct-grid .grid-item-inner {

  position: relative;

}



.owl-stage .ct-carousel-item .grid-item-inner {

  height: inherit;

}



.entry-featured {

  position: relative;

}



.entry-featured:not(.entry-gallery) {

  display: inline-block;

  margin: auto;

  width: 100%;

  background-color: #eff0f2;

}



.reduxon .entry-featured {

  width: 100%;

}



.testimonial-carousel .owl-stage-outer .owl-stage .owl-item .grid-item-inner {



}

.entry-featured {

  overflow: hidden;

  height: 222px;

}



.item-body {

  background-color: #fff;

  padding: 32px 34px 39px;

}



.entry-meta,

.item-meta {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  margin: 0 0 17px;

  padding-bottom: 15px;

  border-bottom: 1px solid #ececf0;

  position: relative;

}



.item-meta {

  padding: 0 0 9px;

  margin: 0;

  border: none;

}



.entry-meta li, .item-meta li {

  position: relative;

  display: inline-block;

  color: #999;

  font-size: 13px;

  padding: 0 17px 0 0;

  text-transform: capitalize;

  width: 50%;

  display: flex;

  align-items: baseline;

  line-height: normal;

}



.entry-meta li,

.item-meta li a {

  color: #9f9c9c;

}



.entry-meta li i,

.item-meta li i {

  margin-right: 6px;

}



.entry-meta li:last-child,

.item-meta li:last-child {

  padding-right: 0;

}



.item-body .item-title {

  font-size: 20px;

  line-height: 1.5;

  font-weight: 800;

  margin-bottom: 24px;

}



.item-body .item-title a {

  color: inherit;

}



.item-body .item-title2 {

  font-size: 20px;

  font-weight: 700;

  margin: 0;

  text-align: center;

}



.entry-featured img {

  -webkit-transition: all 200ms linear 0ms;

  -khtml-transition: all 200ms linear 0ms;

  -moz-transition: all 200ms linear 0ms;

  -ms-transition: all 200ms linear 0ms;

  -o-transition: all 200ms linear 0ms;

  transition: all 200ms linear 0ms;

  /*

  width: auto !important;

  margin: auto;

*/

}



.entry-featured .item-more {

  height: 54px;

  width: 54px;

  color: #fff;

  -webkit-border-radius: 54px;

  -khtml-border-radius: 54px;

  -moz-border-radius: 54px;

  -ms-border-radius: 54px;

  -o-border-radius: 54px;

  border-radius: 54px;

  background-color: #d5aa6d;

  background-image: -webkit-gradient(linear, left top, right top, from(#d5aa6d), to(#9b6f45));

  background-image: -webkit-linear-gradient(left, #d5aa6d, #9b6f45);

  background-image: -moz-linear-gradient(left, #d5aa6d, #9b6f45);

  background-image: -ms-linear-gradient(left, #d5aa6d, #9b6f45);

  background-image: -o-linear-gradient(left, #d5aa6d, #9b6f45);

  background-image: linear-gradient(left, #d5aa6d, #9b6f45);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d5aa6d', endColorStr='#9b6f45', gradientType='1');

  -webkit-box-shadow: 0 4px 7px rgba(213, 170, 109, .47);

  -khtml-box-shadow: 0 4px 7px rgba(213, 170, 109, .47);

  -moz-box-shadow: 0 4px 7px rgba(213, 170, 109, .47);

  -ms-box-shadow: 0 4px 7px rgba(213, 170, 109, .47);

  -o-box-shadow: 0 4px 7px rgba(213, 170, 109, .47);

  box-shadow: 0 4px 7px rgba(213, 170, 109, .47);

  text-align: center;

  line-height: 54px;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  -webkit-transition: all 300ms linear 150ms;

  -khtml-transition: all 300ms linear 150ms;

  -moz-transition: all 300ms linear 150ms;

  -ms-transition: all 300ms linear 150ms;

  -o-transition: all 300ms linear 150ms;

  transition: all 300ms linear 150ms;

  -webkit-transform: translateY(-50px);

  -khtml-transform: translateY(-50px);

  -moz-transform: translateY(-50px);

  -ms-transform: translateY(-50px);

  -o-transform: translateY(-50px);

  transform: translateY(-50px);

  opacity: 0;

}



.entry-featured2 {

  overflow: hidden;

  height: 400px;

}



.entry-featured2 img {

  width: 100% !important;

}



.item-more .readmore_btn {

  width: 130px;

  background: #0c0904;

  outline: 0;

  font-size: 14px;

  font-weight: 500;

  color: #fff;

  padding: 11px 20px;

  border-radius: 100px;

  display: inline-block;

  text-align: center;

  line-height: 18px;

  -webkit-transition: all 300ms linear 0ms;

  -khtml-transition: all 300ms linear 0ms;

  -moz-transition: all 300ms linear 0ms;

  -ms-transition: all 300ms linear 0ms;

  -o-transition: all 300ms linear 0ms;

  transition: all 300ms linear 0ms;

  /* background-color: #d5aa6d;

  background-image: -webkit-gradient(linear, left top, right top, from(#d5aa6d), to(#9b6f45));

  background-image: -webkit-linear-gradient(left, #d5aa6d, #9b6f45);

  background-image: -moz-linear-gradient(left, #d5aa6d, #9b6f45); */

  background-image: -ms-linear-gradient(left, #d5aa6d, #9b6f45);

  background-image: -o-linear-gradient(left, #d5aa6d, #9b6f45);

  background-image: linear-gradient(left, #d5aa6d, #9b6f45);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d5aa6d', endColorStr='#9b6f45', gradientType='1');

  color: #FFFF;

}



.item-more .readmore_btn:hover {

  -webkit-box-shadow: 0 4px 7px rgb(147 147 147 / 48%);

  -khtml-box-shadow: 0 4px 7px rgb(147 147 147 / 48%);

  -moz-box-shadow: 0 4px 7px rgb(147 147 147 / 48%);

  -ms-box-shadow: 0 4px 7px rgb(147 147 147 / 48%);

  -o-box-shadow: 0 4px 7px rgb(147 147 147 / 48%);

  box-shadow: 0 4px 7px rgb(147 147 147 / 48%);

}





.item-more .readmore_btn i{



}

.entry-featured .item-overlay {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, .84);

  -webkit-transition: all 200ms linear 0ms;

  -khtml-transition: all 200ms linear 0ms;

  -moz-transition: all 200ms linear 0ms;

  -ms-transition: all 200ms linear 0ms;

  -o-transition: all 200ms linear 0ms;

  transition: all 200ms linear 0ms;

  overflow: hidden;

  opacity: 0;

}



.grid-item-inner:hover .entry-featured .item-overlay,

.grid-item-inner:hover .entry-featured .item-overlay {

  opacity: 1;

}



.grid-item-inner:hover .entry-featured .item-more,

.grid-item-inner:hover .entry-featured .item-more {

  opacity: 1;

  -webkit-transform: translateY(0);

  -khtml-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

}



.ct-icon-plus {

  height: 12px;

  width: 12px;

  position: relative;

  display: inline-block;

}



.blue_bg {

  background: #f1f1f1 url(../img/bg1.png) no-repeat;

  background-size: cover;

  height: auto;

  position: relative;

  margin-top: 0px;

  padding: 0px 0px;

  clear: both;

}

.white_bg {

  background: #f1f1f1 url(../img/White-scales-bg.jpg) no-repeat;

  background-size: cover;

  height: auto;

  position: relative;

  margin-top: 0px;

  padding: 0px 0px;

  clear: both;

}





.foundation-img {

  padding-top: 10%;

  height: 580px;

  display: block;

  margin: auto;

}

.about_bg {

  padding: 5rem 0rem;

}



.about_bg p{

  color: #222;

}

.video-container {

  width: 100vw;

  height: 100vh;

}

.video-container video {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 100vw;

  height: 100vw;

  transform: translate(-50%, -50%);

  /* pointer-events: none; */

}



.border-riht {

  width: 1px;

  display: inline-block;

  height: 260px;

  background: #ccc;

  position: absolute;

  margin-left: -5.5rem;

  margin-top: 7rem;

}



/***/

.btn-buy {

  position:relative;

  display: inline-block;

  padding: 15px 46px;

  color: #fff;

  border-radius: 100px;

  text-align: center;

  font-size: 14px;

  background: rgb(209, 167, 107);

  background: linear-gradient(80deg, rgba(209, 167, 107, 1) 0%, rgba(160, 116, 72, 1) 100%);

  margin: 0px 0px;

  margin-right: 0px;

  text-transform: uppercase;

  font-weight: 500;

}

.btn-buy:hover {

  color: #fff;

  background: #7e4800;

  background: linear-gradient(80deg, #7e4800 0%, #7e4800 100%);

}



.btn-consult {

  display: block;

  padding: 13px 46px;

  color: #fff;

  border-radius: 100px;

  text-align: center;

  font-size: 14px;

  background: rgb(209, 167, 107);

  background: linear-gradient(80deg, rgba(209, 167, 107, 1) 0%, rgba(160, 116, 72, 1) 100%);

  text-transform: uppercase;

  font-weight: 500;

  margin: auto;

  width: 200px;

}

.btn-consult:hover {

  color: #fff;

  background: #7e4800;

  background: linear-gradient(80deg, #7e4800 0%, #7e4800 100%);

}



.home-about-btn {

  float: left;

  margin: 28px 0px;

}

.h-gap {

  margin-top: 20px;

  height: 4px;

}



.h-gap span {

  width: 47px;

  height: 4px;

  position: relative;

  display: inline-block;

  vertical-align: top;

}



.h-gap span i {

  height: 3px;

  background-color: #d5aa6d;

  position: absolute;

  left: 0;

  right: 0;

  margin: auto;

}



.omm-btn {

  margin-left: 80px;

}



.btn-buysalespoint {

  width: 20px;

  height: 60px;

  /* background: #76ba48; */

  font-family: 'Rubik', sans-serif;

  position: relative;

  display: inline-block;

  padding: 19px 36px;

  color: #707070;

  border-radius: 4px;

  text-align: center;

  font-size: 46px;

  margin: 0px 0px;

}



.askcall {}



.askcall h6 {

  font-weight: 600;

  color: #343434;

  font-size: 16px;

}



.askcall h3 {

  font-weight: 800;

  color: #7c4000;

}



.search-bgbox {}



.services-grid {}



.p-div {

  font-size: 14px;

  color: #000;

}



.services-box {

  margin-top: 30px;

}



.img-fluid-about {

  margin-top: 40px;

  clear: both;

  display: inline-block;

  width: 100%;

  position: relative;

  left: -40px;

}



.img-fluid-about>img {

  height: 150px;

  padding: 0px 20px;

}



.about-bg {

  padding-top: 5px;

  padding-bottom: 35px;

  background: #191514 url(../img/bg-fancybox.png);

  background-position: right;

  background-repeat: no-repeat;

  background-size: cover;

}



.ct-fancybox-default {

  padding: 0px 20px;

  position: relative;

  border: 1px solid #ccc;

  border-radius: 5px;

  height: 180px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.ct-fancybox-default .ct-fancybox-inner {



}



.ct-fancybox-default:before,

.ct-fancybox-default:after {

  -webkit-transition: all 200ms linear 0ms;

  -khtml-transition: all 200ms linear 0ms;

  -moz-transition: all 200ms linear 0ms;

  -ms-transition: all 200ms linear 0ms;

  -o-transition: all 200ms linear 0ms;

  transition: all 200ms linear 0ms;

  content: '';

  height: 2px;

  width: 0;

  left: 0;

  right: 0;

  margin: auto;

  position: absolute;

  background-color: #d5aa6d

}



.ct-fancybox-default:before {

  top: 0

}



.ct-fancybox-default:after {

  bottom: 0

}



.ct-fancybox-default .ct-fancybox-inner {



}



.ct-fancybox-default .ct-fancybox-inner:before,

.ct-fancybox-default .ct-fancybox-inner:after {

  -webkit-transition: all 200ms linear 0ms;

  -khtml-transition: all 200ms linear 0ms;

  -moz-transition: all 200ms linear 0ms;

  -ms-transition: all 200ms linear 0ms;

  -o-transition: all 200ms linear 0ms;

  transition: all 200ms linear 0ms;

  content: '';

  width: 2px;

  height: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  position: absolute;

  background-color: #d5aa6d

}



.ct-fancybox-default .ct-fancybox-inner:before {

  left: 0

}



.ct-fancybox-default .ct-fancybox-inner:after {

  right: 0

}



.ct-fancybox-default .ct-fancybox-icon {

  width: 60px;

  min-width: 60px;

  height: 60px;

  line-height: 30px;

  /* -webkit-box-shadow: 0 4px 7px rgba(213, 170, 109, .48); */

  /* box-shadow: 0 4px 7px rgba(213, 170, 109, .48); */

  margin-right: 23px;

  text-align: center;

  /* border-radius: 100px; */

  /* background: rgb(209, 167, 107); */

  /* background: linear-gradient(80deg, rgba(209, 167, 107, 1) 0%, rgba(160, 116, 72, 1) 100%); */

  margin: auto;

  color: #000;

}

.ct-fancybox-default .ct-fancybox-icon i {

  font-size: 16px;

  color: #fff

}



.ct-fancybox-default .ct-fancybox-title {

  margin-top: 4px;

  margin-bottom: 0px;

  font-size: 16px;

  color: #000;

  text-align: center;

  font-weight: 800;

  text-transform: uppercase;

}



.ct-fancybox-default .ct-fancybox-desc {

  font-size: 14px;

  line-height: 24px;

  color: #999

}



.ct-fancybox-default .ct-fancybox-more {



  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1

}



.ct-fancybox-content p {

  font-size: 14px;

  text-align: center;

  line-height: normal;

  margin-top: 4px;

  margin-bottom: 0px;

  font-weight: 700;

}



.ct-fancybox-default:hover:before,

.ct-fancybox-default:hover:after {

  width: 100%

}



.ct-fancybox-default:hover .ct-fancybox-inner:before,

.ct-fancybox-default:hover .ct-fancybox-inner:after {

  height: 100%

}



.couter-6box {

  z-index: 9;

  position: relative;

}



.couter-6box li {

  list-style: none;

  width: 25%;

  color: #fff;

  vertical-align: middle;

  position: relative;

  padding: 20px 11px;

  /* border-bottom: 1px solid #ccc; */

  float: left;

  border-right: 1px solid #d9d9d9;

  padding-left: 40px;

}



.couter-6box li i {

  font-size: 27px;

  float: left;

  padding: 13px 0px;

  margin-right: 10px;

  background: #e5e5e5;

  padding: 21px 0px;

  border-radius: 100px;

  width: 70px;

  text-align: center;

  color: #bf8942;

}



.couter-6box li:last-child {

  border-right: 0px solid #ccc;

}



.couter-6box li span {

  font-size: 24px;

  font-weight: 800;

  vertical-align: top;

  float: left;

  width: 36%;

}



.couter-6box li aside {

  float: left;

  position: relative;

  top: 2px;

  font-size: 20px;

}



.mcs-title {

  font-family: 'Rubik', sans-serif;

  font-size: 24px;

  margin-bottom: 20px;

  padding: 0px 14px;

}



.pincouter-title {

  font-size: 18px;

  text-align: left;

  font-weight: 700;

  margin-top: 10px;

  margin-bottom: 25px;

  color: #2e2e2e;

}



.checkgates-box {

  margin: 0px;

  padding: 0px;

}



.checkgates-box li span {

  width: 100%;

  font-size: 32px;

}



.checkgates-box li b {

  font-size: 14px;

  font-weight: 500;

  width: 100%;

  line-height: normal;

  padding-left: 2px;

  float: left;

  color: #333;

}



.checkgates-box li article {

  float: left;

  width: 70%;

  position: relative;

}



.checkgates-box li strong {

  font-size: 32px;

  color: #000;

  float: left;

  width: auto;

  font-weight: 800;

  vertical-align: top;

}



.checkgates-box li aside {

  float: left;

  position: relative;

  top: 0px;

  color: #000;

  font-size: 32px;

  font-weight: 800;

  left: 5px;

}



/*

.checkgates-box li:nth-child(1) {

  width: 28%;

}

.checkgates-box li:nth-child(4) {

  width: 28%;

}

.checkgates-box li:nth-child(5) {

  width: 50%;

  border-right: 0px solid #ccc;

}

*/

.checkgates-box li:nth-child(5) span {

  padding-left: 24px;

}



.checkgates-box li:nth-child(5)::before {

  content: '₹';

  position: absolute;

  font-size: 32px;

  color: #fff;

  font-weight: 800;

}



.bg-dark-slider {

  background: url(../img/Banner-news-paper.jpg) no-repeat;

  background-size: cover;

  line-height: normal;

  margin-top: 0px;

  position: relative;

  z-index: 9;

  padding: 3rem 0rem;

}



.bg-dark-slider .slider-text-box {

  color: #fff;

  padding: 0px 0px;

  position: relative;

  line-height: normal;

  font-size: 24px;

  text-align: center;

  font-weight: 700;

}

.bg-dark-slider .slider-text-box span{

  color: #e6c08b;

}







.counter-top {

  /* background: #000000; */

  padding: 0px;

  margin: 0px 0px;

  margin-top: 10px;

  /* height: 238px; */

  /* width: 470px; */

  position: absolute;

  right: 80px;

  top: 90px;

  z-index: 9;

}



.counter-top>h2 {

  font-family: 'Montserrat', sans-serif;

  color: #f33a25;

  font-size: 40px;

  font-weight: 700;

}



.counter-top>h5 {

  font-family: 'Montserrat', sans-serif;

  color: #fff;

  font-size: 18px;

  text-align: center;

  margin-bottom: 10px;

}



.right-slider-pic {

  /* right: 0px;

    position: absolute;

    z-index: 1;

    margin-top: -22rem; */

}



.right-slider-pic>ul {

  margin: 0px;

  padding: 0px;

  display: flex;

}



.right-slider-pic>ul>li {

  margin: 0px 20px;

  padding: 0px;

  list-style: none;

  text-align: center;

}



.right-slider-pic>ul>li>span {

  background-color: #ffffff;

  display: inline-block;

  border-radius: 100px;

  width: 100px;

  height: 100px;

  overflow: hidden;

  padding: 10px 0px 0px 0px;

  text-align: center;

  border: 2px solid #ffffff;

  margin-bottom: 3px;

  box-shadow: inset 0 0 7px rgb(0 0 0 / 44%);

}



.right-slider-pic>ul>li>span>img {

  width: 100%;

}



.right-slider-pic>ul>li>h1 {

  color: #fff;

  font-size: 15px;

  font-weight: 600;

  margin: 0px;

  margin-bottom: 5px;

  text-shadow: -1px -1px 3px #000, 1px 1px 3px #000;

}



.right-slider-pic>ul>li>h5 {

  color: #fff;

  font-size: 11px;

  font-weight: 300;

  text-shadow: -1px -1px 3px #000, 1px 1px 3px #000;

}



.carousel-caption {

  text-align: left;

}



.carousel-caption h1 {

  font-family: 'Montserrat', sans-serif;

  font-size: 45px;

  line-height: normal;

  font-weight: 600;

  margin: 0px auto !important;

}



.carousel-caption h2 {

  font-family: 'Montserrat', sans-serif;

  font-size: 32px;

  line-height: normal;

  font-weight: 400;

  margin: 0px auto !important;

}



.carousel-caption h2 span {

  font-family: 'Great Vibes', cursive;

  font-size: 50px;

  line-height: normal;

  margin-top: 15px;

  display: inline-block;

  font-weight: 700;

}



.carousel-caption h5 {}



.carousel-caption h6 {}



.carousel-caption img {

  position: relative;

}



.btn-view-more {

  font-weight: 500;

  font-size: 16px;

  color: #ffffff;

  display: inline-block;

  margin-top: 32px;

  padding: 17px 60px;

  text-transform: uppercase;

  border-radius: 100px;

  background-color: #c89d64;

}



.btn-view-more:hover {

  color: #fff;

  background: #a07549;

}



.btn-check:focus+.btn,

.btn:focus {

  outline: 0;

  box-shadow: none;

}



.award-bg-banner {

  height: 480px !important;

  position: absolute !important;

  top: -60px !important;

  right: auto !important;

  margin-left: -40px;

}



.drop-button {

  color: #fff;

  padding: 5px 30px;

  display: inline-block;

  font-size: 10px;

  text-transform: uppercase;

  line-height: normal;

  border-radius: 100px;

  margin-top: 0px;

  font-weight: 500;

  background-color: #7e4800;

  border: 1px solid rgb(191 137 66);

}



.drop-button:hover {

  color: #fff !important;

  text-decoration: none;

  background-color: rgb(191 137 66);

  border: 1px solid rgb(191 137 66);

}



.megasub-sub-link {

  margin-bottom: 20px;

  padding: 0px;

}



.megasub-sub-link>li:first-child {

  font-size: 14px;

  font-weight: 600;

  color: #fff;

  padding-bottom: 4px;

}



.megasub-sub-link>li {

  font-size: 12px;

  padding: 4px 0px;

  list-style: none;

  color: #d9d9d9;

}



.mega-dropdown-menu {

  display: block;

  padding: 10px 40px;

  box-shadow: none;

  -webkit-box-shadow: none;

  margin: 0px auto;

  right: 0px;

  border-radius: 0px !important;

  border: 0px;

  background-color: transparent;

  position: relative;

  top: 0px;

  float: none;

  height: 100%;

}



/*

    .mega-dropdown-menu:before {

        content: "";

        border-bottom: 15px solid #fff;

        border-right: 18px solid transparent;

        border-left: 17px solid transparent;

        position: absolute;

        top: -15px;

        right: 136px;

        z-index: 10;

    }

*/

/*

.mega-dropdown-menu:after {

    content: "";

    border-bottom: 17px solid #ccc;

    border-right: 19px solid transparent;

    border-left: 19px solid transparent;

    position: absolute;

    top: -17px;

    right: 155px;

    z-index: 8;

}

*/

.mega-dropdown-menu>li>ul {

  padding: 0;

  margin: 0;

  margin-bottom: 20px;

}



.mega-dropdown-menu>li>ul>li {

  list-style: none;

  font-size: 12px;

  line-height: normal;

  padding: 6px 0px;

  position: relative;

  color: #d9d9d9;

}



.mega-dropdown-menu>li>ul>li>a {

  display: block;

  clear: both;

  font-weight: 500;

  line-height: 1.428571429;

  color: #d9d9d9;

  white-space: normal;

  font-size: 12px;

}



.mega-dropdown-menu>li ul>li>a:hover,

.mega-dropdown-menu>li ul>li>a:focus {

  text-decoration: none;

  color: #fff;

  background-color: transparent;

}



.mega-dropdown-menu>li {

  height: auto;

  float: left;

  padding: 0px 14px;

  position: relative;

  text-align: left;

  list-style: none;

}



.mega-dropdown-menu>li:nth-child(1) {

  width: 17%;

}



.mega-dropdown-menu>li:nth-child(2) {

  width: 43%;

}



.mega-dropdown-menu>li:nth-child(3) {

  width: 20%;

}



.mega-dropdown-menu>li:nth-child(4) {

  width: 20%;

}



.mega-dropdown-menu>li:last-child {

  border-right: 0px;

  border-top: 1px solid rgb(255 255 255 / 10%);

  padding: 3rem 0rem;

}



.mega-dropdown-menu .dropdown-header {

  font-family: 'Mulish', sans-serif;

  margin: 0px;

  color: #fff;

  font-size: 18px;

  font-weight: 500 !important;

  padding: 0px;

  padding-bottom: 20px;

  display: inline-block;

}



.mega-dropdown-menu .dropdown-header>span {

  border-bottom: 2px solid #cdcdcd;

  display: block;

  width: 70px;

  padding: 10px 0px;

}



.mega-dropdown-menu .dropdown-header-right {}



.megamenu-foot {}



.tollfree-drop-down {

  width: 100%;

  margin-top: 21px;

}



.dropmenu-call-grid {}



.dropmenu-call-grid h2 {

  font-size: 15px;

  color: #fff;

  height: 30px;

  margin: 0px;

}



.dropmenu-call-grid ul {

  padding: 0px;

  margin: 0px;

}



.dropmenu-call-grid ul li {

  font-size: 13px;

  color: #d9d9d9;

  line-height: 22px;

  list-style: none;

  padding: 0px;

  margin: 0px;

}



.dropmenu-call-grid ul li b {

  color: #fff;

}



.btn-close {

  box-sizing: content-box;

  width: 10px;

  height: 10px;

  padding: .25em .25em;

  color: #000;

  background: url("../img/close-icon.png") no-repeat;

  border: 0;

  background-size: contain;

  border-radius: 2px;

  opacity: 9;

  right: 2rem;

  top: .5rem;

  position: relative;

  z-index: 999;

}



.btn-close>span {

  position: relative;

  font-size: 10px;

  top: 13px;

  letter-spacing: 1px;

  left: -10px;

  font-weight: 600;

  color: #000;

}



.top-bar {

  display: inline-block;

  position: relative;

  top: -18px;

}



.btn-language {

  margin: 0px 9px;

}



.btn-language>a {

  color: #fff;

  font-size: 12px;

  line-height: normal;

  display: block;

}



.menuIconToggle {

  border: 0px;

  position: relative;

  height: 70px;

  width: 70px;

  text-align: center;

  padding: 10px 23px 10px 23px;

  transition: all 0.3s;

  z-index: 10;

  background: rgb(209, 167, 107);

  background: linear-gradient(80deg, rgba(209, 167, 107, 1) 0%, rgba(160, 116, 72, 1) 100%);

  color: #fff;

  line-height: normal;

}



.menuIconToggle:hover {}



.sticky-top .search-text-end {

  border-radius: 0px 0px 0px 0px;

  overflow: hidden;

}



.search-text-end {

  border-radius: 0px 10px 10px 0px;

  overflow: hidden;

}



.dia.side-1 {

  position: relative;

  box-sizing: border-box;

  float: left;

  transition: all .25s;

}



.hamb-line {

  box-sizing: border-box;

  position: absolute;

  height: 2px;

  width: 100%;

  background-color: #fff;

  transition: all 0.25s;

}



.hor {

  transition: all 0.3s;

  box-sizing: border-box;

  position: relative;

  float: left;

  margin-top: 4px;

}



.dia.side-2 {

  box-sizing: border-box;

  position: relative;

  float: left;

  margin-top: 4px;

  transition: all .25s;

}



.menuIconToggle>span {

  font-size: 10px;

  display: inline-block;

  position: relative;

  top: -4px;

  letter-spacing: 1px;

}



.top-links {

  margin: 0px 0px;

}



.top-links>a {

  font-size: 12px;

  border-right: 1px solid #ccc;

  padding: 0px 10px;

  line-height: normal;

  text-align: center;

  display: block;

  color: #fff;

  font-family: 'Rubik', sans-serif;

}



.top-links>a:last-child {

  border: 0;

}



.btn-increase-decrease {

  margin: 0px 9px;

}



.btn-increase-decrease>a {

  font-family: 'Montserrat', sans-serif;

  width: 20px;

  height: 20px;

  color: #000;

  font-size: 12px;

  border: 1px solid #fff;

  margin: 0px 3px;

  text-align: center;

  line-height: normal;

  padding: 1px;

  background: #fff;

  font-weight: 500;

}



.btn-increase-decrease>a:hover {

  border: 1px solid #fff;

  background: transparent;

  color: #fff;

}



.btn-color-mode {}



.btn-color-mode>a {

  font-family: 'Montserrat', sans-serif;

  width: 20px;

  height: 20px;

  color: #000;

  font-size: 12px;

  border: 1px solid #fff;

  margin: 0px 3px;

  text-align: center;

  line-height: normal;

  padding: 1px;

  background: #fff;

  font-weight: 500;

}



.btn-color-mode>a:hover {

  border: 1px solid #fff;

  background: transparent;

  color: #fff;

}



.btn-color-mode>a:last-child {

  background: #000;

  color: #fff;

}



/*** Spinner ***/

.spinner {

  /* width: 40px;

    height: 40px;

    background: #45120d url(../img/fav.png) no-repeat center center;

    background-size: contain; */

}



#spinner {

  opacity: 0;

  visibility: hidden;

  transition: opacity .5s ease-out, visibility 0s linear .5s;

  z-index: 99999;

}



#spinner.show {

  transition: opacity .5s ease-out, visibility 0s linear 0s;

  visibility: visible;

  opacity: 1;

  background: rgb(26 22 20);

}



/*** Heading ***/

/*** Button ***/

.btn {

  font-family: 'Mulish', sans-serif;

  font-weight: 600;

  transition: .5s;

}



.btn-primary,

.btn-secondary {

  color: #FFFFFF;

  box-shadow: inset 0 0 0 50px transparent;

}



.btn-primary:hover {

  box-shadow: inset 0 0 0 0 var(--primary);

}



.btn-secondary:hover {

  box-shadow: inset 0 0 0 0 var(--secondary);

}



.btn-square {

  width: 36px;

  height: 36px;

  color: #e3b474 !important;

  border: 1px solid #999 !important;

}



.btn-sm-square {

  width: 30px;

  height: 30px;

}



.btn-lg-square {

  width: 48px;

  height: 48px;

}



.btn-square,

.btn-sm-square,

.btn-lg-square {

  padding-left: 0;

  padding-right: 0;

  text-align: center;

}



.bg-dark {

  background-color: #0c0804 !important;

}



.team-grid {

  padding: 20px;

  text-align: center;

  position: relative;

  background: #f4f4f4;

  border: 1px solid #ccc;

  border-radius: 10px;

  margin-bottom: 20px;

}

.team-grid img {

  border-radius: 50%;

  width: clamp(120px, 60vw, 160px);

  height: clamp(120px, 60vw, 160px);

  object-fit: cover;

  object-position: top;

  background: #fbf9f9;

  border: 1px solid #e7e7e7;

}



.team-grid h2 {

  color: #000000;

  font-size: 18px;

  margin-top: 0.625em;

  margin-bottom: 0.188em;

  font-weight: 700;

}

.team-grid p {

  color: #000000;

  padding: 0px;

  font-size: 16px;

}





.ml-5 {

  padding-right: 10rem;

}



/*** Navbar ***/



.navbar-dark .navbar-nav{

  align-items:center

}

.navbar-dark .navbar-nav .nav-link {

  font-family: 'Mulish', sans-serif;

  position: relative;

  margin-left: 35px;

  padding: 26px 0;

  color: #FFFFFF;

  text-transform: uppercase;

  font-size: 13px;

  font-weight: 500;

  outline: none;

  transition: .5s;

}



.sticky-top.navbar-dark .navbar-nav .nav-link {

  padding: 31px 0;

}



.navbar-dark .navbar-nav .nav-link:hover,

.navbar-dark .navbar-nav .nav-link.active {

  color: #e3b474;

}



.navbar-dark .navbar-brand {

  color: #fff;

  background-color: #1a1614;

  position: relative;

  width: 230px;

  height: 115px;

  top: 5px;

  padding: 10px 10px;

  background: rgb(209, 167, 107);

  background: linear-gradient(179deg, rgba(209, 167, 107, 1) 30%, rgb(163 118 74) 100%);

  text-align: center;

  border-radius: 0px 0px 10px 10px;

}

.navbar-dark .navbar-brand::after {

  content: "";

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 18px 13px 18px;

  border-color: transparent transparent #9d661b transparent;

  position: absolute;

  margin-top: -16px;

  margin-left: 0px;

  top: -2px;

  left: -12px;

  z-index: -1;

}



.navbar-dark .navbar-brand::before {

  content: "";

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 18px 13px 18px;

  border-color: transparent transparent #9d661b transparent;

  position: absolute;

  margin-top: -16px;

  margin-left: 0px;

  top: -1px;

  right: -13px;

  z-index: -1;

}



.sticky-top .navbar-brand {

  top: 0px;

  width: 180px;

  height: 85px;

  padding: 4px 10px;

  background: no-repeat;

}



.sticky-top .navbar-brand::before {

  border-color: transparent transparent transparent transparent;

}

.sticky-top .navbar-brand::after {

  border-color: transparent transparent transparent transparent;

}

.sticky-top.navbar-dark .navbar-brand>h1>img {

  height: 75px;

}

.navbar-dark .navbar-brand>h1>img {

  height: 95px;

  /* padding: 10px 0px; */

  position: relative;

  top: 2px;

}



.navbar-dark .navbar-toggler {

  color: #ffffff !important;

  border-color: #c7a06d !important;

  background-color: #c69f6c;

}







.navbar-expand-lg .navbar-collapse {

  background-color: rgb(12 8 4 / 94%);

  padding-right: 40px;

  height: 70px;

  border-radius: 0px 10px 10px 0px;

}



.navbar-dark::after {

  position: absolute;

  content: "";

  width: 60%;

  height: 70px;

  left: 0px;

  background: rgb(12 8 4 / 94%);

  transition: .5s;

  z-index: -1;

}



/*** Carousel ***/

.carousel-caption {

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 1;

  padding-top: 9rem;

  padding-bottom: 0rem;

  width: 100%;

  margin: auto;

  /* background: linear-gradient( rgb(255 255 255 / 0%), rgb(0 0 0 / 80%) ); */

  padding-left: 5%;

  padding-right: 5%;

}



.carousel-caption::after {

  content: '';

  position: absolute;

  top: 0;

  width: 100%;

  height: 50%;

  background: linear-gradient(rgb(0 0 0 / 55%), rgb(0 0 0 / 0%));

  pointer-events: none;

  z-index: -1;

  left: 0px;

}



.carousel-control-prev,

.carousel-control-next {

  position: absolute;

  top: auto;

  bottom: auto;

  top: 50%;

  z-index: 1;

  display: block;

  /* align-items: center; */

  /* justify-content: center; */

  width: auto;

  padding: 0;

  color: #fff;

  text-align: left;

  background: none;

  border: 0;

  opacity: .9;

  transition: opacity 0.15s ease;

}



.carousel-control-prev-icon,

.carousel-control-next-icon {

  display: inline-block;

  width: 2rem;

  height: 2rem;

  background-repeat: no-repeat;

  background-position: 46%;

  background-size: 47% 100%;

  background-color: rgb(0 0 0 / 36%);

}



.carousel-control-prev {

  left: 0%;

}



.carousel-control-next {

  right: 0px;

}



.carousel-control-prev,

.carousel-control-next {}



.carousel-control-prev-icon,

.carousel-control-next-icon {

  width: 2rem;

  height: 2rem;

}



.carousel-fade .carousel-item {

  height: 868px;

}



.intro-title-caption {

  background: rgb(0 0 0 / 77%);

  height: auto;

  text-align: center;

  top: auto;

  color: #fff;

  padding: 3rem 15rem;

}

.slider-maam-photo {

  position: relative;

  top: -30px;

}



.slider-maam-photo img {

  width: 580px;

}



.slider-maam h1 strong {

  font-weight: 700;

}



.slider-maam {

  margin-top: 13rem;

}



.overlay-slider-maam {

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  background: url("../img/carousel-2-left.jpg") no-repeat left;

}



.port_left_arrow,

.port_right_arrow {

  top: 0;

  right: 0;

  border: none;

  color: #fff;

  width: 50px;

  height: 50px;

  margin-left: 10px;

  background-color: #fe484e;

}



.port_left_arrow:hover,

.port_left_arrow:focus,

.port_right_arrow:hover,

.port_right_arrow:focus {

  color: #fff;

}



.ft-thx-project-slider .slick-next,

.ft-thx-project-slider .slick-prev {

  display: none;

}



.pr-sv-case-study-section {

  padding: 110px 0px 70px;

}



.pr-sv-case-study-section .pr-sx-secion-title {

  margin: 0;

  max-width: 580px;

  padding-bottom: 40px;

}



.pr-sv-case-study-filter-btn {

  margin-bottom: 55px;

}



.pr-sv-case-study-filter-btn li {

  cursor: pointer;

  font-weight: 600;

  padding: 10px 25px;

  border-radius: 5px;

  color: #000d51;

  font-family: "Poppins";

  -webkit-transition: 300ms all ease;

  transition: 300ms all ease;

}



.pr-sv-case-study-filter-btn li.filtr-active {

  color: #fff;

  background-color: #fe484e;

}



.pr-sv-case-study-item {

  max-width: 370px;

  border-radius: 8px;

  margin-bottom: 40px;

  background-color: white;

  -webkit-box-shadow: 0px 20px 50px 0px rgba(60, 60, 60, 0.1);

  box-shadow: 0px 20px 50px 0px rgba(60, 60, 60, 0.1);

}



.pr-sv-case-study-item .pr-sv-case-study-img {

  overflow: hidden;

  border-radius: 10px;

}



.pr-sv-case-study-item .pr-sv-case-study-img:before {

  top: 0;

  left: 0;

  width: 100%;

  content: "";

  opacity: 0;

  height: 100%;

  position: absolute;

  background-color: rgba(0, 0, 0, 0.7);

  -webkit-transition: 300ms all ease;

  transition: 300ms all ease;

}



.pr-sv-case-study-item .pr-sv-case-study-img a {

  left: 0;

  top: 40%;

  right: 0;

  opacity: 0;

  font-size: 30px;

  text-align: center;

  position: absolute;

  color: #fe484e;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}



.pr-sv-case-study-item .pr-sv-case-study-text {

  padding: 25px 20px;

}



.pr-sv-case-study-item .pr-sv-case-study-text h3 {

  font-size: 22px;

  font-weight: 700;

  line-height: 1.636;

  color: #000d51;

}



.pr-sv-case-study-item:hover .pr-sv-case-study-img:before {

  opacity: 1;

}



.pr-sv-case-study-item:hover .pr-sv-case-study-img a {

  top: 50%;

  opacity: 1;

}



.ft-thx-project-section-3 {

  padding: 115px 0px;

}



.ft-thx-project-top-content-3 .ft-thx-section-title-3 {

  max-width: 550px;

}



.ft-thx-project-top-content-3 .ft-thx-section-title-3 h2 {

  color: #fff;

}



.ft-thx-project-slider-item-wrap {

  padding: 0px 5px;

}



.ft-thx-project-slider-item-3:before,

.ft-thx-project-slider-item-3:after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  height: 85%;

  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);

  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(27, 27, 27, 0)), to(#1b1b1b));

  background-image: linear-gradient(to bottom, rgba(27, 27, 27, 0), #1b1b1b);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="rgba(27, 27, 27, 0)", endColorStr="#1b1b1b");

}



.ft-thx-project-slider-item-3:after {

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(27, 27, 27, 0)), to(#4ab9cf));

  background-image: linear-gradient(to bottom, rgba(27, 27, 27, 0), #4ab9cf);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="rgba(27, 27, 27, 0)", endColorStr="#4ab9cf");

  opacity: 0;

}



.ft-thx-project-slider-item-3 .ft-thx-inner-text {

  left: 0;

  bottom: 0;

  color: #fff;

  z-index: 5;

  position: absolute;

  padding: 32px 50px;

}



.ft-thx-project-slider-item-3 .ft-thx-inner-text h3 {

  color: #fff;

  font-size: 24px;

  font-weight: 700;

  padding-top: 8px;

}



.ft-thx-project-slider-item-3:hover:before {

  opacity: 0;

}



.ft-thx-project-slider-item-3:hover:after {

  opacity: 1;

}



.ft-thx-project-slider-3 {

  margin-top: 50px;

}



.ft-thx-project-slider-3 .slick-arrow {

  height: 46px;

  width: 46px;

  background-color: #fff;

  -webkit-box-shadow: 0 0 13px rgba(1, 25, 59, 0.1) !important;

  -ms-box-shadow: 0 0 13px rgba(1, 25, 59, 0.1) !important;

  -o-box-shadow: 0 0 13px rgba(1, 25, 59, 0.1) !important;

  box-shadow: 0 0 13px rgba(1, 25, 59, 0.1) !important;

  margin: 0;

  -webkit-transform: translate(0, 0);

  -khtml-transform: translate(0, 0);

  transform: translate(0, 0);

  bottom: 15px;

}



.port_left_arrow3,

.port_right_arrow3 {

  width: 60px;

  color: #fff;

  border: none;

  height: 60px;

  margin-left: 10px;

  border-radius: 100%;

  background-color: #4ab9cf;

}



.ft-case-study-items .ft-case-study-text {

  max-width: 285px;

}



.ft-case-study-items .ft-case-study-text {

  left: 0px;

}



.ft-case-study-items .more-btn {

  left: 40px;

}



/*** Section Title ***/



.about_bg .section-title h1 {

  font-weight: 700;

  font-size: 35px;

  color: #000;



}



.section-title>h1 {

  font-weight: 700;

  font-size: 35px;



}



.section-title>h1>span {

  font-family: "Playfair Display", serif;

  display: block;

}



.section-title>h6 {

  font-family: 'Rubik', sans-serif;

  font-weight: 400;

  font-size: 23px;

  padding-top: 16px;

  font-style: italic;

}



.section-title>h5 {

  font-family: 'Rubik', sans-serif;

  font-weight: 500;

  font-size: 14px;

  margin-bottom: 20px;

  margin-top: 30px;

  text-transform: uppercase;

}



.text-warning {

  background-color: #ad8151;

  background: linear-gradient(80deg, rgba(209, 167, 107, 1) 0%, rgba(160, 116, 72, 1) 100%);

  background-size: 100%;

  background-repeat: repeat;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  -moz-background-clip: text;

  -moz-text-fill-color: transparent;

}



.section-title>p {

  font-weight: 600;

  font-size: 15px;

  padding: 0rem 8rem;

  color: #000;

  line-height: 26px;

}



.section-title>p>b {

  font-weight: 700;

}



.practice-title>h1 {

  font-weight: 600;

  font-size: 36px;

  font-family: "Playfair Display", serif;

}



.practice-title>h1>span {

  font-family: 'Great Vibes', cursive;

}



.practice-title>h5 {

  font-family: 'Rubik', sans-serif;

  font-weight: 500;

  font-size: 15px;

  margin-bottom: 20px;

  margin-top: 30px;

}



.btn-vision {

  position: relative;

  display: block;

  padding: 14px 16px;

  background: transparent;

  color: #fff;

  border-radius: 100px;

  font-size: 13px;

  background: rgb(209, 167, 107);

  background: linear-gradient(80deg, rgba(209, 167, 107, 1) 0%, rgba(160, 116, 72, 1) 100%);

  text-transform: uppercase;

  width: 250px;

  margin: auto;

  margin-top: 20px;

}



.btn-vision:hover {

  background-position: right center;

  color: #ffffff;

  background: #7e4800;

}



.ft-service-page-items {}



.ft-service-innerbox-3 .ft-service-img {

  overflow: hidden;

}



.ft-service-innerbox-3 .ft-service-img:before {

  left: -15px;

  width: 110%;

  content: "";

  height: 100px;

  bottom: -57px;

  position: absolute;

  background-color: #f2f3f5;

  -webkit-transform: rotate(-13deg);

  transform: rotate(-13deg);

}



.ft-service-innerbox-3 .ft-service-icon {

  right: 30px;

  top: -100px;

  z-index: 1;

  width: 95px;

  height: 95px;

  border-radius: 100%;

  background-color: #fff;

  border: 10px solid #008cfb;

  -webkit-transition: 500ms all ease;

  transition: 500ms all ease;

}



.ft-service-innerbox-3 .ft-service-icon i {

  color: #141415;

  font-size: 40px;

  line-height: 0.75;

}



.ft-service-innerbox-3 .ft-service-text-icon {

  top: -70px;

  max-width: 90%;

  margin: 0 auto;

  margin-bottom: -70px;

  padding: 35px 30px 75px;

  -webkit-transition: 500ms all ease;

  transition: 500ms all ease;

  background-color: white;

  -webkit-box-shadow: 0px 0px 29px 0px rgba(12, 12, 12, 0.07);

  box-shadow: 0px 0px 29px 0px rgba(12, 12, 12, 0.07);

}



.ft-service-innerbox-3 .ft-service-text-icon:before {

  left: 0;

  top: -70px;

  content: "";

  position: absolute;

  -webkit-transition: 500ms all ease;

  transition: 500ms all ease;

  border-bottom: 70px solid #fff;

  border-left: 339px solid rgba(255, 255, 255, 0);

}



.ft-service-innerbox-3 .ft-service-text-icon:after {

  top: -36px;

  left: -4px;

  width: 103%;

  content: "";

  height: 15px;

  position: absolute;

  background-color: var(--ft-main-theme);

  -webkit-transform: rotate(-12deg) skew(-15deg);

  transform: rotate(-12deg) skew(-15deg);

}



.ft-service-innerbox-3 .ft-service-text h3 {

  color: #121213;

  font-size: 22px;

  font-weight: 700;

  padding-bottom: 15px;

}



.ft-service-innerbox-3 .ft-service-text p {

  color: #121213;

  -webkit-transition: 500ms all ease;

  transition: 500ms all ease;

}



.ft-service-innerbox-3 .more-btn {

  right: 19px;

  bottom: 70px;

}



.ft-service-innerbox-3 .more-btn a {

  color: #fff;

  font-size: 14px;

  font-weight: 700;

  position: relative;

  padding: 14px 26px;

  background-color: var(--ft-main-theme);

}



.ft-service-innerbox-3 .more-btn a:before {

  top: 0;

  width: 0;

  height: 0;

  content: "";

  left: -16px;

  position: absolute;

  -webkit-transition: 500ms all ease;

  transition: 500ms all ease;

  border-bottom: 49px solid var(--ft-main-theme);

  border-left: 16px solid transparent;

}



.ft-service-innerbox-3 .more-btn a i {

  margin-left: 8px;

  -webkit-transition: 500ms all ease;

  transition: 500ms all ease;

}



.ft-service-innerbox-3 .more-btn a:hover {

  background-color: var(--ft-second-theme);

}



.ft-service-innerbox-3 .more-btn a:hover:before {

  border-bottom: 49px solid var(--ft-second-theme);

}



.ft-service-innerbox-3 .more-btn a:hover i {

  margin-left: 12px;

}



.ft-service-innerbox-3:hover .ft-service-icon {

  border: 10px solid var(--ft-second-theme);

}



.ft-service-innerbox-3:hover .ft-service-text-icon {

  background-color: #01011c;

}



.ft-service-innerbox-3:hover .ft-service-text-icon:before {

  border-bottom: 70px solid #01011c;

}



.ft-service-innerbox-3:hover .ft-service-text h3,

.ft-service-innerbox-3:hover .ft-service-text p {

  color: #fff;

}



.ft-service-innerbox-4 h4 {

  font-size: 20px;

  color: #000000;

  font-weight: 700;

  position: relative;

  margin-bottom: 40px;

}



section#ft-service-pag-4 {

  padding: 120px 0;

}



.ft-service-innerbox-4 h4:after {

  position: absolute;

  bottom: 0;

  left: 0;

}



.ft-service-innerbox-4 h4:after {

  content: "";

  background: #e26c3b;

  color: #e26c3b;

  width: 45px;

  height: 2px;

  bottom: -18px;

}



.ft-service-innerbox-4 p {

  color: #454545;

  font-size: 16px;

  line-height: 26px;

}



.ft-service-innerbox-4 {

  padding: 50px 30px;

  overflow: hidden;

  position: relative;

}



.ft-service-innerbox-4 ul {

  margin: 0;

  padding: 0;

}



.ft-service-innerbox-4 ul li {

  list-style: none;

  background: url(../img/check-icon.png) no-repeat left;

  padding: 0px 0px 0px 46px;

  line-height: normal;

  margin: 10px 0px;

  background-position: 10px;

  height: 22px;

  background-size: contain;

  font-size: 15px;

  color: #333;

  margin-bottom: 22px;

}



/*** Service ***/

.service-item {

  position: relative;

  height: 300px;

  padding: 0 30px;

  transition: .5s;

}



.service-item .service-icon {

  margin-bottom: 30px;

  width: 60px;

  height: 60px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: var(--primary);

  border-radius: 2px;

  transform: rotate(-45deg);

}



.service-item .service-icon i {

  transform: rotate(45deg);

}



.service-item a.btn {

  position: absolute;

  width: 60px;

  bottom: -48px;

  left: 50%;

  margin-left: -30px;

  opacity: 0;

}



.service-item:hover a.btn {

  bottom: -24px;

  opacity: 1;

}



/*** Testimonial ***/

.testimonial-carousel .owl-dots {

  margin-top: 15px;

  display: flex;

  align-items: flex-end;

  justify-content: right;

  position: absolute;

  right: 0px;

  bottom: 1rem;

}



.testimonial-carousel .owl-dot {

  position: relative;

  display: inline-block;

  margin: 0 3px;

  width: 10px;

  height: 10px;

  background: #cca268;

  border-radius: 100pc;

  transition: .5s;

}



.testimonial-carousel .owl-dot.active {

  background: #fff;

}



.testimonial-carousel .owl-item.center {

  position: relative;

  z-index: 1;

}



.testimonial-carousel .owl-item .testimonial-item {

  transition: .5s;

}



.testimonial-carousel .owl-item.center .testimonial-item {

  background: #FFFFFF !important;

  box-shadow: 0 0 30px #DDDDDD;

}



/*** Team ***/

.team-item {

  transition: .5s;

  color: #000;

}



.team-social {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: .5s;

}



.team-name {

  position: relative;

  margin: auto;

  margin-top: -30px;

  margin-bottom: 1.5rem;

  background-color: #ffffff;

  width: 90%;

  padding: 20px 5px;

  display: block;

  -webkit-box-shadow: 0 4px 7px rgba(192, 192, 192, .48);

  -khtml-box-shadow: 0 4px 7px rgba(192, 192, 192, .48);

  -moz-box-shadow: 0 4px 7px rgba(192, 192, 192, .48);

  -ms-box-shadow: 0 4px 7px rgba(192, 192, 192, .48);

  -o-box-shadow: 0 4px 7px rgba(192, 192, 192, .48);

  box-shadow: 0 4px 7px rgba(192, 192, 192, .48);

  -webkit-transition: all 220ms linear 0ms;

  -khtml-transition: all 220ms linear 0ms;

  -moz-transition: all 220ms linear 0ms;

  -ms-transition: all 220ms linear 0ms;

  -o-transition: all 220ms linear 0ms;

  transition: all 220ms linear 0ms;

  border: 1px solid #ebebeb;

}



.team-name h4 {

  font-size: 20px;

  font-weight: 800;

  margin: 0px;

  color: #000;

}



.team-name p {

  font-size: 16px;

  font-weight: 400;

  margin: 0px;

  margin-top: 5px;

}



.team-social a.btn {

  position: relative;

  margin: 0 3px;

  margin-top: 100px;

  opacity: 0;

}



.team-item:hover {

  /*  box-shadow: 0 0 30px #DDDDDD;*/

}



.team-item:hover .team-social {

  background: rgb(207 162 101 / 60%);

}



.team-social .btn-primar {

  outline: 0;

  font-size: 16px;

  font-weight: 500;

  padding: 10px 10px;

  border-radius: 100px;

  display: inline-block;

  text-align: center;

  line-height: 26px;

  -webkit-transition: all 300ms linear 0ms;

  -khtml-transition: all 300ms linear 0ms;

  -moz-transition: all 300ms linear 0ms;

  -ms-transition: all 300ms linear 0ms;

  -o-transition: all 300ms linear 0ms;

  transition: all 300ms linear 0ms;

  background-color: #ffffff;

  color: #392a1c;

}



.team-item:hover .team-social a.btn:first-child {

  opacity: 1;

  margin-top: 0;

  transition: .3s 0s;

}



.team-item:hover .team-social a.btn:nth-child(2) {

  opacity: 1;

  margin-top: 0;

  transition: .3s .05s;

}



.team-item:hover .team-social a.btn:nth-child(3) {

  opacity: 1;

  margin-top: 0;

  transition: .3s .1s;

}



.team-item:hover .team-social a.btn:nth-child(4) {

  opacity: 1;

  margin-top: 0;

  transition: .3s .15s;

}



.team-item .team-img {



}



.team-item .team-img img,

.blog-item .blog-img img {

  transition: .5s;

}



.blog-item .blog-img img {

  transition: .5s;

  width: 100%;

}

.team-item:hover .team-img img,

.blog-item:hover .blog-img img {

  transform: scale(1.15);

}



/*** Miscellaneous ***/

@media (min-width: 991.98px) {

  .facts {

    position: relative;

    margin-top: -75px;

    z-index: 1;

  }

}



.back-to-top {

  position: fixed;

  display: none;

  right: 25px;

  bottom: 165px;

  z-index: 9;

  background: #bf8942;

  color: #fff;

  border-radius: 100px;

  width: 45px;

  height: 45px;

  line-height: 30px;

}



.back-to-top:hover {

  background: #7e4800;

  color: #fff;

}



.bg-header {

  background: linear-gradient(rgba(9, 30, 62, .7), rgba(9, 30, 62, .7)), url(../img/carousel-1.jpg) center center no-repeat;

  background-size: cover;

}



.link-animated a {

  transition: .5s;

  font-size: 15px;

  color: #999;

}



.link-animated a i {

  margin-right: 5px;

}



.link-animated p {

  font-size: 13px;

  color: #dbdbdb

}



.link-animated a:hover {

  padding-left: 2px;

  color: #fff;

}



@media (min-width: 767.98px) {

  .footer-about {

    margin-bottom: -75px;

  }

}



.btn-square:hover {

  color: #fff;

  transform: scale(1.1);

}



.footer-grid .form-control {

  font-size: 12px;

  border-radius: 100px 0px 0px 100px;

  border: 0;

  padding: 10px 20px;

  float: left;

  width: 78%;

  height: 43px;

}



.btn-newsletter {

  color: #fff;

  background: rgb(209, 167, 107);

  background: linear-gradient(88deg, rgba(209, 167, 107, 1) 0%, rgba(160, 116, 72, 1) 100%);

  border-color: transparent;

  border-radius: 0px 100px 100px 0px;

  font-size: 14px;

  padding: 13px;

  text-align: center;

  padding: 7px 0px;

  margin-top: 0px;

  height: 43px;

  font-weight: 500;

  width: 22%;

  right: 3px;

  position: absolute;

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}



.bg-image {

  background-size: cover;

  background-position: 50%;

  background-repeat: no-repeat;

}



.ct-grid {

  overflow: hidden;

}



.ct-grid .ct-grid-inner,

.ct-grid .grid-item-inner {

  position: relative;

}



.ct-grid .grid-item.ct-animated .grid-item-inner {

  animation: 0.65s ease 0s normal forwards 1 running moveUp;

  -webkit-animation: 0.65s ease 0s normal forwards 1 running moveUp;

  -webkit-transform: translateY(200px);

  -khtml-transform: translateY(200px);

  -moz-transform: translateY(200px);

  -ms-transform: translateY(200px);

  -o-transform: translateY(200px);

  transform: translateY(200px);

}



.ct-grid .ct-load-more {

  margin-top: 30px;

}



.ct-grid .ct-load-more i {

  margin-right: 5px;

}



.ct-grid .item-title {

  font-size: 20px;

  line-height: 1.5;

}



.ct-grid .item-title a {

  color: inherit;

}



.ct-grid .item-title a:hover {

  color: inherit;

  font-weight: 700;

}



.ct-grid .ct-grid-pagination {

  margin-top: 40px;

}



.ct-grid .item-featured a {

  display: block;

}



.ct-grid-service-layout1 .item-icon {

  margin-bottom: 19px;

  line-height: 1;

}



.ct-grid-service-layout1 .item-icon i {

  font-size: 50px;

}



.ct-grid-service-layout1 .item-title {

  margin-bottom: 14px;

  letter-spacing: 0.025em;

}



.ct-grid-service-layout1 .item-except {

  font-size: 14px;

  line-height: 24px;

  min-height: 80px;

}



.ct-grid-service-layout1 .grid-item-inner {

  overflow: hidden;

}



.ct-grid-service-layout1 .grid-item-inner .grid-item-holder {

  border: 1px dashed #7e7e7e;

  padding: 41px 45px 43px;

  text-align: center;

  -webkit-transition: all 300ms linear 0ms;

  -khtml-transition: all 300ms linear 0ms;

  -moz-transition: all 300ms linear 0ms;

  -ms-transition: all 300ms linear 0ms;

  -o-transition: all 300ms linear 0ms;

  transition: all 300ms linear 0ms;

}



.ct-grid-service-layout1 .grid-item-inner .grid-item-hover {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #191514;

  -webkit-transition: all 400ms;

  -khtml-transition: all 400ms;

  -moz-transition: all 400ms;

  -ms-transition: all 400ms;

  -o-transition: all 400ms;

  transition: all 400ms;

  opacity: 0;

  -webkit-transform: translateY(100%);

  -khtml-transform: translateY(100%);

  -moz-transform: translateY(100%);

  -ms-transform: translateY(100%);

  -o-transform: translateY(100%);

  transform: translateY(100%);

}



.ct-grid-service-layout1 .grid-item-inner .grid-item-hover:before {

  content: "";

  position: absolute;

  top: 40px;

  left: 0;

  bottom: 0;

  width: 100%;

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.98)), to(transparent));

  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.98), transparent);

  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.98), transparent);

  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.98), transparent);

  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.98), transparent);

  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.98), transparent);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(0, 0, 0, 0.98)', endColorStr='rgba(0, 0, 0, 0)');

}



.ct-grid-service-layout1 .grid-item-inner .grid-item-hover a {

  position: absolute;

  z-index: 1;

  bottom: 120px;

  left: 45%;

  transform: translate(-38%, 0);

  padding: 0 24px;

  line-height: 62px;

  letter-spacing: 0.01em;

  text-transform: uppercase;

  -webkit-transition: all 300ms linear 0ms;

  -khtml-transition: all 300ms linear 0ms;

  -moz-transition: all 300ms linear 0ms;

  -ms-transition: all 300ms linear 0ms;

  -o-transition: all 300ms linear 0ms;

  transition: all 300ms linear 0ms;

}



.ct-grid-service-layout1 .grid-item-inner.featured:hover .grid-item-holder {

  opacity: 0;

}



.ct-grid-service-layout1 .grid-item-inner.featured:hover .grid-item-hover {

  opacity: 1;

  -webkit-transform: translateY(0%);

  -khtml-transform: translateY(0%);

  -moz-transform: translateY(0%);

  -ms-transform: translateY(0%);

  -o-transform: translateY(0%);

  transform: translateY(0%);

}



.snip1426 {

  position: relative;

  overflow: hidden;

  margin: 10px;

  border: 1px solid #ddd;

  /* min-width: 230px; */

  /* max-width: 315px; */

  /* width: 100%; */

  color: #ffffff;

  text-align: center;

  /* font-size: 16px; */

  background-color: #000000;

  display: block;

  border-radius: 10px;

}



.snip1426:before {

  content: '';

  position: absolute;

  height: 70%;

  width: 100%;

  left: 0;

  bottom: 0;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));

  background-image: -webkit-linear-gradient(bottom, #000, transparent);

  background-image: -moz-linear-gradient(bottom, #000, transparent);

  background-image: -ms-linear-gradient(bottom, #000, transparent);

  background-image: -o-linear-gradient(bottom, #000, transparent);

  background-image: linear-gradient(bottom, #000, transparent);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#000', endColorStr='rgba(0, 0, 0, 0)');

  z-index: 1;

}



.snip1426 *,

.snip1426 *:before,

.snip1426 *:after {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: all 0.55s ease;

  transition: all 0.55s ease;

}



.snip1426 img {

  max-width: 100%;

  backface-visibility: hidden;

  vertical-align: top;

}



.snip1426 figcaption {

  position: absolute;

  bottom: 25px;

  left: 25px;

  padding: 0px 20px;

  z-index: 1;

  text-align: left;

}



.snip1426 figcaption:before,

.snip1426 figcaption:after {

  height: 2px;

  width: 400px;

  position: absolute;

  content: "";

  background-color: #ffffff;

}



.snip1426 figcaption:before {

  top: -3px;

  left: 0px;

  -webkit-transform: translateX(100%);

  transform: translateX(100%);

}



.snip1426 figcaption:after {

  bottom: 0;

  right: 0px;

  -webkit-transform: translateX(-100%);

  transform: translateX(-100%);

}



.snip1426 figcaption div:before,

.snip1426 figcaption div:after {

  width: 2px;

  height: 300px;

  position: absolute;

  content: "";

  background-color: #ffffff;

}



.snip1426 figcaption div:before {

  top: -1px;

  right: 0;

  -webkit-transform: translateY(100%);

  transform: translateY(100%);

}



.snip1426 figcaption div:after {

  bottom: 0px;

  left: 0;

  -webkit-transform: translateY(-100%);

  transform: translateY(-100%);

}



.snip1426 h2,

.snip1426 h4 {}



.snip1426 h2 {

  font-weight: 400;

  font-size: 16px;

  color: #fff;

  padding: 9px 0px;

  margin: 0px;

}



.snip1426 h4 {

  display: block;

  font-weight: 700;

  padding: 9px 0px;

  color: #ffffff;

  font-size: 18px;

  border-radius: 100px;

}



.snip1426 a {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

}



.snip1426:hover img,

.snip1426.hover img {

  zoom: 1;

  filter: alpha(opacity=50);

  -webkit-opacity: 0.5;

  opacity: 0.5;

}



.snip1426:hover figcaption:before,

.snip1426.hover figcaption:before,

.snip1426:hover figcaption:after,

.snip1426.hover figcaption:after,

.snip1426:hover figcaption div:before,

.snip1426.hover figcaption div:before,

.snip1426:hover figcaption div:after,

.snip1426.hover figcaption div:after {

  -webkit-transform: translate(0, 0);

  transform: translate(0, 0);

}



.snip1426:hover figcaption:before,

.snip1426.hover figcaption:before,

.snip1426:hover figcaption:after,

.snip1426.hover figcaption:after {

  -webkit-transition-delay: 0.15s;

  transition-delay: 0.15s;

}



.building-futures {

  background: url(../img/bg-parallax2.jpg) repeat-x center top;

  background-size: cover;

  padding-top: 15rem;

  padding-bottom: 15rem;

  position: relative;

  overflow: hidden;

  background-attachment: fixed;

}

.box-4 {

  position: relative;

  border: 2px solid #cfa569;

  margin: 0px 0px 0px 40px;

  background-color: #1f1f1f;

  border-radius: 10px;

  padding: 20px 30px;

  text-align: center;

  display: inline-block;

  float: right;

  right: -40px;

  margin-top: -40px;

}



.box-4 h3 {

  color: #fff;

  font-size: 16px;

}



.box-4 h3 span {

  color: #ddb782;

  font-size: 26px;

  font-weight: 700;

}



.box-4 h3 b {

  color: #ddb782;

  font-weight: 700;

}



.box-4 h3 article {

  display: inline-block;

  border-bottom: 1px solid #e1e0e0;

  padding-bottom: 10px;

}



.box-4 p {

  color: #e1e0e0;

  font-size: 12px;

  margin: 0px;

}



.box-4:before,

.box-4:after {

  content: "";

  position: absolute;

  border-style: solid;

  border-color: transparent;

}



.box-4:before {

  border-width: 12px;

}



.box-4:after {

  border-width: 9px;

}



.box-4:before,

.box-4:after {

  top: 50%;

  left: 100%;

  transform: translate(0, -50%);

  border-right: 0;

}



.box-4:before {

  right: -12px;

  border-left-color: #cfa569;

}



.box-4:after {

  right: -9px;

  border-left-color: #1f1f1f;

}



.zoominheader {

  position: relative;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  -webkit-animation: zoomin 20s ease-in infinite;

  animation: zoomin 20s ease-in infinite;

  transition: all .3s ease-in-out;

  overflow: hidden;

  width: 100%;

  height: 100%;

}



/* Zoom in Keyframes */

@-webkit-keyframes zoomin {

  0% {

    transform: scale(1);

  }



  50% {

    transform: scale(1.2);

  }



  100% {

    transform: scale(1);

  }

}



@keyframes zoomin {

  0% {

    transform: scale(1);

  }



  50% {

    transform: scale(1.2);

  }



  100% {

    transform: scale(1);

  }

}



/*End of Zoom in Keyframes */

/* Zoom out Keyframes */

@-webkit-keyframes zoomout {

  0% {

    transform: scale(1);

  }



  50% {

    transform: scale(1.2);

  }



  100% {

    transform: scale(1);

  }

}



@keyframes zoomout {

  0% {

    transform: scale(1);

  }



  50% {

    transform: scale(1.2);

  }



  100% {

    transform: scale(1);

  }

}



/*End of Zoom out Keyframes */

.defending-caption {

  text-align: center;

}



.defending-caption h1 {

  font-family: 'Montserrat', sans-serif;

  font-size: 45px;

  line-height: normal;

  font-weight: 600;

  margin: 0px auto !important;

}



.defending-caption h2 {

  font-family: 'Montserrat', sans-serif;

  font-size: 32px;

  line-height: normal;

  font-weight: 400;

  margin: 0px auto !important;

}



.defending-caption h2 span {

  font-size: 40px;

  line-height: normal;

  color: #c89d64;

  margin-top: 15px;

  display: inline-block;

  font-weight: 700;

  font-family: "Playfair Display", serif;

}

.defending-caption h5 {}



.defending-caption h6 {}



.defending-caption img {

  position: relative;

  right: -30px;

  height: 400px;

  top: 0px;

}





.album-gallery img {

  height: 260px;

}



.btn-contact {

  position: relative;

  display: inline-block;

  padding: 15px 26px;

  color: #fff;

  height: 50px;

  width: 40px;

  text-align: center;

  font-size: 16px;

  background: rgb(209, 167, 107);

  background: linear-gradient(80deg, rgba(209, 167, 107, 1) 0%, rgba(160, 116, 72, 1) 100%);

  margin: 0px 0px;

  margin-right: 0px;

  text-transform: uppercase;

  font-weight: 500;

}



.btn-contact-button {

  position: relative;

  display: inline-block;

  padding: 15px 26px;

  color: #fff;

  text-align: center;

  font-size: 16px;

  background: rgb(209, 167, 107);

  background: linear-gradient(80deg, rgba(209, 167, 107, 1) 0%, rgba(160, 116, 72, 1) 100%);

  margin: 0px 0px;

  margin-right: 0px;

  text-transform: uppercase;

  font-weight: 500;

}



.contact-page h5 {

  font-size: 15px;

}



.contact-page h4 {

  font-size: 18px;

  font-weight: 700;

}



.footer-grid-inner {

  padding-top: 3rem;

}



.section-title-top-margin{

  margin-top: -6rem;

}

.rightbox {

  border-radius: 10px;

  display: flex;

  flex-direction: column;

  text-align: center;

  align-items: center;

  padding: 10px 30px;

  background: #f5f5f5;

  border: 1px solid #ebebeb;

  width: 100%;

  margin-left: 27px;

  margin-top: 1rem;

  transition: .5s;

  position: relative;

  z-index: 1;

}

.rightbox > img{

  width: 100%;

  transition: .5s;

}

.rightbox:hover img{

  transform: scale(1.15);

}



.about-rightbox {

  display: flex;

  text-align: center;

  align-items: center;

  width: 100%;

  margin-left: 27px;

  margin-top: 1rem;

  transition: .5s;

  overflow: hidden;

  border-radius: 10px;

}

.about-rightbox:hover{

  transform: scale(1.1);

}

.view-rightbox {

  display: inline-block;

  text-align: center;

  align-items: center;

  width: auto;

  margin-left: 27px;

  margin-top: 1rem;

  transition: .5s;

  overflow: hidden;

  border-radius: 5px;

  color: #fff;

  background: #bf8942;

  padding: 4px 10px;

  font-size: 12px;

}

.view-rightbox:hover{

  color: #fff;

  background: #745122;

}



.box {

  border-radius: 0px 0px 10px 10px;

  display: flex;

  flex-direction: column;

  text-align: center;

  align-items: center;

  padding: 30px 30px;

  background: #f5f5f5;

  border: 1px solid #ebebeb;

  margin-top: 25rem;

  /* position: absolute; */

  right: 0px;

  top: -400px;

  z-index: 1;

}

.profile-circle {

  width: 320px;

  border-radius: 10px;

  /* box-shadow: -3px -3px 7px #ffffff, 3px 3px 5px #ceced1; */

  /* border-radius: 50%; */

  display: flex;

  justify-content: center;

  align-items: center;

  /* background: #cfa56a; */

  /* overflow: hidden; */

  margin-top: -403px;

  position: relative;

  z-index: 1;

}



.profile-circle img {

  width: 100%;



}



.profile-info {

  width: 100%;

  margin-top: 1.5rem;

  line-height: 18px;

}



.profile-info h4 {

  font-size: 20px;

  font-weight: 700;

}



.profile-info p {

  color: #000000;

  font-size: 14px;

}



.social-icon {

  width: 70%;

  display: flex;

  justify-content: space-between;

}



.fb,

.insta,

.twitt,

.uTube {

  height: 40px;

  width: 40px;

  border-radius: 50%;

  box-shadow: -3px -3px 7px #ffffff, 3px 3px 5px #ceced1;

  cursor: pointer;

}







.extra-stats {

  text-align: left;

  width: 100%;

  padding: 30px 0px;

}



.extra-stats>li {

  display: block;

  font-size: 14px;

  color: #000;

  line-height: normal;

  border-bottom: 1px dotted #bbb;

  padding: 13px 0px;

}



.extra-stats>li:last-child {

  border-bottom: 0px;

}



.extra-stats>li>b {

  width: 30%;

  display: inline-block;

  vertical-align: top;

  font-weight: 500;

}



.extra-stats>li>span {

  width: 68%;

  display: inline-block;

  line-height: normal;

  font-weight: 700;

}



.fb,

.insta,

.uTube,

.twitt {

  display: flex;

  justify-content: center;

  align-items: center;

}



.fb:hover,

.insta:hover,

.uTube:hover,

.twitt:hover {

  height: 40px;

  width: 40px;

  border-radius: 50%;

  box-shadow: inset -2px -2px 3px #ffffff, inset 2px 2px 3px #ceced1;

}



.about-list{



}

.about-list li {

  line-height: normal;

  margin-bottom: 1rem;

}

.about-list-btn {

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

}

.about-list-btn:hover {



}



.about-list-btn > img {

  height: 30px;

}



.letters-grid tr th {

  text-align: center;

  background-color: whitesmoke;

  color: #000;

  vertical-align: middle;

}

.letters-grid tr td {

  color: #000;

  vertical-align: middle;

  font-weight: 600;

}

.modal-dialog {

  max-width: 70%;

  margin: 1.75rem auto;

}



.modal-header .btn-close {

  padding: .5rem .5rem;

  margin: 4px;

  position: absolute;

  right: 18px;

  font-size: 22px;

  color: #8b550e;

  border: 0;

}



.modal-header .btn-close:focus {

  outline: 0;

  box-shadow: none;

}



.news-item-inner {

  background-color: #ffffff;

  padding: 17px;

  padding-top: 20px;

  box-shadow: 0px 10px 20px #cbcbcb;

}



.news-right-link .link-animated {}





.news-right-link a {

  background-color: #f7f7f7;

  border-radius: 4px;

  padding: 16px 20px;

  color: #000;

  font-weight: 700;

  margin-bottom: 10px;

  border: 1px solid #ededed;

  font-size: 17px;

}



.news-right-link a:hover {

  background-color: #fff;

  padding-left: 22px;

  color: #fff;

  color: #000;

  -webkit-box-shadow: 0 2px 20px rgba(54, 54, 54, .13);

  -khtml-box-shadow: 0 2px 20px rgba(54, 54, 54, .13);

  -moz-box-shadow: 0 2px 20px rgba(54, 54, 54, .13);

  -ms-box-shadow: 0 2px 20px rgba(54, 54, 54, .13);

  -o-box-shadow: 0 2px 20px rgba(54, 54, 54, .13);

  box-shadow: 0 2px 20px rgba(54, 54, 54, .13);

}



a.news-right-link-active {

  background-color: #fff;

  padding-left: 22px;

  color: #fff;

  color: #000;

  -webkit-box-shadow: 0 2px 20px rgba(54, 54, 54, .13);

  -khtml-box-shadow: 0 2px 20px rgba(54, 54, 54, .13);

  -moz-box-shadow: 0 2px 20px rgba(54, 54, 54, .13);

  -ms-box-shadow: 0 2px 20px rgba(54, 54, 54, .13);

  -o-box-shadow: 0 2px 20px rgba(54, 54, 54, .13);

  box-shadow: 0 2px 20px rgba(54, 54, 54, .13);

}



.news-right-link a img {

  height: 36px;

  margin-right: 10px;

}





/* Sticky our navbar on window scroll */

#sidebar-nav.sticky {

  position: fixed;

  top: 84px;

  z-index: 1;

}





.copyright-main{



}



.copyright-main h3 {

  font-size: 18px;

  font-weight: 700;

  margin-bottom: 5px;

}



.grid-blog-inner {

  -webkit-box-shadow: 0 2px 20px rgba(54, 54, 54, .13);

  -khtml-box-shadow: 0 2px 20px rgba(54, 54, 54, .13);

  -moz-box-shadow: 0 2px 20px rgba(54, 54, 54, .13);

  -ms-box-shadow: 0 2px 20px rgba(54, 54, 54, .13);

  -o-box-shadow: 0 2px 20px rgba(54, 54, 54, .13);

  box-shadow: 0 2px 20px rgba(54, 54, 54, .13);

  background-color: #fffaf4;

}

.blog-item h4 {

  font-size: 18px;

  font-weight: 700;

  margin-bottom: 2rem;

}

.bg-light {

  background-color: #ffffff !important;

  border: 1px solid #eff0f2;

}

.pagination {

  

}

.page-item.active .page-link {

  z-index: 3;

  color: #fff;

  border-color: #d5aa6d;

  background-color: #d5aa6d;

  background-image: -webkit-gradient(linear, left top, right top, from(#d5aa6d), to(#9b6f45));

  background-image: -webkit-linear-gradient(left, #d5aa6d, #9b6f45);

}

.page-link:hover {

  z-index: 2;

  color: #000000;

}

.page-link {

  color: #000000;

}

.pagination-lg .page-link {

  padding: 10px 17px;

  font-size: 14px;

  font-weight: 700;

}







.frame-content {

  display: block;

  border: none;

  position: absolute;

  inset: auto 0px 0px auto;

  width: 450px;

  height: 647px;

  max-height: 100%;

  opacity: 1;

  color-scheme: none;

  background: none transparent !important;

  margin: 0px;

  max-width: 100vw;

  /* transform: translateY(0px); */

  transition: none 0s ease 0s !important;

  visibility: visible;

  z-index: 9!important;

  right: 48px;

}

.bot-text {

  position: fixed;

  z-index: 1;

  right: 40px;

  bottom: 32px;

}

.bot-text h2 {

  font-size: 13px;

  color: #000000;

  font-weight: 800;

  background: #ffc109;

  padding: 5px 12px;

  border-radius: 100px;

}

.bot-text h2:before {

  content: "";

  border-right: 12px solid transparent;

  border-top: 12px solid #ffc109;

  border-left: 2px solid transparent;

  width: 0;

  position: absolute;

  top: 24px;

  right: 29px;

}

#chat-button {



  display: flex;

  -webkit-box-align: center;

  align-items: center;

  -webkit-box-pack: center;

  justify-content: center;

  pointer-events: none;

  -webkit-animation: animSpin 1.8s ease-in-out forwards infinite, animFade 1.8s ease forwards infinite;

  animation: animSpin 1.8s ease-in-out forwards infinite, animFade 1.8s ease forwards infinite;

}



#chat-button:not(.sidebar) .buttonWave {

  position: absolute;

  z-index: -1;

  width: 60px;

  height: 60px;

}



#chat-button:not(.sidebar).clicked .buttonWave::after {

  animation: 0.5s ease-out 0s 1 normal none running buttonWave;

}



#chat-button:not(.sidebar) .buttonWave::after {

  content: "";

  position: absolute;

  width: 60px;

  height: 60px;



}



#button-body {

  width: 60px;

  height: 60px;

  border-radius: 28px;

  display: inherit;

  -webkit-box-align: center;

  align-items: center;

  -webkit-box-pack: center;

  justify-content: center;

  pointer-events: initial;

  background-size: 130% 130%;

  transition: all 0.2s ease-in-out 0s;

  position: relative;



}

#button-body > img {

  width:70px;

}

#button-body::before {

  content: "";

  transition: opacity 0.5s ease-in-out 0s;

  position: absolute;

  inset: -1px;

  opacity: 0;

  border-radius: 50%;

  background-color: rgb(198, 204, 220);

}



#chat-button button i.for-closed.active {

  transform: translateX(0px);

}



#chat-button button i.for-closed {

  transform: translateX(-10px);

}



#chat-button button i.active {

  opacity: 1;

}



#chat-button button i {

  height: 26px;

  width: 26px;

  position: absolute;

  opacity: 0;

  transition: all 0.2s ease-in-out 0s;

  display: flex;

  -webkit-box-align: center;

  align-items: center;

  -webkit-box-pack: center;

  /* justify-content: center; */

}



i {

  user-select: none;

}



#chat-button button i.type1 svg {

  fill: currentcolor;

}



svg {

  width: 24px;

  height: 24px;

}



#chat-button button i.type1::after {

  content: "";

  position: absolute;

  width: 68px;

  height: 68px;

  border-radius: 32px;

  background: rgb(255, 255, 255);

  transition: all 0.2s ease-in-out 0s;

  transform: scale(0);

  right: -18px;

}



#chat-button button i.for-closed.active {

  transform: translateX(0px);

}



#chat-button button i.for-closed {

  transform: translateX(-10px);

}



#chat-button button i.type2 {

  width: 32px;

  height: 32px;

}



#button button i.type1.for-opened {

  width: 31px;

  height: 28px;

}



#chat-button button i.for-opened {

  transform: translateX(10px);

}



button,

button.material-icons {

  background: none;

  border: 0px;

  color: inherit;

  font-style: inherit;

  font-variant: inherit;

  font-weight: inherit;

  font-stretch: inherit;

  font-size: inherit;

  font-family: inherit;

  line-height: normal;

  overflow: visible;

  padding: 0px;

  user-select: none;

  outline: none;

  cursor: pointer;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



#chat-button button i.type2 svg {

  width: 32px;

  height: 32px;

  fill: rgb(0, 125, 252);

  transform: scale(0);

}



svg:not(:root) {

  overflow-clip-margin: content-box;

  overflow: hidden;

}



#button-body {

  

}



body:not(.mobile) #button button:not(.disabled):hover i.type1 svg,

body:not(.mobile) #button button:not(.disabled):focus i.type1 svg {

  transform: scale(1.4);

}



body:not(.mobile) #button button:not(.disabled):hover i.type1::after,

body:not(.mobile) #button button:not(.disabled):focus i.type1::after {

  transform: scale(1);

}



#chat-button button i.for-closed.active {

  transform: translateX(0px);

}



.chat.chrome,

.start-group.chrome {

  box-shadow: rgba(0, 18, 46, 0.16) 0px 8px 36px 0px;

}



.chat {

  max-height: calc(100% - 47px);

  display: flex;

  flex-direction: column;

}



.chat,

.start-group {

  width: 372px;

  position: fixed;

  bottom: 26px;

  border-radius: 16px;

  pointer-events: auto;

  box-shadow: rgba(0, 18, 46, 0.16) 0px 8px 22px 0px;

  overflow: hidden;

  z-index: 999;

  right: 0px;

  left: auto;

  background-color: white;

}



.message-operator.bots-quick-replies {

  width: 85%;

  background-color: rgb(255, 255, 255);

  margin-top: 0px;

  float: right;

}



.message-operator.bots-quick-replies .button-wrapper {

  margin-top: 0px;

  display: flex;

  flex-wrap: wrap;

  -webkit-box-pack: end;

  justify-content: flex-end;

  width: 100%;

  border: none;

}



.message-operator {

  color: rgb(6, 19, 43);

  background: rgb(240, 242, 247);

  float: left;

}



.message {

  padding: 7px 16px;

  border-radius: 20px;

  margin: 2px 0px;

  font-size: 14px;

  line-height: normal;

  overflow-wrap: break-word;

  display: inline-block;

  max-width: 85%;

  clear: both;

  position: relative;

  transition: margin 0.28s ease-in-out 0s;

}



.input-group {

  padding: 0px 28px 6px;

  width: 100%;

  position: relative;

  background: rgb(255, 255, 255);

  z-index: 3;

  flex: 0 0 auto;

}

.input-group .footer-input-wrapper,

.input-group .footer-icons-wrapper {

  transition: all 0.5s ease-in-out 0s;

  opacity: 1;

  transform: translateY(0px);

}



textarea {

  border: 0px;

  width: 100%;

  font-size: 17px;

  margin: 20px 0px 14px;

  resize: none;

  line-height: 24px;

  overflow: hidden;

  -webkit-box-flex: 1;

  -ms-flex: 1 0 0px;

  flex: 1 0 0;

}

textarea:focus{

  outline: 0;

}



#conversation-scroll > div{

  height: 220px !important;

}

.send-icon {

  width: 26px;

  height: 26px;

  -webkit-box-flex: 0;

  -ms-flex: 0 0 26px;

  flex: 0 0 26px;

  -webkit-backface-visibility: hidden;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  cursor: pointer;

}



hr {

  margin: 0px;

  border-width: 0px 0px 1px;

  border-top-style: initial;

  border-right-style: initial;

  border-left-style: initial;

  border-top-color: initial;

  border-right-color: initial;

  border-left-color: initial;

  border-image: initial;

  border-bottom-style: solid;

  border-bottom-color: rgb(219, 223, 230);

}



#conversation-group {

  padding: 0px 28px;

  width: 100%;

  height: 357px;

  overflow: hidden auto;

  background: rgb(255, 255, 255);

  transition: all 0.3s ease 0s;

  max-height: 357px;

  min-height: 160px;

  flex: 0 1 auto;

}

.message-operator.bots-quick-replies button {

  font-size: 15px;

  padding: 8px 16px;

  border: 1px solid;

  border-radius: 20px;

  margin: 3px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  min-width: inherit;

}



.offline-message span.online::before {

  content: "";

  display: block;

  width: 8px;

  height: 8px;

  position: absolute;

  top: calc(50% - 4px);

  background: rgb(88, 183, 67);

  border-radius: 50%;

  left: 0px;

}



.no-clip-path .offline-message {

  padding: 14px 28px 20px;

}



.offline-message span {

  z-index: 2;

  position: relative;

  display: inline-block;

  font-size: 16px;

}



.message-operator.message-with-buttons .button-wrapper,

.message-operator .message-with-buttons .button-wrapper,

.message-operator.bots-quick-replies .button-wrapper {

  background: rgb(255, 255, 255);

  width: 100%;

  margin-top: 10px;

  /* border-width: 0px 1px 1px;

                border-right-style: solid;

                border-bottom-style: solid;

                border-left-style: solid;

                border-right-color: rgb(235, 238, 240);

                border-bottom-color: rgb(235, 238, 240);

                border-left-color: rgb(235, 238, 240);*/

  border-image: initial;

  border-bottom-left-radius: 20px;

  border-bottom-right-radius: 20px;

  border-top-style: initial;

  border-top-color: initial;

  position: relative;

}



#chat-button button i.for-opened.active {

  transform: translateX(0px);

}

.message-operator.bots-quick-replies .sent {

  font-size: 15px;

  padding: 8px 16px;

  border: none;

  border-radius: 20px;

  margin: 3px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  min-width: inherit;

}

.message-operator.message-with-buttons .sent,

.message-operator .message-with-buttons .sent,

.message-operator.bots-quick-replies .sent {

  margin: 0px auto;

  min-width: 100%;

  display: block;

  font-size: 16px;

  line-height: 19px;

  padding: 8px 16px;

  color: rgb(0, 125, 252);

  background: #f2f9ff;

  position: relative;

  z-index: 2;

  outline: none;

  border-radius: 20px;

  font-weight: normal;

}

.chat-header {

  padding: 0px 28px 0px;

  background: linear-gradient(179deg, rgba(209, 167, 107, 1) 30%, rgb(163 118 74) 100%);

  position: relative;

  z-index: 4;

  flex: 0 0 auto;

}

.avatars-wrapper {

  width: 52px;

  height: 52px;

  margin: 0px 18px 0px 0px;

  float: left;

}



.chat h2.oneline {

  margin-top: 0px;

  line-height: 52px;

  min-height: 52px;

  color: #fff;

}



.chat h2 {

  font-size: 22px;

  font-weight: 600;

  color: currentcolor;

  margin: 4px 0px 0px;

  padding: 0px;

  display: inline-block;

  position: relative;

  max-width: calc(100% - 145px);

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

  vertical-align: bottom;

}



.chat h2 .emoji {

  width: 31px;

  height: 31px;

}



button.material-icons.exit-chat,

label.material-icons.exit-chat {

  margin-right: -3px;

}

button.material-icons.options,

button.material-icons.exit-chat,

label.material-icons.options,

label.material-icons.exit-chat {

  z-index: unset;

}



button.material-icons,

label.material-icons {

  position: relative;

  z-index: 1;

  margin: 15px 0px 8px 11px;

  float: right;

}

button.material-icons.options::before,

button.material-icons.exit-chat::before,

label.material-icons.options::before,

label.material-icons.exit-chat::before {

  background: rgba(0, 36, 92, 0.16);

}

button.material-icons::before,

label.material-icons::before {

  content: "";

  position: absolute;

  background: rgb(239, 242, 246);

  width: 40px;

  height: 40px;

  border-radius: 50%;

  z-index: -1;

  transition: all 0.16s ease-in-out 0s;

  transform: scale(0);

  top: calc(50% - 20px);

  left: calc(50% - 20px);

}

button.material-icons svg#ic-minimize,

button.material-icons svg.options-icon,

label.material-icons svg#ic-minimize,

label.material-icons svg.options-icon {

  fill: currentcolor;

}





.tidio-1s5t5ku span {

  background: rgb(255, 255, 255);

  padding: 6px 8px;

  border-radius: 2px;

  box-shadow: rgba(0, 18, 46, 0.32) 0px 2px 8px 0px;

  font-size: 13px;

  position: absolute;

  opacity: 0;

  pointer-events: none;

  white-space: nowrap;

  transition: all 0.16s ease-in-out 0s;

  z-index: 1;

  right: calc(100% + 10px);

  top: 50%;

  transform: translate(5px, -50%);

  color: rgb(6, 19, 43);

}



.offline-message {

  margin: 18px -28px 0px;

  color: currentcolor;

  width: calc(100% + 56px);

  padding: 14px 28px 7px;

  position: relative;

  background-size: 100% calc(100% + 12px);

  z-index: 1;

}



.no-clip-path .offline-message {

  padding: 14px 28px 20px;

}



.offline-message span.online {

  padding-left: 20px;

}



.no-clip-path .offline-message::after {

  content: "";

  position: absolute;

  width: calc(100% + 10px);

  bottom: -8px;

  left: -5px;

  border-image-source: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNzIgMTUiPgogIDxwYXRoIGQ9Ik0zNDkuOCAxLjRDMzM0LjUuNCAzMTguNSAwIDMwMiAwaC0yLjVjLTkuMSAwLTE4LjQuMS0yNy44LjQtMzQuNSAxLTY4LjMgMy0xMDIuMyA0LjctMTQgLjUtMjggMS4yLTQxLjUgMS42Qzg0IDcuNyA0MS42IDUuMyAwIDIuMnY4LjRjNDEuNiAzIDg0IDUuMyAxMjguMiA0LjEgMTMuNS0uNCAyNy41LTEuMSA0MS41LTEuNiAzMy45LTEuNyA2Ny44LTMuNiAxMDIuMy00LjcgOS40LS4zIDE4LjctLjQgMjcuOC0uNGgyLjVjMTYuNSAwIDMyLjQuNCA0Ny44IDEuNCA4LjQuMyAxNS42LjcgMjIgMS4yVjIuMmMtNi41LS41LTEzLjgtLjUtMjIuMy0uOHoiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==);

  border-image-slice: 0 0 100%;

  border-image-width: 0 0 15px;

  border-image-repeat: stretch;

  border-width: 0px 0px 15px;

  border-bottom-style: solid;

  border-color: initial;

  border-top-style: initial;

  border-left-style: initial;

  border-right-style: initial;

}



.input-group .footer-input-wrapper,

.input-group .footer-icons-wrapper {

  transition: all 0.5s ease-in-out 0s;

  opacity: 1;

  transform: translateY(0px);

}



.send-icon:hover svg path {

  fill: #1775ec;

}



.message-operator {

  color: rgb(6, 19, 43);

  background: rgb(240, 242, 247);

  float: left;

}

.message span.message-content {

  white-space: pre-line;

  font-size: 12px;

  color: #000;

  font-weight: 500;

}

#chatContainer {

  transition: all 0.3s ease-in-out;

  right: -300px;

}



.onlyBubble {

  display: none;

  transition: all 0.3s ease-in-out;

}



.open {

  display: block;

  transition: all 0.3s ease-in-out;

}



#chatContainer.open {

  right: 0;

}



.footer-input-wrapper {

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.clicked {

  display: none !important;

}



#button:not(.sidebar).clicked .buttonWave::after {

  animation: 0.5s ease-out 0s 1 normal none running buttonWave;

}

#button:not(.sidebar) .buttonWave::after {

  content: "";

  position: absolute;

  width: 60px;

  height: 60px;

  border-radius: 50%;

  background-color: rgb(20, 127, 255);

  opacity: 0.5;

}



.sentText {

  margin: 0px auto;

  min-width: 100%;

  display: block;

  font-size: 16px;

  line-height: 19px;

  padding: 8px 16px;

  color: rgb(0, 125, 252);

  background: #f2f9ff;

  position: relative;

  z-index: 2;

  outline: none;

  border-radius: 20px;

  font-weight: normal;

  margin: 10px;

}



.botText {

  color: rgb(6, 19, 43);

  background: rgb(240, 242, 247);

  padding: 10px 16px;

  border-radius: 20px;

  margin: 2px 0px;

  font-size: 15px;

  line-height: 20px;

  overflow-wrap: break-word;

  display: inline-block;

  max-width: 85%;

  clear: both;

  position: relative;

  transition: margin 0.28s ease-in-out 0s;

}



.svgsent svg path {

  fill: #1775ec;

}







@-webkit-keyframes animSpin {

  0% {

    transform: perspective(120px) rotateY(360deg) rotateX(0deg);

  }

  50% {

    transform: perspective(120px) rotateY(0deg) rotateX(0deg);

  }

  100% {

    transform: perspective(120px) rotateY(360deg);

  }

}



@keyframes animSpin {

  0% {

    transform: perspective(120px) rotateY(360deg) rotateX(0deg);

  }

  50% {

    transform: perspective(120px) rotateY(0deg) rotateX(0deg);

  }

  100% {

    transform: perspective(120px) rotateY(360deg);

  }

}

@-webkit-keyframes animFade {

  0% {

    opacity: 0.95;

  }

  100% {

    opacity: 1;

  }

}

@keyframes animFade {

  0% {

    opacity: 0.95;

  }

  100% {

    opacity: 1;

  }

}





.vision-mission{



}



.vision-mission .mission-pic {

  float: left;

  width: 600px;

  margin-right: 2rem;

  margin-top: 2rem;

}

.vision-mission h5 {

  margin-bottom: 10px;

}

.vision-mission h5 img {

  display: block;

}

.vision-mission h5 b {

  display: block;

  font-size: 40px;

  font-weight: 800;

  padding: 1rem 0px;

  border-bottom: 1px solid #000;

  display: inline-block;

}

.vision-mission p {

  font-size: 26px;

  color: #000;

}

.vision-mission p span{

  font-weight: 700;

}

.vision-mission .display-6 {

  font-weight: 400;

  line-height: 30px;

  font-size: 20px !important;

}



.podcast-item-more .podcast_btn {

  /* background: #0c0904; */

  outline: 0;

  font-size: 16px;

  font-weight: 700;

  color: #000;

  padding: 3px 0px;

  border-radius: 5px;

  display: flex;

  text-align: center;

  align-items: center;

  line-height: 18px;

  /* justify-content: center; */

  -webkit-transition: all 300ms linear 0ms;

  -khtml-transition: all 300ms linear 0ms;

  -moz-transition: all 300ms linear 0ms;

  -ms-transition: all 300ms linear 0ms;

  -o-transition: all 300ms linear 0ms;

  transition: all 300ms linear 0ms;

  background-image: -ms-linear-gradient(left, #d5aa6d, #9b6f45);

  background-image: -o-linear-gradient(left, #d5aa6d, #9b6f45);

  background-image: linear-gradient(left, #d5aa6d, #9b6f45);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d5aa6d', endColorStr='#9b6f45', gradientType='1');

  color: #000;

}

.podcast-item-more .podcast_btn:hover {

  -webkit-box-shadow: 0 4px 7px rgb(147 147 147 / 48%);

  -khtml-box-shadow: 0 4px 7px rgb(147 147 147 / 48%);

  -moz-box-shadow: 0 4px 7px rgb(147 147 147 / 48%);

  -ms-box-shadow: 0 4px 7px rgb(147 147 147 / 48%);

  -o-box-shadow: 0 4px 7px rgb(147 147 147 / 48%);

  box-shadow: 0 4px 7px rgb(147 147 147 / 48%);

}



.podcast-item-more .podcast_btn i {

  font-size: 30px;

  margin-right: 10px;

}



.frame-grid {

  height: 100%;

  position: relative;

  border-image: url("../img/frame.png") 31/21px/0 round;

  border-width: 24px;

  border-style: solid;

}



.frame-grid span {

  color: #fff;

  font-size: 12px;

  text-align: center;

  display: block;

}



.frame-grid a {

  display: block;

  height: 100%;

}

.frame-grid a:hover{

  transform: scale(1.1);

}

.frame-grid a img {

  width: 100%;

  height: 100%;

}





.podcast-item-more {

  display: block;

  width: 100%;

}



.podcast-item-more audio {

  width: 100%;

  height: 40px;

}