@import "tailwindcss/base";

@import "tailwindcss/components";

@import "tailwindcss/utilities";


@font-face {
 font-family: "GE Dinar One Medium";
 src: url('/fonts/alfont_com_GE-Dinar-One-Regular.otf');
}

@font-face {
 font-family: "GE Dinar One Medium Bold";
 src: url('/fonts/alfont_com_GE-Dinar-One-Bold-1.otf');
}

@font-face {
 font-family: "leelawadee-regular";
 src: url('/fonts/leelawad.ttf');
}

@font-face {
 font-family: "Ara Aqeeq Bold";
 src: url('/fonts/Ara Aqeeq Bold.ttf');
}
/*
body {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 margin: 0;
 overflow-x: hidden;
}


.background {
 width: 100%;
 height: 100%;
 background-image: url('/images/background_image.png');
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 margin: 0;

}
*/
/* Header Start */
@font-face {
 font-family: "GE Dinar One Regular";
 src: url("fonts/alfont_com_GE-Dinar-One-Regular.otf");
 }
 
 
 
 .nav-bar {
 box-sizing: border-box;
 display: flex;
 width: 100%;
 background: #fff;
 position: relative;
 justify-content: space-between;
 text-align: center;
 padding: 15px 30px;
 font-family: "GE Dinar One Medium";
 
 }
 
 .nav-bar img {
 width: 100px;
 height: 100px;
 cursor: pointer;
 margin-top: 10px;
 }
 
 .nav-bar ol {
 display: flex;
 list-style: none;
 margin: auto 0;
 margin-left: 200px;
 }
 
 .nav-bar ol .nav-item {
 margin: 0 10px;
 
 }
 
 .nav-bar ol .nav-item a {
 color: #000000;
 font-size: 16px;
 text-decoration: none;
 padding: 5px 5px;
 }
 
 .nav-bar ol .nav-item:hover a {
 color: #297B65;
 }
 
 .nav-bar .search_box {
 display: flex;
 margin: auto 0;
 height: 35px;
 line-height: 35px;
 
 }
 
 .nav-bar .search_box input {
 font-family: "GE Dinar One Medium";
 color: #B2B2B2;
 border: none;
 border: 1px solid #B2B2B2;
 border-left: none;
 background: #fff;
 height: 100%;
 padding: 0 10px;
 font-size: 14px;
 height: 35px;
 width: 186px;
 }
 
 .nav-bar .search_box input:focus{
 color: #000000;
 outline: 0 none; 
 
 }
 
 .nav-bar .search_box span {
 color: #297B65;
 font-size: 20px;
 background: #fff;
 padding: 8px;
 top: 0px;
 position: relative;
 cursor: pointer;
 z-index: 1;
 border: 1px solid #B2B2B2;
 border-right: none;
 
 
 
 }
 
 .nav-bar .search_box span:hover {
 color: #fff;
 }
 
 .nav-bar .search_box span::after {
 height: 100%;
 width: 0%;
 content: '';
 background: #297B65;
 position: absolute;
 top: 0;
 right: 0;
 z-index: -1;
 transition: 0.3s;
 }
 
 .nav-bar .search_box span:hover::after {
 width: 100%;
 }
 
 .nav-bar .bar {
 position: relative;
 margin: auto;
 display: none;
 }
 
 .nav-bar .bar span {
 position: absolute;
 color: #297B65;
 font-size: 35px;
 }
 
 input[type="checkbox"] {
 -webkit-appearance: none;
 display: none;
 }
 
 .login-img {
 display: inline-block;
 padding: 1rem 1rem;
 vertical-align: middle;
 }
 
 .login-img img {
 height: 40px;
 width: 40px;
 }
 
 .language {
 display: inline-block;
 vertical-align: middle;
 }
 
 
 .lang-login {
 margin: auto 0;
 text-align: center;
 }
 
 
 .language a {
 font-family: 'leelawadee-regular', sans-serif;
 font-style: normal;
 color: #000000;
 text-decoration: none;
 font-weight: bold;
 font-size: 14px;
 line-height: 19px;
 
 }
 
 .language a:hover {
 color: #297B65;
 }
 
 .language a:active {
 color: #297B65;
 }
 
 
 @media screen and (max-width: 1200px) {
 .nav-bar {
 display: block;
 padding: 0;
 }
 
 .nav-bar .icon {
 display: inline-block;
 padding: 15px 30px;
 }

 .nav-bar .search_box {
 width: 75%;
 /* margin-top: 10px; */
 display: inline-flex;
 justify-content: center;
 margin-bottom: 15px;
 margin-top: 10px;

 }
 
 .nav-bar .search_box input {
 width: 90%;
 }
 
 .nav-bar ol {
 display: flex;
 flex-direction: column;
 background: #fff;
 height: 0;
 visibility: hidden;
 transition: 0.3s;
 width: 100%;
 
 }
 
 .nav-bar ol .nav-item {
 text-align: center;
 transition: 0.3s 0.1s all;
 opacity: 0;
 
 }
 
 .nav-bar ol .nav-item a {
 color: #000;
 font-size: 20px;
 padding: 25px;
 display: block;
 }
 
 .nav-bar ol .nav-item:nth-child(1) {
 transform: translateX(-150px);
 }
 
 .nav-bar ol .nav-item:nth-child(2) {
 transform: translateX(-200px);
 }
 
 .nav-bar ol .nav-item:nth-child(3) {
 transform: translateX(-250px);
 }
 
 .nav-bar ol .nav-item:nth-child(4) {
 transform: translateX(-300px);
 }
 
 .nav-bar ol .nav-item:nth-child(5) {
 transform: translateX(-350px);
 }
 
 .nav-bar .language:nth-child(6) {
 transform: translateX(-400px);
 }
 
 .nav-bar .bar {
 display: block;
 position: absolute;
 top: 20px;
 right: 80px;
 cursor: pointer;
 
 }
 
 .nav-bar .bar #times {
 display: none;
 }
 
 #check:checked~.nav-bar .bar #times {
 display: block;
 }
 
 #check:checked~.nav-bar .bar #bars {
 display: none;
 }
 
 #check:checked~.nav-bar ol {
 visibility: visible;
 height: 465px;
 }
 
 #check:checked~.nav-bar ol .nav-item:nth-child(1),
 #check:checked~.nav-bar ol .nav-item:nth-child(2),
 #check:checked~.nav-bar ol .nav-item:nth-child(3),
 #check:checked~.nav-bar ol .nav-item:nth-child(4),
 #check:checked~.nav-bar ol .nav-item:nth-child(5) {
 transform: translateX(0);
 opacity: 1;
 }
 }
 
 /* Header End */

/* Footer */

.footer {
 font-family: "GE Dinar One Medium", Verdana, Tahoma;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #0E3D30;
 color: white;
 text-align: center;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 text-align: center;
 
 /* bottom: 0rem; */
 /* margin-bottom: 0; */
}



ul.social-buttons {
 padding-top: 50px;
 float: left;
 /*margin-bottom: 0;*/
 margin-right: auto;
 display: flex;
 justify-content: start
}

/* ul.social-buttons li a:active,
ul.social-buttons li a:focus,
ul.social-buttons li a:hover {
 background-color: primary-orange;
} */

ul.social-buttons li a {
 font-size: 20px;
 line-height: 40px;
 display: block;
 width: 40px;
 height: 40px;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 transition: all 0.3s;
 color: #fff !important;
 border-radius: 100%;
 outline: 0;
 background-color: footer-background-grey;
}

.btn-secondary {
 color: #383736;
 background: white;
}

.footer-widget-title {
 font-family: "Ara Aqeeq Bold";
 text-align: right;
}

ul {

 padding: 0;
 margin: 0
}

li {
 padding: 3px;
 text-align: right;
 list-style: none;

}


.footer .row.social-buttons a {
 color: white;
}




.new-back {
 background: white;
 padding: 2.5rem;
 border-radius: 9px;
 display: flex;
 justify-content: space-between;
 align-items: center;
 position: relative;
 width: 80%;
 margin-right: 25px;

}
/* 
.new-back form {

 display: flex;
 align-items: center;
 position: relative;
 justify-content: center;
 text-align: center;
 padding: 0;
 /*margin: auto .5rem;*/



.for-icon {
 /*border:none;*/
 background-color: transparent;
 border-color: gray;

}

.for-icon:focus,
select:focus,
textarea:focus,
button:focus {
 outline: none;
}

.fa-paper-plane {
 color: gray;
 /*margin: auto;*/
 padding: 0.5rem;
}

.carousel-indicators {
 bottom: -11rem;
 margin-top: 1rem;
 margin-bottom: 1rem;

}

.carousel-indicators li {
 background-color: #297B65;
}

/*.carousel-indicators > li {*/
/* border-radius: 50%;*/
/*}*/

.carousel-caption {
 right: 3rem;
 left: initial;
 text-align: right;
 bottom: initial;
 top: 4rem;
 width: 40%;
}

.card-title {
 color: #297B65;
}

/*.on-hover1:hover {*/
/* background: #3b957c;*/
/*}*/




input {
 border: none;
 background-color: transparent;

}

input:focus,
select:focus,
textarea:focus,
button:focus {
 /*outline: none;*/
}

#project1 {
 font-family: "GE Dinar One Medium", Verdana, Tahoma;;
 font-style: normal;
 font-weight: 500;
 font-size: 22px;
 line-height: 25px;
 text-align: center;
 color: #297B65;
 border: none;

}

.fa-angle-left {

 color: white;
 background: #783C1F;
 margin: auto;
 margin-left: -10;
 padding: 5px;
 border-radius: 5px;
 height: 32px;
 width: 32px;
 ;
}

.input-group {
 border: 1px white solid;
 /*padding: 10px;*/
}

.test :first-child {
 background-color: #297B65 !important;
 border-radius: 5px !important;
 height: 5px !important;
 width: 40px !important;
 border: none !important;
}

.test a:focus {
 background-color: #297B65 !important;
 border-radius: 5px !important;
 height: 5px !important;
 width: 40px !important;
 border: none !important;
}


.footer {
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 text-align: center;
}

.footer .container-fluid{
 padding-right: 50px;
 width: 100%;
}

/* .footer .row {
 flex-direction: column;
} */

.footer .row.menu {
 float: right;
 width: 30%
}

.footer .row.subscription {
 width: 70%;
 float: left;
 display: flex;
 justify-content: left;
}

.footer ul li a {
 color: #fff
}

.footer ul li a:hover {
 color: #fff;
 text-decoration: none;

}

.footer .row.menu .left {
 width: 50%;
}

.footer .row.menu .right {
 width: 50%
}


.footer .row.social-buttons{
 width: 30%;
 float: left;
 padding-left:14rem
}


.footer .row.social-buttons ul{
 font-size: 24px;
 padding: 20px

 }

.footer .row.subscription form button{

 border:none; 
 background-color:transparent
 }

@media (max-width:600px) {

.footer-widget-title {
 text-align: center;
}

.footer .row.menu {
 display: inline-block;
 flex-wrap: wrap;
}

.footer .row .col-md-2 {
 width: 50%;
}

.footer .row.menu .left {
 float: left;
}

.footer .row.menu .right {
 float: right;
}
.footer .row.subscription {
 width: 120%
}
.footer .row.subscription .new-back{
 margin-right: -10px;
 width: 110%

}
.footer .row.subscription #project1{
 font-size: 18px
}
.footer .row.social-buttons{
 width: 120%;
 align-items: center;
}
.footer .row.social-buttons ul{
 padding: none;
 font-size: 18px;
 margin-top: 20px;
 margin-right: 100px;

 }
}

@media (max-width:834px) {
.footer .row.menu {
 /* border: 1px solid; */
 width: 40%
}
.footer-widget-title {
 text-align: center;
}

.footer .row.subscription {
 width: 60%
}
.footer .row.subscription .new-back{
 margin-right: -10px;
 width: 100%

}
.footer .row.subscription #project1{
 font-size: 18px
}
.footer .row.social-buttons{
 width: 100%;
 align-items: center;
}
.footer .row.social-buttons ul{
 padding: none;
 font-size: 18px;
 margin-top: 20px;
 /* margin-right: 100px; */

 }
}
/* Footer End */