/*
Introduction: ;
*/

body{
    font-family: 'Poppins', sans-serif !important;
}
h1,h2,h3{
    /*font-family: 'Satoshi-Black' !important;*/
}
h4,h5,h6{
    /*font-family: 'Satoshi-Bold' !important;*/
}
h6{
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #d86eff;
    background: url(../../assets/images/line-purple.png)no-repeat;
    background-position: center;
}
h5{}
h3{
    font-size: 45px;
    font-weight: 700;
    line-height: 60px;
    text-transform: capitalize;
}
p{
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    margin: 15px 0;
}
ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
a:hover{
    text-decoration: none;
}
.container, 
.container-lg, 
.container-md, 
.container-sm, 
.container-xl, 
.container-xxl {
    max-width: 100% !important;
    padding: 0 5%;
}
.btn-business{
    color: #fff;
    padding: 14px 35px !important;
    font-size: 20px;
    font-weight: 600;
    border-radius: 10px;
    background: linear-gradient(90deg, #d86eff, #45a1ff);
    border: 1px solid #662d91;
    transition: all .5s ease;
}
.btn-business:hover{
    background-color: #fff;
    background: linear-gradient(300deg, #ffffff, #ffffff);
    border-color: #662d91;
    color: #662d91 !important;
    transform: translateY(5px);
}
.btn-main{
    background-color: #fff;
    color: #000;
    padding: 14px 30px !important;
    font-size: 20px;
    font-weight: 600;
    border-radius: 10px;
    border: 1px solid transparent;
    transition: all .5s ease;
}
.btn-main:hover{
    color: #fff;
    transform: translateY(5px);
    background-color: #000000;
    border: 1px solid #000 !important;
}
.add_before:before{
    position: absolute;
    content: "";
}
.add_before:after{
    position: absolute;
    content: "";   
}
.dis-flex{
    display: flex;
    align-items: center;
    justify-content: center;
}
.dis-flex-start{
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.dis-flex-end{}
/*Header*/
.homepage-nav nav li:nth-child(n+2) a.active{
    color: rgba(0,0,0,.5) !important;
}
.header.shrink {
    background-color: #fff;
    box-shadow: 10px 0px  #eb2f5b;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 15px 0px rgb(102 45 145);
}

header{
    padding: 4px 0;
    position: fixed;
    z-index: 9999;
    width: 100%;
    transition: all .8s ease;
}
header .nav{}
header .navbar-brand{}
header .navbar-brand img{
    width: 100%;
    height: 90px;
}
header .navbar-nav{}
header .navbar-nav {}
header .navbar-nav li{
    margin: 0 15px;
}
header .navbar-nav li a{
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    padding: 0 0;
    color: #000;
    opacity: 1;
    transition: all .5s ease;
}
header .navbar-nav li a.active,
header .navbar-nav li a:focus,
header .navbar-nav li a:hover{opacity: 1;}
header .float-right{
    margin: 0 0 0 6% !important;
}
header .float-right li{
}
header .float-right li a{
    color: #000;
    font-size: 20px;
    padding: 0;
    }
header .float-right li a.phone i{
    width: 60px;
    height: 60px;
    background-color: #000;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}
header .float-right li a.phone{
    color: #000;
    font-weight: 500;
}
header .float-right li a.btn{
    color: #fff;
    margin: 0 0 0 15px;
}
/*Header*/
/*Banner*/
section.banner{
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    height: 100vh;
    min-height:800px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}
section.banner:before{
    background: url(../../assets/images/banner-b.png)no-repeat;
    width: 100px;
    height: 100px;
    left: 0;
    top: 30%;
    transform-style: preserve-3d;
    animation: spin 10s linear infinite;
    z-index:-1;
}
@keyframes spin {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
section.banner .content{
    color: #000;
    margin-top: 10%;
}
section.banner .content h6{
    font-size: 20px;
    font-weight: 500;
    background: unset;
    color: #000;
}
section.banner .content h1{
    font-size: 68px;
    font-weight: 700;
    line-height: 80px;
}
section.banner .content p{
    width: 75%;
}
section.banner .content li{
    margin: 15px 15px 0 0px;
}
section.banner .content a.btn{}
section.banner .social{
    position: absolute;
    bottom: 8%;
    left: 5%;
}
section.banner .social ul{
}
section.banner .social ul li{
    transition: all .5s ease;
    width: 60px;
    background: transparent;
    height: 60px;
    border: 1px solid #000;
    border-radius: 30px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 15px 0 0;
}
section.banner .social ul li:hover{
    background-color: linear-gradient(90deg, #d86eff, #45a1ff)
    border-color: #662d91;
    cursor: pointer;
    /* border: 2px solid #fff; */
}
section.banner .social ul li:hover a{}
section.banner .social ul li:hover a i{
    color: #fff;
    transform: rotate(360deg);
}
section.banner .social ul li a{
    font-size: 22px;
    color: #000;
}
section.banner .social ul li a i{
    transition: all .5s ease;
}
section.banner .social ul li a:hover{}
section.banner .social ul li a:hover i{}
/*Banner*/

/*Services*/
section.services{
    padding: 100px 0;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 1;
}
section.services:before{
    background: url(../../assets/images/about-us-blob-left.png)no-repeat;
    width: 325px;
    height: 610px;
    left: 0;
    top: 0;
}
section.services:after{
    background: url(../../assets/images/about-us-blob-right.png)no-repeat;
    width: 288px;
    height: 630px;
    right: 0;
    bottom: 0;
    z-index: -1;
}
section.services .content{}
section.services .content:before{
    background: url(../../assets/images/s3.png)no-repeat;
    width: 100px;
    height: 130px;
    left: 0;
    top: 0%;
    transform-style: preserve-3d;
    animation: spin 25s linear infinite;
}
section.services .content:after{
    background: url(../../assets/images/s2-after.png)no-repeat;
    width: 100px;
    height: 130px;
    right: 0;
    top: 0%;
    transform-style: preserve-3d;
    animation: spin 5s linear infinite;
}
section.services .content h6{
    background: url(../../assets/images/line.png)no-repeat;
    background-position: center;
    color: #fff;
}
section.services .content h3{
    width: 70%;
    margin: auto;
}
section.services .content ul.service-in{
    position: relative;
}
section.services .content ul.service-in li{
    position: relative;
    width: calc(90%/5);
    float: left;
    margin: 40px 15px;
    min-height: 260px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background-color: transparent;
    flex-direction: column;
    padding: 0 45px;
    position: relative;
    /*background: url(../../assets/images/li-bg.png)no-repeat;
    background-size: 100% 100%;
    background-position: center;*/
    border: 1px solid;
    -webkit-border-image: linear-gradient(180deg, #d86eff, #45a1ff);
    border-image-slice: 1;
    cursor: grabbing;
    transition: all .5s ease;
}
section.services .content ul.service-in li:hover{transform: translateY(10px);}
section.services .content ul.service-in li img{}
section.services .content ul.service-in li h6{
    text-align: left;
    margin: 20px 0 0 0;
    color: #fff;
}
section.services ul li{
    margin: 0 15px;
}
/*Services*/

/*  About */
section.about{
    padding: 100px 0;
    position: relative;
}
section.about:before{
    background: url(../../assets/images/s3.png)no-repeat;
    width: 100px;
    height: 130px;
    left: 0;
    top: 10%;
    animation: spin 25s linear infinite;
}
section.about:after{
    background: url(../../assets/images/banner-b.png)no-repeat;
    width: 100px;
    height: 130px;
    right: 0;
    bottom: 0%;
    animation: spin 5s linear infinite;
}
section.about h6{
    color: #670099;
    background: url(../../assets/images/line1.png)no-repeat;
    background-position: center;
}
section.about h3{}
section.about .content{padding: 0 0;}
section.about ul{}
section.about ul li{
    margin: 0 15px;
}
section.about ul li a.btn-main{
    border-color: #000;
}
/*  About */
/*Projects*/
section.projects{
    text-align: center;
    padding: 60px 0;
    position: relative;
}
section.projects:before{
    background: url(../../assets/images/portfolio-left-img.png)no-repeat;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
section.projects:after{
    background: url(../../assets/images/s3.png)no-repeat;
    width: 100px;
    height: 130px;
    right: 0;
    bottom: 0;
    animation: spin 25s linear infinite;
}
section.projects .content{
    margin: 20px 0 10px;}
section.projects .content h6{
}
section.projects .content h3{}
section.projects .content p{
    width: 40%;
    margin: 0 auto 0px;
}
section.projects .project-navs{}
section.projects .project-navs .nav-tabs{
    display: flex;
    justify-content: center;
    border: 0;
    margin: 50px 0;
}
section.projects .project-navs .nav-tabs li{
    margin: 0 15px;
}
section.projects .project-navs .nav-tabs li a{
    transition: all .3s ease;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    background-color: #fff;
    padding: 12px 35px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 40%);
    border-radius: 10px;
    background: linear-gradient(300deg, #ffffff, #ffffff);
}
section.projects .project-navs .nav-tabs li a:hover,
section.projects .project-navs .nav-tabs li a.active{
    background: linear-gradient(90deg, #d86eff, #45a1ff);
    color: #fff;
}
section.projects .project-navs .tab-content{}
section.projects .project-navs .tab-content .img-box{  }
section.projects .project-navs .tab-content .img-box img{  }
section.projects .project-navs .tab-content .content{text-align: left;}
section.projects .project-navs .tab-content .content h6{background: no-repeat;color: #000;font-weight: 700;}
section.projects .project-navs .tab-content .content h3{  }
section.projects .project-navs .tab-content .content p{width: unset;margin: 20px 0;}
section.projects .project-navs .tab-content .content ul.pro-ul{margin: 0 0 50px;}
section.projects .project-navs .tab-content .content ul.pro-ul li {margin: 10px 15px 0 0px;}
section.projects .project-navs .tab-content .content ul.pro-ul li a{background-color: #F1F1F1;padding: 10px 20px;font-size: 16px;font-weight: 400;color: #000;border-radius: 10px;}
/*Projects*/
/*Why Choose us*/
section.choose-us{
    position: relative;
    padding: 100px 0;
}
section.choose-us:before{
    background: url(../../assets/images/s5.png)no-repeat;
    width: 100px;
    height: 130px;
    left: 0;
    top: 10%;
    animation: spin 6s linear infinite;
}
section.choose-us .content{}
section.choose-us .content h6{
    color: #670099;
    background: url(../../assets/images/line1.png)no-repeat;
    background-position: center;
}
section.choose-us .content h3{}
section.choose-us .content p{}
section.choose-us .choose-box{
    background: url(../../assets/images/choose-bg.png)no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0px;
    border-radius: 20px;
    position: relative;
}
section.choose-us .choose-box:before{
    background: url(../../assets/images/banner-b.png)no-repeat;
    width: 100px;
    height: 100px;
    left: 0;
    top: -50px;
    transform-style: preserve-3d;
    animation: spin 10s linear infinite;
}
section.choose-us .choose-box:after{
    background: url(../../assets/images/choose-after.png)no-repeat;
    width: 120px;
    height: 130px;
    right: 50px;
    bottom: -60px;
    -webkit-animation: rotate 14s linear infinite;
    -moz-animation:rotate 4s linear infinite;
    animation: rotate 15s linear infinite;
}
section.choose-us .choose-box .num {
    color: #fff;
    margin: 70px 0;
}
section.choose-us .choose-box .num h3{
    text-align: center;
    font-size: 80px;
    font-weight: 900;
}
section.choose-us .choose-box .num h3 span{
    font-size: 20px;
    font-weight: 400;
    display: block;
}
/*Why Choose us*/
@-moz-keyframes rotate{
    100%{
        -moz-transform:rotate(360deg);
    }
}
@-webkit-keyframes rotate{
    100%{
        -webkit-transform:rotate(360deg);
    }
}
@keyframes rotate{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
/*Contact*/
section.contact{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    padding: 180px 0;
    text-align: center;
    color: #fff;
    position: relative;
}
section.contact:after{
    background: url(../../assets/images/choose-after.png)no-repeat;
    width: 120px;
    height: 130px;
    right: 25%;
    bottom: 10%;
    -webkit-animation: rotate 14s linear infinite;
    -moz-animation: rotate 4s linear infinite;
    animation: rotate 35s linear infinite;
}
section.contact .content{
    width: 60%;
    margin: auto;
}
section.contact .content h6{
    background: url(../../assets/images/line.png)no-repeat;
    background-position: center;
    color: #fff;
}
section.contact .content h3{
    margin: 40px 0;
}
section.contact .content a.btn{}
/*Contact*/
/*Testimonials*/
section.testimonials{padding: 100px 0;text-align: center;position: relative;}
section.testimonials:before{
    background: url(../../assets/images/banner-b.png)no-repeat;
    width: 100px;
    height: 100px;
    left: 10%;
    top: 10%;
    transform-style: preserve-3d;
    animation: spin 10s linear infinite;
}
section.testimonials:after{
    background: url(../../assets/images/testimonial-after.png)no-repeat;
    width: 500px;
    height: 100%;
    right: 0;
    bottom: 0;
    z-index: -1;
}
section.testimonials .content{
    width: 50%;
    margin: 0 auto 30px;
}
section.testimonials .content h3{}
section.testimonials .content h6{}
section.testimonials .item{
    margin: 0 15px;
}
section.testimonials .box{
    text-align: left;
}
section.testimonials .box .img-box{
    position: relative;
    height: 500px;
}
section.testimonials .box .img-box img{position: relative;width: 100%;height: 100%;object-fit: cover;object-position: top;border: 1px solid #ddd;}
section.testimonials .box .img-box h6{
    background: unset;
    position: absolute;
    bottom: 20px;
    left: 15px;
    font-size: 25px;
    color: #000;
    font-weight: 900;
}
section.testimonials .box .img-box h6 span{
    display: block;
    font-size: 20px;
}
section.testimonials .box p{}
section.testimonials .box .play-icon{
    position: absolute;
    bottom: 15px;
    right: 15px;
}
section.testimonials .box .play-icon img{
    height: 100px;
    width: 100px;
    margin-left: auto;
    border: 0;
}
section.testimonials .slick-dots{
    background: url(../../assets/images/line-purple.png)no-repeat;
    background-position: center;
    position: relative;
    bottom: -40px !important;
}
section.testimonials .slick-dots li{}
section.testimonials .slick-dots li button:before{
    background-color: #670099;
    border-radius: 20px;
    opacity: .2 !important;
    font-size: 0px !important;
    width: 15px !important;
    height: 15px !important;
    border: 1px solid #000;
}
section.testimonials .slick-dots li.slick-active button{}
section.testimonials .slick-dots li.slick-active button:before{
    opacity: 1 !important;
}
/*Testimonials*/

/*Footer*/
footer{
    text-align: center;
    padding: 100px 0 0;
    position: relative;
}
footer h4{
    text-align: left;
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 30px;
}
footer p{
    width: 60%;
    margin: 40px auto 40px;
}
footer .footer-social{
    background: linear-gradient(0deg, #d86eff, #45a1ff);
    padding: 50px 0px;
    border-radius: 15px;
    color: #fff;
    text-align: center;
    width: 80%;
    margin: 0 auto 80px;
}
footer .footer-social li{
    display: -webkit-inline-box;
}
footer .footer-social li a{
    padding: 20px 15px;
    font-size: 24px;
    color: #fff;
}
footer ul {text-align: left;}
footer ul li{
    margin: 10px 0px 0px;
}
footer ul li a{
    text-decoration: none !important;
    font-size: 20px;
    font-weight: 400;
    color: #000;
    position: relative;
    transition: all .5s ease;
}
footer ul li a:hover{
    color: unset;
}
footer ul li a:hover:after{
    width: 100%;
}
footer ul li a:after{
    position: absolute;
    content: "";
    background-color: #6039bc;
    width: 0;
    height: 2px;
    left: 0;
    bottom: 0;
    transition: all .5s ease;
}
footer form{}
footer form input{
    height: 70px;
    border-radius: 10px !important;
    color: #000 !important;
    padding: 10px 15px !important;
}
footer form button{
    width: 100%;
}
footer:before{
    background: url(../../assets/images/footer-3d-img-1.png)no-repeat;
    width: 150px;
    height: 230px;
    left: 2%;
    top: 2%;
    background-size: 60%;
}
footer:after{
    background: url(../../assets/images/banner-b.png)no-repeat;
    width: 100px;
    height: 100px;
    right: 5%;
    top: 30%;
    transform-style: preserve-3d;
    /* animation: spin 10s linear infinite; */
}
footer .content:before{
    background: url(../../assets/images/footer-1.png)no-repeat;
    width: 100px;
    height: 100px;
    left: 10%;
    top: 10%;
    transform-style: preserve-3d;
    animation: spin 10s linear infinite;
}
footer .content:after{
    background: url(../../assets/images/exp.png)no-repeat;
    width: 120px;
    height: 130px;
    right: 10%;
    top: 15%;
    -webkit-animation: rotate 14s linear infinite;
    -moz-animation: rotate 4s linear infinite;
    animation: rotate 35s linear infinite;
}
footer .copyright{
    padding: 15px 0;
    border-top: 1px solid #ad9eda;
    margin: 60px 0 0 0;
}
footer .copyright p{
    margin: 0 0;
    width: 100%;
}
footer .footer-logo{
    width:300px;
    height:200px;
    margin: auto;
}
footer .footer-logo img{}
/*Footer*/

/*Pricing*/

.our-pricing{
    position: relative;
    padding: 100px 0;
}
.our-pricing .heading{
    text-align: left;
    margin: 0 0 0;
}
.our-pricing .contents h6 {
    background: url(../../assets/images/line.png)no-repeat;
    background-position: center;
    color: #fff;
}
.our-pricing .contents h3{
    color: #fff;
}
.our-pricing .heading *{
    color: white;
    text-transform: uppercase;
}
/*.our-pricing:before{
    content: "";
    height: 0;
    border-top: 5vw solid #fff;
    border-right: 98vw solid transparent;
    position: absolute;
    top: 0;
    z-index: 1;
}*/
.new-pf{
    margin-top: 30px;
}
.pack{
    background: white;
    padding: 40px 40px 0;
    position: relative;
}
.pack .head h3{
    font-size: 18px;
    color: #45a1ff;
    display: inline-block;
    float: left;
    margin: 0;
    position: relative;
    line-height: 24px;
    text-align: left;
}
.pack .head img{
    float: right;
    top: -20px;
    position: relative;
}
.pack .head{
    clear: both;
    float: left;
    width: 100%;
    height: 88px;
}
.pack h2{
    clear: both;
    font-size: 70px;
    color: #45a1ff;
    line-height: 57px;
    margin: 0 0 0;
}
.pack h2 sup{
    font-size: 35px;
    top: -33px;
    left: -1px;
}
.pack h2 span{
    font-size: 16px;
    color: #45a1ff;
    font-weight: 600;
    line-height: 16px;
    display: inline-block;
    position: relative;
    top: -20px;
}
.pack h2 strike{
    display: block;
    color: #f00;
}
.pack ul{
    margin-bottom: 0;
}
.pack ul li{
    font-size: 12px;
    color: #5c5c5c;
    margin-bottom: 4px;
    font-weight: 400;
    position: relative;
    text-align: left;
    padding-left: 12px;
}
.pack a{
    background: #662d91;
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 10px 50px;
    display: table;
    margin: auto;
    border-radius: 30px;
    position: relative;
    top: 18px;
    z-index: 1;
    box-shadow: 0 3px 5px #662d91;
    text-decoration: none;
}
.pack .head h3:after{content: '';height: 3px;width: 60px;background: #662d91;position: absolute;bottom: -16px;left: 0;}
.pack .add-on{
    position: relative;
    padding-top: 8px;
    margin-bottom: 45px;
    z-index: 1;
}
.pack .add-on p{
    margin: 0;
    color: #3d3d3d;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
}
.pack .add-on p span{
    color: #662d91;
    font-weight: 600;
}
.pack .add-on:before{content: '';height: 1px;background: #bdbdbd;position: absolute;top: 0;left: -20px;width: calc(100% + 40px);}
.pack:after{
    content: '';
    background: url("../../assets/images/pack-after.png") no-repeat;
    height: 100px;
    width: 100%;
    position: absolute;
    right: 0;
    bottom: -1px;
    background-size: cover;
    filter: hue-rotate(45deg);
    opacity: .5;
}

.our-pricing:after{content: '';background: rgb(96,210,240);background: linear-gradient(90deg, rgb(89 54 186) 7%, rgb(162 90 204) 100%);position: absolute;width: 100%;height: 75%;top: 0;left: 0;}
.our-pricing .pack{
    z-index: 1;
    box-shadow: 0 3px 15px #ad9dda;
    margin: 50px 50px 0;
    border-radius: 10px;
}
.our-pricing .bundle-img{
    position: absolute;
    width: 90%;
    z-index: 1;
    margin: auto !important;
    right: 0;
    left: 0;
}
.our-pricing .bundle-img .layer:nth-child(2){
    left: inherit !important;
    right: 130px !important;
    top: -200px !important;
}
.our-pricing .bundle-img .layer{
    left: 20px !important;
}
.combo-pack .row:after{
    content: '';
    border: 6px solid #5ce0b8;
    position: absolute;
    left: 0;
    top: 12px;
    height: 88%;
    width: 88%;
    right: 0;
    margin: auto;
    border-top: none;
    border-bottom: 0;
}
.order-now:before{content: '';border-bottom: 6px solid #5ce0b8;position: absolute;left: -72px;top: -21px;height: 88%;width: 35%;}
.order-now:after{content: '';border-bottom: 6px solid #60d2f0;position: absolute;right: -68px;top: -21px;height: 88%;width: 48%;z-index: -1;}
.combo-pack .col-sm-6:after{
    content: '';
    background: url(../images/combo-pack-pattern.png)no-repeat;
    height: 162px;
    width: 752px;
    position: absolute;
    bottom: 36px;
    right: -10px;
    z-index: -1;
    opacity: .5;
}
.combo-pack .col-sm-6{
    position: relative;
    z-index: 99;
}
span.best-seller-tag {
    background: #45a1ff;
    color: white;
    border-radius: 3px 3px 0px 0px;
    top: -25px;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 500;
    padding: 3px 11px;
    position: absolute;
    left: 0;
}
.our-pricing .row {
    justify-content: center;
    z-index: 9;
    position: relative;
}
.our-pricing .content {
    overflow: auto;
    position: relative;
    /* max-width: 100%; */
    padding: 20px 0;
    height: 240px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% + 15px);
    margin-left: -5px;
    display: flex;
}

.mCustomScrollbar.mCS_no_scrollbar {
    -ms-touch-action: auto;
    touch-action: auto;
}
.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none;
}
.mCustomScrollBox {
    width: 100%;
}
.mCustomScrollBox {
    position: relative;
    /*overflow: hidden;*/
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}
.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}
.pack ul {
    margin-bottom: 0;
}
.pack ul li {
    font-size: 12px;
    color: #747177;
    margin-bottom: 4px;
    font-weight: 400;
    position: relative;
    text-align: left;
    padding-left: 13px;
}
.pack ul li:before {
    position: absolute;
    left: 0;
    top: 0;
    background: #ccc;
    height: 4px;
    width: 4px;
    border-radius: 100%;
    content: '';
    bottom: 0;
    margin: auto;
}
.pack ul li.call-to{
    display: -webkit-inline-box;
    width: 45%;
    float: left;
}
.pack ul li.call-to a{
    padding: 0;
    color: #45a1ff;
    background: unset;
    box-shadow: none;
    font-size: 12px;
    font-weight: 600;
    top: 0;
    margin: 0 0;
}
.pack ul li.call-to:before{
    content: none;
}
.pack a.pkg-view-detail {
    margin: 0px auto 60px !important;
    color: #662d91 !important;
    display: block;
    font-size: 14px;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    font-weight: 600;
    clear: both;
    background: transparent !important;
    box-shadow: none;
    border: 0px none;
    padding: 0;
    position: inherit;
    padding-bottom: 0px;
    /* width: 86px; */
    /* border-bottom: #662d91 2px solid; */
    border-radius: 0;
    text-align: center;
    /* top: 10px; */
}
.pack a.pkg-view-detail.m-0 {
    margin: 0 auto 15px !important;
}
/*Pricing*/


/*INNER-PAGES*/
.inner_banner {
    height: 700px !important;
}
.inner_banner .inn{
}
/*.inner_banner .inn:before{*/
/*    position: absolute;*/
/*    content: "";*/
    /* background-color: aliceblue; */
/*    width: 100%;*/
/*    height: 100%;*/
/*    left: 0;*/
/*    top: 0;*/
/*    background: linear-gradient(90deg, #fff, transparent);*/
/*}*/
.inner_banner .content{
        margin-top: 20% !important;
}
section.services-sec h3,
section.services-sec h3 a{
    color:#000;
    transition: all .5s ease;
}
section.services-sec h3 a:hover {
    
    color: #662d91;
}
/*Services*/

section.services-sec {
    overflow: hidden;
    padding: 80px 0;
    color: #797979;
}

section.services-sec .col-md-5 {padding: 0;}

section.services-sec .col-md-7 {}

section.services-sec .col-md-7 h2 {
    font-size: 46px;
    line-height: 49px;
    margin-bottom: 24px;
    margin-top: 10px;
    font-weight: bold;
}

section.services-sec .col-md-7 {
    padding: 0  7%;
    font-size: 15px;
}

section.services-sec .col-md-7 .h6-line {
    margin-top: 73px;
    padding: 0 0 0 40px;
    left: 30px;
    background-position: left;
    background-size: 10%;
    background-repeat: no-repeat;
}

section.services-sec .col-md-7 p {
    font-size: 17px;
    margin-bottom: 38px;
    line-height: 26px;
    /* width: 710px; */
}

section.services-sec .col-md-7 ul li {
    display: inline-block;
    width: 40%;
    margin: 10px 15px;
    background-color: #F1F1F1;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    border-radius: 10px;
}
section.services-sec .col-md-7 ul li a {
    color: inherit;
    vertical-align: initial;
}
section.services-sec .row {
    padding: 4em 0;
}
/*Services*/
/*Best Firm*/

section.best-firms {
    text-align: center;
    position: relative;
    padding: 60px 0;
}

section.best-firms h2 {
    font-size: 36px;
}

section.best-firms h2+p {
    color: #797979;
    font-size: 15px;
    margin-bottom: 33px;
}

section.best-firms h2+p span {
    color: #db3340;
    vertical-align: initial;
}

section.best-firms:after {    
    background: url(../../assets/images/portfolio-left-img.png)no-repeat;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;}


section.best-firms a.chat {
    text-transform: uppercase;
    font-size: 19px !important;
    display: inline-block;
    color: #d86eff;
    position: relative;
    font-weight: bold;
    margin-top: 43px;
}

i.line-cr-left {
    position: absolute;
    content: "";
    background: #662d91;
    width: 23px;
    height: 1px;
    left: -29px;
    top: 14px;
}

i.line-cr-left:before {
    position: absolute;
    border: #d86eff 2px solid;
    width: 4px;
    height: 4px;
    padding: 3px;
    border-radius: 50px;
    left: -10px;
    top: -4px;
    content: "";
}

/*Best Firm*/
/*INNER-PAGES*/
/*Contact Us Page*/
.contact-form{
    padding: 70px 0;
    position: relative;
    overflow: hidden;
}
.contact-form:before{
    background: url(../../assets/images/testimonial-after.png)no-repeat;
    width: 380px;
    height: 100%;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-size: 100%;
}
.contact-form .content{
    width: 100%;
    color: #fff;
}
.contact-form .content h6{
    background-size: 20%;
    background-position: left;
    padding: 0 0 0 40px;
}
.contact-form .content h3{
}
.contact-form .content p{}
.contact-form .content a.btn{
    margin: 20px 0 0;
}
.contact-form .content ul{}
.contact-form .content ul li{
    margin: 0 0 15px;
}
.contact-form .content ul li a {
    font-weight: 600;
    color: #000;
    font-size: 16px;
}
.contact-form .content ul li a i{
    margin: 0 15px 0 0;
    width: 50px;
    height: 50px;
    background: linear-gradient(312deg, #662d91, #c473f9);
    color: #fff;
    align-items: center;
    justify-content: center;
    display: inline-grid;
    position: relative;
    top: 15px;
    border-radius: 30px;
    font-size: 18px;
}
.contact-form .content ul li .media-body{
    display: -webkit-inline-box;
}
.contact-form .content ul li .media-body p{
    margin: 0;
    color: #fff;
}
.contact-form .content ul li .media-body p strong{
    display: block;
    color:#fff;
}
.contact-form .form-inn{
    background-color: rgb(195 173 212);
    padding: 50px 0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 5px 30px 10px rgb(214 190 234);
    border-radius: 10px;
    background: linear-gradient(131deg, #662d91, transparent);
    position:relative;
}
/*.contact-form .form-inn:before {*/
/*    background: url(../../assets/images/choose-after.png)no-repeat;*/
/*    width: 120px;*/
/*    height: 130px;*/
/*    right: -3%;*/
/*    bottom: -8%;*/
/*    -webkit-animation: rotate 14s linear infinite;*/
/*    -moz-animation: rotate 4s linear infinite;*/
/*    animation: rotate 35s linear infinite;*/
/*}*/

.contact-form .form-inn:after {
    background: url(../../assets/images/exp.png)no-repeat;
    width: 113px;
    height: 111px;
    left: 1%;
    top: 5%;
    -webkit-animation: rotate 14s linear infinite;
    -moz-animation: rotate 4s linear infinite;
    animation: rotate 5s linear infinite;
}
.contact-form .form-in{}
.contact-form .form-in form {}
.contact-form .form-in form label{
    width: 120px;
    background-color: rgb(108 54 150);
    font-size: 13px;
    text-transform: capitalize;
    bottom: -27px;
    left: 0rem;
    position: relative;
    padding: 2px 10px;
    z-index: 1;
    letter-spacing: 1px;
    font-weight: 500;
    color: #fff;
    border: 2px solid;
}
.contact-form .form-in form .form-control{
    background-color: transparent;
    margin-top: 0.3125rem;
    height: 55px;
    border: 2px solid rgb(236 236 236 / 100%);
    box-shadow: none;
    color: #fff;
    padding:  20px;
}
.contact-form .form-in form textarea{
    height: 200px !important;
    resize: none;
}
.contact-form .form-in button.btn{
    margin: 40px 0 0 15px;
    border-radius: 0;
    border: 2px solid;
}
/*Contact Us Page*/
/*Pricing Page*/

.our-pricing.pricing-page{
    padding: 0 0;
}
.our-pricing.pricing-page:after{
    content: none;
}
/*Pricing Page*/
/*Portfolio*/
.our-portfolio {
    padding: 66px 0 66px;
    position:relative;
}
.our-portfolio:before {
    background: url(../../assets/images/banner-b.png)no-repeat;
    width: 100px;
    height: 100px;
    left: 4%;
    top: 0%;
    transform-style: preserve-3d;
    animation: spin 10s linear infinite;
}
.our-portfolio:after {
    background: url(../../assets/images/choose-after.png)no-repeat;
    width: 120px;
    height: 130px;
    right: 3%;
    top: 2%;
    -webkit-animation: rotate 14s linear infinite;
    -moz-animation: rotate 4s linear infinite;
    animation: rotate 35s linear infinite;
    z-index:-1;
}
.portfolio:after {
    background: url(../../assets/images/exp.png)no-repeat;
    width: 120px;
    height: 130px;
    left: 0%;
    top: 30%;
    -webkit-animation: rotate 14s linear infinite;
    -moz-animation: rotate 4s linear infinite;
    animation: rotate 35s linear infinite;
}
.our-portfolio .btn.btn-vulture {
    margin-top: 60px
}

.our-portfolio .section-heading-center h3 {
    margin: 0 0 47px
}

.portfolio .nav-tabs {
    width: 100%;
    text-align: center;
    margin: 0 auto 52px;
    border: none;
    display: block
}

.portfolio .nav-tabs li {
    display: inline-block;
    margin: 15px 10px;
    text-align: center;
    float: none;
    line-height: 45px;
}

.portfolio .nav-tabs li a.active,
.portfolio .nav-tabs li:hover a {
    background: linear-gradient(
300deg, #5031b9, #9e58cc);
    color: #fff;
}

.portfolio .nav-tabs li a {
    transition: all .3s ease;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    background-color: #fff;
    padding: 12px 35px;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 40%);
    border-radius: 10px;
    background: linear-gradient(
300deg, #ffffff, #ffffff);
}

.portfolio .tab-content .tab-pane .img-box,
.portfolio .tab-pane .img-box {
    margin: 0 0 10px;
    width: 100%;
    height: 400px;
    overflow: hidden;
    border-radius: 7px;
    position: relative;
    -webkit-box-shadow: 0 0 8px -2px rgba(0, 0, 0, .61);
    -moz-box-shadow: 0 0 8px -2px rgba(0, 0, 0, .61);
    box-shadow: 0 0 8px -2px rgba(0, 0, 0, .61);
    transition: all .5s ease;
}

.portfolio .tab-content .tab-pane .img-box img,
.portfolio .tab-pane .img-box img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    object-position: top
}

.portfolio .col-sm-3.col-md-3.col-lg-3 {
    padding: 10px 15px;
}

.portfolio .tab-content .row {
    margin-left: 0;
    margin-right: 0
}

.portfolio .tab-content .tab-pane .img-box .overlay-portfolio,
.portfolio .tab-pane .img-box .overlay-portfolio {
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    color: #fff;
    -ms-transition: all .5s ease-in;
    transition: all .5s ease-in;
    background: rgba(102, 45, 145,.8);
    width: 100%;
    left: 0;
    border: 0;
    height: 100%;
    font-size: 19px;
    position: absolute;
    z-index: 1;
    opacity: 0;
    bottom: 0;
    padding: 19px;
    display: -webkit-flex;
    display: inline-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.portfolio .tab-content .tab-pane .img-box:hover .overlay-portfolio,
.portfolio .tab-pane .img-box:hover .overlay-portfolio {
    opacity: 1;
}
.portfolio .tab-content .tab-pane .img-box .overlay-portfolio h3{
    font-size: 15px;
    font-weight: 600;
    display: none;
}
.portfolio .tab-content .tab-pane .img-box:hover{
    transform:scale(1.05);
}
/*Portfolio*/

.banner:after {
    position: absolute;
    content: "";
    /* background-color: aliceblue; */
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(
90deg, #fff, #f4f4f473);
    z-index: -1;
}

/*Popupform*/

.popup_form1 ul li {
    text-align: left;
    position: relative;
    width: 100%;
    margin: 8px 0;
    display: inline-block
}

.popup_form1 ul li input[type=email],
.popup_form1 ul li input[type=text],
.popup_form1 ul li textarea {
    border: 0;
    padding: 12px 10px 12px 33px;
    width: 100%;
    border-radius: 0;
    font-size: 14px;
    color: #000;
    box-shadow: none!important;
    border: #dad6d6 1px solid;
    outline: 0 none!important
}

.popup_form1 ul li i {
    position: absolute;
    top: 12px;
    left: 10px
}

.popup_form1 ul li textarea {
    height: 110px;
    resize: none;
}

.popup_form1 ul li.last {
    text-align: center
}

.popup_form1 ul li input[type=submit] {
    display: block;
    margin: 0 auto;
    font-size: 14px !important;
}

.popup_form1 ul li input[type=submit]:hover {
}

.popup_form1 ul li input[type=email]:focus,
.popup_form1 ul li input[type=text]:focus,
.popup_form1 ul li textarea:focus {
    border: #6e3e92 1px solid!important
}

.popup_form1 h6 {
    color: #fff;
    width: 256px;
    text-align: center;
    font-size: 17px;
    position: absolute;
    top: 180px;
    line-height: 28px;
    left: 60px;
    display: none;
}

.popup_form1 {
    background: url(/assets/images/pop-bg.png) no-repeat left top!important;
    width: 884px;
    height: 820px;
    padding-top: 102px;
    overflow: visible;
}

form.validate-popup {
    width: 370px;
    float: right
}

form.validate-popup.pop-new {
    margin-right: 100px;
}

.popup_form1 h2 {
    text-align: center;
    font-size: 26px;
    margin: 135px 0 0;
    font-weight: 700;
    line-height: 26px;
}

.popup_form1 h2+p {
    font-size: 13px;
    text-align: center;
    margin-top: 13px;
    color: #636060;
    letter-spacing: 1px;
    margin-bottom: 15px
}

.popup_form1:before {
    width: 160px;
    height: 134px;
    content: "";
    position: absolute;
    left: -86px;
    top: 21px;
    z-index: -1;
    -ms-transform: rotate(-14deg);
    -webkit-transform: rotate(-14deg);
    transform: rotate(-14deg)
}

.popup_form1 .fancybox-close-small {
    position: absolute;
    right: 80px;
    top: 128px;
    background: #ffffff;
    opacity: 1;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    transition: all .5s ease;
}
.popup_form1 .fancybox-close-small:hover{
    transform:scale(1.4);
}
/*Popupform*/

/*leadform*/
.popupform-style a#closethis,
.popupform-style a#closethis1,
.popupform-style a#closethis-lead {
    position: absolute;
    top: 12px;
    right: 16px;
    background: #fff;
    padding: 4px 3px;
    border-radius: 100%;
    width: 30px;
    border: 2px solid #8235b2;
    height: 30px;
    z-index: 9999;
    cursor: pointer;
    text-align: center;
    color: #8235b2
}

.popup-container {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 9998
}

.popupform.active {
    display: block
}

.popupform-style {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 1040px;
    z-index: 9999;
    border-radius: 14px;
    margin: auto;
    height: 500px;
    background: #fff;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .4)
}

.popupform-style .row {
    position: relative;
    float: right;
    margin: 0 10px 0 0;
    width: 353px
}

.popupform-style label {
    font-weight: 700;
    display: none;
    font-family: Open Sans, Arial;
    margin: 15px 0 1px;
    font-size: 13px
}

.popupform-style input[type=text],
.popupform-style input[type=email],
.popupform-style input[type=password] {
    padding: 13px 10px;
    border: 1px solid #aaa;
    border-bottom: 2px solid #7959a8;
    width: 100%;
    font-size: 12px;
    margin: 0 0 20px
}

.popupform-style input[type=submit] {
    background: -webkit-linear-gradient(left, #FC4A1A 0%, #F7B733 100%);
    background: linear-gradient(to right, #FC4A1A 0%, #F7B733 100%);
    border-radius: 33px;
    padding: 12px 30px;
    display: block;
    margin: 20px 0;
    cursor: pointer;
    float: right;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500
}

input#countrycode2 {
    width: 20%;
    padding: 10px 0 10px 10px;
    margin: 0;
    vertical-align: top;
    display: inline-block;
    margin: 0
}

.popupform-style select {
    padding: 10px 10px 10px 2px;
    width: 100%;
    margin: 0 0 10px;
    border: 1px solid #aaa;
    border-bottom: 2px solid #7959a8;
    font-size: 13px;
    float: left
}

.popupform-style input[name=phonenumber] {
    width: 80%!important;
    float: right!important;
    margin: 0;
    padding: 10px 0 10px 10px
}

.popupform-style h3 {
    display: block;
    font-size: 25px;
    margin: 35px 10px 5px 20px;
    clear: both;
    width: 100%;
    color: #7959a8;
    font-weight: 800
}

.popupform-style.popupform-lead h3 {
    margin: 73px 10px 5px 20px
}

.popupform-style h5 {
    display: block;
    font-size: 16px;
    margin: 0 10px 0 20px;
    clear: both;
    width: 100%;
    font-weight: 800
}

.popupform-style form {
    margin: 20px 0 0;
    width: 100%
}

.overlay {
    position: relative
}

.overlay:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 4
}

.popupform-style.popupform-style1 {
    width: 1035px;
    height: 611px;
    overflow: hidden
}

.popupform-style.popupform-style1 .row {
    width: 474px;
    padding: 80px 58px 80px 0;
    margin-right: 0
}

.popupform-style.popupform-style1 h4 {
    font-size: 36px;
    font-weight: 700;
    color: #3d4657;
    margin-bottom: 15px
}

.popupform-style.popupform-style1 h5 {
    font-size: 15px;
    font-weight: 400;
    color: #7b879e;
    margin: 0
}

.popupform-style.popupform-style1 input[type=text],
.popupform-style input[type=email],
.popupform-style input[type=password],
.popupform-style select {
    border: 0 solid transparent;
    border-bottom: 2px solid #acb3c2;
    font-size: 16px
}

.popupform-style.popupform-style1 input[type=submit] {
    background: #8235b2;
    font-size: 16px;
    padding: 18px 30px;
    box-shadow: 3px 10px 22px 0 rgba(130, 53, 178, .6)
}

.popupform-style textarea {
    border: 0 solid transparent;
    border-bottom: 2px solid #acb3c2;
    font-size: 16px;
    overflow: -webkit-paged-x;
    width: 100%;
    padding: 13px 10px
}
/*leadform*/

.our-pricing .content::-webkit-scrollbar-track { box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px inset; border-radius: 10px; background-color: transparent; border: 1px solid rgb(112, 112, 112); }
.our-pricing .content::-webkit-scrollbar { width: 12px; background-color: transparent; border-radius: 10px; border: 1px solid rgb(112, 112, 112); }
.our-pricing .content::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px inset; background: linear-gradient(rgb(160 89 203) 0%, rgb(89 54 186) 100%) 0% 0% no-repeat padding-box padding-box transparent; }
section.partners-section {
    border-top: 2px solid #d7d7d7;
    padding: 20px 0;
    background: #f6f6f6;
    text-align: center
}

.pack .plans span.plan{
    font-size: 11px;
    position: relative;
    top: 0;
    background: #662d91;
    padding: 3px 12px;
    color: #fff;
    display: block;
}
.pack .plans span.plan1{
    display: block;
    font-size: 11px;
    margin-top: 5px;
    background: #c6a2e2;
    color: #fff;
    padding: 3px 6px;
}
.pack .plans{
    text-align: center;
        margin: 10px 0 0;
}
.pack .plans span.plan2{
    display: block;
    font-size: 10px;
    margin-top: 5px;
    background: #c6a2e2;
    color: #fff;
    padding: 3px 6px;
}

/*Landing Page*/
.lp-web{
    color: #fff;
}
.lp-web:after{
    content: none;
}
.lp-web{}
.lp-web .content{}
.lp-web .content h1{
    color: #fff;
}
.lp-web .content p{
    color: #fff;
}
.lp-web .content ul{}
.lp-web .content ul li{
    color: #fff;
    line-height: 15px;
}
strong{
    color: #9A56CB;
}
.website-design header .float-right li a.phone{
    color: #fff;
} 
.website-design header .float-right li a.phone i{
    background-color: #662d91;
}
.website-design .form-in {
    padding: 5%;
    background: url(../../assets/images/lp/form-bg.png)no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
.website-design .form-in form{
    background: linear-gradient(276deg, #5032B8, #A55CCD);
    padding: 8% 6%;
    text-align: left;
    border-radius: 60px;
}
.website-design .form-in form input{
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    padding: 7px 0px;
    margin: 0 0 10px;
    outline: none;
    box-shadow: none;
}
.website-design .form-in form textarea{
    width: 100%;
    height: 100px;
    background-color: transparent;
    border-bottom: 2px solid #fff !important;
    opacity: 1;
    border: 0;
    color: #fff;
    padding: 7px 0px;
}
.website-design .form-in form input::placeholder,
.website-design .form-in form textarea::placeholder{
    color: #fff;
    text-align: left;
}
.website-design .form-in button{
    margin: 30px 0 0;
}

/*art*/

section.art{
    padding: 60px 0;
}
section.art h3{
    color: #670099;
}
/*art*/
.website-design .header.shrink .navbar-brand img{
    filter: brightness(.7);
}
.website-design .header.shrink a{
    color: #000 !important;
    background: #fff;
}
/*Landing Page*/

.color-white
.color-white h2,
.color-white h3,
.color-white p{
    color: #fff;
}
.service-single{
    padding:50px 0 !important;
}
.service-single .img-box img{
    border-radius:6px;
    margin: 15px 0;
}
/*Footer Form*/
section.footer-form{
    padding: 60px 0;
    position: relative;
    background: url(../../assets/images/lets-get-bg.jpg)no-repeat;
    background-size: cover;
    background-position: right;
}
section.footer-form form input, section.footer-form form textarea {
    width: 100%;
    border: 0px none;
    border-bottom: 0;
    background: #fff;
    color: #545353;
    padding: 15px 15px;
    outline: none;
    box-shadow: none;
    resize: none;
    margin: 0 0 10px;
    font-size: 15px;
}
section.footer-form form .submit{
    background-color: #000;
    width: 20%;
    color: #ffff;
    float: right;
    margin: 20px 0 0;
}
section.footer-form:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    z-index: 0;
    height: 100%;
    background: url(../../assets/images/footer-form-bg2.jpg) no-repeat right bottom #662d91;
    background-size: cover;
    border-radius: 5px;
}
section.footer-form h2{
    font-weight: 700;
    color: #fff;
}
section.footer-form .content p{
    color: #000;
}
section.footer-form .content ul {}
section.footer-form .content ul li{
    display: -webkit-inline-box;
    font-weight: 500;
    margin: 0 20px 0 0;
    font-size: 13px;
    font-weight: 700;
    color: #000;
}
section.footer-form .content a.btn{
    color: #fff;
    background-color: #662d91;
    margin: 13px 0 0;
}
section.footer-form .blackbox {
    background-color: #ffffff;
    padding: 80px 30px;
    position: relative;
    height: 100%;
    width: 70%;
    margin-left: auto;
    left: 50px;
    border-radius: 5px;
    box-shadow: 0px 0px 20px 0px #606060;
}
section.footer-form .blackbox h2 {
    background-color: transparent !important;
    box-shadow: unset !important;
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 60px;
    line-height: 1;
    position: relative;
    padding-bottom: 20px;
}
section.footer-form .col-md-5 p, section.footer-form .col-md-5 li {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}
section.footer-form .col-md-5 ul {
    margin-bottom: 23px;
}
section.footer-form .blackbox h2 em {
    font-style: italic;
}

/*Footer Form*/
.service-single h4 strong{
    color:#000;
}
/*Faqs*/
section.faqs{
    padding: 80px 0 20px;
}
section.faqs .accordion{
    margin: 30px 0 0;
}
section.faqs .accordion .card{}
section.faqs .accordion .card .card-header{}
section.faqs .accordion .card .card-header h2{}
section.faqs .accordion .card .card-header h2 button.collapsed{
    color: #000;
}
section.faqs .accordion .card .card-header h2 button{
    color: #662d91;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
}
section.faqs .accordion .card-body{
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
}
section.faqs .accordion .show .card-body{}
/*Faqs*/