@import url(https://fonts.googleapis.com/css?family=Raleway:300,900);figure.snip1437{font-family:'Raleway',Arial,sans-serif;position:relative;float:left;overflow:hidden;margin:10px 1%;min-width:230px;max-width:598px;max-height:100%;width:100%;color:#fff;text-align:right;font-size:16px;text-transform:uppercase}figure.snip1437:after{position:absolute;top:0;bottom:0;left:-30%;right:70%;content:'';background-color:rgba(0,0,0,0.7);-webkit-transform:skew(20deg) translateX(-75%);transform:skew(20deg) translateX(-75%);-webkit-transition:all .35s ease;transition:all .35s ease}figure.snip1437 *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .35s ease;transition:all .35s ease}figure.snip1437 img{max-width:100%}figure.snip1437 figcaption{position:absolute;top:0;right:0;z-index:1;padding:20px}figure.snip1437 h3,figure.snip1437 .links{width:100%;margin:0;padding:0}figure.snip1437 h3{line-height:1.3em;font-weight:900;font-size:1.3em}figure.snip1437 .links{font-size:.8em;letter-spacing:3px;font-weight:300;margin:0;padding:0}figure.snip1437 .links li{-webkit-transform:translateX(40px);transform:translateX(40px);opacity:0;list-style:none}figure.snip1437 a{padding:2px 0;display:block;color:#fff;text-decoration:none}figure.snip1437:hover:after,figure.snip1437.hover:after{-webkit-transform:skew(20deg) translateX(0%);transform:skew(20deg) translateX(0%)}figure.snip1437:hover img,figure.snip1437.hover img{zoom:1;filter:alpha(opacity=50);-webkit-opacity:.5;opacity:.5}figure.snip1437:hover li,figure.snip1437.hover li{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px)}figure.snip1437:hover li:first-child,figure.snip1437.hover li:first-child{-webkit-transition-delay:.1s;transition-delay:.1s}figure.snip1437:hover li:nth-child(2),figure.snip1437.hover li:nth-child(2){-webkit-transition-delay:.2s;transition-delay:.2s}figure.snip1437:hover li:nth-child(3),figure.snip1437.hover li:nth-child(3){-webkit-transition-delay:.3s;transition-delay:.3s}figure.snip1437:hover li:nth-child(4),figure.snip1437.hover li:nth-child(4){-webkit-transition-delay:.4s;transition-delay:.4s}
    

/*
 CSS for the main interaction
*/


.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset .tab-panel {
  display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}


.tabset > label {
  position: relative;
  display: inline-block;
  padding: 15px 50px 25px;
 
  border-bottom: 0;
  cursor: pointer;
  font-weight: 600;
}

.tabset > label::after {
  content: "";
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: 22px;
  height: 4px;
  background: ;
}

.tabset > label:hover,
.tabset > input:focus + label {
  color: #19bbef;
}

.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
  background: #19bbef;
  width:80%;
}

.tabset > input:checked + label {
  border-color: #ccc;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
}

.tab-panel {
  padding: 30px 0;
  border-top: 1px solid #ccc;
}

/*
 Demo purposes only
*/
*,
*:before,
*:after {
  box-sizing: border-box;
}

.tabset {
  max-width: 65em;
}

#neonShadow{
 height: 39px;
    top: 18px;
    width: 94px;
    left: 245px;
   
    position: absolute;
    border: none;
    z-index: 3;
    border-radius: 50px;
    transition: 0.3s;
    background-color: rgba(156, 161, 160,0.3);
    animation: glow 1s infinite;
    transition: 0.5s;
}

@media(max-width: 767px){
      .col-md-5{
        width:100%!important;
    }
     .col-md-7{
        width:100%!important;
    }
    .breadcrum p{
    margin-left:40px!important;
}
.flag-icon{
    margin-left:10px!important;
    
}
.mean-container a.meanmenu-reveal {
    top: 35px;
    box-sizing: content-box;
    position: fixed;
}
}
    .col-md-5{
        width:40%;
    }
     .col-md-7{
        width:60%;
    }
    .flag-icon{
    margin-left:900px;
    
}
.about-us h6{
    font-size:36px;
    color: #19bbef;
}
.about-us p{
    font-size:25px;
}

.our-team-section {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
}
.our-team-section:before {
    position: absolute;
    top: -0;
    left: 0;
    content: " ";
    background: url(img/service-section-bottom.png);
    background-size: 100% 100px;
    width: 100%;
    height: 100px;
    float: left;
    z-index: 99;
}
.our-team {
    padding: 30px 0 40px;
    background: #f9f9f9;
    text-align: center;
    overflow: hidden;
    position: relative;
    border-bottom: 5px solid #19bbef;
}
.our-team:hover{
    border-bottom: 5px solid #19bbef;
}

.our-team .pic{
    display: inline-block;
   
    margin-bottom: 0px;
    z-index: 1;
    position: relative;
}
.our-team .pic:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background:#19bbef;
    position: absolute;
    bottom: 135%;
    right: 0;
    left: 0;
    opacity: 1;
    transform: scale(3);
    transition: all 0.3s linear 0s;
}
.our-team:hover .pic:before{
 height: 100%;
    background: #2f2f2f; 
   
 }
.our-team .pic:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 60%;
    background: #ffffff00;
   
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 0.3s linear 0s;
}

.our-team .pic img {
    width: 100%;
    height: auto;
    margin-top:36px;
    border-radius: 50%;
    transform: scale(1);
    transition: all 0.9s ease 0s;
    box-shadow: 0 0 0 14px #f7f5ec;
    transform: scale(0.7);
    position: relative;
    z-index: 2;
}
.our-team:hover .pic img{
    box-shadow: 0 0 0 14px #f7f5ec;
    transform: scale(0.7);
}
.our-team .team-content{ margin-bottom: 30px; }
.our-team .title{
    font-size: 22px;
    font-weight: 700;
    color: #4e5052;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 5px;
}
.our-team .post{
    display: block;
    font-size: 19px;
    color: #4e5052;
    text-transform:capitalize;
}
.our-team .social{
    width: 100%;
    padding: 0;
    margin: 0;
    background: #2f2f2f;
    position: absolute;
    bottom: -100px;
    left: 0;
    transition: all 0.5s ease 0s;
}
.our-team:hover .social{ bottom: 0; }
.our-team .social li{ display: inline-block; }
.our-team .social li a{
    display: block;
    padding: 10px;
    font-size: 17px;
    color: #fff;
    transition: all 0.3s ease 0s;
}
.our-team .social li a:hover{
    color: #2f2f2f;
    background: #f7f5ec;
}
@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 30px; }
}
@keyframes glow{
  0%{
  box-shadow: 5px 5px 20px rgb(93, 52, 168),-5px -5px 20px rgb(93, 52, 168);}
  
  50%{
  box-shadow: 5px 5px 20px rgb(81, 224, 210),-5px -5px 20px rgb(81, 224, 210)
  }
  100%{
  box-shadow: 5px 5px 20px rgb(93, 52, 168),-5px -5px 20px rgb(93, 52, 168)
  }
}
.counter h6{
    font-size:35px;
    padding-top:12px;
}

.counter p{
    font-size:20px;
}



.seo-banner-content p {
    font-size: 20px;
    color: #fff;
    line-height: 1;
    margin: 92px 0 0!important;
    position: relative;
    z-index: 1;
}
    @media(max-width: 767px) {

.mainvfd{
     font-size:30px!important;
}
.mainvfd1{
   
     line-height:1.3!important;
    top:25px;
}
.seo-banner{
    height:400px!important;
    padding-top:100px!important;
    margin-bottom:0px!important;
}
.seo-wrapper-section {
    float: left;   
    padding: 30px 0 70px;  
    width: 100%;
    
}
.breadcrum p{
    margin-left:40px!important;
   
}
.new32{
    top:126px!important;
    left:65px!important;
    font-size:30px!important;
}
.new31{
    top:166px!important;
    left:18px!important;
    font-size:25px!important;
}

}
.seo-banner h1{
    font-size:41px;
        text-align: start;
}
.seo-banner li{
    color:white;
}





.button-banner p{
    font-size:21px;
        text-align: start;
        margin: -12px 0 0!important;
        color:white;
}



.fx-primary-btn-light {
    background: var(--white)!important;
    color: var(--primary-blue-03)!important;
    border: 1px solid #19bbef;
    font-size: 18px!important;
    line-height: 1.333em!important;
    font-weight: 600!important;
    transition: background .35s,color .35s!important;
    margin-top:25px;
}

.bg-white {
    background-color: white;
    height:323px;
    padding: 40px 45px;
}
.block-testi-card .icon img {
    margin-bottom: 20px;
     margin-top: 10px;
}


.seo-banner p{
    font-size:21px;
        text-align: start;
        margin: 20px 0 0!important;
        color:white;
}
.seo-banner {
    background: url(../images/bg-about-us.webp) center center/cover no-repeat rgba(0,0,0,0);
    margin-bottom: 82px;
   
}
.trewq {
    background-color: #19bbef;
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 10px;
    height: 100px;
}
.new-bg {
    font-size: 23px;
    background: #19bbef;
    padding: 11px;
    color: white;
    text-align: center;
    height: 64px;
}
.brdr{
   box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
  
   
}

.circle_percent {font-size:200px; width:1em; height:1em; position: relative; background: #eee; border-radius:50%; overflow:hidden; display:inline-block; margin:20px;}
.circle_inner {position: absolute; left: 0; top: 0; width: 1em; height: 1em; clip:rect(0 1em 1em .5em);}
.round_per {position: absolute; left: 0; top: 0; width: 1em; height: 1em; background:#19bbef; clip:rect(0 1em 1em .5em); transform:rotate(180deg); transition:1.05s;}
.percent_more .circle_inner {clip:rect(0 .5em 1em 0em);}
.percent_more:after {position: absolute; left: .5em; top:0em; right: 0; bottom: 0; background: #19bbef; content:'';}
.circle_inbox {position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: #fff; z-index:3; border-radius: 50%;}
.percent_text {position: absolute; font-size: 36px; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3;}


       .keywrd {
    color: #000000;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 45px;
    margin-bottom: 30px;
}
    @media(max-width: 767px) {


.ppc-banner{
    height:370px!important;
    padding-top:130px!important;
    margin-bottom:0px!important;
  
}
.mainvfd{
     font-size:35px!important;
}
table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

}
.main-pricing p{
    color: #5f5f5f;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 10px;
}

.pack-list li {
    padding: 5px 0 5px 28px;
    position: relative;
    list-style: none;
    line-height: 24px;
    font-size: 15px;
}
.pack-list li:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    text-align: center;
    font-size: 8px;
    color: #0090f1;
    line-height: 14px;
    position: absolute;
    left: 0;
    top: 10px;
    width: 17px;
    height: 17px;
    background: #ffffff;
    border-radius: 100px;
    border: 2px solid #0090f1;
}
.fa{
    color:#19bbef;
}


.featured-clients h6{
    color: #5f5f5f;
    font-size: 22px;
    font-weight: 600;
    padding-top: 20px;
    margin-bottom: 0;
}
.white-text1{
  position: absolute;
    margin-top: 135px;
    margin-left: -205px;
}
.white-text2{
  position: absolute;
    margin-top: 135px;
    margin-left: -6px;
}
.white-text3{
  position: absolute;
    margin-top: 135px;
    margin-left: 180px;
}
.white-text4{
  position: absolute;
    margin-top: 135px;
    margin-left: 376px;
}



        .loginFun {
            position: absolute;
            left: 0;
            top: 0;
        }

        span.small_tex {
            font-size: 12px;
            line-height: 15px;
            display: block;
        }
        .table td, .table th {
    padding: -1.25rem;
    vertical-align: top;
    border-top: 1px solid #eceeef;
}
.scrollit{
     overflow:scroll;
    height:400px;
    width:100%!important;
    
}
.package{
        font-size: 36px!importan;
    font-weight: 700!importan;
    line-height: 36px!importan;
}



    .holderCircle { width: 500px; height: 500px; border-radius: 100%; margin: 60px auto; position: relative; margin-left:-137px;}


.dotCircle { width: 100%; height: 100%; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; border-radius: 100%; z-index: 20; }
.dotCircle  .itemDot { display: block; width: 80px; height: 80px; position: absolute; background: #ffffff; color: #19bbef; border-radius: 20px; text-align: center; line-height: 80px; font-size: 30px; z-index: 3; cursor: pointer; border: 2px solid #e6e6e6; }
.dotCircle  .itemDot .forActive { width: 56px; height: 56px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; }
.dotCircle  .itemDot .forActive::after { content: ''; width: 5px; height: 5px; border: 3px solid #7d4ac7; bottom: -31px; left: -14px; filter: blur(1px); position: absolute; border-radius: 100%; }
.dotCircle  .itemDot .forActive::before { content: ''; width: 6px; height: 6px; filter: blur(5px); top: -15px; position: absolute; transform: rotate(-45deg); border: 6px solid #a733bb; right: -39px; }
.dotCircle  .itemDot.active .forActive { display: block; }
.round { position: absolute; left: 40px; top: 45px; width: 410px; height: 410px; border: 2px dotted #a733bb; border-radius: 100%; -webkit-animation: rotation 100s infinite linear; }
.dotCircle .itemDot:hover, .dotCircle .itemDot.active { color: #ffffff; transition: 0.5s;   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d4ac7+0,a733bb+100 */ background: red; /* Old browsers */ background: -moz-linear-gradient(left, #7d4ac7 0%, #a733bb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #7d4ac7 0%, #a733bb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #7d4ac7 0%, #a733bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d4ac7', endColorstr='#a733bb', GradientType=1); /* IE6-9 */ border: 2px solid #ffffff; -webkit-box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13); -moz-box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13); box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13); }
.dotCircle .itemDot { font-size: 40px; }
.contentCircle { width:  border-radius: 100%; color: #222222; position: relative; top: 110px; left: 164%; transform: translate(-50%, -50%); }
.contentCircle .CirItem { border-radius: 100%; color: #222222; position: absolute; text-align: center; bottom: 0; left: 0; opacity: 0; transform: scale(0); transition: 0.5s; font-size: 15px; width: 100%; height: 100%; top: -89px; right: 0; margin: auto; line-height: 250px; }
.CirItem.active { z-index: 1; opacity: 1; transform: scale(1); transition: 0.5s; }
.contentCircle .CirItem i { font-size: 180px; position: absolute; top: 60px; left: -65%; margin-left: -90px; color: #000000; opacity: 0.1; }
@media only screen and (min-width:300px) and (max-width:599px) {
	.holderCircle {/* width: 300px; height: 300px;*/ margin: 110px auto; }
	.holderCircle::after { width: 100%; height: 100%; }
	.dotCircle { width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
}
@media only screen and (min-width:600px) and (max-width:767px) { }
@media only screen and (min-width:768px) and (max-width:991px) { }
@media only screen and (min-width:992px) and (max-width:1199px) { }
@media only screen and (min-width:1200px) and (max-width:1499px) { }
  .title-box .title { font-weight: 600; letter-spacing: 2px; position: relative; z-index: -1;text-align:start;font-size: 26px; }
        .title-box span { text-shadow: 0 10px 10px rgba(0, 0, 0, .15); font-weight: 800; color: #222222; }
        .title-box p {font-size: 17px; line-height: 2em;width:500px;text-align:start; }


.title-box p{
    box-shadow: 0 0 12px 0 #ccc;
    border-radius: 9px;
    padding: 15px;
}
}