@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

a{text-decoration: none; font-weight: bold; color: #2166a2}
body{ direction: rtl; overflow-x: hidden; font-family: 'Rubik', sans-serif; background: linear-gradient(180deg, #FFFFFF 13.6%, #F4FAFF 51.56%, #EFF8FF 62.77%, #CFE8FE 74.64%, #CAE6FF 80.45%, #FFFFFF 109.67%);}
p{margin-bottom: 0px;}

#top { padding: 40px 40px 140px 40px; width: 100%; height: auto; background: linear-gradient(258.95deg, #3577B0 4.76%, #275780 91.44%);}

#logo{float: left; margin-bottom: 40px;}
#hero{width: 100%; margin: 0px auto;}

/*headings*/
h1, h2, h3, h4, h5, h6{margin-bottom: 0px;}
.largeHeading { font-size: 65px; font-weight: 600;}
.text-danger {color: #ffa2b3!important;}
.text-primary {color: #2166A2!important;}
.topHeading { font-size: 30px; font-weight: 500;}

#herotext{margin-bottom: 50px;}
a.whitelink { color: #fff; text-decoration: none; font-weight: bold;}
.form-text.text-white { font-size: 25px;}

input:-internal-autofill-selected {background-color: #DAECFD!important;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=tel]:focus{background-color: #DAECFD!important;}
input[type=tel]{direction: rtl; text-align: right;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}
.errorsdiv {margin: 10px;}
.errorsdiv .text-danger {color: pink!important;}
#submitbtn { background-color: transparent; border: none; position: relative; top: -40px; right: 60px; float: left;}
#submitbtn img{width: 40px;}
.forminput { background-color: #DAECFD; border-radius: 40px; text-align: right;}
.forminput::placeholder{text-align: right;}
.footerinput::placeholder{text-align: right;}
#pageForm { margin: 20px 0px 0px;}

/*What we do*/
#what_we_do { background: #FFFFFF; box-shadow: 0px 18px 29px rgba(40, 88, 129, 0.06); border-radius: 30px; position: relative; top: -80px; padding: 50px;}
.block_heading { margin-bottom: 30px; font-weight: 700;}
#what_we_do_large { padding: 0px 80px 0px 40px;}
div#what_we_do img { width: 65%;}
.block_text p { font-size: 20px; margin-bottom: 40px; line-height: 1.8;}
.callbtn { padding: 7px 15px; border: 1px solid #2166a2; border-radius: 20px; margin-right: 20px; text-decoration: none; color: #2166a2;}

/*Advanteges*/
#advanteges {padding: 50px 0px;}
li.advantegesLI {font-size: 18px;}
img#advantegesIMG {max-width: 85%;}

/*Features*/
.featurebox{margin-bottom: 50px;}
div#features { max-width: 1440px; margin: 70px auto 0px; padding: 0px;}
.featureText { position: relative; right: 30px; top: 10px;}
.featureText span { font-size: 20px; display: block;}
.feature img { float: right; max-height: 60px; position: relative; top: 10px;max-width: 65px}
.featureText { float: right;}
.lastinrow { padding-right: 120px;}
.secondinrow { padding-right: 25px;}

/*Who we are*/
#who_we_are{padding: 100px 0px;}

/*Recomendations*/
#slider{margin: 30px 0px;}
/*.owl-item{padding: 10px 30px 20px; box-shadow: 1px -1px 29px rgba(40, 88, 129, 0.06); background-color: #fff; border-radius: 30px;}*/
.owl-item img {
    margin: 0px auto;
}
#stars{margin-bottom: 30px;}
.owl-item.active.center { padding: 30px 30px;}
.owl-carousel .owl-stage { display: flex; align-items: center;}
.owl-image { max-width: 200px; margin-bottom: 15px;}
.owl-stage-outer{ position:relative; overflow:hidden; -webkit-transform:translate3d(0,0,0); direction: rtl;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: orange;}
.owl-theme .owl-dots .owl-dot span, .owl-theme .owl-dots .owl-dot:hover span { background: #2166a2;}

/*Footer*/
#footer { background-color: #1c578a; padding: 100px 20px; margin-top: 100px;}
#footerman{width: 60px;}
div#formheading { font-size: 25px;}
div#formheading a{ color: #fff; text-decoration: none;}
.bold{font-weight: bold;}
.footerinput { background-color: #DAECFD; border-radius: 15px; padding: 5px 10px; width: 27%; display: inline; margin: 10px 5px; position: relative; right: -7px; top: 20px;}
#footerbtn img { width: 37px; position: relative; top: 20px; right: -15px;}
#footerman { width: auto; position: relative; top: -160px; height: 350px; margin-bottom: -100px;}
div#mandiv { float: left;}
.credit{padding: 20px;}
.footererror { text-align: right;}
#footer-errors { position: relative; right: 214px; top: 20px;}

/*Modal*/
.modal-content {border-radius: 20px;}
.modal-body img { margin: 20px auto; width: 170px;}
#notification{font-size: 20px;}
.modal-footer {justify-content: flex-start;}
button#closemodal { background-color: #006eae; border: #006eae;}

@media only screen and (max-width: 991px){
#top { padding: 40px 40px 140px 40px; width: 100%; height: auto; background: linear-gradient(258.95deg, #3577B0 4.76%, #275780 91.44%);}
div#logo-row { text-align: center;}
div#herotext { text-align: center; margin-top: 40px;}    
#logo {float: unset;margin-bottom: 40px;}
.container{padding: 0px;}
.forminput { width: 80%; margin: 10px 0px;}
#submitbtn { background-color: transparent; border: none; position: relative; top: -50px; float: left; right: 0px;}
#what_we_do {padding: 50px 0px 0px;}
div#what_we_do img { width: 70%; margin-bottom: 40px;}
div#what_we_do_wrapper { padding: 40px 40px 0px;}
div#what_we_do_large { padding: 20px;}
#advanteges { padding: 0px 10px;width: 99%;}
#advanteges_text { text-align: center;}
img#advantegesIMG { max-width: 90%; margin-top: 30px;}
img#who_we_areImage { width: 80%; } 
div#recomendations { overflow: hidden!important; padding: 30px;}
 #who_we_are { padding: 100px 30px; }
.owl-item.active.center { padding: 20px;}
.footerinput { display: block; width: 80%;}
div#footer-errors { position: relative; top: -20px; right: 0;}
button#footerbtn { position: relative; top: -54px; left: -120px;}
#footer { padding: 15px 20px 0px;}
#footerman { top: -75px; height: 275px}
.credit { background-color: #1c578a;}
div#credittext { color: #fff; font-size: 14px;}
div#credittext a { color: #fff;}
div#formheading { font-size: 21px;}
div#top-errors { margin: -20px 0px 30px;}
.featureText {right: 20px;}
.firstinrow {margin-right: -15px;}
.featureText span { font-size: 17px;}
div#features img {max-width: 55px;padding-right: 10px;}
.lastinrow { padding-right: 0px;}
.secondinrow { padding-right: 0px;}
div#features{padding: 25px;}
}