.border-section,.desh-heading,.foRMen,.intlink,.iti,.upper-grey-line {
    position: relative
}

.back-to-top-btn,a {
    text-decoration: none
}

.button-19,body {
    box-sizing: border-box
}

@font-face {
    font-family: futura_ptbold;
    src: url("../new-fonts/rhysleycom-Futura/futurapt-bold-webfont.woff2") format("woff2"),url("../new-fonts/rhysleycom-Futura/futurapt-bold-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: futura_ptextra_bold;
    src: url("../new-fonts/rhysleycom-Futura/futurapt-extrabold-webfont.woff2") format("woff2"),url("../new-fonts/rhysleycom-Futura/futurapt-extrabold-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: futura_ptbook;
    src: url("../new-fonts/rhysleycom-Futura/futurapt-book-webfont.woff2") format("woff2"),url("../new-fonts/rhysleycom-Futura/futurapt-book-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: futura_ptlight;
    src: url("../new-fonts/rhysleycom-Futura/futurapt-light-webfont.woff2") format("woff2"),url("../new-fonts/rhysleycom-Futura/futurapt-light-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: futura_ptmedium;
    src: url("../new-fonts/rhysleycom-Futura/futurapt-medium-webfont.woff2") format("woff2"),url("../new-fonts/rhysleycom-Futura/futurapt-medium-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

body {
    font-family: futura_ptbook;
    font-size: 16px;
    padding-top: 70px
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 400;
    font-family: futura_ptmedium
}

p {
    font-family: futura_ptbook
}

:root {
    --btnnew-bg: #ffd400;
    --textnew-color: #ffd400;
    --desh-heading: #0093ac;
    --desh-heading-bg: #0093ac
}

.upper-grey-line::before {
    content: "";
    width: 160px;
    height: 4px;
    background-color: #ddd;
    position: absolute;
    left: 0;
    right: auto;
    top: -20px;
    bottom: auto;
    margin: auto
}

.video-placeholder {
    width: 100%;
    height: 255px;
    background: url('https://img.youtube.com/vi/5lwY_KMKNYg/hqdefault.jpg') center center/cover no-repeat #ccc;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    font-family: Arial,sans-serif
}

.play-button {
    width: 50px;
    height: 50px;
    background: rgba(0,0,0,.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 6px rgba(0,0,0,.3)
}

.border-seprater:before,.drop-connect:before {
    content: "";
    margin: 0 auto;
    left: 0;
    position: absolute;
    right: 0
}

.button,.iti,.video,.video img {
    width: 100%
}

.benefits,.denimtab li button:hover,.drops-solution,.newdesignbtn {
    background: #ffd400
}

.drops-so {
    background: #edededc7
}

.job-detail-wrapper .job-detail-header ul {
    list-style-type: none;
    padding: 0;
    display: flex
}

.banner-home .h1,.bulkorder h5,.bulkorder p {
    text-shadow: 2px 4px 2px #060606
}

.job-usp {
    display: flex;
    margin-bottom: 0!important
}

.intlink {
    display: inline-block;
    border-bottom: 2px solid #ccc!important;
    transition: .2s ease-in
}

.drops img {
    width: 60px!important;
    height: 60px!important
}

.drops .flip-box-front {
    background-color: #fff;
    color: #000;
    padding: 10px
}

.denim li a .active,.denim li a:hover,.intlink:hover {
    color: #ffd400!important
}

.drop-connect:before {
    height: 130px;
    width: 5px;
    background: #ffd400;
    display: block;
    bottom: -110px
}

.border-seprater:before {
    width: 70%;
    height: 5px;
    background: #ffd400;
    top: 50%;
    z-index: -9
}

.choose-rhysle li button.active {
    background: #ffd400;
    border-radius: 5px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    padding: 4px
}

.choose-rhysle li {
    width: 100%;
    padding: 15px 0;
    border-bottom: 2px solid #f1eaea
}

.choose-rhysle li button {
    width: 100%;
    text-align: left;
    background: 0 0
}

.intlink::after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    left: 0;
    bottom: -3px;
    background-color: #000;
    transition: transform .25s ease-out
}

.intlink:hover {
    border-bottom: 2px solid transparent!important
}

.intlink:hover::after {
    transform: scaleX(1)
}

.t-bx {
    border: 2px solid #ffd400
}

.thankyou h1 {
    font-size: 50px;
    letter-spacing: 10px
}

.thankyou h2 {
    font-size: 32px
}

.faq-accodian {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --bs-accordion-btn-icon-width: 30px;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 15l-6-6-6 6' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.faq-accodian .accordion-button::after {
    transition: var(--bs-accordion-btn-icon-transition)!important
}

.job-usp span {
    margin-right: 10px;
    font-size: 13px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 4px 15px;
    border-radius: 30px;
    text-transform: capitalize;
    margin-bottom: .75rem
}

.job-detail-wrapper .job-detail-header ul li {
    border-right: 1px solid #ddd;
    padding-right: 15px;
    margin-right: 15px;
    font-size: 14px
}

.job-detail-wrapper .job-detail-header ul li:last-child {
    border-right: none
}

.job-detail-wrapper .job-detail-header ul li img {
    height: 20px;
    width: auto;
    display: inline-block;
    margin-right: 7px
}

.wrapper {
    width: 100%;
    overflow: hidden
}

.btn-connect {
    background: #0d6efd;
    color: #fff;
    line-height: 1;
    margin-top: 3px
}

.desh-heading,.our_Vast {
    color: var(--desh-heading)
}

.btn-connect:hover {
    color: rgba(255,255,255,.8)
}

.banner-main-heading,.denim_home h5 {
    margin-top: 150px
}

.banner-content {
    padding: 20px
}

.banner-content ul {
    padding-left: 0
}

.banner-content ul li,.list_capabillities li {
    line-height: 28px;
    position: relative;
    padding-left: 25px
}

.banner-content ul li {
    display: block;
    padding-bottom: 15px
}

.banner-content ul li::before {
    content: "\F633";
    font-family: bootstrap-icons!important;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px
}

.banner-content picture img {
    width: 70px;
    height: auto
}

.fw-900 {
    font-weight: 900
}

.desh-heading::after {
    content: "";
    width: 20px;
    height: 4px;
    display: block;
    background: var(--desh-heading-bg);
    position: absolute;
    left: 0;
    top: 43%
}

.productfolieo_heading {
    background: #0093ac;
    padding: 25px;
    position: relative
}

#denim-manufacture,.videotour {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;
    background-position: center
}

.productfolieo_heading::after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    background: url(../images/heading-bg.png);
    top: -60px;
    left: -40px;
    height: 110px;
    z-index: -9
}

.list_capabillities li {
    list-style: none;
    padding-bottom: 10px
}

.list_capabillities li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    background-image: url(https://files.rhysley.com/img/check-lg.svg);
    background-size: 100%;
    width: 16px;
    height: 16px
}

.finishing li {
    margin-bottom: 0!important
}

.videotour a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 10px
}

.eco-friendly {
    margin-top: 178px
}

.eco-friendly-bg {
    height: 220px;
    margin-top: 70px
}

.truck-content {
    margin-top: 110px
}

.border-section::before {
    content: "";
    width: 10px;
    height: 80%;
    background: #0093ac;
    display: block;
    position: absolute;
    top: 10%;
    right: 0
}

.truck-border::before {
    left: 0
}

.back-to-top-btn {
    width: 40px;
    height: 40px;
    position: fixed;
    right: 20px;
    bottom: 100px;
    text-align: center;
    line-height: 36px;
    color: #373737;
    font-weight: 700;
    -webkit-transition: .4s;
    -ms-transition: .4s;
    transition: .4s
}

.back-to-top-btn:active,.back-to-top-btn:hover {
    box-shadow: none!important
}

.videotour {
    background-image: url("https://files.rhysley.com/img/factory-image-tour-min.webp");
    height: 100vh
}

.cutting-and-Sewing {
    background-image: url("https://files.rhysley.com/img/cut-and-sew-manufacture.webp")!important
}

.spain-profile {
    background-image: url("https://files.rhysley.com/img/spain-rhysley-direct.webp")!important
}

#denim-manufacture {
    background-image: url("../images/rhysley-logo-bg.png")
}

.aboutus-denim {
    background: rgb(243 238 238 / 80%)
}

.sustaninable .ourprocess h5 {
    font-size: 80px;
    line-height: 53px;
    margin-top: -16px
}

.denimbgcolor {
    background: #dcdcdc
}

.denimbgcolor_one {
    background-color: #c9c9c9
}

#mainWebsiteFooterDesktop .accordion-button::after {
    display: none!important
}

.ourprocess h5 {
    font-size: 50px;
    line-height: 53px;
    margin-top: -16px
}

.hoodies {
    background-image: url("https://files.rhysley.com/img/hoodies-banner.webp")!important
}

span.ourprocess-nomber {
    font-size: 130px;
    line-height: 74px
}

.bulkorder {
    background-image: url("https://files.rhysley.com/img/bulk-order.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% auto;
    background-position: center;
    padding: 170px!important
}

.sustaninable {
    margin-top: -130px
}

all {
    width: 80%;
    max-width: 500px;
    margin: auto;
    display: grid;
    grid-gap: 1.5em
}

.video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.bar,.button,.video video {
    position: absolute
}

.video video {
    width: 100%;
    height: 100%
}

.button {
    height: 70%;
    z-index: 1;
    color: #fff;
    font-size: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-shadow: 0 0 15px rgba(0,0,0,.5);
    margin-top: 30px
}

.hover {
    visibility: hidden;
    transition: visibility .3s,opacity .3s;
    opacity: 0
}

.video:hover .hover {
    visibility: visible;
    opacity: 1
}

.bar {
    height: 5px;
    background: red;
    width: 0;
    bottom: 0;
    z-index: 2
}

.productsvideo .video {
    height: 415px!important
}

.main-services-in:after,.main-services-in:before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    z-index: -9;
    top: 0
}

.bannercontents {
    top: 40%;
    position: absolute;
    left: 26%;
    transform: translate(-25%,-50%)
}

.tablist-denim .denimtab li button {
    width: 200px;
    font-size: 20px;
    background: #333;
    color: #fff;
    font-weight: 600;
    margin-right: 15px;
    margin-bottom: 10px
}

.tablist-denim .denimtab li button:hover {
    color: #333!important
}

.t-shirt-color {
    background-color: #14c89b
}

.main-services-in:before {
    width: 28%;
    background: #ccf5eb;
    border-radius: 0 30px 30px 0
}

.main-services-in:after {
    width: 27%;
    background: #ccf5eb;
    border-radius: 30px 0 0 30px;
    right: 0
}

.bar-in:after,.bar-in:before {
    height: 4px;
    width: 91%;
    left: auto;
    display: block;
    position: absolute;
    content: ""
}

.main-services-in {
    position: relative;
    padding: 20px 0 10px
}

.wy {
    background: #ccf5eb
}

.count-up,.ourcollection {
    background-repeat: no-repeat;
    background-position: center
}

.ourcollection {
    background-image: url("https://files.rhysley.com/img/tshirts/our-collection.jpg");
    background-attachment: fixed;
    background-size: 100%
}

.count-up,.sewing-machine {
    background-image: url("https://files.rhysley.com/img/tshirts/sewing-machine.png")
}

.count-up {
    background-size: 100% auto;
    height: 350px
}

.skilled-employees {
    background-image: url("https://files.rhysley.com/img/tshirts/skilled-employees.png")
}

.squarefootage {
    background-image: url("https://files.rhysley.com/img/tshirts/squarefootage.png")
}

.pcspermonth {
    background-image: url("https://files.rhysley.com/img/tshirts/pcspermonth.png")
}

.satisfied-client-tshirts {
    background-image: url("https://files.rhysley.com/img/tshirts/satisfied-client-tshirts.png")
}

.count-space {
    padding-top: 150px
}

.best-tshirt {
    margin-top: -60px
}

.bar-in:after {
    background: #3c9ee3;
    right: -63px
}

.bar-in:before {
    background: #693ce3;
    right: 0
}

.bar-in {
    position: relative;
    right: -130px;
    width: 43%;
    bottom: 35px
}

.customized-section {
    padding: 100px
}

.customized-section-main:before {
    position: absolute;
    content: "";
    background: url("https://files.rhysley.com/img/tshirts/coustomizes-dots.png") 0 0/100% no-repeat;
    width: 3px;
    height: 100px;
    display: block;
    margin: 0 auto;
    bottom: -90px;
    left: 0;
    right: 0
}

.footer-tshitrs {
    background: url("https://files.rhysley.com/img/tshirts/footer-bg-tshirts.jpg")
}

.list-icon-homepage li:after {
    content: "\F26A";
    height: auto;
    font-family: bootstrap-icons;
    position: absolute;
    left: -30px;
    color: #4e8bef;
    top: 0
}

.list-icon-homepage li {
    position: relative;
    list-style: none
}

.homePageBg {
    background-color: #3e71c5
}

.doted-bg {
    background-image: url("https://files.rhysley.com/img/tshirts/dots-bg.png")
}

.product-categroy-inner {
    margin-top: 120px!important
}

.product-inner-section {
    position: relative;
    height: 100%
}

.foRMen:after,.overlay-img {
    width: 100%;
    position: absolute
}

.product-inner-section p {
    color: #7fa1d9
}

.image-box {
    display: block;
    width: 100%;
    height: 100%!important
}

.overlay-img {
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.8);
    overflow: hidden;
    height: 0;
    transition: .5s
}

.product-inner-section:hover .overlay-img {
    height: 90px;
    text-align: center;
    padding-top: 25px
}

.foRMen:after {
    content: "";
    height: 400px;
    background: #dde3e5;
    top: 40%;
    z-index: -999
}

.woMan-bg:after,.woMan-bg:before {
    height: 400px;
    background: #dde3e5;
    z-index: -999999;
    content: "";
    width: 100%;
    position: absolute
}

.woMan-bg:after {
    top: auto;
    bottom: -6%
}

.woMan-bg:before {
    top: 28%
}

.our-menufaction {
    margin-top: 160px
}

.button-19 {
    appearance: button;
    background-color: #aeb3b5;
    border: solid transparent;
    border-radius: 16px;
    border-width: 0 0 4px;
    overflow: visible;
    text-align: center;
    touch-action: manipulation;
    transform: translateZ(0);
    transition: filter .1s;
    user-select: none;
    -webkit-user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.button-19:after {
    background-clip: padding-box;
    background-color: var(--bs-gradient);
    border: solid transparent;
    border-radius: 16px;
    border-width: 0 0 4px;
    bottom: -4px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.expertisedenim {
    position: relative;
    padding-top: 100px
}

.expertisedenim:before {
    content: "";
    width: 100%;
    height: 260px;
    position: absolute;
    display: block;
    background: url("https://files.rhysley.com/img/tshirts/deshbg-home-page.png") 0 0/100%;
    z-index: -9
}

.denimrange:before,.men-den:before {
    width: 40%;
    position: absolute;
    background: #dde3e5;
    bottom: 0;
    content: ""
}

.innertext-homepage-denim {
    background: url("https://files.rhysley.com/img/tshirts/denim-bg-homepage.jpg") no-repeat;
    margin-top: 82px;
    padding: 110px 170px;
    height: 482px
}

.innertext-homepage-denim a {
    float: right;
    margin-top: 80px
}

.denimrange .product-inner-section:hover .overlay-img {
    height: 80px;
    text-align: center;
    padding-top: 20px
}

.denim-range-homepage {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.den h5 {
    color: #3e71c5
}

.denimrange:before {
    height: 83.2%;
    right: 0
}

.men-den:before {
    height: 100%;
    left: 0
}

.about-section-mob h6 {
    margin-top: 82px!important
}

.lets-connect:hover {
    background-color: #333!important
}

.banner-home,.direct-deal {
    background-repeat: no-repeat
}

@media only screen and (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left:8px;
        padding-right: 8px
    }
}

@media only screen and (max-width: 767px) {
    body .drops-solution ul {
        width: 100% !important;
        flex-wrap: wrap;
        
    }
    body .drops-solution ul li {
        width: 100% !important;
        margin-bottom: 10px;
        
    }
    .banner-home {
        background-size:100% 100%
    }

    .thankyou h1 {
        font-size: 40px;
        letter-spacing: 0
    }

    .thankyou h2 {
        font-size: 26px
    }

    .thankyou .check {
        width: 80px;
        margin-bottom: 20px
    }

    .banner-home:before,.uk-main:before {
        content: "";
        background: #00000070;
        width: 100%;
        height: 100%;
        position: absolute;
        display: block;
        top: 0
    }

    .spain {
        background-image: url("https://files.rhysley.com/img/spain-rhysley-main-mob.webp")!important
    }

    .spain-profile {
        background-image: url("https://files.rhysley.com/img/spain-rhysley-direct-mob.webp")!important
    }

    .uk-profile {
        background-image: url("https://files.rhysley.com/img/uk-profile-mob.webp")!important
    }

    .us-main {
        background-image: url("https://files.rhysley.com/img/us-main-mob.webp")!important
    }

    .de-main {
        background-image: url("https://files.rhysley.com/img/de-main-mob.webp")!important
    }

    .direct-deal-de {
        background-image: url("https://files.rhysley.com/img/de-rhysley-no-middle-mob.webp")!important
    }

    .de-profile {
        background-image: url("https://files.rhysley.com/img/de-rhysley-direct-mob.webp")!important
    }

    .ca-main {
        background-image: url(https://files.rhysley.com/img/ca-rhysley-main-mob.webp)!important
    }

    .direct-deal-ca {
        background-image: url("https://files.rhysley.com/img/ca-rhysley-no-middle-mb.webp")!important
    }

    .ca-profile {
        background-image: url("https://files.rhysley.com/img/ca-rhysley-direct-mob.webp")!important
    }

    .uae-main {
        background-image: url("https://files.rhysley.com/img/uae-main-mob.webp")!important
    }

    .direct-deal-uae {
        background-image: url("https://files.rhysley.com/img/uae-rhysley-no-middle-mob.webp")!important
    }

    .uae-profile {
        background-image: url("https://files.rhysley.com/img/uae-rhysley-direct-mob.webp")!important
    }

    .kids {
        background-image: url("https://files.rhysley.com/img/kids-mob-banner.webp")!important
    }

    .my-main {
        background-image: url("https://files.rhysley.com/img/my-main-mob.webp")!important
    }

    .uk-main {
        background-image: url("https://files.rhysley.com/img/de-main-mob.webp")!important;
        background-size: 100% auto!important;
        padding: 60px 0!important
    }

    .cutting-and-Sewing {
        background-image: url("https://files.rhysley.com/img/cut-and-sew-manufacture-mob.webp")!important
    }

    .hoodies {
        background-image: url("https://files.rhysley.com/img/hoodies-banner-mob.webp")!important
    }

    .direct-deal-uk {
        background-image: url("https://files.rhysley.com/img/direct-deal-uk-mob.webp")!important
    }

    .direct-deal-my {
        background-image: url("https://files.rhysley.com/img/my-rhysley-no-middle-mob.webp")!important
    }

    .my-profile {
        background-image: url("https://files.rhysley.com/img/my-profile-mob.webp")!important
    }

    .direct-deal-us {
        background-image: url("https://files.rhysley.com/img/us-rhysley-no-middle-mob.webp")!important
    }

    .us-profile {
        background-image: url("https://files.rhysley.com/img/us-rhysley-direct-mob.webp")!important
    }

    .sa-main {
        background-image: url("https://files.rhysley.com/img/sa-main-mob.webp")!important
    }

    .africa-main {
        background-image: url("https://files.rhysley.com/img/s-africa-main-mob.webp")!important
    }

    .direct-deal-africa {
        background-image: url("https://files.rhysley.com/img/s-africa-rhysley-no-middle-mob.webp")!important
    }

    .sg-main {
        background-image: url("https://files.rhysley.com/img/sg-main-mob.webp")!important
    }

    .direct-deal-sg {
        background-image: url("https://files.rhysley.com/img/direct-deal-sg-mob.webp")!important
    }

    .sg-profile {
        background-image: url("https://files.rhysley.com/img/sg-profile-mob.webp")!important
    }

    .africa-profile {
        background-image: url("https://files.rhysley.com/img/s-africa-rhysley-direct-mob.webp")!important
    }

    .direct-deal-sa {
        background-image: url("https://files.rhysley.com/img/sa-rhysley-no-middle-mob.webp")!important
    }

    .sa-profile {
        background-image: url("https://files.rhysley.com/img/sa-rhysley-direct-mob.webp")!important
    }

    .france {
        background-image: url("https://files.rhysley.com/img/france-rhysley-main-mob.webp")!important
    }

    .turkish {
        background-image: url("https://files.rhysley.com/img/turkish-rhysley-main-mob.jpg")!important
    }
    .italy {
        background-image: url("https://files.rhysley.com/img/italy-rhysley-main-mob.jpg")!important
    }
    

    .dropshipping-main {
        background-image: url("https://files.rhysley.com/img/dropshipping-mob.jpg")!important
    }

    .direct-deal-france {
        background-image: url("https://files.rhysley.com/img/france-rhysley-no-middle-mob.webp")!important
    }
    .direct-deal-turkish {
        background-image: url("https://files.rhysley.com/img/turkish-rhysley-no-middle-mob.jpg")!important
    }

    .direct-deal-italy {
        background-image: url("https://files.rhysley.com/img/italy-rhysley-no-middle-mob.jpg")!important
    }

    .fr-profile {
        background-image: url("https://files.rhysley.com/img/france-rhysley-direct-mob.webp")!important
    }
    .turkish-profile {
        background-image: url("https://files.rhysley.com/img/turkish-rhysley-direct-mob.jpg")!important
    }

    .italy-profile {
        background-image: url("https://files.rhysley.com/img/italy-rhysley-direct-mob.jpg")!important
    }

    .african-m {
        background-image: url("https://files.rhysley.com/img/south-africa-main-mob.webp")!important
    }

    .low-moq {
        background-image: url("https://files.rhysley.com/img/moq-low-mob.jpg")!important
    }

    .home-product-list .sustaninable .ourprocess h5 {
        font-size: 30px
    }

    .ourprocess h5 {
        font-size: 35px;
        line-height: 38px;
        margin-top: 0!important
    }

    span.ourprocess-nomber {
        font-size: 75px;
        line-height: 70px;
        margin-right: 5px
    }

    .bulkorder {
        background-attachment: scroll!important;
        padding: 26px!important;
        background-size: 100% 100%
    }

    .aboutus-denim {
        text-align: left!important
    }

    .sustaninable {
        margin-top: -65px
    }

    .sustaninable h5 {
        font-size: 35px;
        line-height: 11px;
        margin-top: 0!important
    }

    .bannercontents {
        top: 38%;
        position: relative;
        left: 26%;
        transform: translate(-23%,-43%)
    }

    .bar-in,.border-seprater:before {
        display: none
    }

    .customized-section {
        padding: 20px
    }

    .count-up {
        background-size: 100% auto
    }

    .product-categroy-inner {
        margin-top: 40px!important
    }

    .denim-content-nhp {
        padding: 25px 20px!important
    }

    .drops .flip-box {
        width: 86%;
        margin-bottom: 16px
    }

    .benefits {
        width: 86%;
        margin: 0 auto
    }

    .choose-rhysle li {
        padding: 4px 0
    }

    .banner-content h1,.choose-rhysle li button {
        font-size: 20px!important
    }

    .denimslider:after {
        height: 120px
    }

    .our-menufaction {
        margin-top: 20px
    }

    .menuinterlinking a {
        width: 46%;
        float: left;
        font-size: 15px!important;
        margin-bottom: 8px
    }

    .denim_home h5,.eco-friendly,.truck-content {
        margin-top: 0
    }

    .innertext-homepage-denim {
        margin-top: 0;
        padding: 10px 20px;
        height: auto
    }

    .innertext-homepage-denim a {
        float: right;
        margin-top: -20px
    }

    .denim-range-homepage {
        position: relative;
        top: 0;
        transform: translate(0,0);
        background: #cccc;
        left: 0
    }

    .about-section-mob h6 {
        margin-top: 25px!important
    }

    .bluedenim .sustaninable {
        margin-top: -50px
    }

    .bluedenim .sustaninable .ourprocess h5 {
        font-size: 35px;
        line-height: 0;
        margin-top: 0!important
    }

    .banner-content {
        box-shadow: 3px 2px 24px #000;
        padding: 10px
    }

    #mainWebsiteFooterDesktop .accordion-button::after {
        display: block!important
    }
}

.denim li a {
    color: #b9b9b9!important;
    padding-top: 5px;
    padding-bottom: 5px
}

.denimtab li button,.wrapper .slick-dots li button:before {
    font-size: 20px;
    color: #fff
}

.banner-home {
    background-image: url("https://files.rhysley.com/img/newhomepage/homepagebanner2.jpg");
    background-size: 100% auto;
    padding: 60px 0;
    position: relative
}

.us-main {
    background-image: url("https://files.rhysley.com/img/newhomepage/us-rhysley-main.webp")
}

.spain {
    background-image: url("https://files.rhysley.com/img/spain-rhysley-main.webp")
}

.kids {
    background-image: url("https://files.rhysley.com/img/kids-banner.webp")
}

.de-main {
    background-image: url("https://files.rhysley.com/img/de-rhysley-main.webp")
}

.ca-main {
    background-image: url("https://files.rhysley.com/img/ca-rhysley-main.webp")
}

.uk-main {
    background-image: url("https://files.rhysley.com/img/uk-main.webp")
}

.uae-main {
    background-image: url("https://files.rhysley.com/img/uae-main.webp")
}

.sa-main {
    background-image: url("https://files.rhysley.com/img/sa-main..webp")
}

.sg-main {
    background-image: url("https://files.rhysley.com/img/sg-main.webp")
}

.my-main {
    background-image: url("https://files.rhysley.com/img/my-main.webp")
}

.africa-main {
    background-image: url("https://files.rhysley.com/img/s-africa-main.webp")
}

.france {
    background-image: url("https://files.rhysley.com/img/france-rhysley-main.webp")
}

.turkish {
    background-image: url("https://files.rhysley.com/img/turkish-rhysley-main.jpg")
}

.italy {
    background-image: url("https://files.rhysley.com/img/italy-rhysley-main.jpg")
}

.dropshipping-main {
    background-image: url("https://files.rhysley.com/img/dropshoping-main.jpg")
}

.work-wear {
    background-image: url("https://files.rhysley.com/img/work-wear.jpg")!important;
    padding: 50px 0!important
}

.form-bottom-main input {
    width: 120px;
    height: 50px
}

.form-bottom-main img {
    width: 120px;
    border: 1px solid #333;
    border-radius: 10px;
    margin-right: 10px
}

.refresh-button img {
    width: 50px;
    margin-left: 0
}

.texthomepage {
    color: #ffd400
}

.slick-slide {
    margin: 0 10px
}

.slick-slide img {
    width: 100%;
    border: transparent!important
}

.blog-pagination li.page-item.active span,.leftmenu ul li a.active {
    color: #333!important;
    background: #ffd400!important
}

.slick-list {
    padding: 0!important
}

.video-heading {
    position: absolute;
    left: 0;
    bottom: 30%;
    right: 0;
    margin: 0 auto;
    width: 170px
}

.slick-next:before,.slick-prev:before {
    color: #000
}

.blog-slider-main .blog-post-title.text-start.my-2 {
    min-height: 45px
}

.slick-prev:before {
    margin-left: 7px
}

.denimslider:after {
    content: "";
    height: 160px;
    width: 100%;
    background: #000;
    position: absolute;
    bottom: 0;
    z-index: -9
}

.direct-deal {
    background-image: url("https://files.rhysley.com/img/newhomepage/diret-deal-bg.jpg");
    background-attachment: fixed;
    background-size: 100%;
    background-position: center
}

.direct-deal-spain {
    background-image: url("https://files.rhysley.com/img/spain-rhysley-no-middle.webp")
}

.direct-deal-us {
    background-image: url("https://files.rhysley.com/img/newhomepage/us-rhysley-no-middle.webp")
}

.direct-deal-de {
    background-image: url("https://files.rhysley.com/img/de-rhysley-no-middle-min.webp")
}

.direct-deal-ca {
    background-image: url("https://files.rhysley.com/img/ca-rhysley-no-middle.webp")
}

.direct-deal-uk {
    background-image: url("https://files.rhysley.com/img/direct-deal-uk.webp")
}

.direct-deal-uae {
    background-image: url("https://files.rhysley.com/img/uae-rhysley-no-middle.webp")
}

.direct-deal-sa {
    background-image: url("https://files.rhysley.com/img/sa-rhysley-no-middle.webp")
}

.direct-deal-africa {
    background-image: url("https://files.rhysley.com/img/s-africa-rhysley-no-middle.webp")
}

.direct-deal-sg {
    background-image: url("https://files.rhysley.com/img/direct-deal-sg.webp")
}

.direct-deal-my {
    background-image: url("https://files.rhysley.com/img/my-rhysley-no-middle.webp")
}

.direct-deal-inner {
    background: rgba(000,000,000,.6);
    margin: 80px 0!important
}

.direct-deal-france {
    background-image: url("https://files.rhysley.com/img/france-rhysley-no-middle.webp")
}
.direct-deal-turkish {
    background-image: url("https://files.rhysley.com/img/turkish-rhysley-no-middle.jpg")
}
.direct-deal-italy {
    background-image: url("https://files.rhysley.com/img/italy-rhysley-no-middle.jpg")
}

.african-m {
    background-image: url("https://files.rhysley.com/img/south-africa-main.webp")
}

.low-moq {
    background-image: url("https://files.rhysley.com/img/low-MOQ-clothing-banner.jpg")
}

.numbercounticon {
    background: #ffd400;
    width: 30px;
    height: 30px;
    margin: 0 auto
}

.howitwork-icon h5 {
    font-size: 15px
}

.howitwork img {
    width: 100px
}

.howitwork li {
    list-style: none
}

.numbercounticon:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 80px;
    background: #000;
    margin-top: 13px;
    margin-left: 29px
}

.psot-d:before {
    display: none
}
.whychoose .flip-box {
    height: 420px;
    margin-bottom: 20px;
}

.whychoose .flip-box-back, .whychoose .flip-box-front {
    justify-content: start;
}

.flip-box {
    background-color: transparent;
    width: 100%;
    height: 300px;
    perspective: 1000px;
    margin: 0 auto
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform .8s;
    transform-style: preserve-3d;
    display: flex;
    justify-content: center;
    align-items: center
}

.flip-box-back,.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg)
}
/* .whychoose .flip-box-back, .whychoose .flip-box-front {
    justify-content: start;
} */

.flip-box-back,.flip-box-front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.flip-box-front {
    background-color: #f2f2f2;
    color: #000;
    padding: 10px
}

.flip-box-back img,.flip-box-front img {
    height: 70px;
    width: 70px
}

.different-bottom li,.different-tops li {
    height: 65px;
    padding-top: 10px;
    list-style: none;
    float: left;
    text-align: center
}

.flip-box-back {
    background-color: #ffd400;
    color: #000;
    padding: 10px
}

.whychoosenhp {
    background: rgba(255,255,255,.6)
}

.susnhp {
    background: rgba(0,0,0,.7)!important
}

.nhp-profile,.sustainable-nhp {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;
    background-position: center;
    padding: 80px 0 200px
}

.nhp-profile {
    background-image: url("https://files.rhysley.com/img/newhomepage/factorybg-homepage.jpg")
}

.us-profile {
    background-image: url("https://files.rhysley.com/img/newhomepage/us-rhysley-direct.webp")
}

.de-profile {
    background-image: url("https://files.rhysley.com/img/de-rhysley-direct-min.webp")
}

.ca-profile {
    background-image: url("https://files.rhysley.com/img/ca-rhysley-direct.webp")
}

.uk-profile {
    background-image: url("https://files.rhysley.com/img/uk-profile.webp")
}

.uae-profile {
    background-image: url("https://files.rhysley.com/img/uae-rhysley-direct.webp")
}

.sa-profile {
    background-image: url("https://files.rhysley.com/img/sa-rhysley-direct.webp")
}

.africa-profile {
    background-image: url("https://files.rhysley.com/img/s-africa-rhysley-direct.webp")
}

.sg-profile {
    background-image: url("https://files.rhysley.com/img/sg-profile.webp")
}

.my-profile {
    background-image: url("https://files.rhysley.com/img/my-rhysley-direct.webp")
}

.fr-profile {
    background-image: url("https://files.rhysley.com/img/france-rhysley-direct.webp")
}

.turkish-profile {
    background-image: url("https://files.rhysley.com/img/turkish-rhysley-direct.jpg")
}

.italy-profile {
    background-image: url("https://files.rhysley.com/img/italy-rhysley-direct.jpg")
}

.whychoosenhp h2 {
    margin-top: -40px
}

.whychoosenhp ul li {
    list-style: none;
    text-align: left;
    margin-bottom: 14px;
    position: relative
}

.iconbg-footer i {
    line-height: 2
}

.bi::before,[class*=" bi-"]::before,[class^=bi-]::before {
    line-height: 1.5!important
}

.whychoosenhp ul li:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: -30px;
    z-index: 9;
    background-image: url("https://files.rhysley.com/img/check-arrow-listing.svg");
    background-size: 100%
}

.different-tops li {
    width: 33%;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden
}

.different-bottom,ul.different-tops {
    display: inline-block;
    width: 100%;
    overflow: hidden
}

.different-bottom li {
    border-radius: 6px;
    width: 32.7%;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden
}

.different-bottom li:first-child {
    background: #ffe888
}

.different-bottom li:nth-child(2) {
    background: #e5e5e5;
    margin: 0 8px
}

.different-bottom li:nth-child(3) {
    background: #f4f4f4
}

.sustainable-nhp {
    background-image: url("https://files.rhysley.com/img/newhomepage/sustainable-fashion-new-home.jpg")
}

.aboutus-denim,.footerbottom {
    background-repeat: no-repeat!important;
    background-size: 40%!important;
    background-position: 120%!important
}

.footerbottom {
    background-image: url("https://files.rhysley.com/img/newhomepage/footerrhyley-bg.png")!important
}

.aboutus-denim {
    background-image: url("https://files.rhysley.com/img/rhysley-white-logo.png")!important
}

.footer-contact-left li {
    list-style: none;
    width: 100%;
    margin-bottom: 10px
}

.iconbg-footer {
    float: left;
    margin-right: 13px;
    background: #fff;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    font-size: 13px;
    text-align: center;
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.careerfraud:after,.commanheading-w {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0
}

.commanheading-w,.wcnormal {
    font-family: futura_ptlight!important;
    font-size: 50px!important
}

.flip-box-inner i {
    font-size: 50px
}

.newdesignbtn:hover {
    background: #383838!important;
    color: #fff!important
}

.denimtab li button {
    width: 170px;
    background: #333;
    font-weight: 600
}

.denimtab li button.active {
    background: #ffd400!important;
    color: #000!important
}

.denim-content-nhp {
    width: 100%;
    height: 100%;
    border: 8px solid #ffd400;
    padding: 40px
}

.blog-pagination li.page-item.active span {
    border: 1px solid #333!important
}

.abouts_bottom .flip-box {
    height: 120px!important
}

.inner-banner h1 {
    position: absolute;
    right: 15%;
    top: 40%;
    font-size: 70px
}

.careerfraud:after {
    content: "\f33b";
    height: 70px;
    width: 110px;
    background: #ffd400;
    top: -41px;
    border-radius: 10px;
    font-family: bootstrap-icons;
    font-size: 47px;
    text-align: center
}

.sharpshep:after,.wwg:before {
    content: "";
    position: absolute
}

.job-table .pagination li {
    margin-left: 10px!important
}

.job-table .pagination li .page-link {
    border-radius: 5px!important;
    background: #f7d5d5!important;
    color: #333!important
}

.job-table .page-item.active .page-link {
    z-index: 3;
    color: #000;
    background-color: #ffd400!important;
    border-color: transparent
}

.work-wear ul li:hover svg {
    background: #ffd400;
    padding: 2px;
    border-radius: 40px;
    color: #333;
    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out
}

.work-wear ul li i:before {
    width: 24px!important;
    height: 20px!important;
    border-radius: 50px;
    text-align: center
}

.product-rang-listing {
    background-image: url("https://files.rhysley.com/img/product-range-bg.jpg")!important;
    padding: 50px 0!important
}

.sharpshep:after {
    width: 0;
    height: 0;
    border-top: 66px solid #ffd400;
    border-right: 60px solid transparent;
    right: -60px;
    top: 0
}

.commanheading-w {
    bottom: 35%
}

.box-ww {
    height: 230px;
    margin-bottom: 30px
}

.contact-page-html svg {
    margin-top: 15px
}

.wwg:before {
    left: -35px;
    top: 5%;
    background-image: url(https://files.rhysley.com/img/check-circle-fill-black.svg);
    width: 24px;
    height: 24px;
    background-size: 100%
}

.overlay-box {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(000,000,000,.6);
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: .5s
}

.tservices:hover .overlay-box {
    width: 0%
}

.constructedww {
    margin: 15px
}

.aboutsbg {
    background-image: url("https://files.rhysley.com/img/abouts-bg-ww.jpg")!important;
    padding: 50px 0!important
}

.wwg {
    height: 180px
}

@media only screen and (max-width: 768px) {
    .direct-deal,.nhp-profile {
        background-size:100% auto
    }

    .videotour a {
        position: relative;
        top: 60px;
        left: auto;
        transform: none
    }

    .drops:after {
        content: "";
        height: 85%;
        width: 5px;
        position: absolute;
        background: #ffd400!important;
        display: block;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 11%;
        z-index: -9
    }

    .drop-connect:before,.numbercounticon:before {
        display: none
    }

    .factory-mob {
        background-image: url("https://files.rhysley.com/img/factorybg-homepage-mob.webp")!important
    }

    .howitwork li:last-child {
        text-align: center;
        width: 100%
    }

    .videotour {
        background-image: url("https://files.rhysley.com/img/factory-image-tour-min.webp");
        background-repeat: no-repeat;
        background-attachment: scroll;
        height: 200px
    }

    .mob-home {
        background-image: url("https://files.rhysley.com/img/homepagebanner-mob2.webp")!important
    }

    .direct-deal-mob {
        background-image: url("https://files.rhysley.com/img/direct-deal-mob.webp")!important
    }

    body {
        padding-top: 64px
    }

    .video-heading {
        left: 0
    }

    .slick-next {
        right: -5px
    }

    .slick-prev {
        left: -10px;
        z-index: 9
    }

    .direct-deal-inner {
        margin: 10px 0!important
    }

    .direct-deal {
        background-position: left;
        padding: 0!important
    }

    .flip-box {
        width: 100%;
        margin-bottom: 16px
    }

    .nhp-profile {
        padding: 60px 0 20px
    }

    .whychoosenhp ul li {
        margin-bottom: 5px
    }

    .makes-us-different ul {
        padding-left: 0
    }

    .different-bottom li {
        width: 31%
    }

    .sustainable-nhp {
        background-size: initial;
        background-position: center;
        padding: 30px 0 20px
    }

    .howitwork {
        display: block!important;
        padding: 0;
        text-align: center
    }

    .howitwork li {
        width: 40%;
        display: inline-block
    }

    .footerbottom {
        background-size: 90%!important
    }

    .tab-mobiv {
        width: 100%!important;
        overflow-x: scroll;
        overflow-y: scroll
    }

    .denimtab {
        display: inline-flex!important;
        width: 100vh;
        flex-wrap: inherit;
        justify-content: start!important
    }

    .denimtab li {
        margin-right: 10px
    }

    .denimtab li button {
        width: 130px;
        font-size: 18px
    }

    .commanheading-w,.wcnormal {
        font-size: 30px!important
    }

    .product-rang-listing,.work-wear {
        padding: 15px 0!important
    }

    .work-wear {
        background-image: url("https://files.rhysley.com/img/work-wear-mob.jpg")!important
    }

    .box-ww img {
        width: auto!important;
        float: none!important
    }

    .sharpshep {
        width: 80%!important;
        font-size: 20px
    }

    .box-ww {
        height: auto;
        margin-bottom: 30px;
        padding-bottom: 10px
    }

    .sharpshep:after {
        border-top: 57px solid #ffd400;
        border-right: 60px solid transparent
    }

    .constructedww {
        margin: 10px 15px
    }

    .wwg:before {
        left: -25px;
        top: 7%;
        font-size: 20px
    }

    .wwg {
        height: auto;
        margin-bottom: 0
    }

    .wwg p {
        position: relative!important;
        margin-top: 0!important;
        width: 100%
    }

    .inner-banner h1 {
        right: 9%;
        top: 15%;
        font-size: 30px
    }
}

@media (min-width: 768px) {
    #mainWebsiteFooterDesktop .accordion-button {
        pointer-events:none
    }

    #mainWebsiteFooterDesktop .accordion-collapse {
        display: block!important;
        visibility: visible
    }

    #mainWebsiteFooterDesktop .accordion-button::after {
        display: block
    }

    #mainWebsiteFooterDesktop.accordion-button:not(.collapsed)::after {
        color: #fff
    }
}

@media (max-width: 575px) {
    .img-container { width: 44% !important;}

#whatsappIcon {
    bottom: 99px !important;
    right: 80px !important;
 
}
.language-switcher {
    bottom: 90px !important;
}
.language-options {
    bottom: 133px !important;
}


}
#whatsappIcon {
    position: fixed;
    bottom: 20px;
    right: 150px;
    width: 50px;
    height: 50px;
    z-index: 99;
}


.drops-solution ul .lag-grmn {
    font-size: 16px;
    }

    /* Fixed button styling */
    .language-switcher {
        position: fixed;
        bottom: 20px;
        left: 20px;
        background: #ffffff;
        color: white;
        padding: 5px 10px;
        border-radius: 0;
        cursor: pointer;
        font-size: 22px;
        text-align: center;
        z-index: 1000;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000;
        box-shadow: rgb(0 0 0 / 12%) -2px 1px 5px;
        font-weight: bold;
        text-transform: uppercase;
        /* border: 1px solid #e5e5e5; */
    }

    .language-switcher svg {
        margin-left: 8px;
        transition: transform 0.3s ease;
        transform: rotate(180deg);
    }
    .rotate {
        transform: rotate(0deg) !important;
    }
.language-options {
    display: none;
    position: fixed;
    bottom: 63px;
    left: 20px;
    background: white;
    border: 1px solid #e5e5e5;
    /* box-shadow: rgb(0 0 0 / 21%) 0 5px 15px; */
    border-radius: 0;
    overflow: hidden;
    /* width: 127px; */
    z-index: 9;
    padding: 5px 10px;
    font-size: 25px;
    border-bottom: 0;
    font-weight: bold;
}
.language-options div {
    padding: 0;
    cursor: pointer;
}

.language-switcher span { margin-left: 10px;}

.language-options a:last-child {
    border-bottom: none;
}

.language-options a:hover {
    background: #f1f1f1;
}

.lag- { display: none;}



/*certificate*/





.gallery { display: flex; justify-content: center; gap: 20px; margin-top: 20px; flex-wrap: wrap; }
.img-container { position: relative; width: 30%;position: relative; margin-top: 20px; display: inline-block;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 14px; overflow: hidden; }
.img-container img { width: 100%; cursor: pointer; }
.zoom-icon {
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.6);
    color: white; padding: 10px; border-radius: 100%;
    font-size: 20px; cursor: pointer;
    height: 50px;
    width: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.img-title {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    background: #c7c7c7;
    padding: 8px 0;
    
}


/* Popup styling */
.popup {
    position: fixed; top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none; justify-content: center; align-items: center;
    z-index: 99999;
}
/* .popup-content {
    position: relative;
    background: white; padding: 20px;
    border-radius: 5px; text-align: center;
    overflow: hidden;
} */
.popup img {
    max-width: 100%; max-height: 80vh;
    cursor: grab;
}
.popup-title {
    margin-top: 10px; font-size: 18px; font-weight: bold;
  
}
.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #000000;
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 4px;
}


.drops-solution ul li {
    width: 33% !important;
    font-size: 16px !important;
}