@import "https://fonts.googleapis.com/css?family=Overpass:300,400,400i,600,600i,700,700i&
display=swap";
 @font-face {
     font-family: 'Bahnschrift Regular';
     font-style: normal;
     font-weight: normal;
     src: local('Bahnschrift Regular'), url('../webfonts/BAHNSCHRIFT 1.woff') format('woff');
}
 a:focus,input:focus,textarea:focus,button:focus{
    outline:none
}
 a:hover{
    text-decoration:none
}
 img{
    max-width:100%;
    height:auto
}
 h1,h2,h3,h4,h5,h6{
    margin:0 0 15px;
    font-weight:700;
    color:#233d63
}
 body{
    font-size:17px;
    color:#737b9a;
    font-family:'Bahnschrift Regular',sans-serif !important;
    line-height:1.9;
     letter-spacing: 0.5px;
}
 .ovr-h{
    overflow:hidden
}
 .aic{
    -ms-align-items:center;
    align-items:center
}
 .owl-carousel .owl-item .author-image img,.single-team-item img,.single-post-tag .social-share a,.author-details img,.comment-author-img img,.home-4-icon i,.single-service-item.home-4-single-service-item .icon-img-table,.single-service-item.home-4-single-service-item .absolute-icon i,.features-icon i,.video-play-btn i,.service-6-item i,.features-6-icon .features-6-sub-icon i,.author-6-img img,.social-link.home-6 a,.check-icon li:before,.testimonial-7-img img,#topcontrol{
    border-radius:50%
}
 .border-boxed-btn,.tagcloud a,.subscribe-form input[type="email"],.subscribe-form button,.contact-form form button,a.boxed-btn,.contact-form-area button,.contact-form form p input[type="text"],.contact-form form p input[type="email"],.contact-form form p textarea,.recent-thumbnail a img,.instagram-posts img,.single-blog-box,.author-details, .form-input input,.form-input textarea,.contact-form-area textarea, .contact-form-area input,.home-4-border-btn,.home-4-contact-area button.boxed-btn, .subscribe-form-home-4 .subscribe-form button,.home-2-header-area a.border-boxed-btn, .single-service-6-item,.single-service-7-2-item,.all-pricing-section .single-tab-7{
    border-radius:3px
}
 .section-padding{
    padding:80px 0
}
 .pt-80{
    padding-top:80px
}
 .pb-80{
    padding-bottom:80px
}
 .header-area{
    padding:15px 0
}
 .logo img{
    margin-top:12px
}
 .header-area.header-area-1{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:3;
    transition:.5s
}
 .boxed-btn-right a.border-boxed-btn{
    margin-top:12px
}
 button#menu-button{
    display:none
}
 .mainmenu ul{
    padding:0;
    margin:0;
    list-style:none
}
 .mainmenu li{
    position:relative;
    display:inline-block
}
 .mainmenu li a{
    display:block;
    color:#888;
    padding:20px 14px;
    text-transform:uppercase;
    font-size:15px
}
 .mainmenu li a.active{
    color:#FFBC48!important
}
 .mainmenu li a:after{
    position:absolute;
    right:0;
    bottom:5px;
    width:0;
    height:3px;
    content:"";
    background-color:#FFBC48;
    z-index:-1;
    transition:.3s;
    border-radius:5px
}
 .mainmenu li > a.active:after,.mainmenu li:hover > a:after{
    width:100%;
    left:0;
    right:auto
}
 .mainmenu li ul li a:hover:after,.mainmenu li ul li a.active:after{
    width:0
}
 .mainmenu li ul{
    position:absolute;
    left:0;
    top:68px;
    width:220px;
    text-align:left;
    transition:.5s;
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:top;
    transform-origin:top;
    box-shadow:2px 5px 20px 0 rgba(0,0,0,0.1)
}
 .mainmenu li:hover ul{
    -webkit-transform:scaleY(1);
    transform:scaleY(1)
}
 .mainmenu li li{
    display:block;
    position:relative
}
 .mainmenu li ul li a{
    padding:10px 20px;
    font-weight:400;
    color:#000
}
 .mainmenu li li:hover > a{
    background:#FFBC48;
    color:#fff
}
 .mainmenu li:hover > a,.home-2-header-area .mainmenu li:hover > a,.footer-mainmenu li:hover > a{
    color:#FFBC48
}
 .mainmenu li ul li a.active:hover,.is-sticky .mainmenu li ul li a.active:hover{
    color:#fff!important
}
 .header-area-7 .mainmenu li ul li a{
    color:#000
}
 .mainmenu li ul li ul{
    left:200px;
    top:0;
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:left;
    transform-origin:left
}
 .mainmenu li ul li:hover ul{
    -webkit-transform:scaleX(1)!important;
    transform:scaleX(1)!important
}
 .home-2 .mainmenu li a{
    color:#fff
}
 #mainmenu-area-sticky-wrapper{
    position:relative;
    z-index:9
}
 .is-sticky .header-area{
    box-shadow:0 0 4px #000 0 4px 8px #da0000;
    z-index:99999;
    margin:0;
    transition:.5s
}
 .is-sticky .header-area ul li a{
    transition:.5s
}
 .border-boxed-btn,.tagcloud a{
    display:inline-block;
    color:#ffbc48;
    font-size:15px;
    padding:13px 40px;
    font-weight:700;
    border:#ffbc48 solid 1px
}
 a.border-boxed-btn{
    padding:8px 40px
}
 .border-boxed-btn:hover{
    background:#ffbc48;
    color:#fff
}
 .hero-bg{
    background-image:url(../image/hero-bg-1.png)
}
 .hero-title h1{
    font-size:85px;
    margin-bottom:50px;
    font-weight:400
}
 .subscribe-form input[type="email"]{
    width:55%;
    padding:15px;
    border:none;
    margin-right:10px;
    border:#FFBC48 solid 1px
}
 .subscribe-form button,.contact-form form button,a.boxed-btn,.contact-form-area button{
    padding:15px 39px;
    cursor:pointer;
    border:none;
    background:#FFBC48;
    font-size:17px;
    font-weight:700;
    box-shadow:0 0 20px rgba(255,188,72,0.4);
    border:#FFBC48 solid 1px;
    color:#fff
}
 .subscribe-form button:hover,.contact-form form button:hover,a.boxed-btn:hover,.contact-form-area button:hover{
    border-color:#FFBC48;
    color:#FFBC48
}
 .all-hero-img{
    position:relative;
    margin-top:80px
}
 .all-hero-img img.hero-1{
    position:absolute;
    width:450px;
    left:115px;
    top:16%;
    -webkit-animation:heroimg 10s linear infinite;
    animation:heroimg 10s linear infinite
}
 .all-hero-img img.hero-2{
    position:absolute;
    width:400px;
    right:95px;
    top:17%;
    -webkit-animation:heroimg 10s linear infinite;
    animation:heroimg 10s linear infinite
}
 .all-hero-img img.hero-3{
    width:800px;
    margin-left:50px
}
 @-webkit-keyframes heroimg {
     0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
     50%{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
     100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
 @keyframes heroimg {
     0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
     50%{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
     100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
 .hero-area{
    padding:150px 0 100px;
    position:relative;
    background-position:bottom center;
    background-size:cover;
    background-repeat:no-repeat
}
 .home-1 .client-logo-area{
    color:#aaafbe
}
 .single-client-item{
    display:table;
    width:auto;
    height:70px;
    margin:0 auto
}
 .single-client-item-cell{
    display:table-cell;
    vertical-align:middle
}
 .client-logo-area h6{
    color:#aaafbe;
    font-size:20px
}
 .client-logo-area{
    padding:80px 0
}
 .section-title{
    margin-bottom:60px
}
 .section-title h2{
    font-size:50px;
    font-weight:400;
    line-height:1.3
}
 .single-service-item{
    padding:30px 20px;
    border-radius:3px
}
 .icon-img-table{
    display:table;
    width:25%;
    height:100px;
    margin:0 auto 30px
}
 .icon-img-cell{
    display:table-cell;
    vertical-align:middle
}
 .single-service-item h4{
    font-size:24px;
    font-weight:700;
    margin-bottom:25px
}
 .learn-more{
    color:#737b9a;
    font-size:17px;
    margin-top:5px;
    display:inline-block;
    transition:.3s
}
 .learn-more:hover{
    color:#FFBC48
}
 .single-service-item:hover,.single-service-item.active{
    box-shadow:0 10px 40px 0 rgba(107,125,179,0.11)
}
 .single-service-item.home-3-single-service-item img{
    margin-bottom:30px
}
 .tab-section ul li{
    width:100%;
    border:none
}
 .nav-tabs .nav-link,.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{
    border:none;
    border-radius:3px
}
 .tab-section ul{
    border:none
}
 .tab-section li a{
    padding:15px 20px;
    margin-bottom:15px;
    font-size:20px;
    color:#233d63;
    font-weight:700
}
 .tab-section li a:hover,.nav-tabs .nav-link.active{
    box-shadow:0 0 15px #f1f1f1
}
 .tab-section li:last-child a{
    margin-bottom:0
}
 .tab-content{
    position:relative
}
 .tab-text h2{
    font-size:34px;
    margin-bottom:20px
}
 .tab-text{
    margin-top:80px
}
 .read-more-btn{
    font-size:17px;
    color:#ffbc48;
    font-weight:700
}
 .read-more-btn:hover{
    color:#ffbc48
}
 .read-more-btn:hover i{
    margin-left:15px
}
 .read-more-btn i{
    transition:.3s
}
 .tab-section{
    padding:70px 0;
    padding:70px 0
}
 .service-tab .section-title{
    margin-bottom:80px
}
 .read-more-btn i{
    margin-left:5px
}
 .service-tab{
    background-size:cover;
    background-position:center;
    padding-bottom:600px;
    padding-top:130px
}
 .testimonial-content{
    font-size:24px;
    color:#373737;
    font-style:italic;
    margin-bottom:40px
}
 .owl-carousel .owl-item .testimonial-content img{
    width:65px;
    margin:0 auto;
    margin-bottom:40px
}
 .testimonial-content h3{
    font-size:28px;
    font-weight:400;
    font-style:italic;
    line-height:1.5
}
 .owl-carousel .owl-item .author-image img{
    width:70px;
    border-radius:50%
}
 .author-text h4{
    font-size:20px;
    color:#2c324b;
    margin-bottom:5px;
    text-align:left;
    font-weight:700
}
 .author-text h4 span{
    font-size:18px;
    color:#737b9a;
    display:block;
    margin-top:10px;
    font-weight:300
}
 .testmonial-author-section{
    display:inline-flex
}
 .author-image{
    flex:0 0 65px;
    margin-right:20px;
    -ms-grid-row-align:center;
    align-self:center
}
 .author-text{
    -ms-grid-row-align:center;
    align-self:center;
    flex:0 0 200px;
    margin-right:10px
}
 .testimonial-carousel .owl-dots button{
    width:10px;
    height:10px;
    background:#ffbc4882;
    margin:50px 4px 0;
    border-radius:50px
}
 .testimonial-carousel .owl-dots button.active{
    background:#FFBC48;
    width:12px;
    height:12px
}
 .team-img img:nth-child(2){
    top:26%;
    left:-400px;
    width:90px
}
 .team-img img:nth-child(1){
    left:-300px;
    top:0
}
 .team-img img{
    position:absolute;
    -webkit-animation:square 10s linear infinite;
    animation:square 10s linear infinite;
    width:70px;
    border-radius:50%;
    box-shadow:0 0 0 8px #fff,0 10px 30px 0 #ccc
}
 .team-img img:nth-child(3){
    top:40%;
    left:-200px;
    width:110px
}
 .team-img img:nth-child(4){
    top:88%;
    left:-310px;
    width:80px
}
 .team-img img:nth-child(5){
    top:-15px;
    right:-200px;
    width:80px
}
 .team-img img:nth-child(6){
    top:30%;
    right:-280px;
    width:90px
}
 .team-img img:nth-child(7){
    bottom:-2%;
    right:-180px;
    width:110px
}
 .team-img img:nth-child(8){
    bottom:17%;
    right:-335px;
    width:95px
}
 @-webkit-keyframes square {
     0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
     50%{
        -webkit-transform:scale(.5);
        transform:scale(.5)
    }
     75%{
        -webkit-transform:scale(.8);
        transform:scale(.8)
    }
     100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
 @keyframes square {
     0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
     50%{
        -webkit-transform:scale(.5);
        transform:scale(.5)
    }
     75%{
        -webkit-transform:scale(.8);
        transform:scale(.8)
    }
     100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
 .testimonial-carousel{
    position:relative
}
 .case-study-carousel{
    width:100vw
}
 .case-study-area{
    position:relative
}
 .contact-area .section-title{
    margin-bottom:20px
}
 .case-study-btn button{
    background:#FFBC48;
    border:#FFBC48 solid 1px;
    border-radius:50%;
    cursor:pointer;
    width:60px;
    height:60px;
    line-height:60px;
    margin-right:10px;
    color:#fff
}
 .case-study-btn button i{
    font-size:20px
}
 .case-study-btn button:hover{
    color:#FFBC48
}
 .contact-form form label{
    display:block;
    font-size:16px;
    color:#233d63;
    font-weight:600
}
 .contact-form form p{
    margin-bottom:25px
}
 .contact-form form p:last-child{
    margin-bottom:0
}
 .contact-form form p input[type="text"],.contact-form form p input[type="email"],.contact-form form p textarea{
    width:100%;
    padding:13px;
    border:#E3E3E3 solid 1px
}
 .contact-form form p textarea{
    margin-bottom:15px;
    height:140px
}
 .contact-form form p input[type="text"]:focus,.contact-form form p input[type="email"]:focus,.contact-form form p textarea:focus{
    color:#79879d;
    background-color:rgba(255,188,72,0.07);
    border-color:#ffbc48
}
 .footer-mainmenu ul{
    list-style:outside none none;
    margin:0;
    padding:0;
    text-align:right
}
 .footer-mainmenu ul li{
    display:inline-block
}
 .footer-mainmenu ul li a{
    color:#737b9a;
    display:block;
    font-size:18px;
    margin-left:20px
}
 .footer-subscribe-form input[type="email"]{
    border:#E3E3E3 solid 1px
}
 .footer-subscribe-form{
    margin-top:30px
}
 .footer-top.section-padding{
    padding-top:150px
}
 .footer-area .area-bg{
    background-image:url(../image/footer-bg.png);
    background-size:100% 100%
}
 .footer-pd{
    margin-bottom:60px
}
 .footer-pd .section-title{
    margin-bottom:0
}
 .social-link a{
    color:#233D63;
    margin-left:24px;
    font-size:15px
}
 .social-link a:hover{
    color:#FFBC48
}
 .footer-mainmenu li a{
    text-transform:capitalize
}
 .footer-area{
    position:relative;
    background-position:center;
    background-size:cover
}
 .copyright-area{
    padding:20px 0
}
 .home-7 .testimonial-7-area .owl-nav{
    font-size:22px;
    margin-top:10px
}
 .home-2-header-area .border-boxed-btn{
    color:#0298ff;
    border:none;
    border-radius:0
}
 .home-2-single-service-item{
    border:1px solid #f2f2f2
}
 .home-2-single-service-item:hover{
    border:1px solid transparent
}
 .is-sticky .home-2-header-area .mainmenu li a{
    color:#2F7BFF
}
 .home-2-header-area .mainmenu li li > a,.is-sticky .home-2-header-area .mainmenu li ul li a{
    color:#000
}
 .is-sticky .home-2-header-area .mainmenu li ul li:hover a{
    color:#fff
}
 .home-2-header-area .mainmenu li li:hover > a{
    background:#2F86FF
}
 .home-2-header-area a.border-boxed-btn:hover{
    background:#2F89FF;
    color:#fff
}
 .is-sticky .home-2-header-area .mainmenu ul li > a:after,.is-sticky .home-2-header-area .mainmenu ul li:hover > a:after{
    background:#2F7BFF
}
 .header-area-5 .mainmenu li ul li a.active,.is-sticky .home-2-header-area .mainmenu ul li > a.active{
    color:#1255DB!important
}
 .is-sticky .logo-1,.logo-2{
    display:none;
    transition:.3s
}
 .is-sticky .logo-2{
    display:block;
    transition:.3s
}
 .home-2 .hero-area{
    position:relative
}
 .home-2 .hero-area .area-bg{
    background:rgba(0,0,0,0) url(../image/home-2-hero-bg.png) no-repeat scroll center center / 100% 100%
}
 .hero-area.home-2-hero-bg{
    background-position:center;
    background-size:cover
}
 .home-2-hero-title h1{
    font-size:125px;
    line-height:1
}
 .home-2-border-btn{
    border:1px solid #14a8ff;
    display:inline-block;
    height:60px;
    line-height:60px;
    margin-top:30px;
    padding-left:20px;
    padding-right:80px;
    position:relative
}
 .home-2-border-btn i{
    background:#298fff none repeat scroll 0 0;
    height:100%;
    margin-left:20px;
    padding-top:20px;
    position:absolute;
    right:0;
    width:60px
}
 a.home-2-border-btn,a.home-2-border-btn i{
    transition:.3s
}
 a.home-2-border-btn:hover{
    background:#298FFF;
    border-color:#fff
}
 a.home-2-border-btn:hover i{
    background:#fff;
    color:#2F89FF
}
 .home-2-section-title h2{
    font-size:40px;
    line-height:1.2em
}
 .home-2-section-title{
    margin-bottom:50px
}
 .home-2-single-service-item .icon-img-table{
    transition:.3s
}
 .single-service-item.home-2-single-service-item:hover .icon-img-table{
    -webkit-transform:rotateY(360deg);
    transform:rotateY(360deg)
}
 .home-2-read-more-btn{
    color:#0298ff;
    margin-top:5px;
    display:inline-block;
    transition:.3s
}
 .home-2-read-more-btn i{
    margin-left:7px
}
 .macbook-bg{
    background-image:url(../image/macbook-bg.png)
}
 .macbook-area{
    background-position:center;
    background-size:100% 100%;
    padding:200px 0;
    position:relative
}
 .single-macbook-content{
    padding:20px 30px;
    margin-bottom:15px;
    border-radius:3px
}
 .single-macbook-content:hover,.single-macbook-content.active{
    box-shadow:0 0 15px #f1f1f1
}
 .single-macbook-content h3{
    font-size:24px
}
 .single-macbook-content p{
    margin-bottom:0
}
 .macbook-content.home-2-section-title h2{
    margin-bottom:35px
}
 .screen-img{
    margin-left:calc((-70vw + 100%) / 2);
    padding:30px 0
}
 .single-portfolio-list h3{
    font-size:24px
}
 .portfolio-list .owl-nav button{
    position:absolute;
    right:6%;
    top:-100px
}
 .portfolio-list .owl-nav button i,.testimonial-bg .home-2-testimonial-carousel button i,.testimonial-home-5 .portfolio-list .owl-nav button i,.home-2-testimonial-carousel button i{
    width:50px;
    height:50px;
    line-height:46px
}
 .portfolio-list .owl-nav button i{
    background:#fff;
    border:2px solid #0298FF;
    color:#0298FF
}
 .portfolio-list .owl-nav button:hover i{
    background-color:#0298FF;
    color:#fff
}
 .portfolio-list .owl-nav button.owl-next,.home-2-testimonial-carousel button.owl-next{
    right:0
}
 .single-portfolio-list:hover{
    margin-top:20px
}
 .single-portfolio-list{
    transition:.4s
}
 .home-2-read-more-btn:hover{
    color:#0298ff
}
 .home-2-read-more-btn i{
    transition:.3s
}
 .home-2-read-more-btn:hover i{
    margin-left:10px
}
 .testimonial-bg-2{
    background-image:url(../image/testimoals-bg-2.png)
}
 .testimonial-bg{
    background-position:center;
    background-size:100% 100%;
    padding:200px 0;
    position:relative;
    overflow:hidden
}
 .home-2-testimonial-carousel .testmonial-author-section{
    max-width:100%;
    margin-top:25px
}
 .home-2-testimonial-carousel .single-testimonial-item{
    text-align:left;
    box-shadow:0 0 15px #f1f1f1;
    padding:30px;
    margin:30px 15px
}
 .owl-carousel.home-2-testimonial-carousel .testimonial-content img{
    margin:0 0 20px;
    width:50px
}
 .home-2-testimonial-carousel .testimonial-content h6{
    font-size:20px;
    font-style:normal;
    font-weight:400
}
 .home-2-testimonial-carousel .author-image .testmonial-author-section img{
    box-shadow:1px 5px 20px #D8E0EA
}
 .home-2-testimonial-carousel .author-text h4{
    font-size:16px
}
 .home-2-testimonial-carousel .author-text h4 span{
    font-size:15px
}
 .home-2-testimonial-carousel .owl-nav button{
    margin:0 5px
}
 .home-2-testimonial-carousel button i{
    background-color:#fff;
    border:2px solid #0298FF;
    color:#0298FF
}
 .home-2-testimonial-carousel button:hover i{
    background:#0298FF;
    color:#fff
}
 img.h-2-img{
    position:absolute;
    right:-10%;
    top:0;
    width:130px;
    -webkit-animation:hometwoimg 10s linear infinite;
    animation:hometwoimg 20s linear infinite
}
 @-webkit-keyframes hometwoimg {
     0%{
        right:-10%;
        top:0
    }
     25%{
        right:-10%;
        top:15%;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg)
    }
     50%{
        right:3%;
        top:15%;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg)
    }
     75%{
        right:3%;
        top:0;
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
     100%{
        right:-10%;
        top:0
    }
}
 img.h-2-img-2{
    position:absolute;
    left:-10%;
    bottom:0;
    width:130px;
    -webkit-animation:hotwoimg 10s linear infinite;
    animation:hotwoimg 20s linear infinite
}
 @-webkit-keyframes hotwoimg {
     0%{
        left:-10%;
        bottom:0
    }
     25%{
        left:-10%;
        bottom:15%;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg)
    }
     50%{
        left:3%;
        bottom:15%;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg)
    }
     75%{
        left:3%;
        bottom:0;
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
     100%{
        left:-10%;
        bottom:0
    }
}
 .home-2-contact-area .home-2-section-title a{
    color:#0298ff;
    margin-top:20px;
    display:inline-block;
    font-style:italic
}
 .home-2-contact-area .home-2-section-title p{
    margin-top:30px
}
 .home-2-contact-area .home-2-section-title{
    margin-bottom:0
}
 .home-2-contact-form.contact-form{
    box-shadow:0 0 15px #f1f1f1;
    padding:40px;
    border-radius:5px
}
 .home-2-contact-form.contact-form form button{
    border:2px solid #0298ff;
    border-radius:0;
    box-shadow:none;
    color:#0298ff;
    height:60px;
    padding:0 80px 0 20px;
    position:relative
}
 .home-2-contact-form.contact-form form button.boxed-btn i{
    background:#298fff none repeat scroll 0 0;
    color:#fff;
    height:100%;
    padding-top:17px;
    position:absolute;
    right:0;
    top:0;
    transition:all .3s ease 0;
    width:58px
}
 .home-2-contact-form.contact-form form button.boxed-btn:hover{
    background:#298FFF;
    color:#fff
}
 .home-2-contact-form.contact-form form button.boxed-btn:hover i{
    background:#fff;
    color:#298FFF
}
 .home-2-contact-form.contact-form form p input:focus,.home-2-contact-form.contact-form form p textarea:focus{
    color:#79879d;
    background-color:rgba(2,152,255,0.07);
    border-color:#0298ff
}
 .home-2 .testimonial-content{
    color:#565968;
    font-size:20px;
    font-style:normal;
    margin-bottom:0
}
 .home-2-footer-bg{
    background-image:url(../image/home-2-footer-bg.png)
}
 .home-footer-logo{
    display:inline-block
}
 .home-2-footer-area{
    background-position:top center;
    background-size:cover;
    padding:300px 0 30px;
    position:relative
}
 .home-2-footer-area,.home-2-footer-area a,.home-2-footer-area h4{
    line-height:1.9;
    color:#fff
}
 .home-2-footer-area h4{
    font-size:24px
}
 .home-2-footer-area ul{
    margin:0;
    padding:0;
    list-style:none
}
 .home-2-footer-area li{
    display: inline-block;
    /* margin: 10px;
     */
    /* background: #387bff;
    */
     border-radius: 30px;
     color: #000;
     padding: 3px 10px;
}
 .home-2-footer-area li:first-child{
     padding: 3px 10px 3px 0;
}
 .home-2-footer-area li a{
    display:block;
    line-height:2;
    font-size:16px;
    font-weight:300
}
 .home-2-footer-area.home-2-footer-bg .copyright-area{
    padding:50px 0 0
}
 .service-tab.about-tab{
    padding-bottom:30px;
    padding-top:80px
}
 .breadcromb-area,.breadcromb-area a{
    color:#fff
}
 .breadcromb-area a:hover{
    color:#FFBC48
}
 .breadcromb-area{
    padding-top:200px;
    padding-bottom:300px;
    background-position:center;
    background-size:cover;
    position:relative
}
 .breadcromb-area i{
    padding:7px
}
 .breadcromb-area h2{
    font-size:50px
}
 .about-bg{
     background: #f6fbff 
}
 .breadcromb-area{
    background-image:url(../image/hero-6-bg.png);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eff2ff',GradientType=0)
}
 .breadcromb-area{
    padding:200px 0 150px
}
 .breadcromb-text{
    position:relative;
    z-index:2
}
 .about-bg{
    position:relative;
    z-index:1;
    overflow:hidden
}
 .box{
    width:500px;
    height:500px;
    display:block;
    z-index:-1;
    border-radius:50%;
    position:absolute;
    top:-20%;
    left:25%;
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebeefe',endColorstr='#F9FAFF',GradientType=1)
}
 .box:before{
    position:absolute;
    left:20%;
    top:20%;
    width:60%;
    height:60%;
    content:"";
    z-index:1;
    border-radius:50%
}
 .c-border-2 span{
    position:absolute;
    right:15%;
    bottom:-15%;
    width:210px;
    height:210px;
    display:block;
     border-radius:50%
}
 .c-img-1 img{
    position:absolute;
    left:0;
    bottom:0;
    pointer-events:none
}
 .c-img-1 img.c-img-2{
    left:auto;
    right:0
}
 .about-bg .box.c-border-1{
    left:auto;
    right:-5%;
    top:auto;
    bottom:-5%;
    width:300px;
    height:300px;
    z-index:-1
}
 .about-bg .box.c-border-1:before{
    width:50%;
    height:50%;
    left:25%;
    top:25%
}
 .single-team-item img{
    box-shadow:0 0 15px #ddd;
    background:#ffff
}
 .single-team-item h4{
    margin:30px 0 15px;
    font-size:18px
}
 .single-team-item h4 span{
    font-size:14px;
    display:block;
    color:#888;
    font-weight:400;
    margin-top:6px
}
 .social-links a{
    width:40px;
    height:40px;
    line-height:40px;
    display:inline-block;
    color:#233D63
}
 .social-links a:hover{
    color:#FFBC48
}
 .heading-collapse h4 a{
    display:block;
    padding:25px;
    position:relative;
    margin-top:0;
    margin-bottom:0;
    font-size:18px;
    color:inherit
}
 .heading-collapse h4 a i.fal{
    float:right;
    font-size:20px;
    line-height:16px;
    display:none
}
 .heading-collapse h4 a[aria-expanded="true"] i.fal.fa-angle-down,.heading-collapse h4 a[aria-expanded="false"] i.fal.fa-angle-up{
    display:block
}
 .card-body{
    padding:0 25px 25px
}
 .card-header.heading-collapse{
    padding:0;
    background:none;
    border:none
}
 .card-header.heading-collapse h4{
    margin-bottom:0
}
 .card.mb-30{
    box-shadow:0 0 15px #f1f1f1;
    border:none
}
 #accordion{
    margin-top:80px
}
 .blog-bg-1{
    background-image:url(../image/blog/blog-1.jpg)
}
 .blog-bg-2{
    background-image:url(../image/blog/blog-2.jpg)
}
 .blog-bg-3{
    background-image:url(../image/blog/blog-3.jpg)
}
 .blog-bg-4{
    background-image:url(../image/blog/blog-4.jpg)
}
 .blog-bg-5{
    background-image:url(../image/blog/blog-5.jpg)
}
 .blog-bg-6{
    background-image:url(../image/blog/blog-6.jpg)
}
 .blog-bg-7{
    background-image:url(../image/blog/blog-7.jpg)
}
 .blog-bg-8{
    background-image:url(../image/blog/blog-1.jpg)
}
 .blog-bg-9{
    background-image:url(../image/blog/blog-2.jpg)
}
 .blog-bg-10{
    background-image:url(../image/blog/blog-3.jpg)
}
 .blog-bg{
    display:block;
    height:220px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}
 .learn-more-btn{
    margin-top:30px
}
 .blog-meta,.blog-meta a{
    color:#7f8fac;
    font-size:17px;
    margin-right:4px;
    margin-bottom:20px
}
 .single-blog-box h4 a{
    line-height:1.5;
    color:#233d63
}
 .normal-btn{
    color:#586082;
    text-transform:uppercase;
    letter-spacing:2px
}
 .instagram-posts img,.recent-post img{
    border-radius:5px;
    box-shadow:0 4px 16px rgba(0,0,0,.1)
}
 .instagram-posts img{
    margin-bottom:10px;
    margin-right:8px
}
 .single-blog-box h4{
    font-size:24px
}
 .tagcloud a{
    display:inline-block;
    padding:5px 10px;
    margin-right:2px;
    margin-bottom:8px
}
 .category-widgets h4,.recent-post h4,.tag-clouds h4,.instagram-posts h4{
    font-size:24px;
    position:relative;
    z-index:1
}
 .category-widgets,.recent-post,.tag-clouds,.instagram-posts{
    margin-bottom:50px
}
 .single-recent-area{
    margin-bottom:20px
}
 .recent-thumbnail{
    width:80px;
    float:left;
    margin-right:15px
}
 .recent-content a{
    color:#7f8fac;
    font-size:14px
}
 .recent-content h5 a{
    font-size:15px;
    color:#535e72
}
 .category-widgets ul{
    margin:0;
    padding:0;
    list-style:none
}
 .category-widgets li{
    display:block;
    margin-bottom:10px
}
 .category-widgets li a{
    color:#535e72;
    line-height:40px;
    font-size:18px;
    display:block;
    padding:5px 20px
}
 .tagcloud a{
    background:#fff9ee
}
 .tagcloud a:hover{
    border-color:#ffbc48;
    background:#ffbc48
}
 .single-blog-box .border-boxed-btn{
    padding:6px 25px;
    margin-bottom:20px;
    background:#fff9ee
}
 .single-blog-box .border-boxed-btn:hover{
    background:#ffbc48
}
 .blog-pd{
    padding:0 20px 20px
}
 .search-form input{
    border:0;
    padding:15px;
    width:100%
}
 .search-form button{
    position:absolute;
    top:0;
    right:0;
    width:65px;
    border:0;
    height:100%;
    cursor:pointer;
    background:none
}
 .search-form button i{
    color:#FFBC48
}
 .search-form{
    position:relative;
    margin-bottom:50px;
    box-shadow:0 0 15px #f1f1f1
}
 a.border-boxed-btn.m-35{
    margin:35px 0
}
 .category-widgets h4:after,.recent-post h4:after,.tag-clouds h4:after,.instagram-posts h4:after{
    position:relative;
    width:60px;
    content:"";
    background:#FFBC48;
    height:3px;
    display:inline-block;
    top:-5px;
    left:20px
}
 .recent-post h4:after{
    right:45px
}
 .tag-clouds h4:after{
    right:55px
}
 .instagram-posts h4:after{
    right:0
}
 .category-widgets li a:hover{
    box-shadow:0 0 15px #f1f1f1
}
 .category-widgets li a span{
    float:right
}
 .category-widgets li a:hover span{
    color:#FFBC48
}
 .recent-content h5{
    margin-bottom:0
}
 .instagram-posts img{
    width:30.33%;
    margin-right:5px;
    margin-bottom:7px
}
 .boxed-btn{
    display:inline-block
}
 .single-blog-box{
    box-shadow:0 0 15px #f1f1f1
}
 .blog-area{
    padding-bottom:80px
}
 .single-post-area h3{
    font-size:24px;
    margin-bottom:10px
}
 .single-post-area p.blog-meta{
    margin-bottom:35px
}
 .height-70{
    height:70px
}
 .single-post-area h3{
    font-size:24px;
    margin-bottom:25px
}
 .single-post-area .img-center h5{
    font-size:17px;
    margin-top:15px;
    color:#737b9a
}
 .single-post-area .img-center{
    margin:50px 0
}
 .single-post-area blockquote{
    padding:50px 90px;
    font-style:italic
}
 .single-post-area blockquote h4{
    font-size:26px;
    line-height:1.4
}
 .single-post-tag .tagcloud span,.single-post-tag .social-share span{
    font-size:18px;
    font-weight:300;
    margin-right:15px
}
 .single-post-tag{
    margin:40px 0;
    color:#233d63
}
 .single-post-tag .social-share a{
    width:45px;
    display:inline-block;
    height:45px;
    line-height:45px;
    border:#233d63 solid 1px;
    color:#233d63;
    margin:0 2px
}
 .single-post-tag .social-share a:hover{
    background:#FFBC48;
    border-color:#FFBC48
}
 .single-post-tag .social-share span{
    margin-right:15px
}
 .single-post-area .single-blog-box{
    margin-bottom:60px
}
 .author-details h4{
    font-size:18px
}
 .author-details{
    display:flex;
    margin-bottom:60px;
    padding:20px;
    box-shadow:0 0 15px #f1f1f1
}
 .author-img{
    width:15%
}
 .author-content{
    width:73%;
    margin-left:30px
}
 .comment-title,.comment-form h2{
    font-size:24px;
    position:relative;
    padding-bottom:10px
}
 .comments{
    margin:0;
    padding:0;
    list-style:none
}
 .comments li .comment-author-area{
    padding:30px;
    position:relative;
    display:flex;
    box-shadow:0 0 15px #f1f1f1
}
 .comment-author-img{
    width:30%;
    margin-right:30px
}
 .comment-reply-btn{
    font-size:16px;
    font-weight:700;
    color:#333;
    margin-top:-20px
}
 .comment-meta h4{
    font-size:18px
}
 .comment-meta h4 strong{
    font-size:14px;
    color:#737b9a;
    margin-left:30px
}
 .comment-reply-btn,.comment-reply-btn:hover{
    color:#ffbc48;
    font-size:17px;
    display:inline-block
}
 .comments li ul{
    margin:0;
    padding:0;
    list-style:none;
    padding-left:90px
}
 .post-a-comment-area{
    margin-top:60px;
    margin-bottom:70px
}
 .post-a-comment-area h4{
    margin-bottom:23px
}
 .form-input input,.form-input textarea,.contact-form-area textarea,.contact-form-area input, select{
    width:100%;
    margin-bottom:26px;
    padding:10px;
    border:#cccccc solid 1px
}
 .form-input textarea,.contact-form-area textarea{
    height:120px
}
 .contact-form-area label{
    font-size:20px;
    margin-bottom:12px;
    color:#233d63
}
 .post-a-comment-area p{
    margin-bottom:50px
}
 .contact-form-area input[type="text"]:focus,.contact-form-area input[type="email"]:focus,.contact-form-area textarea:focus{
    border:1px solid #ffbc48
}
 .single-post-area a.border-boxed-btn{
    background:#fff9ee;
    height:43px
}
 .single-post-area a.border-boxed-btn:hover{
    background:#ffbc48
}
 .home-3-header-area .mainmenu li:hover > a,.home-3-header-area .mainmenu li > a.active{
    color:#FF6347!important
}
 .header-area-1.home-3-header-area .mainmenu li ul li:hover > a{
    background:#FF6347
}
 .is-sticky .home-3-header-area .border-boxed-btn{
    background:#FF6347;
    border:1px solid #FF6347;
    color:#fff
}
 .home-3-header-area .border-boxed-btn{
    border:1px solid #fff;
    color:#FF6347
}
 .is-sticky .home-3-header-area .border-boxed-btn:hover,.home-3-tab-section a.border-boxed-btn:hover,.home-3-contact-area form button.boxed-btn:hover,.home-3-footer-area .subscribe-form button:hover,.home-3-header-area .border-boxed-btn:hover{
    color:#FF6347
}
 .home-3-header-area .border-boxed-btn:hover{
    border-color:#FF6347
}
 .home-3-header-area .mainmenu li:hover > a:after,.home-3-header-area .mainmenu li > a.active:after{
    background-color:#FF6347
}
 .home-3-header-area .mainmenu li ul li:hover a{
    color:#fff!important
}
 .service-3-bgi{
    position:relative;
    z-index:1;
    padding:80px 0 60px
}
 .service-3-bgi:after{
    position:absolute;
    left:0;
    top:0;
    width:50%;
    height:100%;
    background-image:url(../image/service-3-bg.png);
    background-size:100% 100%;
    background-position:center;
    background-repeat:no-repeat;
    content:"";
    z-index:-1
}
 .service-3-bg{
    background-color:#fff;
    box-shadow:0 20px 50px 0 rgba(85,92,121,0.04);
    max-width:1200px;
    padding:80px 50px 50px
}
 .home-3-single-service-item .icon-img-table{
    margin-bottom:20px;
    width:50%
}
 .intrest_app_download .intrest_app_btn{
    display:inline-block;
    padding:27px 50px;
    border-radius:50px;
    padding-left:90px;
    line-height:20px;
    border:2px solid #387bff;
    font-size:14px;
    background:transparent;
    font-weight:700;
    position:relative;
    transition:all .5s;
    margin-top:10px;
    margin-right:30px;
    color:#000
}
 .app_icon:before{
    font-family:'Font Awesome 5 Brands';
    position:absolute;
    left:42px;
    top:37px;
    font-size:38px;
    color:#387bff
}
 .apple_icon:before{
    content:'\f36f'
}
 .android_icon:before{
    content:'\f17b'
}
 .intrest_app_download .intrest_app_btn span{
    display:block;
    font-size:12px;
    color:#387bff;
    text-transform:uppercase
}
 .intrest_app_download .intrest_app_btn:hover span{
    color:#fff
}
 .intrest_app_download{
    padding:45px 0
}
 .android{
    padding:0;
    text-align:center
}
 .home-3-section-title h2{
    font-size:50px;
    font-weight:400
}
 .home-3-section-title{
    margin-bottom:60px
}
 .hero-area.home-3-hero-bg{
    width:100%;
    background-image:url(../image/home-3-hero-bg.png);
    background-size:58% 100%;
    background-position:top right;
    background-repeat:no-repeat;
    padding:200px 0 120px
}
 .home-3-hore-img{
    margin-right:calc((-70vw + 100%) / 2)
}
 .subscribe-form.home-3-subscribe-form button{
    background:#FF6347;
    box-shadow:0 5px 15px #ff634794;
    padding:15px 50px;
    border:#FF6347 solid 1px
}
 .home-3-contact-area form p input[type="text"]:focus,.home-3-contact-area form p input[type="email"]:focus,.home-3-contact-area form p textarea:focus{
    color:#79879d;
    background-color:rgba(255,99,71,0.14);
    border-color:#ff6347
}
 .subscribe-form.home-3-subscribe-form button:hover{
    color:#FF6347
}
 .hero-area.home-3-hero-bg .subscribe-form input[type="email"]{
    border:1px solid #ddd
}
 .testimonial-area.home-3-testimonial-area{
    background:#FFF6F4
}
 .single-service-item.home-3-single-service-item{
    border:none
}
 .home-3-hero-title h1{
    font-size:85px;
    font-weight:400
}
 .subscribe-form.home-3-subscribe-form{
    margin-top:40px
}
 .home-3-tab-section .col-lg-7 .home-3-section-title{
    margin-bottom:60px
}
 .home-3-tab-section .home-3-section-title .border-boxed-btn,.home-3-contact-area .contact-form form button,.home-3-footer-area .subscribe-form button{
    background:#4a19b1;
    margin-top:30px;
    border-color:#4a19b1;
    box-shadow:0 5px 15px #4a19b1
}
 .contact-form .home-3-section-title{
    margin-bottom:30px
}
 .home-3-footer-area .subscribe-form input[type="email"],.home-3-footer-area .subscribe-form button{
    border-radius:50px
}
 .home-3-footer-area .subscribe-form input[type="email"]{
    padding:15px 32px;
    background-color:#303A5B;
    border-color:#303A5B
}
 .home-3-footer-area .subscribe-form input[type="email"]::-webkit-input-placeholder{
    color:#fff
}
 .home-3-footer-area .subscribe-form input[type="email"]:-ms-input-placeholder{
    color:#fff
}
 .home-3-footer-area .subscribe-form input[type="email"]::-ms-input-placeholder{
    color:#fff
}
 .home-3-footer-area .subscribe-form input[type="email"]::-moz-placeholder{
    color:#fff
}
 .home-3-footer-area .subscribe-form input[type="email"]::placeholder{
    color:#fff
}
 .home-3-footer-area .subscribe-form button{
    background:#387BFF;
    border-color:#387BFF;
    box-shadow:0 5px 15px #387bff85;
    margin-top:0
}
 .home-3-footer-area .subscribe-form button:hover{
    color:#387BFF
}
 .home-3-contact-area form button.boxed-btn{
    margin-top:20px
}
 .home-3-tab-section .col-lg-12 .home-3-section-title{
    margin:0
}
 .home-3-tab-list ul li{
    width:33.33%
}
 .home-3-tab-list li a{
    padding:20px 0;
    color:#233d63
}
 .home-3-tab-list ul{
    border-bottom:medium none;
    margin-bottom:60px;
    position:relative;
    z-index:1
}
 .home-3-tab-list ul:after{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:3px;
    content:"";
    background:#ddd;
    z-index:-1
}
 .home-3-tab-list li a.nav-link.active{
    background:none;
    box-shadow:none;
    position:relative;
    z-index:1
}
 .home-3-tab-list li a.nav-link.active:after{
    position:absolute;
    left:0;
    bottom:1px;
    width:100%;
    height:3px;
    content:"";
    background:red
}
 .home-3-testimonial-area .testimonial-carousel .owl-dots button.active{
    background:#FF6347
}
 .home-3-testimonial-area .testimonial-carousel .owl-dots button{
    background:#ff634773
}
 .footer-area.home-3-footer-area{
    background:#1C233D
}
 .home-3-footer-area .footer-mainmenu li:hover > a{
    color:#FF6347
}
 .footer-area.home-3-footer-area .social-link a:hover{
    color:#FF856F
}
 .home-3-tab-section .home-3-section-title .border-boxed-btn{
    padding:15px 30px
}
 .home-3-footer-area .section-title{
    margin-bottom:0
}
 .home-3 .footer-mainmenu ul li a{
    color:#fff
}
 .home-3 .footer-mainmenu ul li a:hover{
    color:#ff6347
}
 .header-area.header-area-4 a.border-boxed-btn{
    color:#6315FF
}
 .header-area.header-area-4 a.border-boxed-btn:hover{
    color:#fff
}
 .home-4-hero-title h1{
    font-size:50px
}
 .home-2-header-area.header-area-4 .mainmenu li a{
    color:#233d63
}
 .header-area-4 .mainmenu li:hover > a,.header-area-4 .mainmenu li > a.active{
    color:#6315FF!important
}
 .is-sticky .header-area-4 .mainmenu ul li > a.active{
    color:#6315FF!important
}
 .header-area-4 .mainmenu ul li > a.active:after,.header-area-4 .mainmenu li > a:after{
    background-color:#6315FF!important
}
 .header-area-4 .mainmenu li li:hover a{
    background:#6315FF;
    color:#fff!important
}
 .home-4-border-btn,.home-4-contact-area button.boxed-btn,.subscribe-form-home-4 .subscribe-form button{
    background:#6315FF;
    display:inline-block;
    padding:15px 40px;
    margin-right:15px;
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
    margin-top:30px;
    border:#6315FF solid 1px
}
 .home-4-hero a.home-4-right-btn{
    color:#6315FF;
    margin-left:15px
}
 .header-area-4 a.border-boxed-btn:hover{
    background:#6315FF
}
 .home-4-border-btn:hover{
    color:#6315FF
}
 .home-4-icon i:hover{
    background:#6315FF
}
 .home-4 .testimonial-content{
    color:#565968;
    font-size:18px;
    font-style:normal;
    margin-bottom:0
}
 .home-4-left-img{
    position:absolute;
    margin-left:calc((-71vw + 100%) / 2);
    top:0
}
 .services-4-area{
    position:relative;
    z-index:1
}
 .srv-4-img img{
    position:absolute;
    left:0;
    top:0
}
 .srv-4-img img:nth-child(2){
    top:auto;
    bottom:0
}
 .srv-4-img img:nth-child(3){
    left:auto;
    right:0;
    top:10%
}
 .srv-4-img img:nth-child(4){
    left:auto;
    top:auto;
    bottom:10%;
    right:0
}
 .features-area{
    position:relative;
    z-index:1
}
 .home-4-single-service-item .home-2-read-more-btn{
    color:#6315FF
}
 .home-4-hero-img{
    margin-right:calc((-60vw + 100%) / 2);
    margin-top:-60px;
    text-align:right;
     position: relative;
}
 .home-4-border-btn i{
    margin-left:30px
}
 .home-4-icon img{
    width:100%;
    padding:18px
}
 .asset-img-1{
    margin-right:calc((-50vw + 100%) / 2)
}
 .asset-img-2{
    margin-left:calc((-50vw + 100%) / 2)
}
 .asset-abt-img{
    position:absolute;
    bottom:0;
    width:115px;
    margin-right:calc((-65vw + 100%) / 2);
    right:0
}
 .asset-area-2{
    position:relative
}
 .asset-area-1{
    padding-bottom:100px
}
 .asset-bg{
    padding:130px 0 250px;
    background-position:center;
    background-size:100% 100%;
    background-image:url(../image/asset-bg.png)
}
 .home-2-header-area a.border-boxed-btn{
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
    color:#2F7BFF
}
 .abslt-img-h-4{
    -ms-grid-row-align:center;
    align-self:center;
    flex:0 0 63px
}
 .review{
    color:#F9A66E;
    margin-bottom:23px
}
 .testimonial-home-4{
    padding-top:100px
}
 .testimonial-home-4 .author-text{
    flex:0 0 120px
}
 .testimonial-home-4 .owl-nav button{
    position:absolute;
    right:65px;
    top:-170px
}
 .testimonial-home-4 .owl-nav button.owl-next{
    right:0
}
 .home-4-icon i{
    width:80px;
    height:80px;
    line-height:80px;
    box-shadow:0 5px 15px #e0dcdc;
    color:#6315FF;
    font-size:30px
}
 .testimonial-home-4 .home-2-testimonial-carousel .owl-nav button i{
    background-color:#fff;
    border-color:#6315FF;
    color:#6315FF;
    border-radius:3px
}
 .testimonial-home-4 .home-2-testimonial-carousel .owl-nav button:hover i{
    color:#fff;
    background-color:#6315FF
}
 .single-features-item:hover .features-icon i{
    box-shadow:0 0 0 100px #6315FF inset;
    color:#fff
}
 .home-4-contact-area button.boxed-btn:hover{
    border-color:#6315FF;
    color:#6315FF
}
 .home-4-contact-area form p input[type="text"]:focus,.home-4-contact-area form p input[type="email"]:focus,.home-4-contact-area form p textarea:focus{
    color:#79879d;
    background-color:#e9e8f1;
    border-color:#6315ff
}
 .single-service-item.home-4-single-service-item .icon-img-table{
    width:75px;
    height:75px;
    background:#F7F9FF;
    position:relative
}
 .single-service-item.home-4-single-service-item .icon-img-table i{
    -webkit-transform:translate3d(22px,-10px,18px);
    transform:translate3d(22px,-10px,18px);
    font-size:45px;
    color:#6315FF
}
 .single-service-item.home-4-single-service-item:hover .icon-img-table{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
}
 .single-service-item.home-4-single-service-item .icon-img-table{
    transition:.7s
}
 .subscribe-form-home-4 .subscribe-form button:hover{
    background:#fff;
    color:#6315FF
}
 .single-service-item.home-4-single-service-item{
    padding:60px 30px 55px;
    border:none
}
 .single-service-item.home-4-single-service-item .absolute-icon{
    position:absolute;
    right:10px;
    bottom:4px
}
 .single-service-item.home-4-single-service-item .absolute-icon i{
    font-size:25px;
    color:#ED5160
}
 .single-features-item{
    display:flex
}
 .features-icon{
    width:30%
}
 .features-content{
    width:70%
}
 .features-icon i{
    width:80px;
    height:80px;
    border:#6315FF solid 1px;
    line-height:80px;
    color:#6315FF;
    font-size:26px;
    transition:.5s;
    box-shadow:0 0 0 1px #6315ff inset
}
 .features-content h4{
    font-size:17px
}
 .single-counter-box p span,.single-counter-box p{
    font-size:40px;
    color:#233d63;
    font-weight:700
}
 .single-counter-box{
    padding:20px
}
 .single-counter-box h5{
    font-size:20px
}
 .single-counter-box p{
    margin-bottom:0
}
 .counter-bg{
    background-image:url(../image/features-bg.png)
}
 .counter-contact{
    background-position:center;
    background-size:100% 100%;
    padding:100px 0 300px
}
 .home-4-contact-area-img{
    margin-left:-50px
}
 .home-4-contact-area button.boxed-btn{
    margin-top:0
}
 .home-4-footer-area{
    background:#182044;
    padding:80px 0 25px;
    background-image:url(../image/footer-4-bg.png);
    background-position:10% 50%;
    background-repeat:no-repeat;
    background-size:100% auto
}
 .home-4-footer-area .copyright-area{
    padding-top:80px
}
 .h-4-copy-1{
    position:absolute;
    right:70px;
    bottom:-45px;
    margin-right:calc((-70vw + 100%) / 2)
}
 .h-4-copy-1 img{
    width:90px
}
 .subscribe-form-home-4 .section-title h2{
    font-size:40px;
    font-weight:700
}
 .home-4-contact-area .asset-abt-img{
    bottom:-145px
}
 .subscribe-form-home-4 .section-title{
    margin-bottom:0
}
 .home-5 .testimonial-content{
    color:#fff;
    font-size:18px;
    font-style:normal;
    margin-bottom:0
}
 .header-area-5 .mainmenu li ul li a{
    color:#000!important
}
 .is-sticky .header-area-5 .mainmenu li ul li a:hover{
    color:#fff!important
}
 .header-area-5 .mainmenu li ul li:hover a,.header-area-5 .mainmenu li ul li:hover a.active{
    color:#fff!important
}
 .home-5-footer-area{
    background:#0B1370
}
 .subscribe-form-home-5{
    background:#172082
}
 .subscribe-form-home-5 .subscribe-form button,.counter-bg-5 button.boxed-btn,.asset-5 .home-4-border-btn,.hero-bg-5 a.home-4-border-btn{
    background:#EC4C5C;
    box-shadow:0 5px 15px #ec4c5ca1;
    border:#EC4C5C solid 1px;
    transition:.3s
}
 .hero-bg-5 a.home-4-border-btn:hover,.asset-5 a.home-4-border-btn:hover,.contact-area-5 .contact-form form button:hover,.subscribe-form-home-5 .subscribe-form button:hover{
    background:#fff;
    color:#EC4C5C
}
 .features-area.features-5{
    background:#172082
}
 .asset-5{
    padding:120px 0 250px
}
 .counter-5,.asset-5{
    background:#172082;
    background-repeat:no-repeat;
    width:100%;
    background-size:100% 100%;
    background-position:center
}
 .counter-bg-5{
    background-image:url(../image/counter-bg-5.png)
}
 .features-area.features-5 i{
    color:#EC4C5C;
    border-color:#EC4C5C;
    box-shadow:0 0 0 1px #EC4C5C inset
}
 .features-5 .single-features-item:hover .features-icon i{
    box-shadow:0 0 0 100px #EC4C5C inset
}
 .testimonial-home-4.testimonial-home-5{
    background:#172082
}
 .testimonial-home-4.testimonial-home-5 .single-testimonial-item{
    background:#0B1370;
    box-shadow:0 0 30px 0 rgba(193,189,189,0.1)
}
 .services-bg-5{
    background:#172082
}
 .services-bg-5 .single-service-item .icon-img-table{
    background:#0B1370
}
 .services-bg-5 .single-service-item:hover .icon-img-table,.services-bg-5 .single-service-item.active .icon-img-table{
    background:#172082
}
 .services-bg-5 .single-service-item:hover,.services-bg-5 .single-service-item.active{
    background:#0B1370;
    box-shadow:0 0 30px 0 rgba(193,189,189,0.1)
}
 .services-bg-5 .single-service-item .icon-img-table .absolute-icon i{
    background:#0B1370;
    color:#E4495C
}
 .services-bg-5 .single-service-item .home-2-read-more-btn{
    color:#AB3B62
}
 .services-bg-5 a.home-2-read-more-btn:hover i{
    margin-left:15px
}
 .services-bg-5 a.home-2-read-more-btn i{
    transition:.3s
}
 .home-2-section-title.title-5 .home-4-icon i,.home-3-section-title.title-5 .home-4-icon i{
    box-shadow:none;
    color:#EC4C5C
}
 .hero-bg-5 a.home-4-right-btn{
    color:#EC4C5C
}
 .hero-bg-5{
    align-items:center;
    background:#172082 none repeat scroll 0 0;
    display:flex;
    height:100%
}
 .counter-bg-5 .single-counter-box{
    background:#171F82
}
 .counter-bg-5 .single-counter-box p,.counter-bg-5 .single-counter-box p span,.counter-bg-5 .single-counter-box h5{
    color:#fff
}
 .testimonial-home-5 .portfolio-list .owl-nav button i{
    background:#EC4C5C;
    border:2px solid #EC4C5C
}
 .testimonial-home-5 .home-2-testimonial-carousel .owl-nav button i{
    background-color:#fff;
    border-radius:3px;
    border-color:#fff;
    color:#EC4C5C
}
 .contact-area-5 form p input[type="text"]:focus,.contact-area-5 form p input[type="email"]:focus,.contact-area-5 form p textarea:focus{
    color:#79879d;
    background-color:#172082;
    border-color:#ec4c5c
}
 .contact-area-5 form p input[type="text"],.contact-area-5 form p input[type="email"],.contact-area-5 form p textarea{
    background:#172082!important
}
 .contact-area-5 form p input::-webkit-input-placeholder,.contact-area-5 form p textarea::-webkit-input-placeholder{
    color:#fff
}
 .contact-area-5 form p input:-ms-input-placeholder,.contact-area-5 form p textarea:-ms-input-placeholder{
    color:#fff
}
 .contact-area-5 form p input::-ms-input-placeholder,.contact-area-5 form p textarea::-ms-input-placeholder{
    color:#fff
}
 .contact-area-5 form p input::-moz-placeholder,.contact-area-5 form p textarea::-moz-placeholder{
    color:#fff
}
 .contact-area-5 form p input::placeholder,.contact-area-5 form p textarea::placeholder{
    color:#fff
}
 .testimonial-home-5 .home-2-testimonial-carousel .owl-nav button:hover i{
    color:#fff;
    background:#EC4C5C;
    border-color:#EC4C5C
}
 .subscribe-form-home-4 .subscribe-form input,.subscribe-form-home-5 .footer-subscribe-form input{
    width:100%;
    padding:25px 15px
}
 .subscribe-form-home-4 .footer-subscribe-form,.subscribe-form-home-5 .footer-subscribe-form{
    position:relative
}
 .subscribe-form-home-4 .footer-subscribe-form button,.subscribe-form-home-5 .footer-subscribe-form button{
    position:absolute;
    top:11px;
    margin-top:0;
    right:-3px;
    padding:13px 35px
}
 .contact-area-5 .contact-form form label{
    color:#fff
}
 .home-5-footer-area .social-link a:hover{
    color:#EC4C5C
}
 .home-5 .mainmenu li a{
    color:#fff
}
 .home-5 .mainmenu li a.active,.home-5 .mainmenu li a:hover{
    color:#EC4C5C!important
}
 .is-sticky .home-2-header-area .mainmenu ul li > a.active,.is-sticky .home-2-header-area .mainmenu ul li > a:hover{
    color:#1255db!important
}
 .is-sticky .home-2-header-area .mainmenu ul li li a.active,.is-sticky .home-2-header-area .mainmenu ul li li a:hover{
    color:#fff!important;
    background:#1255db
}
 .home-5 .mainmenu li a::after,.home-5 .is-sticky .mainmenu li a::after{
    background:#EC4C5C none repeat scroll 0 0
}
 .home-6 .mainmenu li a{
    color:#fff
}
 .hero-bg-6{
    background-image:url(../image/hero-6-bg.png)
}
 .is-sticky .header-area-6 .mainmenu li a{
    color:#888
}
 .is-sticky .header-area-6 .mainmenu li:hover > a{
    color:#1F70E5
}
 .header-area-6 .mainmenu li ul li:hover > a,.is-sticky .header-area-6 .mainmenu li > a:after{
    background:#1F70E5;
    color:#fff!important
}
 .header-area-6 .mainmenu li:hover > a{
    color:#FEC00F
}
 .is-sticky .header-area-6 .mainmenu li > a.active{
    color:#1F70E5!important
}
 .logo h2{
    font-size:25px;
    margin:0;
    margin-top:20px;
    font-weight:400;
    text-transform:capitalize
}
 .is-sticky .logo h2{
    color:#1255DB
}
 .header-area-6 a.border-boxed-btn{
    color:#387bff;
    border-color:#fff;
    border-radius:50px
}
 .is-sticky .header-area-6 a.border-boxed-btn{
    border:1px solid #1F70E5
}
 .is-sticky .header-area-6 a.border-boxed-btn:hover{
    background:#1F70E5
}
 .header-area-6 a.border-boxed-btn:hover{
    background:#3BABF9;
    box-shadow:0 5px 15px rgba(0,0,0,0.2)
}
 .hero-area.hero-6{
    padding:170px 0 200px;
    background-size:100% 100%;
}
 .hero-6 a.home-4-border-btn{
    background:#387BFF;
    border-radius:50px;
    border:1px solid #387BFF
}
 .hero-6 a.home-4-border-btn:hover{
    color:#387BFF
}
 .header-area-6 .mainmenu li ul li > a{
    color:#888
}
 .video-play-btn{
    margin-left:10px
}
 .video-play-btn i{
     width: 40px;
     height: 40px;
     border: #fff solid 1px;
     line-height: 40px;
     font-size: 10px;
}
 .video-play-btn i:hover{
    color:#2379E8
}
 .service-6-item i{
    width:80px;
    height:80px;
    line-height:80px;
    font-size:27px
}
 .single-service-6-item{
    padding:40px 25px;
    position:relative;
    z-index:1
}
 .single-service-6-item::after{
    background:rgba(0,0,0,0) linear-gradient(135deg,#131ef8 0%,#057ded 100%) repeat scroll 0 0;
    border-radius:5px;
    content:"";
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    transition:all .5s ease-in-out 0;
    width:100%;
    z-index:-1
}
 .single-service-6-item:hover:after{
    opacity:1
}
 .single-service-6-item-bg-1:hover:after,.service-6-item i{
    background:#131ef8;
    background:linear-gradient(135deg,#131ef8 0%,#057ded 100%)
}
 .single-service-6-item-bg-2:after{
    background:linear-gradient(135deg,#9e00f8 0%,#5700ed 100%)
}
 .single-service-6-item-bg-3:after{
    background:linear-gradient(135deg,#f8a100 0%,#ed7000 100%)
}
 .single-service-6-item-bg-2:hover:after,.service-6-item.service-6-item-2 i{
    background:#9e00f8;
    background:linear-gradient(135deg,#9e00f8 0%,#5700ed 100%)
}
 .single-service-6-item-bg-3:hover:after,.service-6-item.service-6-item-3 i{
    background:#f8a100;
    background:linear-gradient(135deg,#f8a100 0%,#ed7000 100%)
}
 .single-service-6-item:hover,.single-service-6-item:hover h4{
    color:#fff
}
 .service-6-item{
    color:#fff;
    position:relative
}
 .service-6-item .service-sub-icon i{
    width:30px;
    height:30px;
    line-height:30px;
    font-size:20px;
    color:#1b4fff;
    color:#fff
}
 .single-service-6-item h4{
    font-size:24px;
    margin-top:20px
}
 .service-sub-icon{
    position:absolute;
    right:65px;
    top:0
}
 .single-service-6-item p{
    margin-bottom:0
}
 .title-6 h4{
    text-transform:uppercase;
    color:#1b4fff;
    font-size:20px;
    font-weight:400;
    margin-bottom:25px
}
 .title-6 h2{
    font-size:38px
}
 .service-6-right-section a.home-4-border-btn{
    background:#387BFF;
    border-radius:50px;
    border-color:#387BFF
}
 .service-6-right-section a.home-4-border-btn:hover{
    color:#387BFF
}
 .about-counterup .single-counter-box{
    text-align:left;
    padding:0
}
 .about-counterup .single-counter-box h5{
    color:#737b9a;
    font-weight:400;
    font-size:18px
}
 .about-6-img{
    margin-right:calc((-70vw + 100%) / 2)
}
 .features-6-img{
    margin-left:calc((-53vw + 100%) / 2)
}
 .about-6-area{
    padding-top:90px
}
 .about-counterup .single-counter-box{
    margin-top:30px;
    background:none
}
 .service-about-bg{
    background-image:url(../image/service-about-bg.png)
}
 .service-about-area{
    background-position:center;
    background-size:100% 100%;
    padding:200px 0
}
 .about-counterup .single-counter-box i{
    font-size:30px;
    color:#1B4FFF;
    margin-bottom:20px
}
 .features-6-content{
    margin-top:40px
}
 .single-features-6-content{
    display:inline-flex;
    width:100%;
    align-items:center
}
 .single-features-6-content:last-child{
    margin-bottom:0
}
 .features-6-icon{
    width:15%;
    position:relative
}
 .features-6-icon i{
    font-size:40px;
    color:#2D55FE
}
 .features-6-icon .features-6-sub-icon i{
    font-size:25px;
    color:orange
}
 .features-6-sub-icon{
    position:absolute;
    top:22px;
    left:17px
}
 .features-6-text{
    width:85%
}
 .features-6-area{
    padding:100px 0 60px
}
 .features-6-area.features-6-area-2{
    padding:80px 0 100px
}
 .author-6-img{
    height:70px;
    margin-right:20px;
    width:70px
}
 .author-6-text{
    width:75%
}
 .author-6-img img{
    box-shadow:0 3px 10px #2f2f2f7d
}
 .author-6-text h4 span{
    display:block;
    font-size:18px;
    color:#737b9a;
    font-weight:300;
    margin-top:12px
}
 .author-6-text h4{
    font-size:20px;
    font-weight:600
}
 .single-blog-6-item{
    background-color:#fff
}
 .blog-6-area-bg .area-bg{
    background:rgba(0,0,0,0) url(../image/blog-6-bg.png) no-repeat scroll center center / 100% 100%
}
 .blog-6-bg{
    background-size:cover;
    background-position:center;
    height:220px
}
 .single-blog-6-item{
    box-shadow:0 8px 16px rgba(0,0,0,0.1)
}
 .blog-6-content{
    padding:30px 20px
}
 .blog-6-content h4 a{
    font-size:24px;
    line-height:1.7;
    color:#233d63
}
 .subscribe-form-6 button:hover{
    color:#387BFF
}
 .single-blog-6-item:hover{
    box-shadow:0 5px 15px #ECF0F6
}
 .blog-6-content p{
    margin-bottom:0
}
 .blog-6-area .title-6{
    margin-bottom:70px
}
 .blog-6-area{
    padding:150px 0;
    background-size:100% 100%;
    background-position:center
}
 .faqs-area .title-6{
    margin-bottom:60px
}
 .faqs-area.faqs-6-area{
    padding:100px 0
}
 .subscribe-form-6 input{
    width:60%;
    background:#303A5B;
    padding:12px 26px;
    border:0;
    border-radius:50px
}
 .subscribe-form-6 button{
    margin-left:2%;
    background:#387BFF;
    border:0;
    border-radius:50px;
    padding:12px 35px;
    cursor:pointer;
    display:inline-block;
    border:#387BFF solid 1px
}
 .subscribe-form-6 button:hover{
    color:#387BFF
}
 .intrest_app_download .intrest_app_btn:hover{
    background:#1f70e5;
    box-shadow:0 16px 32px 0 rgba(31,112,229,0.3)
}
 .intrest_app_download .intrest_app_btn:hover:before{
    color:#fff
}
 .subscribe-6-area h2{
    font-size:40px
}
 .subscribe-6-area{
    background:#e9f0f9;
    padding:30px 0
}
 .social-link.home-6{
    text-align:left;
    margin-top:0
}
 .social-link.home-6 a{
    width:45px;
    height:45px;
    line-height:50px;
    display:inline-block;
    color:#1C233D;
    margin-left:0;
    margin-right:8px
}
 .social-link.home-6 a:hover{
    background:#0298FF
}
 .home-2-footer-area.footer-area-6{
    background-color:#04060c;
    padding-top:80px;
    position:relative;
    z-index:1
}
 .home-2-footer-area.footer-area-6:after{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:2px;
    content:"";
    background:#3C435D;
    z-index:-1
}
 .home-2-footer-area.footer-area-6 .copyright-area{
    padding-top:70px
}
 .blog-6-area-bg{
    background-image:url(../image/blog/blog-6-bg.html)
}
 .home-7 .mainmenu li a{
    color:#fff
}
 .home-7 .single-counter-box p span,.home-7 .single-counter-box p{
    color:#fff
}
 .hero-bg-7{
    background-image:url(../image/hero-bg-7.png)
}
 .header-area-7 .border-boxed-btn{
    border:0;
    color:#FE5D89;
    border-radius:50px;
    border:#fff solid 1px
}
 .is-sticky .header-area-7 ul li > a{
    color:#000
}
 .header-area-7 .mainmenu li ul li:hover > a{
    background:#FE5D89;
    color:#fff
}
 .is-sticky .header-area-7 .logo h2{
    color:#FE5D89
}
 .is-sticky .header-area-7 a.border-boxed-btn{
    background:#FE5D89;
    border-color:#FE5D89;
    color:#fff
}
 .is-sticky .header-area-7 a.border-boxed-btn:hover{
    color:#FE5D89
}
 .is-sticky .header-area-7 ul li:hover > a,.header-area-7 ul li:hover > a{
    color:#FE5D89
}
 .header-area-7 .mainmenu li a:after{
    background-color:#FE5D89
}
 .header-area-7 .mainmenu li a.active{
    color:#FE5D89!important
}
 .header-area-7 .border-boxed-btn:hover{
    background:#FE5D89;
    border-color:#FE5D89;
    color:#fff
}
 .hero-title-6 h1{
    font-size:70px;
    margin-bottom:40px
}
 .subscribe-form-7{
    position:relative;
    margin-top:40px
}
 .subscribe-form-7 input{
    width:75%;
    padding:20px 30px;
    border-radius:50px;
    border:0
}
 .subscribe-form-7 button{
    position:absolute;
    right:14%;
    padding:10px 30px;
    border:0;
    border-radius:50px;
    top:9px;
    background:#FE5D88;
    cursor:pointer;
    border:#FE5D89 solid 1px
}
 .subscribe-form-7 button:hover{
    color:#FE5D89
}
 .hero-area.hero-bg-7{
    padding:150px 0 0;
    background-size:100% 100%
}
 .title-7 h2{
    font-size:48px
}
 .title-7{
    margin-bottom:60px
}
 .service-7-area-2{
    position:relative;
    overflow:hidden
}
 .service-7-area-2 img.serviceimg-right{
    position:absolute;
    right:75px;
    bottom:0;
    -webkit-animation:serviceimgright 10s linear infinite;
    animation:serviceimgright 10s linear infinite
}
 @-webkit-keyframes serviceimgright {
     0%{
        right:75px;
        bottom:0
    }
     25%{
        right:-50px;
        bottom:0
    }
     50%{
        right:-50px;
        bottom:100px;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg)
    }
     75%{
        right:0;
        bottom:100px;
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
     100%{
        right:75px;
        bottom:0
    }
}
 @keyframes serviceimgright {
     0%{
        right:75px;
        bottom:0
    }
     25%{
        right:-50px;
        bottom:0
    }
     50%{
        right:-50px;
        bottom:100px;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg)
    }
     75%{
        right:0;
        bottom:100px;
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
     100%{
        right:75px;
        bottom:0
    }
}
 .service-7-area-2 img.serviceimg-left{
    position:absolute;
    left:75px;
    bottom:0;
    -webkit-animation:serviceimgleft 10s linear infinite;
    animation:serviceimgleft 10s linear infinite
}
 @-webkit-keyframes serviceimgleft {
     0%{
        left:75px;
        bottom:0
    }
     25%{
        left:-50px;
        bottom:0
    }
     50%{
        left:-50px;
        bottom:100px;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg)
    }
     75%{
        left:0;
        bottom:100px;
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
     100%{
        left:75px;
        bottom:0
    }
}
 @keyframes serviceimgleft {
     0%{
        left:75px;
        bottom:0
    }
     25%{
        left:-50px;
        bottom:0
    }
     50%{
        left:-50px;
        bottom:100px;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg)
    }
     75%{
        left:0;
        bottom:100px;
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
     100%{
        left:75px;
        bottom:0
    }
}
 .single-service-7-item{
    padding:20px 30px
}
 .service-7-icon i{
    width:80px;
    height:80px;
    line-height:80px;
    background:#D8EDFF;
    border-radius:15px;
    color:#2DA9FF;
    font-size:25px;
    transition:.3s
}
 .single-service-7-item h4{
    font-size:24px
}
 .single-service-7-item.service-7-2 .service-7-icon i{
    color:#164BCD;
    background:#DFDAFF;
    box-shadow:0 5px 18px #DFDAFF
}
 .single-service-7-item.service-7-3 .service-7-icon i{
    background:#FCDBDE;
    color:#FE3A3A;
    box-shadow:0 5px 18px #FCDBDE
}
 .single-service-7-item:hover .service-7-icon i{
    background:#2DA9FF;
    color:#D8EDFF
}
 .single-service-7-item.service-7-2:hover .service-7-icon i{
    color:#DFDAFF;
    background:#164BCD
}
 .single-service-7-item.service-7-3:hover .service-7-icon i{
    background:#FE3A3A;
    color:#FCDBDE
}
 .single-service-7-2-item{
    display:flex;
    padding:30px
}
 .service-7-2-icon-img{
    width:30%
}
 .service-7-2-text{
    width:70%
}
 .service-7-2-text h4{
    font-size:24px
}
 .single-service-7-2-item:hover{
    background:#FE5D89;
    box-shadow:0 15px 20px -15px #FE5D89
}
 .service-7-2-text p{
    margin-bottom:0
}
 .check-icon li:before{
    font-family:'Font Awesome 5 Pro';
    content:"\f00c"
}
 ul.check-icon{
    margin:0;
    padding:0;
    list-style:none;
    font-size:16px
}
 .check-icon li{
    position:relative;
    padding-left:40px;
    margin-bottom:20px;
    font-size:18px
}
 .check-icon li:before{
    position:absolute;
    left:0;
    top:1px;
    background:#5043C7;
    width:30px;
    height:30px;
    line-height:30px;
    margin-top:5px
}
 .about-area-7-bg{
    background-image:url(../image/about-7-bg.png)
}
 .about-area-7{
    background-position:center;
    background-size:100% 100%;
    padding:220px 0
}
 .boxed-7-btn{
    background:#FE5D89;
    padding:15px 40px;
    display:inline-block;
    margin-top:30px;
    font-size:18px;
    border-radius:50px;
    font-weight:700;
    border:#FE5D89 solid 1px;
    color:#fff
}
 .boxed-7-btn:hover{
    color:#FE5D89
}
 .about-area-7 .single-counter-box{
    background:none;
    padding:0;
    margin-top:50px
}
 .service-7-full-area{
    background-size:100%;
    background-position:center center;
    background:#fbfbfb
}
 .single-testimonial-7-carousel i{
    font-size:40px;
    color:#FE5D89
}
 .single-testimonial-7-carousel h2{
    font-size:48px
}
 .single-testimonial-7-carousel h4{
    font-size:20px;
    color:#fe5d89;
    margin-top:35px
}
 .single-testimonial-7-carousel h4 span{
    color:#737b9a;
    display:block;
    font-size:17px;
    font-weight:400;
    margin-top:10px
}
 .pd-top{
    padding-top:50px
}
 .testimonial-7-carousel .owl-nav button{
    margin-right:20px
}
 .testimonial-7-carousel .owl-nav button.owl-next{
    margin-right:0
}
 .testimonial-7-img{
    position:relative;
    height:453px
}
 .testimonial-7-area .testimonial-7-img img{
    -webkit-animation:square 10s linear infinite;
    animation:square 10s linear infinite
}
 .testimonial-7-area .testimonial-7-img img:nth-child(1){
    left:0;
    top:5%
}
 .testimonial-7-area .testimonial-7-img img:nth-child(2){
    top:0;
    right:15%
}
 .testimonial-7-area .testimonial-7-img img:nth-child(3){
    left:39%;
    top:37%
}
 .testimonial-7-img img:nth-child(4){
    left:-56px;
    bottom:17%
}
 .testimonial-7-area .testimonial-7-img img:nth-child(5){
    bottom:22%;
    right:0
}
 .testimonial-7-area .testimonial-7-img img:nth-child(6){
    bottom:0;
    left:44%
}
 .testimonial-7-area .testimonial-7-img img{
    position:absolute;
    box-shadow:0 5px 15px #999999c9
}
 .pricing-7-content ul{
    width:300px;
    box-shadow:0 0 30px #dee2e6;
    padding:10px;
    border-radius:50px
}
 .pricing-7-content{
    position:relative
}
 .pricing-7-content img.dot-img-1{
    position:absolute;
    left:0;
    top:0;
    -webkit-animation:animate 10s linear infinite;
    animation:animate 10s linear infinite
}
 @-webkit-keyframes animate {
     0%{
        left:0;
        top:0
    }
     25%{
        left:-200px;
        top:0
    }
     50%{
        left:-200px;
        top:100px;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg)
    }
     75%{
        left:0;
        top:100px;
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
     100%{
        left:0;
        top:0
    }
}
 @keyframes animate {
     0%{
        left:0;
        top:0
    }
     25%{
        left:-200px;
        top:0
    }
     50%{
        left:-200px;
        top:100px;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg)
    }
     75%{
        left:0;
        top:100px;
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
     100%{
        left:0;
        top:0
    }
}
 img.dot-img-2{
    position:absolute;
    left:0;
    bottom:0;
    -webkit-animation:animateimg 10s linear infinite;
    animation:animateimg 10s linear infinite
}
 @-webkit-keyframes animateimg {
     0%{
        left:0;
        bottom:0
    }
     25%{
        left:-200px;
        bottom:0
    }
     50%{
        left:-200px;
        bottom:100px;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg)
    }
     75%{
        left:0;
        bottom:100px;
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
     100%{
        left:0;
        bottom:0
    }
}
 @keyframes animateimg {
     0%{
        left:0;
        bottom:0
    }
     25%{
        left:-200px;
        bottom:0
    }
     50%{
        left:-200px;
        bottom:100px;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg)
    }
     75%{
        left:0;
        bottom:100px;
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
     100%{
        left:0;
        bottom:0
    }
}
 .pricing-7-content ul li a.nav-link.active{
    background:#F23F7E;
    border-radius:50px;
    color:#fff
}
 .pricing-7-content ul li{
    width:140px
}
 .pricing-7-content ul li a.nav-link{
    font-size:18px;
    color:#233d63;
    font-weight:700
}
 .all-pricing-section .single-tab-7{
    box-shadow:0 0 30px rgba(0,0,0,0.1);
    padding:60px 40px;
    border-radius:8px
}
 .single-tab-7 h4{
    font-size:20px;
    font-weight:700;
    margin-bottom:20px
}
 .single-tab-7 h2{
    font-size:50px;
    margin-bottom:40px
}
 .single-tab-7 ul{
    padding:0;
    margin:0;
    list-style:none
}
 .single-tab-7 li{
    line-height:2;
    font-size:18px;
    color:#737b9a
}
 .pricing-7-area{
    padding:80px 0;
    position:relative
}
 .subscribe-7-area .subscribe-form-7 input{
    border:#ddd solid 1px
}
 .subscribe-7-area .subscribe-form-7 button{
    margin-top:1px
}
 img.dot_b_4{
    position:absolute;
    left:0;
    top:-100px;
    -webkit-animation:dot_b 5s linear infinite;
    animation:dot_b 5s linear infinite
}
 @-webkit-keyframes dot_b {
     0%{
        -webkit-transform:scale(1) rotate(0deg);
        transform:scale(1) rotate(0deg)
    }
     50%{
        -webkit-transform:scale(0) rotate(45deg);
        transform:scale(0) rotate(45deg)
    }
     75%{
        -webkit-transform:scale(.6) rotate(-45deg);
        transform:scale(.6) rotate(-45deg)
    }
     100%{
        -webkit-transform:scale(1) rotate(0deg);
        transform:scale(1) rotate(0deg)
    }
}
 @keyframes dot_b {
     0%{
        -webkit-transform:scale(1) rotate(0deg);
        transform:scale(1) rotate(0deg)
    }
     50%{
        -webkit-transform:scale(0) rotate(45deg);
        transform:scale(0) rotate(45deg)
    }
     75%{
        -webkit-transform:scale(.6) rotate(-45deg);
        transform:scale(.6) rotate(-45deg)
    }
     100%{
        -webkit-transform:scale(1) rotate(0deg);
        transform:scale(1) rotate(0deg)
    }
}
 .footer-area-7,.footer-area-7 a,.footer-area-7 h4{
    color:#737b9a!important
}
 .footer-area-7 h4{
    color:#233d63
}
 .footer-area-7 .social-link.home-6 a:hover{
    background:#FE5D89;
    color:#fff!important
}
 .footer-area-7{
    padding:80px 0 20px
}
 .footer-area-7 .copyright-area{
    padding-top:40px
}
 .all-pricing-section{
    position:relative
}
 .all-pricing-section .tab-pane.fade.show.active{
    position:relative;
    z-index:5;
    -webkit-transform:scale(1) translateX(0);
    transform:scale(1) translateX(0);
    width:370px;
    opacity:1
}
 .all-pricing-section .tab-pane.fade{
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    transition:all .7s ease;
    -webkit-transform:scale(0.8,0.8) translateX(180px);
    transform:scale(0.8,0.8) translateX(180px);
    width:370px
}
 .all-pricing-section .tab-content > .tab-pane{
    display:block
}
 .all-pricing-section .fade{
    opacity:.4
}
 #topcontrol{
    width:50px;
    height:50px;
    line-height:50px;
    background:#fff;
    box-shadow:0 16px 32px rgba(0,0,0,0.2);
    z-index:99
}
 #topcontrol:hover{
    background:#141D3E
}
 #topcontrol i{
    font-size:16px;
    font-weight:900;
    color:#FFBC48;
    transition:.3s
}
 .mainmenu li ul,.is-sticky .header-area,.subscribe-form input[type="email"],.border-boxed-btn,.tagcloud a,.subscribe-form button:hover,.contact-form form button:hover,a.boxed-btn:hover,.contact-form-area button:hover,.tab-section li a:hover,.nav-tabs .nav-link.active,.case-study-btn button:hover,.contact-form form p input[type="text"],.contact-form form p input[type="email"],.contact-form form p textarea,.single-macbook-content:hover,.home-2-testimonial-carousel .single-testimonial-item,.home-2-contact-form.contact-form,.home-2-contact-form.contact-form form button,.card.mb-30,.single-blog-box,.category-widgets li a:hover,.single-blog-box,.author-details,.comments li .comment-author-area,.is-sticky .home-3-header-area .border-boxed-btn:hover,.home-3-tab-section a.border-boxed-btn:hover,.home-3-contact-area form button.boxed-btn:hover,.home-3-footer-area .subscribe-form button:hover,.subscribe-form.home-3-subscribe-form button:hover,.home-3-header-area .border-boxed-btn,.home-4-border-btn:hover,.home-2-header-area a.border-boxed-btn,.home-4-contact-area button.boxed-btn:hover,.single-service-item.home-4-single-service-item .absolute-icon i,.single-counter-box,.home-2-section-title.title-5 .home-4-icon i,.home-3-section-title.title-5 .home-4-icon i,.header-area-6 a.border-boxed-btn,.hero-6 a.home-4-border-btn:hover,.video-play-btn i:hover,.service-6-item .service-sub-icon i,.single-service-6-item,.service-6-right-section a.home-4-border-btn:hover,.features-6-icon .features-6-sub-icon i,.subscribe-form-6 button:hover,.social-link.home-6 a,.header-area-7 .border-boxed-btn,.is-sticky .header-area-7 a.border-boxed-btn:hover,.subscribe-form-7 button:hover,.single-service-7-2-item,.boxed-7-btn:hover,.pricing-7-content ul,.all-pricing-section .single-tab-7,.single-macbook-content.active{
    background-color:#fff
}
 .mainmenu li li:hover > a,.border-boxed-btn:hover,.subscribe-form button,.contact-form form button,a.boxed-btn,.contact-form-area button,.case-study-btn button,.home-2-header-area .mainmenu li li:hover > a,.hero-area.home-2-hero-bg,.client-logo-area h6.home-2-client-logo,.home-2-header-area li a,.home-2-hero-title h1,.home-2-border-btn,.testimonial-home-5 .portfolio-list .owl-nav button i,.home-2-contact-form.contact-form form button.boxed-btn i,.home-2-footer-area,.home-2-footer-area a,.home-2-footer-area h4,.tagcloud a:hover,.single-post-tag .social-share a:hover,.header-area-1.home-3-header-area .mainmenu li ul li:hover > a,.is-sticky .home-3-header-area .border-boxed-btn,.home-3-tab-section .home-3-section-title .border-boxed-btn,.home-3-contact-area .contact-form form button,.home-3-footer-area .subscribe-form button,.footer-area.home-3-footer-area,.footer-area.home-3-footer-area a,.footer-area.home-3-footer-area h2,.home-4-border-btn,.home-4-contact-area button.boxed-btn,.subscribe-form-home-4 .subscribe-form button,.header-area-4 a.border-boxed-btn:hover,.home-4-icon i:hover,.home-2-header-area .mainmenu li a,.single-features-item:hover .features-icon i,.asset-area.asset-5.counter-bg-5 p,.subscribe-form-home-5 h2,.features-area.features-5 h2,.features-area.features-5 h4,.features-area.features-5 p,.testimonial-home-5 .single-testimonial-item h6,.testimonial-home-5 .single-testimonial-item h4,.testimonial-home-5 .single-testimonial-item h4 span,.services-bg-5 .single-service-item .icon-img-table i,.services-bg-5 .single-service-item h3,.services-bg-5 .single-service-item p,.home-2-section-title.title-5 h2,.hero-bg-5 h1,.hero-bg-5,.home-3-section-title.title-5 h2,.contact-form-5 form label,.header-area-5 .mainmenu li a,.header-area-6 .mainmenu li a,.is-sticky .header-area-6 .mainmenu li ul li:hover > a,.header-area-6 .mainmenu li ul li:hover > a,.logo h2,.is-sticky .header-area-6 a.border-boxed-btn:hover,.header-area-6 a.border-boxed-btn:hover,.hero-6,.hero-6 h1,.video-play-btn i,.service-6-item i,.subscribe-form-6 input::-webkit-input-placeholder,.subscribe-form-6 button,.subscribe-6-area h2,.social-link.home-6 a:hover,.header-area-7 .mainmenu li a,.header-area-7 .mainmenu li ul li:hover > a,.is-sticky .header-area-7 a.border-boxed-btn,.header-area-7 .border-boxed-btn:hover,.hero-title-6 h1,.subscribe-form-7 button,.single-service-7-2-item:hover,.single-service-7-2-item:hover .service-7-2-text h4,.check-icon li,.check-icon li:before,.about-area-7 .title-7 h2,.boxed-7-btn,.about-area-7 .single-counter-box p,.about-area-7 .single-counter-box span,.about-area-7 .single-counter-box h5,.pricing-7-content ul li a.nav-link.active,#topcontrol,.home-2-border-btn:hover{
    color:#fff
}
 .client-logo-area h6,.single-service-item,.single-testimonial-item,.home-2-border-btn i,.home-2-testimonial-carousel .owl-nav,.home-2-contact-form.contact-form form button.boxed-btn i,.single-team-item,.single-post-area .img-center,.single-post-area blockquote,.single-post-tag .social-share a,.home-3-tab-list li a,.home-4-icon i,.features-icon i,.single-counter-box,.video-play-btn i,.service-6-item i,.single-service-6-item,.social-link.home-6 a,.header-area-7 .mainmenu,.check-icon li:before,.pricing-7-content ul li a.nav-link,#topcontrol{
    text-align:center
}
 .boxed-btn-right,.mainmenu,.social-link,.single-post-tag .social-share,.subscribe-form-6,.footer-mainmenu{
    text-align:right
}
 .home-2-single-service-item,.single-portfolio-list img,.home-footer-logo,.card.mb-30,.blog-bg,.category-widgets h4,.recent-post h4,.tag-clouds h4,.instagram-posts h4,.single-blog-box,.comment-title,.comment-form h2,.comments li .comment-author-area,.home-3-hero-title h1,.home-4-icon,.single-service-item.home-4-single-service-item .icon-img-table,.single-features-item,.single-service-6-item,.single-features-6-content,.service-7-icon,.single-service-7-2-item,.single-testimonial-7-carousel i{
    margin-bottom:30px
}
 .hero-6 a.home-4-border-btn,.video-play-btn i,.service-6-right-section a.home-4-border-btn,.single-blog-6-item,.subscribe-form-6 button,.social-link.home-6 a,.subscribe-form-7 button,.single-service-7-2-item,.boxed-7-btn,.mainmenu li a,.footer-mainmenu li a,.border-boxed-btn,.tagcloud a,.subscribe-form button,.contact-form form button,a.boxed-btn,.contact-form-area button,.single-service-item,.tab-section li a,.contact-form form button,.social-link a,.single-macbook-content,.portfolio-list .owl-nav button i,.testimonial-bg .home-2-testimonial-carousel button i,.testimonial-home-5 .portfolio-list .owl-nav button i,.home-2-testimonial-carousel button i,.breadcromb-area,.breadcromb-area a,.single-team-item,.social-links a,.tagcloud a,.category-widgets li a,.category-widgets li a span,.single-post-tag .social-share a,.home-4-icon i,.testimonial-home-4 .home-2-testimonial-carousel .owl-nav button i,.single-features-item,.case-study-btn button,.home-4-border-btn{
    transition:.3s
}
 .preloader{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:9999;
    background:url(../image/preloader/preloader.gif) center no-repeat #fff
}
 .service-tab.section-padding{
    padding-bottom:400px
}
 .service-tab .area-bg{
    background:url(../image/service-tab-bg.png);
    background-size:100% 100%
}
 .bilo_app_trial{
    background:url(../image/app_bg.jpg) no-repeat center;
    background-size:cover;
    position:relative
}
 .bilo_title_span.app_title_span span{
    color:#fff
}
 .bilo_title.app_title h2{
    color:#fff
}
 .text-center{
    text-align:center!important
}
 .justify-content-center{
    -ms-flex-pack:center!important;
    justify-content:center!important
}
 .bilo_btn{
    display:inline-block;
    font-weight:700;
    padding:25px 56px;
    font-size:14px;
    line-height:1.667;
    background:#387bff;
    color:#fff;
    border-radius:50px;
    transition:all .5s
}
 .bilo_span span{
    color:#387bff;
    text-decoration:underline;
    letter-spacing:2px;
    font-weight:500;
    text-transform:uppercase
}
 .bilo_title_span{
    margin-bottom:20px
}
 .bilo_title_span span{
    color:#387bff;
    text-decoration:underline;
    letter-spacing:2px;
    text-transform:uppercase;
    font-weight:500;
    font-size:14px
}
 .bilo_title{
    margin-bottom:70px
}
 .bilo_title h2{
    font-size:50px;
    font-weight:700;
    margin-bottom:70px
}
 .bilo_btn{
    display:inline-block;
    font-size:14px;
    color:#fff
}
 .bg_btn{
    padding:25px 50px;
    line-height:1.667;
    color:#fff;
    background:transparent;
    border:2px solid #af86e7;
    border-radius:50px;
    transition:all .5s;
    margin-right:30px;
    display:inline-block;
    margin-top:10px
}
 .active-btn{
    display:inline-block;
    background:#4a19b1!important;
    color:#fff;
    border-color:#4a19b1!important;
    transition:all .5s
}
 .bilo_bg_btn .active-btn:hover{
    background:transparent!important;
    border-color:#af86e7!important;
    color:#fff
}
 .bilo_bg_btn .bg_btn:hover{
    background:#4a19b1;
    border-color:#4a19b1;
    color:#fff;
    box-shadow:0 16px 32px 0 rgba(0,0,0,0.1)
}
 .section_padding{
    padding:120px 0 
}
 .bootstrap-datetimepicker-widget{
    list-style:none
}
 .bootstrap-datetimepicker-widget.dropdown-menu{
    margin:2px 0;
    padding:4px;
    width:19em
}
 @media (min-width: 768px) {
     .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{
        width:38em
    }
}
 @media (min-width: 992px) {
     .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{
        width:38em
    }
}
 @media (min-width: 1200px) {
     .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{
        width:38em
    }
}
 .bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{
    content:'';
    display:inline-block;
    position:absolute
}
 .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-bottom:7px solid #ccc;
    border-bottom-color:rgba(0,0,0,0.2);
    top:-7px;
    left:7px
}
 .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #fff;
    top:-6px;
    left:8px
}
 .bootstrap-datetimepicker-widget.dropdown-menu.top:before{
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-top:7px solid #ccc;
    border-top-color:rgba(0,0,0,0.2);
    bottom:-7px;
    left:6px
}
 .bootstrap-datetimepicker-widget.dropdown-menu.top:after{
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:6px solid #fff;
    bottom:-6px;
    left:7px
}
 .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{
    left:auto;
    right:6px
}
 .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{
    left:auto;
    right:7px
}
 .bootstrap-datetimepicker-widget .list-unstyled{
    margin:0
}
 .bootstrap-datetimepicker-widget a[data-action]{
    padding:6px 0
}
 .bootstrap-datetimepicker-widget a[data-action]:active{
    box-shadow:none
}
 .bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{
    width:54px;
    font-weight:700;
    font-size:1.2em;
    margin:0
}
 .bootstrap-datetimepicker-widget button[data-action]{
    padding:6px
}
 .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Increment Hours"
}
 .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Increment Minutes"
}
 .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Decrement Hours"
}
 .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Decrement Minutes"
}
 .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Show Hours"
}
 .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Show Minutes"
}
 .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Toggle AM/PM"
}
 .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Clear the picker"
}
 .bootstrap-datetimepicker-widget .btn[data-action="today"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Set the date to today"
}
 .bootstrap-datetimepicker-widget .picker-switch{
    text-align:center
}
 .bootstrap-datetimepicker-widget .picker-switch::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Toggle Date and Time Screens"
}
 .bootstrap-datetimepicker-widget .picker-switch td{
    padding:0;
    margin:0;
    height:auto;
    width:auto;
    line-height:inherit
}
 .bootstrap-datetimepicker-widget .picker-switch td span{
    line-height:2.5;
    height:2.5em;
    width:100%
}
 .bootstrap-datetimepicker-widget table{
    width:100%;
    margin:0
}
 .bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{
    text-align:center;
    border-radius:4px
}
 .bootstrap-datetimepicker-widget table th{
    height:20px;
    line-height:20px;
    width:20px
}
 .bootstrap-datetimepicker-widget table th.picker-switch{
    width:145px
}
 .bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{
    background:none;
    color:#777;
    cursor:not-allowed
}
 .bootstrap-datetimepicker-widget table th.prev::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Previous Month"
}
 .bootstrap-datetimepicker-widget table th.next::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"\f105"
}
 .bootstrap-datetimepicker-widget table thead tr:first-child th{
    cursor:pointer
}
 .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{
    background:#eee
}
 .bootstrap-datetimepicker-widget table td{
    height:54px;
    line-height:54px;
    width:54px
}
 .bootstrap-datetimepicker-widget table td.cw{
    font-size:.8em;
    height:20px;
    line-height:20px;
    color:#777
}
 .bootstrap-datetimepicker-widget table td.day{
    height:20px;
    line-height:20px;
    width:20px
}
 .bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{
    background:#eee;
    cursor:pointer
}
 .bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{
    color:#777
}
 .bootstrap-datetimepicker-widget table td.today{
    position:relative
}
 .bootstrap-datetimepicker-widget table td.today:before{
    content:'';
    display:inline-block;
    border:solid transparent;
    border-width:0 0 7px 7px;
    border-bottom-color:#337ab7;
    border-top-color:rgba(0,0,0,0.2);
    position:absolute;
    bottom:4px;
    right:4px
}
 .bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{
    background-color:#337ab7;
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,0.25)
}
 .bootstrap-datetimepicker-widget table td.active.today:before{
    border-bottom-color:#fff
}
 .bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{
    background:none;
    color:#777;
    cursor:not-allowed
}
 .bootstrap-datetimepicker-widget table td span{
    display:inline-block;
    width:54px;
    height:54px;
    line-height:54px;
    margin:2px 1.5px;
    cursor:pointer;
    border-radius:4px
}
 .bootstrap-datetimepicker-widget table td span:hover{
    background:#eee
}
 .bootstrap-datetimepicker-widget table td span.active{
    background-color:#337ab7;
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,0.25)
}
 .bootstrap-datetimepicker-widget table td span.old{
    color:#777
}
 .bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{
    background:none;
    color:#777;
    cursor:not-allowed
}
 .bootstrap-datetimepicker-widget.usetwentyfour td.hour{
    height:27px;
    line-height:27px
}
 .bootstrap-datetimepicker-widget.wider{
    width:21em
}
 .bootstrap-datetimepicker-widget .datepicker-decades .decade{
    line-height:1.8em!important
}
 .input-group.date .input-group-addon{
    cursor:pointer
}
 .sr-only{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
 #datetimepicker1 .form-control,#datetimepicker3 .form-control{
    height:17px;
    padding:8px 0;
    margin:0;
    width:74px
}
 .user_main_form #datetimepicker1 .form-control,.user_main_form #datetimepicker3 .form-control{
    height:17px;
    padding:6px 8px 7px;
    margin:0;
    width:198px
}
 .user_main_form .form-group{
    margin-bottom:10px
}
 .select select{
    width:74px;
    height:35px;
    margin:0
}
 .fa-calendar,.fa-clock-o{
    font-size:15px
}
 td input{
    margin:0!important;
    border-radius:0;
    width:74px
}
 select{
    border-radius:0;
    border-color:#e5e5e5!important;
    height:32px!important;
    margin:0 0 10px
}
 .input-group{
    position:relative
}
 .input-group.date .input-group-addon{
    cursor:pointer;
    margin:0 0 0 -31px;
    border:0
}
 table .input-group.date .input-group-addon{
    cursor:pointer;
    margin:0 0 0 -35px;
    border:0
}
 .input-group-addon{
    padding:8px 8px 7px
}
 #datetimepicker1 .form-control,#datetimepicker3 .form-control{
    padding:6px 38px 7px 10px;
    border-color:#e5e5e5
}
 .notifications{
    border:1px solid #ccc
}
 .notification-title{
    border-bottom:1px solid #ccc;
    font-size:14px;
    color:#000;
    padding:10px
}
 .profile-pic{
    background:#7fb3d5;
    padding:31px 10px;
    border-radius:90px;
    font-size:60px;
    color:#fff;
    width:100px;
    height:60px;
    text-align:center;
    float:left;
    vertical-align:middle;
    line-height:50px
}
 .form-profile{
    width:59%;
    margin:0 0 0 40px
}
 input[type="file"].m-wrap{
    height:30px!important;
    *margin-top:4px;
    line-height:30px;
    margin-bottom:10px;
    padding:0 0 0 8px;
    width:216px
}
 .sub_title{
    font-size:16px;
    color:#000;
    margin:20px 0;
    text-transform:uppercase;
    font-weight:700
}
 .user_main_form{
    width:41%
}
 .pos-rel{
    position:relative
}
 .form-btn,.form-btn:hover{
    padding:6px 10px!important;
    font-size:12px;
    position:absolute;
    right:0
}
 .spacer20{
    height:20px
}
 @media (max-width: 1024px) {
     .user_main_form{
        width:inherit
    }
}
 .bilo_pricing{
    position:relative;
     padding: 120px 0 
}
 .pricing_tab{
    margin-top:20px;
    float:right;
    position:relative
}
 .pricing_tab ul{
    position:absolute;
    top:0;
    left:0;
    border:none
}
 .pricing_tab input{
    width:376px;
    height:80px;
    border:2px solid #e4e7ff;
    border-radius:50px
}
 .pricing_tab ul li a.active{
    background:#387bff!important;
    color:#fff!important;
    border-color:#387bff!important;
    z-index:1
}
 .pricing_tab ul li a.pricing_tab_btn{
    display:inline-block;
    padding:27px 59px;
    font-size:14px;
    color:#6870a0;
    background:transparent;
    letter-spacing:2px;
    text-transform:uppercase;
    border-radius:50px;
    border:none;
    transition:all .5s
}
 .tab-content{
    margin-top:10px
}
 .price_table{
     padding: 30px 20px;
     border-radius: 29px;
     text-align: center;
     background: #fff;
     box-shadow: 0 16px 32px 0 rgba(255,157,96,0.1);
     border: 1px solid #397bff;
     min-height: 690px;
}
 .price_title h2{
    font-size:40px;
    margin-bottom:30px
}
 .price_tag h1{
    color:#387bff;
    font-size:37px;
}
 .price_tag h1 span{
    color:#6870a0;
    font-size:16px
}
 .price_body{
    margin-bottom:40px;
     min-height: 200px;
}
 .price_body ul{
     margin: 0;
     padding: 0 
}
.price_body ul li{
    line-height:40px;
    font-size:14px;
     list-style: none
}
 .price_body ul li:hover{
    color:#387bff;
    text-decoration:underline
}
 .price_button .price_btn{
    display:inline-block;
    padding:15px 43px;
    border:2px solid #e4e7ff;
    background:transparent;
    color:#6870a0;
    font-size:14px;
    border-radius:50px;
    text-transform:capitalize;
    transition:all .5s
}
 .price_button .price_btn:hover{
    color:#fff;
    background:#387bff;
    box-shadow:0 16px 32px 0 rgba(255,157,96,0.5);
    border-color:#387bff
}
 .price_bg{
    position:absolute;
    bottom:0;
    left:0;
    z-index:-1
}
 .form-main{
     background: #1F70E5;
     padding: 100px;
}
 .form-main p{
     color: #fff 
}
 .form-control{
     border: 0;
}
 select{
     height: 43px !important;
}
/*cookies note*/
 .cookies_design {
     box-shadow: 0px 10px 86px 0px #2b1900;
     bottom: 0;
     background: #30a1d8;
     padding: 10px 20px 5px 20px;
     z-index: 99999;
     font-size: 14px;
     letter-spacing: 1px;
     color: #fff;
     font-weight: 600;
     width: 100%;
     position: fixed;
}
 .cookies_design a {
     color: #00334c;
}
 .cookies_design button {
     background: transparent;
     border: 0;
     padding: 0;
     font-size: 20px;
     color: #2b1800;
}
 #footerSlideText p{
     color:#fff;
}
 .design-arrow{
    position: absolute;
     top: 110px;
     left: 0;
     right: 0;
     background: #fff;
     width: 50px;
     height: 50px;
     border-radius: 60px;
     margin: auto;
     color: #000;
     text-align: center;
     vertical-align: middle;
     padding: 17px ;
     -webkit-animation: 5s linear infinite movebounce;
     animation: 5s linear infinite movebounce;
}
 .bookdemo{
    position: relative;
    position: relative;
     top: -80px;
     left: -16px;
}
 @-webkit-keyframes movebounce {
     0%, 100% {
         transform: translateY(0) 
    }
     50% {
         transform: translateY(20px) 
    }
}
 @keyframes movebounce {
     0%, 100% {
         transform: translateY(0) 
    }
     50% {
         transform: translateY(20px) 
    }
}
 #contact-form{
    background: #e9f0f9;
     padding: 30px;
     border-radius: 20px;
}
 .bullet {
     background: #30a1d8;
     width: 5px;
     height: 5px;
     display: block;
     float: left;
    /* offset-rotate: initial;
     */
     -ms-transform: rotate(20deg);
     -webkit-transform: rotate(20deg);
     transform: rotate(44deg);
     top: 8px;
     position: absolute;
     left: -16px;
}
 .bullet1 {
     left: -12px;
     top: 12px;
}
 .bullet2 {
     left: -16px;
     top: 16px;
}
 .bullet3 {
     left:-20px;
     top: 12px;
}
 .about-bg li, .home-3-contact-area-img li, li{
     list-style: none;
     position: relative;
}
 .line{
     height: 1px;
     background: #d4edff;
     display: block;
}
 .line-a{
     width: 58%;
     text-align: center;
     margin: -9px auto 14px;
     background: #397bff;
}
 .play-red{
     position: absolute;
    /* top: 358px;
     */
     top: 280px;
     right: 0;
     left: -27px;
     margin: auto;
     text-align: center;
     bottom: 0;
     vertical-align: middle;
}
 .pos-rel{
     position: relative;
    display: inline-block;
}
 .play-red .video-play-btn i {
    /* width: 67px;
     height: 44px;
     */
     width: 53px;
     height: 30px;
    /* border: #fff solid 1px;
     */
     line-height: 40px;
     font-size: 60px;
     color: #e80000 !important;
}
 .play-red .video-play-btn:hover i {
     width: 53px;
     height: 30px;
    /* border: #fff solid 1px;
     */
     line-height: 40px;
     font-size: 60px;
     color: #000 !important;
}
 @media(max-width: 767px) {
     .play-red{
        top: 20%;
         right: 0;
         left: -27px;
    }
}
 .pricing-pos-rel{
     position: relative;
     padding:50px 0 !important;
     background: #e9f0f9;
}
 .collapsible {
     background-color: #1f70e5;
     color: white;
     cursor: pointer;
     padding: 18px;
    /* width: 100%;
     */
     border: none;
    /* text-align: left;
     */
     outline: none;
     font-size: 15px;
     margin: auto;
     width: 250px;
     text-align: center;
     border-radius: 100px;
     float: none;
     display: block;
     position: absolute;
     top: -30px;
     left: 0;
     right: 0;
    -webkit-animation: 5s linear infinite movebounce;
     animation: 5s linear infinite movebounce;
}
 .content #contact-form{
     background: #fff 
}
 .collapsible:hover {
     background: #000 
}
 .content {
     padding: 0 18px;
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.2s ease-out;
}
/* .section-padding {
     padding: 0 0 60px 0;
     background: #e9f0f9;
}
*/
 #tesimonial .single-feedback-item .feedback-desc {
     padding: 30px;
}
 #tesimonial .single-feedback-item .feedback-desc::before {
     display: none 
}
 #tesimonial .client-info {
     margin: 0;
    /*float: left*/
}
 #tesimonial .feedback-slides.owl-theme .owl-item .single-feedback-item {
     margin-bottom: 40px;
     height: auto;
     width: 100%;
     transition: 0.5s all;
}
 #tesimonial .image {
     width: 50px!important;
     height: 50px;
     float: left;
     margin: 0 20px 0 0;
     background-color: #efefef;
     border: 1px solid #d2d2d2;
     border-radius: 100%;
     overflow: hidden 
}
 #tesimonial .image img {
     display: block!important;
     width: 100%!important;
     height: auto!important;
     overflow: hidden!important;
     position: relative!important;
     padding: 0px 
}
 #tesimonial .client-desc {
     margin: 20px 0 
}
 #tesimonial .feedback-slides.owl-theme .owl-item.active .single-feedback-item .feedback-desc {
     -webkit-box-shadow: 0 2px 15px 2px rgba(137,173,255,.1);
     box-shadow: 0 2px 15px 2px rgba(137,173,255,.1);
     height: auto 
}
/*#tesimonial .owl-item{
     text-align: center;
}
*/
 #tesimonial{
     position: relative;
}
 .clear{
     clear: both 
}
 .client-info h3 {
     margin: 0;
     font-size: 18px;
}
 #tesimonial .section-title{
     margin:0 0 20px 0 
}
 #tesimonial p{
     font-size: 14px;
     letter-spacing: 0.5px;
     line-height: 21px;
     text-align: justify;
}
 .section-title h4{
     text-align: center;
     padding: 60px 0 0 0 ;
     margin: 0 
}
 .peo-info ul{
     margin:0px;
     padding: 0 
}
 #tesimonial blockquote{
     margin: 0 0 1rem;
     background: #fff;
     box-shadow: 0 -19px 18px -8px #e8e3e3;
     margin: 25px 10px;
     padding: 20px;
}
 .peo-info li{
     display: inline-block;
}
 .peo-info li i{
     color: #FFD35A;
     font-size: 20px;
}
 .peo-info li i.blank{
     color: #ccc;
     font-size: 20px;
}
 .peo-info li i.half-star{
     font-size: 20px;
     background: linear-gradient(to right, #FFD35A 0%, #FFD35A 50%, #ccc 50%, #ccc 100% );
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}
 .technology-slides.owl-theme .owl-nav.disabled+.owl-dots {
     line-height: initial;
     margin-bottom: 30px;
     margin-top: 10px 
}
 .technology-slides.owl-theme .owl-dots .owl-dot span {
     width: 13px;
     height: 13px;
     margin: 0 3px;
     background: 0 0;
     -webkit-transition: .5s;
     transition: .5s;
     border-radius: 50%;
     border: 1px solid;
     position: relative 
}
 .technology-slides.owl-theme .owl-dots .owl-dot span::before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     border-radius: 50%;
     margin: 2px;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transition: .5s;
     transition: .5s 
}
 .feedback-slides.owl-theme .owl-dots .owl-dot:hover span::before, .technology-slides.owl-theme .owl-dots .owl-dot.active span::before {
     -webkit-transform: scale(1);
     transform: scale(1) 
}
 .technology-slides.owl-theme .owl-dots .owl-dot span::before {
     background-color: #080a3c 
}
 .owl-theme .owl-dots,.owl-theme .owl-nav{
    text-align:center;
    -webkit-tap-highlight-color:transparent
}
.owl-theme .owl-nav{
    margin-top:10px
}
.owl-theme .owl-nav [class*=owl-]{
    color:#FFF;
    font-size:14px;
    margin:5px;
    padding:4px 7px;
    background:#D6D6D6;
    display:inline-block;
    cursor:pointer;
    border-radius:3px
}
.owl-theme .owl-nav [class*=owl-]:hover{
    background:#869791;
    color:#FFF;
    text-decoration:none
}
.owl-theme .owl-nav .disabled{
    opacity:.5;
    cursor:default
}
.owl-theme .owl-nav.disabled+.owl-dots{
    margin-top:10px
}
.owl-theme .owl-dots .owl-dot{
    display:inline-block;
    zoom:1
}
.owl-theme .owl-dots .owl-dot span{
    width:10px;
    height:10px;
    margin:5px 7px;
    background:#D6D6D6;
    display:block;
    -webkit-backface-visibility:visible;
    transition:opacity .2s ease;
    border-radius:30px
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
    background:#869791
}
 .testi_bg{
     position: absolute;
     bottom: 00px;
     left: 0;
     z-index: 0;
     height: 110px;
     overflow: hidden;
}
 label.error {
     color: red !important;
}
 .error {
     color: red;
}
 #rmsgSubmit2.fontcolor {
     color: white;
}
 .contact-form form button.email-btn {
     background: #FFBC48;
     border: #FFBC48 solid 1px;
     box-shadow: 0 5px 15px #FFBC48;
}
 .modal {
     position: fixed;
     top: 10%;
    /*background-color: #ffffff;
    */
    /* border: 1px solid #999;
     border: 1px solid rgba(0, 0, 0, 0.3);
    */
    /*border: 1px solid #999;
    */
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     border-radius: 6px;
     outline: none;
     -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-background-clip: padding-box;
}
 .modal-body {
     position: relative;
     padding: 15px;
}
 .modal-header{
     display:block;
}
 .modal-header h3 {
     margin: 0;
     line-height: 30px;
}
 button.close {
     padding: 0;
     cursor: pointer;
     background: transparent;
     border: 0;
     -webkit-appearance: none;
}
 .close {
     line-height: 14px;
}
 .close {
     float: right;
     font-size: 20px;
     font-weight: bold;
     line-height: 18px;
     color: #000;
     text-shadow: 0 1px 0 #fff;
     opacity: 0.2;
     filter: alpha(opacity=20);
}
 .tech-box .boxed {
     background: #fff;
     min-height: 126px;
     -webkit-transition: transform 0.3s, background-color 0.3s;
     transition: transform 0.3s, background-color 0.3s;
     padding: 30px;
     margin: 15px 0;
     text-align: center;
     display: grid;
}
 .h4{
     vertical-align: middle;
     font-size: 20px !important 
}
 .tech-box .boxed:hover div, .tech-box .boxed:hover h3 {
     -webkit-transition: color 0.3s;
     transition: color 0.3s;
}
 .tech-box .boxed:hover h3 {
     color: #000;
}
 .tech-box .hover-font-w.boxed:hover h3 {
     color: #000;
}
 .tech-box .boxed:hover {
     box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
     -ms-transform: translate(50px, 100px);
     -webkit-transform: translate(50px, 100px);
     transform: translate(0px, -4px);
}
 .cover-10 .background-image-holder{
     height:100%;
}
 @media (max-width: 1024px) {
    /*.tech-box .boxed {
         min-height: 176px;
    }
    */
     .h4 {
         vertical-align: middle;
         font-size: 18px !important;
    }
}
 @media (max-width: 600px) {
    .tech-box .boxed {
         background: #fff;
         min-height: 44px;
         -webkit-transition: transform 0.3s, background-color 0.3s;
         transition: transform 0.3s, background-color 0.3s;
         padding: 10px;
         margin: 2px 0;
         text-align: center;
         display: block;
    }
     .pop-btn{
        width: 48%;
    }
}
 .w-22{
    width: 22% !important
}
 .pop-btn{
    display: inline-block;
     color: #ffbc48;
     font-size: 15px;
     padding: 13px 40px;
     font-weight: 700;
     border: #ffbc48 solid 1px;
     width: 19%;
     margin: 2px 0;
     text-align: center;
     background: #000;
    background: #ffbc48;
     color: #fff 
}
/*.scroll_content{
     overflow: hidden;
     overflow-x: scroll;
}
*/
 .tech-box.scroll_content .boxed {
     background: #fff;
    /* min-height: 126px;
     */
     -webkit-transition: transform 0.3s, background-color 0.3s;
     transition: transform 0.3s, background-color 0.3s;
     padding: 10px;
}
 .services_scroll{
     background: #073656;
     padding: 12px 21px;
     margin: 8px 1px;
     color: #fff;
     border-radius: 9px;
}
 .services_scroll a{
    color: #fff;
     font-size: 16px !important
}
 .scroll_content .h4{
     margin: 0 ;
    color: #fff;
     font-size: 14px !important;
}
 .services_line{
     width: 100%;
     height: 72px;
     display: flex;
     overflow-x: scroll;
}
 .services_scroll{
     flex-shrink: 0;
}
 .servise_tab{
    width:45%;
     margin: 2px;
     background: #000;
     padding: 10px;
     float: left;
}
/* * STYLE 3 */
 .style-3::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
     background-color: #F5F5F5;
}
 .style-3::-webkit-scrollbar {
     width: 6px;
     background-color: #F5F5F5;
}
 .style-3::-webkit-scrollbar-thumb {
     background-color: #000000;
}
 .services_scroll{
     display: inline-block;
}
 .h4{
     margin: 0;
     font-size: 15px !important;
}
 .boxed.nodehv {
     text-align: center;
     background: rgb(251 251 251 / 50%);
     margin: 1px 0;
     padding: 10px;
     border-radius: 30px;
     color: #000;
}
.boxed.nodehv:hover {
     text-align: center;
     background:rgb(255 165 0);
     color: #000;
}
 .special_service_modal .modal{
    display: block;
     position: inherit;
     opacity: 1;
     top: 0;
     overflow: inherit;
     border-radius: 0;
     box-shadow: none;
}
 .special_service_modal .modal-footer{
     display: none;
}
 .special_service_modal .modal-lg{
     width: 100%;
     max-width:100% 
}
 .special_service_modal .modal-content{
    background-color: transparent;
     border:0;
     width: auto;
}
 .service_images{
     float: left;
     margin: 0 32px 25px 0 
}
 .supply-title{
    background: #f6fbff;
     text-align: center;
     margin: 0;
     padding: 50px 0;
}
 .supply .pd-sm .row{
    display:inherit;
}
 .about-bg:nth-child(even) .service_images{
     float: right;
     margin: 0 0px 25px 32px 
}
/*.special_service_modal .modal-body{
    display: flex;
}
*/
/*.n1:before{
     content: '';
    background: url(http://localhost/istaffrota/wp-content/uploads/2023/07/2.png);
     top: 0;
     position:absolute;
     left: 0;
     z-index: 0;
     width: 100%;
     height: 660px;
     background-repeat: no-repeat;
}
*/
 .n2:before{
     content: '';
     background: url(http://localhost/istaffrota/wp-content/uploads/2023/07/service-about-bg.png) 850px 0;
     top: -300px;
     position: absolute;
     right: 0;
     z-index: 0;
     width: 100vw;
     height: 1000px;
}
 .n7, .n8{
     color: #000 
}
 .n3:before{
     content: '';
    background: url(http://localhost/istaffrota/wp-content/uploads/2023/07/2.png) 390px 0;
     top: 0;
     position:absolute;
     right: 0;
     z-index: 0;
     width: 100%;
     height: 660px;
     background-repeat: no-repeat;
}
 .n4:before{
     content: '';
    background: url(http://localhost/istaffrota/wp-content/uploads/2023/07/srv-4-l-t-1.png);
     top: 0;
     position:absolute;
     right: 0;
     z-index: 0;
     width: 100%;
     height: 660px;
     background-repeat: no-repeat;
}
 .n5:before{
     content: '';
    background: url(http://localhost/istaffrota/wp-content/uploads/2023/07/14.png) 0px 0;
     bottom: 0;
     position:absolute;
     right: 0;
     z-index: 0;
     width: 100%;
     height: 660px;
     background-repeat: no-repeat;
     -webkit-transform: scaleX(-1);
     transform: scaleX(-1);
}
 .n6:before{
     content: '';
    background: url(http://localhost/istaffrota/wp-content/uploads/2023/07/srv-4-l-t-1.png);
     top: 0;
     position:absolute;
     right: 0;
     z-index: 0;
     width: 100%;
     height: 660px;
     background-repeat: no-repeat;
}
 .n7:before{
     content: '';
    background: url(http://localhost/istaffrota/wp-content/uploads/2023/07/about-7-bg.png);
     top: 0;
     position:absolute;
     left: 0;
     z-index: 0;
     width: 100%;
     height: 660px;
     background-repeat: no-repeat;
}
 .n8:before{
     content: '';
    background: url(http://localhost/istaffrota/wp-content/uploads/2023/07/about-7-bg.png);
     -webkit-transform: scaleY(-1);
     transform: scaleY(-1);
     top: 0;
     position:absolute;
     left: 0;
     z-index: 0;
     width: 100%;
     height: 660px;
     background-repeat: no-repeat;
}
 .n9:before{
     content: '';
    background: url(http://localhost/istaffrota/wp-content/uploads/2023/07/13.png);
     top: 0;
     position:absolute;
     left: 0;
     z-index: 0;
     width: 100%;
     height: 660px;
     background-repeat: no-repeat;
     -webkit-transform: scaleX(-1);
     transform: scaleX(-1);
}
 .n10:before{
     content: '';
    background: url(http://localhost/istaffrota/wp-content/uploads/2023/07/blog-6-bg.png);
     top: 0;
     position:absolute;
     left: 0;
     z-index: 0;
     width: 100%;
     height: 660px;
     background-repeat: no-repeat;
}
 .n11:before{
     content: '';
    background: url(http://localhost/istaffrota/wp-content/uploads/2023/07/srv-4-l-b-1.png);
     top: 0;
     position:absolute;
     left: 0;
     z-index: 0;
     width: 100%;
     height: 660px;
     background-repeat: no-repeat;
}
 .n12:before{
     content: '';
    background: url(../image/service-tab-bg.png);
     top: 0;
     position:absolute;
     left: 0;
     z-index: 0;
     width: 100%;
     height: 660px;
     background-repeat: no-repeat;
}
 .n13:before{
     content: '';
     background: url(http://localhost/istaffrota/wp-content/uploads/2023/07/service-about-bg.png) 850px 0;
     top: -300px;
     position: absolute;
     right: 0;
     z-index: 0;
     width: 100vw;
     height: 1000px;
}
 .n7, .n8{
     color: #000 
}
 .n14:before{
     content: '';
    background: url(http://localhost/istaffrota/wp-content/uploads/2023/07/dot_b_4.png);
     top: 0;
     position:absolute;
     left: 0;
     z-index: 0;
     width: 100%;
     height: 660px;
     background-repeat: no-repeat;
}
 .n15:before{
    content: '';
    background: url(http://localhost/istaffrota/wp-content/uploads/2023/07/2.png) 390px 0;
     top: 0;
     position:absolute;
     right: 0;
     z-index: 0;
     width: 100%;
     height: 660px;
     background-repeat: no-repeat;
}
 .n16:before{
     content: '';
    background: url(http://localhost/istaffrota/wp-content/uploads/2023/07/srv-4-t-r-2.png);
     top: 0;
     position:absolute;
     left: 0;
     z-index: 0;
     width: 100%;
     height: 660px;
     background-repeat: no-repeat;
}
 .n17:before{
     content: '';
    background: url(http://localhost/istaffrota/wp-content/uploads/2023/07/14.png) 0px 0;
     bottom: 0;
     position:absolute;
     right: 0;
     z-index: 0;
     width: 100%;
     height: 660px;
     background-repeat: no-repeat;
     -webkit-transform: scaleX(-1);
     transform: scaleX(-1);
}
 .n18:before{
     content: '';
    background: url(http://localhost/istaffrota/wp-content/uploads/2023/07/13.png);
     top: 0;
     position:absolute;
     left: 0;
     z-index: 0;
     width: 100%;
     height: 660px;
     background-repeat: no-repeat;
}
 .n19:before{
     content: '';
    background:url(http://localhost/istaffrota/wp-content/uploads/2023/07/blog-6-bg.png);
     top: 0;
     position:absolute;
     left: 0;
     z-index: 0;
     width: 100%;
     height: 660px;
     background-repeat: no-repeat;
}
 .addPadding{
     padding: 100px 0 0 0 
}
.supply .addPadding{
     padding: 10px 0 0 0 
}
 @media(max-width: 1024px){
     .special_service_modal .modal-content{
         width: 100% 
    }
     .addPadding {
         padding: 10px 0 0 0;
    }
     .pd-sm {
         padding: 50px 0 0 0 !important;
    }
     .supply .pd-sm {
         padding: 10px 0 0 0 !important;
    }
     .about-bg:nth-child(even) .service_images {
         float: inherit;
         margin: 0 0px 25px 32px;
    }
     .service_images{
         float: inherit;
         width: 80%;
         margin: 0 0px 25px 32px;
    }
}
 .space .col-md-4{
     padding: 0 2px;
}
 .reseller-btn{
     position: relative;
    /* width: 100px;
     */
     margin: auto;
     color: #000 !important;
     border-radius: 100px;
}
 .arrow {
     opacity: 0;
     position: absolute;
     left: 50%;
     top: 64%;
     transform-origin: 50% 50%;
     transform: translate3d(-50%, -50%, 0);
}
 .pos-rel{
    height: 61px;
    /* background: #000;
     */
     position: absolute;
     top: -283px;
     right: 30px;
}
 .arrow-first {
     -webkit-animation: arrow-movement 2s ease-in-out infinite;
     animation: arrow-movement 2s ease-in-out infinite;
}
 .arrow-second {
     -webkit-animation: arrow-movement 2s 1s ease-in-out infinite;
     animation: arrow-movement 2s 1s ease-in-out infinite;
}
 .arrow:before, .arrow:after {
     background: #000;
     content: "";
     display: block;
     height: 1px;
     position: absolute;
     top: 0;
     left: 0;
     width:10px;
}
 .arrow:before {
     transform: rotate(45deg) translateX(-23%);
     transform-origin: top left;
}
 .arrow:after {
     transform: rotate(-45deg) translateX(23%);
     transform-origin: top right;
}
 @-webkit-keyframes arrow-movement {
     0% {
         opacity: 0;
         top: 45%;
    }
     70% {
         opacity: 1;
    }
     100% {
         opacity: 0;
    }
}
 @keyframes arrow-movement {
     0% {
         opacity: 0;
         top: 45%;
    }
     70% {
         opacity: 1;
    }
     100% {
         opacity: 0;
    }
}
/* Css for Certificates below Get your Estimate */
 .certificateContainer {
     display:inline-block;
     margin-top: 24px;
}
 .cyberessentialsCertificationDiv {
     display: inline;
     float: left;
     background-color: white;
     padding: 5px;
}
 .certificateImage {
     height: 80px;
    width: auto;
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
 .iasmegDiv {
     display: inline;
     float: left;
     margin-left: 12px;
     background-color: white;
     padding: 5px;
}
 .ratingsCertificateImage {
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
     width: 80px !important;
     height: auto !important;
     bottom: 0px;
}
 .ratingCertificates {
     display: inline;
     float: left;
     margin-left: 12px;
     background-color: white;
     padding: 5px;
}
/* The Modal (background) */
/* The Modal (background) */
 .home-6 .modal {
     display: none;
    /* Hidden by default */
     position: fixed;
    /* Stay in place */
     z-index: 9999;
    /* Sit on top */
     padding-top: 100px;
    /* Location of the box */
     left: 0;
     top: 0;
     width: 100%;
    /* Full width */
     height: 100%;
    /* Full height */
     overflow: auto;
    /* Enable scroll if needed */
     background-color: rgb(0,0,0);
    /* Fallback color */
     background-color: rgba(0,0,0,0.4);
    /* Black w/ opacity */
}
.home-6 .modal h2{
    margin:0;
     color:#fff;
}
/* Modal Content */
/*.home-6 .modal-content {
     position: relative;
     background-color: #fefefe;
     margin: auto;
     padding: 0;
     border: 1px solid #888;
     width: 80%;
     box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
     -webkit-animation-name: animatetop;
     -webkit-animation-duration: 0.4s;
     animation-name: animatetop;
     animation-duration: 0.4s 
}
*/
/* Add Animation */
 @-webkit-keyframes animatetop {
     from {
        top:-300px;
         opacity:0
    }
     to {
        top:0;
         opacity:1
    }
}
 @keyframes animatetop {
     from {
        top:-300px;
         opacity:0
    }
     to {
        top:0;
         opacity:1
    }
}
/* The Close Button */
 .home-6 .close {
     color: white;
     float: right;
     font-size: 28px;
     font-weight: bold;
}
 .home-6 .close:hover, .home-6 .close:focus {
     color: #000;
     text-decoration: none;
     cursor: pointer;
}
/*.home-6 .modal-header {
     padding: 12px 16px;
     background-color: #073656;
     color: white;
}
*/
 .home-6 .modal-body {
    padding: 12px 16px;
}
 .home-6 .modal-footer {
     padding: 12px 16px;
     background-color: #073656;
     color: white;
}
 .button{
      /*background: #387BFF;*/
     background: #F4A261;
     border-radius: 50px;
     border: 1px solid #387BFF;
    color: #365ba1 !important;
    display: inline-block;
     padding: 15px 40px;
     margin-right: 15px;
     box-shadow: 0 5px 15px rgb(0 0 0 / 10%);
     /*margin-top: 30px;*/
     cursor: pointer;
     position: relative;
    top: -162px;
    left: 55px;
}
 select.form-control:not([size]):not([multiple]) {
     height: calc(2.25rem + 2px);
     width: 100%;
     margin-bottom: 26px;
     padding: 10px;
     border: #6b0000 solid 1px;
     color: #495057;
}
 .accordion {
     background-color: #eee;
     color: #444;
     cursor: pointer;
     padding: 18px;
     border: none;
     text-align: left;
     outline: none;
     font-size: 15px;
     transition: 0.4s;
}
 .accordion:hover {
     background-color: #ccc;
}
 .panel {
     padding: 0px 0px;
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.2s ease-out;
     margin:0px 0 0 0;
}
 .panel a{
     background: #224a99;
     padding: 15px 30px 15px 56px;
     border-radius: 23px;
     margin: 0 0px;
    /* height: 0px;
     */
    position: relative;
     color: #fff;
}
 .play{
    background-image:url(../image/play.png);
     width: 34px;
     height: 34px;
     margin: 0 10px 0 0;
     display: inline-block;
     position: absolute;
     top: 6px;
     left: 10px;
     background-size: 34px;
}
 .pos-rel-res{
     position: absolute;
     top: 2px;
     height: 61px;
     right: 0;
     left: -9px;
     width: 19px;
     margin: auto;
}
 .pnlsendmailformfooter {
     min-height: 70px;
}
 .home-logo{
    display: flex;
     align-items: center;
}
 .home-2-logo{
    background: #e9f0f9;
     border-top: 1px solid;
     padding: 80px 0;
     position: relative;
     z-index: 1;
}
 .home-2-logo .logo-space{
     background: #fff;
     width: 13.2%;
     transition: .3s;
     box-shadow: -0px 0px 0px -0px #000000;
     margin: 0 0.5%;
}
 .home-2-logo .logo-space:nth-child(4){
     background: #000;
}
 .home-2-logo .logo-space:hover{
     box-shadow: -1px 7px 28px -17px #000000;
    transition: .3s;
}
 @media (max-width: 1240px) {
     .home-2-logo .logo-space {
         width: 23.2%;
         margin: 0.5%;
    }
}
 @media (max-width:767px) {
     .home-2-logo .logo-space {
         width: 48%;
         margin: 1%;
    }
}
 @media (max-width: 991px) {
     .contact-main-section {
         padding: 50px 15px;
    }
     .hero-area, .hero-area.hero-6 {
         padding: 120px 0 30px;
         height: 1400px;
    }
     .certificateImage {
         height: 30px;
    }
     .pos-rel {
         height: unset;
         background: unset;
         position: unset;
         top: unset;
         right: unset;
    }
     @media (max-width: 767px) {
         .hero-area, .hero-area.hero-6 {
             height: 1100px;
        }
    }
}
 .pricing-bg {
     background: #e9f0f9;
}
.terms-detail .terms {
	font-size: 20px;
	font-weight: bold;
	color: #000;
}
.terms-detail span {
	font-size: 16px;
	display: flex;
}
#book-submit {
	padding: 15px 39px;
	cursor: pointer;
	border: none;
	background: #FFBC48;
	font-size: 17px;
	font-weight: 700;
	box-shadow: 0 0 20px rgba(255,188,72,0.4);
	border: #FFBC48 solid 1px;
	color: #fff;
}
.contact-form form p input[type="text"], .contact-form form p input[type="email"], .contact-form form p textarea {
	padding: 10px;
}
#sign-up-text span {
   font-size: 15px;
   color: #000;
}
.first.last {
	display: flex;
	align-items: flex-start;
	margin: 0;
	flex-direction: row-reverse;
	width: 100%;
	margin-bottom: 20px;
   justify-content: flex-end;
}
.first.last span {
	color: #000;
	margin-top: 0;
	line-height: 20px;
}
.first.last input {
	width: auto;
	margin-right: 13px;
	position: relative;
	top: 5px;
}
.staff-management-detail {
   display: flex;
   flex-direction: column;
}


/**/

.our-promise-head{
  background-color: #F1F5FD;
  padding: 100px 0;
  
}        
.better-solution-text{
  display: flex; 
}
.our-promise-h{
  text-align: center;
  padding: 20px;
}
.better-d-t{
  display: flex;
  flex-direction: column;
  text-align: center;
}
.better-d-t h4{
  margin-bottom: 0;
  font-weight: 700;
}
.better-d-t i{
  font-size: 25px;
  margin-bottom: 15px;
}
.better-d-t p{
  padding: 0 10px;
}
.homecare-features .btn-link{
  text-decoration: none;
}
.homecare-head{
  padding-top: 40px !important;
}

.homecare-head h2{
  text-align: center;
}
.homecare-features .btn-link i{
  padding-right: 8px;
  font-size: 20px;
}
.homecare-features .card-header{
  border: none;
  background: #FFF;
  padding: 0;
}
.homecare-features .btn.btn-link {
   width: 100%;
   padding: 17px 26px 16px;
   text-align: left;
   word-break: break-word;
   white-space: unset;
}
.homecare-features .learn-more li a{
  margin-bottom: 20px;
}
.homecare-features #accordion{
  margin-top: 20px;
}
.homecare-features .card{
  margin-bottom:25px;
}
.homecare-features .btn-link {
   color: #000;
}
.homecare-features .right-text-l {
   margin: 0px 17px 25px 0px;
   padding: 37px 8px;
   background-color: #E0E9FA;
   border-radius: 8px;
   text-align: center;
   font-size: 40px;
   font-weight: 700;
   color: #233d63;
}
.homecare-features .right-text-l p{
  font-size: 18px !important;
}
.homecare-features .right-images .certifi-img {
  max-height: 180px;
}
.homecare-features .reght-mb {
  margin-bottom: 50px;
}
.certified-text-d{
  text-align: center;
  margin-top: 20px;
}
.bg-img-dot {
  position: relative;
}
.p-relative {
   position: relative;
}
.top-left-image {
   content: ' ';
   position: absolute;
   top: -50px;
   left: -50px;
   background-size: 100px;
   width: 120px;
   height: 120px;
   z-index: -10;
}
.left-image.bg-img-dot, .right-images {
   border-radius: 8px;
   overflow: hidden;
}
.better-d-t img {
   height: 64px;
   width: 64px;
   margin: 0px auto 20px;
}
.btn.btn-link.collapsed {
   color: #000;
}
.btn.btn-link {
   color: #3f78e0;
}
@media (max-width:1199px){
  .better-d-t p{
    padding: 0;
  }
}
@media (max-width:991px){
  .better-d-t h4{
    font-size: 18px !important;
  }
  .better-d-t p{
    font-size: 14px;
  }
  .better-d-t p{
    padding: 0 31px;
  }
  .top-left-image {
   display: none;
  }
}
@media (max-width:767px){
  .homecare-features .right-text-l {
    margin: 12px 0px;
  }
  .homecare-features .right-images {
    text-align: center;
  }
}

#sign-up-text span a {
	color: #FFBC48;
}

.counter-section {
	padding: 50px 0;
}
.border-counter {
	border-right: 1px solid #000;
}
.border-counter:last-child {
	border-right: unset;
}
.counter {
	text-align: center;
}
.counter b {
	display: flex;
	font-size: 50px;
	font-weight: bold;
	color: #233d63;
	line-height: 60px;
    justify-content: center;
}
.counter-1 span, .counter-2 span {
	font-size: 15px;
}
.star ul {
	padding: 0;
	display: flex;
    justify-content: center;
	margin-bottom: 0;
}
.star ul li i {
	color: #E5D91C;
}
.logo-rating img {
	max-height: 30px;
}
.plus-sign {
	display: flex;
	align-items: center;
	font-size: 50px;
	font-weight: bold;
	color: #233d63;
	line-height: 60px;
    justify-content: center;
}
.profile-picture {
	display: inline-flex;
	width: 200px;
	height: 215px;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 20px;
}
.profile-picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.abt-detail-right {
	text-align: right;
}
.abt-detail p {
	text-indent: each-line;
	text-align: justify;
}
.image-bottom-content {
	text-align: center;
}
.image-bottom-content ul {
	display: flex;
	justify-content: center;
	text-decoration: unset;
	padding-left: 0;
}
.image-bottom-content ul li {
	margin-right: 15px;
	position: relative;
	padding-right: 15px;
}
.image-bottom-content ul li::after {
	content: ' ';
	position: absolute;
	width: 10px;
	height: 2px;
	background: #fff;
	top: 50%;
	transform: translateX(-50%);
	right: -10px;
}
.image-bottom-content ul li:last-child {
	margin-right: 0;
	padding-right: 0;
}
.image-bottom-content ul li:last-child::after {
	display: none;
}
#pricing_type {
	width: 100%;
	margin-bottom: 26px;
	padding: 10px;
	border: #cccccc solid 1px;
	background: #fff;
}