.custom-padding {
    padding-left: 160px;
    padding-right: 160px;
}

body {
    font-family: "Montserrat Alternates", serif;
}

.custom-header-1 {
    font-weight: 700;
    font-size: 14px;
    line-height: 17.07px;
}

/*@font-face {*/
/*    font-family: 'CustomFont';*/
/*    src: url('/assets/Recoleta-RegularDEMO.otf') format('opentype');*/

/*}*/
@font-face {
    font-family: 'CustomFont';
    src: url('/font/RecoletaAlt-Bold.eot');
    src: local('Recoleta Alt Bold'), local('RecoletaAlt-Bold'),
    url('/font/RecoletaAlt-Bold.eot?#iefix') format('embedded-opentype'),
    url('/font/RecoletaAlt-Bold.woff2') format('woff2'),
    url('/font/RecoletaAlt-Bold.woff') format('woff'),
    url('/font/RecoletaAlt-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'CustomFont';
    src: url('/assets/Recoleta-Alt-Bold.otf') format('opentype');
}
.custom-button-1 {
    border-radius: 100px;
    background-color: #FFD5D6;
    border: 2px solid #000000;
    box-shadow: 4px 6px 0px 0px #FFFFFF;
    font-weight: 700;
    font-size: 14px;
    line-height: 19.04px;
    font-family: 'CustomFont', sans-serif;
    width: 40%;
}
.custom-button-1:hover {

    background-color: #000000;
    color: #ffffff;
    border: 2px solid #000000;
}

.custom-style-gap {
    gap: 103px;
}

.custom-background-color {
    background-color: #FEFD63;
}

.custom-padding-2 {
    padding-left: 160px;
    padding-right: 160px;
    padding-top: 95px;
}

.custom-header-2 {
    font-family: 'CustomFont', sans-serif;
    font-weight: bold;
    font-size: 45px;
    line-height: 61.2px;
    text-align: center;
    padding-right: 110px;
    padding-left: 110px;
}

.custom-paragraph-1 {
    font-weight: 400;
    font-size: 20px;
    line-height: 24.38px;
    text-align: center;
    margin-top: 37px;
    padding-right: 160px;
    padding-left: 160px;
}

.custom-button-2 {
    font-family: 'CustomFont', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24.48px;
    text-align: center;
    background: #FFD5D6;
    border: 2px solid #000000;
    box-shadow: 4px 6px 0px 0px #000000;
    border-radius: 100px;
    width: 38%;
    padding-top: 14px;
    padding-bottom: 14px;
}

.custom-padding-3 {
    padding-right: 250px;
    padding-left: 250px;
    margin-top: 49px;
    padding-bottom: 160px;
}

.custom-button-3 {
    font-family: 'CustomFont', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24.48px;
    text-align: center;
    border: 2px solid #000000;
    border-radius: 100px;
    box-shadow: 4px 6px 0px 0px #000000;
    width: 38%;
    padding-top: 14px;
    padding-bottom: 14px;
}

.custom-image-1 {
    position: absolute;
    left: 12%;
    bottom: -197px;
}

.custom-padding-4 {
    padding-top: 186px;
}

.custom-header-3 {
    font-family: 'CustomFont', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 43.52px;
}

.custom-header-4 {
    font-family: 'CustomFont', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 27.2px;
}

.custom-paragraph-2 {
    font-weight: 400;
    font-size: 16px;
    line-height: 19.5px;
}

.custom-margin {
    margin-top: 145px;
}

.custom-header-5 {
    font-family: 'CustomFont', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 43.52px;
}

.custom-paragraph-3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 19.5px;
    margin-top: 17px;
}

.custom-margin-2 {
    margin-top: 45px;
}

.custom-button-4 {
    all: unset;
    background: #FFD5D6;
    border: 2px solid #000000;
    box-shadow: 4px 6px 0px 0px #000000;
    font-family: 'CustomFont', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24.48px;
    text-align: center;
    border-radius: 100px;
    width: 27%;
    padding-bottom: 14px;
    padding-top: 14px;
    cursor: pointer;
}

.custom-header-6 {
    font-family: 'CustomFont', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 43.52px;
}

.custom-paragraph-4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 19.5px;
}

.custom-span-1 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19.5px;
}

.custom-div-1 {
    background: #FFD5D6;
    border: 1px solid #000000;
    box-shadow: 4px 4px 0px 0px #000000;
    border-radius: 10px;
    padding-top: 15px;
    padding-left: 29px;
    padding-right: 29px;
    padding-bottom: 18px;
    width: 25%;
}

.custom-paragraph-5 {
    font-family: 'CustomFont', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 21.76px;
    margin-top: 13px;
}

.custom-header-7 {
    font-family: 'CustomFont', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 43.52px;
}

.custom-paragraph-design-1 {
    background: #9EA6E7;
    border: 1px solid #000000;
    box-shadow: 4px 4px 0px 0px #000000;
    border-radius: 100px;
    width: 42px;
    height: 42px;
    font-family: 'CustomFont', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 27.2px;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
}

.custom-input-field {
    border: 1px solid #000000;
    border-radius: 10px;
}

.custom-label {
    font-family: 'CustomFont', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 19.04px;
}

.custom-button-i {
    /* Default width */ /* Keep height same */
    border: 1px solid #000000 !important;
    border-radius: 100px !important;
    background-color: #9EA6E7 !important;
}

.carousel-indicators [data-bs-target] {
    width: 21.6px;
}

.custom-button-i.active {
    width: 41px; /* Increase width by 10px when active */
}


.carousel-indicators {

    margin-bottom: -40px !important;
}

.custom-image-arrow {
    transition: opacity 0.3s ease-in-out;
}

.carousel-control-prev:hover .custom-image-arrow {
    content: url('/assets/left-yellow.png');
}

.carousel-control-next:hover .custom-image-arrow {
    content: url('/assets/right-yellow.png');
}
.custom-left-position-button{
    left: -5%;
}
.custom-right-position-button{
    right: -5%;
}

.carousel-control-prev,
.carousel-control-next {
    opacity: 1 !important; /* Ensures full visibility */
}

.carousel-control-prev:hover,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-next:focus {
    opacity: 1 !important; /* Keeps it fully visible on hover or focus */
}

/* Change images on hover */
/*.custom-image-width-1:hover {*/
/*    content: url('/assets/1.png');*/
/*}*/

/*.custom-image-width-2:hover {*/
/*    content: url('/assets/2.png');*/
/*}*/

/*.custom-image-width-3:hover {*/
/*    content: url('/assets/3.png');*/
/*}*/

/*.custom-image-width-4:hover {*/
/*    content: url('/assets/4.png');*/
/*}*/

/*.custom-image-width-5:hover {*/
/*    content: url('/assets/5.png');*/
/*}*/

/*.custom-image-width-6:hover {*/
/*    content: url('/assets/6.png');*/
/*}*/

/*.custom-image-width-7:hover {*/
/*    content: url('/assets/7.png');*/
/*}*/

.btn {
    /*pointer-events: none; !* Completely disables hover, focus, and active states *!*/
}


/*media queries*/
/*Max Width 1024*/
@media(min-width: 1300px) and (max-width: 1396.99px){
    .custom-image-1 {
        left: 5%;
    }
}
@media(min-width: 1200px) and (max-width: 1299.99px){
    .custom-image-1 {
        left: -2%;
    }
}
@media(min-width: 1100px) and (max-width: 1199.99px){
    .custom-image-1 {
        left: -8%;
    }
}
@media(min-width: 1025px) and (max-width: 1099.99px){
    .custom-image-1 {
        left: -12%;
    }
}
@media (min-width: 992px) and (max-width: 1024px) {
    .custom-style-gap {
        gap: 35px;
    }

    .custom-padding {
        padding-right: 100px;
        padding-left: 100px;
    }

    .custom-header-2 {
        font-size: 37px;
    }

    .custom-paragraph-1 {
        font-size: 17px;
    }

    .custom-padding-3 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .custom-width-1 {
        width: 19% !important;
    }

    .custom-width-2 {
        width: 51% !important;
    }

    .custom-width-3 {
        width: 30% !important;
    }

    .custom-button-1 {
        font-size: 11.5px;
    }

    .custom-padding-2 {
        padding-left: 100px;
        padding-right: 100px;
    }

    .custom-width-4 {
        width: 54% !important;
    }

    .custom-width-5 {
        width: 57% !important;
    }

    .custom-header-4 {
        font-size: 16px;
    }

    .custom-style-gap-2 {
        gap: 10px !important;
    }

    .custom-style-gap-3 {
        gap: 39px !important;
    }

    .custom-image-1 {
        width: 100%;
        left: 2%;
    }

    .custom-width-image-div {
        width: 100%;
    }

    .custom-width-6 {
        width: 70%;
        margin-right: auto;
        margin-left: auto;
    }

    .custom-image-width-1 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-2 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-3 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-4 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-5 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-6 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-7 {
        width: 30%;
        height: 280px;
    }

    .custom-image-arrow {
        width: 77%
    }
}

/*-------------*/
/*Max Width 990*/
@media (min-width: 768px) and (max-width: 991.99px) {
    .custom-padding {
        padding-right: 100px;
        padding-left: 100px;
    }

    .custom-width-1 {
        width: 19% !important;
    }

    .custom-width-2 {
        width: 51% !important;
    }

    .custom-width-3 {
        width: 30% !important;
    }

    .custom-button-1 {
        font-size: 11.5px;
        width: 100%;
    }

    .custom-style-gap {
        gap: 35px;
    }

    .custom-header-2 {
        font-size: 25px;
        padding-right: 80px;
        padding-left: 80px;
    }

    .custom-paragraph-1 {
        font-size: 15px;
        padding-left: 80px;
        padding-right: 80px;
    }

    .custom-padding-3 {
        padding-right: 150px;
        padding-left: 150px;
    }

    .custom-button-2 {
        font-size: 12px;
    }

    .custom-button-3 {
        font-size: 12px;
    }

    .custom-width-image-div {
        width: 100%;
    }

    .custom-image-1 {
        width: 100%;
        left: 0;
        bottom: -168px;
    }

    .custom-padding-4 {
        padding-top: 167px;
    }

    .custom-padding-2 {
        padding-left: 80px;
        padding-right: 80px;
    }

    .custom-header-3 {
        font-size: 20px;
    }

    .custom-paragraph-6 {
        font-size: 13px;
    }
    .custom-width-4{
        width: 50% !important;
    }
    .custom-width-5{
        width: 50% !important;
    }
    .custom-header-4{
        font-size: 14px;
    }
    .custom-paragraph-2{
        font-size: 12px;
    }
    .custom-header-6{
        font-size: 23px;
    }
    .custom-paragraph-4{
        font-size: 13px;
    }
    .custom-header-7{
        font-size:24px;
    }
    .custom-paragraph-size{
        font-size: 12px;
    }
    .custom-paragraph-design-1 {

        width: 36px;
        height: 36px;

        font-size: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .custom-style-gap-4{
        gap: 83px !important;
    }
    .custom-style-gap-5{
        gap: 25px !important;
    }
    .custom-width-6 {
        width: 70%;
        margin-right: auto;
        margin-left: auto;
    }

    .custom-image-width-1 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-2 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-3 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-4 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-5 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-6 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-7 {
        width: 30%;
        height: 280px;
    }

    .custom-image-arrow {
        width: 77%
    }
    .custom-div-1{
        padding-right: 18px;
        padding-left: 18px;
    }
}
@media (min-width: 550px) and (max-width: 767.90px ) {
    .custom-padding {
        padding-right: 35px;
        padding-left: 35px;
    }
    .custom-image-length{
        width: 100%;
    }
    .custom-header-1{
        font-size: 10px;
    }
    .custom-width-1 {
        width: 19% !important;
    }

    .custom-width-2 {
        width: 51% !important;
    }

    .custom-width-3 {
        width: 30% !important;
    }

    .custom-button-1 {
        font-size: 11.5px;
        width: 100%;
    }

    .custom-style-gap {
        gap: 35px;
    }

    .custom-header-2 {
        font-size: 15px;
        padding-right: 40px;
        padding-left: 40px;
    }

    .custom-paragraph-1 {
        font-size: 12px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .custom-padding-3 {
        padding-right: 40px;
        padding-left: 40px;
        padding-bottom: 90px;
    }

    .custom-button-2 {
        font-size: 10px;
    }

    .custom-button-3 {
        font-size: 10px;
    }

    .custom-width-image-div {
        width: 100%;
    }

    .custom-image-1 {
        width: 73%;
        left: 14%;
        bottom: -83px;
    }

    .custom-padding-4 {
        padding-top: 55px;
    }

    .custom-padding-2 {
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 50px;
    }

    .custom-header-3 {
        font-size: 16px;
    }

    .custom-paragraph-6 {
        font-size: 10px;
    }
    .custom-width-4{
        width: 50% !important;
    }
    .custom-width-5{
        width: 50% !important;
    }
    .custom-header-4{
        font-size: 10px;
    }
    .custom-paragraph-2{
        font-size: 8px;
    }
    .custom-image-width-x{
        width: 100%;
    }
    .custom-header-6{
        font-size: 14px;
    }
    .custom-width-image-1{
        width: 50%;
    }
    .custom-paragraph-4{
        font-size: 10px;
    }
    .custom-width-div-mobile{
        width: 100%;
    }
    .custom-span-1{
        font-size: 10px;
    }
    .custom-gap-mobile{
        gap: 50px !important;
    }
    .custom-header-7{
        font-size:24px;
    }
    .custom-paragraph-size{
        font-size: 12px;
    }
    .custom-paragraph-design-1 {

        width: 36px;
        height: 36px;

        font-size: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .custom-style-gap-4{
        gap: 83px !important;
    }
    .custom-style-gap-5{
        gap: 25px !important;
    }
    .custom-width-6 {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    .custom-image-width-1 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-2 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-3 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-4 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-5 {
        width: 30%;
        height: 280px;
    }
    .custom-image-width-6 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-7 {
        width: 30%;
        height: 280px;
    }

    .custom-image-arrow {
        width: 77%
    }
    .custom-style-gap-2{
        gap:22px !important;
    }
    .custom-style-gap-3{
        gap: 17px !important;
    }
    .custom-header-5{
        font-size: 16px;
    }
    .custom-paragraph-3{
        font-size: 11px;
    }
    .custom-margin {
        margin-top: 30px;
    }
    .custom-input-width{
        width: 100% !important;
    }
    .custom-button-4{
        width: 100% !important;
        font-size: 15px;
    }
    .custom-form-width{
        width: 100% !important;
    }
    .custom-div-1{
        width: 100%;
    }
}
@media (min-width: 426px) and (max-width: 549.99px ) {
    .custom-padding {
        padding-right: 35px;
        padding-left: 35px;
    }
    .custom-image-length{
        width: 100%;
    }
    .custom-header-1{
        font-size: 10px;
    }
    .custom-width-1 {
        width: 19% !important;
    }

    .custom-width-2 {
        width: 51% !important;
    }

    .custom-width-3 {
        width: 30% !important;
    }

    .custom-button-1 {
        font-size: 11.5px;
        width: 100%;
    }

    .custom-style-gap {
        gap: 35px;
    }

    .custom-header-2 {
        font-size: 15px;
        padding-right: 40px;
        padding-left: 40px;
    }

    .custom-paragraph-1 {
        font-size: 12px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .custom-padding-3 {
        padding-right: 40px;
        padding-left: 40px;
        padding-bottom: 90px;
    }

    .custom-button-2 {
        font-size: 10px;
    }

    .custom-button-3 {
        font-size: 10px;
    }

    .custom-width-image-div {
        width: 100%;
    }

    .custom-image-1 {
        width: 100%;
        left: 0;
        bottom: -71px;
    }

    .custom-padding-4 {
        padding-top: 55px;
    }

    .custom-padding-2 {
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 35px;
    }

    .custom-header-3 {
        font-size: 16px;
    }

    .custom-paragraph-6 {
        font-size: 10px;
    }
    .custom-width-4{
        width: 50% !important;
    }
    .custom-width-5{
        width: 50% !important;
    }
    .custom-header-4{
        font-size: 10px;
    }
    .custom-paragraph-2{
        font-size: 8px;
    }
    .custom-image-width-x{
        width: 100%;
    }
    .custom-header-6{
        font-size: 14px;
    }
    .custom-width-image-1{
        width: 100%;
    }
    .custom-paragraph-4{
        font-size: 10px;
    }
    .custom-width-div-mobile{
        width: 100%;
    }
    .custom-span-1{
        font-size: 10px;
    }
    .custom-gap-mobile{
        gap: 50px !important;
    }
    .custom-header-7{
        font-size:24px;
    }
    .custom-paragraph-size{
        font-size: 12px;
    }
    .custom-paragraph-design-1 {

        width: 36px;
        height: 36px;

        font-size: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .custom-style-gap-4{
        gap: 83px !important;
    }
    .custom-style-gap-5{
        gap: 25px !important;
    }
    .custom-width-6 {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    .custom-image-width-1 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-2 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-3 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-4 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-5 {
        width: 30%;
        height: 280px;
    }
    .custom-image-width-6 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-7 {
        width: 30%;
        height: 280px;
    }

    .custom-image-arrow {
        width: 77%
    }
    .custom-style-gap-2{
        gap:22px !important;
    }
    .custom-style-gap-3{
        gap: 17px !important;
    }
    .custom-header-5{
        font-size: 16px;
    }
    .custom-paragraph-3{
        font-size: 11px;
    }
    .custom-margin {
        margin-top: 30px;
    }
    .custom-input-width{
        width: 100% !important;
    }
    .custom-button-4{
        width: 100% !important;
        font-size: 15px;
    }
    .custom-form-width{
        width: 100% !important;
    }
    .custom-div-1{
        width: 100%;
    }
}

/*----------------*/
/*Media Query Mobile*/
@media (min-width: 321px) and (max-width: 425.90px ) {
    .custom-padding {
        padding-right: 35px;
        padding-left: 35px;
    }
    .custom-image-length{
        width: 100%;
    }
    .custom-header-1{
        font-size: 10px;
    }
    .custom-width-1 {
        width: 19% !important;
    }

    .custom-width-2 {
        width: 51% !important;
    }

    .custom-width-3 {
        width: 30% !important;
    }

    .custom-button-1 {
        font-size: 11.5px;
        width: 100%;
    }

    .custom-style-gap {
        gap: 35px;
    }

    .custom-header-2 {
        font-size: 15px;
        padding-right: 40px;
        padding-left: 40px;
    }

    .custom-paragraph-1 {
        font-size: 12px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .custom-padding-3 {
        padding-right: 40px;
        padding-left: 40px;
        padding-bottom: 90px;
    }

    .custom-button-2 {
        font-size: 10px;
    }

    .custom-button-3 {
        font-size: 10px;
    }

    .custom-width-image-div {
        width: 100%;
    }

    .custom-image-1 {
        width: 100%;
        left: 0;
        bottom: -71px;
    }

    .custom-padding-4 {
        padding-top: 55px;
    }

    .custom-padding-2 {
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 35px;
    }

    .custom-header-3 {
        font-size: 16px;
    }

    .custom-paragraph-6 {
        font-size: 10px;
    }
    .custom-width-4{
        width: 50% !important;
    }
    .custom-width-5{
        width: 50% !important;
    }
    .custom-header-4{
        font-size: 10px;
    }
    .custom-paragraph-2{
        font-size: 8px;
    }
    .custom-image-width-x{
        width: 100%;
    }
    .custom-header-6{
        font-size: 14px;
    }
    .custom-width-image-1{
        width: 100%;
    }
    .custom-paragraph-4{
        font-size: 10px;
    }
    .custom-width-div-mobile{
        width: 100%;
    }
    .custom-span-1{
        font-size: 10px;
    }
    .custom-gap-mobile{
        gap: 50px !important;
    }
    .custom-header-7{
        font-size:24px;
    }
    .custom-paragraph-size{
        font-size: 12px;
    }
    .custom-paragraph-design-1 {

        width: 36px;
        height: 36px;

        font-size: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .custom-style-gap-4{
        gap: 83px !important;
    }
    .custom-style-gap-5{
        gap: 25px !important;
    }
    .custom-width-6 {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    .custom-image-width-1 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-2 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-3 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-4 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-5 {
        width: 30%;
        height: 280px;
    }
    .custom-image-width-6 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-7 {
        width: 30%;
        height: 280px;
    }

    .custom-image-arrow {
        width: 77%
    }
    .custom-style-gap-2{
        gap:22px !important;
    }
    .custom-style-gap-3{
        gap: 17px !important;
    }
    .custom-header-5{
        font-size: 16px;
    }
    .custom-paragraph-3{
        font-size: 11px;
    }
    .custom-margin {
        margin-top: 30px;
    }
    .custom-input-width{
        width: 100% !important;
    }
    .custom-button-4{
        width: 100% !important;
        font-size: 15px;
    }
    .custom-form-width{
        width: 100% !important;
    }
    .custom-div-1{
        width: 100%;
    }
}
/*--------------------*/
@media (min-width: 280px) and (max-width: 320.90px ) {
    .custom-padding {
        padding-right: 35px;
        padding-left: 35px;
    }
    .custom-image-length{
        width: 100%;
    }
    .custom-header-1{
        font-size: 10px;
    }
    .custom-width-1 {
        width: 19% !important;
    }

    .custom-width-2 {
        width: 51% !important;
    }

    .custom-width-3 {
        width: 30% !important;
    }

    .custom-button-1 {
        font-size: 11.5px;
        width: 100%;
    }

    .custom-style-gap {
        gap: 35px;
    }

    .custom-header-2 {
        font-size: 15px;
        padding-right: 40px;
        padding-left: 40px;
    }

    .custom-paragraph-1 {
        font-size: 12px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .custom-padding-3 {
        padding-right: 40px;
        padding-left: 40px;
        padding-bottom: 90px;
    }

    .custom-button-2 {
        font-size: 10px;
    }

    .custom-button-3 {
        font-size: 10px;
    }

    .custom-width-image-div {
        width: 100%;
    }

    .custom-image-1 {
        width: 100%;
        left: 0;
        bottom: -71px;
    }

    .custom-padding-4 {
        padding-top: 55px;
    }

    .custom-padding-2 {
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 35px;
    }

    .custom-header-3 {
        font-size: 16px;
    }

    .custom-paragraph-6 {
        font-size: 10px;
    }
    .custom-width-4{
        width: 50% !important;
    }
    .custom-width-5{
        width: 50% !important;
    }
    .custom-header-4{
        font-size: 10px;
    }
    .custom-paragraph-2{
        font-size: 8px;
    }
    .custom-image-width-x{
        width: 100%;
    }
    .custom-header-6{
        font-size: 14px;
    }
    .custom-width-image-1{
        width: 100%;
    }
    .custom-paragraph-4{
        font-size: 10px;
    }
    .custom-width-div-mobile{
        width: 100%;
    }
    .custom-span-1{
        font-size: 10px;
    }
    .custom-gap-mobile{
        gap: 50px !important;
    }
    .custom-header-7{
        font-size:24px;
    }
    .custom-paragraph-size{
        font-size: 12px;
    }
    .custom-paragraph-design-1 {

        width: 36px;
        height: 36px;

        font-size: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .custom-style-gap-4{
        gap: 83px !important;
    }
    .custom-style-gap-5{
        gap: 25px !important;
    }
    .custom-width-6 {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    .custom-image-width-1 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-2 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-3 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-4 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-5 {
        width: 30%;
        height: 280px;
    }
    .custom-image-width-6 {
        width: 30%;
        height: 280px;
    }

    .custom-image-width-7 {
        width: 30%;
        height: 280px;
    }

    .custom-image-arrow {
        width: 77%
    }
    .custom-style-gap-2{
        gap:22px !important;
    }
    .custom-style-gap-3{
        gap: 17px !important;
    }
    .custom-header-5{
        font-size: 16px;
    }
    .custom-paragraph-3{
        font-size: 11px;
    }
    .custom-margin {
        margin-top: 30px;
    }
    .custom-input-width{
        width: 100% !important;
    }
    .custom-button-4{
        width: 100% !important;
        font-size: 15px;
    }
    .custom-form-width{
        width: 100% !important;
    }
    .custom-div-1{
        width: 100%;
    }
}