.abs6_bottom {
    height: 513px;
    width: 100%;
    background: url(../img/about-s6_new.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.how-it-works,
.about-page {
    padding: 0px;
}

.hsection1 {
    background: url(../img/hiw-s1.png) no-repeat;
    background-size: contain;
    height: 813px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-position: center;
}

.hs1-tb {
    display: flex;
    width: 707px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.twi {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.twi1 {
    display: flex;
padding: 6px 16px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 999px;
border: 1px solid var(--White-Colors-White---10, rgba(255, 255, 255, 0.10));
background: var(--Colours-Light-Blue, #F0F4F8);
}

.set-txt {
    color: var(--Colours-SUB-Txt, #395CAE);
    text-align: center;
    margin: 0px;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 19.2px */
    letter-spacing: -0.32px;
    text-transform: capitalize;
}

.ttbx {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 12px;
}

.b-bold {
    color: var(--Colours-Text, #001D40);
    /* text-align: center; */
    margin: 0px;
    font-family: "DM Sans";
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 83.2px */
    letter-spacing: -0.384px;
    text-transform: capitalize;
}

.b-cold {
    color: var(--Base-02, #727272);
    /* text-align: center; */
    margin: 0px;
    font-family: "DM Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 174%;
    /* 26.1px */
}

.hblue {
    display: flex;
    padding: 12px 32px;
    justify-content: center;
    align-items: center;
    gap: 32px;
    border-radius: 100px;
    background: var(--Colours-Primary, #0166ED);
    width: max-content;
    box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.10), 7px 7px 20px 0 rgba(0, 0, 0, 0.10), 2px 2px 4px 0 rgba(255, 255, 255, 0.50) inset;
}

.hblue a {
    color: var(--Base-White, #FFF);
    text-align: center;
    text-decoration: none;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 155%;
    /* 27.9px */
    text-transform: capitalize;
}

.hblue:hover {
    background: #297FF2;
}

.hblue:active {
    border-radius: 100px;
    border: 1px solid var(--Base-03, #BDBDBD);
    background: var(--Base-Off-White, #FAFAFA);
}

.hblue:active a {
    color: var(--Colours-Text, #001D40);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 155%;
    /* 27.9px */
    text-transform: capitalize;
}

.hsection2 {
    background: url(../img/hiw-s2.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    padding-left: 240px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    height: 724px;
}

.hs2-tb {
    width: 610px;
    display: flex;
    padding-top: 16px;
    padding-bottom: 16px;
    flex-direction: column;
    justify-content: flex-start;
    gap: 40px;
}

.twi2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 24px 0px;
    align-self: stretch;
}

.twi3 {
    display: flex;
    padding: 6px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: fit-content;
    border-radius: 999px;
    border: 1px solid var(--White-Colors-White---10, rgba(255, 255, 255, 0.10));
    background: var(--Colours-Light-Blue, #F0F4F8);
}

.ttbx {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ttbxx {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ttbxx h1 {
    color: var(--Colours-Text, #001D40);
    margin: 0px;
    font-family: "DM Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 52px */
    letter-spacing: -0.24px;
    text-transform: capitalize;
}
.hsection3{
    justify-content: space-between;
    background: none;
    background-color: #F0F4F8;
    padding: 63px 240px 76px 240px;
    display: flex;
    /* height: 532px; */
    justify-content: space-between;
}

.hsection4 {
    padding: 0px 240px 0px 0px;
    display: flex;
    gap: 24px;
    background-color: #ffffff;
    justify-content: space-between;
    align-items: center;
}

.hsection4 img {
    background-size: cover;
    width: 57%;
    height: -webkit-fill-available;
}
.hsection5img{
    width: 55%;
    margin-top: -18px;
}
.hsection4 h2 {
    color: var(--Colours-Text, #001D40);
    margin: 0px;
    margin-bottom: 10px;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 26px */
    letter-spacing: -0.12px;
    text-transform: capitalize;
}

.hsection5 {
    /* background: url(../img/hiw-s5.png) no-repeat; */
    background-size: cover;
    padding: 0px 0px 0px 240px;
    display: flex;
    background: var(--Colours-Light-Blue, #F0F4F8);
    justify-content: space-between;
    align-items: center;
}

.about-s1 {
    background: url(../img/about-s1.png) no-repeat;
    background-size: 100% 100%;
    height: 876px;
    display: flex;
    flex-direction: column;
    /* align-items:center; */
    justify-content: center;
    padding-left: 350px;
    gap: 40px;
    padding-right: 874px;
    position: relative;
}

.msuperRobo {
    position: absolute;
    right: 0;
    bottom: 0px;
}

.about-s2 {
    padding: 40px 0px;
    background: #ffffff;
    display: flex;
    gap: 53px;
    justify-content: center;
}

.im-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 320px;
}

.im-txt {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.im-txt h2 {
    color: var(--Colours-Text, #001D40);
    text-align: center;
    margin: 0px;
    font-family: "DM Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 39px */
    letter-spacing: -0.18px;
    text-transform: capitalize;
}

.im-txt p {
    color: var(--Base-02, #727272);
    text-align: center;
    margin: 0px;
    font-family: "DM Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 174%;
    /* 26.1px */
}

.about-s3 {
    display: flex;
    padding: 40px 240px;
    justify-content: space-between;
    align-items: center;
    background: url(../img/about-s3.png) no-repeat;
    background-size: 100% 100%;
}

.ab-s3-tb {
    display: flex;
    width: 708px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    flex-shrink: 0;
}

.about-s4 {
    background: url(../img/about-s4.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    padding: 104px 240px;
    justify-content: space-between;
    align-items: center;

}

.ab-s4-s1 {
    display: flex;
    width: 745px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    flex-shrink: 0;
    align-self: stretch;
}

.ab-s4-s2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}

.ab-tb {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 361px;
}

.ab-tb h2 {
    color: var(--Colours-Text, #001D40);
    margin: 0px;
    font-family: "DM Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 39px */
    letter-spacing: -0.18px;
    text-transform: capitalize;
}

.ab-tb p {
    color: var(--Base-02, #727272);
    margin: 0px;
    font-family: "DM Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 174%;
    /* 26.1px */
}

.about-s5 {
    display: flex;
    padding: 40px 240px 40px 240px;
    justify-content: space-between;
    align-items: center;
    background: url(../img/about-s5.png) no-repeat;
    background-size: 100% 100%;
}

.about-s6 {
    /* background: url(../img/about-s6.png) no-repeat; */
    background-size: 100% 100%;
    display: flex;
    padding-top: 64px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    align-self: stretch;
    height: 873px;
}

.ab-s6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 940px;
}

.about-s6 .twi3 {
    width: fit-content;
}

.twi4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.ab-bt {
    color: var(--Colours-Text, #001D40);
    text-align: center;
    margin: 0px;
    font-family: "DM Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 52px */
    letter-spacing: -0.24px;
    text-transform: capitalize;
}

.ab-nt {
    color: var(--Base-02, #727272);
    text-align: center;
    margin: 0px;
    font-family: "DM Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 174%;
    /* 26.1px */
}
.hiw-s3-ph{
    margin-top: -210px;
}
.star-button {
    border-radius: 100px;
    background: var(--Colours-Primary, #0166ED);
    display: flex;
    text-decoration: none;
    padding: 12px;
    justify-content: center;
    align-items: center;
    gap: 32px;
    width: fit-content;
    height: 61px;
    border: none;
    box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.10), 7px 7px 20px 0 rgba(0, 0, 0, 0.10), 2px 2px 4px 0 rgba(255, 255, 255, 0.50) inset;
}

.star-button img {
    width: 36px;
}

.star-button span {
    color: var(--Base-White, #FFF);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 155%;
    /* 27.9px */
    text-transform: capitalize;
}

.star-button:hover {
    background: #297FF2;
}

.star-button:active {
    border-radius: 100px;
    border: 1px solid var(--Base-03, #BDBDBD);
    background: var(--Base-Off-White, #FAFAFA);
}

.star-button:active span {
    color: var(--Colours-Text, #001D40);
}
.about-s1 .star-button{
    width: max-content;
}

.ab-f1 {
    width: 600px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.text-sec {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.text-sec h1 {
    color: var(--Colours-Text, #001D40);
    margin: 0px;
    font-family: "DM Sans";
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 83.2px */
    letter-spacing: -0.384px;
    text-transform: capitalize;
}

.text-sec p {
    color: var(--Base-02, #727272);
    margin: 0px;
    font-family: "DM Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 174%;
    /* 26.1px */
}

.about-s1 .twi3 {
    width: fit-content;
}

.icon-img {
    width: 19px !important;
    height: 19px !important;
    flex-shrink: 0;
}

.pricing-page {
    padding: 0px;
}

.pricing-banner {
    padding: 0px;
    height: 800px;
    background: url(../img/pricing-s1.png) no-repeat;
    background-size: 100% 100%;
    padding-left: 333px;
    display: flex;
    gap: 40px;
    flex-direction: column;
    justify-content: center;
}

.pricing-banner .ab-f1 {
    width: 700px;
}

.terms-page {
    padding: 0px;
    /* background: url(../img/terms-page.png) no-repeat; */
    background-size: 100% 100%;
    padding-top: 170px;
    padding-bottom: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #FAFAFA;

}

.top-sec {
    display: flex;
justify-content: center;
align-items: center;
background: url(../img/terms-top.png) no-repeat;
/* background-size: 100% 100%; */
background-size: cover;
background-position: center;
width: 100%;
padding: 0px;
background-color: #FAFAFA;
height: 421px;
}
.p-top-sec{
    display: flex;
justify-content: center;
align-items: center;
background: url(../img/privacy-top.png) no-repeat;
background-size: cover;
background-position: center;
width: 100%;
padding: 0px;
background-color: #FAFAFA;
height: 421px;
}

.main-box {
    background: url(../img/terms-main-bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 0px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FAFAFA;
}

.terms-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 13px;
    margin: 55px 0px;
    max-width: 674px;
}

.terms-box .date-txt {
    color: var(--Base-03, #BDBDBD);
    text-align: center;
    margin: 0px;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 19.2px */
    letter-spacing: -0.32px;
    text-transform: capitalize;
}

.terms-box h1 {
    color: var(--Colours-Text, #001D40);
    text-align: center;
    margin: 0px;
    font-family: "DM Sans";
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 83.2px */
    letter-spacing: -0.384px;
    text-transform: capitalize;
}

.terms-box p {
    color: var(--Base-02, #727272);
    text-align: center;
    margin: 0px;
    font-family: "DM Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 174%;
    /* 26.1px */
}

.terms-text {
    display: flex;
    padding-top: 64px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    width: 1290px;
}

.tt-box {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.term-title {
    color: var(--Navy, #1C1F26);
    margin: 0px;
    font-family: "DM Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 39px */
    letter-spacing: -0.18px;
    text-transform: capitalize;
}

.term-txt {
    color: var(--Grayscale-700, #656565);
    margin: 0px;
    font-family: "DM Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 174%;
    /* 26.1px */
}

.more-content {
    display: none;
    /* margin-top:15px; */
}

.read-btn {
    display: flex;
    justify-content: center;
    padding: 12px 32px;
    align-items: center;
    margin-top: 63px;
    border: none;
    flex: 1 0 0;
    width: 327px;
    color: var(--Base-White, #FFF);
    border-radius: 100px;
    background: var(--Colours-Primary, #0166ED);
    box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.10), 7px 7px 20px 0 rgba(0, 0, 0, 0.10), 2px 2px 4px 0 rgba(255, 255, 255, 0.50) inset;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 155%;
    /* 27.9px */
    text-transform: capitalize;
}

@media only screen and (max-device-width: 600px) {
    /* .star-btn-text {
        visibility: hidden;
        position: relative;
    } */
    .terms-box{
        margin:0px;
    }
    .abs6_bottom {
        display: none;
    }
    /* .star-btn-text::after{
        content:"Worldwide Recipes";
        visibility:visible;

        position: absolute;
        left: 0;
        top: 13px;

        white-space: nowrap;
    } */
   .hs2-tb{
    width: auto;
    padding: 24px;
    align-items: center;
    text-align: center;
    background-color: #ffffff;
   }
   .hsection5,.hsection3,.hsection2{
    padding:0px;
    height: auto;
    flex-direction: column;
   }
   .hsection4{
    padding: 0px;
    flex-direction: column;
    gap:0px;
   }
   .hsection3,.hsection2{
    
    background: none;
   }
   .hsection3 .hs2-tb{
    background-color: #F0F4F8 !important;
   }
   .hsimg{
    height: 283px;
   }
   .twi1{
        background: #F0F4F8;
   }
   .twi2{
    align-items: center;
   }
   .hsection1{
    background: url(../img/hiw-s1-mb.png);
    height:1075px;
    margin-top: 84px;
    background-size: 100% 100%;
    padding: 0px;
   }
   .hs1-tb{
    width: auto;
   }
   .b-bold {
    font-size: 30px;
   }
   .ttbx {
    gap: 8px;
    padding: 24px;
   }
  .hs1-tb ,.hs1-tb .twi{
    gap: 0px;
   }
.about-s1{
    padding: 0px;
    background: url(/ChefGPT/img/about-s1-mb-bg.png) no-repeat;
    
    height: auto;
    padding: 0px;
    gap: 0px;
    align-items: center;
   
}
.ab-f1 {
    width: auto;
    margin-bottom:24px;
    align-items: center;
    padding: 0px 24px;
}
.text-sec h1{
    font-size: 30px;
    text-align: center;
}
.text-sec p{
    text-align: center;
}
.star-button {
    gap:15px;
    width:max-content;
}
.about-s2{
    flex-direction: column;
    gap: 24px;
    padding: 24px;
}
.about-s3,.about-s5{
    flex-direction: column;
    padding: 24px;
    gap: 24px;
    background: none;
    background-color: #ffffff;
}
.about-s5 img{
    width: 299px;
}
.about-s3 img{
width: 319px;
height: 348px;
}
.ab-s3-tb{
    width: auto;
    align-items: center;
}
.ttbxx h1{
    font-size: 25px;
    text-align: center;
    margin-bottom: 8px;
}
.ttbxx p{
    text-align: center;
}
.about-s6{
    height: auto;
    padding-top: 0px;
    background: none;
    gap: 24px;
}
.ab-s6{
    width: auto;
    padding: 24px 24px 0px 24px;
}
.about-s4{
    padding: 24px;
    background: var(--Colours-Light-Blue, #F0F4F8);
    gap: 24px;
    flex-direction: column;
    /* background: none; */
}
.ab-tb{
    text-align: center;
}
.ab-s4-s1 ,.ab-s4-s2{
    width: auto;
}
.ab-s4-s2{
    gap: 16px;
}
.ab-bt{
font-size: 25px;
}
.ab-tb h2,.im-txt h2{
    font-size: 18px;
}
.about-page{
    margin-top: 81px;
}
.main-box ,.top-sec,.p-top-sec{
background: none;
width: 100%;
padding: 24px;
height: fit-content;
}
.terms-text{
    padding-top: 0px;
}
.terms-box h1{
    font-size: 30px;
}
.term-title{
    font-size: 25px;
}
.read-btn{
    margin-top: 32px;
}
.terms-page{
    padding-top:80px;
    padding-bottom: 0px;
}
.hsection5 img{
    margin-top: -10px;
}
.hsection5 .twi3 img{
    margin: 0px;
}
    .hsection4 .hs2-tb{
        padding-bottom: 48px;
    }
    .hsection3 img{
        margin-top: -100px;
    }
    .hsection3 .twi2 img{
        margin: 0px;
    }
    .hsection2 .hs2-tb .hblue{
        margin-bottom: 100px;
    }
    }


@media only screen and (min-device-width : 700px) and (max-device-width:1199px) {
    .hsection1 {
        height: 700px;
    }

    .hsection4 {
    padding: 0px 40px 0px 0px;
            gap: 70px;
}

    .msuperRobo {
        position: absolute;
        right: 0;
        bottom: unset;
        max-width: 700px;
        top: 50%;
        transform: translateY(-50%);
    }
.hsection3{
    padding: 24px 70px 24px 70px;
        height: 600px;
    }

    .hsection2 {
        padding-left: 50px;
        height: 600px;
    }
.hsimg{
    height:750px;
    width: 50%;
}
.hsection5{
    padding: 0px 0 0px 50px;
    background-size: 105% 100%;
}
.hs2-tb {
    width:450px;
    gap: 0px;
}
.about-s5,.about-s3{
    padding: 40px 20px;
}
.about-s4{
    padding: 104px 50px;
}
.about-s1{
    padding-left: 100px;
    height: 650px;
}
.about-s3 img ,.about-s5 img{
    width:25%;
}
.ab-s4-s1 {
    width: 400px;
}
.terms-text{
    width: 600px;
}
.about-s6{
    height: 750px;
}
.im-box{
    width: 260px;
}
}

@media only screen and (min-device-width: 1200px) and (max-device-width: 1348px) {
   .hsection4 {
    padding: 0px 156px 0px 0px;
            gap: 70px;
}

    .msuperRobo {
        position: absolute;
        right: 0;
        bottom: unset;
        max-width: 700px;
        top: 50%;
        transform: translateY(-50%);
    }
.hsection3{
    padding: 63px 140px 76px 80px;
}
.hsection2{
    padding-left: 100px;
    height: 600px;
}
.hsimg{
    height:600px;
    width: 50%;
}
.hsection5{
    padding: 0px 0 0px 100px;
    background-size: 105% 100%;
}
.hs2-tb {
    width: 500px;
}
.about-s5,.about-s3{
    padding: 40px 20px;
}
.about-s4{
    padding: 104px 50px;
}
.about-s1{
    padding-left: 60px;
    height: 750px;
}
.about-s3 img{
    width:40%;
}
.ab-s4-s1 {
    width: 600px;
}
.terms-text{
    width: 1000px;
}
.about-s6{
    height: 800px;
}
}

@media only screen and (min-device-width: 1349px) and (max-device-width: 1439px) {
   .hsection4 {
    padding: 0px 156px 0px 0px;
            gap: 70px;
}
.msuperRobo {
        position: absolute;
        right: 0;
        bottom: unset;
        max-width: 700px;
        top: 50%;
        transform: translateY(-50%);
    }
.hsection3{
    padding: 63px 140px 76px 100px;
}
.hsection2{
    padding-left: 100px;
    height: 600px;
}
.hsimg{
    height:600px;
    width: 50%;
}
.hsection5{
    padding: 0px 0 0px 100px;
    background-size: 105% 100%;
}
.hs2-tb {
    width: 500px;
}
.about-s5,.about-s3{
    padding: 40px 20px;
}
.about-s4{
    padding: 104px 50px;
}
.about-s1 {
    padding-left: 80px;
}
.about-s3 img{
    width:40%;
}
.terms-text{
    width: 1000px;
}
.about-s6{
    height: 800px;
}
}

@media only screen and (min-device-width: 1440px) and (max-device-width: 1499px) {
.hsection4 {
    padding: 0px 156px 0px 0px;
            gap: 70px;
}

    .msuperRobo {
        position: absolute;
        right: 0;
        bottom: unset;
        max-width: 700px;
        top: 50%;
        transform: translateY(-50%);
    }
.hsection3{
    padding: 63px 140px 76px 140px;
}
.hsection2{
    padding-left: 100px;
    height: 600px;
}
.hsimg{
    height: 540px;
    width: 50%;
}
.hsection5{
    padding: 0px 0 0px 100px;
}
.about-s5,.about-s3{
    padding: 40px 20px;
}
.about-s4{
    padding: 104px 150px;
}
.about-s1{
    padding-left: 200px;
}
.terms-text{
    width: 1000px;
}
.about-s6{
    height: 800px;
}
}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1599px) {
 .hsection4 {
    padding: 0px 156px 0px 0px;
            gap: 70px;
}

    .msuperRobo {
        position: absolute;
        right: 0;
        bottom: unset;
        max-width: 700px;
        top: 50%;
        transform: translateY(-50%);
    }
.hsection3{
    padding: 63px 140px 76px 140px;
}
.hsection2{
    padding-left: 100px;
    height: 600px;
}
.hsimg{
    height: 540px;
    width: 50%;
}
.hsection5{
    padding: 0px 0 0px 100px;
}
.about-s5,.about-s3{
    padding: 40px 60px;
}
.about-s4{
    padding: 104px 150px;
}
.about-s1{
    padding-left: 200px;
}
.about-s6{
    height: 800px;
}

}

@media only screen and (min-device-width: 1600px) and (max-device-width: 1699px) {
      .hsection4 {
    padding: 0px 156px 0px 0px;
            gap: 70px;
}
.hsection3{
    padding: 63px 180px 76px 180px;
}
.hsection2{
    padding-left: 160px;
}
.hsimg{
    height: 540px;
}
.about-s5,.about-s3{
    padding: 40px 150px;
}
.about-s4{
    padding: 104px 150px;
}
.about-s1{
    padding-left: 250px;
}

}

@media only screen and (min-device-width: 1700px) and (max-device-width: 1799px) {
    .hsection4 {
    padding: 0px 156px 0px 0px;
            gap: 50px;
}
.hsection3{
    padding: 63px 180px 76px 180px;
}
.hsection2{
    padding-left: 160px;
}
}

@media only screen and (min-device-width: 1800px) and (max-device-width: 1919px) {}

@media only screen and (min-device-width: 1921px) and (max-device-width: 4000px){
    .top-sec,.p-top-sec{
        background-size: cover !important;
        background-position: center !important;
    }
}

@media only screen and (min-device-width : 800px) and (max-device-width: 899px) {
    .about-s1{
        padding-left: 50px;
    }
    .ab-f1{
        width: 450px;
    }
    .text-sec h1{
        font-size: 48px;
    }
    .about-s2{
        gap: 16px;
    }
    .im-box{
        width: 230px;
    }
    .ab-s3-tb{
        width: 570px;
    }
    .ab-s6{
        width: 730px;
    }
    .msuperRobo{
        right: 75px;
    }
    .msuperRobo{
        max-width: 460px;
    }
    .about-s4{
        padding: 104px 24px;
    }
    .ab-s4-s1{
        width: 375px;
    }
}

@media only screen and (min-device-width : 900px) and (max-device-width: 999px) {
    .about-s1{
        padding-left: 50px;
    }
    .ab-f1{
        width: 480px;
    }
    .text-sec h1{
        font-size: 56px;
    }
    .about-s2{
        gap: 24px;
    }
    .im-box{
        width: 240px;
    }
    .ab-s3-tb{
        width: 620px;
    }
    .ab-s6{
        width: 800px;
    }
    .msuperRobo{
        max-width: 460px;
    }
}

@media only screen and (min-device-width : 1000px) and (max-device-width: 1099px) {
    .about-s1{
        padding-left: 50px;
    }
    .ab-f1{
        width: 530px;
    }
    .msuperRobo{
        max-width: 460px;
    }
    .about-s2{
        gap: 32px;
    }
}

@media only screen and (min-device-width : 1100px) and (max-device-width: 1199px) {
    .msuperRobo{
        max-width: 460px;
    }
    .hs1-tb{
        width: 430px;
    }
    .b-bold{
        font-size: 48px;
    }
    .hsection5img{
        margin-top: -60px;
    }
    .hsection4{
        padding-right: 50px;
    }
    .hiw-s3-ph{
        margin-top: -120px;
        width: 470px;
    }
}

@media only screen and (min-device-width : 1200px) and (max-device-width: 1299px) {
    .hs1-tb{
        width: 560px;
    }
    .b-bold{
        font-size: 56px;
    }
    .hsection5img{
        margin-top: -60px;
    }
    .hsection4{
        padding-right: 50px;
    }
    .hiw-s3-ph{
        margin-top: -160px;
    }
}
@media only screen and (min-device-width : 1300px) and (max-device-width: 1399px) {
    .hs1-tb{
        width: 560px;
    }
    .b-bold{
        font-size: 56px;
    }
    .hsection5img{
        margin-top: -50px;
    }
    .hsection4{
        padding-right: 50px;
    }
    .hiw-s3-ph{
        margin-top: -160px;
    }
}
@media only screen and (min-device-width : 1400px) and (max-device-width: 1499px) {
    .hs1-tb{
        width: 560px;
    }
    .b-bold{
        font-size: 56px;
    }
    .hsection5img{
        margin-top: -40px;
    }
    .hsection4{
        padding-right: 50px;
    }
    .hiw-s3-ph{
        margin-top: -160px;
    }
}
@media only screen and (min-device-width : 1500px) and (max-device-width: 1599px) {
    .hs1-tb{
        width: 680px;
    }
    .hsection4{
        padding-right: 50px;
    }
    .hiw-s3-ph{
        margin-top: -160px;
    }
}