body {
    font-family: 'Tajawal', sans-serif;
    /* height: 7000px; */
    /* background: #1F1F1F */
}

a {
    text-decoration: none !important
}

.sections {
    padding: 50px 0;
}

.bg-light {
    background-color: transparent !important;
    height: 70px;

}

.sticky {

    background-color: #ddd !important;
    top: 0 !important;
}

.stickylinks {
    color: #1c2454 !important;
    font-size: 16px;
    font-weight: bold;
    margin: 0 11px;
}

/* .stickylinks-img img {
    width: 70px !important;
} */

.to-top {
    background: #5d31a9;
    position: fixed;
    z-index: 100000;
    right: 50px;
    bottom: 50px;
    font-size: 50px;
    padding: 5px;
    color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 40px;
    border-radius: 10px;
    cursor: pointer;
    display: none
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000006b;
}

.clear {
    clear: both;
}

/* ====================social-media-fixed==================== */
@import url(http://weloveiconfonts.com/api/?family=entypo);

/* entypo */
[class*="entypo-"]:before {
    font-family: "entypo", sans-serif;
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* .container {
   margin: 0 auto;
   padding: 20px 50px;
   
} */

.strat-section {
    font-weight: bold;
    font-size: 33px;
    color: #666;
    text-align: right
}

.strat-sectionH3 {
    text-align: center;
    border-bottom: 2px solid;
    display: table;
    text-align: right !important;
    font-weight: bold;
    color: #dc3545;
    padding-bottom: 6px;
    margin-bottom: 35px
}

.strat-section span {
    color: #5d31a9;
    border-bottom: 2px solid #5d31a9;
    padding-bottom: 10px;
    display: inline-block;


}

#sticky-social {
    left: 0;
    position: fixed;
    top: 150px;
    z-index: 99999999;
}

#sticky-social a {
    background: #333;
    color: #fff;
    display: block;
    height: 35px;
    font: 16px "Open Sans", sans-serif;
    line-height: 35px;
    position: relative;
    text-align: center;
    width: 35px;
}

#sticky-social a span {
    line-height: 35px;
    left: -120px;
    position: absolute;
    text-align: center;
    width: 120px;
}

#sticky-social a i {
    line-height: 35px;
    font-size: 22px;
}

#sticky-social a:hover span {
    left: 100%;
}

#sticky-social a[class*="facebook"],
#sticky-social a[class*="facebook"]:hover,
#sticky-social a[class*="facebook"] span {
    background: #3b5998;
}

#sticky-social a[class*="twitter"],
#sticky-social a[class*="twitter"]:hover,
#sticky-social a[class*="twitter"] span {
    background: #00aced;
}

#sticky-social a[class*="gplus"],
#sticky-social a[class*="gplus"]:hover,
#sticky-social a[class*="gplus"] span {
    background: #25d366;
}

#sticky-social a[class*="linkedin"],
#sticky-social a[class*="linkedin"]:hover,
#sticky-social a[class*="linkedin"] span {
    background: #3b5998;
}

#sticky-social a[class*="instagrem"],
#sticky-social a[class*="instagrem"]:hover,
#sticky-social a[class*="instagrem"] span {
    background: #f77737;
}

#sticky-social a[class*="stumbleupon"],
#sticky-social a[class*="stumbleupon"]:hover,
#sticky-social a[class*="stumbleupon"] span {
    background: #eb4924;
}

#sticky-social a[class*="pinterest"],
#sticky-social a[class*="pinterest"]:hover,
#sticky-social a[class*="pinterest"] span {
    background: #cc2127;
}

#sticky-social a[class*="flickr"],
#sticky-social a[class*="flickr"]:hover,
#sticky-social a[class*="flickr"] span {
    background: #fffc00;
    color: #000
}

#sticky-social a[class*="tumblr"],
#sticky-social a[class*="tumblr"]:hover,
#sticky-social a[class*="tumblr"] span {
    background: #32506d;
}

/* ===================social-media-fixed===================== */
header {
    position: relative;
    background: #fff;
    width: 100%;
    height: 90px;
}

header .apper {
    width: 45%;
    height: 40px;
    position: absolute;
    top: 0;
    left: 450px;
    z-index: 9;
    background: #1c2454;
    line-height: 40px;
    border-bottom-right-radius: 25px;
}

header .apper .info-apper {
    display: flex;
    width: 80%;
    float: left;
    color: #fff;
    text-align: left;
    justify-content: flex-end;
}

header .apper .info-apper p {
    font-size: 13px;
    font-weight: bold;
    margin: 0 8px;
}

header .apper .social-media {
    width: 20%;
    float: right;
}

header .apper .social-media ul {
    display: flex;
    justify-content: space-around;
}

header .apper .social-media ul li {
    margin: 0 8px;
}

header .apper .social-media ul li a {
    color: #fff;
}

header .apper .social-media ul li a i {}

.fixed-top {
    position: fixed;
    top: 30px;
    right: 0;
    left: 0;
    z-index: 1030;
}

nav {
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}

.navbar-brand img {
    width: 160px;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: #f58224;
}

.navbar-light .navbar-nav .nav-link {
    color: #343a40;
    font-size: 18px;
    font-weight: bold;
    margin: 0 5px;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #F9B50F;
}

.navbar-light .navbar-nav .nav-link i {
    margin: 0 3px;
}

.navbar .phone a {
    background: #f58224 !important;
    /* font-size: 14px !important; */
    font-weight: bold !important;
    margin: 0 !important;
    display: inline-block;
    color: #1b2353 !important;
    border-radius: 15px 0px 15px 0px;
    padding: 10px;
    border: 1px solid #f58224;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.navbar .phone a:hover {
    color: #2f3542 !important;
    border: 1px solid #2f3542;
    background: transparent !important;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {

    text-align: right;
}

/* --------------------------- end nav */
.slider-home {
    position: relative;
}

.title-slider {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 3;
    text-align: center
}

.title-slider h2 {
    font-weight: 900;
    color: #fff;
    font-size: 50px;
}

.title-slider p {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    max-width: 600px;
    margin: auto;
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 1%;
    right: 0;
    z-index: 15;
    /* display: -webkit-box; */
    display: -ms-flexbox;
    display: inline-block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    padding-left: 0;
    margin-right: 3%;
    margin-left: 15%;
    list-style: none;
    justify-content: start;
}

.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 45px;
    height: 45px;
    margin-top: 12px;
    margin-bottom: 13px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, .5);
    cursor: pointer;
    border-radius: 15px 15px 0px 15px;
}

.carousel-indicators li i {
    font-size: 24px;
    padding: 10px;

}

.carousel-indicators .active {
    background-color: #faa338;
    color: #1c2454
}

/*  start about ---------------------------------------*/
.about {
    text-align: right;
    position: relative;
}

.about span {
    font-weight: bold;

}

.about h2 {
    font-size: 40px;
    font-weight: bold;

}

.about img {
    position: absolute;
    top: 50%;
    left: 43%;
    transform: translate(-50%, -50%);
    width: 300px;
    z-index: -1;
    opacity: .2;
}

/*  end about ---------------------------------------*/

/*  start cuont ---------------------------------------*/
.cuont {
    position: relative;
}

.cuont h2,
.service h2,
.form-home h2 {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
}

.cuont p,
.service p {
    text-align: center;
    max-width: 900px;
    margin: auto;
    font-size: 18px;
    color: black;
}

.cuont .min-cuont {
    text-align: center;
    margin-bottom: 10px
}

.cuont .min-cuont h3 {
    font-weight: bold;
    font-size: 40px;
    margin: 0;
    color: #002f67;
}

.cuont .min-cuont p {
    font-weight: bold;
    margin: 0;
    color: #f58224;
}

.arrow-left {
    position: absolute;
    z-index: 10;
    top: -25px;
    right: 100px;
}

.arrow-right {
    position: absolute;
    z-index: 10;
    top: -25px;
    left: 100px;
}

/*  end cuont  ---------------------------------------*/

/*  start service  ---------------------------------------*/
.service .box-service {
    text-align: center;
    background: #f1f2f6;
    padding: 10px;
    position: relative;
    border-bottom: 3px solid #f58224;
    margin-bottom: 53px;
    height: 225px;
    border-radius: 0px 0px 3px 50px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.service .box-service:hover {
    background: #343a40;
}

.service .box-service:hover h6,
.service .box-service:hover p {
    color: #fff;
}

.service .box-service:hover .service-img {
    background: #f9b50f;
}

.service-img {
    width: 75px;
    height: 75px;
    background: #fff;
    text-align: center;
    padding: 16px 0;
    position: absolute;
    top: -33px;
    right: 40%;
    /* border-bottom-left-radius: 42px; */
    border-radius: 50%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.service-img img {
    width: 50px;
    height: 50px;
}

.title-service {
    position: absolute;
    bottom: 15px;
}

.title-service h6 {
    font-size: 20px;
    font-weight: bold;
    color: #343a40;
}

/*  end service  ---------------------------------------*/

/*  start order  ---------------------------------------*/
.order {
    text-align: right;
    background: #343a40;
    padding: 20px 0;
}

.order h2 {
    color: #fff;
    font-weight: bold;
    font-size: 36px;
}

.order p {
    color: #fff;

}

.order a {
    background: #fff;
    padding: 10px;
    border-radius: 10px 10px 10px 0px;
    display: inline-block;
    color: #343a40;
    border: 1px solid #343a40;
    font-weight: bold;
    font-size: 17px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.order a:hover {
    background: transparent;
    color: #fff;
    border: 1px solid #fff
}

.img-order img {
    width: 100%;
}

/*  end order  ---------------------------------------*/

/*  start form-home  ---------------------------------------*/
.box-form {
    margin: 20px auto;
}

.form-home input,
.form-home select,
.form-home textarea {
    width: 100%;
    margin: 6px;
    padding: 5px 7px;
    border-radius: 10px 10px 10px 0px;
    border: 1px solid #999;
}

.border-form {
    overflow: hidden;
    height: 100px;
    position: relative;
}

.border-form .border-rights {
    background: #f58224;
    width: 100%;
    height: 100px;
    text-align: center;
    line-height: 100px;
    padding: 20px;
}

.border-form .border-left {
    background: #002f67;
    width: 100%;
    height: 100px;
    text-align: center;
    line-height: 100px;
    padding: 20px;
    color: #fff
}

.img-border {

    padding: 20px;
    position: absolute;
    z-index: 1;
    background: #fff;
    height: 110px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 110px;
    border-radius: 50%;
}

.box-vide-pop {
    background: url(../images/cover-vid.jpeg);
    height: 427px;
    background-size: cover;
    margin: 20px auto;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 15px 15px 15px 0px;
    text-align: center;
    line-height: 427px;
    overflow: hidden;
    position: relative;
}

.box-vide-pop i {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 1;
    font-size: 60px;
    color: #f58224;
}

/*  end form-home  ---------------------------------------*/

/*  start testimonial  ---------------------------------------*/
.testimonial {
    background: url(../images/test.jpg);
    height: 500px;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

/*  end testimonial  ---------------------------------------*/


/*  footer ---------------------------------------*/
footer {

    background: url(../images/cover-footer.jpg);
    /* height: 400px; */
    color: #fff;
    padding: 60px;
    text-align: right;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer ul li {
    margin: 20px 0;
}

footer ul li a {
    color: #fff;
    text-decoration: none !important;
    font-size: 17px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

footer ul li a:hover {
    color: #ddd;
}

footer ul li i {
    color: #ddd;
    margin: 0 5px;
}

footer .logo-footer img {
    width: 200px;
    height: 60px;
    margin-bottom: 10px;
}

footer .box-cont ul li {
    display: inline-block;
    margin: 5px;
}

footer .box-cont .img-fac img {
    width: 75px;
    height: 75px;
    border: 1px solid #ddd;
    box-shadow: 0 0 2px #ddd;
}

footer .box-cont .soch li a {
    font-size: 25px;
    margin: 30px 0;
    display: inline-block;
    text-align: center;
    color: #fff
}

footer .box-cont .soch li a i {
    color: #fff
}

.box-location-new {
    margin: 15px 0;
}

.box-location-new h5 {
    font-weight: bold;
    font-size: 20px;
    border-bottom: 2px solid #333;
    display: inline-block;
    padding-bottom: 7px;
}

.box-location-new ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.box-location-new ul .lii {
    margin: 10px 0;
    font-weight: bold;
    font-size: 15px;
    display: block !important;
}

.box-location-new ul li i {
    font-size: 18px;
}

.box-location-new a {
    text-decoration: none;

}

.box-form-footer {
    background: #f58224;
    height: 100px;
    text-align: center;
    padding: 35px 0;
    border-radius: 15px 15px 15px 0px;
    color: #343a40;
    position: relative;
    margin: 40px auto;

}

.box-form-footer input {
    width: 100%;
    margin: 6px;
    padding: 5px 7px;
    border-radius: 10px 10px 10px 0px;
    border: 1px solid #999;
}

.box-form-footer h3 {
    font-weight: bold;
    font-size: 20px;
}

.box-form-footer button {
    background: #343a40;
    padding: 6px 14px;
    color: #fff;
    border: 1px solid #343a40;
    border-radius: 15px 15px 15px 0;
    font-weight: bold;
}

.boximg-form {
    position: absolute;
    top: -48px;
    left: 45%;
    background: #f58224;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.boximg-formimg {
    width: 64px;
    height: 64px;
}

/*  footer ---------------------------------------*/

/*  copy ---------------------------------------*/
.copy {
    border-top: 1px solid #fff;
    height: 60px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    background: #343a40;
}

/*  copy ---------------------------------------*/
.order {
    overflow: hidden;
}

.img-cuont img {
    width: 100%;
}

/* ================ end page  home ================= */

/* ================ start  page about us ================= */
.covr-page {
    background: url(../images/cover-page.jpg);
    height: 300px;
    width: 100%;
    background-position: center;
    background-size: cover;
    /* background-attachment: fixed; */
    position: relative;
    margin-bottom: 50px
}

.covr-page h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 900;
    color: #fff;
    z-index: 1;
    font-size: 40px;
}

.start-title {
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    color: #1d2353;
}

.about-us {
    position: relative;
}

.about-us-img {
    position: absolute;
    right: 0;
    width: 39%;
    top: 0;
    z-index: -1;
    opacity: .1;

}

.about-us p {
    text-align: center;
    font-size: 17px;
}

.box-about-main {
    text-align: right;
    background: #f1f2f6;
    padding: 10px;
    height: 170px;
    margin-bottom: 10px;
    border-radius: 15px 15px 15px 0;
    border-bottom: 1px solid #f58224;
}

.box-about-main h5 {
    font-weight: bold;
    color: #1d2353;
}

.bo {
    text-align: center;
    font-size: 17px;
}

/* ================ end page about us ================= */

/* ================ start page servic ================= */
.servic {}

.email-signature {

    padding: 15px 25px 27px 230px;
    border-radius: 50px 0;
    position: relative;
    height: 275px;
    text-align: right;
    background: #f1f2f6;
    border-bottom: 2px solid #f58224;
    border-top: 2px solid #1c2454;
    overflow: hidden;
    margin-bottom: 20px;
}

.email-signature .signature-details {

    text-align: center;
    height: 94%;
    width: 37%;
    border-radius: 100px 100px 0 0;
    position: absolute;
    left: 20px;
    bottom: 0;
    overflow: hidden;
    /* border: 1px solid #f58224; */
    box-shadow: 0 0 7px #1c2454;
}

.email-signature .signature-img {
    width: 100%;
    height: 100%;
    margin: 0 auto 20px;
    /* border-radius: 50%; */
    overflow: hidden;
}

.email-signature .signature-img img {
    width: 100%;
    height: 100%;
    /* border-radius: 50%; */
}

.contant-serv h4 {
    font-weight: bold;
    color: #1b2353
}

.contant-serv p {
    color: #333
}

@media screen and (max-width:767px) {
    .email-signature {
        padding: 280px 20px 20px;
        border-radius: 0 0 50px 50px;

    }

    .email-signature .signature-details {
        width: auto;
        height: 50%;
        margin: 0 auto;
        bottom: auto;
        top: 20px;
        left: 20px;
        right: 20px;
    }

    .email-signature .signature-content,
    .email-signature .icon {
        text-align: center;
    }
}

/* ================ end page servic ================= */

/* ================ end page order-servis ================= */
.order-servis {
    position: relative;
}

.order-servis form input,
.order-servis form textarea,
.order-servis form select {
    width: 100%;
    margin-bottom: 8px;
    padding: 5px 7px;
    border-radius: 15px 15px 15px 0;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px #ccc;
    outline: none
}

.order-servis button,
.form-careers button {
    background: #1c2454;
    color: #fff;
    padding: 10px 20px;
    font-weight: bold;
    border: 1px solid #1c2454;
    border-radius: 15px 15px 15px 0;
    float: right;
    margin: 10px auto;
    cursor: pointer;
}

/* ================ end page order-servis ================= */

/* ================ start page careers ================= */
.careers {
    text-align: right
}

.careers p {
    font-size: 17px;
    text-align: center;
}

.careers span {
    color: #1c2454;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.careers .form-careers {
    margin: 30px auto;
    background: #f1f2f6;
    max-width: 600px;
    padding: 10px;
    border-radius: 20px 20px 20px 0;
}

.sing-for {
    position: relative;
}

.sing-for input {
    width: 100%;
    padding: 7px 6px;
    border: 1px solid #ccc;
    border-radius: 15px 15px 15px 0;
    -webkit-border-radius: 15px 15px 15px 0;
    -moz-border-radius: 15px 15px 15px 0;
    -ms-border-radius: 15px 15px 15px 0;
    -o-border-radius: 15px 15px 15px 0;
}

.sing-for i {
    position: absolute;
    left: 0;
    background: #1c2454;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 25px;
    text-align: center;
    line-height: 40px;
    border-radius: 15px 0 0 15px;
}

.sing-for label {
    font-weight: bold;
}

/* ================ end page careers ================= */

/* ================ end page careers ================= */


.map {
    width: 100%;
}

.map .box-map {
    float: right;
    width: 70%;
}

.box-form-map h4 {
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 30px;
}

.box-form-map h6 {
    font-size: 22px;
}

.box-form-map p {
    font-size: 18px;
}


.box-form-map {
    float: left;
    width: 30%;
    background: #1c2454;
    height: 400px;
    padding: 10px;
    text-align: right;
    color: #fff
}

.input-form {
    width: 80%;
    position: relative;
    margin: auto
}

.box-form-map button {
    background: #2d405a;
    border: 1px solid #fff;
    padding: 5px;
    margin: 0;
    color: #fbfbfb;
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 36px;
    border: 1px solid #444;
    cursor: pointer;
}

.box-form-map input {
    width: 100%;
    padding: 5px;
    border: 1px solid #fff;
    box-shadow: 0 0 5px #666;
    outline: none;
}

.icon-social-media-contact ul {
    display: block;
}

.icon-social-media-contact ul li {
    margin: 10px;
    font-size: 17px;
    font-weight: bold;
    text-align: right;
}

.icon-social-media-contact ul li a {
    color: #fff;
    font-size: 22px;
}

.icon-social-media-contact ul li a i {
    border: 1px solid #2d405b;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
    background: #2d405b;
    font-size: 25px;
}

.for {

    padding: 10px;
    margin: 40px auto;

}

.clear {
    clear: both;
}

@media (max-width: 991.98px) {
    .box-form-map {
        width: 45%;
    }

    .map .box-map {
        float: right;
        width: 55%;
    }
}

@media (max-width: 767.98px) {

    .map .box-map {
        float: right;
        width: 100%;
    }

    .box-form-map {
        width: 100%;
        height: 315px;
    }

}

.min-tilte {
    text-align: right;
    font-weight: bold;
    color: #1c2454;
}

.min-tilte img {
    width: 30px;
}

/* ================ end page careers ================= */

/* start page contact-us ----------------------------------------------- */
.contact-us .forms input,
.contact-us .forms textarea {
    width: 100%;
    border: 1px solid #ddd;
    outline: none;
    padding: 5px 10px;
}

.contact-us .forms button {
    background: #1c2454;
    color: #fff;
    padding: 8px;
    margin: 10px 0;
    border: 0;
    border-radius: 5px;
    outline: none;
    font-weight: bold;
    cursor: pointer;
}

.addr h3 {
    text-align: center;
    font-weight: bold;
    color: #1b2353;
    font-size: 22px;
}

.addr ul li {
    max-width: 400px;
    font-weight: bold;
    margin: 20px;
}

.addr ul li i {
    font-size: 21px;
    color: #f58224;
    text-indent: -30px;
}

/* end page contact-us ----------------------------------------------- */
/* ================ end page contact us ================= */
@media (max-width: 1200px) {
    header .apper {
        width: 75%;
        left: 112px;
    }

    .box-single-blog-img {
        width: 635px;
        height: 435px;
    }

    .single-blog .box-single-blog-img img {
        height: 417px;
    }
}



@media (max-width: 991.98px) {
    header .apper {
        width: 100%;
        left: 0;
        border-radius: unset;
    }

    .bg-light {
        background-color: #ddd !important;
        height: auto;
        text-align: right
    }

    header .apper .info-apper p {
        font-size: 10px;
        font-weight: bold;
        margin: 0 7px;
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: rgba(0, 0, 0, .1);
        background: #f9b50f;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #e9ecef;
    }

    .header-content {
        padding-top: 0;
    }

    .all-form {
        margin: 50px auto;
    }

    .slide-home {
        height: auto;
    }

    .about .about-info {
        margin-bottom: 30px;
    }

    .blog .card {
        height: 480px;
    }

    .border-form .border-left,
    .border-form .border-rights {
        width: 50%;
    }

    .box-form-footer h3 {
        font-weight: bold;
        font-size: 18px;
    }

    footer {
        height: auto;
    }


}


@media (max-width: 767.98px) {
    header .apper .info-apper p {
        display: none;
    }

    .box-single-blog-img {
        width: 550px;
    }

    .box-min-news {
        width: 240px;
        margin: 20px auto;
    }

    .box-form-footer {
        height: 165px;
    }

    .box-form-footer input {
        width: 80%;
    }

    .email-signature {
        height: auto !important;
    }
}


@media (max-width: 575.98px) {
    .img-slider-doctor img {
        width: 300px;
        height: 300px;
    }

    .all-form {
        width: 300px;
        margin: 25px auto;
        padding: 0;
        /* float: right; */
    }

    .box-single-blog-img {
        width: 300px;
        height: 300px;
    }

    .single-blog .box-single-blog-img img {
        height: 280px;
    }

    .box-single-blog-info h3 {
        line-height: 44px;
    }

    .cover-page h2 {
        right: 0%;
    }

    header .apper .info-apper {
        display: none
    }

    header .apper .social-media {
        width: 100%;
        float: left;
    }

    .title-slider p {
        display: none
    }

    .title-slider h2 {

        font-size: 20px;
    }

    .img-border {
        display: none
    }

    .border-form .border-left {
        display: none
    }

    .border-form .border-left,
    .border-form .border-rights {
        width: 100%;
    }

    .cuont {
        position: relative;
        overflow: hidden;
    }

    .carousel-indicators li {
        width: 30px;
        height: 30px;
        margin-bottom: 1px
    }

    .carousel-indicators li i {
        font-size: 17px;
        padding: 6px;

    }

    .cuont h2,
    .service h2,
    .form-home h2,
    .about h2,
    .order h2,
    .start-title {
        font-size: 30px
    }
    footer{
        padding: 35px 0;
    }
    .social-media-fixed {
        display: none
    }
    .email-signature .signature-details{
        display: none
    }
    .email-signature{
        padding: 25px;
    }
    .boximg-form {
        left: 35%;
    }
}

/* ================ end page contact us ================= */