:root {
  --green-light: #489975;
  --green: #048f51 ;
  --green-dark :#017742;
  --black: #000;
  --info: #ccc;
  --dark-hov: #231f20;
  --white:#fff;
}

html,body{overflow-x:hidden}
body{font-family:Rubik,sans-serif;overflow-x:hidden;color:var(--black);line-height:1.7;font-weight:400;}
a{color:var(--green);-webkit-transition:all linear .3s; transition:all linear .3s;text-decoration: none;}
a:hover{color:#999;text-decoration:none}
a:focus,button:focus,.btn:focus{text-decoration:none;outline:0;border:0;}
img{max-width:100%;height:auto}
.small_title{font-family:'Pacifico',cursive}
section{padding:66px 0}
h1{font-size:36px}
h2{font-size:30px}
h1,h2,h3,h4{font-weight:600;}
.form-control:hover, .form-control:focus, .btn:hover, .btn:focus, button:hover, button:focus { outline: none; border-width: 1px; box-shadow: none;}
/* .container{max-width:1320px}
.container-fluid{max-width:95%;position:relative} */
.grey_bg{background-color: #f6f7fb;}
.green_bg{ color:var(--white);

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0dab64+0,017742+100 */
background: rgb(13,171,100); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(13,171,100,1) 0%, rgba(1,119,66,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(13,171,100,1) 0%,rgba(1,119,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(13,171,100,1) 0%,rgba(1,119,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dab64', endColorstr='#017742',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
header{position:absolute;left:0;right:0;top:0;z-index:9999}
.top_info_bar{display:flex;min-height:50px;padding:10px 0;align-items:center;display:flex;min-height:50px;padding:10px 0;align-items:center;background-color: var(--black);box-shadow: 0 48px 48px -32px rgba(23,16,159,.2),0 96px 96px -64px rgba(23,16,159,.4);
}
.btn-dark { background: var(--black); border-color:  var(--black);}
.hala_btn {font-size: 15px; padding: 15px 32px;text-transform: uppercase;letter-spacing: 1px; border-radius: 5px; transition: 300ms all cubic-bezier(.4,0,.2,1); position: relative; z-index: 1; border-color:transparent;}
.hala_btn:hover {top: -1px; }
.btn-purple{background: linear-gradient(120deg,rgba(143,66,236,0) 0%,#812bea 100%); background-color: rgba(0, 0, 0, 0); background-color: #b142ec; color: var(--white);}
.btn-purple:hover, .btn-purple:focus { box-shadow: 0 12px 24px -6px rgba(143,66,236,.2); color: var(--white);}
.top_info_bar ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center; justify-content: flex-end;}
.header_contact_info li{color:var(--white);font-size:15px}
.header_contact_info li:not(:last-child){margin-right:50px}
.header_contact_info li i.icon{margin-right:8px;color:var(--white)}
.header_contact_info li a{color: var(--white);}
.header_contact_info li a:hover{color: var(--green);}
.header_social_links { justify-content: flex-start; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; align-items: center;}
.header_social_links a{display: inline-block; color: #ababab; font-size: 18px; margin-left: 10px;}
.header_social_links a:hover {color:var(--green)}
.header-bar{display: flex; min-height: 100px; padding: 15px 0px; align-items: center; background: var(--white);}
.logo{margin-right:40px; float: left;}
.logo img{height: 75px;}
.logo_text{font-size:25px;text-decoration:none}
.logo a{text-decoration:none; color:var(--green)}
.btn-success{background-color:var(--green);border-color:var(--green);color:var(--white)}
.btn-success:hover{background-color:var(--green-dark);border-color:var(--green-dark);color:var(--white)}
.header-right {float: right; width: 84%; margin-top: 14px;}
.nav{padding:0;float: left; margin: 0 12px; margin-top: 10px;}
.nav ul{list-style:none;margin:0;padding:0; }
.nav ul li{display:inline-block;position:relative;margin:0 4px}
.nav ul li:last-child{margin-right:0}
.nav ul li a{color:var(--black);padding:1px 5px;display:block;text-decoration:none;position:relative;font-size:15px;font-weight:400}
.nav li>a:after{content:'\f107';font-family:'FontAwesome';margin-left:5px}
.nav li>a:only-child:after{margin-left:0;content:''}
.nav ul li a:hover,.nav ul li.active a,.nav ul li.current_page_item>a,.nav ul li.current-menu-ancestor>a,.nav ul li.current-menu-item>a,.nav ul li.current-menu-parent>a{color:var(--green)}
.nav ul li a:hover:before,.nav ul li.active a:before,.nav ul li.current_page_item>a:before,.nav ul li.current-menu-ancestor>a:before,.nav ul li.current-menu-item>a:before,.nav ul li.current-menu-parent>a:before{opacity:1}
.nav li.active ul li a{color:var(--white);background:var(--black)}
.nav li.active ul li a:hover{color:var(--white);background:var(--green-dark)}
.nav li>ul{position:absolute;left:0;top:100%;z-index:999;min-width:220px;white-space:nowrap}
.nav li>ul li{display:block;float:none;letter-spacing:0;padding:0;text-transform:none;margin:0}
.nav li>ul li a{background:rgba(0,0,0,0.7);border-bottom:#7e7b7b 1px solid;color:var(--white);display:block;font-size:13px;margin:0;padding:6px 8px;width:100%;line-height:25px;font-weight:400}
.nav li>ul li a:hover{background:var(--green-dark);border-radius:0;color:var(--white)}
.nav li ul li.current_page_item>a,.nav li ul li.current-menu-ancestor>a,.nav li ul li.current-menu-item>a,.nav li ul li.current-menu-parent>a{background:var(--green-dark);color:var(--white)}
.nav>li{border-left:1px solid #999}
.nav>li:first-child,.nav>li.has-submenu+li{border-left:0}
.nav li>ul>li>ul{position:absolute;left:100%;top:0;transition:all linear .2s 0;-webkit-transition:all linear .2s 0;visibility:hidden;opacity:0}
.nav li>ul>li:hover>ul{visibility:visible;opacity:1;display:block}
.nav li>ul{transition:all linear .2s 0;-webkit-transition:all linear .2s 0;visibility:hidden;opacity:0;text-align:left}
.nav li:hover>ul{visibility:visible;opacity:1}
.nav li>ul li a{transition:all linear .2s 0;-webkit-transition:all linear .2s 0}
.nav li>ul li a:hover{background-color:var(--green-dark)}
.nav li>ul li:hover a{color:var(--white)}
.nav li>ul li:hover ul li a{color:var(--black)}
.nav li>ul li ul li a:hover{color:var(--green-dark)}
@keyframes menu_sticky {
0%{margin-top:-240px}
50%{margin-top:-90px}
100%{margin-top:0}
}
.search-form {position:relative; border:1px solid #e5e5e5; background:var(--white); border-radius:5px; -webkit-border-radius:5px; max-width: 320px; float: left; width: 100%;}
.search-form input[type="text"] {display:block; border:none; color:#999; border-radius:5px; padding:0 15px;}
.search-form input[type="text"] { padding: 10px 18px;}
.search-form button {border-top-right-radius: 5px; border-bottom-right-radius: 5px;  padding: 10px 18px;}
.top_btn {float: right; margin-top: 6px;}
.top_btn .btn {text-transform: uppercase; font-size: 13px; padding: 7px 15px; border-radius: 5px; letter-spacing: normal;}
header.sticky{margin:0;position:fixed;top:0;left:0;width:100%;z-index:9999;animation-name:menu_sticky;animation-duration:.6s;animation-timing-function:ease-out;
box-shadow: 0 48px 48px -32px rgba(23,16,159,.2),0 96px 96px -64px rgba(23,16,159,.4);
}
header.sticky .top_info_bar { display: none;}
header.sticky .logo img { max-width: 130px;}
header.sticky .header-bar{min-height: 0;}

ul.header-right{list-style: none;justify-content: flex-end; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; align-items: center;}
ul.header-right li {    float: left;
  list-style: none;
  display: inline-block;}

ul.header-right li a {}
ul.header-right li:not(:last-child) { margin-right: 10px;}
.home_wrapper, .inner_banner { margin-top: 160px; }
.home_banner {background: var(--green); }
.home_banner .container {position: relative;}
#home_slider .item {position: relative; min-height: 394px;}
.home_banner .decoration_text{bottom:350px;left:-92px;line-height:1;font-size:120px;position:absolute;transform:rotate(-45deg);font-family:"Pacifico",cursive;-webkit-text-stroke-width:1px;-webkit-text-fill-color:transparent;-webkit-text-stroke-color:rgba(255,255,255,0.1)}
.banner_btn {position: absolute; left: 0; bottom: 90px;}
#home_slider.owl-theme .owl-nav.disabled + .owl-dots {bottom:50px; bottom:30px; position:absolute; left:50%; transform:translateX(-50%);}
#home_slider.owl-theme .owl-dots .owl-dot span { background: var(--white);}
#home_slider.owl-theme .owl-dots .owl-dot.active span, #home_slider.owl-theme .owl-dots .owl-dot:hover span {background-color: var(--black); }
.home_wrapper { padding: 0;}
.home_two_banner{display:flex;align-items:center; position: relative; min-height:550px;background: var(--green); padding: 30px 0; }
.home_two_banner .banner_image{z-index:1;float:right;width:470px;height:470px;position:relative;}
.home_two_banner .banner_image:before{top:0;left:0;right:0;bottom:0;content:"";z-index:-1;position:absolute;border-radius:100%;border:0.5px dashed var(--black);animation:spin 1s infinite linear}
.home_two_banner .banner_image:after{top:50%;left:50%;z-index:-1;content:"";width:430px;height:430px;position:absolute;border-radius:100%;background-color:#25b274;transform:translate(-50%,-50%)}
.layer { position: relative !important;}
.banner_contant .btn {margin-right: 7px;}
.home_two_banner .image_1{top: 60%;left: 50%; max-width: 461px; position: absolute; transform: translate(-50%,-50%); width: 630px;}
.home_two_banner .image_2{z-index:1;bottom:35px;right:-45px;max-width:435px;position:absolute}
.home_two_banner .image_3{top:142px;right:18px;max-width:190px;position:absolute}
.home_two_banner .sub_title{line-height:1;font-size:24px;position:relative;padding-left:60px;margin-bottom:40px;color:var(--black);font-family:"Pacifico",cursive}
.home_two_banner .sub_title:before{top:50%;left:0;height:3px;width:30px;content:"";line-height:1;position:absolute;transform:translateY(-50%);background-color:var(--black)}
.home_two_banner .item_title{display:block;line-height:.9;font-size:72px;font-weight:500;margin-bottom:50px;letter-spacing:-2px;position: relative; z-index: 1;}
.home_two_banner .decoration_text{bottom:350px;left:120px;line-height:1;font-size:120px;position:absolute;transform:rotate(-45deg);font-family:"Pacifico",cursive;-webkit-text-stroke-width:1px;-webkit-text-fill-color:transparent;-webkit-text-stroke-color:rgba(255,255,255,0.1)}
.item_title h1 {display:block;line-height:.9;font-size:50px;font-weight:500;margin-bottom:15px;letter-spacing:-2px;position: relative; z-index: 1;}
.item_title h3 {}
.item_title h5 {}
.whoweare_image{overflow:hidden;position:relative}
.whoweare_image:before{top:0;left:0;right:0;bottom:0;content:"";z-index:1;position:absolute;background-color:rgba(26,30,93,0.502)}
.whoweare_image .play_btn{top:50%;left:50%;z-index:2;position:absolute;transform:translate(-50%,-50%)}
.whoweare_content{margin:auto;max-width:475px}
.whoweare_about_content{padding:35px;background-color:var(--white)}
.whoweare_about_content p{margin-bottom:20px}
.mb_50 { margin-bottom: 50px;}
.moving-image{ position: relative;}
.movable-image{ position: absolute;top: 0;left: 0;height: 100%;width: 100%;-o-object-fit: cover;object-fit: cover;transition:all linear 0.25s;  }
.section_title{z-index:1;position:relative; margin-bottom: 30px;}
.section_title .small_title{line-height:1;font-size:24px;margin-bottom:25px;color:var(--green);font-family:"Pacifico",cursive}
.section_title .big_title{font-weight:700;line-height:1.2}
h1.big_title, h2.big_title {font-size:45px;}
.section_title .biggest_title{top:50%;left:-8px;z-index:-1;display:block;line-height:1;font-size:150px;position:absolute;transform:translateY(-50%);font-family:"Pacifico",cursive;color:rgba(34,34,34,0.102)}
.section_title.text-center .biggest_title{top:50%;left:50%;transform:translate(-50%,-50%)}
.text-white .section_title .biggest_title{color:rgba(255,255,255,0.051)}
ul.product_list { list-style:none; padding:0; margin:0; display:block; text-align:center; margin-bottom:50px; }
ul.product_list li { display:inline-block; font-size:13px; color:var(--black); text-decoration:none; width:calc(33.33% - 23px); margin:0 10px; margin-bottom:20px; vertical-align:top; background-color:#f5f5f5; box-shadow:rgba(0,0,0,0.3) 0 0 5px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 0 5px; transition:all linear 0.2s 0s; -webkit-transition:all linear 0.2s 0s; }
ul.product_list li:hover {box-shadow:rgba(0,0,0,0.3) 0 0 10px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 0 10px;}
ul.product_list li .img_wrapper { width:100%; display:block; text-align:center; background-color:#fff; height:320px; position:relative; transition:all linear 0.2s 0s; -webkit-transition:all linear 0.2s 0s; }
ul.product_list li:hover .img_wrapper { background-color:var(--white); }
ul.product_list li .img_wrapper .normal_img,
ul.product_list li .img_wrapper .hover_img  {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:100%; display:block; transition:all linear 0.2s 0s; -webkit-transition:all linear 0.2s 0s;}
ul.product_list li .img_wrapper .normal_img { opacity:1; }
ul.product_list li .img_wrapper .hover_img { opacity:0; }
ul.product_list li:hover .img_wrapper .normal_img { opacity:0; }
ul.product_list li:hover .img_wrapper .hover_img { opacity:1; }
ul.product_list li .img_wrapper img { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); max-width:70%; }
ul.product_list li .contents_box { padding:30px 15px; font-size:15px; color:var(--black); line-height:18px; }
ul.product_list li .contents_box p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden;}
ul.product_list li .contents_box h3 { font-size:24px; color:var(--black); font-weight:600; min-height: 70px;}
ul.product_list li .contents_box h3 a{ font-size:24px; color:var(--black); }
ul.product_list li:hover .contents_box h3 a{ color:var(--white); }
ul.product_list li .contents_box .btn_started { background:var(--green); border-color:var(--green);color:var(--white); text-decoration:none; font-size:13px; }
ul.product_list li:hover .contents_box .btn_started { background:var(--black); border-color:var(--black);color:var(--white); text-decoration: none;}
ul.product_list li:hover { background-color:var(--green); color:var(--white); text-decoration:none; }
ul.product_list li:hover .contents_box p{ color:var(--white); text-decoration:none; }
.category_contents ul.product_list li {width:calc(50% - 23px);}
.category_contents ul.product_list li .img_wrapper img {max-width:70%; }
.category_contents ul.product_list li .contents_box h3 {min-height: 50px;;}
.category_contents ul.product_list li .contents_box h3,
.category_contents ul.product_list li .contents_box h3 a {font-size:18px; line-height: 18px;}
.category_contents .hala_btn {padding: 7px 20px;}
.category_contents ul.product_list li .contents_box {padding: 30px 6px;}
.category_contents ul.product_list li .contents_box p {min-height: 37px;}
.category_contents ul.product_list li .img_wrapper {height: 220px; overflow: hidden;}

  @media (min-width:668px) and (max-width:768px) {
    .category_contents ul.product_list li {width: calc(50% - 23px); margin: 10px; margin-bottom: 10px;}
  }
  @media (max-width:667px) {
    .category_contents ul.product_list li { width: calc(100% - 23px);}
  }
.services_icon_section {position: relative; background-position: center; background-repeat: no-repeat; background-size: cover;}
.services_icon_section:after {position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: "";
  background-image: -webkit-linear-gradient(-90deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  background-image: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  background-image: linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  background-position: 80% 20%;}
.services_icon_section .container {position: relative; z-index: 1;}
.icon_list ul {list-style: none; margin: 0;padding: 0; text-align: center;}
.icon_list ul li {display: inline-block; width: calc(14.2% - 15px); text-align: center; font-size: 13px; padding: 0 25px; vertical-align: top;}
.icon_box_wrpper {background: var(--white); padding: 12px;width: 110px; height: 110px;  border: #dfdfdf 1px solid; margin-bottom: 15px;}
.icon_box_thumb {width: 80px; height: 80px; background: #ff4328; margin: 0 auto; position: relative;}
.icon_box_thumb img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: scale-down;}
.icon_list ul li:nth-child(2) .icon_box_thumb{ background: #1a1e5d;}
.icon_list ul li:nth-child(3) .icon_box_thumb{ background: #209ffa;}
.icon_list ul li:nth-child(4) .icon_box_thumb{ background: #f9bf1a;}
.icon_list ul li:nth-child(5) .icon_box_thumb{ background: #5f43c5;}
.icon_list ul li:nth-child(6) .icon_box_thumb{ background: var(--green);}
.icon_list ul li:nth-child(7) .icon_box_thumb{ background: #095382;}
.project_box{z-index:1;text-align:center;position:relative; margin-bottom: 30px;}
.project_box:before{left:0;right:0;bottom:0;z-index:-1;content:"";height:50%;position:absolute;background-color:var(--white);box-shadow:0 10px 60px 0 rgba(236,236,236,0.78)}
.project_box .item_image{display:block;overflow:hidden;position:relative}
.project_box .plus_effect:after,.project_box .plus_effect:before{background-color:var(--white)}
.project_box .plus_effect:before{width:120px}
.project_box .plus_effect:after{height:120px}
.project_box .plus_effect:hover > img{opacity:.369}
.project_box .plus_effect:hover:before,.project_box .plus_effect:hover:after{opacity:1;transition-delay:.2s}
.project_box .plus_effect:hover:before{width:85px}
.project_box .plus_effect:hover:after{height:85px}
.project_box:hover .plus_effect > img{opacity:.369}
.project_box:hover .plus_effect:before,.project_box:hover .plus_effect:after{opacity:1;transition-delay:.2s}
.project_box:hover .plus_effect:before{width:85px}
.project_box:hover .plus_effect:after{height:85px}
.plus_effect{position:relative;transition:all .3s ease-in-out;background-color:var(--green)}
.plus_effect > img{transition:all .3s ease-in-out}
.plus_effect:after,.plus_effect:before{top:50%;left:50%;z-index:2;opacity:0;content:"";position:absolute;transition:all .3s ease-in-out;background-color:rgba(255,255,255,0.77);transform:translateX(-50%) translateY(-50%)}
.plus_effect:before{height:1px;width:160px}
.plus_effect:after{width:1px;height:160px}
.plus_effect:hover > img{opacity:.369}
.plus_effect:hover:before,.plus_effect:hover:after{opacity:1;transition-delay:.2s}
.plus_effect:hover:before{width:120px}
.plus_effect:hover:after{height:120px}
.border_heading {position: relative; font-size: 16px; text-align: center; padding: 0 10px; }
.border_heading:before {position: absolute; top: 50%; left:0; right:0; height: 1px; content: ''; background-color: rgba(255,255,255,0.6);}
.border_heading span {position: relative; z-index: 9; background-color: var(--green); padding:0 15px;}
ul.achivements_list {list-style: none; padding:0; margin:0; display: block; text-align:center; margin-top:30px;}
ul.achivements_list li {display: inline-block; color: #fff; text-decoration: none; margin:10px 25px; font-size:18px; vertical-align: top;}
ul.achivements_list li h4 {font-size:36px; font-weight: bold; margin-top:5px; color: #fff;}
ul.achivements_list li .achivement_box {border:#fff dashed 1px; padding:30px; width:270px; height:270px; text-align:center; -webkit-border-radius:100%; border-radius:100%; position: relative;}
ul.achivements_list li .achivement_box .contents {position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width: 95%;}
.achivement_icon {font-size: 66px; margin-bottom: 10px;}
.recommend_section {display:block; position:relative; text-align:center; }
.recommend_section h4 {font-size:18px; font-weight:500; line-height:30px; }
.recommend_section .big_transparent_text { top:15px; }
.sketch_img_box { border-width:1.5px; border-style:dashed; border-color:#bdbdbd; width:100%; height:300px; position:relative; display:block; background-color:var(--white);  }
.sketch_img_box:hover {border-color: var(--green);}
.sketch_img_box .normal_img, .sketch_img_box .hover_img  {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:100%; display:block; transition:all linear 0.2s 0s; -webkit-transition:all linear 0.2s 0s; }
.sketch_img_box .normal_img { opacity:1; }
.sketch_img_box .hover_img { opacity:0; }
.sketch_img_box:hover .normal_img { opacity:0; }
.sketch_img_box:hover .hover_img { opacity:1; }
.sketch_box_title { position:relative; }
.sketch_box_title h5 { font-size:15px; margin-top:25px; }
#sketch_slider.owl-theme .owl-nav { margin-top:20px;}
#sketch_slider .item { padding: 0 2px;}
#sketch_slider .owl-prev, #sketch_slider .owl-next { color:#bdbdbd; /* position:absolute; top:-65px;right:0; */  text-align:center; transition:all ease .3s; width:40px; z-index:999; font-size:25px; background-color: var(--black); margin:0; border-radius:0; opacity:1;margin: 0 10px; border-radius: 100%;}
#sketch_slider .owl-prev { left:0;}
#sketch_slider .owl-prev:hover , #sketch_slider .owl-next:hover { width:40px; color: var(--white);background-color: var(--green) }
#sketch_slider .owl-prev i, #sketch_slider .owl-next i { line-height:40px;}
.banner1 {margin-top: 50px;}
.transparent_sketch_wrapper { position:relative; }
.transparent_sketch_wrapper .transparent_sketch_cover { position:absolute; left:0; right:0; top:-80px; }
.faq_tab .accordion-item {background-color: transparent;}
.faq_tab .accordion-button { background-color: transparent; color: var(--black); font-size: 19px;padding-left: 0; }
.faq_tab .accordion-button:after{    width: 1rem; height: 1rem; background-size: 1rem;}
.faq_tab .accordion-button:not(.collapsed)  { background-color: transparent; border: none; box-shadow: none; outline: none; border-bottom: #ddd 1px solid; }
.accordion-button:focus { z-index: 3; border-color: transparent; outline: 0; box-shadow: none;}
.faq_tab .accordion-body {color:   var(--black); background-color: transparent;padding: 1rem 0; }
.faq_tab .accordion-item { margin-bottom: 20px; }
.faq_tab .accordion-button:after {content: '+';font-weight: 200;  background-image: none; position: absolute; right: 15px;  color:  var(--green);  font-size: 30px; top: 40%; text-align: center;transform: translateY(-50%);}
.faq_tab .accordion-button:not(.collapsed):after {content: '-';  color: var(--green);}

/* .faq_tab .accordion-button:not(.collapsed) {background-color:  #cd9800; color:  var(--white); } */
.testimonial_section{z-index:1;position:relative; padding: 80px 0 60px;}
.testimonial_section.bg_gray{background-color:#f5f6fa}
.testimonial_section .decoration_images_1{top:0;right:0;bottom:0;z-index:-1;width:545px;position:absolute}
.testimonial_section .decoration_images_1:before{top:0;left:0;right:0;bottom:0;content:"";z-index:-1;position:absolute;background-color:#1a1e5d;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,110px 100%);clip-path:polygon(0 0,100% 0,100% 100%,110px 100%)}
.testimonial_section .deco_image{z-index:2;position:absolute}
.testimonial_section .deco_image_1{top:-71px;right:70px;max-width:283px}
.testimonial_section .deco_image_2{top:143px;left:-68px;max-width:212px}
.testimonial_section .deco_image_3{top:294px;right:29px;max-width:245px}
.testimonial_section .deco_image_4{top:457px;left:-33px;max-width:215px}
.testimonial_section .shape_image_1{top:90px;left:280px;z-index:-1;max-width:80px}
.testimonial_section .shape_image_2{left:88px;top:421px;z-index:-1;max-width:115px}
.testimonial_auto_wrap{margin:auto;max-width:530px}
.testimonial_primary .content_wrap{padding:40px;min-height:200px;position:relative;margin-bottom:40px;background-color:#fff;box-shadow:0 10px 30px 0 rgba(237,237,237,0.78)}
.testimonial_primary .content_wrap:before{left:40px;bottom:-30px;width:0;height:0;content:"";position:absolute;border-top:30px solid transparent;border-left:30px solid #fff;border-right:30px solid transparent;border-bottom:30px solid transparent}
.testimonial_primary p{margin:0;color:#222}
.testimonial_primary p.font_24{font-size:24px;line-height:1.458;color:#222}
.testimonial_primary p strong{display:block;color:#1a1e5d;margin-top:15px;font-weight:500}
.testimonial_primary .quote_icon{right:32px;bottom:35px;opacity:.04;max-width:72px;position:absolute}
.testimonial_primary .hero_info_wrap{display:block;align-items:center}
.testimonial_primary img.hero_thumbnail{width:60px;height:60px;overflow:hidden;margin-right:20px;border-radius:100%; display: inline-block;}
.hero_info {text-align: center;}
.testimonial_primary .hero_name{line-height:1;font-size:20px;font-weight:500;margin-bottom:10px;letter-spacing:-.48px;display: inline-block;}
.testimonial_primary .hero_title{line-height:1;display:block;font-size:13px;color:var(--green);text-transform:uppercase}
.testimonial_carousel{z-index:1;margin-top:40px;position:relative}
.testimonial_carousel:before{top:0;left:-10px;content:"";z-index:-1;width:135px;height:135px;position:absolute;background-color:var(--green)}
.testimonial_carousel .owl-stage-outer{padding-top:10px}
.testimonial_carousel .owl-nav,.testimonial_carousel .owl-dots{display:none}
.testimonial_person_image{z-index:2;float:left;width:500px;position:relative;margin-top:-200px;margin-left:-120px;border:15px solid #fff; height: 550px;}
.testimonial_person_image iframe {width: 100%; height: 100%; line-height: 0;}
.testimonial_slider{padding:50px 70px;margin-right:-19px;margin-bottom:55px;padding-bottom:50px;background-color:#f5f6fa}
.testimonial_slider .testimonial_primary{margin:0; padding-top:30px;padding-left:40px}
.testimonial_slider .testimonial_primary .content_wrap{z-index:1;padding:0;box-shadow:none;min-height:auto;margin-bottom:30px;background-color:transparent}
.testimonial_slider .testimonial_primary .content_wrap:before{top:-30px;left:-40px;z-index:-1;width:75px;height:75px;border:none;bottom:unset;background-color:#fff}
.testimonial_slider .testimonial_primary p{font-size:20px;line-height:1.333;color:#222}
.testimonial_slider .testimonial_primary .hero_info_wrap{padding-left:0; text-align: center;}
.testimonial_slider .testimonial_primary .quote_icon{right:45px;bottom:-85px;max-width:155px}
.testimonial_slider .owl-nav{width:100%;margin-top:30px;padding-left:40px}
.testimonial_slider.owl-theme .owl-nav [class*="owl-"] {width:45px;height:45px; color:var(--white);background:var(--green)}
.testimonial_slider.owl-theme .owl-nav [class*="owl-"]:hover {background:var(--black)}
.green_shape{right:-67px;bottom:0;z-index:-1;width:727px;height:588px;position:absolute;background-color:var(--green); display: none;}

.blog_contents {
  box-shadow:0 0 6px #aaa;
  margin:0 0 35px
 }
 .blog_contents .post_thumb {
  position:relative
 }
 .blog_contents .post_thumb:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; background: rgba(0,0,0,0.5); opacity: 0; }

 .blog_contents .post_thumb img {transition: opacity .3s linear; width: 100%; }
 .blog_contents .post_thumb:hover:after {opacity: 1;}
/*
 .blog_contents .post_thumb:hover img {
  opacity: .7;
} */
/* .post-thumb img {
  width: 100%;
  transition: opacity .3s linear;
  object-fit: cover;
  height: 314px;
}
 */
 .blog_contents .post_thumb .post_date { position:absolute; top:10px; left:10px; background:#fff; text-align:center; z-index: 1;}
 .blog_contents .post_thumb .post_date .date { display:block; font-size:22px; background:var(--green); color:#fff; padding:4px 15px }
 .blog_contents .post_desc { background:#fff; padding:15px}
 .blog_contents .post_desc h4 { line-height:1.2; font-weight:600; display: block; font-size: 24px; }
 /* .blog_contents .post_desc h4 { font-weight: 400; display: block; font-size: 23px; min-height:55px; text-transform:uppercase;} */
.blog_contents .post_desc h4 a {color: #000; text-decoration: none; position:relative;;background-repeat:no-repeat;background-size:0 96%;background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px);transition:.6s cubic-bezier(.215,.61,.355,1)}
.blog_contents .post_desc h4 a:hover { background-size: 100% 96%; color: currentColor; text-decoration: none;}
footer{background:var(--black); color: var(--white); padding-bottom: 30px;}
footer h3, footer h4 {margin-bottom: 20px;}
.footer-wrapper {padding: 60px 0;}
.footer_bar {padding: 25px; background: #1f1f1f; border-radius: 5px;}
ul.footer_list {list-style: none; margin: 0; padding: 0;}
ul.footer_list li {display: block;}
ul.footer_list li+li{margin-top: 5px;}
ul.footer_list li a {color: var(--white); opacity: 0.6;}
ul.footer_list li a:hover, ul.footer_list li.active a {opacity: 1;}
.back_top{-webkit-transition:all linear .2s 0;transition:all linear .2s 0;border-radius:5px;font-size:18px;position:fixed;right:50px;bottom:30px;width:60px;height:60px;background-color:var(--green);color:var(--white);text-decoration:none;z-index:9999;}
.back_top i{position:absolute;left:50%;top:50%;font-size:18px;text-decoration:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.back_top:hover{background-color:var(--green-dark);opacity:1;color:var(--white)}
.contact_text {color: var(--white); opacity: 0.6;}
.newsletter_box { position: relative; background-color: #1f1f1f; border-radius: 30px; -webkit-border-radius: 30px; border: 0; display: block; width: 100%;}
.newsletter_box .form-control { width: 100%; color: #333; padding: 15px 20px; height: auto; text-decoration: none; border: 0;}
.newsletter_box .form-control.error {-webkit-border-radius: 30px; border-radius: 30px;}
.newsletter_box button { height: auto; font-size:23px; line-height:23px; position: absolute; right: 0px; top: 0; text-align: center; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; width: 55px; height: 55px; text-align: center;}
.callus {display: block; margin: 15px 0;}
.callus i.fa, .callus i.la { margin-right: 10px; color: var(--green); font-size: 20px;}
.callus a {color: var(--white);}
ul.social_list {list-style: none; margin: 0; padding: 0;}
ul.social_list li {float: left;}
ul.social_list li+li {margin-left: 10px;}
ul.social_list li a {background: var(--green); color: var(--white); display: inline-block; text-align: center; width: 40px; height: 40px; border-radius: 3px; font-size: 20px; line-height: 40px;}
ul.social_list li a:hover {background: var(--green-dark);}
ul.footer_blog {list-style: none; margin: 0; padding: 0;}
ul.footer_blog li{ display: block;}
ul.footer_blog li+li{margin-top: 30px;}
.blog_block .item_image { float: left; width: 70px;display: block; overflow: hidden; position: relative; margin-right: 20px;}
.blog_block .item_content { display: table;}
.blog_block .item_title {line-height: 20px; margin-bottom: 10px;}
.blog_block .item_title > a { font-size: 18px; font-weight: 500; color: #fff; font-family: "Rubik", sans-serif;}
.blog_block .item_title > a:hover {color: var(--green);}
.blog_block .post_date { color: var(--white); opacity: 0.6; display: block; line-height: 1; margin-right: 6px;}
.blog_block .post_date i.fa, .blog_block .post_date i.la, .blog_block .post_date i.las {color: var(--green);}
ul.footer_links {list-style: none; margin: 0; padding: 0;}
ul.footer_links li {position: relative; display: inline-block; margin:0 10px; padding-right: 10px;}
ul.footer_links li:before { content:'/';  position: absolute; right: -10px;  /* content:'\f107';font-family:'FontAwesome'; */}
ul.footer_links li a {color: var(--white); opacity: 0.6;}
ul.footer_links li a:hover, ul.footer_links li.active a {opacity:1;}
ul.footer_links li:last-child {margin-right: 0; padding-right: 0;}
ul.footer_links li:last-child:before {content:''; display: none;}

.footer_badges {margin:0 0 30px; text-align: center;}
.footer_badges img {display: inline-block; height: 75px; width: 90px; object-fit: scale-down; margin-right:15px;}
.footer_badges img:last-child {margin-right: 0;}
.payment_img {text-align: right;}
.copyright_text {font-size: 13px; text-align: center; margin-top: 25px;}
.callus2 {display: block; margin: 15px 0;}
.callus2 ul {list-style: none; margin: 0; padding: 0;}
.callus2 ul li {display: block;}
.callus2 ul li+li {margin-top: 7px;}
.callus2 i.fa, .callus2 i.la { margin-right: 10px; color: var(--green); font-size: 20px;}
.callus2 a {color: var(--white);}
.inner_banner {background: var(--green); color: #fff; padding: 30px 0; }
.breadcrumb {background-color: transparent; display: block;overflow: hidden;padding: 0; margin: 0; font-size: 22px;}
.breadcrumb a {color:var(--white); opacity: 0.6; position: relative;}
.breadcrumb a:hover {color:var(--white); opacity: 0.6;}
.breadcrumb > span::after{color:var(--white); opacity: 0.6;content:"/ ";padding:0 8px 0 8px;}
.breadcrumb > span:last-child{ padding-right: 0;}
.breadcrumb > span:last-child:after {content:"";}
.breadcrumb > span.current-item {color:var(--white);opacity: 1; font-size: 22px;}
.black_bg_heading { display: block;font-size: 20px; font-weight: bold; text-align: center; padding: 20px 10px; color: #fff; text-decoration: none; background-color: #000; margin: 0 auto;}
.black_bg_heading i {font-size: 25px; margin-right: 5px; position: relative; top: 5px;}
  .headinng_bar {text-align: center;margin: 0; background: var(--green);}
  .headinng_bar [class*="col-"] {padding: 15px; color: #fff;}
  .headinng_bar [class*="col-"]:last-child  {border-left: #fff 1px solid; background: var(--green-dark);}
  .headinng_bar [class*="col-"] i {font-size: 25px; margin-right: 5px; position: relative; top: 5px;}
.quote_form{background-color:#f6f7fb;display:block;text-align:left;}
.quote_form p {margin-bottom: 3px;}
.quote_form_inner {padding:40px;}
.form-group {margin-bottom:30px;}
.quote_form .form-control, .quote_form .form-select{padding:7px 7px;height:auto;border:1px solid #ccc; height: 45px;}
.quote_form textarea{height:100% !important;}
.submit_quote{font-size:15px;color:#fff;text-decoration:none;text-align:center;background-color:#693bb2;padding:7px 30px;display:inline-block;border:0;border-radius:30px;-webkit-border-radius:30px;text-transform:uppercase;}
.small_label {font-size: 13px;}
.quote_form .form-control.attatched-field {height: auto;}
.form-horizontal {position: relative;}
.form-horizontal+.form-horizontal {margin-top: 20px;}
.text-box { border: #ddd 1px solid; position: relative; background: #fff; padding: 5px; margin-bottom: 20px;}
.text-box .btn {position: absolute; right: -40px;width: 35px; height: 35px; border-radius: 100%; top: 5px;}
.add-box { height: 45px;}

#featured_slider .item {padding: 10px;}

#featured_slider.owl-theme .owl-nav {
  margin: 0;
}
#featured_slider .owl-prev, #featured_slider .owl-next { color: #fff; position: absolute; top: 50%; right: 10px; text-align: center; transition: all ease .3s; width: 50px; z-index: 999; font-size: 30px; background-color: rgba(0,0,0,.6); margin: 0; border-radius: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
#featured_slider .owl-prev { left:10px;}
#featured_slider .owl-prev:hover , #featured_slider .owl-next:hover { background:#000; width:35px;}
#featured_slider .owl-prev i, #featured_slider .owl-next i { line-height:35px;}

.product_item {  font-size:13px; color:var(--black); text-decoration:none;  margin-bottom:20px; vertical-align:top; background-color:var(--white); box-shadow:rgba(0,0,0,0.3) 0 0 5px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 0 5px; transition:all linear 0.2s 0s; -webkit-transition:all linear 0.2s 0s; display: block;}
.product_item:hover {box-shadow:rgba(0,0,0,0.3) 0 0 10px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 0 10px;}
.product_item .img_wrapper { width:100%; display:block; text-align:center; background-color:#f0f0f0; height:320px; position:relative; transition:all linear 0.2s 0s; -webkit-transition:all linear 0.2s 0s; }
.product_item:hover .img_wrapper { background-color:var(--white); }
.product_item .img_wrapper .normal_img, .product_item .img_wrapper .hover_img  {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:90%; display:block; transition:all linear 0.2s 0s; -webkit-transition:all linear 0.2s 0s;}
.product_item .img_wrapper .normal_img { opacity:1; }
.product_item .img_wrapper .hover_img { opacity:0; }
.product_item:hover .img_wrapper .normal_img { opacity:0; }
.product_item:hover .img_wrapper .hover_img { opacity:1; }
.product_item .img_wrapper img { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); max-width:70%; }
.product_item .contents_box { padding:30px 15px; font-size:15px; color:var(--black); line-height:18px; }
.product_item .contents_box p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden;}
.product_item .contents_box h3 { font-size:24px; color:var(--black); font-weight:600; }
.product_item .contents_box h3 a{ font-size:24px; color:var(--black); }
.product_item:hover .contents_box h3 a{ color:var(--white); }
.product_item .contents_box .btn_started { background:var(--green); border-color:var(--green);color:var(--white); text-decoration:none; font-size:13px; }
.product_item:hover .contents_box .btn_started { background:var(--black); border-color:var(--black);color:var(--white); text-decoration: none;}
.product_item:hover { background-color:var(--green); color:var(--white); text-decoration:none; }
.product_item:hover .contents_box p{ color:var(--white); text-decoration:none; }
.category_banner {margin-bottom: 50px;}
.side_bar_form{display:block;text-align:left;}
.side_bar_form p {margin-bottom: 3px;}
.side_bar_form .form-group {margin-bottom:15px;}
.side_bar_form .form-control, .side_bar_form .form-select{padding:7px 7px;height:auto;border:1px solid #ccc; height: 45px;}
.side_bar_form textarea{height:100% !important;}
.side_bar_form input[type="file"] { max-width: 192px; }
.widget ul {list-style: none; margin: 0; padding: 0;}
.widget ul li { border-bottom:1px solid #ddd; font-size: 14px;}
.widget ul li:last-child { border-bottom:0;}
.widget ul li a { color:#000; display:block; padding:8px 5px 8px 25px; position:relative; background: url(images/icons/hola_icon.svg) 0 12px no-repeat; background-size: 15px;}
.widget ul li a:hover, .widget ul li.is-active a {  color:var(--green); text-decoration:none;}
.sidebar ul li a {text-decoration: none;}
.sidebar ul li a:hover{color:var(--green)}
ul.search_list li .contents_box h3 {min-height: 56px;}
.grecaptcha-badge {bottom:114px!important;}
.error_Page {min-height: 500px; display: block; padding-top:250px; text-align: center;}
.form_outerbox {background-color: #f5f5f5; padding:15px; display: block;}