*{

    box-sizing: border-box;

}

body{

    font-family: 'Inter', sans-serif;

    margin: 0;

    direction: ltr;

    text-align: left;

    position:relative;

}

html{

    direction: ltr;

    scroll-behavior: smooth;

}

html[dir='rtl'] body{

    direction: rtl;

    text-align: right;

}

p,h1,h2,h3,h4,h5,h6,h7{

    

    margin-bottom: 0;

}

p{

    color: #c4c4c4;

    font-size: 14px;

}

a{

    text-decoration: none;

}

ul{

    list-style: none;

    margin: 0;

    padding: 0;

    display: flex;

} 



/* start navbar */

.nav-b{

    background-color: white;

    position: fixed;

    width: 100%;

    z-index: 22;

}

i {

	margin-right: 10px;

}

/*----------bootstrap-navbar-css------------*/

.navbar-logo{

	padding: 14px;

	color: #fff;

}

.navbar-mainbg{

	background-color: transparent;

	padding: 0px;

}

#navbarSupportedContent{

	overflow: hidden;

	position: relative;

    padding-left: 20px;

}

#navbarSupportedContent ul{

	padding: 0px;

	margin: 0px;



}

#navbarSupportedContent ul li{

    margin-top: 8px;

    /*margin-bottom: 8px;*/

}

#navbarSupportedContent ul li a i{

	margin-right: 10px;

}

#navbarSupportedContent li {

	list-style-type: none;

	float: left;

}

#navbarSupportedContent ul li a{

	color: #122454;

    text-decoration: none;

    font-size: 15px;

    display: block;

    padding: 20px 7px;

    /* transition-duration:0.6s; */

	transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);

    position: relative;

}

/* #navbarSupportedContent>ul>li.active>a{

	color: white;

	background-color: transparent;

	transition: all 0.7s;

}

#navbarSupportedContent a:not(:only-child):after {

	content: "\f105";

	position: absolute;

	right: 20px;

	top: 10px;

	font-size: 14px;

	font-family: "Font Awesome 5 Free";

	display: inline-block;

	padding-right: 3px;

	vertical-align: middle;

	font-weight: 900;

	transition: 0.5s;

}

#navbarSupportedContent .active>a:not(:only-child):after {

	transform: rotate(90deg);

}

.hori-selector{

	display:inline-block;

	position:absolute;

	height: 100%;

	top: 0px;

	left: 0px;

	transition-duration:0.6s;

	transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);

	background-color: #122454;

	border-top-left-radius: 15px;

	border-top-right-radius: 15px;

	margin-top: 10px;

}

.hori-selector .right,

.hori-selector .left{

	position: absolute;

	width: 25px;

	height: 25px;

	background-color: #122454;

	bottom: 10px;

}

.hori-selector .right{

	right: -25px;

}

.hori-selector .left{

	left: -25px;

}

.hori-selector .right:before,

.hori-selector .left:before{

	content: '';

    position: absolute;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    background-color: white;

}

.hori-selector .right:before{

	bottom: 0;

    right: -25px;

}

.hori-selector .left:before{

	bottom: 0;

    left: -25px;

} */





@media(min-width: 992px){

	.navbar-expand-custom {

	    -ms-flex-flow: row nowrap;

	    flex-flow: row nowrap;

	    -ms-flex-pack: start;

	    justify-content: flex-start;

	}

	.navbar-expand-custom .navbar-nav {

	    -ms-flex-direction: row;

	    flex-direction: row;

	}

	.navbar-expand-custom .navbar-toggler {

	    display: none;

	}

	.navbar-expand-custom .navbar-collapse {

	    display: -ms-flexbox!important;

	    display: flex!important;

	    -ms-flex-preferred-size: auto;

	    flex-basis: auto;

        justify-content: space-between;

	}

}





@media (max-width: 991px){

	#navbarSupportedContent ul li a,

    .nav-button{

		padding: 12px 30px;

	}

    .nav-button{

        padding: 12px 30px;

    display: flex;

    justify-content: center;

    align-items: center;

    }

	.hori-selector{

		margin-top: 0px;

		margin-left: 10px;

		border-radius: 0;

		border-top-left-radius: 25px;

		border-bottom-left-radius: 25px;

	}

	.hori-selector .left,

	.hori-selector .right{

		right: 10px;

	}

	.hori-selector .left{

		top: -25px;

		left: auto;

	}

	.hori-selector .right{

		bottom: -25px;

	}

	.hori-selector .left:before{

		left: -25px;

		top: -25px;

	}

	.hori-selector .right:before{

		bottom: -25px;

		left: -25px;

	}

    .nav-b .container, .container-md, .container-sm {

        max-width: 100%;

        padding: 0;

        margin: 0;

    }

}

.navbar-toggler:focus{

    box-shadow: none;

    background-color: transparent;

}

.navbar-toggler i{

    color: #122454;

}

.nav-img{

    width: 69px;

}

.nav-button button{

    border: navajowhite;

    background: transparent;

    border-radius: 7px;

    padding: 3px 7px;

    transition: .5s all ease;

}

button a{

    color: #122454;

    transition: .5s all ease;

}

button:hover,

button:visited{

    background-color: #122454;

}

button:hover a{

    color: white;

}

/* end navbar */

/* start header */

.header{

    height: 96vh;

    background-color: #122454;

    background-image: url('../images/header-mask.png');

    background-size: 100% 100%;

    background-size: cover ;

    padding-top: 62.5px;

}



  

.cta {

    position: relative;

    /* margin: auto; */

    padding: 19px 22px;

    transition: all 0.2s ease;

}

.cta:before {

    content: "";

    position: absolute;

    top: 50%;

    left: 8px;

    display: block;

    border-radius: 28px;

    background: #59EDD2;

    width: 84px;

    height: 56px;

    transition: all 0.3s ease;

    transform: translateY(-50%);

}

.cta span {

    position: relative;

    font-size: 16px;

    line-height: 18px;

    font-weight: 900;

    letter-spacing: 0.25em;

    text-transform: uppercase;

    vertical-align: middle;

    color: white;

}

.cta svg {

    position: relative;

    top: 0;

    margin-left: 10px;

    fill: none;

    stroke-linecap: round;

    stroke-linejoin: round;

    stroke: white;

    stroke-width: 2;

    transform: translateX(-5px);

    transition: all 0.3s ease;

}

.cta:hover:before {

    width: 100%;

    background: rgba(255, 255, 255, 0.2);

}

.cta:hover svg {

    transform: translateX(0);

}

.cta:active {

    transform: scale(0.96);

}

.header .container{

    height: 100%;

}

.head-content{

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

}

.head-content .image{

    width: 60%;

}

.head-content .image img{

    width: 100%;

}

.head-content h2{

    color: #59EDD2;

    font-size: 60px;

}

.head-content  p{

    color: white;

}

.head-content h2 span{

    color: white;

    font-weight: 300;

}

.header .section1{

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    gap: 8px;

}

.cta span.new1{

    /* border: 1px solid white; */

    /* border-radius: 10px; */

    padding: 2px;

    color: #122454 ;

    margin-right: 5px;

    transition: .5s all ease;

}

.cta:hover .new1{

    color: white ;

}

.header .image img{

    width: 100%;

}

@media (max-width:992px) {

    .head-content{

        flex-direction: column;

        text-align: center;

    }

    .head-content {

        height: max-content;

    }

    .header .section1 {

        align-items: center;

    }

    .head-content h2{

        width: 100%;

    }

    .header .image{

        width: 60%;

    }

    .header .image img{

        width: 100%;

        height: auto;

    }

    .cta:before{

        display: none;

    }

    .cta span.new1{

        color: #59EDD2;

    }

    .header {

        height: max-content;

    }

}

/* end header */

/* start sponsor */

.sponsors{
    
    padding: 50px 0;

}
.sponsors .container{
    position:relative;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next';
    font-size: 25px;
    font-weight: bold;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev';
    font-size: 25px;
    font-weight: bold;
}
.sp-p{

    width: 100%;

    text-align: center;

    color: black;

    margin-bottom: 12px;

}

@media (max-width:992px) {

    .swiper-slide{

        width: max-content;

        display: flex;

        justify-content: center;

        align-items: center;

    }

}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
    top: 50%;
    transform: translateY(50%);
    background: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    right: -17px;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
    top: 50%;
    transform: translateY(50%);
        background: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    left:-17px;
}
/* end sponsor */

/* start feat */

.features{

    position: relative;

    margin-top: 50px;

    overflow: hidden;

}

.features .f-11{

    width:49%;

}

.features .container > div{

    display:flex;

    justify-content:space-between;

    align-items: center;

    

}

.featIm{

    width:100%;

}

.cont-f{

    display: flex;

    justify-content: space-between;

    align-items: center;

    /*height: 42vh;*/

    width:100%;

}

.cont-f > div{

    width: 100%;

}

.feat-s{

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    flex-wrap: wrap;

    row-gap: 22px;

    margin-top: 14px;

}

.feat{

    width: 48%;

}

.feat p{

    width: 97%;

    color: #475467;

}

.feat img{

    width: 56px;

    height: 56px;

    border-radius: 50%;

}

.f-t{

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    gap: 8px;

    width: 100%;

}

@media (max-width:1025px) {

    .features .f-11{

    width:100%;

}

.features .container > div{

    display:flex;

    justify-content:space-between;

    align-items: center;

    flex-direction:column-reverse;

    

}

}

/*.f-t p{*/

/*    width: 80%;*/

/*    color: rgb(95, 95, 95);*/

    /* margin-bottom: 25px; */

/*}*/

.cont-f .image{

    /* position: relative; */

    height: 100%;

}

.pf{

    color:black !important;

}

.float-img{

        position: absolute;

    bottom: 0;

    right: 0px;

    max-width: 500px;

    height: 500px;

    object-fit: contain;

}

@media (max-width:992px) {

    .float-img{

        display: none;

    }

    .cont-f > div {

        width: 100%;

    }

    .cont-f{

        height: max-content;

    }

    .feat {

        width: 100%;

        display: flex;

        justify-content: center;

        align-items: center;

        flex-direction: column;

        gap: 3px;

        text-align: center;

        /* border-bottom: 1px solid #59EDD2; */

        padding-bottom: 11px;

    }

    .f-t {

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        gap: 8px;

        width: 100%;

        text-align: center;

    }

}

/* end feat */

/* start review */

.review{

    margin-top: 50px;

    margin-bottom: 50px;

}

.review-cont{

    background-color: #122454;

    background-image: url('../images/header-mask.png');

    background-size: cover;

    border-radius: 28px;

    padding: 28px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.review-cont .image {

    width: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

}

.review-cont h2,

.review-cont p{

    color: white;

}

.review-cont .image img{

    width: 70%;

}

.review-cont .content{

    display: flex;

    flex-direction: column;

    gap: 11px;

    justify-content: center;

    width: 50%;

    align-items: center;

}

.download{

    margin-top:20px;

    display:flex;

    gap:12px;

}

.download img{

    width: 146px;

}

@media (max-width:992px) {

    .review-cont {

        flex-direction: column;

    }

    .review-cont .content {

        width: 100%;

    }

    .review-cont .image {

        width: 100%;

    }

    /* .review-cont{

        padding-bottom: 0;

    } */

}

/* end review */

/* start price */

.price{

    margin-top: 50px;

    margin-bottom: 50px;

}

.head-cont{

    display: flex;

    flex-direction: column;

    gap: 8px;

    margin-bottom: 25px;

}

.head-cont p{

    color: black;

}

.head-cont h2{

    font-weight: bold;

}

.price-cards{

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    gap: 5%;

    margin-top: 50px;

}

.price-cards .card {

    display: flex;

    flex-direction: column;

    padding: 18px;

    box-shadow: 0px 0px 19px -9px #8f8f8f;

    border-radius: 8px;

    gap: 16px;

}

.price-cards .card ul{

    display: flex;

    flex-direction: column;

    gap: 8px;

    /* width: max-content; */

}

.price-cards .card ul li i{

    color: #7ef1a4;

}

.price-cards .card p{

    color: black;

    text-align: center;

}

p.price + div > p:nth-child(1){

    font-weight: bold;

    font-size: 16px;

}

p.price-p{

    text-align: center;

    font-size: 35px;

    font-weight: bold;

    color: black;

}

p.price-p span{

    font-size: 20px;

}

@media (max-width:992px) {

    .price-cards {

        flex-direction: column;

        gap: 10px;

    }

    .price-cards .card {

        width: 100%;

    }

    /* .price-cards .card:not(:first-child) {

        width: 100%;

        height: 150px;

    overflow: hidden;

    position: relative;

    }

    .price-cards .card:not(:first-child)::after{

        position: absolute;

    content: 'Click';

    background-color: #122454;

    width: 75px;

    height: 75px;

    top: -36px;

    right: -39px;

    transform: rotate(137deg);

    }

    .price-cards .card:not(:first-child)::before {

        position: absolute;

        content: 'Click';

        top: -10px;

        right: -9px;

        transform: rotate(45deg);

        color: white;

        padding: 18px 1px 0 5px;

        z-index: 66666;

    } */

    /* .price-cards .card:not(:first-child):hover{

        height: 100%;

        overflow: hidden;

    } */

    .head-cont {

        display: flex;

        flex-direction: column;

        gap: 8px;

        margin-bottom: 25px;

        justify-content: center;

        align-items: center;

        text-align: center;

    }

}

/* end price */

.call-out{

    position: absolute;

    top: -30px;

    left: 50%;

}

/* contact us */

.contact-cards{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.contact-cards .card{

    background-color: #F3F6FC;

    padding: 15px;

    border: 1px solid transparent;

    width: calc(90%/3);

    display: flex;

    flex-direction: column;

    gap: 45px;

    transition: .5s all ease;

}

.contact-cards .card p{

    color: black;

}

.contact-cards .card  a{

    color: #122454;

}

.contact-us .card img{

    width: 35px;

    background-color: #122454;

    padding: 8px;

    border-radius: 8px;

    text-align: center;

}

.contact-cards .card:hover{

    border: 1px solid #122454;

    box-shadow: 0px 0px 19px -5px #122454;

}

@media (max-width:992px) {

    .contact-cards .card {

        background-color: #F3F6FC;

        padding: 15px;

        border: none;

        width: calc(97%/2);

        display: flex;

        flex-direction: column;

        gap: 45px;

        transition: .5s all ease;

    }

    .contact-cards {

        display: flex;

        justify-content: space-between;

        align-items: center;

        gap: 10px;

        flex-wrap: wrap;

    }

}

@media (max-width: 769px){

.contact-cards .card {

    background-color: #F3F6FC;

    padding: 15px;

    border: none;

    width: 100%;

    display: flex;

    flex-direction: column;

    gap: 45px;

    transition: .5s all ease;

}

}

@media (max-width:426px) {

.contact-cards .card {

    background-color: #F3F6FC;

    padding: 15px;

    border: none;

    /* width: calc(97%/2); */

    width: 100%;

    display: flex;

    flex-direction: column;

    gap: 45px;

    transition: .5s all ease;

    }

}

/* end contact us */

/* start free trial */

.free-trial{

    margin-top: 50px;

    /* margin-bottom: 50px; */

}

.free-trial .free-t{

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    gap: 20px;

}

.free-t p{

    color: #122454;

}

.free-t button{

    border: 1px solid #D0D5DD;

    padding: 5px 12px;

    background-color: white;

    border-radius: 8px;

    transition: .5s all ease;

    color: #122454;

}

.free-t button:hover{

    background-color: #122454;

    color: white;

}

/* end free trial */

/* start footer */

.footer{

    background-color: #122454;

    background-image: url('../images/header-mask.png');

    background-size: cover;

    padding: 50px 0;

}

.footer .ft1 {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    gap: 10px;

    text-align: center;

    padding-bottom: 20px;

    padding-bottom: 20px;margin-bottom: 20px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.116);

}

.footer .ft1 p,

.footer .ft1 h3{

    color: white;

}

.footer button{

    border: none;

    background: transparent;

    color: #59EDD2;

    border-radius: 8px;

    padding: 5px 8px;

    transition: .5s all ease;

    border: 1px solid rgba(255, 255, 255, 0.26);

}

.footer button:hover{

    background-color: white;

    color: #59EDD2;

}

.f-one{

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 17px;

}

.cont2{

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    gap: 8px;

}

.cont1{

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    gap: 8px;

}

.cont1 ul{

    display: flex;

    gap: 8px;

    flex-wrap: wrap;

}

.cont1 p{

    color: white;

}

.cont1 ul a{

    color: white;

}

.cont1 ul a:hover{

    color: #59EDD2;

}

.cont2 .download{

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    gap: 8px;

}

.cont2 p{

    color: white;

}

.cont2 .download{

    display: flex;

    flex-direction: row;

}

@media (max-width:992px) {

    .f-one {

        display: flex;

        justify-content: space-between;

        align-items: center;

        flex-direction: column;

        gap: 15px;

    }

    .ft2{

        margin-bottom: 17px;

    }

    .free-trial .free-t {

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        gap: 20px;

        text-align: center;

    }

    .cont1 {

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        gap: 8px;

        text-align: center;

    }

    .cont1 ul {

        display: flex;

        gap: 8px;

        flex-wrap: wrap;

        justify-content: center;

        align-items: center;

        text-align: center;

    }

}

/* end footer */

/* copyright */

.copyright{

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 16px;

}

.socials{

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 8px;

}









.priceButton{

    position: fixed;

    bottom: 20px;

    right: 20px;

    background-color: #122454;

    padding: 8px;

    width:70px;

    height:70px;

    color:white;

    border:1px solid white;

    border-radius:50%;

    z-index:151515;

    transition:.5s all ease;

}

.priceButton a{

    color: white;

}

.priceButton:hover a{

    color: #122454;

}

.priceButton:hover{

    color:#122454;

    background-color:white;

    border:1px solid #122454;

}



.active{

    background-color: #122454;

    border-top-left-radius: 20px;

    border-top-right-radius: 20px;

}

.active a{

    color: white !important;

}

/*@media (min-width:992px) and (max-width:1441px){*/

/*    .features{*/

/*        overflow:hidden;*/

/*    }*/

/*    .float-img{*/

/*        right: -130px;*/

/*    }*/

/*}*/
 .locationNav{
    background-color: #122454;
}
.locationNav a{
    color: white !important;
}
.locationNav .active {
    background-color: white;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

 .locationNav .active a {
    color: #122454 !important;
}
/*.locationNav .active {
    background-color: white;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.locationNav .active a {
    color: #122454 !important;
}
.locationNav  a{
    color: white !important;
} */
.locations,.locationsup{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
}
.locationContainer{
    padding-top: 100px;
    padding-bottom: 100px;
    min-height: 50vh;
    text-align: center;
}

.location1{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    background-color: #122454;
    padding: 12px;
    border-radius: 18px;
    border: 1px solid #122454;
    height: 300px;
    width: 31%;
    gap: 12px;
}
.location1 > img{
    /* width:156px; */
}
.content-location{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    gap: 3px;
}
.content-location img{
    transition: .5s all ease;
    
}
.content-location:hover img{
    transform: translateX(8px);
}
.content-location p {
    color: white;
}
.lochead{
    color: #122454;
    margin-bottom: 18px;
}
@media (max-width:992px) {
    .location1 {
        width: 46%;
    }
}
@media (max-width:500px) {
    .location1{
        width: 100%;
    }
}
.loc2.location1{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    background-color: #122454;
    padding: 12px;
    border-radius: 18px;
    border: 1px solid #122454;
    height: 200px;
    width: 100%;
}
#country,#countryup{
    padding: 8px;
    border-radius: 9px;
    width: 40%;
    border: 2px solid #122454;
    margin-bottom: 26px;
}
.vide{
        border-radius: 28px;
}
.imc{
    width: 100%;
    height: 85%;
    border-radius: 11px;
}
.privacy1{
    padding-top: 86px;
    padding-bottom: 50px;
    direction: rtl;
    text-align: right;
}
.privacy1 h2,.privacy1 h3{
    color:#122454;
    margin-top: 17px;
    margin-bottom: 10px;
}
.privacy1 p{
    color: #212529;
        font-size: 16px;
}
.privacy1 ul{
    display: flex;
    flex-direction: column;
    list-style: arabic-indic;
    margin-right: 18px;
        font-size: 16px;
    
}
.pr-en{
    direction: ltr;
    text-align: left;
}
.pr-en h2,.pr-en h3{
    color:#122454;
    margin-top: 17px;
    margin-bottom: 10px;
}
.pr-en ul{
    display: flex;
    flex-direction: column;
    list-style: auto;
    margin-left: 18px;
    margin-right: auto;
        font-size: 16px;
    
}