@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');
body{
  font-family: "Cairo", system-ui;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
}
img{max-width: 100%}
#logo_home h1{margin: 10px 0 50px 0}
header#plain #logo_home h1 a {
    background-image: none;
    text-indent: initial;
}
header#plain #logo_home h1 a img{height: 75px}
header{padding: 0}
nav{margin-top: 35px !important}
header#plain .main-menu > ul > li > a {
    color: #2c3d4d;
    font-size: 15px;
    font-weight: 700;
    padding: 0 12px 15px 12px;
}
header#plain .main-menu > ul > li:hover > a {
    color: #b89f76;
}
a.button_intro, .button_intro{
    background: #b89f76
}
a.button_intro:hover, .button_intro:hover {
    color: #b89f76 !important;
}
/*
.subheader_plain{margin-top: 0}
header#plain.sticky{position: initial}
footer{position: initial !important}
*/
header.sticky #logo_home h1{margin: 10px 0 50px 0}
.sticky nav{margin-top: 35px !important}
.main-menu{text-align: center}
.the-text{
    font-size: 18px;
    font-weight: 600;
    line-height: 31px;
}
.the-text2{font-size: 18px;line-height: 31px;font-weight: 700;}
.main_title h2{color: #2c3d4d}
a.btn_1, .btn_1{background: #2c3d4d}
a.btn_1:hover, .btn_1:hover{background: #b89f76}
.the-social{padding: 0}
.the-social li{display: inline-block}
/*.feature_home i{
    width: 35px;height: 35px;line-height: 32px;font-size: 16px;
    background: #2c3d4d;color: #fff;border-color: #2c3d4d;margin:0 2px 5px
}*/
.feature_home i {
    width: auto;
    height: auto;
    line-height: inherit;
    font-size: 17px;
    color: #000;
    border-color: #2c3d4d;
    border: 0;
    margin:0 3px 0
}
.feature_home h3{color: #b89f76;font-size: 18px}
.feature_home .the-social i{color: #2a2a2a}
.feature_home p{font-weight: 600}
footer{background: #2c3d4d;position: initial !important}
main{margin-bottom: 0 !Important;}
.button_intro.button_intro2{background: #2c3d4d}
.button_intro.button_intro2:hover{color: #2c3d4d !important}
.inner-page{padding-top: 100px}
.quality-list li{text-align: left;direction: ltr}
.quality-list li span{font-weight: 800;min-width: 160px;display: inline-block}
li.the-text{margin-bottom: 10px}
.manager{font-weight: 800;color: #2c3d4d;font-size: 20px}
.feature_home p a{color: #2a2a2a}
.feature_home p a:hover{color: #2c3d4d}
.the-video video{width: 100%;display: block}
.video-img{border: 1px solid #ddd;margin-bottom: 10px;position: relative}
.video-img img{width: 100%}
.video-box:hover{cursor: pointer;opacity: .95}
.video-box{text-align: center;margin-bottom: 20px}
.modal-dialog{margin-top: 120px}
.video-img img.play-btn{position: absolute;height: 50px;width: 50px;top: 40%;right: 45%}
.tab-content{border: 0;padding-left: 0;padding-right: 0;padding-top: 10px}
.nav-pills .nav-link{font-weight: 700;color: #31475e;background-color: #eee;margin: 0 7px;padding: 13px 30px}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: #31475e}
nav.navbar{margin-top: 0 !important}
nav.navbar img{height: 70px}
.logo-2{display: none !important}
header#plain #logo_home .logo-3 img {
    height: 75px;margin-top: 10px
}
.tab-content{background-color: rgb(255 255 255 / 0%)}
@media only screen and (max-width: 1400px) {
    header#plain .main-menu > ul > li > a{font-size: 14px}
}
@media only screen and (max-width: 1200px) {
    header#plain .main-menu > ul > li > a{padding: 0 13px 15px 13px}
}
@media only screen and (max-width: 991px) {
    .main-menu{text-align: initial}
    #header_menu > img{height: 50px;width: auto}
    .button_intro{margin-bottom: 5px}
    .about-img{margin-bottom: 15px}
    .the-text{font-size: 16px;line-height: 26px}
    .header-video {margin-top: 95px}
    .quality-list li span{display: block}
    .logo-2{display: inline-block !important}
    .logo-3{display: none !important}
    header#plain #logo_home h1 a{display: inline-block}
    #logo_home h1 a, header.sticky #logo_home h1 a, header#plain #logo_home h1 a, header#colored #logo_home h1 a{
        width: auto;height: auto
    }
    header.sticky #logo_home h1{margin: 10px 0}
    header#plain #logo_home h1 a img{height: 65px}
    #logo_home h1 {margin: 10px 0 5px 0;}
}
@media only screen and (max-width: 767px) {
    a.button_intro, .button_intro{
        padding: 8px 15px;min-width: 100px
    }
    main{min-height: 800px}
}
@media only screen and (max-width: 480px) {
    .intro_title h3{font-size: 20px;margin-top: 10px}
    .intro_title p{font-size: 14px;margin-bottom: 15px}
    header#plain #logo_home h1 a img{height: 55px;/*margin-top: 10px*/}
    .nav-pills .nav-link{padding: 10px}
}
/** new edits **/
#plain .container{max-width: 1500px}
#logo_home{text-align: end}
@media only screen and (max-width: 991px) {}
    #logo_home{text-align: initial}
/** new edits **/