/*
Plugin CSS
Author: wpdream
*/

:root{
    --brcolor:#14b1bb; /* Brand color */
    --brhovercolor:#0a257a; /* Brand Hover color */
	--brrgb: 20,177,187; /* Brand rgb color */
	--bropacity:rgba(20,177,187,0.64); /* Brand opacity color */
    --black:#000000; /* black color */
	--white:#ffffff; /* white color */
    --bdcolor:#dddddd; /* border color */
    --bdhcolor:#14b1bb; /* border hover color */
    --linkcolor:#000000; /* link  color */	
    --titlecolor:#0e0e0e; /* title color */
    --pracolor:#74787c; /* pragrap/body color */	
    --bshadow:rgba(0,0,0,0.09); /* opacity color box shadow */   
	scroll-behavior: unset;
}
/*
var(--titlecolor)
var(--bdhcolor)
var(--brcolor)
var(--brhovercolor)
var(--brrgb)
var(--bropacity)
var(--black)
var(--white)
var(--bdcolor)
var(--bshadow)
var(--linkcolor)
var(--pracolor)
*/
/* =========== Slick slider Main css============ */
 .txbdslider {
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     position:relative;
     z-index:1;
}
 .txbdslider::before{
     position:absolute;
     left:0px;
     top:0px;
     right:0px;
     bottom:0px;
     content:"";
     z-index:-1;
}
.txbdsinner {
    align-items: center;
    display: flex;
    height: 830px;
    justify-content: center;
    text-align: center;
    margin: auto;
    width: 68.29%;
}
 .txbdsinner.allleft {
     justify-content: flex-start;
     text-align: left;
}
 .txbdsinner.allright {
     justify-content: flex-end;
     text-align: right;
}
/* slider title */
 .txbdsinner .txbdstitle {
     font-size: 70px;
     margin: auto;
     margin-bottom: 0px;
}
 .txbdsinner .swsmall.txbdstitle {
     font-size: 20px;
}
 .allleft .txbdstitle {
     width: 100%;
     margin-left: 0;
     margin-right: auto;
}
 .allright .txbdstitle {
     width: 100%;
     margin-left: auto;
     margin-right: 0;
}
/* slider pragraph */
 .txbdsinner p{
     margin:auto;
     margin-top: 16px;
     width:68%;
}
 .allleft p {
     margin-left: 0;
     margin-right: auto;
}
 .allright p {
     margin-left: auto;
     margin-right: 0;
}
/* listing css */
 .txbdlist{
     margin-top:20px;
}
 .txbdsinner ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
 .txbdlist ul li{
     display:inline-block;
}
 .txbdlist ul li i {
     margin: 0 8px;
     background: var(--brcolor);
     color: var(--white);
     padding: 2px;
}
/* slider btn */
 .txbdsbtn {
     margin-top: 30px;
}
 .txbdsbtn .btnall{
     margin-right:10px;
}
/* slider social */
.txbdssocial {
    margin-top: 10px;
}
 .txbdssocial ul li{
     list-style: none;
     display: inline-block;
}
.txbdssocial ul li a {
    background: var(--brcolor);
    color: var(--white);
    font-size: 15px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 5px;
    margin: 0px 5px 5px;
    display: inline-block;
}

/* slider image thumb position */
 .allleft .witr_slider_thumb {
     position: absolute;
     right: 6%;
     top: 50%;
     z-index: -1;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .allright .witr_slider_thumb {
     position: absolute;
     left: 6%;
     top: 50%;
     z-index: -1;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .slider_vd_icon {
     position: absolute;
     right: 10%;
     top: 50%;
     transform: translateY(-50%);
     z-index: 1;
}
/*====================== swiper slider pagination ======================*/
.swiper-button-prev, .swiper-button-next {
    padding: 15px 20px;
    width: auto;
    height: auto;
    background-image:inherit !important;
    transition: .5s;
    outline: none;
    opacity: 0;
    color:var(--brcolor);   
}
 .swiper-button-prev:hover, .swiper-button-next:hover {
    padding:20px 25px;
    color:var(--brcolor);
     background:var(--white);
}
.swiper:hover .swiper-button-next,
.swiper:hover .swiper-button-prev {
    opacity: 1;
}
 .swiper-button-next:after, .swiper-button-prev:after{
     font-size: 30px;
}
.swiper_sai.swiper-button-next:after, .swiper_sai.swiper-button-prev:after{
    font-family: inherit;
    font-size: 25px;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0 !important;
}
/* pagination bullet */
 .witr_swiper_area .swiper-pagination-bullet{
     width: 15px;
     height: 15px;
     background: var(--brcolor);
}
/* progressbar */
 .witr_swiper_area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, .witr_swiper_area .swiper-horizontal>.swiper-pagination-progressbar{
     height: 5px;
}
/* scrollbar */
 .witr_swiper_area .swiper-scrollbar-drag, .witr_swiper_area .swiper-horizontal>.swiper-scrollbar{
     height: 10px;
     bottom: auto !important;
     top: 0 !important;
}
 .witr_swiper_area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, .witr_swiper_area .swiper-scrollbar-drag {
     background: var(--brcolor);
}
 .swiper-scrollbar{
     display: none;
}
 .swiper-scrollbar.swiper-scrollbar-horizontal{
     display: block;
}
.swiper-cube .swiper-cube-shadow {
    display: none;
}
.swiper-cube .txbdsinner {
    z-index: 1;
    position: relative;
}
/* autoplay progress */
.autoplay-progress {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 10;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--brcolor);
  }
  .autoplay-progress svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    stroke-width: 5px;
    stroke: var(--brcolor);
    fill: none;
    stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
    stroke-dasharray: 125.6;
    transform: rotate(-90deg);
  }
/* videowh */
  @keyframes witr-shadow {
     0% {
         box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    }
     100% {
         box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    }
} 
 .videowh {
     display: inline-block;
     margin-bottom: 20px;
     width: 80px;
     height: 80px;
     line-height: 78px;
     border-radius: 100%;
     padding: 0;
     animation: witr-shadow 1s linear infinite;
}
 
/* btn tyfo */
 .btnallt {
     font-size: 16px;
     font-weight: 500;
}
/* btn style */
 .btnallt{
     position:relative;
}
 .btnall {
     border: 1px solid var(--bdcolor);
     display: inline-block;
     border-radius: 5px;
     padding: 7px 25px;
}
/* btn icon */
 .btniconleft i {
     margin-left: 5px;
}
 .btniconright i {
     margin-right: 5px;
}
/* btn circle */
 .btncircle{
}
 .btncircle i {
     color: var(--white);
     background: var(--brcolor);
     border: 1px solid var(--brcolor);
     height: 52px;
     width: 52px;
     text-align: center;
     line-height: 50px;
     border-radius: 50%;
     display: inline-block;
     margin: 0 10px;
     transition:.5s;
     animation: witr-shadow 1s linear infinite;
}
/* icon css */
 .iconall{
     margin-bottom:10px;
}
 .iconalltf i{
     font-size: 22px;
     text-align: center;
     display: inline-block;
     transition:.5s;
}
 .iconall i {
     height: 50px;
     width: 50px;
     border-radius: 50%;
     line-height: 48px;
     border: 1px solid var(--bdcolor);
}
 .icondff i{
     border-radius: 30% 70% 70% 30%/50% 50% 50% 50%;
}
/* border and text brand color */
 .txbdbrbt, .btnallbt, .iconallbt i {
     border: 1px solid var(--brcolor);
     color:var(--brcolor);
}
/* btn hover brand color */
 .txbdbrhv:hover, .btnall:hover, .iconall i:hover, .txbdsva:hover .iconall i, .tteamsocial a:hover, .filter_menu li:hover, .filter_menu li.current_menu_item {
     background: var(--brcolor);
     border-color: var(--brcolor);
     color: var(--white);
}
/* active btn brand color */
 .txbdbrac, .btnallactive, .iconallactive i{
     background: var(--brcolor);
     border-color: var(--brcolor);
     color: var(--white);
}
/* active hover btn, slider social, icon active color brand color */
 .txbdbrac:hover, .btnallactive:hover, .txbdssocial ul li a:hover, .btncircle i:hover, .iconallactive i:hover, .txbdsva:hover .iconallactive i {
     background: var(--brhovercolor);
     border-color: var(--brhovercolor);
     color: var(--white);
}
 .btniconp i {
     position: absolute;
     right: -28px;
     top: 50%;
     transform: translateY(-50%);
     z-index: 1;
     height: 45px;
     width: 45px;
     border-radius: 50%;
     line-height: 43px;
     border: 1px solid var(--brcolor);
     background: var(--brcolor);
     color: var(--white);
     text-align: center;
     transition:.5s;
}
 .btniconp:hover i{
     border: 1px solid var(--white);
     background: var(--white);
     color: var(--brcolor);
}  
  
/*=====================================================================================
								Responsive CSS
=====================================================================================*/
 @media (min-width: 992px) and (max-width: 1365px) {
     .txbdsinner {
         width: 80%;
    }
     .txbdsinner .txbdstitle {
         font-size: 30px;
    }
 }	
 @media (min-width: 768px) and (max-width: 991px) {
    /* slider */
     .txbdsinner {
         width: 88%;
    }	
     .txbdsinner .txbdstitle {
         font-size: 32px;
    }
     .txbdsinner p {
         width: 66%;
    }
	.allright .witr_slider_thumb,	
	.allleft .witr_slider_thumb{
		position: inherit;
		transform: none;
		margin-top: 20px;
	}
	
 }  
/* --- Small Mobile : 320 ---*/
 @media (max-width: 767px) {
     .col-lg-12{
        padding-right: 0 !important;
        padding-left: 0 !important;
    }     
	/* slider s */
     .txbdsinner {
         width: 88%;
         text-align:center !important;
		 justify-content: center !important;
    }
     .txbdsinner .txbdstitle {
         font-size: 22px;
         font-weight: 500;
    }
     .txbdsinner p {
         width: 88%;
    }
     .allleft p, .allright p {
         margin:auto;
    }
    /* btn css */
	.txbdsbtn .btnall {
		margin-right: 5px;
		margin-bottom: 10px;
	}
     .btnallt {
         font-size: 14px;
         font-weight: 400;
    }
     .btnall {
         padding: 5px 15px;
    }	
	.allright .witr_slider_thumb,	
	.allleft .witr_slider_thumb{
		position: inherit;
		transform: none;
		margin-top: 20px;
	}	
	.slider_vd_icon {
		position: inherit;
		transform: none;
	}	
	.swiper-button-prev, .swiper-button-next {
		display: none;
	   
	}


    
 }

 @media only screen and (min-width: 1px) and (max-width: 1400px) {
    /* slider s */
     .txbdsinner {
         height: auto;
         height: 100vh;
    }
}