/*Write Css*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body,h1,h2,h3,h4,h5,h6,a,label,strong,span,li,input,textarea,button,p {
    font-family: "Montserrat", sans-serif !important;
}

.headerwrapper .header-style-01 {
    padding: 5px 0;
}

.services-thumb .tittle {
    color: #222 !important;
    font-size: 44px !important;
}

.services-thumb p {
    margin: 0 0 20px 0;
}

.services-thumb .box-ordered {
    text-align: center;
}

.services-thumb .box-icon-modern .box-icon-contents h4 {
    font-size: 18px;
}

.aboutArea .about-caption h1 {
    font-size: 44px;
    color: #222;
    margin: 0 0 10px 0;
}

.aboutArea .about-caption .about-cap-top {
    color: var(--light-color) !important;
}

.agency_work_area .agency_section__title h2 {
    color: #222 !important;
    font-size: 44px;
    margin: 0 0 20px 0;
    font-weight: 700;
}

.agency_work_area .agency_work__item .agency_work {height: 456px;margin: 0 0 20px 0;}

.cta_1 h1 {
    font-size: 44px !important;
}

.agency .header-top .header-info-left .listing .listItem .icon {
    color: #fff !important;
}

.header-top .header-info-right .header-cart a i {
    color: #222 !important;
}

.agency .footer-social .social {
    color: var(--button-color) !important;
}

.agency .singleContact .icon-wrap .icon {
    background: var(--button-color) !important;
}

.cta_1 p {
    color: var(--light-color) !important;
}

.cta_1 .btn-box .left-btn {
    background: var(--button-color) !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.testimonial-area .section-title h1 {
    font-size: 44px !important;
    font-weight: 700;
}

.agency_blog_area h2 {
    color: #222 !important;
    font-size: 44px !important;
    font-weight: 700 !important;
}

.agency_blog_area h2 span {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.contact-common .contact-left h2 {
    font-size: 44px !important;
    font-weight: 700;
}

.contact-common .contact-left span {
    color: #999 !important;
}

.contact-common .contact-left .contactthumb-title strong {
    color: #222;
}

.contact-common .contact_form form label {
    color: #222;
    font-weight: 600;
    font-size: 14px;
}

.contact-common .contact_form form input{
    color: #222 !important;
    font-weight: 600;
}

.contact-common .contact_form form input::placeholder{
    color: #222 !important;
}

.agency_copyright_area {
    padding: 10px 0 !important;
}

.agency_copyright_area p a {
    color: #fff !important;
    text-decoration: underline;
}

.services-thumb .box-icon-modern .box-icon-contents {
    background: #f1f1f1;
}

.agro_banner_temp2 .slider-items,
.agro_banner_temp2 .slider-items figure{
    margin-bottom: 0 !important;
}

.aboutCaption-global .tittle {
    color: #222 !important;
    margin-bottom: 20px !important;
}

.aboutCaption-global .mb-40 {
    margin: 0 !important;
}

.singleServices-global .eventCaption .tittle {
    color: #222 !important;
}

.singleServices-global .event-img img {
    height: 280px;
    object-fit: cover;
}

.singleServices-global .event-img {
    padding: 0 !important;
}

.singleServices-global .eventCaption h3 {
    width: 96%;
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;
}

.singleServices-global .btn-wrapper a:hover {
    color: var(--button-color) !important;
    border: 1px solid var(--button-color);
}

@media (max-width: 1400px){
    .cta-image img {
        object-fit: cover;
    }
}

@media (max-width: 1200px){
    .agency_work_area .agency_work__item .agency_work {
        height: 495px;
    }
}

@media (max-width: 992px){
    .agency_work_area .agency_work__item .agency_work {
        height: auto !important;
    }
}

@media (max-width: 768px){
    .aboutArea .section-tittle {
        margin: 0 0 0 0 !important;
    }
    .video-area {
        margin-bottom: 20px !important;
    }
    .agency_work_area .agency_section__title h2,
    .cta_1 h1,
    .testimonial-area .section-title h1,
    .agency_blog_area h2,
    .contact-common .contact-left h2{
        font-size: 31px !important;
    }
    
    .cta_1 .cta_1-txt {
        padding: 0 0 20px 0 !important;
    }

}

@media (max-width: 576px) {
    .agency_work_area .agency_section__title h2,
    .cta_1 h1,
    .testimonial-area .section-title h1,
    .agency_blog_area h2,
    .contact-common .contact-left h2{
        font-size: 24px !important;
    }
    
    .agency_blog__contents__title,
    .agency_work_area .agency_work .agency_work__contents h4,
    .footer-widget .footerTittle{
        font-size: 18px !important;
    }
    
    .agency_footer_area ul li a {
        font-size: 14px !important;
    }
    
    .aboutArea .about-caption .about-thumbnails {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
    }
    
    .agency_copyright_area p {
        font-size: 13px !important;
    }
    
}