html,body {margin: 0px; padding: 0px;  font-family: "Rubik", sans-serif;}
.container {max-width: 1200px; margin: 0 auto;}
.nav-link {
    font-size: 14px;
    letter-spacing: 1px;
    color: #0f2c55 !important;
}
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 3px;
        padding-left: 4px;
    }


.testimonial_box {box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; background-color: #FFF; float: left; width: 100%; padding: 30px;}
.testimonial_box h3 {
    color: #0f2c55;
    letter-spacing: 1px;
    font-size: 23px;
}

.copyright_section a {text-decoration:none;}
.blue_strip_top {float:left; width:100%; background-color: #0f2c55; padding:10px 0px;}
.blue_strip_top a {
    color: #FFF;
    text-decoration: none;
    float: right;
    letter-spacing: 1px;
}


.accordion-header .paragraph {
    font-size: 16px;
    width: 95%;
}
.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: none;
    outline: 0;
    box-shadow: none;
}
#register-form .paragraph {
    font-size: 14px;
    color: #363636;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 18px;
}
.card-body {
    flex: 1 1 auto;
    padding: 29px;
    color: var(--bs-card-color);
}
.card{    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    border: 0;}

.submit-button {
    background-color: #0f2c55;
    width: 100%;
    height: 46px;
    border-radius: 6px;
    text-align: center;
    color: #FFF !important;
    border: none;
    letter-spacing: 2px;
    border-radius: 34px;
    cursor: pointer;
    line-height: 34px;
}
.submit-button:hover {background-color: #000;}

.form-control {
    display: block;
    width: 100%;
    padding: 10px 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 0px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    letter-spacing: 1px;
    font-size: 15px;
}
.inner_caption_banner .title{ font-size: 32px !important;}

.accordion-button:not(.collapsed) .paragraph {
    color: #ffffff !important;
    background-color: #0d5172;

}
.artical_box_section {
    float: left;
    width: 100%;
    border: 1px solid #dfdfdf;
}
.inner_section_main {float: left; width: 100%; margin-top: 50px; margin-bottom: 50px;}


.accordion-button:not(.collapsed) {

    background-color: #0d5172;

}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform);
    filter: invert(1);
}


.btn_menu {
    background-color: #0f2c55;
    width: 216px;
    height: 41px;
    border-radius: 6px;
    text-align: center;
    color: #FFF !important;
    letter-spacing: 2px;
    border-radius: 34px;
    cursor: pointer;
}
.nav-item {
    margin-left: 8px;
}

.banner_section_top {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.banner_contain_section {
    float: left;
    width: 100%;
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
}

.how_it_works {
    float: left;
    width: 100%;
    background: url(../images/how_works.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px 0px;
    margin-top: 13px;
}

.center_work_main_seciton {
    float: left;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 64px;
}
.works_box_section .paragraph{ margin-top: 8px; margin-bottom: 0px;}



.works_box_section {
    float: left;
    width: 100%;
    background-color: #FFF;
    height: 360px;
    padding: 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 199px;
    border: 3px solid #0d5172;
}


.works_box_section .title {font-size: 29px; }



header {
    float: left;
    width: 100%;
    padding: 0px 0px;
}
.banner_contain_section h3 {
    font-size: 50px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #FFF; font-family: "Inter", serif;
}
.member_btn {
    background-color: #0f2c55;
    width: 216px;
    height: 47px;
    border-radius: 6px;
    text-align: center;
    color: #FFF !important;
    letter-spacing: 2px;
    border-radius: 34px;
    display: block;
    text-decoration: none;
    line-height: 47px;
    margin: 0 auto;
    margin-top: 36px;
}



.banner_contain_section h3 span {font-size: 100px; color: #92bfff;}


.supplier_box_section img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -57px;
}
.copyright_section {
    float: left;
    width: 100%;
    text-align: center;
    padding: 8px 0px;
}
.supplier_box_section .title {
    font-size: 24px;
    margin-bottom: 0px;
}

.work_first{position: relative; float: left; width: 100%;}
.work_first:after {
    position: absolute;
    content: "";
    width: 74px;
    height: 74px;
    top: 39%;
    background: url(../images/left.png) no-repeat;
    right: -52px;
    z-index: 999;
}

.legal_disclamer {float: left; width: 100%; background-color: #f5f5f5; padding: 50px 0px; background: url("../images/acc.jpg") no-repeat; background-size: cover; background-position: center;}
.amazon_supplier_section {
    float: left;
    width: 100%;
    padding: 50px 0px;
    padding-top: 99px;
}
.supplier_box_section {
    float: left;
    width: 100%;
    background-color: #f5f5f5;
    padding: 34px;
    position: relative;
    padding-top: 83px;
}

.copyright_section .paragraph {
    font-size: 15px;
    color: #363636;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 6px;
    margin-bottom: 0;
}

.foam_section_home { margin: 0 auto; width:70%; position: relative;}



.foam_section_home .submit-button {
    background-color: #0f2c55;
    width: 19% !important;
    height: 46px;
    border-radius: 6px;
    text-align: center;
    color: #FFF !important;
    border: none;
    letter-spacing: 2px;
    border-radius: 0;
    cursor: pointer;
    line-height: 34px;
    margin: 0px auto;
    margin-bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
}




.banner_contain_section p {
    font-size: 17px;
    color: #FFF;
    width: 29%;
    margin-top: 12px;
    letter-spacing: 1px;
}

.about_section_amazon {
    float: left;
    width: 100%;
    padding: 40px 0px;
    padding-bottom: 0;
}
.title {
    color: #0d2c55;
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    letter-spacing: 1px;
    font-family: "Inter", serif;
}
.padding_right {padding-right: 0px;}
.padding_left {padding-left: 0px;}

.about_left_section {
    float: left;
    width: 100%;
    background: url(../images/about_left.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    height: 782px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
}

.about_right_section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 35px;
    text-align: left;
    float: left;
    width: 100%;
    background-color: #0f2c55;
    margin-top: -81px;
    z-index: 999;
    position: relative;
}
.light_blue {color: #92bfff;}


.about_right_section_bottom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 35px;
    text-align: left;
    float: left;
    width: 100%;
    background-color: transparent;
    margin-top: 0;
    z-index: 999;
    position: relative;
    height: 63%;
}



.paragraph {
    font-size: 17px;
    color: #363636;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 18px;
}

.read_more_btn {
    background-color: #0d5172;
    width: 142px;
    height: 40px;
    border-radius: 6px;
    text-align: center;
    color: #FFF;
    letter-spacing: 2px;
    display: block;
    line-height: 40px;
    text-decoration: none;
    margin: 0 auto;
    margin-top: 43px;
}

@media(max-width:1440px){
	.banner_contain_section h3 span {
    font-size: 68px;
    color: #92bfff;
}
.banner_contain_section h3 {
    font-size: 41px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #FFF;
    font-family: "Inter", serif;
}	
    .banner_contain_section p {
        font-size: 17px;
        color: #FFF;
        width: 40%;
        margin-top: 12px;
        letter-spacing: 1px;
        margin-bottom: 0;
    }

	.paragraph {
    font-size: 16px;
    color: #363636;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 18px;
}
.title {
    color: #0d2c55;
    font-weight: 700;
    font-size: 29px;
    text-align: center;
    letter-spacing: 1px;
    font-family: "Inter", serif;
}	

}




@media(max-width:768px){
	.inner_caption_banner .title {
    font-size: 25px !important;
}
	
	.inner_banner img {height: 150px; object-fit: cover;}	
	.about_right_section_bottom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0;
    text-align: left;
    float: left;
    width: 100%;
    background-color: transparent;
    margin-top: 0;
    z-index: 999;
    position: relative;
    height: auto;
    padding-bottom: 26px;
    padding-top: 33px;
}
	.inner_banner_main img {height: 100px;}	
	
	    	.inner_banner_main .banner_contain_section h3 {
        font-size: 25px;
        font-weight: 700;
        letter-spacing: 2px;
        color: #FFF;
    }
	    .inner_banner_main .banner_contain_section {
        padding: 51px 82px !important;
    }
	.inner_banner .banner_contain_section h3 {margin-bottom: 0px;}	
	
	   .inner_banner_main .banner_contain_section {
        float: left;
        width: 100%;
        position: absolute;
     
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    
    }
	
	.banner_contain_section h3 span {
        font-size: 49px;
        color: #92bfff;
    }
.nav-item {
    margin-left: 0px;
}	
    .btn_menu {
        background-color: #0d2c55 !important;
        width: 123px;
        height: 40px;
        border-radius: 6px;
        text-align: center;
        color: #FFF;
        letter-spacing: 2px;
        width: 100%;
        margin-top: 10px;
    }
.center_work_main_seciton {
    float: left;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 35px;
}	
	
	.works_box_section .title {
    font-size: 23px;
}
	
	.supplier_box_section {
    float: left;
    width: 100%;
    background-color: #f5f5f5;
    padding: 34px;
    position: relative;
    padding-top: 83px;
    margin-top: 79px;
}
	
	.works_box_section {
    float: left;
    width: 100%;
    background-color: #FFF;
    height: auto;
    padding: 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    border: 3px solid #0d5172;
    margin-bottom: 28px;
}
	
	
	
	.title {
    color: #0d5172;
    font-weight: 700;
    font-size: 29px;
    text-align: center;
    letter-spacing: 1px;
}
	.work_first:after {display: none;}
	
	.copyright_section .paragraph {
    font-size: 15px;
    color: #363636;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
}
	.container {max-width:650px;}
    .paragraph {
        font-size: 15px !important;
        color: #363636;
        letter-spacing: 1px;
        text-align: center;
        margin-top: 35px;
    }
	.amazon_supplier_section {
    float: left;
    width: 100%;
    padding: 50px 0px;
    padding-top: 24px;
}
.banner_contain_section {
    float: left;
    width: 100%;
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
  
	left: 0;
}
    .banner_contain_section p {
        font-size: 16px;
        color: #FFF;
        width: 100%;
        margin-top: 12px;
        letter-spacing: 1px;
		margin-bottom: 0px;}
	
	
    .banner_contain_section h3 {
        font-size: 31px;
        font-weight: 700;
        letter-spacing: 2px;
        color: #FFF;
    }
    .banner_contain_section {
        float: left;
        width: 100%;
        position: absolute;
        top: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        height: 100%;
        left: 0;
        padding: 65px 79px;
    }	
	
	.padding_right {padding-right: 12px;}
	.padding_left {
    padding-left: 12px;
}
	.about_left_section {
    float: left;
    width: 100%;
    background: url(../images/about_left.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    height: auto;
    padding: 35px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
}
	.about_right_section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 35px;
    text-align: left;
    float: left;
    width: 100%;
    background-color: #0f2c55;
    margin-top: 0;
    z-index: 999;
    position: relative;
}
.foam_section_home {
    margin: 0 auto;
    width: 100%;
}
    .foam_section_home .submit-button {
        background-color: #0f2c55;
        width: 28% !important;
        height: 46px;
        border-radius: 6px;
        text-align: center;
        color: #FFF !important;
        border: none;
        letter-spacing: 2px;
        border-radius: 34px;
        cursor: pointer;
        line-height: 34px;
        margin: 26px auto;
        margin-bottom: 0;
        position: relative;
    }	
	
}

@media(max-width:600px){
	
	.banner_contain_section p {display: none;}
    .container {
        max-width: 550px;
    }	
	    .banner_contain_section h3 {
        font-size: 26px;
        font-weight: 700;
        letter-spacing: 2px;
        color: #FFF;
    }
	    .banner_contain_section {
        float: left;
        width: 100%;
        position: absolute;
        top: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        height: 100%;
        left: 0;
        padding: 49px;
    }
}

@media(max-width:480px){
	.card-body img {width: 200px;}
	
		.inner_banner img {height: 100px; object-fit: cover;}	
	
	
	    .inner_caption_banner .title {
        font-size: 19px !important;
    }
	
	
	.banner_contain_section h3 span {
        font-size: 32px;
        color: #92bfff;
    }
	   .legal2 .paragraph {
       
        margin-top: 0;
    }
	.inner_banner_main .banner_contain_section h3 {
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 2px;
        color: #FFF;
    }
	
	.accordion-header .paragraph {
    font-size: 15px;
    width: 95%;
}
	.banner_contain_section p {display: none;}
    .container {
        max-width: 450px;
    }	
	
    .navbar-brand img {
        width: 65%;
    }
.banner_contain_section h3 {
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 2px;
        color: #FFF;
    }
	    .banner_contain_section {
        float: left;
        width: 100%;
        position: absolute;
        top: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        height: 100%;
        left: 0;
        padding: 49px;
    }
	
	    .title {
        color: #0d5172;
        font-weight: 700;
        font-size: 22px;
        text-align: center;
        letter-spacing: 1px;
    }
	.supplier_box_section .title {
    font-size: 21px;
    margin-bottom: 0px;
}
.supplier_box_section img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -41px;
    width: 21%;
}	
	    .supplier_box_section {
        float: left;
        width: 100%;
        background-color: #f5f5f5;
        padding: 34px;
        position: relative;
        padding-top: 67px;
        margin-top: 79px;
    }
	
	
}


@media(max-width:414px){
	    .works_box_section .title {
        font-size: 20px;
    }
	
	    .paragraph {
        font-size: 15px;
        color: #363636;
        letter-spacing: 1px;
        text-align: center;
        margin-top: 16px;
    } 
	
	.copyright_section .paragraph {
        font-size: 13px;
        color: #363636;
        letter-spacing: 1px;
        text-align: center;
        margin-top: 0;
        margin-bottom: 0;
    }
	
	.navbar-brand {
 
    width: 76%;
}
	.banner_contain_section p {display: none;}
    .container {
        max-width: 400px;
    }	
	
    .navbar-brand img {
        width: 65%;
    }
.banner_contain_section h3 {
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 2px;
        color: #FFF;
    }
	 .banner_contain_section {
        float: left;
        width: 100%;
        position: absolute;
        top: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        height: 100%;
        left: 0;
        padding: 28px;
    }
	
	    .title {
        color: #0d5172;
        font-weight: 700;
        font-size: 22px;
        text-align: center;
        letter-spacing: 1px;
    }
    .supplier_box_section .title {
        font-size: 19px;
	}
.supplier_box_section img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -41px;
    width: 21%;
}	
	    .supplier_box_section {
        float: left;
        width: 100%;
        background-color: #f5f5f5;
        padding: 34px;
        position: relative;
        padding-top: 67px;
        margin-top: 79px;
    }
	
	
}

@media(max-width:375px){
	    .works_box_section .title {
        font-size: 20px;
    }
	
	    .paragraph {
        font-size: 15px;
        color: #363636;
        letter-spacing: 1px;
        text-align: center;
        margin-top: 18px;
    }
	
	.copyright_section .paragraph {
        font-size: 13px;
        color: #363636;
        letter-spacing: 1px;
        text-align: center;
        margin-top: 0;
        margin-bottom: 0;
    }
	
	.navbar-brand {
 
    width: 76%;
}
	.banner_contain_section p {display: none;}
    .container {
        max-width: 360px;
    }	
	
    .navbar-brand img {
        width: 65%;
    }
.banner_contain_section h3 {
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 2px;
        color: #FFF;
    }
	     .banner_contain_section {
        float: left;
        width: 100%;
        position: absolute;
        top: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        height: 100%;
        left: 0;
        padding: 28px;
    }
	    .title {
        color: #0d5172;
        font-weight: 700;
        font-size: 22px;
        text-align: center;
        letter-spacing: 1px;
    }
    .supplier_box_section .title {
        font-size: 19px;
	}
.supplier_box_section img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -41px;
    width: 21%;
}	
	    .supplier_box_section {
        float: left;
        width: 100%;
        background-color: #f5f5f5;
        padding: 34px;
        position: relative;
        padding-top: 67px;
        margin-top: 79px;
    }
	
	
}