/* .bg-dark {
    background: var(--main-color) !important;
}

.main-text {
    color: var(--main-color) !important;
} */

.svg-normal-mask {
    mask: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/stampTiles.svg);
    background: var(--main-color)
}


/*btn */
.btn {
    --c: var(--main-color);
    color: var(--c);
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: 0.5s;
    /* animate*/
    border: 2px solid var(--main-color);
    border-radius: 2;
    color: var(--main-color);
    width: 150px;
    display: inline-block;
    text-align: center;
    padding: 12px;
    box-shadow: 1px 2px 0px 0px var(--main-color);
}

.btn:hover {
    color: var(--secondary-color) !important;
}

.btn span {
    position: absolute;
    width: 25%;
    height: 100%;
    background-color: var(--c);
    transform: translateY(150%);
    border-radius: 50%;
    left: calc((var(--n) - 1) * 25%);
    transition: 0.5s;
    transition-delay: calc((var(--n) - 1) * 0.1s);
    z-index: -1;

}


/* .btn:hover {
    color: black;
} */

.btn:hover span {
    transform: translateY(0) scale(2);
}

.btn span:nth-child(1) {
    --n: 1;
}

.btn span:nth-child(2) {
    --n: 2;
}

.btn span:nth-child(3) {
    --n: 3;
}

.btn span:nth-child(4) {
    --n: 4;
}

/* a.custom-btn-nav {
    border: 2px solid var(--main-color);
    color: var(--main-color);
    width: 150px;
    display: inline-block;
    text-align: center;
    padding: 12px;
    border-radius: 0;
    box-shadow: 1px 2px 0px 0px var(--main-color);
} */

/* button.custom-btn-nav {
    border: 2px solid var(--main-color);
    color: var(--main-color);
    width: 150px;
    display: inline-block;
    text-align: center;
    padding: 12px;
    border-radius: 0;
    box-shadow: 1px 2px 0px 0px var(--main-color);
} */

/* gradient title*/
.grd-text h1 {
    position: absolute;
    width: 90%;
    font-size: 2.5rem;
    font-weight: 600;
    color: transparent;
    background-image: linear-gradient(to right, var(--main-color), var(--secondary-main), var(--secondary-color), var(--secondary-color), var(--main-color));
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 200%;
    /*
    background-position: -200%;
     animation: animated-gradient 2s infinite alternate-reverse;
     */
}

.gradient-text {
    color: transparent;
    background-image: linear-gradient(to right, var(--secondary-color), #fff, var(--secondary-color), #fff, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 200%;
}

.gradient-text-dark {
    color: transparent;
    background-image: linear-gradient(to right, var(--main-color), var(--secondary-color), var(--dark), var(--main-color), var(--secondary-color));
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 200%;
}


.text-accent {
    --bs-text-opacity: 1;
    color: #123448, var(--bs-text-opacity) !important
}

.border-primary {
    border-color: var(--main-color) !important;
}

.text-primary {
    color: var(--main-color) !important;
}


/* Footer Style */

.headingFooter {
    color: var(--main-color) !important;
    /* font-family: var(--main-font) !important; */
}



.providers .swiper-slide {
    width: 40vw !important;
    margin-inline: .5rem !important;
}

.providers .swiper-container {
    width: 100%;
    height: auto !important
        /* 250px; */
        /* height: 400px; */
}




.swiper-container {
    width: 100%;
    height: 400px
        /* 250px; */
        /* height: 400px; */
}

.MovedText {
    position: relative;
}

.main-head {
    font-size: 62px !important;
    text-transform: uppercase !important;
    /* color: var(--secondary-color) !important; */
    font-weight: 800;
    font-family: var(--main-font) !important;
}

.sub-head {
    font-size: 36px !important;
    font-family: var(--sub-title) !important;
}

.bg-gradient-dark {
    /* background: linear-gradient(233deg, rgba(30, 33, 66, 1) 0%, rgba(26, 45, 135, 1) 17%, rgba(30, 52, 140, 1) 29%, rgba(50, 93, 166, 1) 57%, rgba(56, 105, 174, 1) 65%, rgba(66, 126, 188, 1) 76%, rgba(76, 146, 201, 1) 83%, rgba(83, 160, 210, 1) 89%, rgba(90, 174, 219, 1) 95%, rgba(100, 197, 234, 1) 100%); */
    background: rgb(30, 33, 66);
    background: var(--bg-gradient-dark);
}

.bg-gradient-text {
    background: rgb(30, 33, 66);
    background: linear-gradient(360deg, rgba(30, 33, 66, 0.9626225490196079) 0%, rgba(28, 40, 106, 1) 15%, rgba(27, 42, 119, 0.9430147058823529) 28%, rgba(48, 89, 163, 0.8281687675070029) 33%, rgba(66, 125, 187, 0.7721463585434174) 56%, rgba(100, 197, 234, 0) 78%);
}

/*
 */
.accordion-button:not(.collapsed) {
    background: var(--bg-gradient-dark) !important;
    color: var(--secondary-color) !important;
}

.accordion-button::after {
    color: var(--secondary-color) !important;
}

.accordion-button, .accordion-button::after {
    color: var(--main-color) !important;
}

.accordion-flush {
    border-radius: var(--radius) !important;
    box-shadow: 1px 2px 0px 0px var(--main-color);
}

.accordion-flush .accordion-item:first-child {
    border-top-left-radius: var(--radius) !important;
    border-top-right-radius: var(--radius) !important;
}

.accordion-flush .accordion-item:last-child {
    border-bottom-left-radius: var(--radius) !important;
    border-bottom-right-radius: var(--radius) !important;
}

.accordion-flush .accordion-item .accordion-header .accordion-button:first-child, .accordion-flush .accordion-item .accordion-header .accordion-button.collapsed:first-child {
    border-top-left-radius: var(--radius) !important;
    border-top-right-radius: var(--radius) !important;
}

.accordion-flush .accordion-item .accordion-header .accordion-button:last-child {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}



@media screen and (max-width: 768) {

    .providers .swiper-slide {
        width: 100% !important;
        height: 100% !important;
        margin-inline: 0px !important;
    }

    .main-head {
        font-size: 30px !important;
    }

    .sub-head {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 400px) {
    .btn-prev {
        margin-bottom: 20px;
    }

    .providers .swiper-slide {
        width: 100% !important;
        margin-inline: 0 !important;
    }

    .main-head {
        font-size: 36px !important;
    }

    .sub-head {
        font-size: 26px !important;
    }

}

/* pagnation */
.page-item:not(:first-child) .page-link {
    margin-left: -1px;
}

.page-link {
    padding: .375rem .75rem;
}

.page-link {
    position: relative;
    display: block;
    color: #64c5ea;
    background-color: #27294a;
    border: 1px solid #1f3d8d;
}

.page-item.disabled .page-link {
    color: #a8b6ca;
    pointer-events: none;
    background-color: #25294b;
    border-color: #1f3d8d;
}

.page-item.active .page-link {
    z-index: 3;
    color: #25294b;
    background-color: #64c5ea;
    border-color: #1f3d8d;
}

/* button */

.submit-btn {
    display: inline-block;
    color: #fff;
    background: var(--bg-gradient);
    font-weight: 700;
    width: 95%;
    padding: 14px 30px;
    border-radius: var(--radius-sm);
    border: 1px #fff;
    outline: 1px solid var(--main-color);
    outline-offset: 5px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}

.submit-btn:hover,
.submit-btn:focus {
    opacity: 0.9;
}


 @media screen and (max-width: 768px){
       body {
        font-size:80%;
    }
    p{

        text-align:justify;
    }
}
.owl-prev.disabled{
    color:gray !important;
}
/* @media screen and (min-width: 768px){
    .hero-cover{
        height:10% !important;
        max-height:10% !important;
        object-fit: cover !important;
    }
} */
/* @media screen and (min-width: 1200px) {
    .hero-cover img{
    height:55vh !important;
    }
} */


/* no need for this becuse of new cover image size */

@media screen and (min-width: 2560px) and (max-height: 2052px){
    .hero-cover img{
      height:50vh !important;
    }
}
@media screen and (min-width: 1216px) and (max-height: 600px){
    .hero-cover img{
      height:50vh !important;
    }
}
@media (min-width: 1400px) {
    .hero-cover img{
      height:52vh !important;
    }
}
.owl-nav {
    color: var(--main-color) !important;
}

@media screen and (max-width: 768px){
    .small-screen-images img{
          width: 70px;  height: 70px;  object-fit: cover;
    }
    .big-screen-images img{
    height: 200px;  object-fit: cover;
}
.main-screen-images img{
      height: 200px;  object-fit: cover;
}
}
@media screen and (min-width: 768px){
    .small-screen-images img{
    width: 150px;  height: 120px;  object-fit: cover;
    }
    .big-screen-images img{
    height: 300px;  object-fit: cover;
}
.main-screen-images img{
      height: 500px;
}
}

/* شريط اخر الاخبار */
/*  */
.navbar-dark {
    background-color: var(--dark) !important;
}
.navbar {
/* position: relative; */
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding-top: .5rem;
padding-bottom: .5rem;
}
.navbar .navbar-nav .nav-link {
    /* padding: 5px; */
    color: #efefef;
    font-size: .9rem;
}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active,
.sticky-top.bg-white .navbar .navbar-nav .nav-link:hover,
.sticky-top.bg-white .navbar .navbar-nav .nav-link.active {
    color: var(--bs-primary);
}
.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    vertical-align: middle;
    margin-left: 2px;
}

/* @media (min-width: 1200px) { */
    .navbar .nav-item .dropdown-menu {
        display: none;
        top: 100%;
        font-weight: 400;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
        border: 0;
        transition: .5s;
        opacity: 0;
    }
    /* @media (min-width: 1200px) {
        .navbar .nav-item .dropdown-menu {  display: block;}
} */

.dropdown .dropdown-menu a:hover {
    /* background: var(--bs-secondary); */
    color: var(--bs-primary);
}

.navbar .nav-item:hover .dropdown-menu {
    transform: rotateX(0deg);
    display:block;
    /* visibility: visible; */
    background: var(--bs-light) !important;
    border-radius: 10px !important;
    transition: .5s;
    opacity: 1;
}

@media (min-width: 1200px) {
    .navbar .navbar-collapse .border-top {
        border-top: none !important;
    }
}

#searchModal .modal-content {
    background: rgba(255, 255, 255, .8);
}

/*** Navbar End ***/
.dropdown-menu {
    min-width: 6rem !important;
}
.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    vertical-align: middle;
    margin-left: 2px;
}

/* @media (min-width: 1200px) { */
    .navbar .nav-item .dropdown-menu {
        display: none;
        top: 100%;
        font-weight: 400;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
        border: 0;
        transition: .5s;
        opacity: 0;
    }
@media (min-width: 1200px) {
    .navbar #toggleNavbarButton{
        display:none !important;
    }
}

.dropdown .dropdown-menu a:hover {
    /* background: var(--bs-secondary); */
    color: var(--bs-primary);
}

.navbar .nav-item:hover .dropdown-menu {
    transform: rotateX(0deg);
    display:block;
    /* visibility: visible; */
    background: var(--bs-light) !important;
    border-radius: 10px !important;
    transition: .5s;
    opacity: 1;
}

.border-bottom {
    border-bottom: 1px solid var(--secondary-color) !important;
}

.border-bottom-dash {
    border-bottom: 2px dashed rgba(100, 197, 235, 0.37) !important;
}

/* .border {
    border: 1px solid #64c5ea !important;
} */

.border-round{
    border: none !important;
}
@media (min-width: 1200px) {
    .border-round{
        border: 1px solid #64c5ea !important;
        /* border-radius:10px  !important; */
    }
.border-bottom-dash {
    border-bottom: none !important;
}
}