:root{
    --primary:#08253B;
    --secondary:#870002;
    --third:#F99121;
    --white:#ffffff;
    --black:#000000;
    --pinkish:#FFF3F3;
    --ctaBg:#90CDC8;
    --F6F6F6:#F6F6F6;
    --blogBg:#FBF0F0;
    --footer-widget:#031521;
    --footer-bottom:#062637;
    --copyright:#06263;
    --menu-color:#17012C;
    --c262626: #262626;
    --c292929:#292929;
    --singleServiceBg:#E5ECF2;
    --singleServiceBorder:#CDCDCD;
    --singleServiceHeading:#2E444F;
    --testimonialText:#504E4E;
    --c585858:#585858;
    --star:#BD0B32;
    --faqBorder:#DBDBDB;
    --faqActiveBg:#F3F7FB;
    --footer-widget-angle:#CD0613;
    --blog-border:#EAF3F8;
    --blogdateColor:#445375;
    --blog-author-border:#D4DCFF;
    --formBorderColor:#D5D8E2;
    --A9A9A9:#A9A9A9;
    --C6C6C6:#C6C6C6;
    --E7E7E7:#E7E7E7;
    --eeeeee:#eeeeee;
    
    /* New Colors */
    --EBEBEB:#EBEBEB;i
    --c575757:#575757;
    --FBFBFB:#FBFBFB;
    --authorCounterBg:#FEF1DB;
    --faqBg:#F7F1F1;
    --faqServiceActiveBg:#F4F4F4;
    --lightGreen:#0A8E4C;
    --workTabsBorder:#D3D3D3;
    --sponsorSeperator:#7C7C7C;
}

*, a, ul, li, h1, h2, h3, h4, h5, h6, p, div, main, aside, nav, header{
    margin:0;
    padding:0;
}
html{
    overflow-x: hidden;
}
body{
    font-family: "Plus Jakarta Sans", sans-serif;
    line-height: normal;
    overflow-x: hidden;
    
}
ul, li{
    list-style: none;
}
a{
    text-decoration: none;
}
img{
    max-width:100%;
}
h1,h2,h3,h4,h5,h6{
    font-family: "Bricolage Grotesque", sans-serif;
    line-height: normal;
}
h2{
    text-transform: capitalize;
    margin-bottom: 5px;
    color:var(--black);
}
p{
    line-height: 26px;
}
.fs48{
    font-size:48px;
}
.fs40{
    font-size:40px;
}
.fs36{
    font-size:36px;
}
.fw700{
    font-weight:700;
}
.fw900{
    font-weight:900;
}
.fw500{
    font-weight:500;
}
.section-head {margin: 0 0 25px 0;}

.section-head span{
    font-family: "Bricolage Grotesque", sans-serif;
    font-size:20px;
    font-weight:700;
    text-transform:uppercase;
}
.section-head h2{
    font-size:48px;
    font-weight:700;
}
.section-head p{
    font-size: 16px;
    color: var(--black);
}
.testimonials-sec .section-head h2{
    /*font-size:40px;*/
}
.primary-btn{
    background-color: var(--primary);
    border-radius: 6px;
    padding:15px 20px;
    color:var(--white);
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    position: relative;
    z-index: 0;
    transition: all .5s ease-in-out;
    overflow: hidden;
}
.third-btn{
    background-color: var(--third);
    border-radius: 6px;
    padding:15px 20px;
    color:var(--black);
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    position: relative;
    z-index: 0;
    transition: all .5s ease-in-out;
    overflow: hidden;
}
.secondary-btn{
    background-color: var(--secondary);
    border-radius: 6px;
    padding:15px 20px;
    color:var(--white);
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.banner-btn{
    background-color: var(--white);
    border:1px solid var(--white)
}
.banner-btn2{
    border:1px solid var(--white)
}
.third-btn:before, .secondary-btn:before, .primary-btn:before, .banner-btn:before, .submit-btn button::before{
    position: absolute;
    content: '';
    width:100%;
    height:100%;
    left:-100%;
    top:0;
    transition: all .5s ease-in-out;
    z-index: -1;
}
.third-btn:before, .primary-btn:before{
    background-color: var(--secondary);
}
.secondary-btn:before{
    background-color: var(--third);
}
.banner-btn:before{
    background-color: var(--primary);
}
.third-btn:hover{
    color:var(--white)
}
.speak-btn:before{
    background-color: var(--primary);
}
.third-btn:hover:before, .secondary-btn:hover:before, .primary-btn:hover:before, .submit-btn button:hover:before{
    left:0;
}
.btn-wrapper{}
.btn-wrapper a:first-child{
    margin-right:15px;
}

.submit-btn button{
    background-color: var(--secondary);
    border-radius: 5px;
    width:max-content;
    padding: 17px 35px;
    color:var(--white);
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    border:0 none;
    transition:all .5s ease-in-out;
    z-index: 0;
    overflow: hidden;
}
.submit-btn button:before{
    background-color: var(--third);
}
/* Header Start */
header{
}
header .topbar{
    background-color: var(--primary);
    padding: 10px 0;
    padding:5px 0;
}
.topbar .topbar-right{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.topbar .topbar-right a{
    margin-left:10px
}
.topbar .topbar-right a i{
    color:var(--white);
    font-size:24px;
    font-size:20px;
}
.topbar .topbar-right a:hover i{
    color:var(--secondary)
}
.topbar-left .topbar-address{
    margin-right:35px;
}
.topbar-left .topbar-item{
    display: flex;
    align-items: center;

}
.topbar-left .topbar-item > svg{
    width:30px;
    width:20px;
    margin-right:5px;
}
.topbar-left .topbar-item span, .topbar-left .topbar-item a{
    color:var(--white);
    font-size: 16px;
    font-size: 14px;
    display: inline-block;
    line-height: 30px;
}
.topbar-left .topbar-item a:hover{
    color:var(--secondary)
}
nav{
    padding: 20px 0;
    padding:10px 0;
}
.main-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
ul.main-menu{
    display: flex;
    align-items: center;
}
ul.main-menu li{
    margin-left:35px;
}
ul.main-menu li a{
    font-size: 16px;
    color:var(--menu-color);
    font-weight: 700;
    letter-spacing: 0.2px;
    position: relative;
}
ul.main-menu li a:before{
    position: absolute;
    content:'';
    width:0;
    bottom:-4px;
    height:2px;
    background-color: var(--secondary);
    left:0;
    right:0;
    margin:auto;
    transition: all .5s ease-in-out;
}
ul.main-menu li a:hover:before{
    width:100%;
}
ul.main-menu li a:hover, ul.main-menu li a.active{
        color:var(--secondary)
}
.logo a img, .footer-logo a img{
    width:285px;
    width:250px;
}
/* Header End */

/* Banner Section Start */
.banner-sec{
    background-image: url(../images/home-banner-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: var(--secondary);
    padding:100px 0 80px;
    position: relative;
    height:600px;
    display: flex;
    align-items: center;
}
.banner-sec .container{
    position: relative;
    z-index: 2;
}
.banner-sec:before{
    position: absolute;
    content: '';
    width:380px;
    height:280px;
    background: url(../images/footer-widget-shape-top.png) no-repeat;
    background-size: cover;
    top:0;
    left: 0;  
}
.banner-sec:after{
    position: absolute;
    content: '';
    width:380px;
    height:280px;
    background: url(../images/home-banner-after-img.png) no-repeat;
    background-size: cover;
    bottom:0;
    right: 0;  
}
.banner-sec .banner-cont{
    color:var(--white);
}
.banner-sec .banner-cont span{
    font-size:20px;
    font-weight:700;
    text-transform:uppercase;
}
.banner-sec .banner-cont h1{
    font-size:64px;
    font-weight: 600;
}
.banner-sec .banner-cont p{
    margin-bottom:30px;
    /* margin-top:10px; */
}
.inner-banner{
    height:450px;
    background: url(../images/inner-banner-img.png) no-repeat scroll bottom center;
}
.inner-banner .btn-wrapper{
    margin-top:20px;
}
/* Banner Section End */

/* left-right-sec Start */
.left-right-sec{
    padding-top:60px;
    background-color: var(--pinkish);
    background-image: url(../images/left-right-sec-bg.png);
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
}
.left-right-cont h2 span {font-size: 22px;}
.left-right-cont p {
    font-size:16px;
    color:var(--black);
    margin:0 0 25px 0;
    padding-right: 30px;
}

.left-right-sec .section-head ul {display: flex;flex-wrap: wrap;}
.left-right-cont ul li {font-size:16px;width: 50%;margin-bottom: 13px;}

.left-right-inner{
    padding:80px 0 40px 0;
}
.left-right-services{
    padding:70px 0 0 0;
}
.left-right-services .section-head{
    margin-bottom:70px;
}
.left-right-inner .row{
    align-items:center;
}
.left-right-services .row{
    /*align-items:flex-start;*/
}
.left-right-services .left-right-img img{
    float:right;
    margin-top:100px;
    margin-bottom:50px;
}
.left-right-inner .left-right-cont h2{
    /*font-size:54px;*/
}

.home-sec1-img{
    position: relative;
}
.home-sec1-img img{
    width:95%;
    max-width: max-content;
}
.home-sec1-img .center-img{
    position: relative;
    z-index: 5;
    margin-top:50px;
}
.home-sec1-img .center-img img{
    width: 100%;
    border-radius: 10px;
}
.home-sec1-img .left-img {
    position: absolute;
    bottom: 0;
    z-index: 4;
    left: -70px;
}
.home-sec1-img .right-img{
    position: absolute;
    bottom: 0;
    right: -40px;
    z-index: 3;
}
.home-sec1-img .left-shape{
    position: absolute;
    bottom: 45px;
    left: -200px;
}
.home-sec1-img .right-shape{
    position: absolute;
    top: 0px;
    right: -220px;
}
.home-sec1-img .right-shape img{
    width: 80%;
}
/* left-right-sec End */

/* About Sec Start */
.about-sec{
    padding-top:60px;
    padding-bottom:80px;
    /*background: url(../images/about-bg.png) no-repeat scroll top center;*/
    background-size: cover;
}
.about-head{
    text-align:center;
}
.about-head h2{
    font-size:36px;
}
.about-head p{
    color: var(--black);
}
.about-icons{
    margin-top:35px;
}
.about-icons .col-md-3{
    margin-bottom:30px;
}
.about-single-icon{
    background-color: var(--white);
    border-radius: 10px;
    text-align: center;
    align-content: center;
    width: 240px;
    height: 240px;
    box-shadow: 0 0 30px 6px #F8F8F8;
    border: 1px solid #F3F3F3;
}
/* About Sec End */

/* COntact Sec Start */
.contact-sec{
    background:url(../images/contact-bg.png) no-repeat scroll top center;
    background-size: cover;
    padding:40px 0;
}
.contact-col{
    background-color: var(--white);
    padding:40px 60px;
    border-radius: 24px;
}
.contact-col h2{
    /*font-size: 54px;*/
    /*font-weight: bold;*/
}
.contact-form{
    margin-top:35px;
}
.contact-form > div{
    margin-bottom: 15px;
}
.single-field{
    display: flex;
    flex-direction: column;
}
.single-field label{
    font-size: 16px;
    margin-bottom:10px;
}
.single-field input, .single-field textarea{
    height:50px;
    border-radius: 10px;
    background-color: transparent;
    padding-left: 15px;
    padding-right:15px;
    border:1px solid var(--formBorderColor);
    width:100%;
}
.single-field textarea{
    height:130px;
    padding-top:10px;
}
/* COntact Sec End */

/* Support Sec Start */
.support-sec{
    /* background: url(images/support-sec-bg.png); */
    padding:40px 0;
    position: relative;
    /* z-index: 1; */
}
.support-sec:before{
    position: absolute;
    content: '';
    width:100%;
    height:100%;
    top:0;
    left:0;
    background: url(../images/support-sec-bg.png);
    z-index: -1;
}
.support-sec-head{
    text-align:center;
    
}
.support-sec-head h2{
    margin-bottom:0;
    color:var(--white);
}
.support-sec-head p{
    color:var(--white);
}
.support-col{
    position: relative;
}
.support-col:before{
    position: absolute;
    counter-increment: section;
    content: "0" counter(section);
    top:25px;
    left:35px;
    font-size: 40px;
    font-weight: 700;
    z-index: 1;
    color: transparent;
    -webkit-text-stroke: 2px var(--secondary);
}
.support-col .single-support{
    background-color: var(--white);
    border-radius: 12px;
    padding:75px 25px 25px 25px;
    position: relative;
}
.support-col:nth-child(even) .single-support{
    background-color: var(--singleServiceBg);
}
.single-support span{
    font-size: 40px;
    font-weight: 700;
    color: transparent;
    -webkit-text-stroke: 2px var(--secondary);
}
.single-support h3{
    font-size:22px;
    columns: var(--black);
    margin-bottom:15px;
    margin-top:15px;
}
.single-support p{
    color:var(--singleServiceHeading)
}
.single-support-row{
    position: relative;
    margin-top:30px;
    padding-top:55px;
}
.single-support-row:before{
    position: absolute;
    content:'';
    width:calc(100% - 25%);
    height:3px;
    background-color: var(--white);
    top:0;
    left:0;
    right:0;
    margin:auto;
}
.single-support:before{
    width:10px;
    position: absolute;
    content:'';
    height: 10px;
    background-color: var(--white);
    border-radius: 50%;
    left:0;
    right:0;
    top:-20px;
    margin:auto;
}
.single-support:after{
    width:3px;
    position: absolute;
    content:'';
    height: 40px;
    background-color: var(--white);
    left:0;
    right:0;
    top:-55px;
    margin:auto;
}
/* Support Sec End */

/* Speak Sec Start */
.speak-sec{
    padding-top:40px;
    padding-bottom:40px;
    position: relative;
    /* z-index: 2; */
}
.speak-bg{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.speak-bg:before{
    position: absolute;
    content: '';
    background: url(../images/speak-bg.png) no-repeat scroll top center;
    background-size: cover;
    width: 100%;
    height:150%;
    left:0;
    z-index: -1;

    top:-175px;
}
.speak-sec:before{
    position: absolute;
    content:'';
    background: url(../images/speak-before-img.png) no-repeat scroll top center;
    background-size: cover;
    width:500px;
    height:320px;
    bottom:0;
    left:0;
}
.speak-sec:after{
    position: absolute;
    content:'';
    background: url(../images/speak-after-img.png) no-repeat scroll top center;
    background-size: contain;
    width:550px;
    height:300px;
    bottom:0;
    right:0;
}
.speak-head{
    text-align: center;
    color:var(--black)
}
.speak-head h2{
    
    font-size: 36px;
    font-weight: 700;
}
.speak-head p{
    font-size: 16px;
    font-weight: 600;
}
.speak-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:20px;
}
.speak-left {
    margin-right: 5px;
}
.speak-left.btn-wrapper a:first-child{
    margin-right:5px;
}
.speak-left .speak-btn svg path{
    fill:var(--white)
}
.speak-right{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color:var(--black)
}
.speak-right span{
    font-size: 16px;
    font-weight: 600;
}
.speak-right strong{
    font-size: 20px;
    font-weight: 800;
}
/* Speak Sec End */

/* Cta Section Start */
.cta-sec{
    padding:40px 0;
    background-color: var(--ctaBg);
}
.cta-cont h2{
    font-size: 34px;
    
    font-weight: 700; 
    
}
.cta-cont p{
    font-size: 16px;
    color:var(--black);
}
/* Cta Section End */

/* features-sec Start */
.features-sec{
    background-color: var(--F6F6F6);
    padding: 40px 0;
}
.single-feature{
    display: flex;
    flex-direction: column;
}
.single-feature span{
    font-size: 40px;
    font-weight: 700;
    color:var(--secondary)
}
.single-feature strong{
    color:var(--c262626);
    font-weight: 700;
    font-size: 18px;
    margin:5px 0 10px 0;
}
.single-feature p{
    color:var(--c292929);
    font-size: 16px;
}
/* features-sec End */
/* services-sec Start */
.services-sec{
    padding:60px 0 40px 0;
}
.services-sec .section-head h2{
    margin-bottom:40px;
}
.services-sec .section-head h2 span {font-size: 32px;}
.single-service{
    background-color: var(--singleServiceBg);
    border-radius: 12px;
    padding: 35px;
    margin-bottom:30px;
    height:calc(100% - 30px);
}
.single-service .single-service-img{
    width:60px;
    height:65px;
    margin-bottom: 15px;
}
.single-service h3{
    color: var(--singleServiceHeading);
    font-size: 24px;
    font-weight: 700;
    margin-bottom:10px;
}
.single-service p{
    font-size: 16px;
    color:var(--singleServiceHeading);
}
/* services-sec End */
/* testimonials-sec Start */
.testimonials-sec{
    background-color: var(--primary);
    padding: 80px 0 60px 0;
}
.testimonials-sec .testi-head{
    color:var(--white);
    margin-bottom:20px;
}
.testimonials-sec .testi-head span{
    /*font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;*/
}
.testimonials-sec .testi-head h2{
    /*font-size: 40px;
    font-weight: 900; */
    text-transform: inherit;
    color:var(--white);
}
.testimonials-slider{
    position: relative;
    padding: 0;
}
.testimonials-slider .slick-slide{
    padding:0 15px
}
.testimonials-slider .slick-arrow{
    border:1px solid var(--white);
    width:50px;
    height:50px;
    border-radius: 50%;
    display: block;
    align-content: center;
    text-align: center;
    cursor: pointer;
    position: absolute;
    right:15px;
    transition: all .5s ease-in-out;
    top:-100px;
}
.testimonials-slider .slick-arrow:hover{
    border:1px solid var(--secondary);
    background-color: var(--secondary);
}
.testimonials-slider .slick-prev{
    right:85px;
}
.testimonials-slider .slick-arrow i{
    color:var(--white)
}
.single-testi{
    background-color: var(--white);
    padding: 25px 35px;
}
.single-testi .single-testi-head{
    display: flex;
    justify-content: space-between;
}
.single-testi .single-testi-head .testi-img{
    width:88px;
    height:88px;
    overflow: hidden;
    border-radius: 50%;
    margin-right:15px;
}
.single-testi .single-testi-head .single-author{
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex:1 1 auto;
}
.single-testi .single-testi-head .single-author h3{
    font-size: 20px;
    color:var(--black);
    font-weight: 700;
}
.single-testi .single-testi-head .single-author span{
    color:var(--c585858);
    font-size: 15px;
    margin:5px 0;
}
.single-testi .single-testi-head .single-author .testi-rating{}
.single-testi .single-testi-head .single-author .testi-rating i{
    color: var(--star);
}
.single-testi p{
    color:var(--testimonialText);
    font-size: 16px;
    margin-top:20px;
    
}
/* testimonials-sec End */
/* Faq Start */
.faq-sec{
    padding:80px 0 60px 0;
}
.faq-cont h2{
   /*font-size:48px;*/
   /*font-weight:900;*/
}
.single-faq{
    border:2px solid var(--faqBorder);
    
    margin-bottom:10px;
    cursor: pointer;
    transition: all .5s ease-in-out;
     background-color: var(--white);
}
.single-faq .question{
    display: flex;
    align-items: center;
    justify-content: space-between;
   padding:15px 25px;
}
.single-faq.active{
    background-color: var(--faqActiveBg);
}
.single-faq .question h3{
    font-size:20px;
    color:var(--menu-color);
    font-weight:700;
    transition: all .5s ease-in-out;
}
.single-faq.active .question h3{
    color:var(--secondary);
}
.single-faq .question svg{
    transform: rotate(0deg);
    transition: all .5s ease-in-out;
}
.single-faq.active .question svg{
    transform: rotate(90deg);
}
.single-faq.active .question svg path{
    fill:var(--secondary)
}
.single-faq .answer{
    display: none;
    padding:0 25px 15px 25px;
}
.single-faq .answer p{
    color:var(--testimonialText);
    font-size: 16px;
}
/* Faq End */
/* Blog Start */
.blog-sec{
    padding:60px 0;
    background-color: var(--blogBg);
    position: relative;
}
.blog-sec:before{
    position: absolute;
    content:'';
    width:150px;
    height:30px;
    background-image: url(../images/blog-before-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    top:100px;
}
.blog-sec .blog-head{
    margin-bottom:20px;
}
.blog-sec .blog-head span{
    /*font-size:16px;*/
    /*color:var(--black);*/
    /*font-weight: 700;*/
    /*text-transform: uppercase;*/
}
.blog-sec .blog-head h2{
 
}
.single-blog-post{
    border-radius: 10px;
    background-color: var(--white);
    overflow: hidden;
}
.single-blog-post .blog-img{
    /* border-radius:10px 10px 0 0; */
}
.single-blog-post .blog-img img{
    width: 100%;
}
.single-blog-post .blog-cont{
    padding:25px;
}
.blog-cont .blog-cont-misc{
    display: flex;
    align-items: center;
    margin-bottom:15px;
}
.blog-cont .blog-cont-misc span{
    border:1px solid var(--blog-border);
    border-radius: 50px;
    font-size:14px;
    color:var(--star);
    padding: 7px 15px;
    margin-right:20px;
}
.blog-cont .blog-cont-misc strong{
    color:var(--blogdateColor);
    font-size: 12px;
    text-transform: uppercase;
}
.blog-cont h3{
    font-size:20px;
    color:var(--menu-color);
    font-weight: 700;
    text-transform: capitalize;
    border-bottom: 1px solid var(--blog-author-border);
    padding-bottom:15px;
    margin-bottom:15px;
}
.blog-page .blog-cont h3{
    font-size:30px;
}
.blog-cont .blog-author{
    display: flex;
    align-items: center;
}
.blog-cont .blog-author .author-img{
    width:45px;
    height:45px;
    border-radius: 50%;
    background-color: var(--secondary);
    margin-right:15px;
}
.blog-cont .blog-author .author-det{
    flex:1 1 auto;
}
.blog-cont .blog-author .author-det h5{
    font-size:16px;
    font-weight: 600;
    color:var(--primary);
    text-transform: capitalize;
}
.blog-cont .blog-author .author-det span{
    font-size:14px;
    color:var(--blogdateColor)
}
.blog-cont .blog-author .blog-link{
    background-color: var(--faqActiveBg);
    width:45px;
    height: 45px;
    border-radius: 6px;
    align-content: center;
    text-align: center;
    color:var(--secondary);
    transition: all .5s ease-in-out;
}
.blog-cont .blog-author .blog-link:hover{
    background-color: var(--secondary);
    color:var(--white);
}

/* Blog End */
/* Blog Page Start */
.blog-page{
    padding:60px 0;
}
.blog-main{
    padding-right:75px;
}
.blog-main > .row{
    margin-bottom:55px;
    box-shadow:1px 1px 15px 2px #eeeeee;
    border-radius:12px;
    align-items: center;
}
.blog-page-img{
    padding-left:0;
}
.blog-page-cont{
    padding: 0 30px;
}
.single-blog-post .blog-cont{
    padding:15px;
}
.blog-sidebar .blog-cont .blog-cont-misc span{
    padding:5px 10px;
}
.blog-sidebar .blog-cont .blog-cont-misc strong, .blog-sidebar .blog-cont .blog-author .author-det span{
    font-size:10px;
}
.blog-sidebar .blog-cont .blog-cont-misc span, .blog-sidebar .blog-cont .blog-author .author-det h5{
    font-size:9px;
}
.blog-page .blog-sidebar .blog-cont h3{
    font-size:14px;
}
.blog-sidebar .blog-cont .blog-author .author-img, .blog-sidebar .blog-cont .blog-author .blog-link{
    width:30px;
    height:30px;
}
.blog-sidebar .blog-cont .blog-author .blog-link{
    font-size:12px;
}
.blog-sidebar .single-blog-post{
    box-shadow:1px 1px 15px 2px var(--eeeeee);
    margin-bottom:35px;
}

/* Discount Form Start */
.discount-form{
    border:2px solid var(--E7E7E7);
    border-radius:20px;
    overflow: hidden;
}
.discount-header{
     text-align: center;
     padding:35px 0 0 0;
     background:url(../images/disocunt-form-header-bg.png) no-repeat scroll top center ;
     background-size: cover;
     color: var(--white);
}
.discount-header > span{
    font-size:24px;
    font-weight: 700;
}
.discount-header > h2{
    font-weight: 800;
    font-size: 36px;
    margin-top:10px;
    padding:0 15px;
}
.discount-header .cover{
    background-color: var(--black);
    
   
    text-transform: uppercase;
    padding:10px 0
}
.discount-header .cover h4{
    font-size: 24px;
    font-weight: 800;
}
.discount-header .cover h4 span{
    color: var(--third);
}
.discount-form form{
    padding:25px;
}
.discount-form form .single-field{
    margin-bottom:10px;
}
.discount-form form input, .discount-form form textarea{
    background-color: var(--C6C6C6) ;
    border:1px solid var(--A9A9A9);
    border-radius: 10px;
    outline:0;

}
.discount-form form textarea{
    padding-top:10px;
}
.discount-form form .submit-btn{
    margin-top:35px;
}
.discount-form form .submit-btn button{
    background-color: var(--third);
    border-radius: 50px;
    width:100%;
    color:var(--black);
    font-size:20px;
    font-weight: 900;
    text-transform: uppercase;
}
.discount-form form .submit-btn button:hover{
    color:var(--white)
}
.discount-form form .submit-btn button:before{
    background-color: var(--secondary);
}
/* Discount Form End */
/* Blog Page End */
/* Footer Start */
.footer-widget{
    background-color: var(--footer-widget);
    padding:80px 0 100px 0;
    color:var(--white);
    position: relative;
}
.footer-widget .container{
    position: relative;
    z-index: 2;
}
.footer-widget:before{
    position: absolute;
    content: '';
    width:380px;
    height:280px;
    background: url(../images/footer-widget-shape-top.png) no-repeat;
    background-size: cover;
    top:0;
    left: 0; 
    z-index: 0; 
}
.footer-widget:after{
    position: absolute;
    content: '';
    width:380px;
    height:280px;
    background: url(../images/footer-widget-shape-bottom.png) no-repeat;
    background-size: cover;
    bottom:0;
    right: 0;  
    z-index: 0;
}
.footer-widget .footer-logo {
    margin-bottom: 5px;
}
.footer-widget .footer-logo svg path {fill: #FFFFFF;}
.footer-widget p{
    /* color:var(--white); */
    font-size:16px;
}
.footer-widget h4{
    font-size: 24px;
    font-weight: 700;
    position: relative;
    margin-bottom:20px;
    padding-bottom:5px;
}
.footer-widget h4:before{
    position: absolute;
    content:'';
    bottom:-5px;
    left:0;
    width:190px;
    height:2px;
    background-color: var(--secondary);
}
.footer-widget ul{}
.footer-widget ul li{
    position: relative;
    padding-left:20px;
    margin-bottom:10px;
}
.footer-widget ul li:before{
    position: absolute;
    font-family:'FontAwesome';
    content:'\f105';
    top:5px;
    color:var(--footer-widget-angle);
    left:0;
}

.footer-widget ul li a{
    color:var(--white);
    font-size: 18px;
    font-size:16px;
    font-weight: 500;
}
.footer-widget .contact-info{
    margin-bottom:30px;
}
.footer-widget p{
    margin-bottom: 10px;
}
.footer-widget p a{
    color: var(--white);
    font-weight: 600;
}
.footer-widget .footer-brands a{
    font-size: 24px;
    color:var(--white);
    margin-right:10px;
}
.footer-widget p a img{
    margin-right:5px;
}
.footer-widget a:hover{
    color:var(--footer-widget-angle)
}
.footer-bottom{
    background-color: var(--footer-bottom);
    padding: 15px 0;
}
.footer-bottom p, .footer-bottom a{
    color:var(--white);
    font-size: 16px;
}
.footer-bottom a{
    margin-left:15px;
}
/* Footer End */

.menu-icon{
    display: none;
}

/* New Service pages Css Start */
/* Form Start */
.service-banners{
    padding-top:40px;
    height:500px;
    /*background:url(../images/service-banner-img1.png) no-repeat scroll bottom center;*/
    background-repeat:no-repeat;
    background-position:bottom center;
    display:block;
    background-color:#870002;
}
.amazon-publishing{
    background-image:url(../images/amazon-publishing-banner.png);
}
.author-web{
    background-image:url(../images/author-web-banner.png);
}
.book-editing{
    background-image:url(../images/book-editing-banner.png);
}
.book-illustration{
    background-image:url(../images/book-illustration-banner.png);
}
.book-marketing{
    background-image:url(../images/book-marketing-banner.png);
}
.book-printing{
    background-image:url(../images/book-printing-banner.png);
}
.book-publishing{
    background-image:url(../images/service-banner-img1.png);
}
.book-writing{
    background-image:url(../images/book-writing-banner.png);
}
.cover-design{
    background-image:url(../images/cover-design-banner.png);
}
.ebook{
    background-image:url(../images/ebook-banner.png);
}
.service-banners:before, .service-banners:after{
    display: none;
}
.service-banners .banner-cont{
    margin-top:35px;
}
.form-banner{
    background-color: var(--white);
    border-radius: 10px;
    padding:35px;
}
.form-banner h2{
    text-align: center;
}
.form-banner form{}
.form-banner .single-field{
    margin-bottom:25px;
}
.form-banner .single-field label{
    font-weight: 600;
}
.form-banner .single-field input, .form-banner .single-field textarea{
    background-color: var(--EBEBEB);
    height:45px;
    border-radius: 6px;
    border:0 none;
}
.form-banner .single-field.tel-field, .footer-form form .single-field .form-field.tel-field, .contact-form .tel-field{
    position:relative;
}
.form-banner .single-field.tel-field input, .footer-form form .single-field .form-field.tel-field input, .contact-form .tel-field input{
    padding-left:75px;
}
.form-banner .single-field textarea{
    height:130px;
}
.form-banner .single-field.tel-field > .tel-icon, .footer-form form .single-field .form-field.tel-field > .tel-icon, .contact-form .tel-field > .tel-icon{
  position: absolute;
  top: 15px;
  left: 15px;
}
.form-banner .single-field.tel-field .tel-icon, .footer-form form .single-field .form-field.tel-field .tel-icon, .contact-form .tel-field .tel-icon{
    width: max-content;
    display: flex;
    align-items: center;
    top: 31px;
    left: 15px;
    background: #00000010;
    height: calc(100% - 31px);
    padding: 0 15px 0 10px;
}
.footer-form form .single-field .form-field.tel-field .tel-icon{
    top:0;
    left:0;
    height:100%;
}
.contact-form .tel-field .tel-icon{
    left:0;
}
.form-banner .single-field.tel-field .tel-icon > span, .footer-form form .single-field .form-field.tel-field .tel-icon > span, .contact-form .tel-field .tel-icon > span{
    margin-left:5px;
    color:#757575;
}
.form-banner .terms{
    margin-bottom:20px;
}
.form-banner .terms label{
    color:var(--c575757);
    margin-left:5px;
}
.form-banner .terms label strong{
    color:var(--secondary)
}
.form-banner .submit-btn{
    margin-bottom:0;
}
.form-banner .submit-btn button{
    width:100%;
}
/* Form End */

/* Service Section 2 Start */
.service-sec2{
    background:url(../images/service-sec2-bg.png) no-repeat scroll top center;
    background-size: cover;
    padding:80px 0 85px 0;
}
.service-sec2 .col-md-4{
    margin-top:35px;
    padding:0 25px;
}
.single-service-sec2{
    background-color: var(--white);
    border-radius: 12px 50px 12px 12px;
    padding:75px 35px 35px 35px;
    position: relative;
    transition: all .5s ease-in-out;
    height:100%;
}
.service-sec2-img{
    width:100px;
    height:100px;
    border-radius: 50%;
    align-content: center;
    text-align: center;
    background-color: var(--white);
    position: absolute;
    top:-35px;
    left:-35px;
    transition: all .5s ease-in-out;
    border:6px solid #E5E6E6;
    
    /* box-shadow: 1px 1px 10px 3px #ccc; */
}
.service-sec2 .col-md-4:nth-child(2) .single-service-sec2{
    background-color: var(--secondary);
    box-shadow: -7px 7px 1px 0px #000;
}
.single-service-sec2:hover{
    /*background-color: var(--secondary);*/
    /*box-shadow: -7px 7px 1px 0px #000;*/
}
.single-service-sec2:hover .service-sec2-img{
    /*border-color:transparent;*/
}
.single-service-sec2:hover h3, .single-service-sec2:hover p{
    /*color:var(--white)*/
}
.service-sec2 .col-md-4:nth-child(2) .single-service-sec2 .service-sec2-img{
    border-color:transparent;
}
.service-sec2 .col-md-4:nth-child(2) .single-service-sec2 h3, .service-sec2 .col-md-4:nth-child(2) .single-service-sec2 p{
    color:var(--white);
}
/* Service Section 2 End */
/* Cta Services Start */
.cta-services{
    background: url(../images/cta-services-bg.png) no-repeat scroll top center;
    background-size: cover;
}
.cta-services:before, .cta-services:after{
    display: none;
}
.cta-services .speak-head{
    text-align: left;
}
.cta-services .speak-wrapper{
    justify-content: flex-start;
}
.cta-services .cta-service-img{
    position: relative;
}
.cta-services .cta-service-img img{
    position: absolute;
    top:-70px;
    right:-40px;
}
/* Cta Services End */
/* Sponsor Section Start */
.sponsor-sec{
    background-color: var(--secondary);
    padding:40px 0;
}
.single-sponsor{
    text-align: center;
    position: relative;
}
.single-sponsor:not(:first-child):before{
    position: absolute;
    content: '';
    top:0;
    bottom:0;
    margin:auto;
    left:0;
    width:1px;
    height:50px;
    background-color: var(--sponsorSeperator);
}
/* Sponsor Section End */
/* Author Section Start */
.author-sec{
    background-color: var(--FBFBFB);
    padding: 60px 0 80px 0;
}
.author-sec .row:last-child{
    margin-top:160px;
}
.single-author-row{
    position: relative;
}
.single-author-row:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 6px;
    background-color: var(--secondary);
    top: -60px;
    left: 0;
    right: 0;
    margin: auto;
}
.single-author{
    position: relative;
    text-align: center;
}
.single-author:before, .single-author span{
        position: absolute;
    
    top: -110px;
    left: 0;
    right:0;
    margin:auto;
    width:96px;
    height:96px;
    font-size: 30px;
    font-weight: 700;
    align-content: center;
    text-align: center;
    z-index: 1;
    color: transparent;
    background-color: var(--secondary);
    border:17px solid var(--authorCounterBg);
    border-radius: 50%;
    -webkit-text-stroke: 2px var(--white);
}
.single-author h3{
    font-size:22px;
}
.single-author p{}

/* Author Section End */

/* Faq Services Start */
.faq-services{
    padding:60px 0 100px 0;
}
.single-faq-service{
    background-color: var(--faqBg);
    border:1px solid var(--faqBorder);
    margin-bottom:20px;
    transition: all .5s ease-in-out;
}
.single-faq-service.active{
    background-color: var(--faqServiceActiveBg);
}
.single-faq-service .question svg{
    transition:all .5s ease-in-out;
}
.single-faq-service.active .question svg{
    transform:rotate(90deg);
}

.single-faq-service .answer {
    display: none;
    padding: 0 25px 15px 20px;
}
.single-faq-service .question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    cursor:pointer;
}
.single-faq-service .question h3{
    font-size:20px;
    color:var(--menu-color);
    
}
/* Faq Services End */

/* Footer Top Form Start */
.footer-top-form{
    position: relative;
    z-index: 1;
    z-index:3;
}
.footer-form{
    background-color: var(--third);
    border-radius: 10px;
    padding:35px 25px;
    position: relative;
    margin-bottom:-50px;
}
.footer-form h3{
    font-size: 24px;
    line-height: 36px;
    color:var(--sectionHeading);
    margin-bottom:10px;
    font-weight: 700;
    text-align: center;
}
.footer-form form{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-form form .single-field{
    width: 28%;
}
.footer-form form .single-field label{
    font-size: 16px;
    line-height: 24px;
    color:var(--menu-color);
    font-weight: 600;
    margin-bottom:0;
}
.footer-form form .single-field .form-field{
    background-color: var(--white);
    border-radius: 8px;
    overflow: hidden;
    overflow:visible;
    margin-top:5px;
    position: relative;
}
.footer-form form .single-field .form-field > div, .footer-form form .single-field .form-field > div input{
    width:100%;
}
.footer-form form .single-field .form-field svg{
    position: absolute;
    top:15px;
    left:10px;
}
.footer-form form .single-field .form-field input{
    height: 55px;
    
    padding-left: 50px;
    background-color:#fff;
    border:0 none;
    outline: none;
}
.footer-form form .submit-btn{
    align-self: flex-end;
}
.footer-form form .submit-btn button {border-radius: 5px;}
.footer-form form .submit-btn button:hover{
    color:var(--black);
}
.footer-form form .submit-btn button:before{
    background-color: var(--white);
}
.footer-top-form + footer .footer-widget{
    padding-top:160px;
    padding-top:100px;
}
/* Footer Top Form End */
/* Form Speical Offer */
@keyframes scale{
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(1.1);
    }
}
.banner-form .form-sp-offer{
    top:-10px;
    right:-130px;
}
.form-sp-offer{
    position: absolute;
    top:-80px;
    right:-20px;
    z-index: 4;
    
}
.form-sp-offer:before{
    background: url(../images/special-offer-img.webp);
    position: absolute;
    content:'';
    width:160px;
    height:120px;
    top:35px;
    left:10px;
    animation: scale .5s infinite ease-in-out alternate;
}
.form-sp-offer h3{
    background-color: var(--third);
    color: var(--white);
    padding: 10px 15px;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 30px;
    position: relative;
    margin-bottom:0;
    transform: rotate(-8deg);
}
.form-sp-offer h3:before, .form-sp-offer h3:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20px;
    background: inherit;
    z-index: -1;
}
.form-sp-offer h3:before {
    left: -10px;
    transform: skewX(-20deg);
}
.form-sp-offer h3:after {
    right: -10px;
    transform: skewX(0deg);
}

.form-sp-offer h4{
    font-size: 46px;
    color:var(--white);
    font-weight: 800;
    line-height:48px;
    position: relative;
    z-index: 2;
    top: 0px;
    font-weight: bold;
    left: 40px;
    transform: rotate(-8deg);
}
.form-sp-offer h6{
    line-height: 28px;
    position: relative;
    z-index: 2;
    top: -10px;
    color:var(--white);
    font-size: 16px;
    font-weight: bold;
    left: 60px;
    transform: rotate(-8deg);
}
/* Form Speical Offer */
/* Work Section Start */
.work-section{
    padding:80px 0;
}
.work-gallery{
    margin-top:35px;
}
.work-gallery ul{
    width:max-content;
    margin:auto;
    border:0 none;
}
.work-gallery ul li{
    margin-left:20px;
}
.work-gallery ul li:first-child{
    margin-left:0;
}
.work-gallery ul li button{
    background-color: var(--white);
    border:1px solid var(--workTabsBorder) !important;
    border-radius: 8px;
    padding:15px 30px;
    color:var(--black);
    font-weight: 600;
    font-size: 16px;
    transition: all .5s ease-in-out;
}
.work-gallery ul.nav-tabs li button.active, .work-gallery ul.nav-tabs li button:hover{
    background-color: var(--secondary);
    border:1px solid var(--secondary) !important;
    color: var(--white);
}
.work-slider{
    max-width:80%;
    margin: 35px auto auto;
    max-height: 350px;
    /* overflow-y: hidden; */
}
.work-slider .slick-arrow{
    position: absolute;
    top:0;
    bottom:0;
    margin:auto;
    width:max-content;
    cursor: pointer;
    height: max-content;
}
.work-slider .slick-prev{
    left:-40px;
}
.work-slider .slick-next{
    right:-20px;
}
.work-slider .slick-arrow i{
    font-size:24px;
}
/* Work Section End */


/*.amazon-publishing + .left-right-services {*/
/*    padding-bottom: 0;*/
/*}*/

.amazon-publishing + .left-right-services .left-right-img img{
    margin-bottom:0;
}


/* New Service pages Css End */

/* Home New Sections Start */
.home-sec2{
    background-color: var(--FBFBFB);
    padding:60px 0 40px 0;
}
.home-sec2-row{
    margin-top:35px;
}
.single-sec2-item{
    background-color: var(--white);
    border-radius: 8px;
    box-shadow: 1px 1px 10px 3px #00000010;
    padding: 70px 80px 70px 40px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-bottom: 30px;
    min-height: 320px;
    display: flex;
    flex-flow: wrap;
    align-content: center;
}
.single-sec2-item h3{
    font-size:24px;
    color:var(--singleServiceHeading);
    margin-bottom: 10px;;
}
.single-sec2-item p{
    color:var(--singleServiceHeading)
}
.sec2-item-icon{
    position: absolute;
    top:-30px;
    right:-30px;
    z-index: -1;
}

.sec2-item-icon svg:last-child{
    position: absolute;
    right:55px;
    top:60px;
}

.new-testimonials{
    padding: 60px 0 40px 0;
}
.testimonial-wrapper{
    margin-top:35px;
}
.testimonial-wrapper .slick-arrow{
    border: 1px solid #133240;
    border-radius: 50%;
    font-size:20px;
    color: #133240;
    position: absolute;
    top:-110px;
    right:30px;
    cursor:pointer;
    transition: all .5s ease-in-out;
    width:50px;
    height:50px;
    align-content:center;
    text-align:center;
}
.testimonial-wrapper .slick-arrow i{
    position:relative;
    top: 0;
}
.testimonial-wrapper .slick-arrow:hover{
    background-color: var(--secondary);
    border-color: var(--secondary);
    color:var(--white);
}
.testimonial-wrapper .slick-arrow:hover i{
    color:var(--white)
}
.testimonial-wrapper .slick-prev{
    right:90px;
}
.testimonial-wrapper .slick-arrow i{
    color:var(--secondary)
}
.testimonial-card {
    background: linear-gradient(135deg, #FFD8F7 0%, var(--white) 7%, var(--white) 90%, #D6E7FF 98%);
    border:1px solid #3686F7;
    border-radius: 12px;
    padding: 20px;
    height: auto;
    display: flex;
    flex-direction: column;
    box-shadow: 1px 1px 10px 3px #00000010;
    justify-content: space-between;
    margin-bottom:20px;
}
.testimonial-card h4{
    font-size:16px;
    /* margin-bottom:10px; */
    color: #1A1A1A;;
}
.testimonial-card span{
    color:#00000050;
    font-size:12px;
}
.testimonial-card p{
    color:#1A1A1A;
    font-size:16px;
}
.testi-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    
}
.card-header img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.card-header .google {
    margin-left: auto;
    width: 18px;
}
.testi-author-det{
    flex:1 1 auto;
    margin-left:10px;
}
.testi-stars {
    color: #FFC107;
   
    margin: 10px 0;
}
.testimonial-wrapper .slick-slide{
    padding-right:15px;
}

.home-left-right .container .row {
    align-items:center;
}
.home-left-right .left-right-cont{
    margin-bottom:60px;
}
.home-left-right .home-sec1-img{
    margin-top:50px;
}
/* Home New Sections End */

/* Privacy Policy Start */
.privacy-banner{
    height:220px;
}
.privacy-banner:before, .privacy-banner:after{
    height:100%;
}
.privacy-cont{
    margin-bottom:0;
}
.privacy-cont h2{
    font-size:36px;
}
.privacy-cont h3{
    margin-bottom:5px;
    font-size:20px;
}
.privacy-cont p{
    margin-bottom:20px;
}
.privacy-cont ul{
    padding-left:30px;
    margin-bottom:25px;
}
.privacy-cont ul li{
    list-style:disc;
    margin-bottom:5px;
}
.privacy-cont p:last-child{
    margin-bottom:0;
}
/* Privacy Policy End */
/* Services Menu Start */
.services-menu-desktop{
    display: none;
}
.services-menu{
    background-color: var(--primary);
    padding: 15px 0;
}
.services-menu ul{
    display: flex;
    width:100%;
    margin:auto;
    justify-content: space-between;
}
.services-menu ul li{
    position:relative;
}
.services-menu ul li:after{
    position: absolute;
    content: '';
    width: 1px;
    height: 15px;
    background: var(--white);
    right: -25px;
    margin: auto;
    top:1px;
    bottom:0;
}
.services-menu ul li:last-child:after{
    display:none;
}
.services-menu ul li a{
    font-size: 16px;
    color: var(--white);
    font-weight: 700;
    letter-spacing: 0.2px;
    position: relative;
    text-align: center;
}
/* Services Menu End */

/* Responsive Start */
@media screen and (min-width:1700px){
    .container{
        max-width: 1600px;
    }
}
@media screen and (max-width:1600px){
    .banner-sec .banner-cont h1{
        font-size:42px;
    }
    .section-head h2{
        font-size:40px;
    }
    .about-head h2{
        font-size:36px;
    }
    .home-sec1-img .right-img{
        right:-80px;
    }
    .home-sec1-img .left-shape{
        left: -150px;
    }
    .home-sec1-img .right-shape{
        right:-270px;
    }
    .about-single-icon{
        width:200px;
        height:200px;
    }
    .contact-col h2 br, .speak-head h2 br, .speak-head p br{
        display: none;
    }
    .blog-page-cont{
        padding:30px 15px 30px 0;
    }
    .blog-page .blog-cont h3{
        font-size: 26px;
    }
    .blog-main > .row{
        align-items: stretch;
    }
    .blog-main .single-blog-post, .blog-main .single-blog-post .blog-img, .blog-main .single-blog-post .blog-img img{
        height:100%;
    }
    .discount-form form .submit-btn button{
        font-size:18px;
    }
    .work-slider .slick-track{
        display:flex;
        column-gap:20px;
    }
    .work-slider .single-work a img{
        width:100%;
    }
    .home-left-right .home-sec1-img{
        margin-top:80px;
    }
    .testimonial-card p {
        font-size: 14px;
        line-height: 1.5;
    }
    .services-menu > .container{
        max-width:100%;
    }
}
@media screen and (max-width:1536px){
    .speak-sec:before{
        width:450px;
        height:280px;
    }
    .speak-sec:after{
        width:500px;
        height: 270px;
    }
    .speak-head h2{
        font-size:30px;
    }
    .cta-services .cta-service-img img{
        max-width:70%;
    }
    .services-menu ul li:after{
        right:-20px;
    }
}
@media screen and (max-width:1440px){
    /*.speak-sec{*/
    /*    padding-top:0;*/
    /*    padding-bottom:120px;*/
    /*}*/
    .services-menu ul li:after{
        right:-15px;
    }
}
@media screen and (max-width:1400px){
    .banner-sec .banner-cont h1 br, .banner-sec .banner-cont p br, .left-right-cont p br{
        display: none;
    }
    .home-sec1-img .right-shape{
        right:-210px;
    }
    .form-sp-offer{
        right:30px;
    }
    .services-menu ul li:after{
        right:-10px;
    }
}
@media screen and (max-width:1380px){
    .home-sec1-img .left-shape{
        left:-120px;
    }
    .home-sec1-img .right-shape{
        right:-250px;
        bottom:0;
        top:auto;
    }
    .about-sec{
        padding-bottom:60px;
    }
    .about-sec .col-md-2{
        width:8.33%;
    }
    .about-sec .col-md-8{
        width:83.33%;
    }
    /* .contact-col h2{
        font-size: 50px;
    } */
    .single-support p{
        line-height: 22px;
    }
    .blog-page .blog-cont h3{
        font-size:22px;
    }
    .discount-header > h2{
        font-size:30px;
    }
    .discount-form form .submit-btn button{
        padding:15px;
    }
    .cta-services .cta-service-img img{
        height:450px;
    }
    .home-left-right .home-sec1-img{
        margin-top:150px;
    }
    
}
@media screen and (max-width:1366px){
    .single-service h3{
        font-size:22px;
    }
    .blog-cont .blog-cont-misc strong{
        font-size:14px;
    }
    .footer-widget p, .footer-widget ul li a{
        font-size:15px;
    }
    .footer-widget h4:before{
        width:160px;
    }
    .blog-main{
        padding-right:25px;
    }
    
    .blog-sidebar .row > .col-md-6{
        width:100%;
    }
    .sec2-item-icon{
        top:-40px;
    }
    .single-sec2-item{
        padding:80px 30px 30px 30px;
    }
    .single-sec2-item h3{
        font-size:22px;
    }
}

@media screen and (max-width:1300px){
    .services-menu ul li a{
        font-size:14px;
    }
}

@media screen and (max-width:1200px){
    .banner-sec .banner-cont h1{
        font-size:40px;
    }
    .home-sec1-img .right-shape{
        right:-210px;
    }
    /* .left-right-cont h2{
        font-size:44px;
    } */
    .speak-sec:before {
        width: 360px;
        height: 225px;
    }
    .speak-sec:after {
        width: 400px;
        height: 210px;
    }
    
}

@media screen and (max-width:1100px){
    .contact-col{
        padding:40px 30px;
    }
    .discount-header > h2{
        font-size: 26px;
    }
    .discount-header .cover h4{
        font-size: 20px;
    }
    .discount-form form .submit-btn button{
        font-size:14px;
    }
    .discount-form form{
        padding:15px;
    }
    .left-right-inner .left-right-cont h2 br{
        display:none;
    }
    
}
@media screen and (max-width:1024px){
    .banner-sec{
        height:max-content;
    }
    .banner-sec .banner-cont h1, .section-head h2, .single-feature span{
        font-size: 36px;
    }
    .service-banners{
        background-size:cover;
        padding:0 0 40px 0;
    }
    .service-banners .banner-cont{
        width:100%;
        text-align:center;
        margin-bottom:35px;
    }
    .service-banners .form-col{
        width:100%;
    }
    .services-sec .section-head h2 span{
        font-size: 22px;
    }
    .blog-page .blog-cont h3{
        font-size:20px;
    }
    .blog-sec:before{
        display: none;
    }
    .footer-widget .footer-col:first-child{
        width:100%;
        margin-bottom:20px;
    }
    .footer-widget .footer-col:nth-child(3){
        width:45%;
    }
    .footer-widget .footer-col{
        width:25%;
    }
    .footer-widget, .left-right-sec{
        padding: 60px 0;
    }
    .left-right-services{
        padding-bottom:0;
    }
    .home-sec1-img .right-shape, .home-sec1-img .left-shape{
        display: none;
    }
    .about-sec .col-md-2{
        display: none;
    }
    .about-sec .col-md-8{
        width:100%;
    }
    .about-single-icon{
        width:100%;
    }
    .contact-col h2, .speak-head h2{
        margin-bottom:0;
    }
    .support-sec .support-col:nth-last-child(2), .support-sec .support-col:last-child {
        margin-top:55px;
    }
    .speak-head h2 br{
        display: none;
    }
    .cta-services .cta-service-img img{
        top:-40px;
        height:max-content;
    }
    .single-faq-service .question h3{
        font-size:16px;
    }
    .footer-form h3{
        text-align:left;
        line-height:28px;
    }
    .form-sp-offer:before{
        width:140px;
        height:110px;
        background-size: cover;
        left: 20px;
    }
    .form-sp-offer h3{
        transform: rotate(-12deg);
    }
    .form-sp-offer h4{
        width:max-content;
        transform: rotate(-12deg);
        left:45px;
        top: 5px;
        font-size: 36px;
    }
    .form-sp-offer h6{
        width:max-content;
        transform: rotate(-14deg);
        left:55px;
        top:-10px;
    }
    .footer-form form .single-field {
        width: 25%;
    }
    .work-gallery ul li button{
        padding:10px 20px;
    }
    .work-slider .slick-next{
        right:-40px;
    }
    .author-sec .row:last-child{
        margin-top:0;
    }
    .single-author-row:before{
        top:50px;
    }
    .author-sec .row .slick-list{
        padding-top:110px;
    }
    .sec2-item-icon{
        left:0;
        right:0;
        margin:auto;
        width:max-content;
    }
    .sec2-item-icon svg:last-child{
        right:45px;
    }
    .single-sec2-item{
        padding:140px 15px 30px 15px;
        text-align:center;
    }
    .home-sec2-row, .testimonial-wrapper{
        margin-top:0;
    }
    .new-testimonials{
        padding-top:20px;
    }
    .testimonial-wrapper .slick-arrow{
        top:-70px;
    }
    .home-left-right .left-right-cont{
        margin-bottom:0;
    }
    .home-left-right .home-sec1-img{
        margin-top:0;
    }
    
    .services-menu{
        display:none;
    }
    .services-menu-desktop{
        display:flex;
        flex-direction:column;
    }
    .services-menu-desktop .submenu{
        display:none;
    }
    .services-menu-desktop .submenu ul{
        margin-top:15px;
    }
    .services-menu-desktop .submenu ul li a{
        font-size:14px;
        padding:5px 15px 5px 55px;
    }
    .services-menu-desktop .submenu ul li a:before{
        display:none;
    }
    header{
        position:relative;
        z-index:6;
    }
    .menu-icon{
        display: flex;
        /*display:none;*/
        width: 35px;
        flex-direction: column;
        height: 20px;
        align-items: center;
        justify-content: space-between;
    }
    .menu-icon span{
        width:100%;
        height:2px;
        display: block;
        background-color: var(--third);
    }
    .main-navigation{
        display: flex;
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        transition: all 1s ease-in-out;
        height: 100vh;
        z-index: 3;
    }
    .main-navigation .menu-container{
        position: absolute;
        top:0;
        right:0;
        width:300px;
        height: 100vh;
        z-index: 3;
        transition: all 1s ease-in-out;
        background-color: var(--primary);
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .main-navigation.showSidebar{
        right: 0;
    }
    .menu-container .topbar-right{
        text-align:center !important;
        margin-bottom:25px;
    }
    .menu-container .topbar-right a{
        color:var(--white);
        font-size:20px;
    }
    .shadow-bg{
        position: absolute;
        top: 0;
        right: 0;
        background: #00000050;
        width: 100%;
        transition: all 1s ease-in-out;
        height: 100%;
    }
    ul.main-menu{
        flex-direction: column;
        padding-top: 60px;
    }
    ul.main-menu li{
        width:100%;
        margin-left: 0;
    }
    ul.main-menu li a{
        color:var(--white);
        font-size: 20px;
        padding: 10px 15px 10px 35px;
        display: block;
    }
}
@media screen and (max-width:991px){
    .container{
        max-width:100%;
    }
    .footer-top-form .container {
        max-width: calc(100% - 30px);
        padding-left: 15px;
        padding-right: 15px;
    }
    .banner-sec, .testimonials-sec, .faq-sec, .service-sec2, .work-section, .author-sec{
        padding: 60px 0;
    }
    .service-banners{
        padding:0 0 40px 0;
    }
    
    .banner-sec .banner-cont, .cta-cont{
        text-align: center;
    }
    .cta-btns{
        text-align: center !important;
    }
    .cta-cont h2, .services-sec .section-head h2{
        margin-bottom:10px;
    }
    .cta-cont{
        margin-bottom: 20px;
    }
    .speak-head h2{
        font-size:33px;
    }
    .services-sec{
        padding-top:40px;
    }
    .services-sec .col-md-4, .blog-sec .col-md-4{
        width: 50%;
    }
    .blog-sec .col-md-4{
        margin-bottom:20px;
    }
    .single-service{
        padding:20px;
        margin-bottom:20px;
        height:calc(100% - 20px);
    }
    .testimonials-sec .col-md-1, .faq-sec .col-md-1, .blog-sec .col-md-1{
        display: none;
    }
    .testimonials-sec .col-md-10, .blog-sec .col-md-10{
        width:100%;
    }
    .faq-sec .faq-img{
        width:40%;
    }
    .faq-sec .faq-cont{
        width:60%;
    }
    .about-sec{
        padding-bottom:30px;
    }
    .contact-sec > .container > .row > .col-md-6:first-child, .speak-sec:before, .speak-sec:after{
        display: none;
    }
    .contact-col{
        width:calc(100% - 60px);
        margin: auto;
    }
    .speak-sec{
        padding-bottom:40px;
    }
    .speak-bg:before{
        top:-135px;
    }
    .blog-main{
        padding-left:25px;
        padding-right: 25px;
    }
    .blog-main > .row{
        margin-bottom:35px;
    }
    .blog-main .row > .col-md-6{
        width:100%;
    }
    .blog-main .blog-page-img{
        padding-right:0;
    }
    .blog-page-cont{
        padding:30px 15px;
    }
    .service-sec2 .col-md-4{
        width:100%;
        margin-bottom:20px;
    }
    .service-sec2-img{
        left:0;
        right:0;
        margin:auto;
    }
    .single-service-sec2{
        text-align:center;
        padding-top:75px;
        border-top-left-radius:50px;
    }
    .work-gallery{
        margin-top:0;
    }
    .single-author{
        padding: 0 15px;
    }
    
}
@media screen and (max-width:911px){
    .left-right-sec .row, .left-right-sec.left-right-services.left-right-inner .row{
        flex-direction:column-reverse;
    }
    .left-right-sec.left-right-inner .row{
        flex-direction: column;
    }
    .left-right-sec .row > div{
        width:100%;
    }
    .left-right-services .left-right-img{
        text-align:center;
    }
    .left-right-services .left-right-img img{
        max-height:450px;
        float:none;
        margin-bottom:20px;
    }
    .home-sec1-img{
        margin-bottom:25px;
    }
    .home-sec1-img .center-img{
        margin-top:0;
        text-align: center;
    }
    .home-sec1-img .left-img{
        left: 150px;
    }
    .home-sec1-img .right-img{
        right:150px;
    }
    .discount-header > h2{
        font-size:22px;
    }
    .discount-header > span, .discount-header .cover h4{
        font-size:18px;
    }
    .left-right-services{
        padding:60px 0;
    }
    .left-right-services .left-right-img img{
        margin-top:0;
    }
    .left-right-services .section-head{
        margin-bottom:0;
    }
    .amazon-publishing + .left-right-services .left-right-img img{
        margin-bottom:35px;
    }
}
@media screen and (max-width:850px){
    .footer-bottom .row > div{
        width:100%;
        text-align: center !important;
    }
    .topbar-left .topbar-item span, .topbar-left .topbar-item a{
        font-size: 14px;
    }
    .logo a img, .footer-logo a img{
        width:220px;
    }
    .blog-main, .blog-sidebar{
        width:100%;
    }
    .blog-sidebar .row > .col-md-6{
        width:50%;
    }
    .work-gallery ul li button{
        padding:10px 15px;
    }
}
@media screen and (max-width:768px){
    .banner-sec .banner-cont h1, .section-head h2, .cta-cont h2, .about-head h2, .single-feature span, .speak-head h2{
        font-size:30px;
    }
    .section-head span, .banner-sec .banner-cont span{
        font-size:18px;
    }
    
    .third-btn, .primary-btn, .secondary-btn, .submit-btn button{
        padding: 8px 15px; 
        font-size: 16px;  
    }
    .single-feature{
        width:50%;
        margin-bottom:20px;
    }
    .single-feature strong{
        margin-bottom: 5px;
    }
    .single-faq .question h3{
        font-size:18px;
    }
    .blog-sec .blog-head{
        margin-bottom:0;
    }
    .footer-widget .footer-col:first-child, .footer-widget .footer-col:nth-child(3), .footer-widget .footer-col{
        width:100%;
    }
    .footer-widget .footer-col{
        margin-bottom:20px;
    }
    
    
    
    .home-sec1-img .left-img{
        left: 50px;
    }
    .home-sec1-img .right-img{
        right:50px;
    }
    .contact-col{
        padding:20px;
    }
    .single-support h3{
        margin:5px 0;
    }
    
    .cta-services .speak-head, .cta-services .cta-service-img{
        width:100%;
        text-align:center;
    }
    .cta-services .speak-wrapper{
        justify-content:center;
    }
    .cta-services .cta-service-img{
        margin-top:20px;
    }
    .cta-services .cta-service-img img{
        position:relative;
        top:0;
        right:0;
    }
    .form-sp-offer{
        right:0;
        top:-100px;
    }
    
    .footer-form form {
        flex-wrap: wrap;
    }
    .footer-form form .single-field {
        width: 32%;
        margin-bottom: 20px;
    }
    .footer-form form .single-field .form-field input{
        height:45px;
    }
    .footer-form form .single-field .form-field svg{
        top:10px;
    }
    .faq-services{
        padding-bottom:120px;
    }
    .work-gallery ul{
        max-width:100%;
        justify-content:center;
    }
    .work-gallery ul li{
        margin-bottom:20px;
        width:max-content;
    }
    .work-gallery ul li:first-child{
        margin-left:20px;
    }
    .work-gallery ul li button{
        width:100%;
    }
    .work-gallery ul li:nth-child(4){
        /*margin-left:0;*/
    }
     .work-slider{
        max-width:100%;
        padding:0 0 0 20px ;
    }
    .work-slider .slick-arrow{
        z-index:1;
    }
    .work-slider .slick-prev{
        left:-5px;
    }
    .work-slider .slick-next{
        right:-10px;
    }
    .work-slider .slick-list{
        width:100%;
        margin:auto;
    }
    .work-slider .slick-track{
        column-gap:0;
    }
    .work-slider .slick-track .slick-slide{
        padding-right:20px;
    }
    .home-sec2-row > .col-md-4{
        width:50%;
    }
}
@media screen and (max-width:767px){
    .cta-cont p br, .about-head p br, .about-head h2 br, .speak-head p br, .work-section .section-head p br{
        display: none;
    }
    .topbar .topbar-left{
        justify-content: space-between;
    }
    .topbar .topbar-right{
        display: none;
    }
    .about-icons{
        justify-content: center;
    }
    .about-icons .col-md-3{
        width:33%;
    }
}
@media screen and (max-width:650px){
    .left-right-inner .left-right-cont h2, .speak-head h2{
        font-size: 26px;
    }
}
@media screen and (max-width:600px){
    .services-sec .section-head h2 span{
        font-size:20px;
    }
    .services-sec{
        padding-bottom:0px;
    }
    .services-sec .col-md-4, .faq-sec .faq-img, .faq-sec .faq-cont, .blog-sec .col-md-4{
        width:100%;
    }
    .faq-sec .faq-img{
        text-align: center;
    }
    .faq-sec .faq-img img{
        width: max-content !important;
        max-width: 300px;
    }
    .single-service h3{
        margin-bottom:0;
    }
    .testimonials-sec .testi-head{
        text-align: center;
        margin-bottom: 0;
    }
    .testimonials-sec .testi-head br, .faq-cont h2 br, .support-sec-head h2 br{
        display: none;
    }
    .testimonials-slider .slick-arrow{
        left: 0;
        margin: auto;
        bottom: -50px;
        top: auto;
        width: 40px;
        height: 40px;
    }
    .testimonials-slider .slick-prev{
        right: 50px;
    }
    .testimonials-slider .slick-next{
        right: -50px;
    }
    .home-sec1-img .left-img{
        left: 15px;
    }
    .home-sec1-img .right-img{
        right:0px;
    }
    .about-single-icon{
        height:150px;
    }
    .form-sp-offer h3{
        font-size: 16px;
    }
    .form-sp-offer h4{
        font-size: 30px;
        line-height: 36px;
    }
    .form-sp-offer h6{
        left: 50px;
        top:-5px;
    }
    .form-sp-offer:before{
        width: 120px;
        height: 95px;
        left: 25px;
    }
    .form-sp-offer{
        top:-110px;
    }
    .footer-form form .single-field, .footer-form form .submit-btn button, .footer-form form .submit-btn{
        width:100%;
    }
}
@media screen and (max-width:568px){
    .footer-bottom p, .footer-bottom a{
        font-size:14px;
    }
    .contact-col{
        width:calc(100% - 30px)
    }
    .support-sec .support-col:nth-child(2){
        margin-top:55px;
    }
    .single-support h3{
        margin:0 0 5px 0px;
    }
    .form-banner{
        padding:35px 15px 0 15px;
    }
    .single-service-sec2{
        padding-left:15px;
        padding-right:15px;
    }
    .form-banner .single-field{
        margin-bottom:15px;
    }
   
    
    .sponsor-sec{
        padding-left:20px;
        padding-right:20px;
    }
    .author-sec .section-head h2 br{
        display:none;
    }
    .home-sec2-row > .col-md-4{
        width:100%;
    }
}
@media screen and (max-width:500px){
    .topbar .topbar-left{
        flex-direction: column;
        align-items: center;
    }
    .topbar-left .topbar-address{
        margin-right: 0;
    }
}
@media screen and (max-width:480px){
    .banner-sec, .faq-sec, .left-right-sec, .service-sec2, .work-section, .author-sec, .home-sec2{
        padding:40px 0;
    }
    .service-banners{
        padding:0 0 40px 0;
    }
    .about-sec{
        padding:40px 0 10px 0;
    }
    .testimonials-sec{
        padding:40px 0 80px 0;
    }
    .faq-services{
        padding-top:40px;
    }
    .banner-sec .banner-cont h1, .section-head h2, .cta-cont h2, .single-feature span, .about-head h2{
        font-size:26px;
    }
    .section-head span, .banner-sec .banner-cont span{
        font-size:16px;
    }
    .speak-head h2{
        font-size:22px;
    }
    .single-feature, .single-testi p{
        width:100%;
        text-align: center;
    }
    .single-testi .single-testi-head{
        flex-direction: column;
        align-items: center;
        position: relative;
        text-align: center;
    }
    .single-testi .single-testi-head .testi-img{
        margin-bottom:10px;
    }
    .single-testi .single-testi-head .quote-img{
        position: absolute;
        right:0;
    }
    .single-faq .question, .single-blog-post .blog-cont{
        padding: 15px;
    }
    .single-faq .question h3, .blog-cont h3{
        font-size:16px;
    }
    .single-faq-service .answer p{
        font-size:14px;
        line-height:22px;
    }
    .home-sec1-img .center-img img{
        width: 60%;
    }
    .about-icons .col-md-3{
        width:50%;
    }
    .single-support h3{
        font-size:20px;
    }
    .speak-right strong{
        font-size:16px;
    }
    .speak-right span{
        font-size:14px;
    }
    .single-sponsor img{
        margin:auto;
    }
    
    .left-right-services .section-head{
        margin-bottom:0;
    }
    .left-right-services .left-right-img img{
        max-height:350px;
    }
    .home-sec2-row > .col-md-4:last-child .single-sec2-item{
        margin-bottom:0;
    }
}
@media screen and (max-width:425px){
    .work-gallery ul li:first-child{
        margin-left:0;
    }
    .work-gallery ul li{
        margin-left:10px;
        margin-bottom:15px;
    }
    .new-testimonials .section-head h2{
        max-width:60%;
    }
    .testimonial-wrapper .slick-arrow{
        top:-85px;
    }
}
@media screen and (max-width:414px){
    .footer-form h3 {
        font-size: 22px;
        line-height: 24px;
    }
    .form-sp-offer h3{
        font-size: 16px;
    }
    .form-sp-offer:before{
        top:30px;
    }
    .work-gallery ul li button{
        padding:7px 10px;
        font-size:14px;
    }
}
@media screen and (max-width:390px){
    .logo a img, .footer-logo a img{
        width:190px;
    }
    .blog-sidebar .row > .col-md-6{
        width:100%;
    }
}
@media screen and (max-width:360px){
    .about-icons .col-md-3{
        width: 100%;
    }
}
@media screen and (max-width:340px){
    .btn-wrapper a:first-child{
        margin-bottom: 10px;
    }
}
/* Responsive End */