/*
 Theme Name:   Webteck Child  
 Theme URI:    https://themeholy.com/wordpress/webteck
 Description:  This is a child theme for Webteck - WordPress Theme
 Author:       Themeholy
 Author URI:   https://themeforest.net/user/themeholy 
 Template:     webteck
 Version:      1.0
 Tags:         two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, theme-options, editor-style, featured-images, microformats, post-formats,  sticky-post, threaded-comments, translation-ready
 Text Domain:  webteck-child
*/

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */ 
html {
    overflow-x: hidden;
}
.sticky-wrapper {
    position: fixed;
    width: 100%;
    top: 0;
}
.sticky-wrapper.sticky{
	background:transparent;
}
.header-layout21 .menu-area {
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.sticky-wrapper.sticky .menu-area {
    background: #161919;
}
.light-text p {
    color: #fff;
}
.service-box3 {
    background: #1C1F1F;
    min-height: 430px;
}
.service-box3:hover {
    box-shadow: 1px 1px 1px #45bca42e, inset 0px -80px 50px #00aeef03;
    transition: all 0.3s;
}

.service-box3 {
    transition: all 0.5s;
}
.service-box3 a.line-btn {
    display: none;
}
.service-box3_icon img {
    max-width: 60px;
}
.accordion-card .accordion-button {
    background: #1C1F1F;
    color: #fff;
}

.accordion-card .accordion-button:after {
    color: #fff;
}

.accordion-collapse {
    border-color: #000;
    background: transparent;
}

.accordion-card .accordion-body, .accordion-card .accordion-body p {
    background: transparent;
    color: #fff;
}

.accordion-card .accordion-body {
    border: 1px solid;
    border-radius: 0px 0px 10px 10px;
    border-top: 0;
    border-color: #a6ce390d;
}

.accordion-card {
    box-shadow: none;
}

.faq-img4 .faq-shape:after, .faq-img4 .faq-shape:before {
    background-color: #a6ce390f;
}

.faq-img4 .faq-shape {
    background: transparent;
}
.blog-grid.style2 , .blog-grid{
    background: #1c1f1f;
    border-color: transparent;
}

.process-card {
    background: rgb(28 31 31);
}
.process-card * {
    color: #fff;
}
.process-card_icon {
    width: 55px;
    margin: 0px auto 30px;
}

.process-card:hover .process-card_icon img {
    filter: brightness(10);
}
.process-card:hover {
    box-shadow: 0px 0px 2px rgb(255 255 255), inset 0px 0px 130px rgb(0 174 239 / 3%);
}
.blog-grid {
    height: 100%;
}

.blog-grid.style2 {
    height: auto;
}

.blog-grid .box-title a {
    color: #fff;
}

.blog-grid .blog-meta {
    background: #232626;
}

.blog-meta span, .blog-meta a {
    color: #fff;
}
.remove_social .th-social {
    display: none;
}
.hero-style{
   display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    padding:20px;
}
/* .hero-style6::before {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    background: linear-gradient(45deg, #a6ce39 -10%, #00aeef 110%);
    border-radius: 50% 40% 40% 50%;
    animation-name:rotate;
    animation-duration:20s;
    animation-iteration-count:infinite;
} */

@keyframes rotate{
    0% {
        transform:rotate(-360deg);
         border-radius: 50% 40% 40% 50%;
    }
    50% {
         border-radius: 50% 50% 50% 40%;
    }
    100% {
        transform:rotate(360deg);
         border-radius: 40% 50% 40% 50%;
    }
}
.hero-style6 {
    padding: 60px 60px;
    height: 780px;
    margin: 230px auto -60px;
    max-width: 780px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.th-btn, .th-btn.style9 {
    background: linear-gradient(45deg, #a6ce39 -10%, #00aeef 130%);
    color: #fff;
}

.th-btn.style9:hover:before, .th-btn.style9:hover:after {
    background: #fff;
}

.th-btn.style9:hover {
    color: #161919;
}

.th-btn:before, .th-btn:after {
    background: #fff;
}

.th-btn:hover {
    color: #161919;
}
.banner-box-top:hover img {filter: brightness(10);}
.img-box23 .th-experience {
    background: linear-gradient(155deg, #80c764 0%, #00aeef 120%);
}
.team-card2 .box-content {
    background: linear-gradient(0deg, #1c2121, #1c1f1f);
}

.team-card2 .social-links {
    background: #1a1c1d;
}
.team-card2 .social-links a {
    color: #fff;
}
.team-card2 .social-links a:last-child {margin-right:0;}
.slider-arrow.style2:hover {
    background-color: #1c2121;
    border-color: #1c2121;
}
.testi-box3 * {
    color: #fff;
}

.testi-box3 {
    background: #1c1f1f;
    box-shadow:none;
}


.testi-box3 .testi-box3_review * {
    color: #F9B317;
}

.slider-arrow.style3:hover {
    background: #fff;
    color: #a6cd39;
}
.custom_design .service-box2::before, .custom_design .service-box2 a.icon-btn {
    background: #1a1c1d;
    color: #fff;
}

.custom_design .service-box2:hover::after, .custom_design .service-box2:hover::before, .custom_design .service-box2::after, .custom_design .service-box2:hover a.icon-btn {
    background: #0000000f;
}
.team-contact {
    background: #212324;
}

.team-contact .media-body * {
    color: #fff;
}

.team-contact-wrap {
    border-color: #ffffff12;
}
.counter-card4_icon {
    box-shadow: none !important;
    background: transparent;
    border-color: transparent;
    filter: none;
    padding: 0;
}
.contact-info {
    background: #1c1f1f;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.contact-info .media-body * {
    color: #fff;
}

.contact-info .contact-info_icon {
    box-shadow: none;
}
.text-white p{color:#fff;}
p.footer-info a, p.footer-info {
    color: #fff;
}
.counter-card4_icon::before{display:none;}
.footer-widget .widget_title.style2:before, .footer-widget .widget_title.style2:after {
    background: linear-gradient(180deg, var(--theme-color) 0%, #ffffff 100%);
}

.footer-widget .widget_title.style2:before {
    background: #ffffff69 !important;
}

 .footer-widget .widget_title.style2:after {
    background: #ffffff !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-color: transparent !important;
    height: 2px;
    bottom: 0px;
}
@media (min-width:1200px) and (max-width:1600px){
.hero-style6 {
    margin-top: 170px;
    margin-bottom: 100px;
    height: 610px;
    max-width: 610px;
}

.hero-style6 .hero-title {
    font-size: 54px;
    line-height: normal;
    margin-bottom: 0;
}
}


.blog-single .blog-title a {
    color: #fff;
}

.blog-single .blog-text {
    color: rgba(255,255,255,.6);
}

.blog-single .blog-content {
    background: #1c1f1f;
}

.blog-single {
    box-shadow: none;
}

.blog-single a.th-btn {
    border-radius: 50px;
    padding: 18px 30px;
}
.blog-single a.th-btn:hover::after{
    transform:scale(1) !important;
}
.blog-comment-area {
    display: none !important;
}
.sidebar-area .widget {
    background: #1c1f1f;
}

.sidebar-area h3.widget_title {
    color: #fff;
}

.sidebar-area h4.post-title a {
    color: #fff;
}

.sidebar-area li.cat-item a {
    background: #1a1c1d;
    color: #fff;
}.blog-details .blog-single .blog-content {
}

.blog-details .blog-single {
    background: #1c1f1f;
}

.blog-details .blog-single p {
    color: rgba(255,255,255,.6);
}

.blog-details .blog-single .h1, .blog-details .blog-single h1, .blog-details .blog-single .h2, .blog-details .blog-single h2, .blog-details .blog-single .h3, .blog-details .blog-single h3, .blog-details .blog-single .h4, .blog-details .blog-single h4, .blog-details .blog-single .h5, .blog-details .blog-single h5, .blog-details .blog-single .h6, .blog-details .blog-single h6 {
    color: #fff;
}

.blog-details .blog-single blockquote.wp-block-quote p {
    color: #1a1c1d;
}
.blog-grid .line-btn:hover {
    color: #fff;
}
.blog-details .share-links-title {
    color: #fff;
}
.th-mobile-menu {
    overflow-y: auto;
}
.th-menu-wrapper .mobile-logo {
    background: #f3f3f3;
}
.error-title {
    color: #fff;
}
.error-img {
    max-width: 420px;
    margin: 0 auto 40px;
}
@media (max-width:1199px){
	.breadcumb-wrapper {
    padding-top: 200px;
}
.hero-style6 {
    height: 600px;
    width: 600px;
}
/* 
.hero-style6::before {
    width: 600px;
} */

.hero-style6 .hero-title {
    font-size: 60px;
    line-height: normal;
}

.hero-style6 .sub-title {
    font-size: 22px;
}
}

@media (max-width:991px){
    .hero-style6 {
    margin-top: 330px;
    width: 500px;
    height: 500px;
    margin-bottom: 80px;
}

/* .hero-style6::before {
    width: 500px;
    height: 500px;
} */

.hero-style6 .hero-title {
    font-size: 30px;
    line-height: normal;
    margin-bottom: 0;
}

.hero-style6 .sub-title {
    font-size: 18px;
    margin-bottom: 10px;
}
}

@media (max-width:767px){
	.breadcumb-wrapper {
    padding-top: 150px;
}
.hero-style6 {
    margin-top: 210px;
    width: 300px;
    height: 300px;
    margin-bottom: 80px;
}

/* .hero-style6::before {
    width: 300px;
    height: 300px;
} */

.hero-style6 .hero-title {
    font-size: 26px;
    line-height: normal;
    margin-bottom: 0;
}

.hero-style6 .sub-title {
    font-size: 16px;
    margin-bottom: 10px;
}
	.footer-layout5 .footer-newsletter .newsletter-form .form-control {
    padding-right: 30px;
}
}
.custom-table {
    display: flex;
    flex-direction: column;
    border: 1px solid #fff;
    border-radius: 10px;
}

.custom-table-row {
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
}

.custom-table-row.even {
    color: #fff;
	background:rgb(255 255 255 / 3%);
}

.custom-table-row.odd {
    color: #fff;
	background:rgb(166 206 57 / 2%);
	
}

.custom-table-label {
    flex: 1;
}

.custom-table-value {
    flex: 1;
    text-align: right;
	    font-weight: bold;

}
@keyframes upDownInfinite {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px); /* You can use +20px for down or alternate directions */
  }
}

.up-down-animation {
  animation: upDownInfinite 2s ease-in-out infinite;
}
[data-widget_type="tragabrandlogo.default"] .swiper-wrapper {
    align-items: center;
}
.choose-feature3_icon img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.choose-feature3_icon {
    overflow: hidden;
    background: #fdfeff;
}
.breadcumb-wrapper {
    background-position: center !important;
    background-size: cover !important;
}
.main-menu ul li.menu-item-has-children > a:after {
    color: #fff !important;
    font-size: 14px !important;
    margin-left: 8px;
}
.main-menu ul.sub-menu li a:hover {
    color: #a6ce39 !important;
}

.main-menu ul.sub-menu li a:hover:before {
    color: #a6ce39 !important;
}

/*popup design */
.modal_popup{position:relative;width:0;height:0;opacity:0;z-index:-999999}
.modal_popup.open {
    height: 100%;
    width: 100%;
    opacity: 1;
    position: fixed;
    inset: 0;
    z-index: 999;
    background:#333;
}

span.close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.25s ease;
    z-index: 10;
}


span.close svg path {fill: #fff;}
.container3d {
    height: 100vh;
    width: 100%;
}


.modal_popup:not(.loading) .loader-main {
    display: none;
}
.modal_popup .loader {
    width: 48px;
    height: 48px;
    border: 3px solid #FFF;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;


    
}

.loader-main {
    position: absolute;
    inset:0;
    display:flex;
    align-items: center;
    justify-content: center;
}
.modal_popup .loader::after {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 3px solid;
  border-color: rgb(166,206,57) transparent;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
.contact-feature .icon-btn {
    box-shadow: none !important;
}
.custom-contact .contact-feature_link {
    display: block;
    width: 100%;
    max-width: 320px;
}
.custom-contact .th-widget-contact {
    max-width: 100%;
}
@media (max-width:767px) {
    .brand-box {
    width: 150px;
    margin: auto;
}
}

.text-white :is(h1, h2, h3, h4, h5, h6, a) {
    color: #fff !important;
}