@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
html{ scroll-behavior: smooth; }
body{ margin: 0px; padding: 0px; box-sizing: border-box; }
*{ margin:0px; padding: 0px; }

/* commen css & class */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{ font-size: 42px !important; font-family: 'Roboto', sans-serif; line-height: 1.5 !important; font-weight: 500 !important; color: #00746a !important;  text-transform: capitalize !important;  width: 100%; margin-bottom: 0px !important;}
h2, .h2{ font-size: 36px !important; }
h3, .h3{ font-size: 32px !important; }
h4, .h4{ font-size: 28px !important; }
h5, .h5{ font-size: 22px !important; }
h6, .h6{ font-size: 18px !important; }
p,.p{font-size: 16px; line-height: 26px; margin-bottom: 0px !important; padding:5px 0; font-family: 'Open Sans', sans-serif;}
ul, ol{ list-style: none;  margin:0px !important; padding: 0px; }
a{ text-decoration: none !important; list-style: none; font-family: 'Roboto', sans-serif; }
.spad{ padding:40px 0; }
img, .img{ width: 100%; height: auto; }

/*=============================  Home page css ================================ */

.top_header{ background-color: #00746a; width: 100%; height: auto; padding: 7px 0px; }
.social_media{ margin: 3px 0px; }
.social_media ul{ display: flex;  }
.social_media ul li{ padding-right:20px;  }
.social_media ul li a{display: block; color: #00746a;  text-align: center; background-color: #fff; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; transition: 0.5s all;}
.social_media ul li a:hover{ transform: rotate(360deg); background-color: #d4af37; color: #292929; }
.top_right_btn a {float: right; color: #fff; font-weight: 500; letter-spacing: 1px; transition: 0.5s all; font-size: 21px; padding: 1px 0px; }
.top_right_btn a:hover{ padding-right: 5px; }

.main-nav{ padding:3.4px 0px; }
.navbar{ padding: 0px !important; }
#main_nav{ flex-direction: row-reverse; }
.navbar-brand img{ width: 150px;  }
.nav-item{ padding-left: 20px; }
.nav-link{ color: #00746a; font-size: 20px; font-weight: 500; letter-spacing: 1px; transition: 0.5s all;}
.nav-link:hover{ color: #d4af37;}
.navbar-toggler-icon i{ color:#00746a;}

.main_banner{ background-color: #00746a;  }
.banner-title{ margin:10px 0px; }
.banner-title h1{ color: #fff !important; }
.banner-title p{ color: #d4af37; font-size: 22px;  }
.banner-list-item img{ width: 40px; margin-right: 15px; }
.banner-list-item ul li{ line-height: 2.5; font-size: 22px; color: #fff; font-weight: 500; }
.free-trail h2{ margin-top: 20px; color: #fff !important; line-height: 0px;}
.free-trail p{color: #d4af37; font-weight: 600; font-size: 20px; }
.banner-link-img{ display: flex; padding: 10px 0px;}
.banner-link-img img{ width: 200px; margin:15px 25px 0px 0px;}
.banner-right-ss{ position: absolute; bottom: 0; }
.br-none{ display: none; }

.ss-slider{margin-top:30px;}
.ss-slider h1{ text-align: center; margin-bottom: 40px !important;}
.carousel-inner{ text-align: center; z-index: 2;}
.carousel-item img{ max-width: 200px;  }
.slider-con-data{ position: relative; top: 10%; }
.ss-bg {background-color: #00746a; width: 100%; padding: 20px 0px; margin-top: -70px; }
.carousel-indicators { bottom: -35px; right: inherit; }
ol.carousel-indicators li {margin: 0px 5px; border: 1px solid #00746a; border-radius: 12px; width: 20px; height: 20px; }
ol.carousel-indicators li.active{ background-color: #00746a; }
#carousel1 ol.carousel-indicators{ display: none; }
.ss-bg .banner-link-img{ justify-content: center; padding-left:20%; }
.slider-con-data .carousel-item{ text-align: left; }

.merchants_item{height: 100%; padding: 10px 15px; background-color: #fff; border:1px #b2b6b6 solid; }
.merchants h1{ text-align: center; margin-bottom: 25px !important; }
.mct_icon{ width: 60px; height: auto; margin: 10px 0px;   }
.merchants-tablet,.merchants-moblie{ display: none; }

.get-link-section{  margin-bottom: 30px;}
.get-link-section h2{ margin-bottom: 15px !important; text-align: center;}
.get-link-item{ width: 77%; margin: auto; }
.get-link-item input[type=number]{color: #292929; background-color: transparent; border:1px #292929 solid; outline: none; padding: 10px 15px; width: 73%; font-size: 18px; letter-spacing: 1px;}
.get-link-item input::placeholder {color: #292929; opacity: 1; }
.get-link-item input:-ms-input-placeholder {color: #292929; }
.get-link-item input::-ms-input-placeholder {color: #292929; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; }
input[type=number] {-moz-appearance: textfield; }
.get-link-item a {background-color: #00746a; padding: 10.8px 55px; color: #fff; font-size: 22px; }

.testimonial_section{ background-color:#00746a; padding: 50px 0px;  }
.testi-content .carousel-inner{ text-align: center; }
.testimonial_section h1{position: relative; z-index: 2; color: #fff !important; text-align: center; margin-bottom: 10px !important;}
.testi-item h4{ color: #fff !important; margin-bottom: 10px !important; }
.testi-item p{ font-size: 20px; margin-bottom: 20px !important; }
.testi-control{ position: relative; z-index: 99; top: 30px;}
.testi-control a{ margin-left:  -8px; }
.carousel-control-prev{ left: 40%; }
.carousel-control-next{ right: 40%; }
.carousel-control-next, .carousel-control-prev{ opacity: 1; }
.carousel-control-next span, .carousel-control-prev span {background-color: #d4af37; width: 40px; height: 40px; color: #292929; font-size: 22px; line-height: 42px; border-radius: 50%; }
.testi-content .carousel-item h2, .testi-content .carousel-item p{ color: #fff !important;  }
.test-quote-img{position: absolute; opacity: 0.3; left: 20px; margin-top: -5%; z-index: 1;}
.test-quote-img img{ width: 200px; }
.img-right{  position: relative; margin-top: -70px; }
.img-right img{ float: right; }

.faq{ margin-top: 20px; }
.faq h1{ margin-bottom: 30px !important; }
.faq a { font-size: 22px; font-weight: 500; letter-spacing: 1px;  color: #00746a; float: right; margin-bottom: 10px; }
.accordion__item {padding: 15px 20px; margin-bottom: 20px; border: 1px solid #00746a; border-radius: 4px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06); }
.accordion__body {display: none; padding-top: 10px; }
.accordion__body p {margin-bottom: 0; } 
.accordion__title { cursor: pointer; margin-bottom: 0; position: relative; }
.accordion__title:after {content: ""; width: 20px; height: 20px; position: absolute; right: 0; top: 0; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABlUlEQVRIS72V6zEEQRSFv81ABogAESADIiADRIAIEAEiQASIABmQgQyor+rerZ7enp71Y92qqZrpxznnPmfGim22YnyWITgGdoHteNT0Hs8j8NQT2SM4AK6AjQkvP4EzQLIFGyO4Bk7i9Bfg90uodllv9oBTYD3OeUaigbUISnAv+N0zSfRUuwnS+fmawLA8xO5OoXiqFvToLQ4dluGqCYynLi+jvCZNT8TYzM2SwGq5BYz5VGLHPEqBcy9KgjvgqFJ/ETn4HkFci2K4jP304h5Q8KAPrO0tIGMv+HnkYR+oSQR/joqSwPOZC7HEGRD8hIr0SgBLU1IvlCQl+EeUbAoY4JQhqgnka5G4nsprcPdGCeoQZdhrkmy0FniGyD3fByFqJblF4loL3PVukrPJBnVcVE964pJjolVZ3TL14lSjSaK1wFP9oI/+fVSorhx2qnKA9exPwy6BShLD5vdrNa79CQmeY2VhktZVVKs06QLnvB/zwphL9KcfTgkmkY91bVdnmdo3gjaBE2CZf/JECvrbKyf4BdpXaxkir2UhAAAAAElFTkSuQmCC') no-repeat; background-size: 20px; }
.accordion__title.active {color: #2B9FDF; }
.accordion__title.active:after {transform: rotate(-180deg); }

.fotter,.mt-fotter{background-color: #d1e6e4; padding: 30px 0px;  margin-top: 20px; clear: both; }
.mt-fotter{ display: none; }
.fotter h5{ margin-bottom:20px !important;  }
.fotter ul li,.mt-fotter ul li{ line-height:40px;  }
.ft-social_media ul li{ line-height:48px;  }
.fotter ul li a,.mt-fotter ul li a{color: #292929; font-size: 20px; font-weight: 500; transition: 0.5s all; }
.fotter ul li a:hover{ padding-left: 5px; }

.fotter-item span{ font-size: 18px; color: #292929; font-weight: 600; }
.fotter-item p{ margin: 10px 0px !important; }
.address_item{ display: flex; margin: 15px 0px; width: 100%; }
.address_item i{  margin-right: 25px; background-color: #00746a; border-radius: 50%; width: 30px; height: 30px; text-align: center; color: #fff; font-size: 16px; line-height: 30px; }
.address_item p{ margin: 0px !important; padding: 0px; color: #00746a; font-weight: 600; }
.address_item  a{ font-size: 20px; color: #00746a; font-weight: 500; }

.ft-social_media ul li{ display: flex; }
.ft-social_media i{ margin-right: 25px; background-color: #00746a; border-radius: 50%; width: 30px; height: 30px; text-align: center; color: #fff; font-size: 16px; line-height: 30px; }
.ft-social_media ul li a:hover i{ background-color: #d4af37; color:#292929;}

.copy-right{ background-color: #00746a; padding:7.2px 0px; }
.copy-right a{ color: #fff; padding-right: 30px; line-height: 35px;}
.copy-right p{ color: #fff; float: right; font-weight: 600; }

#BotPenguin-messenger{ width: 300px !important; height: 450px !important; }

/*=============================  About page css ================================ */

.about_us_content{ margin: 30px 0px;  }
.about_us_content .about-us-image img{ width: 265px; float: right; }
.about_us_content { text-align: center; }
.about_us_content  p{ line-height: 35px;}

.count-up{ color: #fff; text-align: center; padding:20px; background-color: #00746a; border-radius: 8px; }
.count-up p{ font-weight: bold; font-size: 36px; }
.count-up h6{ color: #fff !important; margin-top: 10px;}

.vision_mission{ margin: 30px 0px; }
.vm_item{height: 95%; background-color: #00746a; border-radius: 0px 10px 0px 10px; padding: 10px 20px; margin: 10px 0px;}
.vm_item h3{ color: #fff !important; text-align: center; }
.vm_item span{ width: 50px; background-color: #fff; height: 1px; display: block; margin: 20px auto; }
.vm_item p{ color: #fff; text-align: center; }
.video_section{ width: 100%; background-color: #00746a; height: 96%; margin-top: 10px; }

.second-banner{ background-image:url(../images/Jamaudhar-application-bg-banner.jpg); background-repeat: no-repeat; background-size: cover; padding: 80px 0px; text-align: center; }
.second-banner h1{ color: #fff !important; }

/*=============================  blog page css ================================ */

.blog_main h1{ margin: 15px 0px !important; text-align: center; }
.blog_item{ margin: 20px 0px; background-color: #00746a; height: 95%;}
.blog_item_content{  padding: 15px 25px;}
.blog_item_img img{ width: 100%; height: 280px; }
.blog_item_content h3{ color:#fff !important; padding-bottom: 5px;  border-bottom: 1px #fff solid; margin-bottom: 15px !important; }
.blog_item_content span{ color: #fff; font-size: 19px;}
.blog_item_content p{ color: #fff; margin: 10px 0px !important; line-height: 30px; }
.blog_item_content a {background-color: #fff; color: #00746a; padding: 3px 15px; border-radius: 5px; font-size: 18px; }
.full-blog,.full-blog h1{ margin:20px 0px !important; }
.full-blog img{ width: 100% height:450px;  }
.full-blog p{ font-weight: 501;  line-height: 30px; }

/*=============================  Hiring page css ================================ */

.post-item{ background-color: #fff; box-shadow: 0px 2px 4px 0px rgba(68,68,68,0.75);
-webkit-box-shadow: 0px 2px 4px 0px rgba(68,68,68,0.75); -moz-box-shadow: 0px 2px 4px 0px rgba(68,68,68,0.75); padding:15px; border-radius: 7px; }
.post-item .post-icon i{ font-size: 26px; width: 50px; height: 50px; background-color: #00746a; color: #fff; border-radius: 50%; text-align: center; line-height: 50px; }
.post-titel{ border-bottom: 2px #00746a solid; padding-bottom: 5px; margin: 10px 0px; }
.post-titel h5{ font-size: 20px !important;  }
.post-descripson{ margin: 10px 0px; }
.post-item .btn {background-color: transparent; padding: 0px; color: #00746a; font-size: 17px; font-weight: 500; transition: 0.5s;}
.post-item .btn:hover{ padding-left: 5px; }
.btn.focus, .btn:focus{ box-shadow: none; }

.hiring_box,.apply-form{ display: none; }
.hiring_inner{border:2px #00746a solid; background-color: #f7f7f7; padding: 20px; margin: 30px 0px; border-radius: 15px;  }
.hiring_inner h4{ margin: 15px 0px !important; }
.hiring_item h6{ margin-top:10px; letter-spacing: 1px; }
.hiring_item p{ font-size: 14px !important; }
.hiring_item ul{ margin-left: 40px !important; }
.hiring_item ul li{ list-style:disc; }

.apply-form {width: 80%; margin:50px auto; background-color: #fff; padding: 20px; border-radius: 10px; }
.apply-form h4{ text-align: center; margin: 0px 0px 20px 0px !important; }
.form-row input{ border:1px #00746a solid; }
.form-control{ margin-bottom: 10px; }
.apply-btn {cursor: pointer; background-color: #00746a; border: none; outline: none; color: #fff; padding: 0px 30px 5px 30px; border-radius: 5px; margin: 10px auto; font-size: 21px; }
button:focus{ border:none; outline: none; }
.form-row input:focus{ box-shadow: none !important; border-color: none !important; }

/*=============================  pricing page css ================================ */

.pricing-table{ width: 50%; margin: auto; }
.pricing-title{ margin: 20px 0px; text-align: center;}
.pricing-item h4 {text-align: center; color: #fff !important; background-color: #00746a; padding: 20px 0px; border-radius: 10px 10px 0px 0px; }
.pricing-item h4 span{ text-decoration:line-through; margin-right: 10px; }
.pricing-item h4 span.nobr {text-decoration: none !important; font-size: 22px; }
.vaild{ margin: 10px 0px; }
.pricing-descripions {border: 1px #e2e2e2 solid; padding: 10px; margin-top: 10px; }
.or-btn{ background-color: #00746a; color: #fff; outline: none; border: none; padding: 5px 25px; cursor: pointer; margin-top: 15px;  font-weight: 600; letter-spacing: 1px; }

/*=============================  Pravacy - Policy  page css ================================ */

.pp_us_content{ margin: 20px 0px; }
.pp_us_content h1,.pp_us_content h4,.pp_us_content p{ margin: 10px 0px; }
.pp_us_content p{ line-height: 32px; }
.pp_us_content ul,.pp_us_content ol { margin-left: 25px !important; }
.pp_us_content ul li,.pp_us_content ol li{ line-height: 2; }

/*=============================  Contact us page css ================================ */

.contact-us{ width: 100%; height: auto; }
.contact-title { margin-bottom: 30px; width: 100%; }
.contact-title, .contact-title h3{ text-align: center;}
.contact-ditails {font-size: 18px; margin-top: 15px; display: flex; width: 100%; height: auto; font-weight: 501; }
.contact-text{ line-height: 35px; }
.contact-text a{ color: #00746a; }
.contact-icon i {font-size: 20px; margin: 5px 15px 0px 0px; color: #fff; background-color: #00746a; width: 35px; height: 35px; text-align: center; line-height: 35px; border-radius: 5px 0px; }

.contact-social-media{ width: 100%; height: auto;  margin-top: 20px;}
.contact-social-media ul li{ display:inline-block;  }
.contact-social-media ul li a{ transition: 0.5s; border:1px #00746a solid; display: inline-block; margin: 5px 5px; }
.contact-social-media ul li a i { color: #00746a; width: 30px; text-align: center; vertical-align: middle; line-height: 30px; transition: 0.5s all; font-size: 18px; height: 30px; }
.contact-social-media ul li a:hover{ background-color: #00746a; }
.contact-social-media ul li a:hover i{ color: #fff; }

.contact-form input[type="text"], .contact-form textarea[type="text"]{margin: 10px 0; padding: 15px; outline: none; color: #222222; border: 1px #00746a solid; }
.contact-form button {border:1px #00746a solid !important; transition: all 0.5s; margin: 30px auto; background-color: #00746a; outline: none;  border-radius: 10px; padding: 10px 120px; color: #fff; font-size: 22px; cursor: pointer; }
.contact-form button:hover{ border:1px #00746a solid; background-color: transparent; color: #00746a; }

.merchants .carousel-inner{ text-align: left; }
.controls-top{ text-align: center; margin-top: 30px; }
.controls-top a i{color: #292929; background-color: #d4af37; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 50%; }