/* *** *** Global CSS *** *** */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* font-family: "Roboto", sans-serif; */
}

body {
    direction: rtl;
}

/* *** nav *** */
.navbar .logo {
    width: 2.2rem;
}

.navbar .logoTxt {
    width: 14rem;
}

.navbar .nav-item a {
    color: #2A2682;
    font-size: 1.2rem;
    font-weight: 600;
}

.navbar .active {
    border-bottom: 4px solid #2A2682;
}
/* *** nav *** */
/* *** landing-section-1 *** */
.landing-section-1 .mainImg {
    width: 32rem;
}

.landing-section-1 .yellowUnderline {
    width: 12rem;
}
/* *** landing-section-1 *** */

/* *** landing-section-2 *** */
.landing-section-2 {
    background-color: #F7F7F7;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.landing-section-2 .crdText span {
    font-size: 14px;
}
/* *** landing-section-2 *** */

/* *** landing-section-3 *** */
.landing-section-3 .yellowUnderline {
    width: 14rem;
}

.landing-section-3 .card {
    border-top-right-radius: 2.8rem;
    border-bottom-left-radius: 2.8rem;
    box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.2);
    transition: all ease .4s;
}

.crd-1 {
    position: relative;
    right: 25px;
    top: 30px;
    z-index: 8;
}
.crd-1:hover {
    top: 10px;
    z-index: 11;
}
.crd-2 {
    position: relative;
    z-index: 10;
}
.crd-3 {
    position: relative;
    left: 25px;
    top: 30px;
    z-index: 8;
}
.crd-3:hover {
    top: 10px;
    z-index: 11;
}

.landing-section-3 .card:hover {
    transform: scale(calc(1 + 0.4 * (1.1 - 1)));
    box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.4);
}

.landing-section-3 .cardHeader-1,
.landing-section-3 .cardHeader-2,
.landing-section-3 .cardHeader-3 {
    border-top-right-radius: 2.8rem;
    border-bottom-left-radius: 2.8rem;
}

.landing-section-3 .crdBtn-1,
.landing-section-3 .crdBtn-2,
.landing-section-3 .crdBtn-3 {
    padding-top: .8rem;
    padding-bottom: .8rem;
    padding-left:4rem ;
    padding-right: 4rem;
    border-top-right-radius: 2.8rem;
    border-bottom-left-radius: 2.8rem;
}

.landing-section-3 .cardHeader-1,
.landing-section-3 .crdBtn-1 {
    background-color: #FF83AD;
}
.landing-section-3 .crdBtn-1:active {
    border: 1px solid #FF83AD;
    color: #FF83AD !important;
}
.landing-section-3 .packageCost-1 {
    color: #FF83AD;
}

.landing-section-3 .cardHeader-2,
.landing-section-3 .crdBtn-2 {
    background-color: #7D5CF3;
}
.landing-section-3 .crdBtn-2:active {
    border: 1px solid #7D5CF3;
    color: #7D5CF3 !important;
}
.landing-section-3 .packageCost-2 {
    color: #7D5CF3;
}

.landing-section-3 .cardHeader-3,
.landing-section-3 .crdBtn-3 {
    background-color: #2A2682;
}
.landing-section-3 .crdBtn-3:active {
    border: 1px solid #2A2682;
    color: #2A2682 !important;
}
.landing-section-3 .packageCost-3 {
    color: #2A2682;
}

.landing-section-3 .packagesHeight .card {
    height: 40rem;
}
/* *** landing-section-3 *** */
/* *** landing-section-4 *** */
.landing-section-4 {
    background-color: #F7F7F7;
    position: relative;
}

.landing-section-4 .socialContainer {
    width: 10rem;
    height: 10rem;
    background-color: white;
    border-radius: 50%;
}

.landing-section-4 .social-1 {
    width: 4rem;
    height: 6.6rem;
}

.landing-section-4 .social-2 {
    width: 5.6rem;
    height: 5.6rem;
}

.landing-section-4 .social-3 {
    width: 6.2rem;
    height: 4.8rem;
}

.landing-section-4 .curlyLine-1 {
    position: absolute;
    top: 4rem;
    right: 0px;
}

.landing-section-4 .curlyLine-2 {
    position: absolute;
    bottom: 4rem;
    left: 0px;
}

/* *** landing-section-4 *** */
/* *** landing-section-5 *** */
.landing-section-5 {
    background-color: #F7F7F7;
}

.landing-section-5 .form-control {
    background-color: white;
}

.landing-section-5 .form-control:focus {
    box-shadow: 0 0 0 2px rgba(42, 38, 130, 1);
}

.landing-section-5 .submitBtn {
    background-color: rgba(42, 38, 130, 1);
}

.landing-section-5 .submitBtn:active {
    border: 1px solid rgba(42, 38, 130, 1);
    color: black !important;
}
/* *** landing-section-5 *** */
/* *** footer *** */
.footer {
    background-color: #121936;
}

.footer .logo {
    width: 3rem;
}

.footer .logoTxt {
    width: 14rem;
}

.backToTop:hover{
    cursor: pointer;
}
/* *** footer *** */


/* Owl Carousel */
.owl-carousel.loop {
    position: relative;
}

.owl-carousel .owl-stage {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .owl-carousel .owl-nav.disabled,
.owl-carousel .owl-nav {
    display: block !important;
} */

/* .mobilePage .owl-nav.disabled,
.mobilePage .owl-nav {
    display: none !important;
} */

/* .accessoriesPage .owl-nav.disabled,
.accessoriesPage .owl-nav {
    display: none !important;
} */

/* .owl-carousel .owl-nav.disabled .owl-next,
.owl-carousel .owl-nav .owl-next {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 2.4rem !important;
    margin: .8rem;
    position: absolute;
    top: -4rem;
    right: 50px;
    color: #52008B !important;
} */

/* .owl-carousel .owl-nav.disabled .owl-prev,
.owl-carousel .owl-nav .owl-prev  {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 2.4rem !important;
    margin: .8rem;
    position: absolute;
    top: -4rem;
    right: 0;
    color: #52008B !important;
} */

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-dots {
    width: 100% !important;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
}

.availableBrands .owl-carousel .owl-dots.disabled,
.availableBrands .owl-carousel .owl-dots {
    display: none !important;
}

.owl-carousel .owl-dot {
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #D9D9D9 !important;
}

.owl-carousel .owl-dot.active{background-color: #52008B !important;}
/* Owl Carousel */