body{margin:0;padding:0;background:#FFF;font-family:'General Sans',sans-serif;overflow-x:hidden}
html{padding:0;margin:0;overflow-x:hidden}
.container{max-width:1470px;padding:0 15px}

@media (min-width: 1400px) {
.left-panel .container{max-width:80%}
.items-total .text{font-size:25px}
.headings h2,.left-panel h1,.clients .headings h2,.latest-headings h2{font-size:35px}
.questions p,.latest-headings h4{font-size:25px}
.answer p,.headings p,.description p,.read-more-content p,.left-panel p,.details h6,.details p{font-size:15px}
.quote-right,.quote-left{font-size:43px}
}

@media only screen and (max-width: 1170.98px) {
.quote-right,.quote-left{font-size:40px;line-height:50px}
.quote-right em{margin-right:20px}
.quote-left em{margin-left:20px}
}

@media only screen and (max-width: 991.98px) {
#menu{position:fixed;width:250px;height:100vh;margin:0;padding:50px;padding-top:97px;right:0;background:#ededed;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0 0;transform:translate(100%,0);overflow-x:hidden;transition:transform .5s cubic-bezier(0.77,0.2,0.05,1.0);top:0}
.items-total .text{font-size:18px}
.headings h2,.left-panel h1,.clients .headings h2,.latest-headings h2{font-size:30px}
.questions p,.latest-headings h4{font-size:20px}
.answer p,.headings p,.description p,.read-more-content p,.left-panel p,.details h6,.details p,#menu li{font-size:15px}
.quote-right,.quote-left{font-size:43px}
.solutions{padding:20px 0}
.str img{width:100%}
.sub{justify-content:center}
.what-we-do{padding:30px 0}
.quote{padding:0 0 30px}
.str-gap,.profile-section,.latest{margin-bottom:30px}
.classic-btn{margin-top:30px}
.classic-btn a{width:150px;padding:10px 0}
.left-panel .container{width:80%}
.container{max-width:90%}
.clients{margin:40px 0}
#client{padding-top:30px}
.contact .latest-headings,.contact{margin-bottom:30px}
.form-control{border:none;padding:0;margin:40px 0}
.questions p{margin-bottom:1rem}
.questions p,.answer p{padding-bottom:20px}
.dis{display:none}
.en{display:block}
.left-panel .inner{max-width:100%;padding:0 15px}
#video-slider .owl-stage { padding: 0 !important; }
.play-image i{font-size: 90px;}
.solutions{margin-top: 100px;}
p:last-child{margin-bottom: 0;}
.what-we-do .headings h2 { margin-bottom: 25px; }
}

@media only screen and (max-width: 767.98px) {
.profile-section{display:flex;flex-direction:column-reverse}
.quote-right,.quote-left{font-size:34px}
.left-panel .container{width:90%}
.left-panel{padding:30px 0}
#button{margin:30px}
.items-total{gap:5px}
.items-total .text,.items-total > div{font-size:16px!important;white-space:nowrap}
.video-pop .modal-body{padding:5px;line-height:0}
.latest{padding:40px 0}
.profile-image{border-radius:0}
.banner .container{max-width:unset}
.classic-btn a{font-size: 15px;}
}

@media only screen and (max-width: 767.98px) {
.latest h4 { font-size: 20px !important; line-height: 24px !important; margin-top: 40px; margin-bottom: 0; }
.items-total .text{font-size:16px}
.headings h2,.left-panel h1,.clients .headings h2,.latest-headings h2{font-size:24px}
.questions p,.latest-headings h4{font-size:16px; line-height: 20px;}
.answer p,.headings p,.description p,.read-more-content p,.left-panel p,.details h6,.details p{font-size:14px}
.quote-right,.quote-left{font-size:25px}
.questions p{text-align:left}
.play-image img{margin-bottom:18px}
.questions p,.answer p{padding-bottom:0}
.questions p{text-align:left}
.play-image img{margin-bottom:20px}
.items-total{position:relative;z-index:-1}
.contact .latest-headings,.contact{margin-bottom:20px}
.headings p{line-height:20px}
.logo{max-width:115px}
#menuToggle{top:36px;right:30px}
.items-total .text,.items-total > div{font-size:12px!important;}
.latest-headings h2{font-size:25px; line-height: 34px;}
.latest-headings h4{font-size:24px}
.latest-headings h2{margin-bottom:10px}
.copyright-text p{text-align:center;font-size:13px}
.banner-image img{height:220px;object-fit:cover}
.img-contact.hide-m{display:none}
.img-contact-mobile.d-none{display:block!important;margin:0 0 25px}
.form-control{margin:20px 0}
#contact .row > div{padding:0 15px}
.quote-right em img,.quote-left em img{width:33px}
.quote-right em{margin-right:15px}
.quote-left em{margin-left:15px}
.quote-right,.quote-left{line-height:28px;font-size:18px}
.headings p{line-height:20px}
.quote .container { max-width: 400px; }
#about .col:nth-child(2) { margin: 15px 0 0 0 !important; }
#contact .details h6 { margin: 0 0 5px; } 
.clients { margin: 15px 0 25px; }
#client { padding-top: 0; }

#button-top { width: 42px; height: 42px; right: 20px; }
#button-top::after { font-size: 1em; line-height: 42px; }
}

@media only screen and (max-width: 480.98px) {
    .quote-right, .quote-left { line-height: 26px; font-size: 16px; }
    .quote-right em img, .quote-left em img { width: 22px; }
    .quote-right em { margin-right: 4px; }
    .quote-left em { margin-left: 4px;}
    .play-image i{font-size: 60px;}
}

@media only screen and (max-width: 340.98px) {
    .quote-right, .quote-left { line-height: 26px; font-size: 14px; }
}