/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/




a:hover {
    color: #edd747 !important;
}

body .lft-loops {
background-size: 50% 115% !important;
	background-position:top -50px left 0px !important;

}

.c-hvr:hover .back{
	opacity:0;
	transition:.5s linear;
}
.c-hvr .back{
	transition:.5s linear;
}
.bgs.e-flex.e-con.e-parent {
    background: 
        url('https://witssher.com/wp-content/uploads/2024/05/Frame-43-2-min.png') no-repeat top center / cover,
        linear-gradient(180deg, #1d135c00 50px, #1D135C 50px);
    margin-top: -50px; /* Adjust this as necessary for your layout */
	background-size:102% 100% !important;
background-position:top;
}

.cntr{
transform:translate(-50%, -50%);
}

.slick-dots li button:before {
    color: #ffffff;
}

.slick-dots li.slick-active button:before {
    color: #ffffff;
}

[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    background: unset;
}

.hvr:hover{
	cursor:pointer;
}

.vds {
    position: relative;
}


.vdss {
    background-size: 100% 100% !important;
}

.vds::after {
/*     content: " "; */
    position: absolute;
    background-image: url('https://witssher.com/wp-content/uploads/2024/05/Group-3-1-1.png');
    width: 100%;
    height:105%;
    top:0;
    z-index:1;
    background-size: 100% 102% !important;
    background-repeat: no-repeat;
	background-position: top;
}

html,body{
scroll-behavior: smooth;
	overflow-x:hidden;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background:hsl(52 82% 60% / 1) ;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #1D135C;
	border-radius:10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #d87a23;
}

.ftr-img img {
   height: 350px;
/* 	margin-top:-50px;
 */
    width: 100%;
    object-fit: contain;
}


.loopss .elementor-image-carousel.swiper-wrapper>div:nth-child(odd) {
    padding-top: 80px;
}
.ftr-img {
    text-align:center;
    max-height: 550px;
    height: 450px;
}
.spinner {
width: 56px;
height: 56px;
display: grid;
border: 4.5px solid #d87a23;
border-radius: 50%;
border-color: hsl(52 82% 60% / 1) #d87a23;
animation: spinner-e04l1k 1s infinite linear;
}
.spinner::before,
.spinner::after {
content: "";
grid-area: 1/1;
margin: 2.2px;
border: inherit;
border-radius: 50%;
}
.spinner::before {
border-color: hsl(52 82% 60% / 1) #d87a23;
animation: inherit;
animation-duration: 0.5s;
animation-direction: reverse;
}
.spinner::after {
margin: 8.9px;
}
@keyframes spinner-e04l1k {
100% {
transform: rotate(1turn);
}
}
#preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #1D135C;
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
font-size: 24px;
}







/* Add your custom styles here */
.footers ,.bgs{
    background-size: 100% 100% !important;
}
.Banners {
    background-size: 100% 100% !important;
}
.grnds h2{
    background: linear-gradient(180deg, rgba(237, 215, 71, 1) 40%, rgba(216, 122, 35, 1) 70%);
    -webkit-background-clip: text;
    color: transparent !important;
}


.flx-rw {
	    padding: 20px 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.hlfs {
    width: 50%;
}

h2.pst-ttl {
    font-family: "Groen California Sans", Sans-serif;
    font-size: 50px;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: linear-gradient(180deg, rgba(237, 215, 71, 1) 20%, rgba(216, 122, 35, 1) 60%);
    -webkit-background-clip: text;
    color: transparent !important;
}


.cnt-detail {
    color: #FFFFFF;
    font-family: "Roboto", Sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.lft-loops .slick-slide {
   opacity:0;
   transition:opacity 1s ease-out;
}

.lft-loops  .slick-active {
    opacity:1!important;
    transition:opacity 1s ease-in;
    }

.lft-loops  .slick-cloned {
    opacity: 0.5;
}




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

.loopss .elementor-image-carousel.swiper-wrapper>div:nth-child(odd) {
 padding-top: 30px;
}


	.ftr-img {
    height: 400px;
    width: 80%;
    display: block;
    margin: auto;
}

.ftr-img img {
    height: 300px;
    width: 90%;
    display: block;
    margin: auto;
}
	

.flx-rw {
    padding: 25px !important;
}


body .lft-loops {
    background-size: 50% 100% !important;
    background-position: top -50px left 0px !important;
}
.bgs.e-flex.e-con.e-parent {
    background: 
        url('https://witssher.com/wp-content/uploads/2024/05/Frame-43-2-min.png') no-repeat top center / cover,
        linear-gradient(180deg, #1d135c00 20px, #1D135C 20px);
    margin-top: -20px; /* Adjust this as necessary for your layout */
}

}
@media screen and (max-width:786px){
body .lft-loops {
    background-size: 50% 100% !important;
    background-position: top -50px left 0px !important;
}
.flx-rw {
    padding: 10px !important;
}


}

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

.flx-rw .hlfs {
    width: 100% !important;
}
h2.pst-ttl {
    font-size: 35px;
}

.cnt-detail {
    font-size: 18px;
}
body .lft-loops {
    background-position: top 0px center !important;
    background-size: 100% 50% !important;
}
    .ftr-img {
		height: 360px;
	}

}