.head-section {
    background-image: url(../../images/morge7a.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 100vh;
}

.mystyle-card {
    border: none !important;
    background: none !important;
}

.border-none {
    border: none !important
}

.btn-joinus {
    color: #fff;
    background-color: #EF3B2C;
    border-color: #EF3B2C;
}

.nav-textcolor {
    color: #20455f !important
}

.navbar-light .navbar-nav .nav-link {
    color: #20455f
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #ee3123;
    border-bottom: 2px solid #ee3123
}

.navbar-light .navbar-nav .nav-link.activer {
    color: #ee3123;
    border-bottom: 2px solid #ee3123
}

.joinus-btn {
    border-radius: 100px;
    padding: .375rem 1.75rem !important 
}

.description {
    margin-top: 100px
}

.collapse-style {
    font-size: 26px;
    color: #ee3123;
}

.collapse-style:hover {
    text-decoration: none;
    color: #ee3123;
}

@media(max-width: 650px) {
    .head-section {
        background-image: unset
    }

    .description {
        margin-top: 10px
    }
}

.webelive-bg {
    max-width: 100%;
    height: 118px;
    background-image: url(../../images/webelieve.svg);
    width: 450px;
    background-repeat: no-repeat;
    background-size: contain;
}


/* start trendleez help */
.trendleez-help {
    background-color: #F4F4F4
}

.trendleezz {
    background-color: #EE3B2B;
}

.trendleezz h2 {
    font-size: 62px
}

.trendleezz p {
    font-size: 28px
}

.help {
    max-width: 100%;
    height: 60px;
    background-image: url(../../images/help.svg);
    width: 540px;
    background-repeat: no-repeat;
    background-size: contain;
}

.jointrendleez {
    max-width: 100%;
    height: 60px;
    background-image: url(../../images/jontrendleeez.svg);
    width: 540px;
    background-repeat: no-repeat;
    background-size: contain;
}
/* end trendleez help */

/* start subscription */
.number{
    font-size: 25.5px;
    color: #20455f;
}

.joinus-mobile-title {
    font-size: 20px;
    color: #20455f
}

.joinus-mobile-bgcolor {
    background-color: #F2F2F2
}

.subscribtions p {
    color: #9a9a9a
}

/* end subscription */

/* start footer */


.footer {
    background-color: #1cc1cb !important;
    padding: 88px 20px 45px 20px;
}

.border-bottom-white {
    border-bottom: 1px solid #fff;
}

.border-bottom-grey {
    border-bottom: 1px solid #999;
}


.copywrite {
    background-color: #127f86;
    font-family: FrutigerLTArabicbold;
}

.social-cover {
    width: 26.5px;
    height: 26px;
    background-color: #127f86;
    border-radius: 50%;
    z-index: -1;
}

.social-link {
    color: #FFF
}

/* end main */

/* end footer */



/* START BRAND AND AGENCY */

.head-brandsection {
    background-image: url(../../images/Brands.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 110vh;
}

@media(max-width: 650px) {
    .head-brandsection {
        background-image: unset
    }
}

.choose-trendleez {
    background-image: url(../../images/whychoose-trendleez.png);
    background-repeat: no-repeat;
    background-size: cover;
    color: #20455f
}

.trendleez-map h3 {
    color: #006673
}

/* END BRAND AND AGENCY */

/* START REGISTER */ 

.register-details {
    background-color: #ECECED;
    border-radius: 5px;
    box-shadow: 0px 2.5px 17.5px 0 rgba(0, 0, 0, 0.5);
    background-color: #e2e3e4;
}

.register-details-p {
    font-size: 18px;
    color: #ed3022;
}

.subscribebtn-padding {
    padding: .375rem 9.75rem !important;
    border-radius: 100px;
}

@media(max-width:800px) {
    .subscribebtn-padding {
        padding: .375rem 3.75rem !important;
    }
}

.btn-signin {
    box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.17);
    background-color: #ffffff;
    border-color: #ffffff;
}

/* END REGISTER */


/* start frame work */

.padding-top-70 {
    padding-top: 90px
}

.padding-top-200 {
    padding-top: 200px
}

.padding-5 {
    padding: 5px;
}

.flex-column-center {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.margin-top-70 {
    margin-top: 70px
}

.f-20 {
    font-size: 20px
}

.f-25 {
    font-size: 25px
}

.platform-red {
    color: #ed3022;
}

.social-media-hover:hover {
    opacity: .8;
    cursor: pointer;
}

.hover-color-white:hover {
    color: #FFF
}

.hover-none:hover {
    color: #dc3545;
    background-color: #FFF;
    border-color: #dc3545;
}

.btn-color-white:hover {
    color: #FFF !important
}

body, span, p, h1, h2, h3, h4, h5, h6 {
    font-family: FrutigerLTArabic !important;
}

@font-face {
    font-family: "FrutigerLTArabic";
    src: url("../../fonts/front/FrutigerLTArabic.ttf");
}

@font-face {
    font-family: "FrutigerLTArabicbold";
    src: url("../../fonts/front/frutiger-lt-arabic-65-bold.ttf");
}

.myfont-bold {
    font-family: FrutigerLTArabicbold !important
}

.btn-joinus:hover {
  opacity: unset;
  color: black;
}
.register-form
{
    margin-top: 130px;
}
.btn-signin:hover
{
   opacity: unset;
  color: black; 
}