/*
#START TO DEFAULT CSS
#START TO SLICK CSS
#START TO TITLE CSS
#START TO ABOUT CSS
#START TO SERVICE CSS
#START TO FLIPBOX CSS
#START TO SINGLE IMAGE CSS
#START TO CAROUSEL IMAGE CSS
#START TO PORTFOLIO CSS
#START TO PORTFOLIO GELLARY CSS
#START TO CALL TO ACTION
#START TO COUNTER CSS
#START TO TABS CSS
#START TO VIDEO CSS
#START TO PRICING CSS
#START TO ACCORDING CSS
#START TO CLASSIC BUTTON CSS
#START TO BLOG CSS
#START TO EVENT CSS
#START TO TEAM CSS
#START TO SOCIALICONS CSS
#START TO TEXTEDIT WIDGET CSS
#START TO TESTIMONIAL CSS
#START TO CIRCLE CSS
#START TO SCHEDULE CSS
#START TO IMAGE GELLARY CSS
#START TO LIST ELEMENT CSS
#START TO SOCIAL FEED ELEMENT CSS
#START TO CASE STUDY CSS
#START TO COURSE ELEMENT CSS
#START TO CONTACT ELEMENT CSS
#START TO COUNTDOWN ELEMENT CSS
#START TO APPS BUTTON ELEMENT CSS
#START TO TIMELINE HR ELEMENT CSS...
#START TO VERTICAL TIMELINE ELEMENT CSS
#START TO BUTTON ELEMENT CSS
#START TO IMAGE COMPARE ELEMENT CSS
#START TO IMAGE AND TEXT CAROUSEL CSS
#START TO MORDAL ELEMENT CSS
#START TO PROCESS ELEMENT CSS
#START TO PROGRESS ELEMENT CSS
#START TO SCREENSHOT ELEMENT CSS
#START TO SHOWDETAILS ELEMENT CSS
#START TO SHAPE ELEMENT CSS...
#START TO RESPONSIVE CSS
*/
/*===========================================================================================
							#START TO DEFAULT CSS
=============================================================================================*/
/*
var(--black)
var(--white)
var(--bdcolor)
var(--bshadow)
var(--brcolor)
var(--pracolor)
var(--bropacity)
*/

 .fix{
     clear: both;
}
/* accouding elementor 2 */
/* style css */
 .elementor-accordion .elementor-accordion-item {
     border-left: 2px solid var(--brcolor) !important;
     border: 0 !important;
     margin-bottom:20px;
     box-shadow: 1px 1px 7px -5px rgba(0, 0, 0, 0.75);
}
 .elementor-accordion .elementor-tab-content {
     border-top: none !important;
}
 .elementor-tab-title a, .elementor-widget-accordion .elementor-accordion .elementor-tab-title {
     font-size: 17px;
     font-weight: 600;
}
 .elementor-widget-accordion .elementor-accordion .elementor-tab-content {
}
/*=========================================================================================== START TO DEFAULT CSS =============================================================================================*/
 .mg0{
     margin:0 !important;
}
 .mgb20{
     margin-bottom:20px;
}
 .mgt20{
     margin-top:20px;
}
 .txbdbcolor{
     color:var(--brcolor);
}
 .txbdbhcolor:hover{
     color:var(--brcolor);
}
 .txcwhite{
     color:var(--white);
}
 .txcwhiteh:hover{
     color: var(--black);
}
 .txbdwbg{
     background:var(--white);
}
 .txbdbbg{
     background:var(--brcolor);
}
 .txbdbg,.afterbg::after,.beforebg::before{
     background:var(--brcolor);
}
/* 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: 0px;
    padding: 18px 50px;
}
/* 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(--black);
     border-color: var(--black);
     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);
}
/* opacity and transform style */
 .opacity0{
     opacity:0;
}
 .opacity1{
     opacity:1;
}
 .txbdsva:hover .opacityh0{
     opacity:0;
}
 .txbdsva:hover .opacityh1{
     opacity:1;
}
 .opacitybf0::before, .opacityaf0::after {
     opacity:0;
}
 .opacitybf1::before, .opacityaf1::after {
     opacity:1;
}
 .opacitybfh0:hover ::before, .opacityafh0:hover ::after {
     opacity:0;
}
 .opacitybfh1:hover ::before, .opacityafh1:hover ::after {
     opacity:1;
}
 .transformsc0{
     transform:scale(0);
}
 .transformsc1{
     transform:scale(1);
}
 .transformsch0:hover{
     transform:scale(0);
}
 .transformsch1:hover{
     transform:scale(1);
}
/* before style */
 .txbdbfall{
     z-index:1;
}
 .txbdonlypo::before, .txbdonlypo::after {
     content: "";
     position: absolute;
     transition: .5s;
}
 .txbdbfallbg::before, .txbdbfallbg::after {
     background:var(--brcolor);
}
 .txbdbfall::before {
     background:var(--brcolor);
     content: "";
     position: absolute;
     transition: .5s;
     z-index:-1;
}
 .txbdbfallz::before, .txbdbfallz::after {
     z-index:999;
}
 .txbdbfltrb::before {
     top: 0;
     left: 0;
     right:0;
     bottom:0;
}
 .txbdbfl::before {
     height: 0%;
     top: 0;
     left: 0;
     width: 3px;
}
 .txbdbfr::before{
     height: 0%;
     top: 0;
     right: 0;
     width: 3px;
}
 .txbdbfl:hover::before, .txbdbfr:hover::before {
     height: 40%;
}
 .txbdbft::before {
     height:3px;
     top: 0;
     left: 0;
     width: 0%;
}
 .txbdbfb::before {
     height:3px;
     bottom: 0;
     left: 0;
     width: 0%;
}
 .txbdaft::after {
     height:3px;
     top: 0;
     left: 0;
     width: 0%;
}
 .txbdafb::after{
     height:3px;
     bottom: 0;
     right: 0;
     width: 0%;
}
 .txbdbft:hover::before, .txbdaft:hover::after, .txbdbfb:hover::before, .txbdafb:hover::after {
     width: 100%;
}
 .txbdbfltrb100::before{
     height: 100%;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     transition:.5s;
	 opacity: 0;
}
 .txbdbfltrb100:hover::before {
     opacity: 1;
}
 .txbdbfl100::before {
     height: 100%;
     top: 0;
     left: 0;
     width: 3px;
    /* clip-path: polygon(0 1%, 85% 0, 100% 100%, 0% 100%);
     */
}
 .txbdbfr100::before {
     height: 100%;
     top: 0;
     right: 0;
     width: 3px;
}
 .txbdbft100::before {
     height: 3px;
     top: 0;
     left: 0;
     width: 100%;
}
 .txbdbfb100::before {
     height: 3px;
     bottom: 0;
     left: 0;
     width: 100%;
}
 .txbdbfl100:hover::before, .txbdbfr100:hover::before {
     width:100%;
}
 .txbdbft100:hover::before, .txbdbfb100:hover::before {
     height:100%;
}
 .txbdboxwhitetext .iconalltf i, .txbdboxwhitetext .txstcolor, .txbdboxwhitetext p, .txbdboxwhitetext ul li, .txbdboxwhitetext ul li a, .txbdboxwhitetext span, .txbdboxwhitetext a {
     color:var(--white);
     border-color:var(--white);
}
 .txbdboxwhitetext .iconall i, .txbdboxwhitetext .btnall{
     background:var(--white);
     border-color:var(--white);
     color:var(--brcolor);
}
 .txbdboxallhover:hover .iconalltf i, .txbdboxallhover:hover .txstcolor,.txbdboxallhover:hover .teamtit, .txbdboxallhover:hover p, .txbdboxallhover:hover ul li, .txbdboxallhover:hover ul li a, .txbdboxallhover:hover span, .txbdboxallhover:hover a {
     color:var(--white);
     border-color:var(--white);
}
 .txbdboxallhover:hover .iconall i, .txbdboxallhover:hover .btnall{
     background:var(--white);
     border-color:var(--white);
     color:var(--brcolor);
}
/* box text position */
 .zindex-1{
     z-index:-1;
}
 .zindex999{
     z-index:9999;
}
 .zindex99{
     z-index:999;
}
 .boxtexrelative{
     position:relative;
}
 .boxtextposire{
     position:relative;
     overflow:hidden;
}
 .boxtextposi {
     content: "";
     position: absolute;
     transition: .5s;
     text-align: center;
     height: 100%;
     width: 100%;
}
 .posibg, .txbdbfltrb::before{
     background: var(--bropacity);
}
 .txbdbfoverlay:hover::before{
     background: var(--bropacity);
}
 .boxposiltrb{
     left:0;
     top:0;
     right:0;
     bottom:0;
}
 .boxtextpost {
     top: -100%;
}
 .boxtextposl {
     top: 0;
     left:-100%;
}
 .boxtextposr {
     top: 0;
     right:-100%;
}
 .boxtextposbl {
     bottom: 0;
     left: -100%;
     right: 0;
     height: auto;
     z-index: 99999;
}
 .boxtextposb {
     bottom: -100%;
}
 .boxtextposineer {
     position: relative;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .txbdsva:hover .boxtextpost {
     top:0;
}
 .txbdsva:hover .boxtextposbl{
     left: 15px;
     bottom: 15px;
}
 .txbdallph:hover .boxtextposl, .txbdsva:hover .boxtextposl {
     left:0;
}
 .txbdsva:hover .boxtextposr {
     right:0;
}
 .txbdsva:hover .boxtextposb {
     bottom:0;
}
 .txbdmb30{
     margin-bottom:30px;
}
/* highlight title span */
 .hlight span{
     color:var(--brcolor);
}
/* box shadow */
 .boxsh{
     box-shadow: 0px 0px 20px 0px var(--bshadow);
}
/*=========================================================================================== #START TO SLICK CSS =============================================================================================*/
/* =========== 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:810px;
     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:90px;
     margin: auto;
     margin-bottom: 0px;
}
 .txbdsinner .swsmall.txbdstitle {
     font-size: 20px;
}
 .allleft .txbdstitle {
    /* width: 65%;
     */
     width: 100%;
     margin-left: 0;
     margin-right: auto;
}
 .allright .txbdstitle {
    /* width: 65%;
     */
     width: 100%;
     margin-left: auto;
     margin-right: 0;
}
/* slider pragraph */
 .txbdsinner p{
     margin:auto;
     margin-top: 16px;
     width:80%;
    /* width:80%;
     */
}
 .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;
    position: absolute;
    bottom: 50px;
    left: 100px;
}
 .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 ul li{
     list-style: none;
     display: inline-block;
}
 .txbdssocial ul li a{
}
 .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:30px 5px 0;
     display: inline-block 
}
/* slider image single */
/* 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 ======================*/
/* pagination prev next */
 .swiper-button-prev, .swiper-button-next {
     background-image:inherit !important;
     transition: .5s;
     outline: none;
}
 .swiper-button-prev:hover, .swiper-button-next:hover {
     padding:30px;
     background:var(--white);
}
 .swiper-button-next:after, .swiper-button-prev:after{
     font-size: 30px;
}
/* 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;
}
/*=========================================================================================== #START TO TITLE CSS =============================================================================================*/
 .tts{
     position:relative;
}
 .ttin{
     position:relative;
     z-index:1;
}
 .ttbt{
     position:absolute;
     top:0;
     bottom:0;
     right:0;
     left:0;
}
 .title_in .ttbt {
     z-index: -1;
}
 .ttbt h5{
     font-size:80px;
     -webkit-text-stroke: 1px #888888;
     -webkit-text-fill-color: transparent;
     line-height:1;
}
.ttin .txbdstitle {
    margin: auto;
    line-height: 1.2;
    font-size: 48px;
}
 .ttin .txbdstitle.tsmall{
     font-size:18px;
}
 .text-right .ttin .txbdstitle{
     margin-right: 0px;
}
 .text-left .ttin .txbdstitle{
     margin-left: 0px;
}
 .ttin .stone{
     display: inline-block;
}
.ttin p {
    margin-top: 10px;
}
 .ttin p span{
     color:var(--brcolor);
}
 .text-center .ttin p{
     width:74%;
     margin-right:auto;
     margin-left:auto;
}
 .text-left .ttin p{
     width:74%;
     margin-right:auto;
     margin-left:0px;
}
 .text-right .ttin p{
     width:74%;
     margin-right:0px;
     margin-left:auto;
}
 .ttit {
     margin-top: 0px;
     margin-bottom: 10px;
}
/* bar color title */
 .ttbr {
     margin: 10px 0;
}
 .ttbi{
     height: 5px;
     width: 90px;
     margin: 0px auto;
     position: relative;
     border-radius: 30px;
}
 .text-left .ttbi{
     margin-left:0px;
}
 .text-right .ttbi{
     margin-right:0px;
}
/* title extrat style */
 .title_in_area {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .title_in{
     position: relative;
     width:100%;
}
 .title_in:before {
     position: absolute;
     right: 0;
     top: 0;
     height: 100%;
     width: 2px;
     content: "";
}
.title_in:after {
    position: absolute;
    right: 0px;
    top: 0;
    height: 100%;
    width: 3px;
    content: "";
}
 .title_tx h4, .title_tx h2{
     margin:0;
}
 .title_p {
     text-align: left;
     width: 100%;
     padding-left:30px;
}
 .title_ptx p {
     margin: 0;
}
/* circale Bar css */
 .ttbic{
     position:relative;
}
 .ttbic:before{
     content: '';
     position: absolute;
     left: 0;
     top: 50%;
     -webkit-transform:translateY(-50%);
     transform:translateY(-50%);
     border-radius: 50%;
     -webkit-animation-duration: 3s;
     animation-duration: 3s;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-name: move_title_bg1;
     animation-name: move_title_bg1;
}
 .ttbic:after{
     content: '';
     position: absolute;
     right: 0;
     top: 50%;
     -webkit-transform:translateY(-50%);
     transform:translateY(-50%);
     border-radius: 50%;
     -webkit-animation-duration: 3s;
     animation-duration: 3s;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-name: move_title_bg2;
     animation-name: move_title_bg2;
}
 .ttbic:before, .ttbic:after {
     border: 6px solid var(--brcolor);
}
 @-webkit-keyframes move_title_bg1 {
     from {
         left:0;
    }
     to {
         left:100%;
    }
}
 @keyframes move_title_bg1 {
     from {
         left:0;
    }
     to {
         left:100%;
    }
}
 @-webkit-keyframes move_title_bg2 {
     from {
         right:0;
    }
     to {
         right:100%;
    }
}
 @keyframes move_title_bg2 {
     from {
         right:0;
    }
     to {
         right:100%;
    }
}
/*=========================================================================================== #START TO ABOUT CSS =============================================================================================*/
 .witr_about_content h2, .witr_about_content h3, .witr_about_content p {
     margin-left:auto !important;
     margin-right:auto !important;
}
/*=========================================================================================== #START TO SERVICE CSS =============================================================================================*/
 .boxpsv{
     padding:30px 15px;
}
 .txbdsva{
     position:relative;
     transition: .5s;
     z-index:1;
}
/* icon default style */
 .txbdicondf{
     margin-bottom:20px;
}
 .txbdicondf i{
}
/* title */
 .txbdsvtitle{
     margin-bottom:10px;
}
 a.txbdsvtitle:hover{
     color:var(--brcolor);
}
/* subheading */
 .subservicet span {
     display: block;
     font-size: 20px;
}
/* btn */
 .txbdsvbtn {
     margin-top: 22px;
}
 .txbdsva ul {
     padding: 0;
     margin: 10px 0 0;
     display: inline-block;
}
 .txbdsva ul li{
     list-style:none;
     display:block;
}
 .txbdsva ul li a{
     padding:1px 0;
     display:block;
     color:#666;
}
/* service 2 */
 .txbdsvflex {
     display: flex;
     justify-content: space-between;
	 gap: 14px;
}
 .txbdsvfdr{
     flex-direction: row;
     text-align: left;
}
 .txbdsvflextlr {
     align-items: flex-start;
}
 .txbdsvfdrr{
     flex-direction: row-reverse;
     text-align: right;
}
 .sp-txbdsvfdrl{
     padding-left:20px;
}
 .txbdsvflex .sp-txbdsvfdrl{
     padding-left:0px;
}
 .sp-txbdsvfdrr{
     padding-right:20px;
}
 .sp-txbdsvfdrl {
     margin-bottom: 2px;
}
/* service 3 */
 .txbdsstyle3 .txbdsvflex{
     justify-content: flex-start;
     padding: 20px 15px;
}
 .txbdsstyle3 .txbdsvtitle,.txbdsstyle3 .txbdsvtitle a,.txbdsstyle3 .iconalltf i {
     color:var(--white);
}
/* service 4 */
 .txbdimageinner{
     position:relative;
     overflow:hidden;
}
/* style 7 */
 .txbdtitleposi {
     position: absolute;
     left: 0;
     bottom: 0;
     right: 0;
     z-index:999;
     transition:.5s;
}
 .thbdspanposi {
     top: 0;
     left: auto;
     right: 20px;
     z-index: 999;
     transition: .5s;
     position: absolute;
     font-size: 50px;
     font-weight: 700;
     color: var(--bdcolor);
     transition:.5s;
}
.iconabs i {
    margin-bottom: 10px;
    position: absolute;
    right: 30px;
    top: -30px;
    z-index: 999;
    width: 80px;
    height: 54px;
    line-height: 52px;
    border-radius: 0;
}
 .iconabs i{
     /* clip-path: polygon(0 1%, 85% 0, 100% 100%, 0% 100%); */
}
 .iconopacity i{
     font-size: 134px;
     color: var(--bropacity);
     transition:.5s;
}
.iconabs img{
     margin-bottom: 10px;
     position: absolute;
     left: 30px;
     top: -25px;
     z-index: 999;
}
.iconsabsconpd {
    padding: 25px 20px 30px 20px;
}
 .txbdsva:hover .thbdspanposi{
     color:var(--brcolor);
}
 .txbdsva:hover .txbdtitleposi{
     bottom: -100%;
}
.txbdcon.sp-txbdsvfdrl {
    width: 100%;
}
.imageicon {
    flex: 0 0 auto;
}
/*=========================================================================================== #START TO FLIPBOX CSS =============================================================================================*/
 .flipbm {
     width: 100%;
     height: 345px;
     perspective: 1000px;
}
 .flipbi {
     position: relative;
     width: 100%;
     height: 100%;
     transition: transform 0.8s;
     transform-style: preserve-3d;
}
 .flipbm:hover .flpx {
     transform: rotateX(180deg);
}
 .flipbm:hover .flpy {
     transform: rotateY(180deg);
}
 .flipboxf, .flipboxb {
     position: absolute;
     width: 100%;
     height: 100%;
     -webkit-backface-visibility: hidden;
    /* Safari */
     backface-visibility: hidden;
}
 .flipboxf{
}
 .flipbx{
     transform: rotateX(180deg);
}
 .flipvy{
     transform: rotateY(180deg);
}
 .fspan{
     top: -30px;
}
/*=========================================================================================== #START TO SINGLE IMAGE CSS =============================================================================================*/
 .single_image{
     position:relative;
}
 .single_image:before{
     content: '';
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
     left: 0;
     right: 0;
     bottom: 0;
     opacity: 0.5;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
     z-index:1;
}
/* single_line_option */
 .single_line_option{
     position:relative;
}
 .single_image_line {
     position: absolute;
     opacity: 1;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     -webkit-transition:.5s;
     transition: .5s;
     z-index: 99;
}
 .single_line_option:hover .single_image_line{
     opacity: 1;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 .image_line_top, .image_line_bottom {
     width: 0;
     height: 5px;
     left: -60px;
}
 .single_line_option:hover .image_line_top, .single_line_option:hover .image_line_bottom{
     width: calc(100% + 110px);
}
 .image_line_top{
     top: 0px;
}
 .image_line_bottom{
     bottom: 0px;
}
 .image_line_left, .image_line_right{
     height: 0;
     width: 5px;
     top: -60px;
}
 .single_line_option:hover .image_line_left, .single_line_option:hover .image_line_right{
     height: calc(100% + 110px);
}
 .image_line_left{
     left: 0px;
}
 .image_line_right{
     right: 0px;
}
 .witr_tx_ovei_title {
     position: absolute;
     right: 20px;
     top: 20px;
     z-index: 9;
     padding: 60px 30px;
     width: 200px;
     border-radius: 5px;
}
 .witr_tx_ovei_title h2 {
     margin-bottom: 5px;
}
 .witr_tx_ovei_title p {
     margin: 0;
}
 .image_line_top, .image_line_bottom {
     background: -webkit-linear-gradient(left, rgba(117, 161, 251, 0), var(--brcolor), rgba(117, 161, 251, 0));
     background: linear-gradient(to right, rgba(117, 161, 251, 0), var(--brcolor), rgba(117, 161, 251, 0));
}
 .image_line_left, .image_line_right{
     background: -webkit-linear-gradient(bottom, rgba(117, 161, 251, 0), var(--brcolor), rgba(117, 161, 251, 0));
     background: linear-gradient(to top, rgba(117, 161, 251, 0), var(--brcolor), rgba(117, 161, 251, 0));
}
/* slick and swiper Slider shape*/
 .wirt_ani_slick_image {
     position: absolute;
     left: -3%;
     top: -11%;
     z-index:1;
     animation: witr_movetb_box45 3s linear 2s infinite alternate running;
}
 .witr_not_ani{
     animation: witr_abmovetb_box15 3s linear 2s infinite alternate running;
}
 @keyframes witr_abmovetb_box15{
     0%{
         transform: translateY(-40px);
    }
     100%{
         transform: translateY(-20px);
    }
}
/* witr Single Image animater*/
 .single_img_ani img{
     animation: single_img_ani 10s linear infinite alternate forwards;
}
 @keyframes single_img_ani {
     0%, to {
         border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
    }
     14% {
         border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
    }
     28% {
         border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
    }
     42% {
         border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
    }
     56% {
         border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
    }
     70% {
         border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
    }
     84% {
         border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
    }
}
/*=========================================================================================== #START TO CAROUSEL IMAGE CSS =============================================================================================*/
 .slide_items {
     text-align: center;
     padding: 0 15px;
}
 .slide_items a{
     position: relative;
     display: block;
}
 .slide_items a:before{
     position: absolute;
     content:"";
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index:999;
     transition:.5s;
}
 .slide_items img{
     margin: auto;
}
/*=========================================================================================== #START TO PORTFOLIO CSS =============================================================================================*/
 .portfolio_nav {
     padding: 0px 0 10px;
}
.portfolio_nav ul {
    padding-right: 0;
}
 .portfolio_nav ul li { 
	 border: 1px solid var(--bdcolor);
     border-radius: 5px;
     cursor: pointer;
     display: inline-block;
     font-weight: 500;
     margin: 0 5px 10px;
     padding: 10px 20px;
     position: relative;
	 transition:.5s;
}
.portfolio_nav ul li:hover{
    color: var(--white);
    background: var(--brcolor);
    border-color: var(--brcolor);
}
/* PORTFOLIO */
 .prot_wrap {
     overflow: hidden;
}
 .single_protfolio {
     position: relative;
     overflow: hidden;
}
 .prot_thumb img {
     display: block;
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
     width: 100%;
}
 .single_protfolio:hover .prot_thumb img {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
}
 .prot_content {
     position: absolute;
     text-align: center;
     -webkit-transition: .5s;
     transition: .5s;
     right: 0;
     top: 0;
     bottom: 0;
     left: 0;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     z-index: 9;
}
 .prot_content_inner {
     position: absolute;
     top: 50%;
     width: 100%;
     left: 50%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     z-index: 10;
     -webkit-transition: all 0.5s ease-in-out 0.5s;
     transition: all 0.5s ease-in-out 0.5s;
}
 .single_protfolio:hover .prot_content {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 .prot_content p span {
     display: inline-block;
     padding-top: 0px;
}
 .single_protfolio:hover .prot_content {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     -webkit-transform: scale(1, 1);
     transform: scale(1, 1);
}
 .porttitle_inner span, .porttitle_inner4 span, .prot_content span {
     position: relative;
     margin: 0 2px;
}
 .prot_content span:before, .porttitle_inner4 span:before, .porttitle_inner span:before {
     bottom: 0;
     content: ",";
     position: absolute;
     right: -5px;
}
 .porttitle_inner span:last-child:before, .prot_content span:last-child:before, .porttitle_inner4 span:last-child:before {
     content: "";
}
 .nospace.col-xs-12, .allprt0{
     padding: 0px;
}
 .allprt30{
     margin-bottom:30px;
}
 .nospace .single_protfolio {
     margin-bottom: 0px;
}
 .picon a {
     border-radius: 5px;
     display: inline-block;
     font-size: 20px;
     height: 50px;
     line-height: 50px;
     margin: 0 3px 11px;
     width: 50px;
     text-align: center;
}
 .pimgs img {
     height: 465px;
     width: 100%;
}
 .em_port_content {
     height: 100%;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     position: absolute;
     right: 0;
     text-align: center;
     top: 0;
     -webkit-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
     width: 100%;
     z-index: 9;
     left: 0;
     top: -100%;
     width: 100%;
     -webkit-transition: .5s;
     transition: .5s;
     text-align: center;
}
 .pstyle_1 .prot_content p {
     margin: 2px 0 0;
}
 .pstyle_1 .single_protfolio {
     -webkit-transition: .5s;
     transition: .5s;
}
 .pstyle_1 .picon a {
     border-radius: 5px;
     display: inline-block;
     font-size: 22px;
     height: 50px;
     line-height: 50px;
     margin: 0 8px 11px;
     width: 50px;
     -webkit-transition: .5s;
     transition: .5s;
}
 .pstyle2 .prot_content_inner {
     left: 50%;
     position: absolute;
     top: 60%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     width: 100%;
     z-index: 10;
     -webkit-transition: all 0.3s ease-in-out 0.3s;
     transition: all 0.3s ease-in-out 0.3s;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
 .pstyle2 .single_protfolio:hover .prot_content_inner {
     top: 50%;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 .em_plus_port {
     position: absolute;
     bottom: 20px;
     right: 30px;
     z-index: 99;
}
 .pstyle2.pstyle3 .prot_content_inner{
     text-align:left;
}
 .pstyle2.pstyle3 .prot_content_inner {
     left: 3000px;
     position: absolute;
     top: 60%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     width: 100%;
     z-index: 10;
     -webkit-transition: all 0.3s ease-in-out 0.3s;
     transition: all 0.3s ease-in-out 0.3s;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     padding: 20px;
     -webkit-transition: .5s;
     transition:.5s;
}
 .pstyle2.pstyle3 .single_protfolio:hover .prot_content_inner{
     left: 75%;
     background:var(--bropacity);
    /*alfa 94 hove*/
}
 .pstyle4.pstyle_1 .single_protfolio:hover {
     box-shadow: none;
}
 .pstyle4 .prot_content_inner {
     top: 50%;
}
 .pstyle4 .prot_thumb {
     overflow: hidden;
     position: relative;
}
 .pprotfolio4 {
     box-shadow: 0 0 16px 8px rgb(242 242 242 / 80%);
     padding: 20px 10px 23px;
     margin: 1px;
}
 .positi_3{
     box-shadow:none;
}
 .single_protfolio h2 {
     margin: 0;
}
 .porttitle_inner4 p span {
     display: inline-block;
}
 .positi_3.pprotfolio4 {
     padding: 20px 10px 23px;
     border: none;
     position: absolute;
     bottom: -100px;
     left: 0;
     right: 0;
     z-index: 9;
     -webkit-transition: .5s;
     transition:.5s;
     text-align:center;
}
 .single_protfolio:hover .positi_3.pprotfolio4 {
     bottom: 0px;
}
 .prot_wrap:after {
     content: '';
     display: block;
     clear: both;
}
/*=========================================================================================== #START TO PORTFOLIO GELLARY CSS =============================================================================================*/
/* portfolio gellary slides*/
 .witr_single_pslide{
     position:relative;
     overflow: hidden;
}
 .witr_pslide_image{
     overflow: hidden;
     position:relative;
}
 .witr_pslide_image:before{
     position:absolute;
     content:'';
     top:0;
     left:0;
     bottom:0;
     right:0;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transition:.5s;
     transition:.5s;
     z-index:1;
}
 .witr_single_pslide:hover .witr_pslide_image img, .witr_single_pslide:hover .witr_pslide_image:before{
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
}
 .witr_pslide .witr_pslide_custom {
     bottom: auto;
     top: 30px;
     right: auto;
     left: 30px;
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
}
 .witr_pslide .witr_single_pslide:hover .witr_pslide_custom {
     bottom: auto;
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
}
 .witr_pslide .witr_pslide_custom a span {
     width: 80px;
     height: 80px;
     line-height: 80px;
     border-radius: 5px;
     font-size: 30px;
}
 .witr_pslide_image img{
     margin-right: auto;
     margin-left: auto;
     -webkit-transition:.5s;
     transition:.5s;
     width:100%;
}
 .ps1 .witr_content_pslide_text {
     position: absolute;
     bottom: -100px;
     left: 30px;
     right: 30px;
     -webkit-transition:.5s;
     transition:.5s;
     opacity:0;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     z-index:2;
     text-align:left;
}
 .ps1 .witr_single_pslide:hover .witr_content_pslide_text{
     opacity:1;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     bottom: 30px;
}
 .witr_content_pslide_text h2 {
     margin-bottom: 0;
}
 .witr_content_pslide_text p{
}
 .witr_content_pslide_text a i{
}
 .witr_content_pslide_text a {
     display: inline-block;
     margin-bottom: 0;
}
/* ps2 Slide */
 .ps2.ps1 .witr_content_pslide_text {
     position: absolute;
     bottom: auto;
     top:-100px;
     left: 30px;
     right: 30px;
     -webkit-transition:.5s;
     transition:.5s;
}
 .ps2.ps1 .witr_single_pslide:hover .witr_content_pslide_text{
     top:25px;
}
 .witr_pslide_custom{
     position: absolute;
     bottom: -125px;
     right: -15px;
     z-index: 9;
     -webkit-transition:.5s;
     transition:.5s;
}
 .witr_single_pslide:hover .witr_pslide_custom{
     bottom: -30px;
}
 .witr_pslide_custom a span{
     width: 110px;
     height: 110px;
     line-height: 90px;
     text-align: center;
     display: inline-block;
     font-size: 40px;
     -webkit-transition:.5s;
     transition:.5s;
}
/* ps3 Slide css */
 .witr_pslide3 .witr_single_pslide {
     margin-bottom: 100px;
     overflow: inherit;
}
 .ps3.ps1 .witr_content_pslide_text {
     bottom: -60px;
     opacity: 1;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     box-shadow: 0px 0px 65px 0px var(--bshadow);
     background: var(--white);
     text-align: center;
     padding: 20px 10px 45px;
     border-radius: 5px;
}
 .ps3.ps1 .witr_single_pslide:hover .witr_content_pslide_text{
     bottom: -60px;
}
 .ps3 .witr_content_pslide_text h2 a{
     margin-bottom: 3px;
}
 .witr_pslide3 .witr_single_pslide:hover .witr_pslide_custom{
     bottom: -20px;
}
 .witr_pslide3 .witr_pslide_custom {
     bottom: -17px;
     right: 10%;
     -webkit-transform: translateX(50%);
     transform: translateX(50%);
}
 .witr_pslide3 .witr_pslide_custom a span {
     width: 45px;
     height: 45px;
     line-height: 45px;
     font-size: 18px;
     box-shadow: 0px 0px 65px 0px var(--bshadow);
}
/* witr_pslide4 css */
 .witr_pslide4.witr_pslide3 .witr_single_pslide {
     margin-bottom: 0px;
     overflow: hidden;
}
 .witr_pslide4.ps3.ps1 .witr_content_pslide_text {
    bottom: -170px;
    padding: 40px 10px 15px;
    border-radius: 0px;
    left: 30px;
    right: 30px;
}
 .witr_pslide4.ps3.ps1 .witr_single_pslide:hover .witr_content_pslide_text {
     bottom: 20px;
}
 .witr_pslide4.witr_pslide3 .witr_pslide_custom {
     bottom: auto;
     top: 20px;
     z-index: -1;
}
/* witr_pslide5 css */
 .toggle_pslide {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .witr_pslide5 .witr_single_pslide {
     box-shadow: 0px 0px 20px 0px var(--bshadow);
     border-radius: 5px;
     margin-bottom: 12px;
}
 .witr_pslide5 .witr_pslide_image{
     width: 100%;
}
 .witr_pslide5 .witr_content_pslide_text {
     padding: 0 15px 0 15px;
     width: 100%;
}
/* responsive */
 @media (min-width: 768px) and (max-width: 991px) {
     .toggle_pslide{
         display: inherit;
    }
     .witr_pslide5 .witr_content_pslide_text {
         padding: 10px 15px 15px 15px;
    }
}
 @media (max-width: 767px) {
     .ps1 .witr_content_pslide_text {
         padding: 0 10px 20px;
    }
     .witr_content_pslide_text h2 {
         font-size: 19px;
    }
     .ps1 .witr_pslide_btnb {
         float: none;
         margin-top: 0;
    }
     .toggle_pslide {
         display: inherit;
    }
     .witr_pslide5 .witr_content_pslide_text {
         padding: 10px 15px 15px 15px;
    }
}
/*=========================================================================================== #START TO CALL TO ACTION =============================================================================================*/
/*== Title Css ==*/
 .witr_6 .pkcall_toac p, .witr_5 .pkcall_toac p{
     width: 75%;
     margin: auto;
}
 .pkcall_toac h5{
     padding-bottom:7px;
}
 .pkcall_toac h2, .pkcall_toac h3{
     padding:4px 0px;
}
 .excode_video_inner h4{
     margin-top:10px;
}
/*============= call to action =============*/
 .all_cal_color .hlight{
     margin:7px 0;
     padding:0px;
}
 .all_cal_color a{
     -webkit-transition: 1s;
     transition:1s;
     overflow: hidden;
}
 .cal_to_toggole {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .pkcall_toac.col_content_width_100{
     width: 100%;
}
 .excode_button.no_margin {
     width: 60%;
}
 .excode_button.no_margin a{
     margin-right: 0px;
}
/*============= video icon ==============*/
 .excode_video_inner{
     position: relative;
     text-align: center;
}
 @-webkit-keyframes witr_video_ripple{
     70% {
        box-shadow: 0 0 0 75px rgba(255, 255, 255, 0);
    }
     100% {
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0);
    }
}
 @keyframes witr_video_ripple{
     70% {
        box-shadow: 0 0 0 75px rgba(255, 255, 255, 0);
    }
     100% {
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0);
    }
}
/*=========== Style 11 ============*/
 .witr_11{
     position:relative;
}
 .witr_col_image{
     position:relative;
}
 .witr_col_image:before{
     position:absolute;
     content:"";
     width:100%;
     height:100%;
}
 .witr_col_image img {
     width: 100%;
}
 .excode_video11{
     position:absolute;
     top:50%;
     left:50%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
}
 @media (max-width: 767px) {
    /* call to action */
     .cal_to_toggole .text-left, .cal_to_toggole .text-right{
         text-align:center !important;
    }
     .cal_to_toggole {
         display: inline-block;
    }
     .excode_button.no_margin {
         width: 100%;
    }
}
/*=========================================================================================== #START TO COUNTER CSS =============================================================================================*/
 .witr_counter_icon i {
     font-size: 30px;
     margin-bottom: 12px;
}
 .witr_contx .counter, .witr_contx span {
     display: inline-block;
     font-size: 39px;
     font-weight: 700;
}
 .witr_contx .counter, .witr_contx h2, .witr_contx span {
     margin-bottom: 10px;
     line-height: 1;
}
 .wirt_new_iner {
     float: left;
     margin-right: 20px;
}
 .wirt_new_content {
     overflow: hidden;
}
/*====== style 3-4 ======*/
 .witr_counter_6.witr_counter_single{
     padding: 28px 25px 30px;
     box-shadow: 0px 5px 20px 0px var(--bshadow);
}
 .witr_counter_6 .wirt_new_iner {
     padding: 30px 0px 32px;
     border-radius: 5px;
     width: 29%;
     text-align: center;
     -webkit-transform: skewY(356deg);
     transform: skewY(356deg);
}
 .witr_counter_4, .single_counter {
     position:relative;
     padding: 32px 0;
     text-align: center;
     border-top: 2px solid #324452;
     border-bottom: 2px solid #324452;
     transition:.5s;
}
 .witr_counter_4 {
     border: 1px solid var(--bdcolor);
}
 .single_counter::before {
     content: "";
     left: 0;
     bottom: 0;
     right: 0;
}
 .single_counter::after {
     content: "";
     left: 0;
     top: 0;
     right: 0;
}
 .single_counter::before, .single_counter::after {
     border-left: 2px solid #324452;
     border-right: 2px solid #324452;
     height: 40%;
     position: absolute;
}
 .single_counter:hover h2, .witr_counter_4:hover h2, .single_counter:hover h3, .witr_counter_4:hover h3, .single_counter:hover i, .witr_counter_4:hover i, .single_counter:hover span, .witr_counter_4:hover span {
     color:var(--white);
}
 .single_counter:hover:before, .single_counter:hover:after, .single_counter:hover, .witr_counter_4:hover {
     border-color: var(--brcolor);
}
/*=========================================================================================== #START TO TABS CSS =============================================================================================*/
 .witr_adv_tab_area {
     text-align: left;
     display: flex 
}
 .witr_taba_style1 .nav-tabs {
     border: 0;
     -ms-flex-pack: distribute;
     justify-content: space-around;
}
 .witr_taba_style1 .nav-tabs .nav-item {
     text-align: center;
}
 .witr_taba_style1 .nav-tabs .nav-link {
     margin-right: 10px;
     margin-bottom: 15px;
     border: 0;
     border-radius: 5px;
     padding: 20px 25px;
     position: relative;
     box-shadow: 0px 0px 25px 2px var(--bshadow);
}
 .witr_taba_style1 .tx_topb_row-reverse .nav-tabs .nav-link {
     margin-right: 0;
}
 .witr_taba_style1 .nav-tabs span {
     display: block;
     float: left;
     margin: 0 10px 
}
 .nav-link strong{
     display: inline-block;
}
 .nav-tabs img, .witr_taba_style1 .nav-tabs i{
     position: relative;
     font-size:24px;
}
 .witr_adv_tab_content {
     margin: 10px 10px 20px 
}
 .nav-tabs .nav-link:hover, .witr_taba_style1 .nav-tabs .nav-item.show .nav-link, .witr_taba_style1 .nav-tabs .nav-link.active {
     background: var(--brcolor);
     color: var(--white);
     border-color:var(--brcolor);
}
 .tx_topb_row,.tx_topb_row-reverse {
     flex-basis: 230px;
}
 @media (max-width: 767px) {
     .witr_adv_tab_area {
         display:inherit 
    }
     .witr_adv_tab_content {
         margin: 0 
    }
     .witr_taba_style1 .nav-tabs .nav-link {
         margin-right: 0 
    }
     .nav-tabs {
         justify-content: center!important 
    }
     .tab_content.text-left {
         text-align: center!important 
    }
}
 @media (min-width: 768px) and (max-width:991px) {
     .witr_adv_tab_area {
         display:inherit 
    }
}
/*=========================================================================================== #START TO VIDEO CSS =============================================================================================*/
 .video-overlay {
     padding: 70px 0px 50px;
}
 .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;
}
 @-webkit-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);
    }
}
 @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);
    }
}
/*=========================================================================================== #START TO PRICING CSS =============================================================================================*/
 .tpri {
     border-radius: 5px;
     box-shadow: 0px 0px 30px 0px var(--bshadow);
     text-align: center;
     padding: 0 0 20px;
     margin-bottom: 30px;
}
 .excode-star-rating--align-left .tpri, .excode-star-rating--align-right .tpri {
     padding: 20px 30px 20px;
}
 .tpr_ic {
     padding: 25px 0 10px;
     font-size: 40px;
}
 .tpri .tprribbon {
     position: absolute;
     right: -40px;
     top: 19px;
     padding: 7px 20px;
     width: 160px;
     text-align: center;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .tpr_offer {
     font-weight: 700;
     text-decoration: line-through;
}
 .tpr_curn {
     margin-bottom: 0;
     padding: 5px 0 0;
}
 .tpr_curn span {
     font-size: 16px;
     margin-right: 5px;
}
 .tprbtntx {
     margin-top: 10px;
}
/* pricing list css */
 .witri_texti_list{
     margin: 20px 0 30px;
}
 .witri_texti_list ul {
     padding: 0;
     margin: 0;
}
 .witri_texti_list ul li {
     list-style:none;
     margin-bottom: 17px;
}
 .witri_texti_list ul li.off{
     text-decoration: line-through;
}
 .witri_texti_list ul li:nth-child(odd){
}
 .witri_texti_list ul li:nth-child(even){
}
 .witri_texti_list ul li i{
     margin-right:10px;
}
/* style 2 */
 .trppdd{
     padding: 7px 0;
}
/* style 3 */
 .tpr_con3 span+span {
     display: block;
}
 .tpr_con3 .tpr_cua{
     width: 150px;
     height: 150px;
     display: table;
     margin: 15px auto 15px;
}
 .tpr_con3 .tpr_curn {
     display: table-cell;
     vertical-align: middle;
     border-radius: 100%;
     text-align: center;
}
/* style 4 */
 .tpr_con4 {
     border-bottom: 1px solid var(--bdcolor);
     padding-bottom: 20px;
     padding-top: 30px;
}
 .tpr_con4 span+span {
     display: block;
}
 .tpri .tpr_con4 .tprribbon {
     right: 0;
     top: 0;
     transform: rotate(0deg);
     left: 0;
     margin: auto;
}
/* style 5 */
 .tpr_con5 .tprtit {
     margin-bottom: 0;
     width: 60%;
     border-radius: 30px;
     margin: 45px auto;
     text-align: center;
}
 .tpr_con5 .tprt{
     position:relative;
}
 .tpr_con5 .tprt::before {
     position: absolute;
     content: '';
     width: 100%;
     height: 1px;
     background: var(--bdcolor);
     left: 0;
     right: 0;
     top: 50%;
     z-index: -1;
}
 .excode-star-rating--align-left .tpr_con5 .tprtit, .excode-star-rating--align-left .tpr_con3 .tpr_cua {
     margin-left:0;
}
 .excode-star-rating--align-right .tpr_con5 .tprtit, .excode-star-rating--align-left .tpr_con3 .tpr_cua{
     margin-right:0;
}
/* style 7 */
 .tpr_con7 {
     padding:30px 25px;
}
 .tpr_con7 .tprtit,.tpr_con7 .tpr_curn{
     color:var(--white);
}
 .tpr_con7i{
     position: relative;
     top: -50px;
     left: 44px;
}
 .tpr_con7i i {
     padding-top: 0;
     display: inline-block;
     width: 100px;
     height: 100px;
     line-height: 100px;
     background: var(--white);
     text-align: center;
     border-radius: 100%;
     box-shadow: 0 0 30px 0 var(--bshadow);
     font-size:40px;
}
 .tproinner {
     display: flex;
     justify-content: end;
     margin-top: 28px;
}
 .tpr_con7 .tprribbon {
     top: 0;
     transform: rotate(0deg);
}
 .prstyl7 .witri_texti_list {
     margin: 0 0 30px;
}
/*=========================================================================================== #START TO ACCORDING CSS =============================================================================================*/
/* accordion area css */
 .accordion_area .card-header.witr_ac_card {
     background: none !important;
     padding: 0;
     border-bottom: 0;
     text-align: left;
}
 .witr_ac_card i {
     margin-right: 10px;
     font-size: 20px;
}
 .accordion_area .card-2{
     margin-bottom: 22px;
}
 .accordion_area .card-2 p {
     padding: 10px 15px 0px;
}
 .witr_ac_style {
     padding-left: 30px;
     font-size: 18px;
     font-weight: 600;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 11px 15px;
     -webkit-transition: .5s;
     transition: .5s;
}
 .witr_ac_style:before {
     position: absolute;
     content: '\e61a';
     right: 20px;
     font-family: themify !important;
     font-weight: 400;
}
 .active .witr_ac_style:before {
     content: '\e622';
}
 .card-body ul{
}
 .card-body ul li{
     margin-left: 18px;
     margin-bottom: 4px;
}
.witr_ac_style:hover, .active .witr_ac_style{
     background: var(--brcolor);
     color:var(--white);
}
/*=========================================================================================== #START TO CLASSIC BUTTON CSS =============================================================================================*/
 .witr_classic_button_area {
     text-align: left;
}
 .btn_none{
     display:none;
}
 .btn_block{
     display:block;
}
 .btn_sh_area{
     margin-top:30px;
}
 .btn_sh_area p {
     font-size: 17px;
     font-weight: 700;
}
 .btn_sh_area i {
     font-size: 21px;
     margin: 0px 5px;
     cursor: pointer;
}
 .a_active i {
     color: var(--brcolor);
}
/*=========================================================================================== #START TO BLOG CSS =============================================================================================*/
/* blog css */
.wblogpart {
    position: relative;
    box-shadow: 0px 2px 6px 0px #f5f2f2;
}
/* image css */
 .wblogthumb{
     position:relative;
     overflow: hidden;
}
 .wblogthumbinner{
     -webkit-transition: .5s;
     transition: .5s;
}
 .wblogthumbinner img{
     width:100%;
}
 .wblogthumbinner a{
     position:relative;
     display:block;
}
 .wblogthumbinner a:before {
     position:absolute;
     content:'';
     top:0;
     left:0;
     bottom:0;
     right:0;
     width:100%;
     height:100%;
     background: rgba(0, 0, 0, 0.5);
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transition: .5s;
     transition:.5s;
}
 .wblogpart:hover .wblogthumbinner, .wblogpart:hover .wblogthumbinner a:before{
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
}
/* overlay meta css */
 .wblogovermeta {
     position: absolute;
     left: 20px;
     top: 20px;
     z-index: 999;
}
 .wblogovermeta span, .wblogovermeta span a {
     display: inline-block;
     color: var(--white);
     background: var(--brcolor);
     padding: 2px 10px;
     border-radius: 5px;
     font-size: 14px;
     text-align:center;
}
 .wblogovermeta .post-categories {
     margin: 0;
     padding: 0;
     list-style: none;
     display: inline-block;
}
/* icon overlay css */
 .wblogicon {
     position: absolute;
     left: 50%;
     top: 50%;
     text-align: center;
     z-index: 999;
     opacity: 0;
     transition: .5s;
     transform: translateX(-50%) translateY(-50%);
}
.wblogicon a {
    border-radius: 50%;
    background: var(--brcolor);
    color: var(--white);
    display: inline-block;
    height: 42px;
    line-height: 42px;
    width: 42px;
}
 .wblogpart:hover .wblogicon{
     opacity:1;
}
/* overlay title */
 .wblogtitleov {
     bottom: 0;
     margin: 0px;
     left: 0;
     padding: 15px;
     right: 0;
     transition: .5s;
     position: absolute;
     text-align: center;
     z-index: 9999;
	 background: rgba(var(--brrgb), 0.85); 
}
 .wblogtitleov a{
     color:var(--white);
}
/* content css */
 .wblogcontent {
     padding: 15px 20px 24px;
     overflow: hidden;
     position: relative;
}
/* position class */
 .wblogcontentposi {
     position: absolute;
     left: 10px;
     right: 10px;
     top: 72%;
     z-index: 99999;
     background: var(--white);
}
/* post meta css call by blog post meta css */
 .wblogmeta {
     display: inherit;
}
 .wblogmeta span{
}
 .wblogmeta span i{
}
/* botom meta */
 .wbmetabutton {
     padding-top: 15px;
     padding-bottom: 0;
     border-top: 1px solid #f1f1f1;
     margin-top: 15px;
}
/* meta position class */
 .wblogmetaposi {
     position: absolute;
     left: 10px;
     right: 10px;
     z-index: 99999;
     top: -26px;
     background: var(--white);
     box-shadow: 0px 2px 6px 0px #f5f2f2;
     padding: 10px 10px;
     z-index: 999999;
}
 .metashowcp{
     padding: 34px 15px 24px;
     overflow: inherit;
}
/* title css */
 .wblogcontent .wblogtitle{
     margin-bottom:10px;
}
/* pragraph css */
 .wblogcontent p{
     margin-bottom:14px;
}
/* button and avadar css css */
.wblogbtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* author */
 .wblogbtn img {
     border-radius: 100%;
}
/* icon right */
 .wbriconoverhidd {
     position: relative;
     overflow: hidden;
}
 .wblogrighticon{
     bottom: 0px;
     position: absolute;
     right: 24px;
}
 .wblogrighticon a{
     position: relative;
     z-index: 1;
     color:var(--brcolor);
     font-size:18px;
}
 .wblogrighticon a::before {
     content: '';
     position: absolute;
     height: 110px;
     width: 110px;
     border: 2px solid #f7f7f7;
     bottom: -78px;
     z-index: -1;
     transform: rotate(-35deg);
     right: -38px;
     border-radius: 0px 20px;
     transition: .5s;
}
 .wblogpart:hover .wblogrighticon a{
     color:var(--white);
}
 .wblogpart:hover:hover .wblogrighticon a::before{
     background:var(--brcolor);
}
/*=========================================================================================== #START TO EVENT CSS - all event css same as blog style. only extra event css here =============================================================================================*/
 .disblk.wblogmeta span {
     display:block;
}
 .iiconh.wblogovermeta span i{
     display:none;
}
/*=========================================================================================== #START TO TEAM CSS =============================================================================================*/
.tteam {
    overflow: visible;
    box-shadow: 0px 5px 4px 0px var(--bshadow);
}
.tteam img{
	width:100%;
}
 .tteamcon {
     padding: 18px 10px 23px;
}
 .teamtit {
     margin-bottom: 0px;
}
 .tteamcon p{
}
 .tteamsocial {
     margin-top: 10px;
}
 .tteamsocial a {
     color: #ababab;
     border:1px solid #ababab;
     display: inline-block;
     width: 35px;
     height: 35px;
     border-radius: 50%;
     line-height: 35px;
     text-align: center;
     margin: 0 -3px;
}
 .tteam:hover .wblogicon{
     opacity: 1;
}
/* 2 */
 .tteam2 .txbdtitleposi .tteamsocial {
     padding: 21px 10px;
     margin:0;
}
 .tteam2 .boxtextposi .tteamcon2 .tteamsocial a {
     color:var(--white);
     border-color:var(--white);
}
 .tteam2 .boxtextposi .tteamcon2 .tteamsocial a:hover {
     border-color:var(--brcolor);
}
 .tteam8 .tteamcon2 .tteamsocial a {
     border-color:var(--white);
     color:var(--white);
}
/* 3 */
 .tteam3:hover .boxposiltrb {
     top:-100%;
}
 .tteam3 .txbdtitleposi {
     bottom: -100%;
}
 .tteam3:hover .txbdtitleposi {
     bottom: 0;
}
/* 4 */
 .tteam4 .txbdimageinner {
     z-index:2;
     transition:.5s;
}
 .tteam4 .boxtextposi {
     z-index:1;
}
 .tteam4:hover .txbdimageinner {
     -webkit-transform: scale(0);
     transform: scale(0);
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
/* 6 */
 .tteam6:hover .boxtextposbl{
     left:15px;
     bottom:15px;
}
 .tteam6 .tteamcon2 span {
     padding: 5px 30px;
}
/* 9 */
.ttiocn9p {
    left: 50%;
    top: auto;
    right: auto;
    bottom: 0px;
    opacity: 1;
    transform: none;
    transform: translate(-50%, -50%);
}
 .ttiocn9 {
     left:-20%;
}
 .tteam9:hover .ttiocn9 {
     left: 130px;
}
.ttiocn9 a {
    display: inline-block;
    border: none;
    color: var(--white);
    margin-bottom: 35px;
}
/* 10 */
 .tteam10{
     padding-bottom:23px;
}
 .tteam10 .txbdbfltrb::before {
     left: 100%;
}
 .tteam10:hover .txbdbfltrb::before{
     left: 0;
}
 .ttiocn10 {
     bottom:100%;
}
 .ttiocn10 {
     right: 40px;
}
 .tteam10:hover .ttiocn10 {
     bottom:58px;
}
 .ttiocn10p {
     right: 40px;
     bottom: 135px;
}
 .ttiocn10p a{
     border: 5px solid #e6ebf8;
     line-height: 35px;
     background:var(--white);
     color:var(--brcolor);
}
 .ttiocn10p a:hover{
     color:var(--white);
     background:var(--brcolor);
}
 .tteam10:hover .ttiocn10p {
     bottom: 42px;
}
 .tteamcon10 {
     position: relative;
     border-radius: 5px;
     padding: 15px 30px 13px;
     margin: 0 20px;
     box-shadow: 0px 0px 30px 0 rgba(42,67,113,.15);
     margin-top: -58px;
     text-align: left;
     background: var(--white);
     z-index: 1;
}
/* 11 */
 .tteamp11 {
     left: 0;
     background: var(--white);
     width: 90%;
     margin: auto;
     bottom: -60px;
}
 .tteam11:hover .tteamp11 {
     bottom: 0;
     background:var(--brcolor);
}
 .tteam11:hover .tteamsocial a{
     background: var(--white);
     border-color: var(--white);
     color:var(--brcolor);
}
 .tteam11 .ticonp11 a:hover{
     background: var(--brcolor);
     border-color: var(--brcolor);
     color:var(--white);
}
 .tteam12 .boxtextposi {
     height: 90%;
     width: 90%;
     margin:auto;
}
 .tteam12 .teamtit {
     margin-left: -30px;
}
 .tteam12:hover .teamtit{
     margin-left:0;
}
 .tteam12:hover .opacity0{
     opacity:1;
}
/*=========================================================================================== #START TO SOCIALICONS CSS =============================================================================================*/
 .witr_siconw ul{
    padding-left: 0;
}
 .witr_siconw ul li{
     list-style: none;
}
 .witr_siconw ul li a{
     display: inline-block;
     margin-right: 5px;
}
/*=========================================================================================== #START TO TEXTEDIT WIDGET CSS =============================================================================================*/
 .witr_text_widget {
     text-align: left;
}
 .witrtxwl {
     margin-top: 10px;
}
 .witrtxwl ul {
     margin: 0;
     padding: 0;
}
 .witrtxwl ul li a, .witrtxwl ul li {
     list-style: none;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: baseline;
     -ms-flex-align: baseline;
     align-items: baseline;
     padding: 3px 0;
}
 .witr_list_icon {
     margin-right: 10px;
}
/*=========================================================================================== #START TO TESTIMONIAL CSS =============================================================================================*/
 .tsitem {
     box-shadow: 0 5px 10px 0 rgb(240 241 243);
     padding: 30px 15px 30px;
     position: relative;
     text-align: left;
    /* padding: 0 15px;
     */
}
 .pmt{
     padding-top: 60px;
     margin-top: 60px;
}
 .pmb{
     padding-bottom: 60px;
     margin-bottom: 60px;
}
 .tsimgpt {
     position: absolute;
     left: 15px;
     top: -40px;
}
 .tsimgpb {
     position: absolute;
     left: 15px;
     bottom: -40px;
}
 .tstitle{
     margin-bottom:5px;
}
 .tsdflex {
     margin: 7px 0;
}
 .terevtx {
     margin-left: 15px;
}
 .tesspanf {
     font-size: 16px;
     font-weight: 400;
}
 .tsst4{
     margin-bottom: 15px;
}
 .tsmt{
     margin-top: 15px;
}
 .tsimg-mr25 {
     margin-right: 25px;
}
.ts_6.tsimg-mr25 {
    min-width: fit-content;
}
 .tsst4 .tesspanf {
     margin-top: 4px;
}
.tsst5 {
    position: relative;
    box-shadow: 0px 0px 20px 0px var(--bshadow);
    background: var(--white);
    border-radius: 5px;
    padding: 40px 20px 40px;
    /* margin-bottom: 35px; */
}
 .tsst5:after {
     position: absolute;
     content: '';
     left: 50%;
     bottom: -36px;
     border-radius: 15px;
     width: 50px;
     height: 50px;
     background: var(--white);
     transform: rotate(45deg) translateX(-50%);
     z-index: -1;
     /* box-shadow: 0px 2px 29px 0px var(--bshadow); */
}
.tsst5 b {
    font-size: 200px;
    color: rgb(234 55 81 / 11%);
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 68%;
}
 .tsimauto img{
     margin-left:auto;
     margin-right:auto;
}
 .pwidth{
     padding:15px 80px;
}
 .ptstitmt{
     margin-top:5px;
}
 .busi_testiSlider{
     position: relative;
     margin: 0;
     padding: 0 0 15px;
}
 .busi_singleNav{
     left: 0;
     right: 0;
     width: 470px;
     height: auto;
     padding: 0;
     margin: auto;
}
/*=========================================================================================== #START TO CIRCLE CSS =============================================================================================*/
/* circle progress */
 .witr_circle_area{
     text-align:center;
}
 .witr_cp_class{
     position:relative;
}
 span.witr_cir_text {
     position: absolute;
     content: "";
     left: 50%;
     top: 50%;
     font-size: 20px;
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     color:#7c7c7c;
     font-weight:700;
}
 span.witr_cir_text:first-letter {
     font-size: 0px;
}
 .witr_circle_title {
     margin-top: 10px;
}
/* responsive */
 @media (min-width: 992px) and (max-width: 1199px) {
     .witr_circal_r {
         margin-left: 18px;
    }
     .witr_circal_r h6 {
         font-size: 15px;
    }
    /* column */
     .witr_wid_col .elementor-column.elementor-col-20, .witr_wid_col .elementor-column[data-col="20"]{
         width:33.33% !important;
    }
}
/*=========================================================================================== #START TO SCHEDULE CSS =============================================================================================*/
 .txbd_event_schedule {
     display: flex;
     align-items: center;
     box-shadow: 0 0 20px rgb(0 0 0 / 9%);
     background: var(--white);
     border-radius: 10px;
}
 .txbd_event_schedule .col-lg-4{
     padding-left:0;
}
 .txbd_event_schedule_thumb img {
     width: 100%;
     border-radius: 10px 0 0 10px;
}
 .txbd_event_schedule_list ul {
     margin-bottom: 5px;
     padding: 0;
}
 .txbd_event_schedule_list ul li {
     list-style: none;
     font-size: 15px;
     display: inline-block;
     margin-right: 10px;
}
 .txbd_event_schedule_list ul li i {
     margin-right: 7px;
}
/* responsive */
 @media (max-width: 767px) {
     .txbd_event_schedule_thumb img {
         border-radius: 10px;
         margin-bottom: 15px;
    }
     .txbd_event_schedule .col-lg-4{
         padding-left:15px;
    }
}
/*=========================================================================================== #START TO IMAGE GELLARY CSS =============================================================================================*/
 .witr_down_gallery, .single_gallery_thumb {
     position: relative;
}
 .witr_down_gallery::before, .single_gallery_thumb::before {
     position: absolute;
     content: "";
     width: 100%;
     height: 100%;
     background: var(--bshadow);
}
 .witr_gallery_title {
     position: absolute;
     bottom: 35px;
     left: 0;
     right: 0;
     text-align: center;
     z-index: 1;
}
 .witr_down_gallery img{
     width:100% 
}
/* left gallery */
 .twr_gallery_height {
     height: 100px;
     margin-top: 10px;
}
 .twr_gallery_height.margin_top_0 {
     margin-top: 0px;
     margin-bottom: 10px;
}
 .gallery_left .col-lg-2{
     padding-right: 0px;
}
 .gallery_right .col-lg-2{
     padding-left: 0px;
}
 .size_gallery_height {
     height: 470px;
     z-index: 9;
     overflow-y: scroll;
}
/* responsive */
 @media (min-width: 768px) and (max-width: 991px) {
     .twr_gallery_height {
         height: auto;
    }
}
 @media (max-width: 767px) {
     .twr_gallery_height {
         height: auto;
    }
}
/*=========================================================================================== #START TO LIST ELEMENT CSS =============================================================================================*/
 .witrlistw ul{
     padding:0;
}
 .witrlistw ul li{
     list-style:none;
}
 .witrlistw ul li span, .witrlistw ul li a {
     display: block;
     padding: 8px 7px;
     margin-bottom: 1px;
}
 .witrlistw ul li span i, .witrlistw ul li a i{
     display:inline-block;
     margin-top: 4px;
}
/*=========================================================================================== #START TO SOCIAL FEED ELEMENT CSS =============================================================================================*/
 .snigle_news_feed{
     position:relative;
     box-shadow: 0px 0px 30px 0px var(--bshadow);
     padding: 30px 30px 20px;
     border-radius:5px;
     -webkit-transition:1s;
     transition:1s;
     background: var(--white);
}
 .snigle_news_feed i{
     font-size: 30px;
     display: inline-block;
}
 .snigle_news_feed i, .snigle_news_feed img{
     float: left;
     margin-top: 5px;
}
 .news_feed_title {
     overflow: hidden;
     margin-left: 15px;
     display: inline-block;
}
 .news_feed_title h2 {
     margin-bottom: 5px;
}
 .news_feed_title h3 {
     margin-bottom: 0;
     font-size: 20px;
     font-weight: 500;
}
/* icon */
 .witr_feed_icons {
     position: absolute;
     top: 50%;
     right: 6px;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}
 .witr_feed_icons span{
     display: inline-block;
     font-size: 28px;
     -webkit-transition:.5s;
     transition:.5s;
}
/*=========================================================================================== #START TO CASE STUDY CSS =============================================================================================*/
 .witr_case{
     position: relative;
     overflow: hidden;
     padding-bottom: 45px;
     margin-bottom:20px;
}
 .witr_case2{
     padding-bottom: 95px;
}
 .witr_case_image{
     overflow: hidden;
     position:relative;
}
 .witr_case_image:before {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 0%;
     content: "";
     -webkit-transition: .5s;
     transition: .5s;
     background: var(--bropacity);
}
 .witr_case_image img{
     width: 100%;
}
 .witr_case:hover .witr_case_image:before{
     height:100%;
}
 .witr_content_casem {
     padding: 21px 15px 26px;
     position: absolute;
     bottom: -80px;
     left: 15px;
     margin: auto;
     -webkit-transition: .5s;
     transition: .5s;
     right: 15px;
     text-align: left;
     background: var(--white);
}
 .witr_case:hover .witr_content_casem{
     bottom: -4px;
}
 .witr_content_casei {
}
 .witr_content_casei h2{
}
 .witr_content_casei p{
     font-weight:700;
     margin-bottom: 4px;
     color: var(--brcolor);
}
/* case 2 style */
 .witr_case2 .witr_content_casem {
     bottom: 15px;
     box-shadow: 0px 5px 20px 0px var(--bropacity);
}
/*=========================================================================================== #START TO COURSE ELEMENT CSS =============================================================================================*/
 .witr_couses {
     position: relative;
     box-shadow:0px 0px 30px 0px rgb(234, 230, 230);
     overflow: hidden;
     background: var(--white);
}
 .caus_ttitle, .caus_mtitle {
     margin-bottom: 10px;
}
 .witr_dis_btngr {
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .witr_content_area_c {
     padding: 15px 15px;
}
 .couses_single_progress {
     margin-bottom: 19px;
}
/* Progress Bar */
 .couses_bar_percent.progress {
     overflow: visible;
     height: 6px;
     margin: 0;
}
 .couses_bar_percent .progress-bar {
     position: relative;
     line-height: 4px;
}
 .witr_title_bar span {
     font-weight: 700;
     margin-bottom: 4px;
     display: inline-block;
}
 .couses_bar_percent span {
     position: absolute;
     right: 0;
     font-weight: 600;
     top: -15px;
}
 .caus_s2{
     margin: 11px 0 17px;
}
 .caus_s3{
     text-align:left;
     background:var(--white);
}
 .caus_s3 .witr_dis_btngr {
     justify-content: flex-start;
}
 .caus_s3 .caus_ttitle {
     display: inline-block;
     padding: 7px 15px;
     margin-bottom:15px;
}
 .caus_s3 p+p{
     margin-left:30px;
}
 .witr_couses:hover .caus_s3{
     background:transparent;
}
 .witr_couses_image::before {
     z-index:999;
     background: var(--bropacity);
}
 .witr_couses:hover .caus_s3 h4, .witr_couses:hover .caus_s3 h2, .witr_couses:hover .caus_s3 h2 a, .witr_couses:hover .caus_s3 p, .witr_couses:hover .caus_s3 span {
     color:var(--white);
}
 .witr_couses:hover .witr_couses_image::before {
     opacity:1;
}
/*=========================================================================================== #START TO CONTACT ELEMENT CSS =============================================================================================*/
 .witr_apartment_form form label, .witr_apartment_form label,.witr_apartment_form textarea{
     width: 100%;
}
 .witr_apartment_form form select, .witr_apartment_form input,.witr_apartment_form textarea {
     border: 1px solid var(--bdcolor);
}
 .apartment_area{
     position: relative;
     background-size: cover;
     padding: 60px 35px 60px;
     border-radius: 10px;
     text-align: left;
     box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 6%);
}
 .apartment_text h4{
     margin-bottom: 5px;
}
 .apartment_text h2{
     margin-bottom:40px;
}
 .witr_apartment_form form select option{
}
 .witr_apartment_form form select, .witr_apartment_form input{
     width: 100%;
     height: 45px;
     border-radius: 5px;
     outline: none;
     margin-bottom: 23px;
     color: var(--pracolor);
}
 .witr_apartment_form textarea{
     margin-bottom: 25px;
}
 .witr_apartment_form input::-moz-placeholder{
     color: var(--pracolor);
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 .witr_apartment_form input::-ms-input-placeholder{
     color: var(--pracolor);
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 .witr_apartment_form input::-webkit-input-placeholder{
     color: var(--pracolor);
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 .witr_apartment_form select::-webkit-input-placeholder, .witr_apartment_form textarea::-webkit-input-placeholder{
     color: var(--pracolor);
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 .witr_apartment_form .btn {
     border: 0 none;
     display: inline-block;
     font-weight: 600;
     padding: 15px 30px;
	 width:100%;
}
 .checkbox_witr input {
     width: 20px;
     float: left;
     margin-right: 15px;
     margin-top: -8px;
}
 .checkbox_witr span {
     font-size: 15px 
}
 .witr_con_btn2 .w_btn2 {
    /* width: 100%;
     */
     text-align: center;
     color: var(--white);
     font-size: 17px;
     cursor: pointer;
     line-height: inherit;
     border-radius: 30px;
     font-weight: 500;
     border: none;
     transition: .5s;
     outline: none;
     padding: 12px 30px 15px;
     display: inline-block;
}
 .apartment_text h4{
     color: var(--brcolor);
}
 .witr_apartment_form .const_btn{
     color: var(--brcolor);
     background: var(--white);
}
 .witr_apartment_form .const_btn:hover, .witr_apartment_form .btn, .checkbox_witr span {
     color: var(--white);
     background: var(--brcolor);
}
 div.wpcf7-response-output {
     color: #222429;
}
 .send_message input.wpcf7-submit{
     color:var(--white);
}
 .send_message input.wpcf7-submit:hover{
     color:var(--brcolor);
}
 .send_message input::-webkit-input-placeholder{
     color: var(--pracolor) !important;
}
 .send_message input:-ms-input-placeholder{
     color: var(--pracolor) !important;
}
 .send_message input::-moz-placeholder{
     color: var(--pracolor) !important;
}
 .witr_apartment_form .btn:hover{
     background: var(--black);
}
/*=========================================================================================== #START TO COUNTDOWN ELEMENT CSS =============================================================================================*/

.tx_countdown_box{
    display: flex;
    justify-content: center;
    gap: 25px;
	align-items: center;
}
.tx_single_countdown{
    text-align: center;
    width: 175px;
    height: 150px;
	position: relative;
    display: grid;
    gap: 3px;
    align-content: center;
     border: 1px solid var(--bdcolor);
     background: var(--white);	
}
.tx_single_countdown span{
	font-size: 45px;
	line-height: 1;
	color: var(--brcolor);
}
.tx_single_countdown p{
	font-size: 19px;
	line-height: 1;
	margin:0;	
}
.tx_single_countdown::before,.tx_single_countdown::after{
     position: absolute;
     content: "";
     right: -19px;
     height: 12px;
     width: 12px;
     border-radius: 50%;
     background: var(--brcolor);
}
.tx_single_countdown::before{
     top: 55px;
}
.tx_single_countdown::after{
     top: 84px;
}
.tx_single_countdown:last-child:after,.tx_single_countdown:last-child:before {
    display: none
}

/* Style Two */
.any_day_count{
    display: flex;
    justify-content: center;
    gap: 15px;
	align-items: center;
}
.tx_any_count {
    text-align: center;
    width: 175px;
    height: 150px;
    background: var(--brcolor);
    display: grid;
    gap: 3px;
    align-content: center;
}
.tx_any_count span{
	font-size: 45px;
	line-height: 1;
	color: var(--white);
}
.tx_any_count p{
	font-size: 19px;
	line-height: 1;
	color: var(--white);
	margin:0;	
}
.txdexpired {
    background: var(--brcolor);
    color: var(--white);
    padding: 10px 23px;
    border-radius: 5px;
}

/* responsive */
 @media (min-width: 768px) and (max-width: 991px) {

.tx_single_countdown::before{
         display: none;
    }
.tx_single_countdown::after {
         display: none;
    }
}
 @media (max-width: 767px) {
     .tx_single_countdown::before{
         display: none;
    }
.tx_single_countdown::after{
         display: none;
    }
}
/*=========================================================================================== #START TO APPS BUTTON ELEMENT CSS =============================================================================================*/
 .w_apps_button_image{
     display: inline-block;
     margin-right: 34px;
}
 .w_apps_button_image a{
}
 .w_apps_button{
     display: inline-block;
}
.w_apps_button a {
    padding: 8px 40px 12px;
    border-radius: 5px;
    margin-right: 15px;
    display: block;
    -webkit-transition: .5s;
    transition: .5s;
}
 span.iexcode {
     float: left;
     font-size: 25px;
     margin-right: 15px;
     margin-top: 0px;
}
 span.spaninner {
     display: inline-block;
    /* overflow: hidden;
     */
     font-size: 23px;
}
 span.smalltext {
     display: block;
     font-size: 14px;
}
/* responsive */
 @media (min-width: 768px) and (max-width: 991px) {
     .w_apps_button a {
         padding: 8px 30px 9px;
    }
     span.spaninner {
         font-size: 20px;
    }
}
 @media (max-width: 767px){
     .w_apps_button_area {
         text-align: center;
    }
     span.spaninner {
         font-size: 16px;
         text-align: left;
    }
     .w_apps_button a {
         padding: 5px 30px 6px;
         margin: 0;
         margin-bottom: 20px;
    }
}
/*=========================================================================================== #START TO TIMELINE HR ELEMENT CSS =============================================================================================*/
/* GO verticletimeline.css */
/*=========================================================================================== #START TO VERTICAL TIMELINE ELEMENT CSS =============================================================================================*/
/* GO wtimeline.css */
/*=========================================================================================== #START TO BUTTON ELEMENT CSS =============================================================================================*/
/* GO wbtn.css */
/*=========================================================================================== #START TO IMAGE COMPARE ELEMENT CSS =============================================================================================*/
/* GO wimagecom.css */
/*=========================================================================================== #START TO IMAGE AND TEXT CAROUSEL CSS =============================================================================================*/
/* GO wimagetextcl.css */
/*=========================================================================================== #START TO MORDAL ELEMENT CSS =============================================================================================*/
/* GO wmordal.css */
/*=========================================================================================== #START TO PROCESS ELEMENT CSS =============================================================================================*/
/* GO wprocess.css */
/*=========================================================================================== #START TO PROGRESS ELEMENT CSS =============================================================================================*/
/* GO wprogress.css */
/*=========================================================================================== #START TO SCREENSHOT ELEMENT CSS =============================================================================================*/
/* GO wscreencl.css */
/*=========================================================================================== #START TO SHOWDETAILS ELEMENT CSS =============================================================================================*/
/* GO wshape.css */
/*=========================================================================================== #START TO SHAPE ELEMENT CSS =============================================================================================*/
/* GO wshowdtails.css */

/*=========================================================================================== #START TO RESPONSIVE CSS =============================================================================================*/
 .elementor-section.elementor-section-boxed > .elementor-container {
    /* max-width: 1320px;
     */
}
/* responsive */
 @media (min-width: 1440px) and (max-width: 1600px) {
}
 @media (min-width: 1200px) and (max-width: 1440px) {
}
 @media (min-width: 1025px) and (max-width: 1800px) {
}
 @media (min-width: 992px) and (max-width: 1366px) {
     .txbdsinner {
         width: 90.29%;
    }
     .txbdsinner .txbdstitle {
         font-size: 30px;
    }
    /* counter */
     .witr_contx .counter, .witr_contx span {
         font-size: 28px;
         font-weight: 500;
    }
     .witr_counter_6 .wirt_new_iner {
         padding: 20px 0px 20px;
    }
}
 @media (min-width: 1170px) and (max-width: 1366px) {
}
 @media (min-width: 1365px) and (max-width: 1660px) {
}
 @media (min-width: 992px) and (max-width: 1300px) {
}
 @media (min-width: 1301px) and (max-width: 1440px) {
}
 @media (min-width: 992px) and (max-width: 1364px) {
}
 @media (min-width: 992px) and (max-width: 1199px) {
}
 @media (min-width: 768px) and (max-width: 991px) {
    /* title */
     .ttin .txbdstitle {
         font-size: 30px;
    }
     .ttssb .text-left p {
         width: 97%;
    }
     .ttitlebtn {
         padding-top: 58px;
    }
    /* slider s */
     .txbdsinner .txbdstitle {
         font-size: 40px;
    }
     .txbdsinner p {
         width: 94%;
    }
    /* counter */
     .witr_contx .counter, .witr_contx span {
         font-size: 30px;
         font-weight: 500;
    }
     .witr_counter_6 .wirt_new_iner {
         padding: 20px 0px 20px;
    }
	/* accordion */
	.witr_ac_style {
	    padding: 10px 6px;
		font-size: 18px;
	}
	.witr_ac_style:before {
		 right: 15px;
		 display:none;
	} 	
    /* column css */
     .elementor-column.elementor-col-33, .elementor-column.elementor-col-25, .elementor-column[data-col="33"], .elementor-column[data-col="25"]{
         width:50% !important;
    }
     .elementor-column[data-col="20"], .elementor-column[data-col="10"], .elementor-column.elementor-col-20, .elementor-column.elementor-col-10{
         width:30% !important;
    }
     .elementor-column[data-col="33"]:nth-child(3), .elementor-column.elementor-col-33:nth-child(3){
         width:100% !important;
    }
     .elementor-column[data-col="33"]:nth-child(3) .elementor-widget, .elementor-column.elementor-col-33:nth-child(3) .elementor-widget{
         width: 50% !important;
    }
     .elementor-column.elementor-col-33:nth-child(3) .elementor-widget:nth-child(odd){
         padding-right: 10px;
    }
     .elementor-column[data-col="33"]:nth-child(3) .elementor-widget:nth-child(odd){
         padding-left: 10px;
    }
     .elementor-column[data-col="33"]:nth-child(3) .elementor-widget:nth-child(even){
         padding-right: 10px;
    }
     .elementor-column.elementor-col-33:nth-child(3) .elementor-widget:nth-child(even){
         padding-left: 10px;
    }
}
 @media (max-width: 767px) {
    /* title css */
     .ttin .txbdstitle {
         font-size: 25px;
    }
     .tts .text-left, .tts .text-right, .tts .text-left .ttbi, .tts .text-right .ttbi, .tts .text-left p, .tts .text-right p{
         text-align: center !important;
         margin: auto;
    }
     .text-left .ttin p,.text-center .ttin p,.text-right .ttin p{
         width:98%;
    }
     .title_in_area {
         display: inherit;
         text-align: center;
    }
     .title_p {
         text-align: center;
         width: 98%;
         padding-left: 0;
    }
     .title_in::after,.title_in::before {
         display:none;
    }
     .tts .btnallt{
         margin-top:10px;
    }
    /* slider s */
     .txbdsinner {
         width: 88%;
         text-align:center !important;
		 justify-content: center !important;
    }
     .txbdsinner .txbdstitle {
         font-size: 27px;
         font-weight: 500;
    }
     .txbdsinner p {
         width: 88%;
    }
     .allleft p, .allright p {
         margin:auto;
    }
    /* btn css */
     .txbdsbtn .btnall {
         margin-right: 5px;
    }
     .btnallt {
         font-size: 14px;
         font-weight: 400;
    }
     .btnall {
         padding: 5px 15px;
    }
    /* service */
     .txbdsstyle3 .txbdsvflex {
         padding: 10px 15px;
    }
    /* flipbox */
     .flipbm {
         height: 270px;
    }
    /* about us */
     .wtextd.text-left {
         text-align: center;
    }
    /* counter */
     .witr_contx .counter, .witr_contx span {
         font-size: 25px;
         font-weight: 500;
    }
     .witr_counter_icon i {
         font-size: 18px;
         margin-bottom: 10px;
    }
     .witr_counter_single {
         text-align: center;
    }
     .wirt_counter_tiner {
         text-align: left;
    }
     .witr_counter_6 .wirt_new_iner {
         padding: 20px 0px 20px;
    }
     .witr_contx.tcon5 {
         text-align: left;
    }
    /* event schedule */
     .txbd_event_schedule_text {
         text-align: center;
         padding: 10px 15px 30px;
    }
    /* event */
     .evmbpad .wblogtitle{
         padding-top:15px;
    }
    /* pricing */
     .tpr_con3 .tpr_cua {
         width: 120px;
         height: 120px;
         display: table;
         margin: 15px auto 15px;
    }
    /* tab */
     .witr_taba_style1 .nav-tabs .nav-link {
         margin-right: 0;
         padding: 15px 15px;
         margin-bottom: 10px;
    }
     .witr_taba_style1 .nav-tabs span {
         margin: 0 5px;
    }
	/* accordion */
	.witr_ac_style {
		padding: 6px 6px;
		font-size: 17px;
	}
	.witr_ac_style:before {
		display:none;
	}

	
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
}
 @media only screen and (min-width: 0px) and (max-width: 991px) {
    /* slider s */
     .witr_slider_thumb {
         display: none;
    }
    /* event */
     .evmbpad{
         margin-bottom:30px;
    }
     .evmbpad3{
         padding-bottom:30px;
    }
     .evmbpad p{
         margin-bottom:10px;
    }
     .text-end.ebentbtn {
         text-align: left !important;
         padding-top: 10px;
    }
}
 @media only screen and (min-width: 0px) and (max-width: 1200px) {
    /* portslider s */
     .witr_pslide .witr_pslide_custom a span {
         width: 60px;
         height: 60px;
         line-height: 60px;
         font-size: 18px;
    }
}
 @media only screen and (min-width: 1px) and (max-width: 1400px) {
    /* slider s */
     .txbdsinner {
         height: auto;
         height: 100vh;
    }
}