@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

.poppins{font-family: 'Poppins', sans-serif;}
 


body{font-family: 'Poppins', sans-serif;font-size:15px;font-weight: 400; 
line-height: 1.65;}
a{color: #000;text-decoration:none;outline: none;}

a,
.btn,
button{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; }
a:hover {color: #00DC06; text-decoration: none;}
.fancybox-button{min-width: auto;} 

h1, h2, h3, h4, h5, h6{ font-family: 'Poppins', sans-serif; font-weight: 600; line-height: 1.2;  
margin-bottom: 20px; color: #000;}
.main-section a.link { word-break: break-all;}
h1{font-size: 46px;}
h2{font-size: 40px;}
h3{font-size: 35px;}
h4{font-size: 30px;}
h5{font-size: 20px;}
h6{font-size: 16px;}


.mrt-20{margin-top:20px;}
.mb-50 {margin-bottom: 50px;}
.fs-60{font-size:60px;}
.fs-45 {font-size:45px;}
.fs-35 {font-size:35px;}
.fs-30 {font-size:30px;}
.fs-25{font-size:25px;}
.fs-18{font-size:18px;}


img{max-width: 100%;}
button, .btn, input[type="submit"]{min-width: 135px;border:0px;padding: 14px 20px;cursor: pointer;position: relative;font-family: 'Poppins', sans-serif;box-shadow: none !important;color: #000000;background: #00DC06;font-size: 14px;line-height: 1.6;font-weight: 400;border-radius: 0px 10px;text-transform: capitalize;}
[type=reset]:hover, [type=submit]:hover, button:hover, .btn:hover, html [type=button]:hover  {background: #000;border-color: #000;color: #fff;cursor: pointer;}
[type=reset]:focus, 
[type=submit]:focus,
button:focus, 
.btn:focus, 
html [type=button]:focus { outline: 0; box-shadow: 0 0 8px rgba(0, 0, 0, .33);}
/*
.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {background: #00DC06; color: #fff;}
*/
a.link {font-weight: 600;text-decoration: none;}
input[type="file"] { font-size: 14px;   -webkit-appearance: none;}
.field {margin-bottom: 15px;display: inline-block;width: 100%;}
.form-control {outline: none !important;padding: 13px 15px;border: 1px solid #000000;background: #fff;box-shadow:none !important;font-size: 14px;font-weight: 400;line-height: 1.6;color: #000;border-radius: 0px 10px;font-family: 'Poppins', sans-serif;}
textarea.form-control { min-height: 91px;}
.form-control:focus {  background-color: transparent;  border-color: inherit;} 
select.form-control:not([size]):not([multiple]) { height: 49px; -webkit-appearance: none;   background-image: url(images/select-arrow.png);
    background-position: 99% center;    background-repeat: no-repeat;}
blockquote { padding: 25px 25px; border-left: 4px solid #00DC06;     background: rgba(16, 86, 120, 0.05);
   font-size: 17px;   font-weight: 300;   position: relative;  line-height: 28px; }
blockquote strong{font-weight:500;}
blockquote:before {content: "";  position: absolute;   top: 0;   right: 0;   border-style: solid;  border-width: 0 41px 41px 0;    border-color: #ddd #fff;   transition: all ease .5s;}
 
.form-group label {display: block;  margin-bottom: 10px;}


 /* nochange*/
 
.font-medium{ font-weight: 500;}
.underline {text-decoration: underline;}
 strong { font-weight: 700;}
.font-light{font-weight: 300;}
.font-semi-bold{font-weight: 600;}
 

.form-control::placeholder {  color:#000 !important; opacity: 1;  }
.form-control::-webkit-input-placeholder { color:#000 !important; opacity: 1;}
.form-control::-moz-placeholder {color:#000 !important; opacity:1;}
.form-control:-ms-input-placeholder {color:#000 !important; opacity: 1;}
.form-control:-moz-placeholder {color:#000 !important; opacity: 1;}

 

.main-section{padding:60px 0px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important;position: relative;}
.main-section .container{position:relative;}
.main-section:before{content:""; position:absolute; left:0px; top:0px; width:100% !important; height:100% !important; background:transparent; }
.pr-50{padding-right:50px;}
.pl-50{padding-left:50px;}
button.close:before { display: none;}
button.close { min-width: auto;  color: #000 !important;  opacity: 1;  background: transparent !important;}
button.close.white-btn {color: #fff !important;}
 .br-5{border-radius: 5px;}
.br-10{border-radius: 10px;}
.box-shadow{ box-shadow: 5px 5px 10px rgb(0 0 0 / 6%);}
.object-fit {overflow: hidden;}
.object-fit img { width: 100%; height: auto;  object-fit: cover;}
.zoom-hover img {-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition: all .5s;}
.zoom-hover:hover img {transform: scale(1.1);}
.list-style {padding: 0px; list-style: none;}
.list-style li { display: inline-block;}


/* header */

.header { background: #F3FFF4; } 
.menu { text-align: right; } 
.menu ul.list-style { display: inline; } 
.menu ul.list-style > li {margin-right: 30px;font-weight: 500;padding: 30px 0px;position: relative;} 
.menu ul.list-style > li > a { padding: 8px 10px; display: inline-block; }
.header.sticky { top: 0px;   -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;    -op-animation-name: fadeInDown;    -webkit-animation-name: fadeInDown;    animation-name: fadeInDown;
    -ms-animation-duration: 500ms;-moz-animation-duration: 500ms;    -op-animation-duration: 500ms;    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;    -ms-animation-timing-function: linear;    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;    -op-animation-iteration-count: 1;    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;    position: fixed;    z-index: 999999;
    width: 100%;    height: auto;    background: #f3fff4;
      box-shadow: 0px 0px 25px rgb(0 0 0 / 16%);}
.header.sticky .menu ul.list-style > li { padding: 10px 0px;}
.menu ul.list-style > li > ul { position: absolute; width: 250px; z-index: 1; background: #fff; text-align: left; padding: 0px; top: 130%; opacity: 0; pointer-events: none; visibility: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } 
.menu ul.list-style > li > ul li a { padding: 7px 14px; display: inline-block; width: 100%; } 
.menu ul.list-style > li:hover > ul { top: 100%; visibility: visible; opacity: 1; pointer-events: all; }
.menu ul.list-style > li > ul li { display: block;}


/* Banner  */
.banner{position: relative;}
.hero-banner{background: url(images/banner.webp); position:relative; padding: 74px; border-radius: 0px 50px;
overflow:hidden;}
.bg-img{background-size: cover !important; background-repeat: no-repeat !important; 
  background-position: center center !important}
.hero-banner:before {content: "";position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: rgb(0 0 0 / 64%);} 
.hero-banner h1{margin-bottom: 10px;}
.banner { background: #F3FFF4; } 
.fs-55 { font-size: 55px; line-height: 1.42; } 
.fs-16 { font-size: 16px; } 
.outline-btn { color: #fff; border: 1px solid #ffff; background: transparent; padding: 13px 20px; } 
.outline-btn:hover { background: #00dc06; color: #000; border-color: #00dc06; }
.enquiry-form {background: rgb(255 255 255 / 28%);padding: 55px 34px;border-radius: 0px 50px;position: relative;} 
.enquiry-form .form-control { background: rgb(255 255 255 / 70%); border: 0; padding: 14px 15px; }
.enquiry-form:before {content: "";position: absolute;width: 18px;height: 29px;background: #00DC06;top: 0px;}

.hero-social-icon { position: absolute; left: 50px; bottom: 0; width: 730px; height: 24px; transform-origin: left bottom; transform: rotate(-90deg); z-index: 11; } 
.social-inner {position: absolute;transform: translateX(35%);} 
.hero-social-icon ul { list-style: none; padding: 0px; margin: 0px; }  
.hero-social-icon ul li {float: left; margin-left: 23px;
  font-size: 14px; font-weight: 400;  text-transform: uppercase;  letter-spacing: 1.5px;  }
.hero-social-icon ul li a {color: #000;} 
.hero-social-icon ul li a:hover { opacity: 1; } 
.hero-social-icon ul li a { position: relative; display: inline-block; padding-bottom: 2px; } ul.recent-post li {
    position: relative;
    display: inline-block;
    width: 100%;
} 
.hero-social-icon ul li a:before {content: "";position: absolute;left: 50%;bottom: 0px;width: 0px;-webkit-transition: all .3s; 
  -moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;height: 2px;background: #fff;transform: translateX(-50%);} 
.hero-social-icon ul li a:hover:before { width: 100%; }
.hero-social-icon ul li a:hover { color: #00dc06;}

/* owl */
.owl-dots button:before, .owl-dots button:after, 
.owl-dots button span:before, .owl-dots button span:after { display: none;}
.owl-dots {height: auto !important;width: 100%;text-align: center;background: transparent !important;}
.owl-dots button {background-color: transparent;overflow: hidden;display: inline-block;min-width: auto !important;margin-right: 7px;width: 12px;height: 12px;border: 1px solid #BCBCBC !important;border-radius:100%;}
.owl-dots button.owl-dot.active {background: #00dc06;border-color: #00dc06 !important;}
.owl-dots button{box-shadow:none !important; outline:none !important;}
.owl-nav button {width: 50px;min-width: auto;height: 50px;position: relative;overflow: hidden;border: 1px solid #707070 !important;color: #707070 !important;pointer-events: all;border-radius: 100%;background: #f5fef5 !important;margin: 0px 5px;}
.owl-nav button span {position: absolute;  z-index: 1;   min-width: auto;
    left: 50%;    top: 50%;    transform: translate(-50%, -50%);    line-height: 1;    font-size: 20px;}  
.owl-nav  .fa-angle-right:before {font-family: 'remixicon' !important; content: "\ea6e";}
.owl-nav .fa-angle-left:before {font-family: 'remixicon' !important; content: "\ea64";} 
.owl-carousel .owl-item img {width: auto;}

.tcolor{color:#00DC06;}
.bg-site {background-color: #00DC06;color: #fff;}
.bg-light{background-color: rgb(0 220 6 / 4%)!important;} 
.bg-dark {background-color: #000 !important;color: #fff;} 
.bg-orange{background-color: #000; color: #fff;}

.dots-grid{background: url(images/dots-grid.png);width: 110px;height: 96px;}
.circle-patterns{background: url(images/circle-patterns.png);width: 142px;height: 140px;
  pointer-events: none; opacity: .26;}
.enquiry-form .dots-grid { right: -45px;  opacity: .35; pointer-events: none;}
.banner-txt .circle-patterns.position-absolute { bottom: -50px;  right: 100px;}

.dots-grid.sm-grid { width: 59px; height: 40px; background: url(images/dots-grid-sm.png); } 
.site-icon { font-size: 36px; width: 82px; height: 77px; display: inline-block; 
  text-align: center; line-height: 77px;     box-shadow: 0px 0px 25px rgb(0 0 0 / 16%);
 border-radius: 0px 10px; margin-top: -24px; } 
.we-box { position: relative; padding: 10px 0px 10px 100px; } 
.webox-icon { position: absolute; left: 0px; top: 0px; display: inline-block; width: 100px; } 
.webox-icon .dots-grid.sm-grid { float: right; } 
.we-box h6 { margin-bottom: 10px; } 
.main-title p.tcolor { margin: 0px; } 
.heading-line { font-weight: 200; font-size: 46px; margin-bottom: 10px;}

.about-img.object-fit.br-bx { box-shadow: 0px 0px 25px rgb(0 0 0 / 16%); } 
.br-bx { border-radius: 0px 20px; } 
.about-img.object-fit.br-bx {position: relative;height: 410px;} 
.container-box {box-shadow: 0px 0px 25px rgb(0 0 0 / 16%);border-radius: 0px 50px;padding: 100px;position: relative;background: #ffff;} 
.about-txt { padding-left: 35px; }


.about-section:before { background: #f5fef5; width: 100% !important; height: 100px !important;}
.about-img{position: relative;}
.about-img:before {content: "";display: inline-block;left: -20px;width: 104px;height: 113px;bottom: -20px;border-radius: 0px 20px;position: absolute;background: #00dc06;}
.about-img img {position: relative; z-index: 1;}
.about-img .dots-grid {right: -47px; top: -35px;}
.about-section .circle-patterns.position-absolute {right: 100px; opacity: .26; bottom: -80px;}
.main-title-btn .btn.position-absolute {top: 20px; right: 0px;}


.services-img { position: relative; } 
.services-img:before {content: "";position: absolute;left: 0px;top: 0px;
width: 100%;height: 100%;    pointer-events: none;
background: transparent linear-gradient(180deg, #00DC0600 0%, #0D370F45 100%) 0% 0% no-repeat padding-box;} 
.services-txt { padding-top: 15px; } 
.mb-30 { margin-bottom: 30px; } 
.services-txt p:last-child { margin: 0px; }


.site-list { list-style: none; padding: 0px; margin: 0px; display: inline-block; width: 100%; } 
.site-list li { float: left; width: 25%; font-size: 16px; font-weight: 600; margin-bottom: 40px; 
  position: relative; padding-left: 20px; } 
.site-list li a { display: inline-block; width: auto; position: relative; }
.site-list li a:before { font-family: remixicon!important; font-style: normal; content: "\EA68"; 
position: relative; float: right; color: #00dc06; font-size: 20px; top: -3px; margin-left: 6px; } 
.site-list li:before { background-image: url(images/circle-patterns.png); content: ""; 
position: absolute; left: 1px; top: -16px; border-radius: 100%; width: 54px; height: 54px; 
background-size: contain; }
.circle-patterns.rm { right: 0px; top: 50%; transform: translateY(-50%); opacity: 0.20; }

.article-img.object-fit { position: relative; } 
.article-info.text-white { 
  border-radius: 0px 20px;  left: 20px; right: 20px; 
  -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; 
  transition: all .3s; overflow: hidden; } 
.article-info.text-white p:last-child { margin-bottom: 0px; } 
a.link {color: #00dc06 !important;font-weight: 300;font-size: 15px;} 
a.link i { vertical-align: middle; } 
.article-info p { -webkit-transition: all .3s;  -moz-transition: all .3s;
  -o-transition: all .3s;  transition: all .3s;  white-space: nowrap;
  overflow: hidden;  text-overflow: ellipsis;  } 
/*.article:hover .article-info p {  -webkit-transition: all .3s;
  -moz-transition: all .3s;  -o-transition: all .3s;  transition: all .3s;
  white-space: normal;  overflow: visible;  text-overflow: inherit;  }*/

ul.btn-list { list-style: none; padding: 0px; margin: 0px; display: inline-block; width: 100%; } 
ul.btn-list li { float: left; width: 33.33%; padding: 0px 12px; margin-bottom: 19px; font-size: 16px; 
  font-weight: 500; } 
ul.btn-list li a {    display: inline-block;  width: 100%;    box-shadow: 0px 0px 25px rgb(0 0 0 / 11%);
    border: 1px solid #E3D7B4;    border-radius: 10px;    padding: 11px 34px 11px 20px;    position: relative;
    background-color: rgb(220 139 0 / 5%);    color: #000; } 
ul.btn-list li a i { color: #FFB74A; position: absolute; right: 15px; top: 14px; font-size: 20px; line-height: normal; } 
ul.btn-list li a:hover { background: #E3D7B4; }

.testimonials-section .container-box { padding: 65px  100px;}
.testimonials-section .main-title .circle-patterns { bottom: 50%; transform: translateY(50%);}
.testimonials-section .about-img {width: 127px;height: 134px;position: absolute;left: 10px;top: 20px;}
.testimonials-section .about-txt { position: relative; padding-left: 200px; padding-right: 20px;} 
.testimonials-section .about-img::before { width: 55px; height: 57px; left: -10px; bottom: -10px; }
.testimonials-section .about-txt h5 {font-size: 26px;  font-weight: 300;    margin-bottom: 10px;}
.dots-grid-sm{ background: url(images/dots-grid-sm.png);  width: 60px;    height: 42px;}
.about-img .dots-grid-sm { right: -35px;   top: -15px;}
.testi-slider{margin-top: 50px;}
.nav-top-right .owl-nav{position: absolute;right: 0px;top: -50px;}
.dots-grid.right-bottom { right: -55px;  bottom: 35px;}
.circle-patterns.lm {top: 50%;  transform: translateY(-70%);}
.bg-dark .form-control { background: #fff !important;}
.white-hover:hover { background: #fff;    color: #000;}

.form-2:before {content: "";position: absolute;background: #00DC06 0% 0% no-repeat padding-box;border-radius: 0px 50px;opacity: 0.21;left: -5px;bottom: -5px;right: 0px;top: 5px;width: 100%;height: 100%;z-index: -1;}
.form-2 form {position: relative;}
.cta-txt .circle-patterns.lm {left: -50px;}

.font-extra-light{font-weight: 200;}
.fs-36{font-size: 36px;}


/* footer  */

.footer{background: url(images/banner.jpg);position: relative;color: rgb(255 255 255 / 64%);font-weight: 300;margin-top: 70px;padding-top: 120px;}
.footer:before{content: "";position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: rgb(0 0 0 / 90%);}

.footer a { color: rgb(255 255 255 / 64%); } 
.footer a:hover { color: #00dc06; } 
ul.simple-link { list-style: none; padding: 0px; } 
ul.simple-link li a { display: inline-block; padding: 5px 0px; } 
.widget-title { color: #fff; font-weight: 500; position: relative; } 
.widget-title:after {content: "";position: relative;width: 27px;height: 1px;background: #00dc06;display: inline-block;vertical-align: middle;margin-left: 10px;}

.disclaimer-section { background: #C9F8CA; color: rgb(0 0 0 / 57%); border-radius: 0px 50px; padding: 40px 54px 30px 40px; font-weight: 400; position: absolute; top: -210px; left: 0px; width: 100%; } 
.footer .container { position: relative; } 
.copyight-txt { text-align: center; border-top: 1px solid rgb(255 255 255 / 28%); padding: 20px 0px; } 
.footer-widget { margin-bottom: 35px; } 
.footer-logo { margin-bottom: 20px; } 
address { position: relative; padding-left: 35px; margin-bottom: 20px; } 
.address-icon { position: absolute; left: 0px; top: 0px; font-size: 18px; }


.back-to-top {    position: fixed;  bottom: 70px;  right: 30px; text-align: center; font-size: 16px; color: #000000; letter-spacing: .308px; z-index: 1111;
    display: inline-block !important;}
.back-to-top span { border-radius: 50%; border: 1px solid #00DC06;width: 42px;  height: 42px;  overflow: hidden;   display: inline-block;
 line-height: 42px;vertical-align: middle;  margin-left: 10px; letter-spacing: .308px; background:#00DC06; color:#fff;}
 



/* breadcrumb */
 
ul.breadcrumb{border-radius:0;margin:0;background:transparent;padding: 0px;display: inline-block;}
ul.breadcrumb a{ text-decoration:none;}
.breadcrumb li{text-transform:capitalize;transition:all .5s;display: inline-block;font-size: 14px;font-weight: 500;}
.breadcrumb li:nth-last-child(1):after{display:none;}
ol.breadcrumb {background: transparent;color: #fff;padding: 0px;margin-bottom: 0;
  justify-content: center;}
.breadcrumb li a {color: #000000; text-decoration: underline;}
.breadcrumb-item.active {color: rgb(0 0 0 / 53%);}
.breadcrumb-item+.breadcrumb-item::before {color: rgb(0 0 0 / 53%);
  font-family: remixicon!important;content: "\EA6E"; padding: 0px 3px;
    vertical-align: middle;}
.bnnr-txt {padding-bottom: 45px;}
.banner.inner-banner .container { border-top: 1px solid rgb(0 0 0 / 3%); padding-top: 42px;}



/* services*/

.sidebar-link li a {  color: rgb(0 0 0 / 57%);  display: inline-block;  padding: 14px 20px;
    width: 100%;  line-height: 1.6;   border-radius: 0px;  border-bottom: 1px solid rgb(0 0 0 / 5%);}
.sidebar-link { list-style: none;  padding: 0px;   margin: 0;}
.sidebar-link li {   font-weight: 400;}
.sidebar-link li a:hover {   background: #000;  border-radius: 0px 10px;  color: #fff;}
.sidebar-link li a i { position: absolute; right: 30px;} 
.sidebar-widget .link { padding: 14px 20px;    display: inline-block;    width: 100%;}

.recent-post { list-style: none; padding: 0px; } 
.recent-img { width: 85px; height: 56px; position: absolute; left: 0px; } 
.recent-txt p { font-size: 15px; font-weight: 400; } 
.recent-post li a { width: 100%; position: relative; padding: 5px 50px 10px 100px; 
  min-height: 56px; display: flex; align-items: center; border-bottom: 1px solid rgb(0 0 0 / 5%); 
  margin-bottom: 10px; } 
.recent-img img { width: 100%; height: 100%; object-fit: cover; } 
.sidebar-widget { margin-bottom: 25px; }
.services-sigle table thead tr { background: #000; color: #fff; border-radius: 0px 10px; } 
.services-sigle table thead tr th { font-weight: 400; font-size: 14px; padding: 13px 15px; 
   overflow: hidden; } 
.services-sigle table tbody tr td { border: 1px solid rgb(112 112 112 / 21%); padding: 10px 15px; } 
.services-sigle table { margin-bottom: 30px; }
.services-sigle table thead tr th:first-child { border-bottom-left-radius: 10px;}
.services-sigle table thead tr th:last-child { border-top-right-radius: 10px;}

.report-issue{padding: 50px;}
form { display: inline-block; width: 100%; } 
.field-sm { float: left; width: 50%; padding: 0px 7px; } 
.field .field-sm:first-child { padding-left: 0px; } 
.field .field-sm:last-child { padding-right: 0px; } 
.report-issue.bg-light .form-control { border-color: #C5C5C5; background-color: transparent !important; }
label { color: #000;}
.report-issue label { margin-right: 10px;}
.report-issue label input { vertical-align: middle;  margin-right: 5px;}
.services-sigle h4 { font-weight: 300; font-size: 26px;}


/* faq page */
.faq-page .card-header {padding: 0px;background: transparent;border: 0px;}
.faq-page .card-header a {padding: 10px 25px 10px 45px;display: inline-block;width: 100%;
  position: relative;font-size: 16px;font-weight: 500; color: #000;}
.faq-page .card-header a i {position: absolute;color: #00DC06;left: 10px;}
.faq-page .card {border: 0px;border-bottom: 1px solid rgb(112 112 112 / 20%);border-radius: 0px;}
.faq-page .card-header h5 { font-size: 24px; font-weight: 500;}
.accordion .card-body { padding: 10px 25px 5px 45px;}

 
ul.pagination a.page-link { background: rgb(217 217 217 / 24%); border: 1px solid rgb(112 112 112 / 24%); 
  border-radius: 0px 10px; min-width: 50px; min-height: 50px; padding: 0px 10px; line-height: 50px; 
  color: #000000; box-shadow: none;} 
ul.pagination a.page-link span { line-height: normal; } 
ul.pagination li.page-item { margin-right: 10px; } 
ul.pagination { justify-content: center; }
ul.pagination a.page-link.active, 
ul.pagination a.page-link:hover { background: #00DC06;}


.blog-pagination ul { list-style: none; padding: 0px; margin: 0px; } 
.blog-pagination ul li a { color: #111; font-weight: 500; font-size: 16px; position: relative; display: inline-block; width: 100%; padding-top: 15px; padding-bottom: 15px; line-height: 1.5; } 
.blog-pagination ul li.float-left a { padding-left: 30px; } 
.blog-pagination ul li.float-right a { padding-right: 30px; } 
.blog-pagination { padding: 15px 0px; } 
.blog-pagination ul li a:hover { color: #00dc06; } 
.blog-pagination ul li.float-right a:before { font-family: remixicon!important; content: "\EA6E"; right: 10px; position: absolute; top: 12px; font-size: 20px; } 
.blog-pagination ul li.float-left a:before { font-family: remixicon!important; content: "\EA64"; left: 10px; position: absolute; top: 12px; font-size: 20px; }

.field-sm { float: left; width: 50%; padding: 0px 10px; position: relative; } 
.field .field-sm:first-child { padding-left: 0px; } 
.field .field-sm:last-child { padding-right: 0px; } 
.field-icon { position: absolute; top: 0px; right: 0px; color: #00dc06; width: 50px; height: 50px; 
  display: flex; align-items: center; justify-content: center; }
.booking-form .form-control { padding-right: 50px;}
.booking-form {  padding: 35px 25px;    border-radius: 20px;}


.default-section ul { list-style: none; padding: 0px; } 
.default-section ul li:before { font-family: remixicon!important; content: "\EB81"; color: #00DC06; font-size: 24px; position: absolute; left: 0px; top: 0px; line-height: normal; } 
.default-section ul li { position: relative; padding-left: 35px; margin-bottom: 15px; }




@keyframes fadeInTop {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* container */

.container-left {
    padding-left: calc(50% - 570px);
}
 
@media (min-width: 767px){ 
.container { max-width: 100%;}
}


@media (min-width: 768px){
.container {max-width: 720px;}
}

@media (min-width: 992px){
.container {max-width: 960px;}

}
@media (min-width: 1200px){
.container {max-width: 1170px;  }
.container-fluid {padding-left: 15px;  padding-right: 15px;}

}

 
@media (min-width:1680px){
 
}
.article {
    border: 1px solid #eee;
    overflow: hidden;
    border-top-right-radius: 20px;
}

.article-info {
    padding: 15px;
}
.article-info.text-white {
    color: #000!important;
}



a.btn.common-btn {
background: #eeffeb;
display: inline-block;
border-radius: 10px;
padding: 17px 15px 17px 15px;
font-size: 15px;
color: #333;
font-weight: 500;
position: relative;
overflow: hidden;
border: 1px solid #2c9f1c;
}

a.btn.common-btn:hover {
background-color: #2c9f1c;
border: 1px solid #2c9f1c;
color: #fff;
} 


.headnumber a:hover{ color:#fff !important;}

a.headnumber:hover{ color:#fff !important;}

.ph:hover{ color:#fff !important;}