:root{
	--tj-ff-heading: 'Mona-Sans';
	--tj-color-text-body-3: #A9B8B8;
	--container: 1465px;
	--container1: 1320px;
	
	
	
}


.container{ max-width: var(--container) !important;}
.container1{ max-width: var(--container1) !important;}


.tj-slider-item .slider-content .slider-title{ font-weight: 600;}
.tj-slider-item .slider-content {
  max-width: 944px;
}
.tj-primary-btn .btn-text span{ line-height: 1.5;}
.textsuport{ margin-top: 30px;}
.textsuport p{ color: var(--tj-color-text-body-2);}

.slider-btn .tj-primary-btn{ margin: 10px 5px 0 0;}

.slider-content .textsuport {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
}


.swiper-slide.swiper-slide-active .slider-content .textsuport {
  -webkit-transition-delay: 1.9s;
  transition-delay: 1.9s;
}
.swiper-slide.swiper-slide-active .slider-content .textsuport{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}


.client-content.style-2{ max-width: 486px; padding: 15px 15px 15px;}
.client-content{ border: 1px solid #E0E7E7;}
.client-content .client-text{ color: #000;}
.slider-title em{ font-style: normal; position: relative;}
.slider-title em:before{ content: ""; position: absolute; top: -1px; right: -33px; background: url(../images/t.svg) no-repeat top right; width: 22px; height: 22px;}
.tj-service-section .bg-shape-2, .tj-service-section .bg-shape-1{ mix-blend-mode: inherit; max-width: 600px;}
.tj-footer-section .bg-shape-3, .tj-footer-section .bg-shape-1{ mix-blend-mode: inherit; max-width: 600px;}
.tj-footer-section .bg-shape-2{ right: 20px; bottom: 20px;mix-blend-mode: inherit; max-width: 180px;}


.tj-working-process .bg-shape-2, .tj-working-process .bg-shape-1{ mix-blend-mode: inherit; max-width: 180px;} 
.tj-working-process .bg-shape-2{ right: 20px; bottom: 20px;}
.tj-working-process .bg-shape-1{ left: 20px; top: 20px;}

.tj-pricing-section .bg-shape-2, .tj-pricing-section .bg-shape-1{ mix-blend-mode: inherit; max-width: 180px;} 
.tj-pricing-section .bg-shape-2{ right: 20px; bottom: 20px;}
.tj-pricing-section .bg-shape-1{ left: 20px; top: 20px;}

.tj-team-section-3 .bg-shape-2, .tj-team-section-3 .bg-shape-1{ mix-blend-mode: inherit; max-width: 180px;} 
.tj-team-section-3 .bg-shape-2{ right: 20px; bottom: 20px;}
.tj-team-section-3 .bg-shape-1{ left: 20px; top: 20px;}

.process-item:not(:last-child)::after {
  font-family: "Font Awesome 7 Free" !important;
  font-weight: 900; content: "\f061";
}
.testimonial-img-area .testimonial-img::after{ background: linear-gradient(121.65deg, rgba(0, 0, 0, 0.68) 16.84%, rgba(0, 0, 0, 0.349808) 39.75%);}
.testimonial-slider-2 .testimonial-item .testimonial-author .title{ font-weight: 500;}


.social-links ul li a{ width: 54px;
  height: 54px; background: #1F5159; color:#0C1E21;}


.mainmenu ul > li.menu-item-has-children > a::after, .mainmenu ul > li.has-dropdown > a::after{ font-family: "Font Awesome 7 Free" !important;
  font-weight: 900; content: "\f107";}

.choose-box:hover img{ filter:brightness(0) invert(1);}


.mission-vision-box.w-100{ flex: inherit;}

.list-disc li {
  list-style: disc !important;
  display: inline-block !important;
  padding-left: 10px;
  position: relative; margin-right: 5px;
}
.list-disc li:before{ content:"•"; position: absolute; left: 0px; top: 0px; }


.wh-text p{ color: #fff;}

.bg-shape-2, .bg-shape-1{ mix-blend-mode: inherit;}
.client-content .client-text::after{ border: none;}
.client-content .client-text{  color: #A9B8B8;}


.p-relative{ position: relative;}

.pricing-box{ height: 100%;}


/*.tj-cta-section .container, .tj-contact-section-2 .container{ max-width: 1465px;}*/
.tj-page-header{ background-blend-mode: initial;}

.contact-item{ height: 100%;}
.contact-item:hover img{ filter:brightness(0) invert(1);}

.sec-heading.style-3 .sub-title {
  color: var(--tj-color-theme-primary);
  background-color: var(--tj-color-common-white);
  border: 0;
  padding: 7px 10px; border: 1px solid var(--tj-color-theme-primary);
}

.contact-form .form-input textarea::placeholder, .contact-form .form-input select::placeholder, .contact-form .form-input .nice-select::placeholder, .contact-form .form-input input[type="tel"]::placeholder, .contact-form .form-input input[type="text"]::placeholder, .contact-form .form-input input[type="email"]::placeholder{ color: #656565;}
.contact-form .form-input .nice-select{ color: #656565;}


.g-0{ gap:0px;}

.working-process-area .col-md-4{ padding: 0 10px;}
.process-item{ height: 100%;}



.process-box{ position: relative; margin: 10px 0;}
.process-box::after {content: "\e916";
font-size: 24px;
  line-height: 1;
  color: var(--tj-color-theme-primary);
  font-family: "bexon-icons" !important;
  font-weight: normal;
  position: absolute;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background-color: var(--tj-color-common-white);
  border: 7px solid var(--tj-color-theme-bg);
  top: 50%;
  inset-inline-end: -34px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 5;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: none;
  transition: none;
}
.process-box:last-child:after{ display: none;}

.project-item .categories a{ border: 1px solid #1E8A8A4F; color:#1E8A8A; padding: 6px 11px 4px;}
.project-item .categories a:hover{ color: #fff;}
.project-item .title {
  max-width: 321px;}
.project-item{ height: 100%;}
.project-item .project-img{ height: 320px;}

.tj-pagination ul li .page-numbers{ line-height: 20px;align-items: center;
  justify-content: center; width: 42px; height: 42px; background: #fff; display: flex; border-color: #fff;}
.tj-pagination ul li .page-numbers.current {
  background-color:var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
  border-color: var(--tj-color-theme-primary); font-size: 15px !important;
}
.tj-pagination ul li .page-numbers.next, .tj-pagination ul li .page-numbers.prev{ background: none; border-color: transparent; font-size: 25px !important;}
.tj-pagination ul li .page-numbers:hover i{ color: var(--tj-color-theme-primary) !important;}



.post-details-wrapper h3 em{ font-style: normal; color: #A9B8B8;}
.post-details-wrapper .image-box {
  margin-bottom: 0;
  border-radius: 12px;
  overflow: hidden;
  height: 100%;
  background: #197978;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.post-details-wrapper .images-wrap .col-sm-6{ margin-bottom: 30px;}

.infos-item .project-icons{ width: 56px;
  height: 56px;}
.infos-item{ align-items: center;}



.full-RtImg h3{ color: #fff;}
.full-RtImg h3 em{ color: #BFCCCC; font-style: normal;}

.blk-btn{ background: #0C1E21;}
.full-RtImg .feature-box{ background: url(../images/b1.png) repeat-x top left #1E8A8A; height: 600px;
  position: relative;}
.blk-btn .btn-icon{ background: #1E8A8A;}
.full-RtImg .feature-imagesA img {
  height: auto;
  width: 100%;
  object-fit: initial;
}
.full-RtImg .feature-imagesA{
  height: auto;
  max-width: 100% !important;
  width: 100% !important;
  border-radius: 0px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  border: none !important;
  margin: 0px !important;
  top: inherit;
}


.full-RtImg .feature-imagesA img {
  height: auto;
  width: auto;
  object-fit: initial;
  max-width: 80%;
  float: right;
}



.form-message{
    width: 100%;
    margin-top: 20px;
}

.form-message .success-msg{
    background: #d4edda;
    color: #155724;
    padding: 14px 18px;
    border-radius: 6px;
    border: 1px solid #c3e6cb;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
}

.form-message .error-msg{
    background: #f8d7da;
    color: #721c24;
    padding: 14px 18px;
    border-radius: 6px;
    border: 1px solid #f5c6cb;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
}

.form-message .sending-msg{
    background: #fff3cd;
    color: #856404;
    padding: 14px 18px;
    border-radius: 6px;
    border: 1px solid #ffeeba;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
}


.contact-form .form-input .nice-select span{ padding-right: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden !important; display: inherit;}


.fixedwhatsApp {
  width: 45px;
  height: 45px;
  background: #22ce5a;
  border-radius: 100%;
  box-shadow: 0 0 8px #c2c2c2;
  position: fixed;
  bottom: 10px;
  right: 10px;
  font-size: 28px;
  line-height: 45px;
  text-align: center;
  color: #fff !important;
  z-index: 111;
  animation: whatsapp-bounce 2.2s infinite;
  will-change: transform;
  transition: box-shadow .5s,transform .5s;display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes whatsapp-bounce {
  0% {
    transform:translateY(0)
  }
  20% {
    transform:translateY(-6px)
  }
  40% {
    transform:translateY(0)
  }
  60% {
    transform:translateY(-3px)
  }
  80% {
    transform:translateY(0)
  }
  to {
    transform:translateY(0)
  }
}

.post-details-wrapper p:last-child {
  margin-bottom: 30px;
}


.row-list h5{ color: #0C1E21; padding-bottom: 10px;}
.row-list h5 em{ color: #A9B8B8; font-style: normal}
.row-list ul{ columns: 1 !important;}


.header-search{ display: none;}




.slider-bg-image.mobile-ban, .mobile-ban, .tab-ban{ display: none;}


.bantxt{ width: 100%; position: absolute; top: 0px; left: 0px;}


.tj-slider-item .slider-content .slider-title{ font-size: 85px;}

.hero-thumb{
  max-width: var(--container) !important;
}
.tj-slider-item::after{ display: none;}



#tj-back-to-top{ display: none !important;}









@media only screen and (max-width: 1799px) {
	
:root{
	--container: 1400px;
	--container1: 1300px;
}

.tj-slider-item .slider-content .slider-title{ font-size: 75px;}



}


@media only screen and (max-width: 1599px) {
	
:root{
	--container: 1400px;
	--container1: 1300px;
	
}
.tj-slider-item .slider-content .slider-title{ font-size: 65px;}




}
@media only screen and (max-width: 1399px) {
	
:root{
	--container: 1200px;
	--container1: 1100px;
	
}

.tj-slider-item .slider-content .slider-title{ font-size: 55px;}
.tj-slider-item .slider-wrapper{ padding-left: 40px; padding-bottom: 0px;}
.hero-thumb{ padding-left: 50px; bottom: 60px;}





}
@media only screen and (max-width: 1199px) {
.process-box::after{ font-size: 20px;
    width: 50px;
    height: 50px;
    inset-inline-end: -30px;}

#tj-back-to-top{ display: none;}



.tj-slider-item .slider-content .slider-title{ font-size: 45px;}
.tj-slider-item .slider-wrapper{ padding-left: 70px; padding-bottom: 0px;}
.hero-thumb{ padding-left: 80px; bottom: 30px;}
.tj-slider-item .slider-content .slider-btn {
  margin-top: 8px;
}
.tj-slider-item .slider-content .slider-desc{ font-size: 15px;}

.hero-navigation .slider-next, .hero-navigation .slider-prev {
  width: 40px;
  height: 40px;
  font-size: 20px !important;}

.swiper-slide .w-100 {
  width: 100% !important;
  height: 92.5vh !important;
  object-fit: cover !important;
  float: left !important;
}

}

@media only screen and (max-width: 991px) {


.process-box{ width: 100%;}
.process-box::after {
    -webkit-transform: translate(-50%, 0) rotate(90deg);
    -ms-transform: translate(-50%, 0) rotate(90deg);
    transform: translate(-50%, 0) rotate(90deg);
    top: inherit;
    inset-inline-end: inherit;
    bottom: -40px;
    inset-inline-start: 50%;width: 62px;
  height: 62px;
  }

.circle-text-wrap, .slider-title em::before{ display: none;}


.tj-slider-item .slider-content .slider-title{ font-size: 35px;}
.tj-slider-item .slider-wrapper{ padding-left: 70px; padding-bottom: 0px;}
.hero-thumb{ padding-left: 80px; bottom: 30px;}
.tj-slider-item .slider-content .slider-btn {
  margin-top: 8px;
}
.tj-slider-item .slider-content .slider-desc{ font-size: 15px;}

.tj-slider-item .slider-wrapper{ padding-top: 130px;}





}

@media only screen and (max-width: 767px) {

.slider-bg-image.desktop-ban, .desktop-ban{ display: none;}
.slider-bg-image.desktop-ban, .tab-ban{ display: block;}

.swiper-slide .w-100 {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    float: left !important;
  }
 .tj-slider-item {
    min-height: auto;
  }
.tj-primary-btn {
  font-size: 14px;}	
.tj-primary-btn .btn-icon{ width: 30px;
  height: 30px;}
.tj-slider-item .slider-wrapper {
    padding-left: 10px;
    padding-bottom: 0px;
  }
.hero-thumb {
    padding-left: 20px;
    bottom: 30px;
  }
.hero-thumb .thumb-item {
    width: 45px !important;
    height: 45px;
  }

}


@media only screen and (max-width: 640px) {

.tj-slider-item .slider-content .slider-title{ font-size: 35px;}

.tj-slider-item .slider-wrapper {
    padding: 150px 0 200px 0 !important;
  }
.hero-thumb {
    max-width: 100%;
    bottom: 60px;
  }


}


@media only screen and (max-width: 480px) {
.slider-bg-image.mobile-ban, .mobile-ban{ display: block;}
.slider-bg-image.desktop-ban, .desktop-ban{ display: none;}
.slider-bg-image.desktop-ban, .tab-ban{ display: none;}
.tj-slider-item .slider-content .slider-title{ font-size: 35px;}

.tj-slider-item .slider-wrapper {
    padding: 150px 0 140px 0 !important;
  }
.hero-thumb {
    max-width: 100%;
    bottom: 50px;
  }


}