@charset "utf-8";
/* CSS Document */
body{
	font-family: 'Roboto', sans-serif !important;
}
.rowbody{
	margin:0 !important;
}
.padbody{
	padding:0 !important;
}
.card{
	border:0 !important;
}
.section1{
	padding-top:3rem;
	padding-bottom:3rem;
}
.box1a {
    text-align: center;
    padding:20px  10px;
}
p.para-1 {
    font-size: 16px;
    line-height: 30px;
}

h5.num {
    margin-bottom: 20px;
    font-size: 14px;
    color: #545b62;
}









.sticky-button a:hover {
    text-decoration: none;
    color: #ffffff;
    background: #28a745;
}
i.fa.fa-whatsapp {
    line-height: 52px;
    font-size: 30px;
    margin: auto;
    text-align: center;
}
.sticky-button{;position:fixed;background-color:#4dc247;bottom:20px;right:20px;width:55px;height:55px;border-radius:50px;box-shadow:0 2px 5px 0 rgba(0,0,0,.1);z-index:20;overflow:hidden;}
.sticky-button a, .sticky-button label{color: #fff;display:flex;align-items:center;width:55px;height:55px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;}
.sticky-button a svg, .sticky-button label svg{margin:auto;fill:var(--warna-icon)}
.sticky-button label svg.svg-2{display:none}
.sticky-chat{position:fixed;bottom:70px;right:20px;width:var(--lebar-chatbox);-webkit-transition:all .3s ease-out;transition:all .3s ease-out;
z-index:21;opacity:0;visibility:hidden;line-height:normal}
.sticky-chat .chat-content{direction: ltr;border-radius:10px;background-color:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,.05);overflow:hidden}
.sticky-chat .chat-header{position:relative;display:flex;align-items:center;padding:15px 20px;background-color:#4dc247;overflow:hidden}
.sticky-chat .chat-header:after{content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 70px; height: 65px; background: rgba(0,0,0,.040); border-radius: 0 70px 5px 0;}
.sticky-chat .chat-header svg{
margin-right: 10px;
width:35px;
height:35px;
flex:0 0 auto;
fill:#fff
}
.sticky-chat .chat-text span.typing {
    height: 40px;
    margin: 50px 0 0 auto;
    padding: 10px 20px 10px 10px;
    border-radius: 3px 15px 15px 15px;
}
.sticky-chat .chat-header .title{padding-right:15px;font-size:14px;font-weight:600;color:#fff}
.sticky-chat .chat-header .title span{font-size:13px;font-weight:400;display:block;line-height:1.58em;margin:0;}
.sticky-chat .chat-text{display:flex;flex-wrap:wrap;margin:25px 20px;font-size:12px;color:var(--warna-text)}
.sticky-chat .chat-text span{height: 40px;display: inline-block;padding: 10px 10px 10px 20px; background:#f0f5fb; border-radius: 0 15px 0; margin-left: 10px;}
.sticky-chat .chat-text span:after{content:'الآن';display:inline-block;margin-right:15px;font-size:9px;color:var(--warna-text-alt)}
.sticky-chat .chat-text span.typing:after, .chat-menu{display:none}
.sticky-chat .chat-text span.typing svg{height:14px;fill:var(--warna-text-alt)}
.sticky-chat .chat-button{display:flex;align-items:center;margin-top:15px;padding:12px 20px;border-radius:10px;background-color:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,.05);overflow:hidden;font-size:12px;color:var(--warna-text);    direction: rtl;}
.sticky-chat .chat-button svg{width: 20px; height: 20px; fill: var(--warna-text-alt); margin-right: auto; transform: rotate(220deg); -webkit-transform: rotate(220deg);}
.chat-menu:checked + .sticky-button label{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
.chat-menu:checked + .sticky-button label svg.svg-1{display:none}
.chat-menu:checked + .sticky-button label svg.svg-2{display:table-cell}
.chat-menu:checked + .sticky-button + .sticky-chat {
    bottom: 90px;
    opacity: 1;
    visibility: visible;
    background: white;
    border-radius: 10px;
}

div#navbar_top {
    background: #fff;
    border-bottom: 1px solid #ccc;
}
div#navbarCollapse{
    float: right;
}
h1.head1a {
    color: #64a334;
    padding-bottom: 20px;
}
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
h5.social a i {
    color: #ffffff;
    background: #5bba00;
    padding: 7px;
    font-size: 16px;
    text-align: center;
    border-radius: 20px;
    width: 30px;
    height: 30px;
}
img.img-fluid.footer-logo-img {
    width: 130px;
    margin-bottom: 20px;
}
h5.social a i:hover {
    color: #ffffff;
    background: #ed1c24;
    padding: 7px;
    font-size: 16px;
    text-align: center;
    border-radius: 20px;
    width: 30px;
    height: 30px;
}
h5.ab-head-suba {
    text-align: center;
    font-size: 30px;
    padding-bottom: 20px;
    color: #fff;
}
p.para-ab-1a {
    color: #dee2e6;
    line-height: 30px;
    font-size: 18px;
}
h5.ab-head-sub {
    padding: 20px 0px 10px;
    font-size: 22px;
}
.ab-god {
    background: #bd2130;
    text-align: center;
  
}
.right-box {
    padding: 50px 80px;
}
p.para-ab-1 {
    text-align: justify;
    font-size: 16px;
    line-height: 30px;
    color: #495057;
}
p.para1a {
    line-height: 34px;
    font-size: 17px;
    font-weight: 400;
    color: #495057;
}
h5.p-name {
    text-align: center;
    font-size: 20px;
    text-transform: capitalize;
    color: #dc3545;
    padding: 15px 10px 10px;
    margin: 0;
}
h5.p-name1 {
    text-align: center;
    font-size: 18px;
 
}




button.learn {
    padding: 10px 30px;
    background: #eb454c;
    border-radius: 10px;
    border: 1px solid #f5f5f5;
    margin-top: 10px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}
button.learn1 {
    padding: 7px 20px;
    background: #00a440;
    border-radius: 10px;
    border: 1px solid #f5f5f5;
    margin-top: 10px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}
.row.rowbody.pro-sec {
    padding: 70px 0px 50px;
}
h1.head-1 {
    font-size: 22px;
    padding: 10px 0px;
    color: #000;
}
.fixed-top a.navbar-brand {
    width: 100px;
}
.row.rowbody.sec1 {
    padding: 50px 0px;
}
.row.rowbody.pro-sec1 {
    background: url(img/bg1.jpg) no-repeat;
    height: auto;
    padding: 50px 0px 50px;
    width: 100%;
    text-align: center;
    background-size: cover;
    background-position: center center;
}
.fixed-top .new-con {
    padding: 0px 150px;
}
.slide-1 {
    text-align: left;
    background: url(img/banner.jpg);
    width: 100%;
    background-position: center center;
    padding: 10%;
    background-size: cover;
}
.box1ab {
    padding: 50px;
}
h5.left-1 {
    font-size: 40px;
    padding-bottom: 20px;
}
.row.rowbody.sec2 {
    background: #f5f5f5;
}
h1.head-1a {

    font-size: 20px;
    padding: 20px 0px 10px;
    color: #fff;
    font-weight: 400;
}
h5.head-sec-1 {
    text-align: center;
    width: 100%;
    padding: 20px 0px 40px;
    color: #fff;
    font-size: 32px;
}
.row.rowbody.footer {
    background: #3e3e3e;
    padding: 50px 0px;
}
h1.footer-head {
    color: #dadada;
    text-transform: uppercase;
    font-size: 20px;
    padding-bottom: 20px;
}
p.footer-para {
    font-size: 16px;
	color: #dadada;
    font-weight: 300;
    line-height: 30px;
}
h5.footer-menu ul {
	margin: 0;
    padding: 0;
}
h5.footer-menu li {
    list-style: none;
    line-height: 32px;
    font-size: 14px;
}
h5.footer-menu a {
	color: #dadada;
    font-weight: 300;
}
h5.slide1v a:hover {
    color: #f7ed14;
    text-decoration: none;
}
h5.social {
    font-size: 17px;
    color: #dadada;
    font-weight: 300;
    line-height: 30px;
    float: left;
    text-align: center;
    width: 100%;
    padding-top: 10px;
}
h5.img-call1 {
    color: #d83e46;
    font-size: 26px;
}
img.img-fluid.img-call1 {
    float: left;
	width: 30%;
	padding-right: 10px;
}
h5.img-call {
    font-size: 16px;
    text-transform: uppercase;
}
h5.copy a:hover {
	text-decoration: none;
    color: #d83e46;
}
h5.footer-menu a:hover {
    color: #5bba00;
	text-decoration: none;
}



h5.copy {
	color: #dadada;
    text-align: center;
    width: 100%;
    font-size: 17px;
    font-weight: 300;
	margin: 0;
}

h5.copy a {
    color: #5bba00;
}
.row.rowbody.footer1 {
    background: #2c2c2c;
    padding: 30px;
}

.contact-form input {
    font-size: 14px;
    width: 100%;
    height: 50px;
    border: 1px solid #ddd;
    padding: 0 15px;
}
.contact-form textarea {
    font-size: 14px;
    width: 100%;
    padding: 15px;
    border: 1px solid #ddd;
}
button.btn.btn-cn {
    padding: 8px 30px;
    font-size: 15px;
    margin-top: 20px;
    background: #d83e46;
    color: #fff;
    font-weight: 400;
    width: 40%;
    text-transform: uppercase;
    border-radius: 0;
}
.mb-20 {
    margin-bottom: 20px;
}
h5.in-head {
    text-align: left;
    font-size: 30px;
    margin-bottom: 50px;
    color: #000;
    text-transform: uppercase;
}
.section-inner1 {
    padding: 50px 0px;
}
.slide-12-gallery {
    text-align: right;
    background: url(img/inr-bnr.jpg);
    width: 100%;
    background-position: right;
    background-size: cover;
    padding: 12% 0% 5%;
    border-top: 5px solid #5bba00;
}
h5.slide1ag {
    font-size: 42px;
    color: #fff;
    font-weight: bold;
}
h5.slide1v {
    color: #fff;
    font-size: 16px;
}
h5.slide1v a {
    color: #5bba00;
}
p.para-inner1 {
    color: #6c757d;
    font-size: 17px;
    line-height: 32px;
}
ul.benefit-list li {
    color: #6c757d;
    font-size: 17px;
    line-height: 37px;
    list-style: none;
}
a.nav-item.nav-link {
    padding: 0px 10px !important;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}
img.img-fluid.about-left {
    width: 40%;
    float: left;
    padding-right: 30px;
}
.row.rowbody.new-sec-ben {
    padding: 20px 0px 40px;
}
@media only screen and (max-width: 320px) {
}
@media (max-width: 576px) {
  p.footer-para {
    font-size: 14px;
    color: #dadada;
    font-weight: 300;
    line-height: 26px;
}
  h5.footer-menu li {
    list-style: none;
    font-size: 14px;
    color: #dadada;
    font-weight: 300;
    line-height: 26px;
}
  
  
.fixed-top .new-con {
    padding: 0px 0px !important;
}
    ul.benefit-list li {
        color: #6c757d;
           font-size: 15px;
    line-height: 28px;
        list-style: none;
        text-align: justify;
        padding-right: 20px;
    }
  h1.head-1 {
    font-size: 20px;
    padding: 0px 0px;
    color: #000;
}
  .section-inner1 {
    padding: 20px 0px;
}
  .row.rowbody.new-sec-ben img {
    margin-bottom: 10px;
    margin-top: 10px;
}
    .new-sec-ben img {
        margin-bottom: 0px;
        margin-top: 30px;
    }
    .row.rowbody.new-sec-ben {
        padding: 0px 0px 0px;
    }
    ul.benefit-list {
        padding-left: 20px;
    }
    h5.slide1ag {
        font-size: 25px;
        color: #fff;
        font-weight: bold;
    }
    .slide-12-gallery {
      
        padding: 12% 10% 5%;
      
    }
    a.nav-item.nav-link {
        padding: 8px 0px !important;
        border-bottom: 1px solid #ccc;
    }
    h5.in-head {
        text-align: left;
        font-size: 24px;
        margin-bottom: 10px;
        color: #000;
        text-transform: uppercase;
    }


    p.para-inner1 {
        color: #6c757d;
        font-size: 17px;
        line-height: 32px;
        text-align: justify;
    }
    img.img-fluid.about-left {
        width: 100%;
        float: left;
        padding-right: 0px;
    }
	h1.head1a {
		color: #64a334;
		padding-bottom: 0px;
		font-size: 25px;
	}
	p.para1a {
		line-height: 30px;
		font-size: 17px;
		font-weight: 300;
		text-align: justify;
	}
    .right-box {
        padding: 20px 10px;
    }
    h5.ab-head-suba {
        text-align: center;
        font-size: 22px;
        padding-bottom: 10px;
        color: #fff;
    }
   p.para-ab-1a {
    color: #dee2e6;
    line-height: 23px;
    font-size: 14px;
    text-align: justify;
}
	.box1ab {
		padding: 20px;
	}
	h5.left-1 {
		font-size: 25px;
		padding-bottom: 0px;
	}
	h5.head-sec-1 {
		text-align: center;
		width: 100%;
		padding: 0px 0px 10px;
		color: #fff;
		font-size: 26px;
	}
    .row.rowbody.pro-sec1 {
      
        padding: 20px 0px 20px;
     
      
    }


    .row.rowbody.pr-1 img {
        margin-bottom: 20px;
    }
h5.img-call1 {
    color: #d83e46;
    font-size: 17px;
}
img.img-fluid.img-call1 {
    float: left;
    width: 24%;
    padding-right: 10px;
}
.fixed-top .new-con {
    padding: 0px 0px;
}
.dropdown-item {
  
    padding: 10px !important;
}

.dropdown-menu {
    padding: 0 !important;
    border: transparent !important;
}


div#navbarCollapse {
    float: none;
}


	.row.rowbody.footer {
		background: #3e3e3e;
		padding: 20px 0px 10px;
	}
	h5.img-call {
		font-size: 13px;
		text-transform: uppercase;
	}
	h5.copy {
    color: #dadada;
    text-align: center;
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    line-height: 23px;
}
	h1.footer-head {
		color: #dadada;
		text-transform: uppercase;
		font-size: 17px;
		padding-bottom: 0px;
		padding-top: 20px;
	}
	.row.rowbody.pro-sec {
		padding: 30px 0px 30px;
	}
	button.learn {
		padding: 5px 20px;
		
	}
	button.navbar-toggler {
		right: 0;
		float: right;
		margin-top: 20px;
	}
a.navbar-brand {
    width: 50%;
}
}
@media (max-width: 768px) {
    button.navbar-toggler {
        right: 0;
        float: right;
        margin-top: 20px;
    }
    .fixed-top .new-con {
        padding: 0px 50px;
    }
    a.nav-item.nav-link {
        padding: 8px 6px !important;
      
        font-size: 12px;
    }
    div#navbarCollapse {
        float: none;
    }
    p.para-inner1 {
        color: #6c757d;
        font-size: 16px;
        line-height: 28px;
        text-align: justify;
    }
    .row.rowbody.new-sec-ben img {
        margin-bottom: 20px;
    }
    h5.img-call1 {
        color: #d83e46;
        font-size: 16px;
    }
    p.para1a {
        line-height: 26px;
        font-size: 14px;
        font-weight: 400;
        color: #495057;
    }
    h1.head1a {
        color: #64a334;
        padding-bottom: 10px;
        font-size: 30px;
        margin: 0;
    }









    p.para-1 {
        font-size: 15px;
        line-height: 24px;
    }
    img.img-fluid.about-left {
        width: 100%;
        float: left;
        padding-right: 0px;
    }
    h5.img-call {
        font-size: 11px;
        text-transform: uppercase;
    }
    h5.social a i {
        color: #ffffff;
        background: #5bba00;
        padding: 6px;
        font-size: 12px;
        text-align: center;
        border-radius: 20px;
        width: 24px;
        height: 24px;
    }
}
@media (max-width: 991px) {
}
@media  (min-width: 992px) and (max-width: 1024px) {
    .fixed-top .new-con {
        padding: 0px 50px;
    }
    h5.ab-head-suba {
        text-align: center;
        font-size: 20px;
        padding-bottom: 20px;
        color: #fff;
    }
    h5.img-call1 {
        color: #d83e46;
        font-size: 22px;
    }
    p.footer-para {
        font-size: 12px;
        color: #dadada;
        font-weight: 300;
        line-height: 25px;
    }
    h5.p-name {
    
        font-size: 17px;
       
    }



    h5.footer-menu li {
        list-style: none;
        line-height: 30px;
        font-size: 13px;
    }
    .right-box {
        padding: 10px 10px;
    }
    p.para-ab-1a {
        color: #dee2e6;
        line-height: 25px;
        font-size: 14px;
    }




    .box1ab {
        padding: 20px 20px;
    }
    h5.left-1 {
        font-size: 28px;
        padding-bottom: 0px;
    }
    p.para1a {
        line-height: 28px;
        font-size: 15px;
        font-weight: 400;
        color: #495057;
    }
    h1.head1a {
        color: #64a334;
        padding-bottom: 20px;
        font-size: 30px;
        margin: 0;
    }
    .row.rowbody.pro-sec {
        padding: 50px 0px 20px;
    }
    .row.rowbody.footer {
        background: #3e3e3e;
        padding: 40px 0px 30px;
    }
    h5.img-call {
        font-size: 14px;
        text-transform: uppercase;
    }
    button.learn1 {
        padding: 7px 20px;
        background: #00a440;
        border-radius: 10px;
        border: 1px solid #f5f5f5;
        margin-top: 0px;
        font-size: 14px;
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
    }






}