/*
Plugin CSS
Author: wpdream
*/

:root{
    --brcolor:#14b1bb; /* Brand color */
    --brhovercolor:#0a257a; /* Brand Hover color */
	--brrgb: 20,177,187; /* Brand rgb color */
	--bropacity:rgba(0,0,0,0.64); /* Brand opacity color */
    --black:#000000; /* black color */
	--white:#ffffff; /* white color */
    --bdcolor:#dddddd; /* border color */
    --bdhcolor:#14b1bb; /* border hover color */
    --linkcolor:#000000; /* link  color */	
    --titlecolor:#0e0e0e; /* title color */
    --pracolor:#74787c; /* pragrap/body color */	
    --bshadow:rgba(0,0,0,0.09); /* opacity color box shadow */   
	scroll-behavior: unset;
}

img, svg {
    vertical-align: middle;
}
.text-center {
    text-align: center;
}
.txcwhite {
    color: var(--white);
}
.text-start {
    text-align: left!important;
}
.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);
}
.txbdbbg {
    background: 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);
}

/* box text position */
 .zindex-1{
     z-index:-1;
}
 .zindex999{
     z-index:9999;
}
 .zindex99{
     z-index:999;
}

/* box shadow */
 .boxsh{
     box-shadow: 0px 0px 20px 0px var(--bshadow);
}
 .tservice {
     overflow: hidden;
     box-shadow: 0px 0px 10px 0px var(--bshadow);
}
/* icon css */
 .iconall{
     margin-bottom:10px;
}
 .iconalltf i{
     font-size: 22px;
     text-align: center;
     display: inline-block;
     transition:.5s;
}
 .iconall i {
     height: 50px;
     width: 50px;
     border-radius: 50%;
     line-height: 48px;
     border: 1px solid var(--bdcolor);
}
 .icondff i{
     border-radius: 30% 70% 70% 30%/50% 50% 50% 50%;
}
/* border and text brand color */
 .txbdbrbt, .btnallbt, .iconallbt i {
     border: 1px solid var(--brcolor);
     color:var(--brcolor);
}
/* btn hover brand color */
 .txbdbrhv:hover, .btnall:hover, .iconall i:hover, .txbdsva:hover .iconall i, .tteamsocial a:hover, .filter_menu li:hover, .filter_menu li.current_menu_item {
     background: var(--brcolor);
     border-color: var(--brcolor);
     color: var(--white);
}
/* active btn brand color */
 .txbdbrac, .btnallactive, .iconallactive i{
     background: var(--brcolor);
     border-color: var(--brcolor);
     color: var(--white);
}
/* active hover btn, slider social, icon active color brand color */
 .txbdbrac:hover, .btnallactive:hover, .txbdssocial ul li a:hover, .btncircle i:hover, .iconallactive i:hover, .txbdsva:hover .iconallactive i {
     background: var(--brhovercolor);
     border-color: var(--brhovercolor);
     color: var(--white);
}
 .btniconp i {
     position: absolute;
     right: -28px;
     top: 50%;
     transform: translateY(-50%);
     z-index: 1;
     height: 45px;
     width: 45px;
     border-radius: 50%;
     line-height: 43px;
     border: 1px solid var(--brcolor);
     background: var(--brcolor);
     color: var(--white);
     text-align: center;
     transition:.5s;
}
 .btniconp:hover i{
     border: 1px solid var(--white);
     background: var(--white);
     color: var(--brcolor);
}
/* 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%;
}
 .posibg, .txbdbfltrb::before{
     background: var(--bropacity);
}
 .txbdbfoverlay:hover::before{
     background: var(--bropacity);
}
 .boxposiltrb{
     left:0;
     top:0;
     right:0;
     bottom:0;
}
 .boxtextpost {
     top: -100%;
}
 .boxtextposl {
     top: 0;
     left:-100%;
}
 .boxtextposr {
     top: 0;
     right:-100%;
}
 .boxtextposbl {
     bottom: 0;
     left: -100%;
     right: 0;
     height: auto;
     z-index: 99999;
}
 .boxtextposb {
     bottom: -100%;
}
 .boxtextposineer {
     position: relative;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .allposihv:hover .boxtextpost,
 .txbdsva:hover .boxtextpost
  {
     top:0;
}
 .txbdsva:hover .boxtextposbl{
     left: 15px;
     bottom: 15px;
}
 .txbdallph:hover .boxtextposl, .txbdsva:hover .boxtextposl {
     left:0;
}
 .txbdsva:hover .boxtextposr {
     right:0;
}
 .txbdsva:hover .boxtextposb {
     bottom:0;
}
 .txbdmb30{
     margin-bottom:30px;
}
/* highlight title span */
 .hlight span{
     color:var(--brcolor);
}
/* box shadow */
 .boxsh{
     box-shadow: 0px 0px 20px 0px var(--bshadow);
}

 /*=========================================================================================== #START TO 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;
    margin-top: 0;
}
 a.txbdsvtitle:hover{
     color:var(--brcolor);
}
/* subheading */
 .subservicet span {
     display: block;
     font-size: 20px;
}
/* btn tyfo */
 .btnallt {
     font-size: 16px;
     font-weight: 500;
}
/* btn style */
 .btnallt{
     position:relative;
}
 .btnall {
     border: 1px solid var(--bdcolor);
     display: inline-block;
     border-radius: 5px;
     padding: 7px 25px;
}
/* btn icon */
 .btniconleft i {
     margin-left: 5px;
}
 .btniconright i {
     margin-right: 5px;
}
/* btn */
 .txbdsvbtn {
     margin-top: 22px;
}
 .txbdsva ul {
     padding: 0;
     margin: 10px 0 0;
     display: inline-block;
}
 .txbdsva ul li{
     list-style:none;
     display:block;
}
 .txbdsva ul li a{
     padding:1px 0;
     display:block;
     color:#666;
}
/* service 2 */
 .txbdsvflex {
     display: flex;
     justify-content: space-between;
	 gap: 14px;
}
 .txbdsvfdr{
     flex-direction: row;
     text-align: left;
}
 .txbdsvflextlr {
     align-items: flex-start;
}
 .txbdsvfdrr{
     flex-direction: row-reverse;
     text-align: right;
}
 .sp-txbdsvfdrl{
     padding-left:20px;
}
 .txbdsvflex .sp-txbdsvfdrl{
     padding-left:0px;
}
 .sp-txbdsvfdrr{
     padding-right:20px;
}
 .sp-txbdsvfdrl {
     margin-bottom: 2px;
}
/* service 3 */
.txbdsstyle3 .txbdsvflex {
    justify-content: flex-start;
    padding: 20px 15px;
    align-items: center;
}
 .txbdsstyle3 .txbdsvtitle,.txbdsstyle3 .txbdsvtitle a,.txbdsstyle3 .iconalltf i {
     color:var(--white);
}
.txbdbg, .afterbg::after, .beforebg::before {
    background: var(--brcolor);
}
/* service 4 */
 .txbdimageinner{
     position:relative;
     overflow:hidden;
}
/* style 7 */
 .txbdtitleposi {
     position: absolute;
     left: 0;
     bottom: 0;
     right: 0;
     z-index:999;
     transition:.5s;
}
 .thbdspanposi {
     top: 0;
     left: auto;
     right: 20px;
     z-index: 999;
     transition: .5s;
     position: absolute;
     font-size: 50px;
     font-weight: 700;
     color: var(--bdcolor);
     transition:.5s;
}
 .iconabs i {
     margin-bottom: 10px;
     position: absolute;
     left: 30px;
     top: -25px;
     z-index: 999;
     width: 80px;
     height: 54px;
     line-height: 52px;
     border-radius: 0;
}
 .iconabs i{
     clip-path: polygon(0 1%, 85% 0, 100% 100%, 0% 100%);
}
 .iconopacity i{
     font-size: 134px;
     color: #ddd;
     transition:.5s;
}
.iconabs img{
     margin-bottom: 10px;
     position: absolute;
     left: 30px;
     top: -25px;
     z-index: 999;
}
 .iconsabsconpd {
     padding: 30px 15px 30px 15px;
}
 .txbdsva:hover .thbdspanposi{
     color:var(--brcolor);
}
 .txbdsva:hover .txbdtitleposi{
     bottom: -100%;
}
.txbdcon.sp-txbdsvfdrl {
    width: 100%;
}
.imageicon {
    flex: 0 0 auto;
}
 
/*=====================================================================================
								Responsive CSS
=====================================================================================*/
 @media (min-width: 992px) and (max-width: 1365px) {

 }	
 @media (min-width: 768px) and (max-width: 991px) {
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
    font-weight: 500;
    margin: 0 0 5px;
}
h1 {
    font-size: 20.03px;
}
h2 {
    font-size: 18.03px;
}
h3 {
    font-size: 16.36px;
}
h4 {
    font-size: 16.94px;
}
h5 {
    font-size: 16.88px;
}
 h6 {
    font-size: 14.00px;
}
	
 }  
/* --- Small Mobile : 320 ---*/
 @media (max-width: 767px) {
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
    line-height: 1.2;
    font-weight: 500;
    margin: 0 0 5px;
}
h1 {
    font-size: 20.03px;
}
h2 {
    font-size: 18.03px;
}
h3 {
    font-size: 16.36px;
}
h4 {
    font-size: 16.94px;
}
h5 {
    font-size: 14.88px;
}
 h6 {
    font-size: 14.00px;
}	 
.wpd_flex {
    display: inherit;
}
.servicetit {
    font-size: 20px;
}
.txbdsvflex {
    display: inherit !important;
}
    
 }