/**
 * Theme Name:     Kadence Child
 * Author:         Mohammad Salman
 * Template:       kadence
 * Text Domain:	   kadence-child
 * Description:    Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
 */

ul#secondary-menu li {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 0;
    border-bottom: 0;
}
.item-is-fixed {
    box-shadow: 0px 5px 15px 0px rgba(0, 33, 85, 0.1);
}
.swiper.bannerSwiper {
    overflow: visible;
}
.gy-3 {
    --bs-gutter-x: 3rem;
}
/*media screen*/ 
.swiper.bannerSwiper .swiper-button-prev {
    left: -50px;
}
.swiper.bannerSwiper .swiper-button-next {
right: -50px;
}
.bannerSwiper .swiper-pagination-bullet {
    background: #67686a;
    opacity: 1;
    width: 10px;
    height: 10px;
}
.bannerSwiper .swiper-pagination-bullet-active {
    background: #d8fe35 !important;
}
.td-slideshow .swiper-pagination {
    transform: translate(0px, 97px);
}
.banner-img img {
    width: 100%;
}
@media (min-width:1366px) {
.swiper.bannerSwiper .swiper-button-prev {
    left: -200px;
}
.swiper.bannerSwiper .swiper-button-next {
    right: -200px;
}
}
.swiper.bannerSwiper .swiper-button-next, .swiper.bannerSwiper .swiper-button-prev {
    width: 50px;
    height: 50px;
}
.swiper.bannerSwiper .swiper-button-next:after, .swiper.bannerSwiper .swiper-button-prev:after {
    font-size: 18px;
    color: #fff;
    background: rgba(0,0,0,.1);
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    transition: all .5s;
}
.swiper.bannerSwiper .swiper-button-next:hover:after, .swiper.bannerSwiper .swiper-button-prev:hover:after {
background: rgba(0,0,0,.8);
}
.bannerSwiper h6 {
    padding: 8px 15px 8px 15px;
    background-color: var(--e-global-color-kadence1 );
    border-radius: 10px 10px 10px 10px;
    display: inline;
    color: rgb(10, 11, 15);
    text-transform: uppercase;
}
.bannerSwiper h1 {
margin-top:10px  !important;
}
.bannerSwiper p{
    margin-bottom: 50px !important;
}
.site-btn {
    background-color: rgb(216, 254, 53);
    text-transform: capitalize;
    color: rgb(10, 11, 15);
    font-weight: 600;
    font-size: 18px;
    border-color: transparent;
    padding: 18px 40px;
    border-radius: 500px;
    text-decoration:none;
}
.site-btn:hover {
    background-color: rgb(10, 11, 15);
    color: #fff;
}


.pt-slider-text .elementor-heading-title {
    white-space: nowrap;
    position: relative;
    left: 0;
    animation: text-animation 60s linear infinite;
}
.video-pattern:before {
    content: "";
    background: #d8ff36;
    height: 70px;
    width: 220px;
    z-index: 1;
    left: -100px;
    top: 50%;
    position: absolute;
    border-radius: 10px;
    transform: rotateZ(325deg);
}
@keyframes text-animation {
    0% {
        left: 0;
    }
    100% {
        left: -100%;
    }
}

.swiper-slide {
    overflow: hidden;
    border-radius: .375rem !important;
}
.project-inner {
    bottom: 50px;
    left: 30px;
    opacity: 0;
    transition: all 1s ease-in-out;
}
.our-projects:hover .project-inner{
 opacity:1;
}

.project-img img {
    transition: all .3s ease-in-out;
}
.project-img img:hover {
    transform: scale(1.05);
}
.project-inner h4 {
    color: #0a0b0f;
    background: #fff;
    border-radius: 10px;
    padding: 0px 10px;
}
.pro-category a {
    font-weight: 600;
    text-transform: uppercase;
    color: #0a0b0f;
    display: inline-block;
    background: #d8fe35;
    padding: 2px 18px;
    border-radius: 10px;
    margin-top: 10px;
}
.pro-category a:hover {
    color: rgb(10, 11, 15);
}

.marquee.pt-slider-text h2 {
    font-family: Arimo;
    color: rgb(231, 231, 231);
    font-weight: 700;
    font-size: 200px;
    line-height: 200px;
    white-space: nowrap;
    position: relative;
    left: 0;
    animation: text-animation 60s linear infinite;
    bottom: 140px;
}
.video-pattern.hero-pattern:before {
    left: auto;
    right: -40px;
    z-index: 9;
    width: 135px;
    height: 53px;
}
.text-white {
    color: #fff;
}

.subtitle {
    padding: 4px 15px 4px 15px;
    background-color: #d8fe35;
    border-radius: 10px 10px 10px 10px;
    color: #0a0b0f;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
}

.pt-service-list li{
color: #fff;
}
.services-inner {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 85px;
    margin-bottom: 60px
}
.pt-service-box.pt-style-2 {
    position: relative;
}
.services-inner .subtitle {
font-size:12px;
}
.btn-revert {
    background: #fff;
}
.btn-revert:hover {
    background: #d8fe35;
    color: rgb(10, 11, 15);
}
.service-content img {
    position: absolute;
    max-width: 260px !important;
    width: 100%;
    transform: translateY(10px);
    transition: all 0.5s ease;
    top: 0;
    opacity: 0;
}
.pt-service-box.pt-style-2.active #img-1 {
    opacity: 1;
}
.pt-service-box.pt-style-2.active .service-img {
    transform: translateY(0px);
    opacity: 1;
}

.team-row {
justify-content:center;
}
.team-wrap {
    margin-bottom: 40px;
    position: relative;
    z-index: 9;
    transition:all .5s ease-in-out;
}
.team-wrap:hover .video-pattern.team-pattern:before {
opacity:1;
}
.team-desc {
    text-align: center;
}
.team-desc h4 {
    color: #0a0b0f;
}
.team-desc h6 {
    text-transform: uppercase;
    font-weight: 600;
}
.team-img {
    position: relative;
    margin-bottom: 30px;
    overflow:hidden;
}

.team-img:hover .social-icons {
    opacity:1;
}
.team-img:hover .social-icons{
    opacity:1;
    left:0;
}
.video-pattern.team-pattern:before {
    width: 145px;
    height: 50px;
    right: -12px;
    left: auto;
    top: 50px;
    opacity: 0;
    transition: all .5s ease-in-out;
}
.social-icons {
    list-style: none;
    background: #0a0b0f;
    display: inline-block;
    padding: 0;
    position: absolute;
    bottom: 0;
    opacity: 0;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
    transition: all .5s ease-in-out;
    left: -170px;
}
.social-icons li {
    display: inline-block;
}
.social-icons li a {
    color: #fff;
    padding: 10px 20px;
    display: block;
}
.social-icons li a:hover {
    background: #d8fe35;
    color: #0a0b0f;
}
.marquee.team-marquee {
    bottom: 0;
    z-index: 1;
}
.marquee.team-marquee h2{
  color:rgb(242 242 242);
}

.reviews-outer {
    padding: 60px 45px;
    background: #f2f2f2;
    border-radius: 10px;
}
.author-details {
    display: block;
    width: 100%;
    margin-bottom: 45px;
}
.single-content .author-details h3 {
    margin-bottom: 0;
    padding-top: 15px;
}
.author-details img {
    width: 100px;
    float: left;
    margin-right: 15px;
}
p.reviews {
    clear: both;
    font-size: 18px;
    line-height: 32px;
    font-style: italic;
    margin-top: 30px;
}
.quotes i {
    position: absolute;
    top: 100px;
    right: 50px;
    color: #d8fe35;
    font-size: 52px;
}
.swiper-paginate {
    padding-top: 35px;
    text-align: center;
}
.td-reviews .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius:0;
}
.contact-form div {
    margin-bottom: 20px;
}
.contact-form .feild-control {
    width: 100%;
    color: #0a0b0f !important;
    height: 54px;
    border-radius: 8px !important;
    padding-left: 16px !important;
    border: none !important;
}
.contact-form textarea {
    height: 100px !important;
}

/* About Page CSS */

.td-award-tabs {
    border: 1px solid;
    border-radius: 50%;
    padding: 10px;
}
.about-faq .elementor-accordion .elementor-accordion-item {
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.elementor-accordion .elementor-tab-content {
    border-top: none !important;
}
.kadence-breadcrumb-container a {
    text-decoration: none;
}
.kadence-breadcrumb-container span:first-child a:before {
    content: "\f015";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
}
span.bc-delimiter {
    margin: 0 15px;
}
span.kadence-bread-current {
    color: #d8fe35;
}

/* Our Services Page */
.pt-style-1 .elementor-counter {
    text-align: center;
    width: 350px;
    height: 350px;
    padding: 60px;
    border-radius: 900px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    justify-content: center;
    align-items: center;
    margin-right: -50px;
    display: flex;
    flex-direction: column;
}
.pt-style-1.yellow-border .elementor-counter {
    border-color: #d8fe35;
}
.elementor-counter-title {
    margin-top: 15px;
}
:not(.home) .team-img {
    box-shadow: 0 0.01rem .1rem rgba(0,0,0,0.07);
}
.blog-grid img {
    border-radius: 10px !important;
}
.blog-meta {
    padding-left: 0 !important;
    margin-bottom: 15px !important;
    margin-top: 30px !important;
}
.blog-meta li {
    margin-right: 25px;
}
.blog-meta li:first-child {
    list-style: none;
}
.blog-meta li a {
    color: #515151;
}
.blog-title h4 {
    color: #0a0b0f;
    padding-bottom: 28px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 30px !important;
}
.icon-btn a {
    padding: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    background: #d8fe35;
    border-radius: 50%;
    color: #0a0b0f;
}
.icon-btn a:hover {
 background:#0a0b0f;
 color:#fff;
}
.service-menu  {
list-style:none;
padding-left:0 !important;
}
.service-menu li a {
    padding: 20px;
    border: none;
    background: #fff;
    display: inline-block;
    width: 100%;
    position: relative;
    font-weight: 600;
    border-radius: 10px;
    color: #0a0b0f;
    margin-bottom: 10px;
}
.service-menu li a:before {
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 12px;
    right: 20px;
    left: auto;
    top: 24px;
    position: absolute;
    color: inherit;
    line-height: normal;
}
.service-menu li a:hover, .service-menu li.current-menu-item a {
    background: #d8fe35;
}
.service-faq .elementor-accordion .elementor-accordion-item {
    margin-bottom: 10px;
     border-radius: 0 10px;
}
.td-icon-box .elementor-icon-box-icon {
    background: #d8fe35;
    padding: 18px;
    border-radius: 10px;
}
.service-faq .elementor-tab-title.elementor-active {
    background: #0a0b0f !important;
}
.service-faq .elementor-tab-title {
border-radius :10px;
}
.service-faq .elementor-tab-title.elementor-active {
border-radius : 10px 10px 0 0;
}

.service-faq .elementor-active .elementor-accordion-title , .service-faq .elementor-active .elementor-accordion-icon{
    color: #fff !important;
}

.td-contact-box a {
    color: #515151;
}
.entry-summary {
    margin-bottom: 40px !important;
}
.entry-actions .svg-baseline {
    display: none;
}
.entry.loop-entry {
    border-radius: 10px;
}
.entry-hero-container-inner.entry-hero-container-inner404 {
    background-image: url('/wp-content/uploads/2023/09/about-head-background.jpg') !important;
}
section.not-found {
    padding: 130px 0;
}
.pt-error-block .pt-errot-text {
    font-size: 420px;
    color: #d8fe35;
    line-height: 0.8;
    margin-bottom: 30px;
    text-transform: uppercase;
	font-weight:600;
}
.pt-button-block {
    margin-top: 40px;
}
/*Single Blog Page Css */
textarea#comment {
    border-radius: 10px;
    border: none;
}
h2.comments-title {
    font-size: 26px !important;
    line-height: 34px !important;
}
.pagination .page-numbers {
    background: #f2f2f2;
}

/*Event Page Css*/
.post-type-archive-tribe_events .single-content, .single-tribe_events .single-content {
    margin-top: 0;
}
.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border {
    background-color: var(--tec-color-accent-primary);
    border: 1px solid var(--tec-color-accent-primary);
    color: rgb(10, 11, 15);
}
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {
    background-color: rgb(10, 11, 15);
    color: #fff;
    border-color: rgb(10, 11, 15);
}
.single-tribe_events span.kadence-bread-current {
    color: #808080;
}
.tribe-events-schedule h2 {
    font-size: 16px !important;
    line-height: 27px !important;
    color: #515151;
    font-weight: 500 !important;
}
.single-tribe_events header.entry-header {
    display: none;
}
.post-type-archive-tribe_events .tribe-common p, .single-tribe_events .tribe-events-content ol, .single-tribe_events .tribe-events-content p, .single-tribe_events .tribe-events-content ul {
    font-size: 16px;
}
.tribe-events-widget-events-list {
    background: #f2f2f2;
    padding: 30px !important;
    border-radius: 10px;
    margin-bottom: 30px !important;
}
.tribe-events-widget-events-list .tribe-common-h6.tribe-common-h--alt {
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
}
a.tribe-events-widget-events-list__view-more-link {
    color: #0a0b0f !important;
    background: #d8fe35;
    padding: 10px;
    border-radius: 5px;
    font-weight: 500;
}
a.tribe-events-widget-events-list__view-more-link:hover {
    background: #0a0b0f;
    color: #fff !important;
    border-bottom: none !important;
}
.site-middle-footer-inner-wrap.site-footer-row.site-footer-row-columns-4.site-footer-row-column-layout-left-forty {
    grid-template-columns: 1.7fr 1.3fr 1fr 1fr;
}
@media (max-width:1366px) {
.td-slideshow .swiper-buttons {
    display: none;
}
}
@media (max-width: 1310px) {
.site-header-row-container-inner {
    padding: 0 20px;
}
.blog div#primary.content-area, .single div#primary.content-area {
    padding-left: 15px;
    padding-right: 15px;
}
}

@media (min-width:1025px) and (max-width:1270px) {
.pt-style-1 .elementor-counter {
    width: 285px;
    height: 285px;
    padding: 48px;
}
#colophon {
    padding-left: 20px;
    padding-right: 20px;
}
}
@media (max-width: 1024px) {
.pt-style-1 .elementor-counter {
    width: 100%;
    height: auto;
    padding: 60px;
    border-radius: 10px;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 30px;
}
section.not-found {
    padding: 70px 0;
}
.pt-error-block .pt-errot-text {
    font-size: 330px;
}
.single-tribe_events #inner-wrap .tribe_events-title h1 {
    font-size: 36px !important;
    line-height: 44px !important;
}
}

@media (min-width:992px) {
.swiper-slide.reviews-outer {
    min-height: 440px;
}
}
@media (min-width:1120px) {
.swiper-slide.reviews-outer {
    min-height: 408px;
}
}
@media (max-width:719px) {
div#comments {
    padding: 0 30px 40px 30px;
}
}
@media (max-width:768px) {
.td-icon-box .elementor-icon-box-icon {
   width: 85px;
   height: 85px;
   line-height: 85px;
}
section.not-found {
    padding: 50px 0;
}
}
@media (max-width: 576px) {
.pt-style-1 .elementor-counter {
    width: 100%;
    padding: 45px;
    margin-bottom:0;
}
.pt-error-block .pt-errot-text {
    font-size: 200px;
}
.page-title .kadence-breadcrumbs {
    font-size: 14px !important;
}
span.bc-delimiter {
    margin: 0 5px;
}
.single-tribe_events #inner-wrap .tribe_events-title h1 {
    font-size: 28px !important;
    line-height: 32px !important;
}
}
@media (max-width: 370px) {
.pt-error-block .pt-errot-text {
    font-size: 150px;
}
}