@media only screen and (max-width: 1920px) {
    .long_input textarea {
        font-size: 2.3rem;
    }
    button.btn span {
       font-size: 1.5rem;
       left: 41.5%;
    }

    /* our brand */
    .our_philosophy::before {
        height: 14rem;
    }

    .first_heart {
        top: 7rem;
    }

    .sec_heart {
        top: 10rem;
    }

    .third_heart {
        top: 13rem;
    }
    /* OUR REEL SECTION */
    .our_reels {
        margin-bottom: 5rem;
    }

    /* PHILOSOPHY IMG SECTION */
    .tnn_img {
        height: 40vh;
        width: 100vw;
    }

    .costomer_section .special .heart_full {
        left: 97%;
    }

    /* contact */
    .get_touch_left img {
        width: 30%;
        height: 30%;
        background-color: white;
        border: 5px solid #ef6d9f;
    }


}

@media only screen and (max-width: 1900px) {

    .qr_img img {
        text-align: center;
        transform: translate(115%, 50%) !important;
        position: relative;
        width: 200px;
        height: 200px;
        top: -5rem;
        left: 5.5rem;
        border: 4px solid #ef6d9f;
    }

    .about_img img {
        /* width: 250px;
        height: 250px;
        display: flex;
        border-radius: 100%;
        transform: translateX(15%); */
    }
}

@media only screen and (max-width: 1800px) {

    /* our brand */
    /* .our_philosophy::before {
        height: 16rem;
    }

    .first_heart {
        top: 9rem;
    }

    .sec_heart {
        top: 12rem;
    }

    .third_heart {
        top: 15rem;
    } */

    .qr_img img {
        text-align: center;
        transform: translate(100%, 50%) !important;
        position: relative;
        width: 200px;
        height: 200px;
        top: -5rem;
        left: 5.5rem;
        border: 4px solid #ef6d9f;
    }

}

@media only screen and (max-width: 1600px) {
    .achieve_img {
        margin-top: -1rem;
    }
    .brand_img{
        margin-left: -0.8rem;
    }

    .qr_img img {
        text-align: center;
        transform: translate(80%, 50%) !important;
        position: relative;
        width: 200px;
        height: 200px;
        top: -5rem;
        left: 5.5rem;
        border: 4px solid #ef6d9f;
    }
}

@media only screen and (max-width: 1450px) {

    /* our brand */
        .our_philosophy::before {
            height: 16rem;
        }

    .first_heart {
        top: 8rem;
    }

    .sec_heart {
        top: 11rem;
    }

    .third_heart {
        top: 14rem;
    }
    .get_touch_left img {
        width: 40%;
        height: 30%;
        background-color: white;
        border: 5px solid #ef6d9f;
    }

    /* .get_touch_left h1 {
        font-size: 3rem;
        font-weight: 500;
    } */

    .about_img img {
        /* width: 250px;
        height: 250px;
        display: flex;
        border-radius: 100%;
        transform: translateX(0%); */
    }

}

@media only screen and (max-width: 1410px) {

    .qr_img img {
        text-align: center;
        transform: translate(60%, 50%) !important;
        position: relative;
        width: 200px;
        height: 200px;
        top: -5rem;
        left: 5.5rem;
        border: 4px solid #ef6d9f;
    }
}

@media only screen and (max-width: 1401px) {
    .qr_img img {
        text-align: center;
        transform: translate(60%, 50%) !important;
        position: relative;
        width: 200px;
        height: 200px;
        top: -5rem;
        left: 5.5rem;
        border: 4px solid #ef6d9f;
    }

}

@media only screen and (max-width: 1400px) {
    .achieve_img {
        margin-top: -0rem;
    }
    /* our brand */

    .qr_img img {
        text-align: center;
        transform: translate(50%, 50%) !important;
        position: relative;
        width: 200px;
        height: 200px;
        top: -5rem;
        left: 5.5rem;
        border: 4px solid #ef6d9f;
    }
}

/* ==================== */
@media only screen and (max-width: 1390px) {

    .qr_img img {
        text-align: center;
        transform: translate(55%, 50%) !important;
        position: relative;
        width: 200px;
        height: 200px;
        top: -5rem;
        left: 5.5rem;
        border: 4px solid #ef6d9f;
    }

    .tnn_img {
        height: 70vh;
        width: 100vw;
    }
}

@media only screen and (max-width: 1380px) {

    .qr_img img {
        text-align: center;
        transform: translate(55%, 50%) !important;
        position: relative;
        width: 200px;
        height: 200px;
        top: -5rem;
        left: 5.5rem;
        border: 4px solid #ef6d9f;
    }
}

@media only screen and (max-width: 1370px) {


    .qr_img img {
        text-align: center;
        transform: translate(55%, 50%) !important;
        position: relative;
        width: 200px;
        height: 200px;
        top: -5rem;
        left: 5.5rem;
        border: 4px solid #ef6d9f;
    }
}

@media only screen and (max-width: 1350px) {


    .qr_img img {
        text-align: center;
        transform: translate(45%, 50%) !important;
        position: relative;
        width: 200px;
        height: 200px;
        top: -5rem;
        left: 5.5rem;
        border: 4px solid #ef6d9f;
    }
}

@media only screen and (max-width: 1300px) {

    .qr_img img {
        text-align: center;
        transform: translate(45%, 50%) !important;
        position: relative;
        width: 200px;
        height: 200px;
        top: -5rem;
        left: 5.5rem;
        border: 4px solid #ef6d9f;
    }
}

/* ===================== */

@media (max-width:1240px) {
    .long_input textarea {
        font-size: 2rem;
    }
    .our_philosophy::before {
        height: 19rem;
    }
    .first_heart {
        top: 9rem;
    }
    .sec_heart {
        top: 13rem;
    }
    .third_heart {
        top: 17rem;
    }
    .costomer_section .special .heart_full {
        left: 96%;
    }

    /* our brand */
    .get_touch_left h1 {
        font-size: 4rem;
    }

    .tnn_img {
        height: 40vh;
        width: 100vw;
    }

}

@media (max-width:1200px) {
    .our_philosophy::before {
        height: 21rem;
    }
    .first_heart {
        top: 10rem;
    }
    .sec_heart {
        top: 14.5rem;
    }
    .third_heart {
        top: 19rem;
    }
    .achieve_img {
        margin-top: -0rem;
    }

    .qr_img img {
        text-align: center;
        transform: translate(35%, 50%) !important;
        position: relative;
    }

}

@media (max-width:1024px) { 
    .achieve_img h1, .brand_img h1 {
        line-height: 1;
        margin-top: 1.2rem;
    }
    .about-wrapper{
        transform:translateY(20%);
    }
    .long_input textarea {
        font-size: 1.7rem;
    }
    .pratik_info h6 {
        font-size: 0.9rem;
    }
    .input_third form .inputBox input {
        font-size: 1.6rem;
    }

    .costomer_section .special .heart_full {
        left: 95%;
    }

    /* our reel */
    .memory_para {
        padding-right: 0rem;
    }

    .our_text h1 {
        font-size: 3.8rem;
    }

    .special {
        margin-right: 3%;
    }

    .tnn_img {
        height: 20vh;
        width: 100vw;
    }

    .home img {
        padding-top: 3rem;
    }

    /* .get_touch_left h1 {
        font-size: 2.3rem;
    } */

    .get_touch_left p {
        font-size: 1.1rem;
    }
    .red_border {
        padding-top: 1.7rem;
    }
    .customer-logos .slide {
        padding: 2rem 0;
    }
    .costomer_section .special .heart_full {
        bottom: -3.5%;
    }
    .why_info {
        padding-left: 0rem;
        padding-bottom: 3rem;
        margin: 0 3rem;
    }


    .why_info h3 {
        font-size: 1.3rem;
    }

}

@media (max-width:991px) {
    .about-wrapper{
        transform:translateY(30%);
        margin-left: 0.1rem;
    }
   
    .about_img img {
        width: 16rem;
        height: 16rem;
    }
    .get_touch_left h1 {
        font-size: 3.5rem;
    }
    .get_touch_left img {
        width: 45%;
        background-color: white;
        border: 5px solid #ef6d9f;
    }
    
    .box h2 {
        margin: 0 1rem;
    }

    .box .heart {
        width: 35px;
        height: 35px;
    }

    .input_first form,
    .input_second form {
        margin: auto 3rem;
    }

    .long_input textarea {
        width: 95%;
        font-size: 1.5rem;
        padding-left: 6rem;
        padding-right: 6rem;
    }

    .input_third form {
        margin: 0 1rem;
    }

    .tnn_img {
        height: 40vh;
    }

    .costomer_third_wrapper h2 {
        font-size: 1.8rem;
    }


    .animation .special {
        margin-left: 0rem;
        margin-right: 5%;
    }


    .qr_img img {
        text-align: center;
        transform: translate(40%, 30%);
        position: relative;
        top: 1.6rem;
        left: 0rem;
    }

    .qr {
        text-align: center;
        margin-top: 0rem;
    }

    .qr h3 {
        position: relative;
        top: -16rem;
    }
    .our_text h1 {
        font-size: 3.5rem;
    }

    .memory_para {
        position: relative;
        z-index: 99;
    }

    .qr_img img {

        transform: translate(50%, 30%) !important;
    }


    .heart {
        width: 25px;
        height: 25px;
    }

}

@media (max-width:820px) {
    .brand_img {
        margin-left: -1.8rem;
    }
    .achieve_img h1, .brand_img h1 {
        font-size: 3rem;
        margin-top: 1.4rem;
    }
    .about-wrapper{
        transform:translateY(45%);
    }
    .pratik_info h6 {
        font-size: 0.7rem;
    }
    .get_touch_left h1 {
        font-size: 3.5rem;
    }
    .get_touch_left img {
        width: 50%;
        background-color: white;
        border: 5px solid #ef6d9f;
    }
    .archiev {
        margin-top: 1rem;
    }
    .our_brand {
        margin-top: 4rem;
    }

    /* our brand */
    .red_border {
        padding-top: 1.5rem;
        padding-right: 0;
    }

    .our_text {
        top: -3rem;
    }

    .our_text h1 {
        font-size: 2.8rem;
    }

    .our_philosophy::before {
        height: 20rem;
    }

    .first_heart {
        top: 10rem;
    }

    .sec_heart {
        top: 15rem;
    }

    .third_heart {
        top: 19rem;
    }

    .costomer_section {
        padding-left: 0rem;
    }

    .tnn_img {
        height: 45vh;
    }

    .not_special {
        margin-left: 1rem;
        padding-left: 1rem;
        padding-bottom: 2rem;
    }

    .costomer_section .special {
        margin-left: 1rem;
        right: -2rem;
    }

    .customer-logos {
        margin-bottom: 0rem;
    }

    .costomer_third_wrapper .customer-logos {
        padding-top: 1rem;
    }


    .customer-logos {
        margin-bottom: 0rem;
    }

    .customer-logos .slide {
        padding: 2rem 0;
    }

    .costomer_section .special .heart_full {
        left: 94%;
        bottom: -4%;
    }
    .about_border {
        margin-left: 1rem;
    }

    .about {
        margin-bottom: 2rem;
    }

    .why_us {
        padding-top: 2rem;
    }

    .why_border {
        margin-left: 1rem;
    }

    .why_us h1 {
        margin-bottom: 0rem;
    }

    .why_info {
        margin: 0 1rem;
    }

    .qr_img img {
        transform: translate(40%, 25%) !important;
    }
}

@media (max-width:768px) {
    .brand_img {
        margin-left: -3.8rem;
    }
    .about-wrapper{
       margin-left: 0.8rem;
    }
    .about-wrapper{
        transform:translateY(50%);
    }
  
    .our_text {
        top: -2rem;
    }

    .our_text h1 {
        font-size: 2.5rem;
    }

    .our_text h2 {
        font-size: 1rem;
    }

    .costomer_third_wrapper h2 {
        font-size: 1.6rem;
    }
    .tnn_img {
        height: 20vh;
        padding: 0;
    }

    .costomer_section {
        padding: 3rem 0rem;
    }

    .costomer_section .special .heart_full {
        left: 92%;
    }


    .costomer_section .special {
        margin-left: 3rem;
    }

    .costomer_section .special:before {
        left: -4rem;
    }

    .costomer_section .special .heart_full {
        left: 88%;
    }

    /* home */
    video {
        width: 100%;
        height: auto;
        margin-top: 5rem;
    }

    .about_border {
        margin-left: 0rem;
        margin-right: 5%;
        border-bottom-left-radius: 25px;
        position: relative;
    }

    .para {
        margin-bottom: 0rem;
    }


    .para p {
        font-size: 1.3rem;
    }

    .about {
        margin-top: 5rem;
        margin-bottom: 3rem;
    }

    #philosophy .about_border {
        margin-right: 5%;
    }


    .special {
        margin-left: 0rem;
        margin-right: 3%;
    }

    .about h6 {
        margin-bottom: 1rem;
    }

    .why_border {
        margin-left: 0rem;
        margin-right: 5%;
    }

    .why_us {
        padding-top: 2rem;
    }

    .why_info {
        padding-left: 1rem;
        padding-bottom: 10rem;
        margin: 0 2rem;
    }


    .about-info p {
        padding-left: 0;
    }

    .why_info {
        padding-left: 1rem;
        padding-bottom: 1rem;
    }

}

@media (max-width:640px) {
    .reel_img {
        width: 29px;
        height: 29px;
    }
    .about-wrapper{
        transform:translateY(25%);
    }
    .red_border {
        padding-top: 1rem;
    }
    .about-info p {
        font-size: 0.7rem;
        margin-bottom: 0.5rem;
    }
    .tnn_img {
        height: 35vh;
        padding: 0;
        margin-top: 3rem;
    }
    .pratik_info h6 {
        font-size: 0.6rem;
    }
    .about_img img {
        width: 12rem;
        height: 12rem;
    }
    .about_you {
        padding-top: 5rem;
    }
    .header_wrapper .navbar {
        padding: 1rem 0;
        padding-right: 0.5rem;
    }
    .header_wrapper .nav-item {
        margin: 0 5px;
    }
    
    .header_wrapper .nav-item .nav-link {
        font-size: 12px;
    }
    
    h2 span {
        font-size: 1.5rem;
    }
    button.btn span {
        font-size: 1.2rem;
        left: 43%;
    }

    .input_first form,
    .input_second form {
        margin: auto 2rem;
    }

    .long_input textarea {
        padding: 10px 7px 7px;
        font-size: 1rem;
        padding-left: 4rem;
        padding-right: 4rem;
        width: 90%;
    }

    .input_third form .inputBox input {
        font-size: 1.3rem;
        width: 75%;
        letter-spacing: 1px;
        word-spacing: 2px;
    }

    .hrart_btn {
        width: 25%;
        height: 25%;
    }

    .inputBox input {
        /* padding: 15px 7px 7px; */
        font-size: 0.7rem;
    }

    .about_img img {
        /* width: 200px;
        height: 200px; */
    }

    .sec_heart {
        top: 14.5rem;
    }

    .memory_para {
        line-height: 1.5;
        margin-left: -3rem;
    }

    .our_brand {
        margin-top: 2rem;
    }

    .red_border {
        margin-left: 2rem;
        margin-right: 1rem;
    }

    .our_text h1 {
        font-size: 2rem;
    }


    .archiev p {
        font-size: 1rem;
    }

    .costomer_section .special .heart_full {
        left: 85%;
        bottom: -5%;
    }


    .costomer_third_wrapper h2 {
        font-size: 1.3rem;
    }

    .reel_h3 {
        font-size: 1.9rem;
    }


    .reel_h1 {
        font-size: 3.2rem;
        margin-top: -0.5rem;
    }
    .why_us h1 {
        font-size: 2.5rem;
        margin-bottom: 2rem;
    }

    .why_info {
        padding-left: 0rem;
        padding-bottom: 2rem;
        margin: 0 1rem;
    }

    .why_border {
        margin-left: 0rem;
        margin-right: 6%;
    }

    .why_us {
        height: auto;
        padding-top: 2rem;
    }

    .brand_h1 h1 {
        font-size: 2.1rem;
    }

    .archiev h5 {
        font-size: 1.3rem;
    }

    .archiev {
        padding-top: 5rem;
    }
    .get_touch_left h1 {
        font-size: 3rem;
    }

    .get_touch_left p {
        font-size: 1rem;
    }

    .social_icon img {
        height: 3rem;
        width: 3rem;
    }

    .social_icon p {
        left: 4rem;
        top: 0.5rem;
        font-size: 0.9rem;
    }

    .email_info a {
        font-size: 0.9rem;
    }
}

@media (max-width:500px) {
    .achieve_img img, .brand_img img {
        width: 8rem;
        height: 8rem;
    }
    .reel_img {
        width: 23px;
        height: 23px;
    }
    .achieve_img h1, .brand_img h1 {
        font-size: 2rem;
        margin-top: 1rem;
        line-height: 1.2;
    }
    .brand_img {
        margin-left: -4rem;
    }
    .about-wrapper{
        transform:translateY(20%);
    }
    .long_input textarea {
        width: 92%;
    }
    .input_first form, .input_second form {
        margin: auto 1rem;
    }
    .input_first form .inputBox, .input_second form .inputBox {
        margin-left: 0rem;
    }
    .about {
        margin-bottom: 2rem;
    }
    .our_brand {
        margin-bottom: 2rem;
        padding-top: 2rem;
    }
    
    .pratik_info h6 {
        font-size: 0.4rem;
    }
    .about_img img {
        width: 10rem;
        height: 10rem;
    }
    .get_touch_left h1 {
        font-size: 2.5rem;
        line-height: 1;
        letter-spacing: 1px;
    }
    .archiev {
        margin-top: 0.1rem;
    }
    .archiev p {
        font-size: 0.8rem;
        line-height: 1.4;
        margin-bottom: 0.5rem;
    }
    .about_you {
        padding-top: 4rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .our_brand {
        margin-top: 1rem;
    }
    .home img {
        padding-top: 2rem;
    }
    .header_wrapper .navbar {
        padding: 0.5rem 0;
    }
    .header_wrapper .nav-item {
        margin: 0 7px;
    }
    .header_wrapper .navbar {
        justify-content: center;
    }
    
    .contact {
        padding-top: 4rem;
    }
    .footer p {
        padding: 0.3rem 0;
        font-size: 0.9rem;
    }
    .about p {
        margin-bottom: 0.4rem;
        word-spacing: 1px;
        line-height: 1.6;
        font-size: 0.6rem;
    }
    .box h1 {
        font-size: 3rem;
    }

    h2 span {
        font-size: 1.4rem;
    }

    .box .heart {
        width: 30px;
        height: 30px;
    }

    .long_input textarea {
        font-size: 1rem;
    }

    .input_third form .inputBox input {
        font-size: 1.1rem;
    }

    .founder {
        font-size: 1rem;
    }

    .pratik_info h3 {
        font-size: 0.9rem;
    }

    .our_text {
        top: -1.8rem;
    }

    .red_border {
        margin-left: 1.3rem;
        padding-top: 1rem;
    }

    .our_philosophy::before {
        height: 12rem;
    }

    .red_border img {
        width: 25px;
        height: 25px;
    }

    .first_heart {
        top: 5rem;
        left: -2.5%;
    }

    .sec_heart {
        top: 8rem;
        left: -2.5%;
    }

    .third_heart {
        top: 11rem;
        left: -2.5%;
    }

    .our_text h1 {
        font-size: 1.5rem;
    }
    .our_brand p{
        margin-left: -2rem;
    }

    .memory_para {
        font-size: 0.7rem;
    }

    .animation .special:before {
        left: 0rem;
    }

    .reel_container {
        margin: 0 0.5rem;
        padding: 2rem;
        padding-top: 5rem;
    }

    .reel_h3 {
        font-size: 1.5rem;
    }

    .reel_h1 {
        font-size: 2.5rem;
    }

    .our_reels {
        margin-right: 2rem;
        margin-left: 2rem;
    }

    .tnn_img {
        height: 28vh;
        margin-top: 2rem;
    }

    .not_special {
        margin-left: 0rem;
        margin-top: 0rem;
    }

    .archiev h5:nth-child(1) {
        margin-top: 0rem;
    }

    .archiev h5 {
        font-size: 1rem;
    }

    /* .archiev p {
        font-size: 0.9rem;
    } */

    /* slider */
    .costomer_section .special {
        margin-left: 2rem;
    }

    .costomer_section .special .heart_full {
        bottom: -4%;
        left: 83%;
    }

    .brand_h1 h1 {
        font-size: 1.8rem;
    }

    .special {
        margin-left: 1rem;
        margin-right: 5%;
    }

    /* .get_touch_left h1 {
        font-size: 1.6rem;
    } */

    .get_touch_left p {
        font-size: 0.9rem;
    }
}

@media (max-width:428px) {
    .brand_img {
        margin-left: -4.5rem;
    }
    .about_img img {
        width: 8rem;
        height: 8rem;
    }
    .get_touch_left h1 {
        font-size: 2rem;
    }
    .get_touch_left img {
        width: 70%;
        background-color: white;
        border: 5px solid #ef6d9f;
    }
    .archiev p {
        font-size: 0.7rem;
        line-height: 1.3;
    }
    .archiev h5 {
        font-size: 0.9rem;
        line-height: 1;
    }
    .achieve_img, .heart_h1 {
        margin-bottom: 1.3rem;
    }
    .about {
        margin-top: 4rem;
    }
    .header_wrapper .nav-item .nav-link {
        font-size: 9px;
    }
    .about p {
        margin-bottom: 0.3rem;
        line-height: 1.5;
        font-size: 0.6rem;
    }
    .box h1 {
        font-size: 3rem;
    }
    .heart_full {
        left: 99%;
    }
    .why_us h1 {
        font-size: 2.3rem;
        margin-bottom: 1.5rem;
    }
    /* .get_touch_left h1 {
        font-size: 1.4rem;
    } */
    .get_touch_left p {
        font-size: 0.8rem;
    }
    .email_right h5 {
        font-size: 1.15rem;
    }
    .social_icon img {
        height: 2.5rem;
        width: 2.5rem;
    }
    .social_icon p {
        left: 3rem;
        font-size: 0.8rem;
    }
    .email_info h5{
        font-size: 1.10rem;
    }
    .email_info a{
        font-size: 0.8rem;
    }
    button.btn span {
        left: 43%;
        font-size: 1rem;
    }   
    .costomer_section .special .heart_full {
        bottom: -5%;
    }
    .heart_great {
        bottom: 1.2rem;
        left: 99%;
    }

    .box h2 {
        margin: 0 0.5rem;
        padding: 0.5rem 0;
        border-radius: 10px;
    }

    h2 span {
        font-size: 1.2rem;
    }

    .input_first form,
    .input_second form {
        margin: auto 1rem;
    }

    .input_first form .inputBox,
    .input_second form .inputBox {
        margin-left: 0rem;

    }
    .inputBox input {
        font-size: 0.6rem;
    }
    .long_input textarea {
        font-size: 0.8rem;
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
    .input_third form .inputBox {
        border-radius: 15px;
    }
    .input_third form .inputBox input {
        font-size: 0.9rem;
    }
    button.btn span {
        left: 43%;
    }
    .pratik_info h3 {
        font-size: 0.8rem;
    }
    .about h6 {
        font-size: 0.3rem;
        letter-spacing: 0.5px;
    }

    .about-info p {
        font-size: 0.5rem;
        margin-left: -1rem;
    }

    .red_border {
        margin-left: 1rem;
        padding-top: 0.7rem;
        margin-right: 0.5rem;
    }
    .first_heart {
        left: -2.9%;
    }
    .sec_heart {
        left: -2.9%;
    }

    .third_heart {
        top: 11rem;
        left: -2.9%;
    }

    .our-text {
        top: -3%;
    }

    .tnn_img {
        height: 25vh;
    }

    .costomer_wrapper h2 {
        font-size: 1.3rem;
    }

    .costomer_third_wrapper h2 {
        font-size: 1.2rem;
    }

    .costomer_section .special .heart_full {
        left: 80%;
    }

    .brand_h1 h1 {
        font-size: 1.5rem;
    }

    .costomer_third_wrapper h2 {
        padding: 0 0 1.2rem;
    }

    .achieve_img,
    .heart_h1 .row>* {
        padding-right: calc(var(--bs-gutter-x) * .0);
        padding-left: calc(var(--bs-gutter-x) * .0);
    }

}

@media (max-width:425px) {
    h2 span {
        font-size: 1.1rem;
    }

    .why_us h3 {
        font-size: 1rem;
    }

    .costomer_wrapper h2 img {
        margin-left: -1rem;
        padding-right: 0;
    }


    .costomer_third_wrapper h2 {
        font-size: 1rem;
    }

    /* .tnn_img {
        height: 28vh;
    } */

}

@media (max-width:414px) {
    .input_first form, .input_second form {
        margin: auto 0.5rem;
    }
    .archiev {
        padding-top: 3rem;
        margin-top: 0;
    }
    .achieve_img img, .brand_img img {
        width: 6rem;
        height: 6rem;
    }
    .achieve_img h1, .brand_img h1 {
        font-size: 1.6rem;
        margin-top: 0.8rem;
        line-height: 1.2;
    }
    .our_text h1 {
        font-size: 1.4rem;
    }
    .about_img img {
        width: 7rem;
        height: 7rem;
    }
    .long_input textarea {
        font-size: 0.8rem;
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .achieve_img, .heart_h1 {
        margin-bottom: 0.8rem;
    }
    .archiev p {
        font-size: 0.6rem;
    }
    .head_line small {
        font-size: 0.6rem;
    }
    .tnn_img {
        height: 13vh;
    }
    .about-info p {
        font-size: 0.5rem;
    }
    .why_us h1 {
        font-size: 2.2rem;
    }
    .email_right h5 {
        font-size: 1.14rem;
    }
    .email_info {
        margin-top: 0.5rem;
    }

    section .heart_full {
        left: 95%;
    }

    section:hover .heart_full {
        left: 95%;
    }

    .heart_full {
        left: 95%;
    }

    .customer-logos {
        margin-left: -1rem;
    }

    .social_icon img {
        height: 2.5rem;
        width: 2.5rem;
    }

    .available {
        margin-bottom: 1rem;
    }

    .social_icon p {
        left: 3rem;
    }

    .email_info {
        margin-top: 0rem;
    }
    .input_third form .inputBox input {
        font-size: 0.8rem;
    }
}

@media (max-width:390px) {
    .first_heart {
        left: -3.2%;
    }
    .sec_heart {
        left: -3.2%;
    }
    .third_heart {
        left: -3.2%;
    }
    .our_text {
        top: -1.5rem;
    }
    .tnn_img {
        margin-top: 1rem;
    }
    .why_us h1 {
        font-size: 2.1rem;
    }
    button.btn span {
        left: 42%;
    }
    .box h1 {
        font-size: 2.6rem;
    }
    h2 span {
        font-size: 1rem;
    }
    .long_input textarea {
        font-size: 0.8rem;
    }
    .input_third form .inputBox input {
        font-size: 0.8rem;
    }
    .email_right h5 {
        font-size: 1.12rem;
    }
    .our_text h2 {
        font-size: 0.9rem;
    }
   

    .our_text h1 {
        font-size: 1.2rem;
    }

    section .heart_full {
        left: 93%;
    }

    section:hover .heart_full {
        left: 93%;
    }

    section .heart_great {
        left: 98%;
    }

    section:hover .heart_great {
        left: 98%;
    }

    .costomer_section .special .heart_full {
        left: 76%;
        bottom: -4.9%;
    }

    .about_border {
        margin-left: 0rem;
        margin-right: 0%;
    }

    .our_reels {
        margin-right: 1rem;
        margin-left: 0.5rem;
    }

    .costomer_section:hover .special .heart_full {
        left: 76%;
        bottom: -4.9%;
    }

    .brand_h1 h1 {
        font-size: 1.3rem;
    }

    .social_icon img {
        height: 2rem;
        width: 2rem;
    }

    .social_icon p {
        font-size: 0.7rem;
        left: 2.3rem;
    }

    .email_info a {
        font-size: 0.7rem;
    }

    .why_us h3 {
        font-size: 1rem;
    }

}

@media (max-width:380px) {
    .tnn_img {
        height: 20vh;
    }
    .email_right h5 {
        font-size: 1rem;
    }
    .inputBox input {
        font-size: 0.5rem;
    }
    h2 span {
        font-size: 1rem;
    }
    .input_third form .inputBox input {
        font-size: 0.7rem;
    }
    .first_heart {
        left: -3.3%;
    }
    .sec_heart {
        left: -3.3%;
    }
    .third_heart {
        left: -3.3%;
    }
    .long_input textarea {
        font-size: 0.7rem;
    }
}

@media (max-width:375px) {
    .about-wrapper{
        transform:translateY(25%);
    }
    .get_touch_left h1 {
        font-size: 2.2rem;
    }
    .get_touch_left img {
        width: 70%;
        background-color: white;
        border: 5px solid #ef6d9f;
    }
    .long_input textarea {
        font-size: 0.7rem;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        width: 90%;
    }
    .archiev h5 {
        font-size: 0.8rem;
    }
    .about_you {
        padding-top: 3.4rem;
    }
    .archiev {
        padding-top: 4.5rem;
        margin-top: 0rem;
    }
    .about {
        margin-top: 3rem;
    }
    .inputBox input {
        font-size: 0.5rem;
    }
    .tnn_img {
        height: 15vh;
    }
    .our_brand p {
        margin-top: 0;
        margin-bottom: 0.5rem;
    }
    button.btn span {
        left: 42%;
    }
    .our_text h2 {
        font-size: 0.8rem;
    }
    .our_text {
        top: -1.4rem;
    }
    .our_brand {
        margin-top: 0.5rem;
    }
    .our_philosophy::before {
        height: 9.9rem;
    }
    .first_heart {
        top: 4rem;
    }
    .sec_heart {
        top: 6.3rem;
    }
    .third_heart {
        top: 8.5rem;
    }
    .our_brand p {
        margin-left: -2.5rem;
    }
    h2 span {
        font-size: 0.9rem;
    }
    .costomer_third_wrapper h2 {
        margin-left: -2rem;
    }
    .red_border {
        padding-top: 0.9rem;
    }

    .red_border {
        padding-top: 0.6rem;
    }

    .our_text h1 {
        font-size: 1rem;
        line-height: 1.1;
    }
    .email_right h5 {
        font-size: 1rem;
    }
    .email_info h5 {
        font-size: 1rem;
    }

    /* .third_heart {
        left: -4.2%;
    }

    .sec_heart {
        left: -4.2%;
    }

    .first_heart {
        left: -4.2%;
    } */

    .reel_img {
        width: 23px;
        height: 23px;
    }

    .our_reels {
        margin-right: 1rem;
        margin-left: 0.8rem;
    }

    .our_reels {
        margin-top: 3rem;
    }

    .reel_container {
        padding: 2rem 1rem;
        padding-top: 4.2rem;
    }

    /* .tnn_img {
        height: 20vh;
    } */

    .costomer_wrapper h2 {
        margin-bottom: 2rem;
    }

    .costomer_third_wrapper h2 {
        margin-bottom: 1rem;
    }

    .costomer_section .special .heart_full {
        left: 76%;
    }

    .costomer_section:hover .special .heart_full {
        left: 76%;
    }

    .tell_about_you h1 {
        font-size: 2.5rem;
        padding: 0.8rem 0;
    }

    .qr_img {
        width: 380px;
        height: 500px;
    }

    .qr_img img {
        position: relative;
        text-align: center;
        margin-top: -2.5rem;
        margin-left: -3rem;
    }

    .qr {
        text-align: center;
        margin-top: -4rem;
    }

    .special {
        margin-left: 0rem;
    }

    .qr_img img {
        text-align: center;
        transform: translate(35%, 30%) !important;
        position: relative;
        top: 0rem;
        left: 0rem;
    }

    .qr {
        text-align: center;
        margin-top: 0rem;
    }

    .qr h3 {
        position: relative;
        top: -16rem;
    }

    .why_us h3 {
        font-size: 1rem;
    }

    .why_border {
        margin-right: 2%;
    }

}

@media (max-width:360px) {
    .header_wrapper .nav-item {
        margin: 0 5px;
    }
    button.btn span {
        left: 42%;
        font-size: 0.9rem;
    }
    .tnn_img {
        height: 20vh;
    }
    .third_heart {
        left: -3.5%;
    }
    .sec_heart {
        left: -3.5%;
    }
    .first_heart {
        left: -3.5%;
    }
    .social_icon p {
        font-size: 0.6rem;
    }
}

@media (max-width:320px) {
    .tnn_img {
        margin-top: 2rem;
    }
    
    .archiev {
        padding-top: 3rem;
        margin-top: 0rem;
    }
   
    .about_img img {
        width: 6rem;
        height: 6rem;
    }
    .get_touch_left h1 {
        font-size: 2rem;
    }
    .home img {
        padding-top: 1rem;
    }
    .header_wrapper .nav-item {
        margin: 0 4px;
    }
    .header_wrapper .nav-item .nav-link {
        font-size: 8px;
    }

    .box h1 {
        font-size: 2.2rem;
        padding: 0.8rem 0;
        margin-bottom: 0;
    }
    .box .heart {
        width: 25px;
        height: 25px;
    }
    .box h2 {
        padding: 0.3rem 0;
    }
    .long_input textarea {
        padding: 09px 6px 7px;
        font-size: 0.6rem;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    h2 span {
        font-size: 0.7rem;
    }
    .inputBox input{
        border-radius: 6px;
        font-size: 0.4rem;
        padding: 10px 5px 10px;
    }
    .input_third form {
        margin: 0 0.5rem;
    }
    .input_third form .inputBox input {
        font-size: 0.6rem;
    }
    button.btn span {
        font-size: 0.8rem;
    }
    .our_brand {
        margin-top: 0rem;
        padding-top: 2rem;
        margin-bottom: 1.5rem;
    }

    .our_text h1 {
        font-size: 1.1rem;
    }

    .our_text {
        top: -1.2rem;
    }

    .first_heart {
        left: -4%;
    }

    .sec_heart {
        left: -4%;
    }

    .third_heart {
        left: -4%;
    }

    .red_border {
        margin-left: 1rem;
        margin-right: 0.5rem;
        padding-top: 0.7rem;
    }

    section:hover .heart_animate {
        left: 96%;
        bottom: -25%;
    }

    .costomer_third_wrapper h2 {
        margin-left: -3rem;
    }

    .customer-logos {
        margin-left: -4rem;
    }

    .reel_img {
        width: 23px;
        height: 23px;
    }

    .our_reels {
        margin-right: 1rem;
        margin-left: 0.8rem;
    }

    .our_reels {
        margin-top: 3rem;
    }

    .reel_container {
        padding: 2rem 1rem;
        padding-top: 4.2rem;
    }

    .tnn_img {
        height: 18vh;
    }

    .archiev h5 {
        font-size: 0.7rem;
    }

    .archiev p {
        font-size: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .costomer_third_wrapper h2 {
        font-size: 0.9rem;
    }

    .costomer_section .special .heart_full {
        left: 70%;
        bottom: -6%;
    }

    .costomer_section:hover .special .heart_full {
        left: 70%;
        bottom: -6%;
    }


    .brand_h1 h1 {
        font-size: 1.2rem;
        padding-top: 0.5rem;
        font-weight: 600;
        margin-left: 0.5rem;
    }
    .our_philosophy::before {
        height: 11rem;
    }
    .our_text h1 {
        letter-spacing: 2px;
        font-size: 1rem;
    }
    .first_heart {
        top: 5rem;
    }
    .sec_heart {
        top: 7.8rem;
    }
    .third_heart {
        top: 10.5rem;
    }
    .why_us h1 {
        font-size: 1.7rem;
    }
    .about-info p {
        font-size: 0.4rem;
    }
    .about_border {
        padding-bottom: 0.5rem;
    }
    .costomer_section .special .heart_full {
        bottom: -7.5%;
    }
    .customer-logos .slide {
        padding: 1rem 0;
    }
    .our_text h2 {
        font-size: 0.6rem;
    }
    .our_brand p {
        margin-left: -3rem;
    }

    .costomer_third_wrapper h2 {
        font-size: 0.8rem;
    }

    .why_us h3 {
        font-size: 1rem;
    }

    section .heart_full {
        left: 91%;
    }

    section:hover .heart_full {
        left: 91%;
    }

    .founder {
        font-size: 0.9rem;
    }

    .about-wrapper {
        margin-left: 0.5rem;
    }
    .about_img img {
        /* width: 100px;
        height: 100px; */
    }

    .pratik_info h3 {
        font-size: 0.8rem;
    }

    /* .about h6 {
        font-size: 0.5rem;
    } */

    .about p {
        word-spacing: 1px;
        line-height: 1.5;
        margin-bottom: 0.5rem;
    }

    /* .get_touch_left h1 {
        font-size: 1.1rem;
    } */

    .get_touch_left p {
        font-size: 0.6rem;
    }

    .email_right h5 {
        font-size: 0.8rem;
    }

    .social_icon img {
        height: 1.8rem;
        width: 1.8rem;
        margin-bottom: 0.5rem;
    }

    .social_icon p {
        font-size: 0.5rem;
        left: 2rem;
    }

    .email_info a {
        font-size: 0.5rem;
    }

    .email_info h5 {
        margin-bottom: 0.01rem;
        line-height: 1;
    }
}

@media (max-width:280px) {
    .achieve_img img, .brand_img img {
        width: 4rem;
        height: 4rem;
    }
    .achieve_img h1, .brand_img h1 {
        font-size: 1.4rem;
        margin-top: 0.4rem;
        /* line-height: 1.2; */
    }
    .about-wrapper{
        transform:translateY(10%);
    }
    button.btn span {
        left: 41%;
    }
    .header_wrapper .nav-item .nav-link {
        font-size: 7px;
    }
    .header_wrapper .nav-item {
        margin: 0 3px;
    }
    .about_img img {
        width: 5rem;
        height: 5rem;
    }
    .long_input textarea {
        font-size: 0.5rem;
    }

    .archiev p {
        line-height: 1.2;
    }
   
    .tnn_img {
        height: 13vh;
    }
    .costomer_section .special .heart_full {
        bottom: -7.5%;
    }
    section .heart_great {
        left: 96%;
    }
    .third_heart {
        left: -4.4%;
    }
    .sec_heart {
        left: -4.4%;
    }
    .first_heart {
        left: -4.4%;
    }


    .our_text h2 {
        font-size: 0.6rem;
    }
    .our_text h1 {
        font-size: 0.8rem;
        letter-spacing: 1px;
    }
    .brand_h1 h1 {
        margin-left: 0.0rem;
    }
    .our_text h1 {
        line-height: 1;
    }
    .box .heart {
        width: 20px;
        height: 20px;
    }
    .box h2 {
        margin: 0 0.3rem;
        padding: 0.3rem 0;
    }
    h2 span {
        font-size: 0.6rem;
        line-height: 1;
    }
    .input_third form .inputBox input {
        letter-spacing: 0.5px;
        word-spacing: 0px;
        left: 3%;
    }
    .input_first {
        margin-top: 0.2rem;
    }
    .input_second form .inputBox {
        margin-bottom: 0.2rem;
        margin-bottom: 0.2rem;
    }
    .input_third form {
        padding-top: 0.2rem;
    }
    .input_third form .inputBox {
        margin-top: 0.3rem;
    }
    .hrart_btn {
        width: 30%;
        height: 30%;
    }
    .why_us h1 {
        font-size: 1.4rem;
    }
    .about-info p {
        font-size: 0.3rem;
    }
    .why_us h3 {
        font-size: 0.9rem;
    }
    .footer p {
        margin-bottom: 0.4rem;
    }

    .founder {
        font-size: 0.8rem;
    }
    .pratik_info{
        margin-top: 0.3rem;
    }

    .about_img img {
        /* width: 80px;
        height: 80px; */
    }

    .pratik_info h3 {
        font-size: 0.6rem;
    }

    .about h6 {
        font-size: 0.3rem;
    }
    .our_text {
        top: -1.1rem;
    }
    .red_border {
        padding-top: 0.5rem;
    }
    .memory_para {
        font-size: 0.6rem;
    }
    .our_text h1 {
        font-size: 0.9rem;
    }

    .our_text h2 {
        font-size: 0.6rem;
    }
  

    .costomer_wrapper h2 span {
        font-size: 0.8rem;
        font-weight: 600;
    }

    .costomer_third_wrapper h2 {
        font-size: 0.7rem;
    }

    .costomer_third_wrapper h2::after {
        width: 100%;
    }

    .costomer_section .special .heart_full {
        left: 68%;
    }

    .costomer_section:hover .special .heart_full {
        left: 68%;
    }

    /* .get_touch_left h1 {
        font-size: 0.9rem;
    } */

    .get_touch_left p {
        font-size: 0.5rem;
    }

    .email_right h5 {
        font-size: 0.7rem;
    }
}