@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@200;300;400;500;600;700;800;900&display=swap');
:root {
--font-family-Fira-Sans:'Fira Sans', sans-serif;
}

/* basic style */
html{
    scroll-behavior: smooth;
}
body{
   font-family: var(--font-family-Fira-Sans);
   font-weight: 400;
   position: relative;
   color: #ffffff;
   background: #000000;

}
h1,h2,h3,h4,h5,h6{
    font-weight: 700;
}
a{
    display: inline-block;
    transition: all ease .6s;
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
small{
    display: inline-block;
}
ul{
    margin: 0;
    list-style: none;
    padding: 0;
}
/* media style */
.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}
.media-body {
    -ms-flex: 1;
    flex: 1;
}
/*.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1690px;
}*/

/* ----------------------------------------------
                 start
---------------------------------------------- */
header {
    padding: 24px 0;
}
header .container{
    max-width: 950px;
}
header .d-flex {}
header .d-flex .item-1 {}
header .d-flex .item-1 a {
    font-size: 15px;
    font-weight: 500;
    color: #FFFFFF;
}
header .d-flex .item-1 a:hover{
    color: #18A812;
}
header .d-flex .item-2 {}
header .d-flex .item-2 a {}
header .d-flex .item-2 a .img-fluid {}
header .d-flex .item-3 {}
header .d-flex .item-3 a {
    background: #18A812;
    color: #fff;
    padding: 8px 15px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 700;
}
header .d-flex .item-3 a:hover{
    background: #fff;
    color: #18A812;
}
.navbar-body {
    background: #F9BE3D;
    padding: 6px;
}
.navbar-body {}
.navbar-body .d-flex {}
.navbar-body .d-flex li {
    padding: 0 35px ;
}
.navbar-body .d-flex li a {
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    color: #000000;
}
.navbar-body .d-flex li a:hover{
    color: #18a812;
}
.slider-body {}
.slider-body .carousel {}
.slider-body .carousel .carousel-inner {}
.slider-body .carousel .carousel-inner .carousel-item {}
.slider-body .carousel .carousel-inner .carousel-item .d-block {}
.slider-body .carousel .carousel-inner .carousel-item .carousel-caption {
    right: 12%;
    left: auto;
    bottom: 4.25rem;
}
.slider-body .carousel .carousel-inner .carousel-item .carousel-caption .slider-item {
    text-align: end;
}
.slider-body .carousel .carousel-inner .carousel-item .carousel-caption .slider-item h1 {
    font-size: 80px;
    line-height: 105%;
    font-weight: 400;
    padding: 0px 9px;
    border: 3px solid #F9BE3D;
    margin-bottom: 0;
}
.slider-body .carousel .carousel-inner .carousel-item .carousel-caption .slider-item p {
    margin-bottom: 0;
    font-size: 48px;
    line-height: 64px;
    color: #F9BE3D;
}
.slider-body .carousel .carousel-control-prev {}
.slider-body .carousel .carousel-control-prev .carousel-control-prev-icon {
    background-image: url("../images/arrow-left.png");
}
.slider-body .carousel .carousel-control-prev .visually-hidden {}
.slider-body .carousel .carousel-control-next {}
.slider-body .carousel .carousel-control-next .carousel-control-next-icon {
    background-image: url("../images/arrow-right.png");
}
.slider-body .carousel .carousel-control-next .visually-hidden {}
.brand {
    padding: 70px 0;
}
.brand .container{
    max-width: 1104px;
}
.brand .item {
    padding: 40px;
    background-image: url('../images/bg1.png');
    background-size: 100% 100%;
    text-align: center;
}
.brand .item.item01{}
.brand .item.item02{
    background-image: url('../images/bg2.png');
}
.brand .item03 .item{
    background-image: url('../images/bg3.png');
}
.brand .item.item03{
    background-image: url('../images/bg3.png');
}
.brand .item .img-fluid {
    max-height: 127px;
}
.brand .item h4 {
    margin: 0;
    font-size: 48px;
    font-weight: 400;
    line-height: 64px;
}
footer {
    padding: 70px 0;
    border-top: 1px solid #F9BE3D;
}
footer .footer-inner {
    max-width: 860px;
    margin: 0 auto;
}
footer .footer-inner {}
footer .footer-inner {}
footer .footer-inner .left-logo {}
footer .footer-inner .left-logo a {}
footer .footer-inner .left-logo a .img-fluid {}
footer .footer-inner {}
footer .footer-inner .footer-link {}
footer .footer-inner .footer-link ul {}
footer .footer-inner .footer-link ul li {}
footer .footer-inner .footer-link ul li a.Admin{
    color: #18A812;
}
footer .footer-inner .footer-link ul li a:hover{
    color: #f9be3d;
}
footer .footer-inner .footer-link ul li a {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
}
.mobile-menu {}
.mobile-menu button.btn{
    display: block;
    width: 100%;
    background: #F9BE3D;
    padding: 15px 0;
    border-radius: 0;
}
.mobile-menu button.btn:focus{
    box-shadow: none;
     background: #F9BE3D;
}
.offcanvas {
    max-width: 100%;
    background-color: #000;
    text-align: center;
}
.offcanvas .offcanvas-header {
    position: relative;
    display: block;
}
.offcanvas .offcanvas-header .offcanvas-title {}
.offcanvas .offcanvas-header .btn-close {
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.213' height='21.213' viewBox='0 0 21.213 21.213'%3E%3Cg id='Group_17' data-name='Group 17' transform='translate(-385.893 -10.393)'%3E%3Cpath id='Path_58' data-name='Path 58' d='M4.5,9h27' transform='translate(390.136 1.908) rotate(45)' fill='none' stroke='%23f9be3d' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_59' data-name='Path 59' d='M4.5,27h27' transform='translate(364.68 14.636) rotate(-45)' fill='none' stroke='%23f9be3d' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E") center/1em auto no-repeat;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 15px;
}
.offcanvas .offcanvas-body {}
.offcanvas .offcanvas-body .item {}
.offcanvas .offcanvas-body .item ul {
    margin-bottom: 40px;
}
.offcanvas .offcanvas-body .item ul li {}
.offcanvas .offcanvas-body .item ul li a {
    font-size: 24px;
    line-height: 48px;
    text-transform: uppercase;
    color: #fff;
}
.offcanvas .offcanvas-body .item01 {}
.offcanvas .offcanvas-body .item01 ul {}
.offcanvas .offcanvas-body .item01 ul li {}
.offcanvas .offcanvas-body .item01 ul li a {}
.offcanvas .offcanvas-body .item02 {}
.offcanvas .offcanvas-body .item02 ul {}
.offcanvas .offcanvas-body .item02 ul li {}
.offcanvas .offcanvas-body .item02 ul li a {}
.offcanvas .offcanvas-body .item03 {}
.offcanvas .offcanvas-body .item03 ul {}
.offcanvas .offcanvas-body .item03 ul li {}
.offcanvas .offcanvas-body .item03 ul li a {}
.offcanvas .offcanvas-body .item04 {}
.offcanvas .offcanvas-body .item04 ul {}
.offcanvas .offcanvas-body .item04 ul li {}
.offcanvas .offcanvas-body .item04 ul li .admin {
    color: #F9BE3D;
    margin-top: 15px;
}
.offcanvas .offcanvas-body .item04 ul li .login {
    background: #18A812;
    padding: 10px;
    color: #fff;
    width: 244px;
    max-width: 100%;
    border-radius: 10px;
    margin: 0 auto;
    font-size: 24px;
    font-weight: 500;
}
.offcanvas .offcanvas-body .item05 {}
.offcanvas .offcanvas-body .item05 p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 0;
}
.offcanvas .offcanvas-body .item05 p a {
    color: #fff;
}
/* ----------------------------------------------
                 end
---------------------------------------------- */


/* ----------------------------------------------
                 start
---------------------------------------------- */
/* ----------------------------------------------
                 end
---------------------------------------------- */


/* ----------------------------------------------
                 start
---------------------------------------------- */
/* ----------------------------------------------
                 end
---------------------------------------------- */


/* ----------------------------------------------
                 start
---------------------------------------------- */
/* ----------------------------------------------
                 end
---------------------------------------------- */


/* ----------------------------------------------
                 start
---------------------------------------------- */
/* ----------------------------------------------
                 end
---------------------------------------------- */


/* ----------------------------------------------
                 start
---------------------------------------------- */
/* ----------------------------------------------
                 end
---------------------------------------------- */


/* ----------------------------------------------
                 start
---------------------------------------------- */
/* ----------------------------------------------
                 end
---------------------------------------------- */


/* ----------------------------------------------
                 start
---------------------------------------------- */
/* ----------------------------------------------
                 end
---------------------------------------------- */


/* ----------------------------------------------
                 start
---------------------------------------------- */
/* ----------------------------------------------
                 end
---------------------------------------------- */


/* ----------------------------------------------
                 start
---------------------------------------------- */
/* ----------------------------------------------
                 end
---------------------------------------------- */


/* ----------------------------------------------
                 start
---------------------------------------------- */
/* ----------------------------------------------
                 end
---------------------------------------------- */


/* ----------------------------------------------
                 start
---------------------------------------------- */
/* ----------------------------------------------
                 end
---------------------------------------------- */

.container-mobile-login{
    display: none;
    justify-content: center;
    margin-top: 1rem;
}
@media (max-width: 768px) {
    .container-mobile-login{
        display: flex;
    }
}