:root {
    --main-color: #FF0069;
    --dark-blue: #393F4A;
    --heading-color: #393F4A;
    --text-color: #1E1E1E;
    --white-color: #fff;
    --black-color: #000;
    --main-font: "Inter", sans-serif;
    --heading-font: "Inter", sans-serif;
    --button-font: "Inter", sans-serif;
  }
  
@media (min-width:1900px) {
    .container {
        max-width: 1500px;
    }
}

@media (max-width:1600px) {
    .logo a {
        width: 174px;
    }
    .logo_bg_left {
        width: 230px;
    }


}


@media (max-width:1440px) {
    
    #cssmenu>ul>li>a {
        padding: 27px 10px;
        font-size: 14px;
    }
    .slide .slide__content {
        width: 35%;
    }
    .heading_hp h2 {
        font-size: 40px;
        margin-bottom: 30px;
    }
    .slide .slide__content--headings .title {
        font-size: 50px;
    }
    .lets_work_img {
        width: 33%;
        right: 110px;
    }
    .footer_sec ul li a {
        font-size: 13px;
    }
    .slide .slide__img {
        width: 53%;
    }
    .img_not_hover h4{
        font-size: 25px;
    }
}

@media (max-width:1366px) {
    .img_not_hover{
        padding: 25px;
    }
}

@media (max-width:1280px) {

    #cssmenu>ul>li>a {
        padding: 23px 7px;
    }
    .heading_hp h2 {
        font-size: 40px;
    }
}

@media (max-width:1199.98px) {
    .logo a {
        width: 130px;
    }
}

@media (max-width:1024px) {
   #cssmenu>ul>li.active>a:after {
    bottom: 50%;
    left: 0;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: var(--main-color);
    border-bottom-color: transparent;
    transform: translate(0%, 50%);
   }
    .slide .slide__content--headings .title {
        font-size: 30px;
    }
}

@media (max-width:991px) {
    #cssmenu>ul>li>a {
        color: var(--text-color);
    }
    .about_sec {
        padding: 50px 0;
    }
    .heading_hp h2 {
        font-size: 30px;
    }
    .why_us_bg {
        width: 50%;
        height: 30%;
    }
    .why_us_img {
        height: 300px;
    }
    .why_us_img img{
        height: 100%;
        object-fit: contain;
    }
    

}

@media (max-width:768px) {
    .lets_work_img{
        display: none;
    }
}

@media (max-width:767px) {
    .logo a {
        width: 109px;
        top: 0;
        left: 0;
    }
    .slide .slide__content {
        width: 90%;
    }
    .heading_hp p {
        font-size: 15px;
        margin-bottom: 20px;
    }
    .social_banner{
        display: none;
    }
    .slide .slide__img:before {
        height: 100%;
        background: linear-gradient(180deg, rgb(0 0 0 / 45%), transparent);
    }
    .hover_effect_box{
        display: block;
        height: auto;
    }
    .img_not_hover h4 {
        writing-mode: unset;
    }
    .box > img{
        width: 100%;
    }
    .box:hover > img {
        width: auto;
        height: 100%;
    }
    .img_not_hover{
        padding: 20px;
    }
    .img_hover_ul{
        padding: 20px;
        display: none;
    }
    .box:hover .img_hover_ul{
        display: block;
    }
    .footer_sec ul {
        display: block;
        column-count: 2;
    }
    .testimonial_padding {
        padding: 0 0px;
    }
    .testimonial_text p {
        font-size: 15px;
    }
    .mrgn_top .col:nth-child(2) {
        margin-top: 0px;
    }
    .mrgn_top .col:nth-child(3) {
        margin-top: 0px;
    }
    .industries_sec {
        padding: 50px 0 0;
    }
    .heading_hp h2 {
        font-size: 25px;
    }
    .step_box h4 {
        font-size: 20px;
    }
    .img_not_hover h4 {
        font-size:20px;
    }
}

@media (max-width:375.98px) {
}