/*
#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 MARQUEE ELEMENT CSS
#START TO PRICE LIST 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
=============================================================================================*/
/*
    //--brcolor:#006df5; /* Brand color */
/* --brhovercolor:#ffa000; /* Brand Hover color */
/*--brrgb: 0, 109, 245; /* Brand rgb color */
/*--bropacity:rgba(0,109,245,0.4); /* Brand opacity color */
/* --black:#000000; /* black color */
/*--white:#ffffff; /* white color */
/* --bdcolor:#dddddd; /* border color */
/* --bdhcolor:#006df5; /* border hover color */
/*--linkcolor:#000000; /* link  color */
/*--titlecolor:#121111; /* title color */
/*  --pracolor:#666666; /* pragrap/body color */
/*  --bshadow:rgba(0,0,0,0.05); /* opacity color box shadow */

.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;
}

.txbdbfltrb100:hover .filterwhite img {
    filter: brightness(0) invert(1);
    transition: .5s;
}

/*=========================================================================================== START TO DEFAULT CSS =============================================================================================*/
.mg00 {
    margin: 0;
}

.mg0 {
    margin: 0 !important;
}

.mgb20 {
    margin-bottom: 20px;
}

.mgt28 {
    margin-top: 28px;
}

.pdt28 {
    padding-top: 28px;
}

.txbdbcolor {
    color: var(--brcolor);
}

.txbdbhcolor:hover {
    color: var(--brcolor);
}

.txcwhite {
    color: var(--white);
}

.txcwhiteh:hover {
    color: var(--brhovercolor);
}

.txbdwbg {
    background: var(--white);
}

.txbdbbg {
    background: var(--brcolor);
}

.txbdbg,
.afterbg::after,
.beforebg::before {
    background: var(--brcolor);
}

.wpoverflow_hidden {
    overflow: hidden;
}

.wbordertop {
    border-top: 1px solid var(--bdcolor);
}

/* 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: 2px;
    padding: 17px 30px;
}

/* 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;
}

.icon_margin {
    margin-top: 40px;
}

.iconallposi {
    position: absolute;
    left: 0;
    bottom: -37px;
    right: 0;
    margin: 0 auto;
    transition: all 0.4s linear 0s;
}

.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);
}

/* 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;
}

.txbdbfallbgov::before,
.txbdbfallbgov::after {
    background: var(--bropacity);
}

.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;
}

/* box position */
.videoboxposi,
.boxtexrelative {
    position: relative;
}

.boxtextposire {
    position: relative;
    overflow: hidden;
}

.boxtextposi {
    content: "";
    position: absolute;
    transition: .5s;
    text-align: center;
    height: 100%;
    width: 100%;
}

.wpcirshape>::before {
    position: absolute;
    content: "";
    bottom: -25px;
    right: -20px;
    width: 60px;
    height: 60px;
    border: 5px solid var(--brcolor);
    border-radius: 50%;
    opacity: 0.12;
    transition: all 0.3s linear 0s;
}

.wpcirshape::after {
    position: absolute;
    content: "";
    bottom: 0;
    right: -35px;
    width: 60px;
    height: 60px;
    border: 5px solid var(--black);
    border-radius: 50%;
    opacity: 0.12;
    transition: all 0.3s linear 0s;
}

.txbdsva:hover .wpcirshape>::before,
.txbdsva:hover .wpcirshape::after {
    opacity: 1;
}

.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 {
    left: 30px;
    bottom: 25px;
    height: auto;
    z-index: 999;
}

.boxtextposb {
    bottom: 0;
}

.boxtextposineer {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.allposihv:hover .boxtextpost,
.txbdsva:hover .boxtextpost {
    top: 0;
}

.txbdallph:hover .boxtextposl,
.txbdsva:hover .boxtextposl {
    left: 0;
}

.txbdsva:hover .boxtextposr {
    right: 0;
}

.txbdsva:hover .boxtextposb {
    bottom: 0;
}

.txbdmb30 {
    margin-bottom: 10px;
}

/* highlight title span */
.hlight span {
    color: var(--brcolor);
}

/* box shadow */
.boxsh {
    box-shadow: 0px 0px 55px 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: 950px;
    justify-content: center;
    text-align: center;
    margin: auto;
    width: 68.29%;

}

.txbdsinner.allleft {
    justify-content: flex-start;
    text-align: left;
    padding-left: 30px;
}

.txbdsinner.allright {
    justify-content: flex-end;
    text-align: right;
}

/* slider title */
.txbdsinner .txbdstitle {
    font-size: 75px;
    margin: auto;
    margin-bottom: 0px;
    display: table;
}

.txbdsinner .swsmall.txbdstitle {
    font-size: 20px;
    padding-bottom: 20px;
}

.allleft .txbdstitle {
    /*     width: max-content; */
    margin-left: 0;
    margin-right: auto;
}

.allright .txbdstitle {
    /*      width: max-content; */
    margin-left: auto;
    margin-right: 0;
}

/* slider pragraph */
.txbdsinner p {
    margin: auto;
    margin-top: 16px;
    width: 60%;
}

.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 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: 30px 5px 0;
    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 ======================*/
.slick-current .sstone,
.slick-current .ssttwo,
.slick-current .sstthree,
.slick-current .txbdscontent p,
.slick-current .txbdsbtn .btnallt,
.swiper-slide-active .swsmall,
.swiper-slide-active .swttwo,
.swiper-slide-active .swtthree,
.swiper-slide-active .txbdscontent p,
.swiper-slide-active .txbdsbtn .btnallt {
    animation-fill-mode: both;
    animation-duration: 1.3s;
    animation-name: fadeInUp;
    animation-delay: 1.6s;
}

.slick-current .sstone,
.swiper-slide-active .swsmall {
    animation-delay: 0.7s;
}

.slick-current .ssttwo,
.swiper-slide-active .swttwo {
    animation-delay: 1.1s;
}

.slick-current .txbdscontent p,
.swiper-slide-active .txbdscontent p {
    animation-delay: 1.7s;
}

.slick-current .txbdsbtn .btnallt,
.swiper-slide-active .txbdsbtn .btnallt {
    animation-delay: 1.8s;
}

.witr_down_gallery.swiper-slide {
    height: auto !important;
}

/* pagination prev next */
.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 .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);
}

/*=========================================================================================== #START TO TITLE CSS =============================================================================================*/
.tts {
    position: relative;
}

.ttin {
    position: relative;
    z-index: 1;
}

.ttbt {
    position: absolute;
    top: -35px;
    bottom: 0;
    right: 0;
    left: 0;
}

.title_in .ttbt {
    z-index: -1;
}

.ttbt h5 {
    font-size: 110px;
    -webkit-text-stroke: 1px #888888;
    -webkit-text-fill-color: transparent;
    line-height: 1;
    font-weight: 700;
}

.ttin .txbdstitle {
    margin: auto;
    font-size: 48px;
    line-height: 1.2;
}

.ttin .txbdstitle.tsmall {
    font-size: 16px;
}

.text-right .ttin .txbdstitle {
    margin-right: 0px;
}

.text-left .ttin .txbdstitle {
    margin-left: 0px;
}

.ttin .stone {
    display: inline-block;
}

.wpddivider {
    position: relative;
    padding-left: 70px;
    transition: .5s;
}

.wpddivider::before {
    content: "";
    position: absolute;
    width: 60px;
    height: 2px;
    background: var(--brcolor);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

.text-right .wpddivider {
    padding-left: 0;
    padding-right: 70px;
}

.text-right .wpddivider::before {
    left: auto;
    right: 0;

}

.ttin p {
    margin-top: 10px;
}

.ttin p span {
    color: var(--brcolor);
}

.text-center .ttin p {
    width: 63%;
    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: -5px;
     top: 0;
     height: 100%;
     width: 2px;
     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 25px;
}

.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;
}

.wpdlistpo {
    position: absolute;
    bottom: 5px;
    right: 10px;
}

.txbdsva ul {
    padding: 0;
    margin: 10px 0 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.txbdsva ul li {
    list-style: none;
    display: block;
}

.allcostyle ul li:last-child {
    border-bottom: none !important;
}

.txbdsva ul li a {
    padding: 1px 0;
    display: block;
    color: #666;
}

/* service 2 */
.txbdsvflex {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
}

.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: center;
    padding: 20px 15px;
}

.txbdsstyle3 .txbdsvtitle,
.txbdsstyle3 .txbdsvtitle a,
.txbdsstyle3 .iconalltf i {
    color: var(--white);
}

/* service 4 */
.txbdimageinner {
    position: relative;
    overflow: hidden;
}

/* service 6 */
.wpservicere {
    position: relative;
}

.wpserviceab {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    transition: .5s;
}

/* 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(--brcolor);
    transition: .5s;
}

.txoverflow {
    overflow: hidden;
    transition: .5s;
}

.iconabs i {
    position: absolute;
    left: 10px;
    top: 0;
    z-index: -1;
    width: 80px;
    height: 80px;
    line-height: 70px;
    border-radius: 0;
    /* clip-path: polygon(0 1%, 85% 0, 100% 100%, 0% 100%); */
}

/*  .txbdsva:hover .iconabs i{
	left: 0px;
} */
.iconopacity i {
    font-size: 134px;
    color: var(--bropacity);
    transition: .5s;
}

.iconabs img {
    margin-bottom: 10px;
    position: absolute;
    left: 30px;
    top: -25px;
    z-index: 999;
}

.wscircle_bar {
    height: 2px;
    width: 60px;
    position: relative;
    background: var(--brcolor);
    border-radius: 5px;
    margin: 20px 0 20px;
}

.wscircle_bar:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    border: 3px solid var(--white);
    transform: translateY(-50%);
    border-radius: 50%;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: move_title_bg1;
}

/* .iconsabsconpd {
    padding: 10px 0px 10px 24px;
} */
.txbdsva:hover .thbdspanposi {
    color: var(--brcolor);
}

.txbdsva:hover .txbdtitleposi {
    bottom: -100%;
}

.txbdcon.sp-txbdsvfdrl {
    width: 100%;
}

.imageicon {
    flex: 0 0 auto;
}

.slick-slide .imageicon img {
    display: inline-block;
}

.imageipo {
    margin-top: 0px;
    position: absolute;
    left: 50%;
    transition: .5s;
    opacity: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    visibility: hidden;
}

.txbdsva:hover .imageipo {
    opacity: 1;
    visibility: visible;
}

/* .praopacity{
	visibility: hidden;
	opacity: 0;	
}
.txbdsva:hover .praopacity{
    opacity:1;
	visibility: visible;
} */
/*=========================================================================================== #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;
    transition: transform 0.7s cubic-bezier(.15, .69, .88, .65);
}

.flipboxb {
    position: relative;
}

.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;
    left: 0;
    bottom: 0;
    z-index: 9;
    padding: 10px 15px;
}

.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);
}

.pfcatcount {
    position: absolute;
    top: -15px;
    right: 0;
    z-index: 99;
    background-color: var(--brcolor);
}

.prot_content p span a {
    color: var(--white);
}

/* PORTFOLIO */
/* image css */
.tx_pfthumb 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%;
}

.tx_portfolio:hover .tx_pfthumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* icon css */
.tx_pf_icon a {
    margin: 0 1px;
}

/* text css */
.tx_pf_content {
    padding: 15px 20px;
}

.tx_pf_overley {
    background-color: var(--bropacity);
}

/* portfiloi cat */
.tx_pf_text span {
    margin: 0 2px;
}

.tx_pf_text span a {
    color: var(--white);
}

.tx_pf_text span a:hover {
    color: var(--brcolor);
}

/* style 2 */
.tx_pf_i2 {
    top: 32px;
    left: 0;
    opacity: 0;
}

.tx_portfolio:hover .tx_pf_i2 {
    top: 0;
    opacity: 1;
}

.tx_pft_s2 {
    box-shadow: 0 0 16px 8px rgb(242 242 242 / 80%);
}

.tx_pft_s2 span a {
    color: var(--black);
}

/* style 3 */
.tx_pf_s3:hover .boxtextposineer {
    top: 39%;
}

.txbd_boxposlrb {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    transition: .5s;
    text-align: center;
}

.tx_pfc_s3 {
    bottom: -300px;
}

.tx_pf_s3:hover .tx_pfc_s3 {
    bottom: 0;
}

/* style 4 */
.tx_pfc_s4 {
    position: absolute;
    top: 25%;
    right: -100%;
    background: var(--bropacity);
    width: 75%;
    transition: .5s;
}

.tx_pf_s4:hover .tx_pfc_s4 {
    right: 0;
}

.tx_pf_is4 {
    bottom: 20px;
    right: 30px;
    text-align: right;
}

/* style 5 */
.tx_pf_s5 .boxposiltrb {
    top: 27px;
    transform: scale(0);
}

.tx_pf_s5:hover .boxposiltrb {
    top: 0;
    transform: scale(1);
}

.nospace.col-xs-12,
.allprt0 {
    padding: 0px;
}

.allprt30 {
    margin-bottom: 30px;
}

.nospace .single_protfolio {
    margin-bottom: 0px;
}

/*=========================================================================================== #START TO PORTFOLIO GELLARY CSS =============================================================================================*/
/* portfolio gellary slides*/
.witr_single_pslide {
    position: relative;
    overflow: hidden;
    padding: 2px;
}

.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: relative;
    left: 0px;
    right: 0px;
    top: 0;
    bottom: auto;
    padding: 20px 40px 20px 40px;
    transition: .5s;
    background: var(--white);
    opacity: 1;
}

.ps2.ps1 .witr_single_pslide:hover .witr_content_pslide_text {
    bottom: 0;
    top: auto;
}

.witr_pslide_custom {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transition: .5s;
    opacity: 0;
    transform: translate(-50%, -50%);
}

.witr_single_pslide:hover .witr_pslide_custom {
    opacity: 1;
}

.witr_pslide_custom a span {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    font-size: 20px;
    border-radius: 50%;
    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: -25px;
    right: 50%;
}

.witr_pslide3 .witr_pslide_custom {
    bottom: -30px;
    right: 50%;
    -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);
    padding-right: 0px;
}

/* witr_pslide4 css */
.witr_pslide4 .witr_single_pslide {
    margin-bottom: 0px;
    overflow: hidden;
}

.witr_pslide4.ps3.ps1 .witr_content_pslide_text {
    bottom: -76px;
    padding: 25px 20px 25px;
    border-radius: 0px;
    left: 0;
    right: 0;
}

.witr_pslide4.ps3.ps1 .witr_single_pslide:hover .witr_content_pslide_text {
    bottom: 0px;
}

.witr_pslide4 .witr_pslide_custom {
    position: initial;
    padding-top: 20px;
    opacity: 1;
    transform: none;
}

/* 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 10px 0 13px;
    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) {

    .slick-next,
    .slick-prev,
    .swiper-button-next,
    .swiper-button-prev,
    .swiper-button-next:after,
    .swiper-button-prev:after {
        display: none !important;
    }

    .allright .witr_slider_thumb,
    .allleft .witr_slider_thumb {
        position: inherit;
        transform: none;
        margin-top: 20px;
    }

    .slider_vd_icon {
        position: inherit;
        transform: none;
        margin-top: 20px;
    }

    .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;
}

.witr_5.text-left .pkcall_toac p,
.witr_5.text-right .pkcall_toac p {
    width: auto;
}

.pkcall_toac h5 {
    padding-bottom: 7px;
}

.pkcall_toac h2,
.pkcall_toac h3 {
    padding: 4px 0px;
}

.Indust_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%;
}

.Indust_button.no_margin {
    width: 60%;
}

.Indust_button.no_margin a {
    margin-right: 0px;
}

/*============= video icon ==============*/
.Indust_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%;
}

.Indust_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;
    }

    .Indust_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;
}

.witr_contx span {
    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 =============================================================================================*/

.witr_videobg_image::before {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    content: "";
}

.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);
    }
}

@media (max-width: 767px) {
    .witr_videobg_image img {
        height: 30vh;
    }
}

/*=========================================================================================== #START TO PRICING CSS =============================================================================================*/
.tpri {
    border-radius: 5px;
    box-shadow: 0px 0px 30px 0px var(--bshadow);
    text-align: center;
    padding: 0 0 20px;
}

.Indust-star-rating--align-left .tpri,
.Indust-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 {
    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;
    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;
}

.Indust-star-rating--align-left .tpr_con5 .tprtit,
.Indust-star-rating--align-left .tpr_con3 .tpr_cua {
    margin-left: 0;
}

.Indust-star-rating--align-right .tpr_con5 .tprtit,
.Indust-star-rating--align-left .tpr_con3 .tpr_cua {
    margin-right: 0;
}

.tpriarrow {
    position: relative;
}

.tpriarrow::after {
    position: absolute;
    content: "";
    bottom: -20px;
    right: 0;
    left: 0;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    background: var(--brcolor);
    width: 40px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
}

/* 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 10px;
}

.witr_ac_style {
    padding-left: 30px;
    font-size: 17px;
    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: '\e64b';
    right: 20px;
    font-family: themify !important;
    font-weight: 400;
}

.active .witr_ac_style:before {
    content: '\e648';
}

.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;
    bottom: 17px;
    z-index: 999;
}

.wblogovermeta span,
.wblogovermeta span a {
    display: inline-block;
    color: var(--white);
    background: var(--brcolor);
    padding: 2px 4px;
    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 span,
.wblogicon a {
    border-radius: 50%;
    background: var(--brcolor);
    color: var(--white);
    display: inline-block;
    height: 45px;
    line-height: 45px;
    width: 45px;
}

.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;
}

.wblogcontent::after {
    content: "";
    position: absolute;
    right: 5px;
    bottom: -35px;
    bottom: -80px;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    width: 70px;
    height: 70px;
    background-color: var(--brcolor);

    transition: all 0.4s linear 0s;
    opacity: 0;
    visibility: hidden;
}

.wblogpart:hover .wblogcontent::after {
    opacity: 1;
    visibility: visible;
    bottom: -35px;
}

.wblogcontent::before {
    content: "";
    position: absolute;
    right: -25px;
    bottom: -40px;
    right: -50px;
    width: 50px;
    height: 100px;
    background: var(--black);
    transform: rotate(45deg);

    transition: all 0.4s linear 0s;
    opacity: 0;
    visibility: hidden;
}

.wblogpart:hover .wblogcontent::before {
    opacity: 1;
    visibility: visible;
    right: -25px;
}

/* 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: flex;
    justify-content: space-between;
}

.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;
}

.tx_row_reverse:nth-child(even) {
    flex-direction: row-reverse;
}

.tx_row_reverse:nth-child(odd) .col-lg-5 {
    padding-left: 0;
}

.tx_row_reverse:nth-child(even) .col-lg-5 {
    padding-right: 0;
}

.tx_row_reverse:nth-child(even) .text-end {
    text-align: left !important;
}

/*=========================================================================================== #START TO TEAM CSS =============================================================================================*/
.tteam {
    overflow: hidden;
    box-shadow: 0px 5px 4px 0px var(--bshadow);
}

.tteamimg {
    text-align: center;
}

.tteamcon {
    padding: 18px 10px 23px;
}

.teamtit {
    margin-bottom: 0px;
}

.tteamcon p {}

.tteamsocial {
    margin-top: 10px;
}

.teamiconposi {
    position: absolute;
    left: 0;
    right: 0;
    background: var(--brcolor);
    bottom: -100px;
    text-align: center;
}

.tteam:hover .teamiconposi {
    bottom: 0;
}

.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)";
}

/* 5 */
.ttiocn5.tteamsocial a {
    border: 0px solid #ababab;
    display: block;
    border-radius: 0px;
    margin-bottom: 5px;
}

.ttiocn5.wblogicon {
    left: auto;
    right: -4%;
}

/* 6 */
.tteam6:hover .boxtextposbl {
    left: 15px;
    bottom: 15px;
}

.tteam6 .tteamcon2 span {
    padding: 5px 30px;
}

/* 9 */
.tteam9 .boxtextposbl {
    left: 0;
}

.ttiocn9 a {
    display: block;
    border: none;
    color: var(--white);
    margin-bottom: 3px;
}

/* 10 */
.tteam10 {
    box-shadow: 0 0 82px rgba(0, 0, 0, 0.15);
}

.ttiocn10p {
    top: auto;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    opacity: 1;
}

.ttiocn10p a:hover {
    background: var(--brhovercolor);
}

.ttiocn10 {
    visibility: hidden;
    display: inline-grid;
    top: auto;
    bottom: 55px;
    transform: translate(-50%, 0px);
}

.ttiocn10 a {
    margin-bottom: 5px;
}

.ttiocn10 a:hover {
    margin-bottom: 5px;
    background: var(--brhovercolor);
}

.tteamcon10 {
    position: relative;
    padding: 22px 20px;
    box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.1);
    background: var(--white);
    z-index: 999;
}

.ttiocn10h:hover .ttiocn10 {
    opacity: 1;
    visibility: visible;
}

.tbteam_list {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-top: 10px;
}

.tbteam_list li {
    list-style: none;
}

.tteam10 .txbdbfltrb::before,
.tteam10 .txbdbfltrb::after {
    position: absolute;
    content: "";
    width: 330px;
    height: 330px;
    border-radius: 50%;
    transition: all 0.4s linear 0s;
}

.tteam10 .txbdbfltrb::before {
    background-color: var(--brcolor);
    opacity: 0.922;
    top: -350px;
    right: -140px;
    z-index: 2;
    left: auto;
}

.tteam10 .txbdbfltrb:hover::before {
    top: -250px;
}

.tteam10 .txbdbfltrb::after {
    background-color: var(--black);
    opacity: 0.922;
    top: -175px;
    right: -350px;
    z-index: 1;
}

.tteam10 .txbdbfltrb:hover::after {
    right: -230px;
}

/* 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;
    margin-bottom: 0;
}

.witr_siconw ul li {
    list-style: none;
    display: inline-block;
}

.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 0px 20px 0 rgb(240 241 243);
    padding: 30px 32px 30px;
    position: relative;
    background: #fff;
}

.pmt {
    padding-top: 70px;
    margin-top: 60px;
}

.pmb {
    padding-bottom: 60px;
    margin-bottom: 60px;
}

.tsimgpt {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
}

.tsimgpb {
    position: absolute;
    left: 15px;
    bottom: -40px;
}

.tstitle {
    margin-bottom: 5px;
}

.tsdflex {
    margin: 7px 0;
}

.quote_icon i {
    color: var(--brcolor);
    font-size: 50px;
}

.terevtx {
    margin-left: 15px;
}

.tesspanf {
    font-size: 16px;
    font-weight: 400;
}

.tsst4 {
    margin-top: 20px;
    margin-bottom: 0;
}

.tsmt {
    margin-top: 15px;
}

.tsimg-mr25 {
    margin-right: 25px;
}

.flex_basis {
    flex-basis: 180px;
}

.tsst4 .tesspanf {
    margin-top: 4px;
}

.tsst5 {
    position: relative;
    box-shadow: 0px 0px 20px 0px var(--bshadow);
    background: var(--white);
    border-radius: 5px;
    padding: 50px 20px 50px;
    margin-bottom: 35px;
    z-index: 1;
}

.tsst5:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -50px;
    transform: translateX(-50%);
    border: 25px solid;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: #e8e8e8;
    border-bottom-color: transparent;
}

.tsst5 b {
    z-index: -1;
    font-size: 100px;
    color: #e8e8e8;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
}

.tsimauto img {
    margin-left: auto;
    margin-right: auto;
}

.pwidth {}

.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;
}

.tx_first_letter span.witr_cir_text:first-letter {
    font-size: 25px;
}

.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;
}

.witr_down_gallery {
    overflow: hidden;
    margin-bottom: 20px;
}

.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: inline-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;
}

.snigle_news_feed img {
    margin-top: 0px;
    position: absolute;
    left: 50%;
    transition: .5s;
    opacity: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    visibility: hidden;
}

.snigle_news_feed:hover img {
    opacity: 1;
    visibility: visible;
}

.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;
}

.witr_case2 {
    padding-bottom: 60px;
}

.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: 22px 20px 21px;
    position: absolute;
    bottom: 30px;
    left: 30px;
    margin: auto;
    -webkit-transition: .5s;
    transition: .5s;
    right: 30px;
    text-align: left;
    background: var(--white);
    opacity: 0;
    visibility: hidden;
}

.witr_case:hover .witr_content_casem {
    opacity: 1;
    visibility: visible;
}

.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: 18px;
    box-shadow: 0px 0px 50px 0px var(--bshadow);
    opacity: 1;
    visibility: visible;
}

/*=========================================================================================== #START TO COURSE ELEMENT CSS =============================================================================================*/
.witr_couses {
    position: relative;
    box-shadow: 0px 0px 30px 0px rgb(234, 230, 230);
    overflow: hidden;
    background: var(--white);
}

.single_seivice_ani {
    overflow: hidden;
}

.single_seivice_ani::after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, .3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}

.single_seivice_ani:hover::after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.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;
}

.witr_couses_btnb a {
    text-align: center;
}

.caus_s2 {
    margin: 11px 0 17px;
}

.caus_tposi {
    position: absolute;
    right: 30px;
    bottom: -16px;
    background: var(--brhovercolor);
    color: var(--white);
    z-index: 999;
    padding: 15px 30px;
    margin: 0;
    transition: all 0.8s linear 0s;
    font-weight: 400;
}

.witr_couses:hover .caus_tposi {
    position: absolute;
    right: 30px;
    bottom: auto;
    top: 30px;
    background: var(--brcolor);
}


.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: 50px;
    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;
}

.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(--brhovercolor);
}

/*=========================================================================================== #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: 160px;
    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: 160px;
    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;
}

/* Working Hours */
.witr_sub_table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #ffffff8c;
}

/* 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;
    }

    .tx_any_count,
    .tx_single_countdown {
        width: 100px;
        height: 100px;
    }

}

/*=========================================================================================== #START TO APPS BUTTON ELEMENT CSS =============================================================================================*/
.w_apps_button_image {
    display: inline-block;
    margin-right: 15px;
}

.w_apps_button_image a {}

.w_apps_button_image a img {
    margin-bottom: 10px;
}

.w_apps_button {
    display: inline-block;
}

.w_apps_button a {
    padding: 10px 30px 11px;
    border-radius: 5px;
    margin-right: 15px;
    display: block;
    -webkit-transition: .5s;
    transition: .5s;
}

span.iIndust {
    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 MARQUEE ELEMENT CSS
 =========================================================*/
.marquee {
    position: relative;
    gap: 0px;
    display: flex;
    overflow: hidden;
}

.txmartex {
    margin: 0;
}

@keyframes marleft {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

@keyframes marright {
    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0);
    }
}

.marleft,
.marright {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    min-width: 200%;
    animation: 50s linear infinite marleft;
}

.marright {
    animation: 50s linear infinite marright;
}

.marleft:hover,
.marright:hover {
    animation-play-state: paused;
}

.txmartext .txmartex a,
.txmartext .txmartex {
    -webkit-text-stroke: 1px #888888;
    -webkit-text-fill-color: transparent;
    font-size: 100px;
    margin: 0 40px;
    padding: 3px 0;
}

.txmarimg .txmartex a,
.txmarimg .txmartex {
    color: transparent;
    font-size: 100px;
    margin: 0 20px;
    background-position: center center;
    -webkit-background-clip: text;
}

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

    .txmartext .txmartex a,
    .txmartext .txmartex {
        font-size: 40px;
        margin: 0 10px;
    }
}

@media (max-width: 767px) {

    .txmartext .txmartex a,
    .txmartext .txmartex {
        font-size: 30px;
        margin: 0 10px;
    }
}

/*=========================================================
 #START TO PRICE LIST CSS
 =========================================================*/
.txprice_list_text {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 30px;
}

.single_content_list {
    width: 100%;
}

.txprice_list_header {
    display: flex;
    align-items: center;
    flex-basis: 100%;
    font-size: 20px;
    font-weight: 700;
    justify-content: space-between;
    margin-bottom: 10px;
}

.txprice_list_separator {
    border-bottom-style: dotted;
    border-bottom-width: 2px;
    flex-grow: 10;
    height: 0;
    margin-left: 10px;
    margin-right: 10px;
}

/*=========================================================================================== #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 =============================================================================================*/
/* 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;
    }

    .ttbt h5 {
        font-size: 70px;
    }

    /* slider s */
    .txbdsinner .txbdstitle {
        font-size: 32px;
    }

    .txbdsinner p {
        width: 94%;
    }

    /* service */
    .txbdsvflex {
        display: grid;
    }

    /* 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;
    }

    .ttbt h5 {
        font-size: 40px;
    }

    /* slider s */
    .txbdsinner {
        width: 88%;
        text-align: center !important;
        justify-content: center !important;
    }

    .txbdsinner .txbdstitle {
        font-size: 22px;
        font-weight: 500;
    }

    .allleft .txbdstitle,
    .txbdsinner .swsmall.txbdstitle {
        margin-left: auto;
    }

    .txbdsinner p {
        width: 88%;
    }

    .allleft p,
    .allright p {
        margin: auto;
    }

    .size_gallery_height {
        height: 40vh;
    }

    /* btn css */
    .txbdsbtn .btnall {
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .btnallt {
        font-size: 14px;
        font-weight: 400;
    }

    .btnall {
        padding: 5px 15px;
    }

    /* service */
    .txbdsstyle3 .txbdsvflex {
        padding: 10px 15px;
    }

    .txbdsvflex {
        display: grid;
    }

    .btniconp i {
        right: -34px;
        height: 40px;
        width: 40px;
        line-height: 38px;
    }

    /* 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;
    }

    .flex_none {
        display: inherit !important;
    }

    .tsimg-mr25 {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .flex_none img {
        margin: auto;
    }
}

@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;
    }

    .txtable {
        overflow-x: auto !important;
    }
}