@import url('animate.css');
@import url('../fonts/flat-icon.css');
@import url('https://cdn.lineicons.com/3.0/lineicons.css');

@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&family=Tauri&display=swap');
/* CSS Document */

html,
body {
overflow-x: hidden;
}
body { font-family: "Tauri", sans-serif;
float: left;
width: 100%;
color: #000;font-weight: 300;
background-attachment: fixed; background-size: 40%;
padding-right: 0 !important;
       -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;

}
.modal-open {
padding-right: 0!important;
overflow: hidden;
}
::-moz-selection {
/* Code for Firefox */
color: #000;
background: #d7c07f;
}
::selection {
color: #000;
background: #d7c07f;
}

.btn{ box-shadow: none; outline: none;}
button{ box-shadow: none; outline: none;}

/* remember to define focus styles! */
:focus {
outline: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;   font-family: "Tauri", sans-serif;
}

h2{ }
p {
color: #000;
line-height: 23px;
font-size: 15px; font-weight: 400;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a{text-decoration: none;}
a:hover{color: #0e2c18;}
ul li,
ul li a,
ol li,
ol li a {
color: #161616;
font-size: 15px; font-weight: 300;
line-height: 26px;text-decoration: none;
}
a:hover,
a:focus {
text-decoration: none;
outline: none;
}
:focus {
outline: none;
}
.no-padding {
padding: 0px;
}
.text-left {
text-align: left !important;
}
.mob-only {
display: none;
}
.desktop-only {
display: block;
}
.layout {
width: 100%;
background: #fff; 

overflow: hidden;
margin: 0 auto;
max-width: 100%;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.desktop {
display: block;
}
.mob-view {
display: none;
}

.margin-auto{margin: auto; float: none;}
.full-width{width: 100% !important;}
.header {
position: relative; height:auto;
  background-repeat: repeat-x; z-index: 999; background: rgb(255 255 255 / 99%);
}


.home-box{padding:0em 0px;background:#d8ac6a;float:left;width:100%;height:100vh;}
.home-box .list-group-item{background:none !important;color: #fff;text-transform: uppercase;font-weight: bold;text-align:center;padding:15px;}
.home-box .list-group-item a{color: #fff;}
.qpage{background:#d8ac6a;}
.form-box{padding:1em 0px;background:#d8ac6a;float:left;width:100%;height:100%;}
.form-box ul{padding-left:0px;margin-bottom:0px;}
.form-box ul li{list-style:none !important; color:#fff;text-transform:uppercase;border-bottom:1px solid #ccc; font-size:14px;    padding: 10px 0px;}
.form-head p{background:#fff;text-transform:uppercase;    padding: 5px 10px;}
.form-head p span{padding-left:10px;}
.form-box  .form-control{border-radius:0px;}
.form-box .form-group{margin-bottom:0px;}
.button-box{width:100%; float:right;}
.button-box button{background: #4f67b8;
    border: 0px;
    border-radius: 0px;
    margin: 10px 0px;
    max-width: 300px;
    float: right;width:100%;}
    .resulthead{padding:5px 0px; border-bottom:1px #fff dashed;}
    .resulthead h2{color: #fff;font-size: 20px;text-transform: uppercase;font-weight: bold;}
     .resulthead p{color: #fff;font-size: 16px;text-transform: uppercase;font-weight: bold;}
     .answerhead{color: #fff;font-size: 20px;text-transform: uppercase;font-weight: bold;padding:10px 0px;}
     .form-box .table th{color:#fff;text-transform:uppercase;font-size:13px;}
     .form-box .table td{color:#fff ;text-transform:uppercase;font-size:13px;}
      .form-box2 h2{color:#fff;font-size:26px;font-weight:bold;text-transform:uppercase;text-align:center;border-bottom:dashed 1px #fff;}
      .form-box2 h3{color:#fff;font-size:20px;font-weight:bold;text-transform:uppercase;text-align:center;}
      .form-box2 p{color:#fff; font-size:14px;}
      .back-btn{background: #e2e8ff;
    border: 0px;
    padding: 5px 20px;
    border-radius: 7px;
    float: right;
    display: block;}
    .loginbox{padding:1em 1em;background:#fff; margin-top:5em;border:1px solid #fff;border-radius:6px;}
    .loginbox h2{text-transform:uppercase;margin:10px;font-size:18px;}
    .subq{padding-left:20px;}
/* -------------------------------- 

Main components 

-------------------------------- */
@media (min-width: 1600px) {
    
}
 

@media only screen and (min-width: 1600px) {

}
@media only screen and (min-device-width: 1025px) and (max-device-width: 1280px) {

}
@media only screen and (min-device-width: 800px) and (max-device-width: 1024px) {
    
}
@media screen and (max-width: 773px) {
   
}


@media screen and (max-width:667px) {
    
}

@media screen and (max-width:480px) {
    .swiper-slide img{width: 100% !important; height: auto;}
}
@media screen and (max-width:320px) {
    
    .navbar-brand img{max-width: 240px;;float:left;}
}