:root{--black:#000;--light-black:#2A2A2A;--blue:#283E76;--yellow:#567f53;--pink:#FFE3E4;--white:#fff;--red:#F34F55;--grey:#F5F5F5;}
*{font-family:'Poppins', sans-serif;border:none;outline:none;list-style:none;text-decoration:none;box-sizing:border-box;}
*::selection{background-color:#567f53;color:var(--black);}
*:focus{outline:none;}
body, html{overflow-x:hidden;scroll-behavior:smooth;}
body::-webkit-scrollbar, .box-mobile::-webkit-scrollbar{width:8px;}
body::-webkit-scrollbar-track, .box-mobile::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #fff;}
body::-webkit-scrollbar-thumb, .box-mobile::-webkit-scrollbar-thumb{background-color:#567f53;outline:1px solid #567f53;}
.relative{position:relative;}
.absolute{position:absolute;}
a, a:hover{text-decoration:none;}
ul{padding:0;margin:0;}
h1, h2, h3, h4, h5, h6, p, ul, span{margin-bottom:0;}
img{max-width:100%;height:auto;}
/* span, a, li, p{font-size:16px;margin-bottom:0;} */
.container{max-width:1170px}
section{padding:80px 0;}
/* .header{padding:24px;} */
.header ul li:nth-child(2){margin-left:auto;}
.header ul li:nth-child(2) a{font-size:16px;color:#455560;}
.bilink{animation:red-hover 500ms infinite alternate;}
.primary-btn-wrap{font-size:16px;color:#455560;background: linear-gradient(45deg, #567f53, #dadd7d);padding:10px 30px;border-radius:25px;FONT-WEIGHT:600;display:inline-block;}
.primary-btn-wrap:hover{background:transparent;color:#455560;border: 2px solid #567f53;}
.f-20{font-size:20px;}
.f-30{font-size:30px;}
.f-25{font-size:25px;}
.f-60{font-size:60px;}
.f-40{font-size:40px;}
.fw-100{font-weight:100;}
.fw-200{font-weight:200;}
.fw-300{font-weight:300;}
.fw-400{font-weight:400;}
.fw-500{font-weight:500;}
.fw-600{font-weight:600;}
.fw-700{font-weight:700;}
.fw-800{font-weight:800;}
.fw-900{font-weight:900;}
.text-white{color:var(--white);}
.bg-blue{background:radial-gradient(closest-side at 50% 50%, #03a84e 0, #567f53 100%);}
.text-red{color:#567f53;}
.bg-pink{background-color:var(--pink);}
.secondary-btn-wrap{font-size:16px;color:#fff;background-color:#567f53;padding:10px 25px;border-radius:25px;FONT-WEIGHT:600;display:inline-block;}
.secondary-btn-wrap:hover{background-color:transparent;color:#455560;border: 2px solid #567f53;}
.banner{background:url(../images/banner-bg.webp) center center/cover no-repeat;padding-bottom:40px;padding-top:80px;background-size:cover;}
.banner .left-content h1{font-size:50px;font-weight:700;color:var(--red);padding-bottom:35px;}
.banner .left-content h3{font-size:45px;font-weight:700;text-transform:capitalize;color:#455560;}
.banner .left-content h4{font-style:normal;font-weight:600;font-size:20.4959px;color:#455560;}
.banner .left-content .list li{list-style:none;line-height:30px;margin-left:0;display:flex;align-items:flex-start;gap:6px;font-size:15px;}
.banner .left-content .list li i{color:#567f53;font-weight:bold;font-size:17px;top:9px;position:relative;}
.banner .left-content:before{z-index:-1;content:"";background:url(../images/border_bg.png);width:100%;height:445px;background-repeat:no-repeat;position:absolute;left:-29px;top:-23px;background-size:contain;}
.banner .left-content .primary-btn-wrap{background-color:#567f53;color:#455560;}
.banner .left-content .primary-btn-wrap:hover{background:transparent;color:#455560; border: 2px solid #567f53;}
.banner form{width:470px;height:600px;text-align:left;border-radius:0;background-color:var(--white);padding:85px 30px 40px 30px;position:relative;background:url("../images/banner-form-bg.webp");background-size:contain;}
.banner form h6{font-size:20px;}
.banner form h4{font-size:30px;font-weight:600;color:#455560;}
.banner form input{width:405px;height:45px;background-color:var(--grey);border:1px solid #0000003b;border-radius:5px;padding-left:15px;font-size:15px;margin-bottom:10px;}
.banner form textarea{width:405px;height:120px;background-color:var(--grey);border:1px solid #0000003b;border-radius:5px;padding:20px;font-size:15px;margin-bottom:10px;}
.banner form button{font-size:16px;font-weight:500;background-color:#455560;color:#fff;padding:10px 50px;border-radius:30px;}
.banner form button:hover{background:transparent;color:#fff;border: 2px solid #fff;}
.banner .left-content img{position:absolute;left:-10%;top:-4%;}
.logo img{display:block;padding-top:30px;margin-right:auto;}
.plateform__slider-2 li, .plateform__slider-1 li{border:1px solid #80808087;height:120px;width:275px;display:flex !important;align-items:center;justify-content:center;filter:grayscale(1);}
.plateform__slider-2 li:hover, .plateform__slider-1 li:hover{filter:revert;}
.info{background:url(../images/info-bg.webp) center center/cover no-repeat;}
.platform-slider{padding-bottom:0;}
.info-list li{list-style:disc;line-height:41px;font-weight:600;font-size:19px;color: #455560;}
.info-list li::marker{color: #567f53;}
.info .after-arrow{position:absolute;right:20%;}
.cta{background:url(../images/cta-bg.webp) center center/cover no-repeat;padding:50px;}
._relate{position:relative;}
.cta img{position:absolute;top:-160px;left:-70px;min-width:460px;}
 .cta .secondary-btn-wrap{background-color:var(--white);color:var(--black);} 
.cta .primary-btn-wrap{background-color:#567f53;color:#455560;}
.cta .primary-btn-wrap:hover{background: transparent;color: #455560;border: 2px solid #567f53;}
.services-card-box-container{display:grid;grid-template-columns:auto auto auto;gap:25px;}
.services-card-box-container .card-box span{font-size:16px;font-weight:600;background-color:#567f53;padding:5px 30px;border-radius:30px;color:#fff;}
.services-card-box-container .card-box h3{font-size:20px;font-weight:800;padding:15px 0;}
.services-card-box-container .card-box{padding:50px 25px;background-color:var(--white);border-radius:4px;position:relative;width:360px;height:290px;}
.services{background:linear-gradient(357deg, rgba(248, 247, 253, 1) 92%, rgba(255, 255, 255, 1) 72%);}
.services-card-box-container .card-box:hover{background-color:#455560;color:var(--white);}
.services-card-box-container .card-box:hover span{color:var(--black);background-color:var(--white);}
.services-card-box-container .card-box:hover::before{position:absolute;content:'';width:360px;height:290px;background-color:transparent;top:-3%;border:5px solid #567f53;border-radius:5px;left:3%;}
.card-slider .slick-track{padding-top:10px;}
.services .shade{position:absolute;top:30%;left:7%;}
.services .circle{position:absolute;bottom:18%;right:0;right:11%;}
.after-service-cta{background:url(../images/after-service-cta-bg.webp) center center/cover no-repeat;padding:60px 0;}
.after-service-cta img{position:absolute;top:-200px;min-width:705px;right:10px;}
 .after-service-cta .secondary-btn-wrap{background-color:#567f53;color:#455560;} 
.after-service-cta .primary-btn-wrap{background-color:#567f53;color:#455560;}
.testimonial{background:url(../images/testimonial-bg.webp) center center/cover no-repeat;}
.testimonial .slide{background:url(../images/quote.webp) center center/contain no-repeat;width:370px;height:390px;background-color:var(--white);border-radius:5px;text-align:center;padding:40px 30px;background-size:auto;background-position:48% 10%}
.testimonial .slide p{font-size:14px;font-weight:400;padding-top:10px;padding-bottom:10px;height:159px;overflow:auto;padding-right:5px;}
.testimonial .slide p::-webkit-scrollbar{width:1px;}
.testimonial .slide p::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);}
.testimonial .slide p::-webkit-scrollbar-thumb{background-color:#567f53;outline:1px solid var(--red);}
.testimonial .slide .list-inline .list-inline-item {color:#ffd000;}
.slide img{display:block;margin:auto;margin-top:0px;}
.testimonial .slick-track{padding-bottom:45px;}
.testimonial .slick-slide.slick-current.slick-active .slide{background-color:#567f53;color:#000;}
.best-seller{padding:45px 0;}
.footer{background:url(../images/footer-bg.webp) center center/cover no-repeat;background-position:left;}
.best-seller h3{text-align:center;}
.best-seller p{text-align:center;font-size:19px;font-weight:500;}
.footer .left-content{padding:90px 0;}
.footer h3{padding-right:60px;line-height:47px;}
.footer ul li span{font-size:16px;color:var(--white);}
.footer ul li svg{padding-right:10px;}
.footer ul li a{display:block;font-size:18px;font-weight:600;color:var(--white);}
.footer ul li:hover a{color: #567f53;}
.footer form{background-color:#2E4862;padding:48px 24px;position:relative;}
.footer form p{padding-right:50px;line-height:21px;font-size:16px;color:#fff;}
.footer form h6{color:#fff;}
.footer form input{width:270px;height:40px;padding-left:15px;font-size:15px;display:block;border:1px solid #80808091;border-radius:5px;margin-bottom:10px;}
.footer form textarea{border:1px solid #80808078;border-radius:5px;padding:10px;font-size:15px;}
.footer form button{font-size:16px;font-weight:500;background-color:#567f53;color:#fff;padding:10px 25px;margin-top:30px; border-radius: 50px;}
.footer form button:hover{background-color:#455560;color:#567f53;border: 2px solid #567f53; }
.banner form img{position:absolute;top:-5%;right:-5%;animation:blinker 3s linear 0s infinite normal none running;}
@keyframes blinker{0%{filter:invert(1);}
49%{filter:invert(0);}
60%{filter:invert(1);}
99%{filter:invert(0);transition:0.5s}
100%{filter:invert(1);}
}
.banner .banner-after-img{position:absolute;right:110px;bottom:0;z-index:0;}
.after-header{background:linear-gradient(90deg, #455560 58%, rgba(131, 120, 120, 1) 58%, #567f53 58%);}
.after-header *{color:#fff !important;}
.footer form img{position:absolute;right:0%;top:10px;animation:blinker 1s linear 0s infinite normal none running;}
@keyframes red-hover{0%{color:#000;}
100%{color:#455560;}
}
.slick-dots li button{background-color:#455560;width:10px;clip-path:circle();}
li.slick-active button{background-color:var(--yellow);}
.slick-dots li{width:10px;}
.sticky-slider a{display:block;width:100%;position:fixed;bottom:0;text-transform:uppercase;text-align:center;font-weight:600 !important;border:0px;cursor:pointer;color:#fff !important;padding:15px 0px 15px 0px;font-size:20px;margin:0 0 0 19px;border-radius:0;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;-ms-transition:all .1s linear;transition:all .1s linear;background:#0c267a;float:none;left:0;right:0;margin:auto;animation:blinkingText 1.2s infinite;z-index:1000;}
@keyframes blinkingText{0%{background:#da0d0b;color:#fff;}
100%, 49%{background:#092338;color:#fff;}
60%{background:#da0c0a;color:#fff;}
99%{background:#092338;}
}
.portfolio_box_img a figure img{width:100%;position:relative;top:0;transition:2s all;}
.portfolio_box_img a{width:100%;height:100%;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;position:relative;display:inline-block;}
.portfolio_box_img a figure{margin-bottom:0;height:500px;}
.logo_port .portfolio_box_img a:hover img{top:0;}
.logo_port .portfolio_box_img{height:auto;width:100%;}
.logo_port .portfolio_box_img a figure{height:auto;}
.logo_port .portfolio_box_img{border:3px solid #fff;}
.inner_port{background:var(--white);}
.card-box p{font-size:15px;}
.logo_port .portfolio_box_img a figure img{width:100%;}
.portfolio-grid-container img{width:95%;height:auto;border-radius:5px;}
.img_cta_two{}
.left-content-nwe h2{font-style:normal;font-weight:700;font-size:39.677px;text-transform:uppercase;color:#567f53;line-height:70px !important;}
.left-content-nwe ul{margin:0px;}
.yelllow_color{background:#567f53 !important;}
.white_bg{background-color:#fff !important;}
.text_btn_header_form{text-align:center;}
.header_btn_url{margin:15px 0 0 0 !important;padding:10px 0 0 0 !important;}
.left-content.text-white.left-content-nwe p{padding:0px !important;margin:0px;line-height:normal;}
.prefooter a{color:#fff;}

@media (min-width: 320px) and (max-width: 767px) {
.privacy-terms {
    text-align: center;
    margin: 10px;
}
.footer-social-box ul {
    display: flex;
    align-items: center;
    column-gap: 15px;
    transition: all 1s;
    padding-bottom: 0;
    padding: 0;
    justify-content: center;
    margin: 10px 0 0 0;
}
.col-sm-12.ftr-lst-cpy {
    flex-wrap: wrap;
    justify-content: center !important;
    display: table !important;
    align-items: center !important;
    margin: auto !important;
}
}
.col-sm-12.ftr-lst-cpy {
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
    align-items: center;
    margin: 10px
}
.footer-social-box ul {
    padding:  0 !important;
}
.copy-right p {
    font-size: 12px !important;
    font-weight: 400;
    margin: 0;
    color: #fff;
    font-family: 'Jost';
    margin-bottom: 8px !important;
}
.privacy-terms a {
    font-size: 14px !important;
}
.col-sm-12.ftr-lst-cpy {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.copy-right p {
    font-size: 14px !important;
    font-weight: 400;
    margin: 0;
    color: #fff;
    font-family: 'Jost';
}
section.copyright-section {
    padding: 0px 0;
    background-color: #000000;
}
.privacy-terms a {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin: 0 0 0 15px;
    font-family: 'Jost';
}
.footer-social-box ul {
    display: flex;
    align-items: center;
    column-gap: 15px;
    transition: all 1s;
    padding-bottom: 0;
    }
.footer-social-box ul li {
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    transition: all 1s;
}
.footer-social-box ul li i {
    margin: 5px 0 0 0;
    color: #000;
}
.footer-social-box ul li:hover {
    transform: translateY(-10px);
    background-color: #fff;
    color: #fff;
}
.footer-social-box ul li:hover i {
    color: #000;
}
.overlay-bg-new-popup {
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}
.float{
    text-align: center;
    position: fixed;
    width: 55px;
    height: 55px;
    bottom: 29px;
    left: 19px;
    background-color: #25d366;
     color: #fff; 
    border-radius: 50px;
    font-size: 30px;
    box-shadow: 2px 2px 20px #545454f2;
    z-index: 100;
}
.my-float{
    margin-top: 0;
    color: #fff;
    width: 30px;
    height: 100%;
}
.popupform-main-new-popup .close-btn {
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: transparent;
    border: 0;
    color: #567f53;
}
.pop-form-new-popp .submit-btn {
    font-size: 18px;
    width: 100%;
    padding: 15px 0px;
    background-color: #000000;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
    border: none;
    margin-top: 15px;
    width: 100%;
    margin: 10px 0 0 0px !important;
    font-weight: 700;
}
.close-btn {
    width: 45px;
    height: 45px;
    display: block;
    position: absolute;
    top: 18px;
    right: 0px;
    font-size: 18px;
    font-weight: 900;
    color: #fff;
    padding-top: 3px;
    text-align: center;
    border-radius: 50px;
    align-items: center;
    display: grid;
    z-index: 9;
}
.pop-box-2-new-pop img {
    box-shadow: 2px 2px 20px 9px #00000045;
    position: relative;
    left: 17px;
    z-index: 1;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.control-group input::placeholder {
    color: #9b7171;
}
.control-group textarea::placeholder {
	color: #9b7171;
}
.pop-form-new-popp .submit-btn {
    font-size: 18px;
    padding: 15px 0px;
    background: #fb2224;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
    border: none;
    margin-top: 15px;
    width: 100%;
}
.popupform-main-new-popup.active {
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.popupform-main-new-popup {position: fixed;background: #000c;top: 0;bottom: 0;left: 0;width: 100%;width: 100%;height: 100%;z-index: 9999;background-repeat: no-repeat;background-size: cover;}
.pop-form-new-popp.ta-center-new-pop {
    background: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 400px;
    height: 511px;
    border-radius: 0 23px 23px 0;
    position: relative;
}
.pop-box-2-new-pop{
	background:url('https://elitewritershub.com/assets-2/css/new-pop-bg-2.html');
}
.pop-box-2-new-pop span {
    color: #567f53;
    font-size: 33px;
    font-weight: 600;
    position: relative;
    top: -11px;
}
.pop-box-2-new-pop h3 {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
}
.pop-box-2-new-pop {
    background: transparent;
    height: auto;
    width: auto;
    text-align: center;
    padding: 0;
    background-size: cover;
    background-repeat: no-repeat;
}
.pop-form-new-popp.ta-center-new-pop {
	padding: 25px 15px 25px 36px;
}
.pop-form-new-popp.ta-center-new-pop h3 {
    color: #455560;
    font-size: 22px;
    line-height: 33px;
    text-align: center;
    margin: 0;
}
.popupform-main-new-popup {
    align-items: center;
    justify-content: center;
}
.pop-form-new-popp.ta-center-new-pop h3 span {
    font-weight: bold;
}
.pop-form-new-popp.ta-center-new-pop h5 {
    color: #455560;
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    padding: 5px 0 10px 0;
}
.pop-form-new-popp.ta-center-new-pop input {
    width: 100%;
    border-width: 1px;
    border-color: rgb(225, 225, 225);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    height: 42px;
    margin: 0 0 20px 0;
    padding: 0 0 0 10px;
}
input {
    outline: none;
}
.pop-form-new-popp.ta-center-new-pop textarea {
    width: 100%;
    border-width: 1px;
    border-color: rgb(225, 225, 225);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    height: 100px;
    margin: 0 0 15px 0;
    padding: 10px 5px 5px 10px;
}
.pop-form-new-popp.ta-center-new-pop button {
    border-radius: 5px;
    background-color: #567f53;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    display: table;
    margin: auto;
    padding: 9px 42px;
    width: auto;
    display: table;
    }
    .pop-form-new-popp.ta-center-new-pop input::placeholder {
    color: #000;
    }
    .pop-form-new-popp.ta-center-new-pop textarea::placeholder {
    color: #000;
    }
    .pop-box-2-new-pop {
    position: relative;
    margin-right: 3px;
    }
    .pop-form-new-popp .close-btn{/* display: none; */}
    .pop-form-new-popp.ta-center-new-pop h3 {
    margin: 0;
    }
    .popup-main-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    }
    @media (max-width:1366px) {
    .popup-main-box {
    transform: scale(0.9);
    }
    }
    @media (min-width:200px) and (max-width:767px) {
    .pop-box-2-new-pop {
    display: none;
    }
    .pop-form-new-popp.ta-center-new-pop {
    background: url(https://elitewritershub.com/assets-2/css/auto-pop-bg-2-mob.png);
    background-repeat: no-repeat;
    background-size: cover;
    }
    .pop-form-new-popp.ta-center-new-pop {
    width: 100%;
    height: auto;
    margin: 0px 10px;
    padding: 25px 0px;
    border-radius: 23px;
    }
    .pop-form-new-popp .close-btn {
    display: block;
    top: 5px;
    right: 0px;
    background: none;
    border: none;
    color: #567f53;
    }
    .pop-form-new-popp.ta-center-new-pop button {
    background: #567f53;
    }
    .pop-form-new-popp.ta-center-new-pop h3 {
    margin: 0 0 5px 0;
    }
    .pop-form-new-popp.ta-center-new-pop h3 span {
    color: #000;
    }
    .pop-form-new-popp.ta-center-new-pop h5 {
    color: #000;
    }
    }
    
    
    @media screen and (max-width: 768px) {
    .info-list {
        margin-top: 20px;
         margin-left: 30px;
    }
}