:root { --garlon-font: "Raleway", sans-serif; --garlon-heading-font: "Raleway", serif; --garlon-special-font: "Raleway", sans-serif; --garlon-text: #15161b; --garlon-text-rgb: 94, 91, 91; --garlon-text-dark: #222222; --garlon-text-dark-rgb: 34, 34, 34; --garlon-text-dark2: #333333; --garlon-text-dark2-rgb: 51, 51, 51; --garlon-gray: #F2F2F2; --garlon-gray-rgb: 242, 242, 242; --garlon-base: #209D2F; --garlon-base-rgb: 32, 157, 47; --garlon-white: #fff; --garlon-white-rgb: 255, 255, 255; --garlon-black: #000000; --garlon-black-rgb: 0, 0, 0; --garlon-black2: #15161B; --garlon-black2-rgb: 21, 22, 27; --garlon-gray3: #F2F2F2; --garlon-gray3-rgb: 242, 242, 242; --garlon-gray2: #D9D9D9; --garlon-gray2-rgb: 217, 217, 217; --garlon-border-color: #DDDDDD; --garlon-border-color-rgb: 221, 221, 221; --garlon-letter-space: 0.1em; --garlon-letter-space-xl: 0.2em; } .mt-20{margin-top:20px;} .mt-30{margin-top:30px;} .mt-40{margin-top:40px;} .mt-50{margin-top:50px;} .mt-60{margin-top:60px;} .mt-80{margin-top:80px;} .mt-120{margin-top:120px;} .mt--60{margin-top:-60px;} .mt--120{margin-top:-120px;} .mb-20{margin-bottom:20px;} .mb-30{margin-bottom:30px;} .mb-40{margin-bottom:40px;} .mb-50{margin-bottom:50px;} .mb-60{margin-bottom:60px;} .mb-80{margin-bottom:80px;} .mb-120{margin-bottom:120px;} .mb--60{margin-bottom:-60px;} .mb--120{margin-bottom:-120px;} .pt-20{padding-top:20px;} .pt-30{padding-top:30px;} .pt-40{padding-top:40px;} .pt-50{padding-top:50px;} .pt-60{padding-top:60px;} .pt-80{padding-top:80px;} .pt-100{padding-top:100px;} .pt-110{padding-top:110px;} .pt-115{padding-top:115px;} .pt-120{padding-top:120px;} .pt-142{padding-top:142px;} .pb-20{padding-bottom:20px;} .pb-30{padding-bottom:30px;} .pb-40{padding-bottom:40px;} .pb-50{padding-bottom:50px;} .pb-60{padding-bottom:60px;} .pb-80{padding-bottom:80px;} .pb-90{padding-bottom:90px;} .pb-100{padding-bottom:100px;} .pb-110{padding-bottom:110px;} .pb-115{padding-bottom:115px;} .pb-120{padding-bottom:120px;} .pl-5{padding-left:5px;} .pl-10{padding-left:10px;} .pl-15{padding-left:15px;} .pl-20{padding-left:20px;} .pl-30{padding-left:30px;} .pr-5{padding-right:5px;} .pr-10{padding-right:10px;} .pr-15{padding-right:15px;} .pr-20{padding-right:20px;} .pr-30{padding-right:30px;} .garlon-btn{display:inline-flex;align-items:center;vertical-align:middle;-webkit-appearance:none;border:none;outline:none!important;background-color:var(--garlon-base,#209D2F);color:var(--garlon-white,#fff);font-size:16px;font-weight:600;text-transform:capitalize;transition:500ms;padding:17px 49px;border-radius:90px;cursor:pointer;overflow:hidden;transition:all 0.6s cubic-bezier(0.23,1,0.32,1);display:inline-flex;vertical-align:middle;-webkit-appearance:none;text-transform:capitalize;transition:500ms;position:relative;overflow:hidden;color:var(--garlon-white,#fff);font-size:16px;font-weight:500;line-height:normal;text-transform:uppercase;z-index:1;} .garlon-btn::before { content: ""; position: absolute; top: 0; left: -1px; width: 45px; height: 47px; transition: 500ms; background-color: var(--garlon-white, #fff); -webkit-mask: url('data:image/svg+xml;utf8, '); mask: url('data:image/svg+xml;utf8, '); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: top center; mask-position: top center; -webkit-mask-size: auto; mask-size: auto; } .garlon-btn::after{content:"";position:absolute;top:0%;left:0%;transform:translate(-100%,-100%);width:100%;height:100%;background-color:var(--garlon-white,#fff);border-radius:100px;transition:all 0.8s cubic-bezier(0.23,1,0.32,1);z-index:-1;} .garlon-btn span,.garlon-btn i{transform:translateX(0%);transition:all 0.8s cubic-bezier(0.23,1,0.32,1);} .garlon-btn:hover{background-color:var(--garlon-base,#209D2F);color:var(--garlon-white,#fff);color:var(--garlon-text-dark,#222222);} .garlon-btn:hover::after{transform:translate(0%,0%);} .garlon-btn:hover span{transform:translateX(-3px);} .garlon-btn:hover i{transform:translateX(3px);} .garlon-btn--white{background-color:var(--garlon-white,#fff);color:var(--garlon-text-dark2,#333333);} .garlon-btn--white i{color:var(--garlon-base,#209D2F);} .garlon-btn--white::after{background-color:var(--garlon-black2,#15161B);} .garlon-btn--white:hover{color:var(--garlon-white,#fff);} .garlon-btn--white:hover svg path{fill:var(--garlon-base,#209D2F);} .garlon-btn--white:hover i{color:var(--garlon-white,#fff);} .garlon-btn--dark{background-color:var(--garlon-black2,#15161B);color:var(--garlon-white,#fff);} .garlon-btn--dark i{color:var(--garlon-white,#fff);} .garlon-btn--dark::before{background-color:var(--garlon-base,#209D2F);} .garlon-btn--dark::after{background-color:var(--garlon-base,#209D2F);} .garlon-btn--dark:hover{color:var(--garlon-white,#fff);} .garlon-btn--dark:hover i{color:var(--garlon-white,#fff);} .sec-title{position:relative;line-height:1;padding-bottom:30px;} @media (min-width:768px){ .sec-title{padding-bottom:46px;margin-top:-2px;} } .sec-title__tagline{margin:0;color: #209D2F;font-weight:400;gap:6px;margin-bottom:15px;position:relative;} .sec-title__tagline img{width:40px;height:auto;margin-right: 10px;} .sec-title__title{margin:0;font-size:35px;font-weight:500;line-height: 1.4;} body{color:var(--garlon-text,#5E5B5B);font-size:16px;line-height:1.875;font-weight:400;font-family:var(--garlon-font,"Raleway",sans-serif);} body.locked{overflow:hidden;} a{color:var(--garlon-base,#209D2F);transition:all 400ms ease;} a,a:hover,a:focus,a:visited{text-decoration:none;} ::placeholder{color:inherit;opacity:1;} h1,h2,h3,h4,h5,h6{font-family:var(--garlon-font,"Raleway",sans-serif);color:var(--garlon-text-dark,#2a2a2a);font-weight:700;line-height:1.4;text-shadow:1px 4px 6px rgba(179,179,179,0.6)!important;} @media (max-width:575px){ h1 br,h2 br,h3 br,h4 br,h5 br,h6 br{display:none;} } p{color:var(--garlon-text,#15161b);font-family:var(--garlon-font,"Raleway",sans-serif);font-size:16px;font-weight:300;line-height:162.5%;} @media (max-width:575px){ p br{display:none;} } ::placeholder{color:inherit;opacity:1;} .page-wrapper{position:relative;margin:0 auto;width:100%;min-width:300px;overflow:hidden;} .section-space{padding:0;padding:120px 0;margin-top: 60px;} @media (max-width:991px){ .section-space{padding:100px 0;} } @media (max-width:767px){ .section-space{padding:20px 0;} } .section-space-top{padding-top:120px;} @media (max-width:991px){ .section-space-top{padding-top:100px;} } @media (max-width:767px){ .section-space-top{padding-top:80px;} } .section-space-bottom{padding-bottom:120px;} @media (max-width:991px){ .section-space-bottom{padding-bottom:100px;} } @media (max-width:767px){ .section-space-bottom{padding-bottom:80px;} } .container-fluid,.container{padding-left:15px;padding-right:15px;} @media (min-width:1200px){ .container{max-width:1200px;} } .row{--bs-gutter-x:30px;} .gutter-y-10{--bs-gutter-y:10px;} .gutter-y-15{--bs-gutter-y:15px;} .gutter-y-20{--bs-gutter-y:20px;} .gutter-y-30{--bs-gutter-y:30px;} .gutter-y-50{--bs-gutter-y:50px;} .gutter-y-60{--bs-gutter-y:60px;} .tabs-box .tabs-content .tab:not(.active-tab){display:none;} .bootstrap-select .dropdown-menu{padding-top:0;padding-bottom:0;border-radius:0;} .bootstrap-select .dropdown-item.active,.bootstrap-select .dropdown-item:active{background-color:var(--garlon-base,#209D2F);} .ul-list-one{margin-bottom:0;} .ul-list-one li{position:relative;padding-left:45px;font-size:16px;font-weight:500;color:var(--garlon-black,#000000);} @media (min-width:481px){ .ul-list-one li{font-size:20px;} } .ul-list-one li::before{content:"\e907";color:var(--garlon-base,#209D2F);font-size:26px;position:absolute;top:50%;left:0;transform:translateY(-50%);font-family:"azino-icon";} .preloader{position:fixed;background-color:var(--garlon-black,#000000);background-position:center center;background-repeat:no-repeat;top:0;left:0;right:0;bottom:0;z-index:9991;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;text-align:center;} .preloader__image{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-repeat:no-repeat;background-position:center center;background-size:60px auto;width:100%;height:100%;} /* scroll to top */ .scroll-to-top{display:flex;align-items:center;width:auto;height:35px;background:transparent;position:fixed;bottom:60px;right:-12px;z-index:99;text-align:center;opacity:0;visibility:hidden;transform:rotate(-90deg);cursor:pointer;transition:all 0.2s ease;} .scroll-to-top__text{display:inline;font-size:12px;text-transform:uppercase;letter-spacing:0.1em;font-weight:700;margin-right:8px;} .scroll-to-top__wrapper{display:inline-block;width:30px;height:4px;background-color:var(--garlon-base,#209D2F);position:relative;overflow:hidden;} .scroll-to-top__inner{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--garlon-black,#000000);} .scroll-to-top.show{opacity:1;visibility:visible;bottom:70px;} /* post paginations */ .post-pagination{margin:0;padding:0;list-style:none;margin-top:20px;display:flex;align-items:center;flex-wrap:wrap;gap:20px;} .post-pagination a{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:5px;transition:all 400ms ease;color:var(--garlon-base,#209D2F);background-color:#F5F2EF;font-size:16px;font-weight:500;line-height:normal;font-family:var(--garlon-font,"Raleway",sans-serif);} .post-pagination a:hover{color:var(--garlon-white,#fff);background-color:var(--garlon-base,#209D2F);} .post-pagination li:last-child a{width:auto;height:auto;background-color:transparent;} .post-pagination li:last-child a:hover{color:var(--garlon-base,#209D2F);background-color:transparent;} .post-pagination li.active a{color:var(--garlon-white,#fff);background-color:var(--garlon-base,#209D2F);} .garlon-owl__carousel--with-shadow .owl-stage-outer{overflow:visible;} .garlon-owl__carousel--with-shadow .owl-item{opacity:0;visibility:hidden;transition:opacity 500ms ease,visibility 500ms ease;} .garlon-owl__carousel--with-shadow .owl-item.active{opacity:1;visibility:visible;} .garlon-owl__carousel--basic-nav.owl-carousel .owl-nav{display:flex;justify-content:center;gap:20px;margin-top:40px;} .garlon-owl__carousel--basic-nav.owl-carousel .owl-nav button{border:none;outline:none;width:60px;height:60px;margin:0;padding:0;opacity:1;background-color:transparent;border:1px solid var(--garlon-white,#fff);display:flex;align-items:center;justify-content:center;font-size:30px;border-radius:50%;color:var(--garlon-white,#fff);transition:all 500ms ease;} .garlon-owl__carousel--basic-nav.owl-carousel .owl-nav button:hover{color:var(--garlon-white,#fff);background-color:var(--garlon-base,#209D2F);border-color:var(--garlon-base,#209D2F);} .garlon-owl__carousel--basic-nav.owl-carousel .owl-dots{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:50px;} .garlon-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot{width:40px;height:7px;display:block;border-radius:50%;background-color:var(--garlon-white,#fff);border:1px solid #DDDDDD;border-radius:20px;position:relative;padding:0;outline:none;margin:0;transition:all 500ms ease-in-out;} .garlon-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot span{display:none;} .garlon-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot:hover,.garlon-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot.active{background-color:var(--garlon-base,#209D2F);height:10px;} .garlon-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot.active{width:65px;} .garlon-owl__carousel--basic-nav.owl-carousel .owl-dots.disabled{display:none;} .garlon-owl__carousel--basic-nav.owl-carousel .owl-nav.disabled + .owl-dots{margin-top:50px;} .garlon-owl__carousel--basic-nav.owl-carousel .owl-nav.disabled{display:none;} /*-------------------------------------------------------------- # Cards --------------------------------------------------------------*/ .team-page{position:relative;z-index:1;} .team-card{position:relative;z-index:1;border:1px solid var(--garlon-border-color,#DDDDDD);border-radius:10px;} .team-card::after{content:"";height:164px;position:absolute;top:-1px;left:-1px;right:-1px;background-color:var(--garlon-gray3,#F2F2F2);z-index:-1;border-radius:10px 10px 0 0;transition:all 500ms ease;clip-path:polygon(100% 0,100% 40%,50% 100%,0 40%,0 0);} .team-card__content{padding:10px 0 0px;} .team-card__image__item{position:relative;z-index:1;} .team-card__image__item::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;transition:all 0.4s ease-in-out;visibility:hidden;opacity:0;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#000000 130%);} .team-card__image{padding:0px 10px 10px;border-radius:10px;} .team-card__image img{border-radius:10px;object-fit:cover;width:100%;} .team-card__title{font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;margin:0;text-align:center;} .team-card__title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .team-card__title a:hover{background-size:100% 1px;} .team-card__designation{color:#5E5B5B;text-align:center;font-size:16px;font-weight:400;line-height:156.25%;margin-bottom:10px;transition:all 0.4s ease-in-out;} .team-card__social{display:flex;align-items:center;justify-content:center;position:absolute;bottom:30px;left:50%;transform:translateX(-50%) rotateY(90deg);visibility:hidden;opacity:0;gap:10px;z-index:1;transition:all 500ms ease-in-out;} .team-card__social a{width:33px;height:33px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-white,#fff);color:var(--garlon-base,#209D2F);} .team-card__social a:hover{color:var(--garlon-white,#fff);background-color:var(--garlon-base,#209D2F);} .team-card__btn{display:flex;align-items:center;justify-content:center;width:40px;border-radius:50%;height:40px;background-color:var(--garlon-white,#fff);margin-left:auto;margin-right:auto;position:relative;z-index:2;margin-bottom:-20px;} .team-card__btn__link{width:18px;height:18px;display:block;position:relative;z-index:1;} .team-card__btn__link::after,.team-card__btn__link::before{content:"";width:2px;height:100%;background-color:var(--garlon-base,#209D2F);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all 500ms ease-in-out;visibility:visible;opacity:1;} .team-card__btn__link::after{transition:all 500ms ease-in-out;transform:translate(-50%,-50%) rotate(90deg);} .team-card__btn:hover{background-color:var(--garlon-text-dark,#222222);} .team-card__btn:hover .team-card__btn__link::after,.team-card__btn:hover .team-card__btn__link::before{background-color:var(--garlon-white,#fff);} .team-card__shape-one,.team-card__shape-two{position:absolute;top:32px;left:13px;transition:all 0.4s ease-in-out;visibility:hidden;opacity:0;} .team-card__shape-two{left:auto;right:13px;} .team-card:hover .team-card__image__item::after{visibility:visible;opacity:1;} .team-card:hover::after{background-color:var(--garlon-base,#209D2F);} .team-card:hover .team-card__shape-one,.team-card:hover .team-card__shape-two{visibility:visible;opacity:1;} .team-card:hover .team-card__title,.team-card:hover .team-card__designation{color:var(--garlon-white,#fff);} .team-card-two{position:relative;z-index:1;} .team-card-two__inner{transform:rotateY(0deg);transition:all 0.6s ease-in-out;position:relative;z-index:2;background-color:var(--garlon-white,#fff);visibility:visible;opacity:1;} .team-card-two__content{padding:20px 20px;text-align:center;position:relative;z-index:1;transition:all 0.4s ease-in-out;border-radius:10px;background:var(--garlon-white,#fff);box-shadow:0px 0px 4.5px 1px rgba(0,0,0,0.11);margin-top:-50px;margin-left:30px;overflow:hidden;margin-right:30px;} .team-card-two__content::before{content:"";width:100px;height:39px;transform:rotate(-46.753deg);position:absolute;top:0px;left:-15%;background-color:var(--garlon-base,#209D2F);z-index:-2;transition:all 0.4s ease-in-out;} .team-card-two__content::after{content:"";width:100px;height:39px;transform:rotate(-46.753deg);position:absolute;bottom:0px;right:-15%;background-color:var(--garlon-base,#209D2F);z-index:-2;transition:all 0.4s ease-in-out;} .team-card-two__title{font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;margin-bottom:-2px;text-align:center;} .team-card-two__title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .team-card-two__title a:hover{background-size:100% 1px;} .team-card-two__designation{margin:0;text-align:center;} .team-card-two__image__item img{border-radius:20px;object-fit:cover;width:100%;height:430px;} @media (max-width:1199px) and (min-width:767px){ .team-card-two__image__item img{height:337px;} } .team-card-two__hover{position:absolute;width:100%;top:0;transform:rotateY(180deg);transition:all 0.6s ease-in-out;z-index:1;padding:44px 50px 30px;visibility:hidden;opacity:0;} @media (max-width:1199px) and (min-width:767px){ .team-card-two__hover{padding:20px 30px 20px;} } .team-card-two__hover__bg{position:absolute;width:100%;height:100%;left:0;bottom:0;z-index:-2;border-radius:20px;background-repeat:no-repeat;background-size:cover;background-position:center center;transition:all 0.6s ease-in-out;} .team-card-two__hover__bg::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(32,157,47,0.8);border-radius:20px;z-index:-1;} .team-card-two__hover__shape-1{position:absolute;top:30%;left:0;} @media (max-width:767px){ .team-card-two__hover__shape-1{left:50%;transform:translateX(-50%);} .team-card-two__hover__shape-1 img{object-fit:cover;width:100%;} } .team-card-two__hover__image{width:200px;height:200px;border-radius:50%;margin-left:auto;margin-right:auto;border:4px solid var(--garlon-white,#fff);margin-bottom:20px;} @media (max-width:1199px) and (min-width:767px){ .team-card-two__hover__image{width:140px;height:140px;} } .team-card-two__hover__image img{object-fit:cover;width:100%;border-radius:50%;} .team-card-two__hover__content{position:relative;z-index:1;padding-bottom:20px;} .team-card-two__hover__shape { position: absolute; transition: all 0.4s ease-in-out; -webkit-mask: url('data:image/svg+xml;utf8, '); mask: url('data:image/svg+xml;utf8, '); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: top center; mask-position: top center; -webkit-mask-size: auto; mask-size: auto; width: 100%; height: 130px; bottom: -10px; z-index: -1; left: 0; background-color: var(--garlon-white, #fff); } .team-card-two__hover__shape::before{content:"";width:100%;height:100%;position:absolute;bottom:-20px;left:-50px;width:100px;height:39px;transform:rotate(-46.753deg);border-radius:100px;z-index:-2;background-color:var(--garlon-text-dark,#222222);} .team-card-two__hover__shape::after{content:"";width:100%;height:100%;position:absolute;bottom:-20px;right:-50px;width:100px;height:39px;transform:rotate(-131.204deg);border-radius:100px;z-index:-1;background-color:var(--garlon-text-dark,#222222);} .team-card-two__hover__btn{display:flex;align-items:center;justify-content:center;width:40px;border-radius:50%;height:40px;background-color:var(--garlon-text-dark,#222222);margin-left:auto;margin-right:auto;position:relative;z-index:2;margin-bottom:15px;} .team-card-two__hover__btn__link{width:18px;height:18px;display:block;position:relative;z-index:1;} .team-card-two__hover__btn__link::after,.team-card-two__hover__btn__link::before{content:"";width:2px;height:100%;background-color:var(--garlon-white,#fff);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all 500ms ease-in-out;visibility:visible;opacity:1;} .team-card-two__hover__btn__link::after{transition:all 500ms ease-in-out;transform:translate(-50%,-50%) rotate(90deg);} .team-card-two__hover__btn:hover{background-color:var(--garlon-text-dark,#222222);} .team-card-two__hover__btn:hover .team-card-two__hover__btn__link::after,.team-card-two__hover__btn:hover .team-card-two__hover__btn__link::before{background-color:var(--garlon-white,#fff);} .team-card-two__hover__title{font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;margin-bottom:-2px;text-align:center;} .team-card-two__hover__title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .team-card-two__hover__title a:hover{background-size:100% 1px;} .team-card-two__hover__designation{margin:0;text-align:center;} .team-card-two__hover__social{display:flex;align-items:center;justify-content:center;height:52px;gap:6px;opacity:0;visibility:hidden;} .team-card-two__hover__social a{width:33px;height:33px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-white,#fff);color:var(--garlon-base,#209D2F);} .team-card-two__hover__social a:hover{color:var(--garlon-white,#fff);background-color:var(--garlon-text-dark,#222222);} .team-card-two__hover__social a:nth-child(1),.team-card-two__hover__social a:nth-child(3){margin-bottom:-43px;} .team-card-two:hover .team-card-two__inner{transform:rotateY(180deg);z-index:1;visibility:hidden;opacity:0;} .team-card-two:hover .team-card-two__hover{transform:rotateY(0deg);visibility:visible;opacity:1;} .team-three-card{position:relative;z-index:1;} .team-three-card__image{background:var(--garlon-white,#fff);box-shadow:0px 1px 31.3px -1px rgba(0,0,0,0.13);border-radius:50%;padding:8px;overflow:hidden;margin-bottom:21px;position:relative;z-index:1;} .team-three-card__image__round{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;visibility:hidden;opacity:0;transition:all 0.4s ease-in-out;animation:rotated 8s ease-in-out infinite;} .team-three-card__image__round::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--garlon-base,#209D2F);width:100%;height:100%;z-index:-2;} .team-three-card__image__round::before{content:"";width:100%;height:100%;position:absolute;top:-50%;left:0;background-color:var(--garlon-white,#fff);width:100%;height:100%;z-index:-1;} .team-three-card__image img{object-fit:cover;width:100%;border-radius:50%;} .team-three-card__image::after{content:"";right:8px;bottom:8px;position:absolute;top:8px;left:8px;border-radius:50%;background:rgba(34,34,34,0.76);visibility:hidden;opacity:0;transition:all 0.4s ease-in-out;} .team-three-card__btn{display:flex;align-items:center;justify-content:center;width:40px;border-radius:50%;height:40px;background-color:var(--garlon-text-dark,#222222);margin-left:auto;margin-right:auto;position:relative;z-index:2;margin-bottom:25px;} .team-three-card__btn__link{width:18px;height:18px;display:block;position:relative;z-index:1;} .team-three-card__btn__link::after,.team-three-card__btn__link::before{content:"";width:2px;height:100%;background-color:var(--garlon-white,#fff);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all 500ms ease-in-out;visibility:visible;opacity:1;} .team-three-card__btn__link::after{transition:all 500ms ease-in-out;transform:translate(-50%,-50%) rotate(90deg);} .team-three-card__btn:hover{background-color:var(--garlon-base,#209D2F);} .team-three-card__btn:hover .team-three-card__btn__link::before{visibility:hidden;opacity:0;} .team-three-card__btn:hover .team-three-card__btn__link::after,.team-three-card__btn:hover .team-three-card__btn__link::before{background-color:var(--garlon-white,#fff);} .team-three-card__content{background-color:var(--garlon-gray,#F2F2F2);position:relative;z-index:1;padding:10px 0px 10px;transition:all 0.4s ease-in-out;} .team-three-card__content::before{content:"";width:40px;height:40px;position:absolute;top:-30px;left:50%;transform:translateX(-50%);clip-path:polygon(50% 0%,0% 100%,100% 100%);background-color:var(--garlon-gray,#F2F2F2);z-index:-2;transition:all 0.4s ease-in-out;} .team-three-card__title{color:var(--garlon-text-dark,#222222);text-align:center;font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;margin:0;} .team-three-card__title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .team-three-card__title a:hover{background-size:100% 1px;} .team-three-card__designation{text-align:center;font-size:16px;font-weight:400;line-height:156.25%;margin:0;transition:all 0.4s ease-in-out;} .team-three-card__angle::after,.team-three-card__angle::before{content:"";width:31px;height:100%;position:absolute;top:0;background-color:var(--garlon-white,#fff);z-index:-2;} .team-three-card__angle::before{left:0;clip-path:polygon(0 0,0% 100%,100% 50%);} .team-three-card__angle::after{right:-1px;clip-path:polygon(100% 0,0 50%,100% 100%);} .team-three-card__angle-two::after,.team-three-card__angle-two::before{content:"";width:43px;height:100%;position:absolute;top:0;background-color:var(--garlon-base,#209D2F);z-index:-3;visibility:hidden;opacity:0;transition:all 0.5s ease-in-out;} .team-three-card__angle-two::before{left:0px;clip-path:polygon(30% 0,100% 50%,30% 100%,0% 100%,0 49%,0% 0%);} .team-three-card__angle-two::after{right:0px;clip-path:polygon(100% 0%,100% 50%,100% 100%,80% 100%,0% 50%,80% 0);} .team-three-card__social{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotateY(90deg);visibility:hidden;opacity:0;gap:10px;z-index:1;transition:all 500ms ease-in-out;} .team-three-card__social a{width:33px;height:33px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-white,#fff);color:var(--garlon-base,#209D2F);} .team-three-card__social a:hover{color:var(--garlon-white,#fff);background-color:var(--garlon-base,#209D2F);} .team-three-card:hover .team-three-card__image::after{visibility:visible;opacity:1;} .team-three-card:hover .team-three-card__image__round{visibility:visible;opacity:1;} .team-three-card:hover .team-three-card__angle-two::after,.team-three-card:hover .team-three-card__angle-two::before{visibility:visible;opacity:1;} .team-three-card:hover .team-three-card__content{background-color:var(--garlon-text-dark,#222222);} .team-three-card:hover .team-three-card__content::before{background-color:var(--garlon-text-dark,#222222);} .team-three-card:hover .team-three-card__title,.team-three-card:hover .team-three-card__designation{color:var(--garlon-white,#fff);} .blog-card{position:relative;z-index:1;} .blog-card__image{overflow:hidden;position:relative;z-index:1;border-radius:10px;} .blog-card__image img{object-fit:cover;width:100%;transition:all 0.4s ease-in-out;transform:scale(1);} .blog-card__image__link{width:100%;height:100%;background-color:transparent;position:absolute;right:0%;bottom:0%;opacity:0;display:flex;align-items:center;justify-content:center;transition:all 700ms ease;visibility:hidden;z-index:1;} .blog-card__image__link i{font-size:64px;color:var(--garlon-base,#209D2F);background-color:var(--garlon-white,#fff);border-radius:50%;} .blog-card__image::after{content:"";width:100%;height:100%;background-color:rgba(var(--garlon-text-dark-rgb,34,34,34),0.8);position:absolute;right:0%;bottom:0%;opacity:0;transform:translate(-100%,-100%);transition:all 600ms ease;} .blog-card__content{position:relative;z-index:1;margin-top:-40px;margin-left:20px;margin-right:20px;padding:15px 26px 30px;border-radius:10px;background-color:var(--garlon-white,#fff);filter:drop-shadow(0px 4px 23.7px rgba(115,115,115,0.15));} @media (max-width:1199px) and (min-width:767px),(max-width:400px){ .blog-card__content{padding:15px 10px 20px;margin-left:10px;margin-right:10px;} } .blog-card__content::after{content:"";width:46px;height:46px;background-color:var(--garlon-base,#209D2F);position:absolute;bottom:0;left:50%;transform:translate(-50%,-50%) rotate(90deg);z-index:-1;clip-path:polygon(50% 0%,0% 100%,100% 100%);visibility:hidden;opacity:0;transition:all 0.4s ease-in-out;} .blog-card__meta{display:flex;align-items:center;border-bottom:1px solid var(--garlon-border-color,#DDDDDD);padding-bottom:12px;margin-bottom:18px;} .blog-card__meta li{line-height:normal;color:var(--garlon-text,#5E5B5B);font-size:14px;font-weight:400;line-height:normal;display:flex;align-items:center;gap:7px;} .blog-card__meta li a{color:inherit;} .blog-card__meta li i{font-size:16px;color:var(--garlon-base,#209D2F);} .blog-card__meta li + li{padding-left:20px;margin-left:20px;border-left:1px solid var(--garlon-border-color,#DDDDDD);} @media (max-width:1199px) and (min-width:992px),(max-width:400px){ .blog-card__meta li + li{padding-left:10px;margin-left:10px;border-left:1px solid var(--garlon-border-color,#DDDDDD);} } .blog-card__title{font-size:25px;font-weight:700;line-height:104%;text-transform:capitalize;margin-bottom:18px;} @media (max-width:1199px) and (min-width:992px),(max-width:400px){ .blog-card__title{font-size:20px;} } .blog-card__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .blog-card__title a:hover{background-size:100% 1px;} .blog-card__title a:hover{color:var(--garlon-base,#209D2F);} .blog-card__btn{display:flex;align-items:center;justify-content:space-between;color:inherit;border-radius:20px;background:var(--garlon-gray,#F2F2F2);padding:4px;position:relative;z-index:1;overflow:hidden;transition:all 600ms ease;} .blog-card__btn::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--garlon-text-dark,#222222);z-index:-1;transform:translateX(-100%);transition:all 0.4s ease-in-out;} .blog-card__btn__comment,.blog-card__btn__link{display:flex;align-items:center;} .blog-card__btn__comment{gap:5px;} .blog-card__btn__comment i{color:var(--garlon-base,#209D2F);} .blog-card__btn__link{color:garlon-text-dark2;font-size:16px;font-weight:500;line-height:normal;text-transform:uppercase;gap:12px;transition:all 600ms ease;} .blog-card__btn__link__icon{width:32px;height:32px;border-radius:20px;color:var(--garlon-white,#fff);display:flex;align-items:center;justify-content:center;background-color:var(--garlon-text-dark,#222222);} .blog-card:hover .blog-card__image img{transform:scale(1.1);} .blog-card:hover .blog-card__image__link{opacity:1;visibility:visible;} .blog-card:hover .blog-card__image::after{transform:translate(0%,0%);opacity:1;visibility:visible;} .blog-card:hover .blog-card__content::after{visibility:visible;opacity:1;transform:translateX(-50%) rotate(0deg);} .blog-card:hover::after{visibility:visible;opacity:1;} .blog-card:hover .blog-card__btn::after{transform:translateX(0%);} .blog-card:hover .blog-card__btn .blog-card__btn__comment,.blog-card:hover .blog-card__btn .blog-card__btn__link{color:var(--garlon-white,#fff);} .blog-card:hover .blog-card__btn .blog-card__btn__link__icon{background-color:var(--garlon-base,#209D2F);} .blog-card:hover .blog-card__btn .blog-card__btn__link__icon i{animation:iconTranslateX 0.4s forwards;} .blog-two-card{position:relative;z-index:1;} .blog-two-card__image{overflow:hidden;position:relative;z-index:1;border-radius:0px 50px 0px 0px;} .blog-two-card__image img{object-fit:cover;width:100%;transition:all 0.4s ease-in-out;transform:scale(1);} .blog-two-card__image__link{width:100%;height:100%;background-color:transparent;position:absolute;right:0%;bottom:0%;opacity:0;display:flex;align-items:center;justify-content:center;transition:all 700ms ease;visibility:hidden;z-index:1;} .blog-two-card__image__link i{font-size:64px;color:var(--garlon-base,#209D2F);background-color:var(--garlon-white,#fff);border-radius:50%;} .blog-two-card__image::after{content:"";width:100%;height:100%;background-color:rgba(var(--garlon-text-dark-rgb,34,34,34),0.8);position:absolute;right:0%;bottom:0%;opacity:0;transform:translate(-100%,-100%);transition:all 600ms ease;} .blog-two-card__date{display:inline-flex;align-items:center;position:absolute;flex-direction:column;top:30px;left:30px;z-index:1;} .blog-two-card__date span{color:var(--garlon-white,#fff);font-size:35px;font-weight:600;line-height:100%;margin:0;padding:2.5px 14px;border-radius:15px 15px 0px 0px;background:var(--garlon-base,#209D2F);display:inline-block;font-family:var(--garlon-heading-font,"Raleway",serif);} .blog-two-card__date span:last-child{border-radius:0;color:var(--garlon-text-dark2,#333333);font-size:20px;font-weight:400;text-transform:uppercase;background:var(--garlon-white,#fff);padding:0 5px;} .blog-two-card__content{position:relative;z-index:1;text-align:center;padding:1px 55px 0;background-color:var(--garlon-white,#fff);filter:drop-shadow(0px 3px 5.2px rgba(0,0,0,0.12));border-bottom:2px solid transparent;} @media (max-width:500px){ .blog-two-card__content{padding:1px 12px 0;} } .blog-two-card__content__meta{display:flex;align-items:center;justify-content:center;margin-top:-24px;} .blog-two-card__meta{position:relative;z-index:1;display:inline-flex;justify-content:center;align-items:center;margin-bottom:20px;border-radius:60px;border:0px solid #DDD;background:var(--garlon-white,#fff);box-shadow:0px 4px 4px 0px rgba(0,0,0,0.25);padding:3px 30px 3px 3px;} .blog-two-card__meta li{color:#636363;font-size:15px;font-weight:400;line-height:normal;} .blog-two-card__meta li img{border-radius:50%;overflow:hidden;margin-right:19px;} .blog-two-card__meta li i{color:var(--garlon-base,#209D2F);margin-right:5px;} .blog-two-card__meta li + li{padding-left:18px;margin-left:22px;border-left:1px solid #DDDDDD;} .blog-two-card__title{text-align:center;font-size:25px;font-weight:700;line-height:104%;text-transform:capitalize;margin-bottom:25px;} .blog-two-card__title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .blog-two-card__title a:hover{background-size:100% 1px;} .blog-two-card__title a:hover{color:var(--garlon-base,#209D2F);} .blog-two-card__btn a{margin-bottom:-30px;} .blog-two-card__btn a:first-child{visibility:hidden;opacity:0;transition:all 0.4s ease-in-out;padding:15px 30px;} .blog-two-card__btn a:last-child{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);width:46px;padding:0;height:46px;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-base,#209D2F);color:var(--garlon-white,#fff);visibility:visible;opacity:1;transition:all 0.4s ease-in-out;} .blog-two-card__btn a:last-child::before,.blog-two-card__btn a:last-child::after{display:none;} .blog-two-card:hover .blog-two-card__image img{transform:scale(1.1);} .blog-two-card:hover .blog-two-card__image__link{opacity:1;visibility:visible;} .blog-two-card:hover .blog-two-card__image::after{transform:translate(0%,0%);opacity:1;visibility:visible;} .blog-two-card:hover .blog-two-card__btn a:first-child{visibility:visible;opacity:1;} .blog-two-card:hover .blog-two-card__btn a:last-child{visibility:hidden;opacity:0;} .blog-two-card:hover .blog-two-card__content{border-bottom:2px solid var(--garlon-base,#209D2F);} .blog-list-card{position:relative;z-index:1;} .blog-list-card .blog-card__image{border-radius:0;} .blog-list-card__content{padding-top:30px;} .blog-list-card__meta{margin-bottom:21px;display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-bottom:21px;} .blog-list-card__meta .garlon-btn{padding:7px 28px!important;} .blog-list-card__meta .garlon-btn::before{display:none;} .blog-list-card__meta .garlon-btn::after{background-color:var(--garlon-text-dark,#222222);} .blog-list-card__meta .garlon-btn:hover{color:var(--garlon-white,#fff);} .blog-list-card__category{color:var(--garlon-white,#fff);font-size:17px;font-weight:500;line-height:normal;text-transform:uppercase;background-color:var(--garlon-base,#209D2F);border-radius:30px;} .blog-list-card__info{display:flex;align-items:center;} .blog-list-card__info__text{margin:0;position:relative;color:var(--garlon-text,#5E5B5B);font-size:16px;font-weight:400;line-height:normal;text-transform:capitalize;font-family:var(--garlon-font,"Raleway",sans-serif);} .blog-list-card__info__text:not(:last-child)::after{content:"/";margin-left:6px;margin-right:6px;font-size:16px;color:var(--garlon-text,#5E5B5B);font-weight:400;} .blog-list-card__info__text a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .blog-list-card__info__text a:hover{background-size:100% 1px;} .blog-list-card__info__text a:hover{color:var(--garlon-base,#209D2F);} .blog-list-card__comment{margin:0;position:relative;color:var(--garlon-text,#5E5B5B);font-size:16px;font-weight:400;line-height:normal;text-transform:capitalize;font-family:var(--garlon-font,"Raleway",sans-serif);} .blog-list-card__comment a{color:inherit;} .blog-list-card__comment__icon{color:var(--garlon-base,#209D2F);margin-right:5px;} .blog-list-card__title{margin:0;font-size:25px;font-weight:700;line-height:100%;text-transform:capitalize;margin-bottom:12px;max-width:674px;width:100%;} .blog-list-card__title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .blog-list-card__title a:hover{background-size:100% 1px;} .blog-list-card__title a:hover{color:var(--garlon-base,#209D2F);} .blog-list-card__text{margin-bottom:40px;max-width:700px;width:100%;} .blog-list-card .garlon-btn{padding:14.6px 29px 14.5px 46px;} .blog-list-card .garlon-btn::before{background-color:var(--garlon-base,#209D2F);} .blog-list-card .garlon-btn:hover{color:var(--garlon-white,#fff);} .blog-list-card:hover .blog-card__image img{transform:scale(1.1);} .blog-list-card:hover .blog-card__image__link{opacity:1;visibility:visible;} .blog-list-card:hover .blog-card__image::after{transform:translate(0%,0%);opacity:1;visibility:visible;} .blog-three{position:relative;z-index:1;} .blog-three__item{position:relative;z-index:1;} .blog-three__item .blog-three__content{position:absolute;left:40px;bottom:30px;z-index:1;right:30px;} .blog-three__item:hover .blog-three__btn{margin-bottom:0;} .blog-three__item:hover .blog-three__thumb img{transform:scale(1.1);} .blog-three__item:hover .blog-three__thumb::before{transform:translate(0%,0%);opacity:1;visibility:visible;} .blog-three__item:hover .blog-three__thumb::after{transform:translate(0%,0%);opacity:0;visibility:hidden;} .blog-three__thumb{overflow:hidden;position:relative;z-index:1;border-radius:10px;} .blog-three__thumb img{object-fit:cover;width:100%;transition:all 0.4s ease-in-out;transform:scale(1);} .blog-three__thumb::before{content:"";width:100%;height:100%;background:linear-gradient(180deg,rgba(217,217,217,0) 0%,#209D2F 100%);position:absolute;right:0%;bottom:0%;opacity:0;transition:all 600ms ease;transform:matrix(-1,0,0,1,0,0);z-index:1;} .blog-three__thumb::after{content:"";width:100%;height:100%;background:linear-gradient(180deg,rgba(217,217,217,0) 0%,#222 100%);position:absolute;right:0%;bottom:0%;transition:all 600ms ease;transform:matrix(-1,0,0,1,0,0);} .blog-three__content{position:relative;overflow:hidden;} .blog-three__meta{display:flex;align-items:center;border-bottom:1px solid var(--garlon-white,#fff);padding-bottom:12px;margin-bottom:20px;} .blog-three__meta li{line-height:normal;color:var(--garlon-white,#fff);font-size:14px;font-weight:400;line-height:normal;display:flex;align-items:center;gap:7px;} .blog-three__meta li a{color:inherit;} .blog-three__meta li i{font-size:16px;color:var(--garlon-base,#209D2F);} .blog-three__meta li + li{padding-left:20px;margin-left:20px;border-left:1px solid var(--garlon-white,#fff);} @media (max-width:1199px) and (min-width:992px),(max-width:400px){ .blog-three__meta li + li{padding-left:10px;margin-left:10px;border-left:1px solid var(--garlon-white,#fff);} } .blog-three__title{font-size:25px;font-weight:700;line-height:104%;text-transform:capitalize;margin-bottom:20px;color:var(--garlon-white,#fff);} @media (max-width:1199px) and (min-width:992px),(max-width:400px){ .blog-three__title{font-size:20px;} } .blog-three__title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .blog-three__title a:hover{background-size:100% 1px;} .blog-three__btn{display:block;margin-bottom:-50px;transition:all 0.4s ease-in-out;} .blog-three__btn a{color:var(--garlon-white,#fff);font-size:16px;font-weight:500;line-height:normal;text-transform:uppercase;} .blog-three__btn a i{font-size:18px;} .blog-four{position:relative;z-index:1;} .blog-four__thumb{position:relative;z-index:1;margin-right:-30px;} @media (max-width:1199px){ .blog-four__thumb{margin-right:0px;} } .blog-four__thumb img{object-fit:cover;width:100%;} .blog-four__list__item{display:flex;align-items:start;padding:30px 90px 30px 30px;position:relative;z-index:1;overflow:hidden;} @media (max-width:1199px){ .blog-four__list__item{padding:10px 50px 10px 10px;} } @media (max-width:575px){ .blog-four__list__item{flex-direction:column;justify-content:start;align-items:start;gap:15px;} } .blog-four__list__item::after{content:"";width:108px;height:100%;position:absolute;top:0;right:0;transition:all 0.4s ease-in-out;background-color:var(--garlon-gray2,#D9D9D9);clip-path:polygon(100% 0,100% 50%,100% 100%,0% 100%,77% 50%,0% 0%);z-index:-1;} .blog-four__list__item::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--garlon-text-dark,#222222);z-index:-1;transform:translateY(-100%);transition:all 0.4s ease-in-out;} .blog-four__list__item:hover::after{background-color:var(--garlon-base,#209D2F);} .blog-four__list__item:hover::before{transform:translateY(0%);} .blog-four__list__item:hover .blog-four__list__date{background-color:var(--garlon-white,#fff);color:var(--garlon-base,#209D2F);} .blog-four__list__item:hover .blog-four__list__meta li,.blog-four__list__item:hover .blog-four__list__title{color:var(--garlon-white,#fff);} .blog-four__list__item:hover .blog-four__list__btn{color:var(--garlon-base,#209D2F);} .blog-four__list{position:relative;z-index:1;border-top:1px solid var(--garlon-border-color,#DDDDDD);border-bottom:1px solid var(--garlon-border-color,#DDDDDD);} .blog-four__list__meta{display:flex;align-items:center;border-bottom:1px solid var(--garlon-border-color,#DDDDDD);padding-left:17px;padding-bottom:12px;margin-bottom:13px;} .blog-four__list__meta li{line-height:normal;color:var(--garlon-text,#5E5B5B);font-size:14px;font-weight:400;line-height:normal;display:flex;align-items:center;gap:7px;transition:all 0.4s ease-in-out;} .blog-four__list__meta li a{color:inherit;} .blog-four__list__meta li i{font-size:16px;color:var(--garlon-base,#209D2F);} .blog-four__list__meta li + li{padding-left:20px;margin-left:20px;border-left:1px solid var(--garlon-border-color,#DDDDDD);} @media (max-width:1199px) and (min-width:992px),(max-width:400px){ .blog-four__list__meta li + li{padding-left:10px;margin-left:10px;border-left:1px solid var(--garlon-border-color,#DDDDDD);} } .blog-four__list__date{max-width:69px;width:100%;height:71px;border-radius:10px;background-color:var(--garlon-base,#209D2F);text-transform:capitalize;color:var(--garlon-white,#fff);text-align:center;font-family:var(--garlon-font,"Raleway",sans-serif);font-size:16px;font-weight:700;line-height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0;position:relative;z-index:1;transition:all 0.4s ease-in-out;} .blog-four__list__date span{font-size:38px;display:block;line-height:100%;font-family:var(--garlon-heading-font,"Raleway",serif);} .blog-four__list__date::after{content:"";position:absolute;right:4px;bottom:4px;left:4px;top:4px;background-color:transparent;border-radius:10px;border:1px dashed var(--garlon-base,#209D2F);} .blog-four__list__date .blog-four__list__meta li{color:var(--garlon-white,#fff);} .blog-four__list__title{font-size:25px;font-weight:700;line-height:104%;text-transform:capitalize;margin-bottom:10px;} .blog-four__list__title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .blog-four__list__title a:hover{background-size:100% 1px;} .blog-four__list__btn{color:var(--garlon-text-dark2,#333333);font-size:16px;font-weight:500;line-height:normal;text-transform:uppercase;margin:0;} .blog-four__list__btn i{color:var(--garlon-base,#209D2F);} .blog-four__list__content__bottom{padding-left:17px;} .form-one__group{display:grid;grid-template-columns:1fr;grid-gap:30px;margin:0;} @media (min-width:576px){ .form-one__group{grid-template-columns:repeat(2,1fr);} } .form-one label{display:block;font-size:16px;font-weight:600;line-height:1;text-transform:capitalize;color:var(--garlon-black,#000000);cursor:pointer;margin:0 0 18px;} .form-one__control{border:none;width:auto;height:auto;border-radius:0;padding:0;position:relative;} .form-one__control__icon{position:absolute;top:50%;right:30px;transform:translateY(-50%);font-size:14px;} .form-one__control--full{grid-column-start:1;grid-column-end:-1;} .form-one .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:100%;height:48px;display:flex;align-items:center;} .form-one .bootstrap-select > .dropdown-toggle{padding:0;background-color:transparent;border-radius:0;border:none;outline:none!important;color:var(--garlon-text,#5E5B5B);font-size:14px;} .form-one .bootstrap-select > .dropdown-toggle,.form-one input[type=text],.form-one input[type=email],.form-one input[type=tel],.form-one textarea{display:block;width:100%;height:60px;background-color:var(--garlon-white,#fff);color:var(--garlon-text,#5E5B5B);font-size:14px;font-weight:400;border:1px solid var(--garlon-border-color,#DDDDDD);border-radius:5px;outline:none;font-family:var(--garlon-font,"Raleway",sans-serif);padding-left:30px;padding-right:30px;transition:all 500ms ease;} .form-one .bootstrap-select > .dropdown-toggle:focus,.form-one input[type=text]:focus,.form-one input[type=email]:focus,.form-one input[type=tel]:focus,.form-one textarea:focus{color:var(--garlon-black,#000000);font-weight:500;border-color:var(--garlon-white,#fff);} .form-one textarea{height:185px;padding-top:20px;} .form-one .bootstrap-select > .dropdown-toggle{display:flex;align-items:center;} .form-one .bootstrap-select > .dropdown-toggle .filter-option{display:flex;align-items:center;} .custom-cursor__cursor{width:25px;height:25px;border-radius:100%;border:1px solid var(--garlon-base,#209D2F);-webkit-transition:all 200ms ease-out;transition:all 200ms ease-out;position:fixed;pointer-events:none;left:0;top:0;-webkit-transform:translate(calc(-50% + 5px),-50%);transform:translate(calc(-50% + 5px),-50%);z-index:999991;} .custom-cursor__cursor-two{width:10px;height:10px;border-radius:100%;background-color:var(--garlon-base,#209D2F);opacity:0.3;position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none;-webkit-transition:width 0.3s,height 0.3s,opacity 0.3s;transition:width 0.3s,height 0.3s,opacity 0.3s;z-index:999991;} .custom-cursor__hover{background-color:var(--garlon-base,#209D2F);opacity:0.4;} .custom-cursor__innerhover{width:25px;height:25px;opacity:0.4;} .main-footer{position:relative;z-index:1;background-color: #000;} .main-footer__bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-repeat:no-repeat;background-size:cover;background-position:center center;} .main-footer__bg::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(34,34,34,0.95);} .main-footer__top{padding-top:95px;padding-bottom:65px;} @media (max-width:767px){ .main-footer__top{padding-top:75px;padding-bottom:60px;} } .main-footer__bottom__inner{border-top:1px solid rgba(var(--garlon-gray2-rgb,217,217,217),0.5);position:relative;z-index:1;padding:25px 0 37px;} .main-footer__copyright{color:var(--garlon-white,#fff);font-size:16px;font-weight:400;line-height:normal;margin:0;text-align:center;} .main-footer__shape-one{position:absolute;bottom:50%;right:0;transform:translateY(50%);} @media (max-width:1399px) and (min-width:1200px){ .main-footer__shape-one{display:none;} } @media (max-width:992px){ .main-footer__shape-one{display:none;} } .main-footer__shape-one img{animation:movebounce2 3s ease-in-out infinite;} .main-footer__shape-two{background-repeat:repeat;background-size:cover;position:absolute;bottom:0;left:0;height:17px;width:100%;z-index:1;} .footer-widget{position:relative;} .footer-widget__logo{display:flex;align-items:center;justify-content:start;margin-bottom:20px;} .footer-widget__logo img{object-fit:cover;} .footer-widget__text{color:var(--garlon-white,#fff);font-size:16px;font-weight:400;line-height:162.5%;margin:0;} .footer-widget__social-links{display:flex;align-items:center;justify-content:start;gap:10px;margin-top:30px;} .footer-widget__social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:transparent;border:1px solid #92918F;color:#92918F;font-size:16px;line-height:1;transition:all 0.3s ease-in-out;} .footer-widget__social-links a:hover{background-color:var(--garlon-base,#209D2F);color:var(--garlon-white,#fff);border-color:var(--garlon-base,#209D2F);transform:translateY(-3px);} .footer-widget--links{margin-left:65px;} @media (max-width:1199px){ .footer-widget--links{margin-left:0;} } .footer-widget__title{color:#fff;font-size:25px;font-weight:300;margin-bottom:32px;} @media (max-width:1199px){ .footer-widget__title{margin-bottom:15px;} } .footer-widget__links{color: #fff;} @media (max-width:575px){ .footer-widget__links{grid-template-columns:repeat(1,1fr);} } .footer-widget__links li{display:flex;align-items:center;color: #fff;font-size:22px;font-weight:300;line-height:1.6;} .footer-widget__links li i{font-size:8px;margin-right:12px;transition:all 0.4s ease-in-out;} .footer-widget__links li a{color: #fff;transition:all 0.4s ease-in-out;} .footer-widget__links li a:hover{color:var(--garlon-base,#209D2F);} .footer-widget__links-two{margin:0;} .footer-widget__links-two li{display:flex;align-items:center;color: #fff;font-size:22px;font-weight:300;line-height:1.2;} .footer-widget__links-two li i{font-size:8px;margin-right:6px;} .footer-widget__links-two li a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .footer-widget__links-two li a:hover{background-size:100% 1px;} .footer-widget__links-two li a:hover{color:var(--garlon-base,#209D2F);} .footer-widget__links-two li + li{margin-top:16px;} .footer-widget--post__item{display:flex;align-items:center;justify-content:start;gap:24px;color: #fff;font-size: 19px;} .footer-widget--post__item a {color: #fff;} .footer-widget--post__img{width:85px;height:85px;border-radius:100px;position:relative;z-index:1;} .footer-widget--post__img img{object-fit:cover;width:100%;height:100%;border-radius:100px;} .footer-widget--post__img span{position:absolute;top:0;right:0;width:24px;height:24px;background-color:var(--garlon-base,#209D2F);color:var(--garlon-white,#fff);border-radius:100px;transition:all 0.3s ease-in-out;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500;line-height:normal;} .footer-widget--post__date{color:var(--garlon-white,#fff);font-size:14px;font-weight:400;line-height:normal;margin-bottom:12px;display:block;} .footer-widget--post__title{color:var(--garlon-white,#fff);font-family:var(--garlon-heading-font,"Raleway",serif);font-size:25px;font-weight:700;line-height:88%;max-width:150px;width:100%;} .footer-widget--post__title a{color:inherit;} .footer-widget--post__title a:hover{color:var(--garlon-base,#209D2F);} .footer-widget--post__item + .footer-widget--post__item{margin-top:24px;} .footer-widget--post ul{margin:0;} .contact-top{position:relative;z-index:1;} .contact-top__item{border-radius:20px;border:1px solid var(--garlon-border-color,#DDDDDD);padding:30px 25px 20px;position:relative;background-color:var(--garlon-white,#fff);z-index:1;overflow:hidden;height:100%;} .contact-top__item::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--garlon-base,#209D2F);z-index:-1;transform:translateY(-100%);transition:all 0.5s ease-in-out;} .contact-top__item__shape::after{content:"";width:80px;height:80px;border-radius:50%;position:absolute;bottom:-17px;right:-18px;border:6px solid var(--garlon-white,#fff);background-color:transparent;visibility:hidden;opacity:0;transition:all 0.5s ease-in-out;animation:rotated 3s ease-in-out infinite;} .contact-top__item__shape::before{content:"";width:53px;height:53px;border-radius:50%;position:absolute;bottom:-5px;right:-5px;border:2px dashed var(--garlon-white,#fff);background-color:transparent;visibility:hidden;opacity:0;transition:all 0.5s ease-in-out;animation:rotated 3s ease-in-out infinite;} .contact-top__item__top{display:flex;align-items:start;justify-content:start;gap:14px;margin-bottom:10px;} .contact-top__item__icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-black,#000000);font-size:24px;overflow:hidden;color:var(--garlon-white,#fff);transition:all 0.5s ease-in-out;} .contact-top__item__text{margin:0;font-size:22px;font-weight:700;line-height:normal;margin:0;text-transform:capitalize;position:relative;z-index:1;transition:all 0.5s ease-in-out;} .contact-top__item__text::after{content:"";height:2px;width:100px;position:absolute;bottom:0;left:0;background-color:transparent;border-top:2px dashed var(--garlon-base,#209D2F);transition:all 0.5s ease-in-out;} .contact-top__item__content__item{display:block;} .contact-top__item__content .time{color:#555;font-size:16px;font-weight:400;line-height:162.5%;margin:0;transition:all 0.4s ease-in-out;} .contact-top__item__content a{color:#555;font-size:16px;font-weight:400;line-height:162.5%;margin:0;display:inline-flex;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .contact-top__item__content a:hover{background-size:100% 1px;} .contact-top__item:hover::after{transform:translateY(0%);} .contact-top__item:hover .contact-top__item__text,.contact-top__item:hover .contact-top__item__content a,.contact-top__item:hover .time{color:var(--garlon-white,#fff);} .contact-top__item:hover .contact-top__item__text::after{background-color:var(--garlon-white,#fff);} .contact-top__item:hover .contact-top__item__shape::after,.contact-top__item:hover .contact-top__item__shape::before{visibility:visible;opacity:1;} .contact-top__item:hover .contact-top__item__icon{background-color:var(--garlon-white,#fff);color:var(--garlon-base,#209D2F);} .contact-top__item:hover .contact-top__item__icon i{animation:iconTranslateX 0.4s forwards;} .contact-one{position:relative;z-index:1;padding:90px 0;border-top:1px solid var(--garlon-border-color,#DDDDDD);overflow:hidden;background-color: #fff;} .contact-one--two{border-top:0 solid transparent;border-bottom:1px solid var(--garlon-border-color,#DDDDDD);} .contact-one__top .sec-title{padding-bottom:10px;} .contact-one__top__text{margin:0;max-width:480px;width:100%;margin-bottom:20px;} @media (min-width:1200px){ .contact-one__content{margin-right:60px;} } .contact-one .form-one .form-one__group{grid-gap:20px 30px;} .contact-one .form-one input[type=text], .contact-one .form-one input[type=email], .contact-one .form-one input[type=tel], .contact-one .form-one textarea { height: 48px; border-radius: 30px; border: 1px solid #D3D3D3; background-color: var(--garlon-white, #fff); outline: none !important; } .contact-one .form-one input[type=text]:focus, .contact-one .form-one input[type=email]:focus, .contact-one .form-one input[type=tel]:focus, .contact-one .form-one textarea:focus { border: 1px solid var(--garlon-base, #209D2F); } .contact-one .form-one input[type=text]::placeholder, .contact-one .form-one input[type=email]::placeholder, .contact-one .form-one input[type=tel]::placeholder, .contact-one .form-one textarea::placeholder{color:var(--garlon-text,#5E5B5B);font-size:16px;font-weight:400;line-height:162.5%;} .contact-one .form-one textarea{height:132px;border-radius:20px;} .contact-one .form-one .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){position:relative;display:block;width:100%!important;font-family:var(--garlon-font,"Raleway",sans-serif);} .contact-one .form-one .bootstrap-select > .dropdown-toggle::after{display:none;} .contact-one .form-one .bootstrap-select > .dropdown-toggle{position:relative;height:48px;outline:none!important;border-radius:30px;border:0;background-color:transparent!important;border:1px solid #D3D3D3;margin:0;padding:0;padding-left:20px;padding-right:20px;color:var(--garlon-text,#5E5B5B)!important;font-size:15px;line-height:48px;font-weight:400;box-shadow:none!important;background-repeat:no-repeat;background-size:14px 12px;background-position:right 25.75px center;} .contact-one .form-one .bootstrap-select > .dropdown-toggle:before{position:absolute;top:0;bottom:0;right:15px;font-family:"icomoon"!important;content:"\e92c";font-weight:normal;font-size:7px;line-height:48px;color:var(--garlon-text,#5E5B5B);} .contact-one .form-one .bootstrap-select .dropdown-menu > li + li > a{border-top:1px solid var(--garlon-border-color,#DDDDDD);} .contact-one .form-one .bootstrap-select .dropdown-menu{border:none;} .contact-one .form-one .bootstrap-select .dropdown-menu > li > a{font-size:16px;font-weight:400;padding:10px 20px;color:var(--garlon-text,#5E5B5B);background-color:var(--garlon-gray,#F2F2F2);-webkit-transition:all 0.4s ease;transition:all 0.4s ease;} .contact-one .form-one .bootstrap-select .dropdown-menu > li:hover > a,.contact-one .form-one .bootstrap-select .dropdown-menu > li.selected > a{background:var(--garlon-base,#209D2F);color:var(--garlon-text,#5E5B5B);border-color:var(--garlon-base,#209D2F);} .contact-one .form-one .garlon-btn{margin-top:20px;padding:15px 46px;} .contact-one .form-one .garlon-btn::before{display:none;} .contact-one .form-one .garlon-btn::after{background-color:var(--garlon-text-dark,#222222);} .contact-one .form-one .garlon-btn:hover{color:var(--garlon-white,#fff);} .contact-one__thumb{position:absolute;top:0;right:0;width:calc(50% + 40px);overflow:hidden;} @media (max-width:1199px){ .contact-one__thumb{width:calc(50% - 15px);} } @media (max-width:991px){ .contact-one__thumb{position:relative;width:100%;} } @media (max-width:767px){ .contact-one__thumb img{object-fit:cover;width:100%;} .contact-one__thumb .contact-one__thumb__shape{display:none;} } .contact-one__thumb__shape{position:absolute;top:0;width:230px;height:100%;z-index:1;display:flex;align-items:center;background-color:transparent;justify-content:start;} .contact-one__thumb__shape__box{position:absolute;top:0;clip-path:polygon(0 0,0% 100%,100% 50%);width:100%;height:100%;left:20px;background-color:var(--garlon-white,#fff);z-index:-2;} .contact-one__thumb__shape::after{content:"";clip-path:polygon(0 0,0% 100%,100% 50%);position:absolute;top:0;left:0px;width:100%;height:100%;background-color:#EBEBEB;z-index:-2;} .contact-one__thumb__shape::before{content:"";clip-path:polygon(0 0,0% 100%,100% 50%);position:absolute;top:0;left:-20px;width:100%;height:100%;background-color:transparent;z-index:-1;} .contact-one__thumb__shape .logo{transform:rotate(-90deg);left:-40px;position:absolute;writing-mode:vertical-rl;text-align:center;display:block;} .contact-one__thumb__shape .logo img{object-fit:cover;width:222px;} .contact-one__thumb__shape_two{position:absolute;top:50%;left:10px;z-index:-1;transform:translateY(-50%);} .contact-one__thumb__shape_call{width:106px;border-radius:50%;display:flex;align-items:center;justify-content:center;height:106px;background-color:var(--garlon-base,#209D2F);font-size:40px;color:var(--garlon-white,#fff);position:absolute;top:50%;right:-40px;transform:translateY(-50%);transition:all 0.4s ease-in-out;} .contact-one__thumb__shape_call::after{content:"";left:9px;right:9px;bottom:9px;top:9px;position:absolute;background-color:transparent;border:2px dashed var(--garlon-white,#fff);border-radius:50%;} .contact-one__thumb__shape_call:hover{background-color:var(--garlon-text-dark,#222222);} .contact-one__thumb__img{margin-left:20px;} .contact-one__shape{position:absolute;bottom:0;left:0;z-index:-1;} .contact-three{position:relative;z-index:1;} .contact-three__bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-repeat:no-repeat;background-size:cover;background-position:center center;} .contact-three__bg::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(41,39,37,0.8980392157);} .contact-three__inner{position:relative;z-index:1;} .contact-three__inner .gutter-y-60{--bs-gutter-y:60px;} @media (max-width:1199px){ .contact-three__inner .gutter-y-60{--bs-gutter-y:30px;} } @media (max-width:1199px){ .contact-three__thumb{display:none;} } .contact-three__thumb__inner { position: absolute; top: 60px; right: 0; background-color: var(--garlon-white, #fff); height: 100%; z-index: 1; -webkit-mask: url('data:image/svg+xml;utf8, '); mask: url('data:image/svg+xml;utf8, '); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: top center; mask-position: top center; -webkit-mask-size: auto; mask-size: auto; } .contact-three__thumb__inner img{display:flex;align-items:center;justify-content:center;} .contact-three__thumb::after { content: ""; position: absolute; top: 57px; right: -3px; width: 48.7%; height: 100%; background-color: var(--garlon-white, #fff); -webkit-mask: url('data:image/svg+xml;utf8, '); mask: url('data:image/svg+xml;utf8, '); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: top center; mask-position: top center; -webkit-mask-size: auto; mask-size: auto; z-index: -1; } .contact-three__form{position:relative;z-index:1;background-color:var(--garlon-white,#fff);padding:50px 30px;border-radius:20px;} .contact-three__form .form-one__group{grid-gap:20px;} .contact-three__form .form-one__control input[type=text],.contact-three__form .form-one__control input[type=tel],.contact-three__form .form-one__control input[type=email]{height:48px;border-radius:30px;border:1px solid #D3D3D3;outline:none!important;} .contact-three__form .form-one__control input[type=text]:focus,.contact-three__form .form-one__control input[type=tel]:focus,.contact-three__form .form-one__control input[type=email]:focus{border:1px solid var(--garlon-base,#209D2F);} .contact-three__form .form-one__control input[type=text]::placeholder,.contact-three__form .form-one__control input[type=tel]::placeholder,.contact-three__form .form-one__control input[type=email]::placeholder{color:var(--garlon-text,#5E5B5B);font-size:16px;font-weight:400;line-height:162.5%;} .contact-three__form .form-one__control .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){position:relative;display:block;width:100%!important;font-family:var(--garlon-font,"Raleway",sans-serif);} .contact-three__form .form-one__control .bootstrap-select > .dropdown-toggle::after{display:none;} .contact-three__form .form-one__control .bootstrap-select > .dropdown-toggle{position:relative;height:48px;outline:none!important;border-radius:30px;border:0;background-color:transparent!important;border:1px solid #D3D3D3;margin:0;padding:0;padding-left:20px;padding-right:20px;color:var(--garlon-text,#5E5B5B)!important;font-size:15px;line-height:48px;font-weight:400;box-shadow:none!important;background-repeat:no-repeat;background-size:14px 12px;background-position:right 25.75px center;} .contact-three__form .form-one__control .bootstrap-select > .dropdown-toggle:before{position:absolute;top:0;bottom:0;right:15px;font-family:"icomoon"!important;content:"\e92c";font-weight:normal;font-size:7px;line-height:48px;color:var(--garlon-text,#5E5B5B);} .contact-three__form .form-one__control .bootstrap-select .dropdown-menu > li + li > a{border-top:1px solid var(--garlon-border-color,#DDDDDD);} .contact-three__form .form-one__control .bootstrap-select .dropdown-menu{border:none;} .contact-three__form .form-one__control .bootstrap-select .dropdown-menu > li > a{font-size:16px;font-weight:400;padding:10px 20px;color:var(--garlon-text,#5E5B5B);background-color:var(--garlon-gray,#F2F2F2);-webkit-transition:all 0.4s ease;transition:all 0.4s ease;} .contact-three__form .form-one__control .bootstrap-select .dropdown-menu > li:hover > a,.contact-three__form .form-one__control .bootstrap-select .dropdown-menu > li.selected > a{background:var(--garlon-base,#209D2F);color:var(--garlon-text,#5E5B5B);border-color:var(--garlon-base,#209D2F);} .contact-three__form .form-one__control .garlon-btn{margin-top:0px;width:100%;justify-content:center;padding:15px 46px;} .contact-three__form .form-one__control .garlon-btn::before{display:none;} .contact-three__form .form-one__control .garlon-btn::after{background-color:var(--garlon-text-dark,#222222);} .contact-three__form .form-one__control .garlon-btn:hover{color:var(--garlon-white,#fff);} .contact-four{position:relative;z-index:1;background-color:var(--garlon-gray3,#F2F2F2);overflow:hidden;} .contact-four .sec-title{padding-bottom:20px;} @media (min-width:1200px){ .contact-four__content{margin-right:56px;} } .contact-four .form-one__group input[type=text],.contact-four .form-one__group input[type=email]{height:48px;border-radius:50px;} .contact-four .form-one__group input[type=text]::placeholder,.contact-four .form-one__group input[type=email]::placeholder{color:var(--garlon-text,#5E5B5B);font-size:16px;font-weight:400;line-height:162.5%;} .contact-four .form-one__group .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){position:relative;display:block;width:100%!important;font-family:var(--garlon-font,"Raleway",sans-serif);} .contact-four .form-one__group .bootstrap-select > .dropdown-toggle::after{display:none;} .contact-four .form-one__group .bootstrap-select > .dropdown-toggle{position:relative;height:48px;outline:none!important;border-radius:50px;border:0;background-color:var(--garlon-white,#fff)!important;border:1px solid #D3D3D3;margin:0;padding:0;padding-left:20px;padding-right:20px;color:var(--garlon-text,#5E5B5B)!important;font-size:16px;line-height:48px;font-weight:400;box-shadow:none!important;background-repeat:no-repeat;background-size:14px 12px;background-position:right 25.75px center;} .contact-four .form-one__group .bootstrap-select > .dropdown-toggle:before{position:absolute;top:0;bottom:0;right:15px;font-family:"icomoon"!important;content:"\e942";font-weight:normal;font-size:16px;line-height:48px;color:var(--garlon-text,#5E5B5B);transform:rotate(-90deg);} .contact-four .form-one__group .bootstrap-select .dropdown-menu > li + li > a{border-top:1px solid var(--garlon-border-color,#DDDDDD);} .contact-four .form-one__group .bootstrap-select .dropdown-menu{border:none;} .contact-four .form-one__group .bootstrap-select .dropdown-menu > li > a{font-size:16px;font-weight:400;padding:10px 20px;color:var(--garlon-text,#5E5B5B);background-color:var(--garlon-gray,#F2F2F2);-webkit-transition:all 0.4s ease;transition:all 0.4s ease;} .contact-four .form-one__group .bootstrap-select .dropdown-menu > li:hover > a,.contact-four .form-one__group .bootstrap-select .dropdown-menu > li.selected > a{background:var(--garlon-base,#209D2F);color:var(--garlon-white,#fff);border-color:var(--garlon-base,#209D2F);} .contact-four .garlon-btn{margin-top:10px;width:100%;text-align:center;display:flex;justify-content:center;text-transform:uppercase;font-family:var(--garlon-font,"Raleway",sans-serif);} .contact-four .garlon-btn::before{display:none;} .contact-four .garlon-btn::after{background-color:var(--garlon-text-dark,#222222);} .contact-four .garlon-btn:hover{color:var(--garlon-white,#fff);} .contact-four__thumb{position:absolute;top:0;right:0;width:calc(50% - 47px);} @media (max-width:991px){ .contact-four__thumb{position:relative;width:100%;} .contact-four__thumb img{width:100%;object-fit:cover;} } .contact-four .form-one__group{grid-gap:20px 30px;} .contact-four .form-one__control__range .contact-four__top{display:flex;align-items:center;justify-content:space-between;} .contact-four .form-one__control__range .contact-four__top__title,.contact-four .form-one__control__range .contact-four__top__number{color:var(--garlon-black,#000000);font-size:16px;font-weight:500;line-height:187.5%;margin:0;font-family:var(--garlon-font,"Raleway",sans-serif);} .contact-four .form-one__control__range .slider-container{position:relative;width:100%;height:20px;margin-top:7px;} .contact-four .form-one__control__range input[type=range]{-webkit-appearance:none;width:100%;height:7px;background:var(--garlon-text-dark,#222222);outline:none;position:absolute;top:6px;} .contact-four .form-one__control__range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:0;width:0;background:transparent;cursor:pointer;} .contact-four .form-one__control__range .slider-thumb{position:absolute;top:0;width:20px;height:20px;background-color:var(--garlon-base,#209D2F);border-radius:50%;transform:translateX(-50%);pointer-events:none;} .contact-four__thumb__number{display:flex;align-items:center;gap:20px;background-color:var(--garlon-white,#fff);border-radius:1000px;padding:18px;min-width:488px;position:absolute;top:40%;transform:rotate(-90deg) translateY(-50%);left:-190px;} @media (max-width:1199px){ .contact-four__thumb__number{left:-140px;} } @media (max-width:767px){ .contact-four__thumb__number{display:none;} } .contact-four__thumb__number__icon{max-width:92px;width:100%;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--garlon-text-dark,#222222);color:var(--garlon-white,#fff);font-size:38px;position:relative;} .contact-four__thumb__number__icon::after{content:"";position:absolute;top:8px;left:8px;right:8px;bottom:8px;background-color:transparent;border:2px dotted var(--garlon-white,#fff);border-radius:50%;} .contact-four__thumb__number__title{color:var(--garlon-text-dark,#222222);font-size:35px;font-weight:700;line-height:100%;text-transform:capitalize;margin:0;display:block;} .contact-four__thumb__number__link{display:flex;color:var(--garlon-text,#5E5B5B);font-size:18px;font-weight:400;line-height:144.444%;gap:10px;margin:0;display:block;} .contact-four__thumb__number__link a{color:inherit;} .contact-four__shape{color:rgba(0,0,0,0);-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#AFAFAF;font-family:var(--garlon-heading-font,"Raleway",serif);font-size:400px;font-weight:700;line-height:50%;z-index:-1;text-transform:capitalize;left:0;position:absolute;bottom:-70px;} .topbar-one__inner{display:flex;align-items:center;justify-content:space-between;margin-left:40px;margin-right:45px;} .topbar-one__info{margin:0;display:flex;align-items:center;gap:30px;} .topbar-one__info__item{display:flex;align-items:center;color:var(--garlon-white,#fff);font-size:14px;font-weight:400;line-height:normal;gap:10px;} .topbar-one__info__item i{color:var(--garlon-base,#209D2F);} .topbar-one__info__item a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .topbar-one__info__item a:hover{background-size:100% 1px;} .topbar-one__social{display:flex;align-items:center;} .topbar-one__social a{font-size:17px;color:#92918F;display:flex;align-items:center;justify-content:center;width:45px;height:50px;border-left:1px solid #92918F;} .topbar-one__social a:hover{color:var(--garlon-white,#fff);background-color:var(--garlon-base,#209D2F);border-color:var(--garlon-base,#209D2F);} .topbar-one__social a:last-child{border-right:1px solid #92918F;} .topbar-two__inner{display:flex;align-items:center;justify-content:center;max-width:415px;margin-left:auto;margin-right:auto;position:relative;z-index:1;} @media (max-width:991px){ .topbar-two__inner{display:none;} } .topbar-two__inner::before,.topbar-two__inner::after{content:"";position:absolute;top:0;height:100%;width:60px;background:rgba(21,22,27,0.3);clip-path:polygon(50% 100%,0 0,100% 0);z-index:1;} .topbar-two__inner::before{left:-29px;} .topbar-two__inner::after{right:-29px;} .topbar-two__inner .topbar-two__text{color:var(--garlon-white,#fff);font-family:var(--garlon-special-font,"Raleway",sans-serif);font-size:18px;font-weight:400;line-height:normal;text-transform:uppercase;background-color:var(--garlon-text-dark,#222222);padding:10.5px 95px;margin:0;position:relative;z-index:1;clip-path:polygon(7% 0%,93% 0%,100% 100%,0% 100%);} .topbar-three{position:relative;z-index:1;background-color:#F2F2F2;} @media (max-width:767px){ .topbar-three{display:none;} } .topbar-three__inner{display:flex;align-items:center;justify-content:space-between;} .topbar-three__info{color:var(--garlon-text,#5E5B5B);font-size:14px;font-weight:400;line-height:normal;margin:0;} .topbar-three__info span{color:var(--garlon-base,#209D2F);} .topbar-three__social{display:flex;align-items:center;} .topbar-three__social a{font-size:17px;color:#92918F;display:flex;align-items:center;justify-content:center;width:45px;height:50px;border-left:1px solid #92918F;} .topbar-three__social a:hover{color:var(--garlon-white,#fff);background-color:var(--garlon-base,#209D2F);border-color:var(--garlon-base,#209D2F);} .topbar-three__social a:last-child{border-right:1px solid #92918F;} .topbar-three__shape-left{position:absolute;left:0;top:0;z-index:-1;} @media (max-width:1199px){ .topbar-three__shape-left{display:none;} } .topbar-three__shape-right{position:absolute;top:0;right:0;z-index:-1;} @media (max-width:1199px){ .topbar-three__shape-right{display:none;} } .main-header__list{margin:0;padding:0;display:flex;align-items:center;} .main-header__list__item{display:flex;align-items:center;justify-content:start;gap:20px;} .main-header__list__item + .main-header__list__item{padding-left:30px;margin-left:40px;border-left:1px solid var(--garlon-border-color,#DDDDDD);} .main-header__list__icon{font-size:34px;color:var(--garlon-base,#209D2F);line-height:normal;} .main-header__list__title{font-size:22px;font-weight:700;line-height:100%;margin-bottom:6px;} .main-header__list__link{font-size:14px;font-weight:400;line-height:100%;margin:0;color:var(--garlon-text,#5E5B5B);} .main-header__list__link a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .main-header__list__link a:hover{background-size:100% 1px;} .main-header__list__link a:hover{color:var(--garlon-base,#209D2F);} .main-header{position:relative;z-index:999;background-color:transparent;} .main-header__inner{display:flex;align-items:center;justify-content:space-between;position:relative;} .main-header__logo{display:flex;height:100%;position:relative;align-items:center;width:auto;} .main-header__right{display:flex;align-items:center;} .main-header__info{display:flex;align-items:center;gap:30px;} .main-header__info a{font-size:22px;color:var(--garlon-white,#fff);transition:all 500ms ease;line-height:1em;position:relative;z-index:1;} .main-header__info a:hover{color:var(--garlon-base,#209D2F);} .main-header__info__number{width:21px;height:21px;background-color:var(--garlon-base,#209D2F);display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--garlon-white,#fff);font-size:10px;font-weight:700;line-height:normal;position:absolute;top:-12px;right:-12px;} .main-header__nav{margin-left:0;margin-right:auto;} @media (min-width:1610px){ .main-header--one .container-fluid{max-width:1610px;margin-left:auto;margin-right:auto;} } .main-header--one .main-header__nav{margin-left:auto;margin-right:38px;} .main-header--one .main-header__inner{border-bottom:1px solid rgba(221,221,221,0.2);margin-bottom:-135px;background-color:transparent;} @media (max-width:1199px){ .main-header--one .main-header__inner{padding:15px 0px;} } .main-header--one .main-header__info + .main-header__btn{margin-left:50px;} @media (max-width:500px){ .main-header--one .main-header__info a:last-child{display:none;} } @media (max-width:767px){ .main-header--one .main-header__btn{display:none;} } .main-header--four,.main-header--two{background-color:var(--garlon-black2,#15161B);padding-bottom:1px;} @media (min-width:1700px){ .main-header--four .container-fluid,.main-header--two .container-fluid{max-width:1680px;margin-left:auto;margin-right:auto;} } @media (max-width:991px){ .main-header--four,.main-header--two{background-color:var(--garlon-white,#fff);} .main-header--four .topbar-one__inner,.main-header--two .topbar-one__inner{display:none;} } @media (max-width:767px){ .main-header--four .main-header__btn,.main-header--two .main-header__btn{display:none;} } .main-header--four .mobile-nav__btn,.main-header--two .mobile-nav__btn{margin-right:0;margin-left:30px;} .main-header--four .mobile-nav__btn span,.main-header--two .mobile-nav__btn span{background-color:var(--garlon-text-dark,#222222);} .main-header--four .main-menu,.main-header--two .main-menu{margin-left:auto;margin-right:0;} .main-header--four .main-header__inner,.main-header--two .main-header__inner{border-radius:100px;background:var(--garlon-white,#fff);box-shadow:0px -3px 9.55px 2px rgba(106,106,106,0.1);padding:0 30px;margin-bottom:-53px;} @media (max-width:1199px){ .main-header--four .main-header__inner,.main-header--two .main-header__inner{border-radius:0;} } @media (max-width:991px){ .main-header--four .main-header__inner,.main-header--two .main-header__inner{padding:10px 0;border-radius:0;box-shadow:none;margin-bottom:0;} } .main-header--four .main-menu .main-menu__list > li,.main-header--two .main-menu .main-menu__list > li{padding-top:38px;padding-bottom:38px;} .main-header--four .main-header__info a,.main-header--two .main-header__info a{color:#151316;} .main-header--four .main-header__info,.main-header--two .main-header__info{padding-right:30px;border-right:1px solid #D9D9D9;margin-right:30px;} @media (max-width:767px){ .main-header--four .main-header__info,.main-header--two .main-header__info{padding-right:0;margin-right:0;border-color:transparent;} } @media (max-width:575px){ .main-header--four .main-header__info a:last-child,.main-header--two .main-header__info a:last-child{display:none;} } .main-header--four .main-header__nav + .main-header__right,.main-header--two .main-header__nav + .main-header__right{margin-left:40px;} .main-header--four .main-header__btn .garlon-btn,.main-header--two .main-header__btn .garlon-btn{padding:17px 38px;background-color:var(--garlon-base,#209D2F);} .main-header--four .main-header__btn .garlon-btn::after,.main-header--four .main-header__btn .garlon-btn::before,.main-header--two .main-header__btn .garlon-btn::after,.main-header--two .main-header__btn .garlon-btn::before{background-color:var(--garlon-text-dark,#222222);} .main-header--four .main-header__btn .garlon-btn:hover,.main-header--two .main-header__btn .garlon-btn:hover{color:var(--garlon-white,#fff);} @media (max-width:1499px){ .main-header--four .main-menu .main-menu__list > li + li{margin-left:20px;} } @media (max-width:1340px){ .main-header--four .main-header__btn{display:none;} } @media (max-width:1199px){ .main-header--four .laptop-nav__btn{display:none;} } @media (max-width:1199px){ .main-header--four .main-header__inner{border-radius:0;box-shadow:none;margin-bottom:0;padding:0 0 10px 0;} } @media (max-width:991px){ .main-header--four .main-header__inner{padding:10px 0;} } .main-header--four .mobile-nav__btn{margin-right:0;margin-left:0;} .main-header--three{padding:24px 0 0px;margin-bottom:-105px;} .main-header--three::after{content:"";width:100%;position:absolute;top:0;left:0;clip-path:polygon(50% 0%,100% 0,100% 60%,75% 100%,25% 100%,0 60%,0 0);background-color:var(--garlon-white,#fff);} .main-header--three .main-header__inner__box{background-color:var(--garlon-white,#fff);display:block;} .main-header--three .main-header__list + .main-header__btn{margin-left:60px;} .main-header--three .main-header__top .main-header__info{display:none;} .main-header--three .main-header__top .main-header__info{margin-left:30px;} .main-header--three .main-header__top .mobile-nav__btn span{background-color:var(--garlon-text-dark,#222222);} .main-header--three .main-header__bottom .main-header__logo,.main-header--three .main-header__bottom .main-header__btn{display:none;} .main-header--three .main-header__bottom .main-header__logo{margin-right:50px;} .main-header--three .main-header__bottom .main-header__btn{margin-right:30px;} @media (max-width:1199px){ .main-header--three{margin-bottom:0;background-color:var(--garlon-white,#fff);} .main-header--three .main-header__top .main-header__info{display:flex;} .main-header--three .main-header__bottom,.main-header--three .main-header__list{display:none;} } @media (max-width:767px){ .main-header--three .main-header__btn{display:none;} } @media (max-width:450px){ .main-header--three .main-header__info a:last-child{display:none;} } .main-header--three .main-header__btn a{padding:15px 30px;} .main-header--three .main-header__btn a::before{background-color:var(--garlon-black,#000000);} .main-header--three .main-header__btn a::after{background-color:var(--garlon-black,#000000);} .main-header--three .main-header__btn a:hover{color:var(--garlon-white,#fff);} .main-header--three .main-header__inner{margin-bottom:24px;} .main-header--three .main-header__bottom{padding-left:24px;padding-right:24px;background:var(--garlon-white,#fff);box-shadow:0px -3px 9.55px 2px rgba(106,106,106,0.1);} .main-header--three .main-menu .main-menu__list > li{padding-top:0px;padding-bottom:0px;} .main-header--three .main-menu .main-menu__list > li > a{color:#333;font-size:16px;font-weight:500;line-height:187.5%;text-transform:uppercase;padding-top:10.5px;padding-bottom:10px;} .main-header--three .main-menu .main-menu__list > li + li{padding-left:24px;margin-left:24px;} .main-header--three .main-menu .main-menu__list > li + li::after{content:"";position:absolute;top:50%;left:0;height:30px;width:1px;background-color:var(--garlon-border-color,#DDDDDD);transform:translateY(-50%);} .main-header--three .main-menu__list > li.current::after,.main-header--three .main-menu__list > li:hover::after{width:100%;} .main-header--three .main-header__info a{color:var(--garlon-text-dark,#222222);} .main-header--four{background-color:var(--garlon-white,#fff);} .main-header--four .main-header__inner{padding-right:17px;} .main-header--four .laptop-nav__btn a{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-text-dark,#222222);color:var(--garlon-white,#fff);font-size:34px;border-radius:50%;transition:all 0.4s ease-in-out;} .main-header--four .laptop-nav__btn a:hover{background-color:var(--garlon-base,#209D2F);} .main-header--four .main-header__btn + .laptop-nav__btn{margin-left:40px;} .main-header--four .main-header__info{border-right:none;padding-right:0;margin-right:40px;} .sticky-header--cloned{position:fixed;top:0;left:0;right:0;z-index:999;top:0;margin:0;background-color:var(--garlon-base,#209D2F);transform:translateY(-100%);box-shadow:0px 3px 18px rgba(var(--garlon-black-rgb,0,0,0),0.07);transition:0.6s cubic-bezier(0.24,0.74,0.58,1);visibility:hidden;transition:transform 500ms ease,visibility 500ms ease;} .sticky-header--cloned.active{transform:translateY(0%);visibility:visible;} .main-header--two.sticky-header--cloned{background-color:var(--garlon-white,#fff);box-shadow:0px -3px 9.55px 2px rgba(106,106,106,0.1);} .main-header--two.sticky-header--cloned .topbar-one__inner{display:none;} .main-header--two.sticky-header--cloned .main-header__inner{margin-bottom:0;border-radius:0;box-shadow:none;} .main-header--one.sticky-header--cloned{background-color:var(--garlon-text-dark,#222222);} .main-header--one.sticky-header--cloned .main-header__inner{border-bottom:0px solid transparent;margin-bottom:0px;background-color:transparent;} .main-header--one.sticky-header--cloned .main-menu .main-menu__list > li{padding-top:30px;padding-bottom:30px;} .main-header--three.sticky-header--cloned{background-color:var(--garlon-white,#fff);box-shadow:0px -3px 9.55px 2px rgba(106,106,106,0.1);padding:15px 0;} .main-header--three.sticky-header--cloned .topbar-one__inner{display:none;} @media (min-width:1199px){ .main-header--three.sticky-header--cloned .main-header__top{display:none;} } @media (min-width:1430px){ .main-header--three.sticky-header--cloned .container{max-width:1400px;} } .main-header--three.sticky-header--cloned .main-header__bottom .main-header__logo{display:block;} @media (min-width:1429px){ .main-header--three.sticky-header--cloned .main-header__btn{display:block;} } .main-header--three.sticky-header--cloned .main-header__inner,.main-header--three.sticky-header--cloned .main-header__bottom{padding:0;margin-bottom:0;border-radius:0;box-shadow:none;} .main-header--four.sticky-header--cloned{background-color:var(--garlon-white,#fff);box-shadow:0px -3px 9.55px 2px rgba(106,106,106,0.1);} .main-header--four.sticky-header--cloned .topbar-two__inner{display:none;} .main-header--four.sticky-header--cloned .main-header__inner{margin-bottom:0;border-radius:0;box-shadow:none;} .mobile-nav__btn{width:24px;display:flex;align-items:center;flex-direction:column;flex-wrap:wrap;cursor:pointer;z-index:3;} @media (max-width:1199px){ .mobile-nav__btn{margin-left:30px;margin-right:20px;} } @media (min-width:1200px){ .mobile-nav__btn{display:none;} } .mobile-nav__btn span{width:100%;height:2px;background-color:var(--garlon-white,#fff);} .mobile-nav__btn span:nth-child(2){margin-top:4px;margin-bottom:4px;} .main-menu{ /* after third level no menu */} .main-menu .main-menu__list,.main-menu .main-menu__list ul{margin:0;padding:0;list-style-type:none;align-items:center;display:none;} @media (min-width:1200px){ .main-menu .main-menu__list,.main-menu .main-menu__list ul{display:flex;} } .main-menu .main-menu__list > li{padding-top:52px;padding-bottom:52px;position:relative;} .main-menu .main-menu__list > li.dropdown > a{position:relative;} .main-menu .main-menu__list > li + li{margin-left:40px;} @media (max-width:1400px){ .main-menu .main-menu__list > li + li{margin-left:35px;} } @media (min-width:1200px) and (max-width:1300px){ .main-menu .main-menu__list > li + li{margin-left:30px;} } .main-menu .main-menu__list > li > a{display:flex;align-items:center;transition:all 500ms ease;color:#209d2f;font-size:21px;font-weight:400;position:relative;text-shadow:1px 4px 6px rgba(179,179,179,0.6)!important;} .main-menu .main-menu__list > li > a::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--garlon-base,#209D2F);transition:all 500ms ease;} .main-menu .main-menu__list > li.current > a,.main-menu .main-menu__list > li:hover > a{color:var(--garlon-base,#209D2F);text-shadow:0 0 0.5px currentColor;} .main-menu .main-menu__list > li.current > a::after,.main-menu .main-menu__list > li:hover > a::after{width:100%;} .main-menu .main-menu__list li ul{position:absolute;top:100%;left:-25px;min-width:270px;flex-direction:column;justify-content:flex-start;align-items:flex-start;opacity:0;visibility:hidden;transform-origin:top center;transform:scaleY(0) translateZ(100px);transition:opacity 500ms ease,visibility 500ms ease,transform 700ms ease;z-index:99;background-color:var(--garlon-white,#fff);box-shadow:0px 10px 60px 0px RGBA(var(--garlon-white-rgb,255,255,255),0.07);padding:15px 20px 11px;box-shadow:0px 10px 60px 0px rgba(0,0,0,0.07);} .main-menu .main-menu__list li:hover > ul{opacity:1;visibility:visible;transform:scaleY(1) translateZ(0px);} .main-menu .main-menu__list > .megamenu{position:static;} .main-menu .main-menu__list > .megamenu > ul{top:100%!important;left:0!important;right:0!important;background-color:transparent;box-shadow:none;padding:0;} .main-menu .main-menu__list li ul li{flex:1 1 100%;width:100%;position:relative;} .main-menu .main-menu__list li ul li > a{font-size:15px;line-height:26px;color:var(--garlon-text,#5E5B5B);font-weight:500;display:flex;text-transform:capitalize;padding:8px 20px;transition:400ms;margin-bottom:4px;} .main-menu .main-menu__list li ul li > a::after{position:absolute;right:20px;top:8px;border-radius:0;font-size:6px;font-weight:700;font-family:"Font Awesome 5 Free";content:"\f111";color:var(--garlon-base,#209D2F);visibility:hidden;opacity:0;transition:all 500ms ease;transform:scale(0);} .main-menu .main-menu__list li ul li.current > a,.main-menu .main-menu__list li ul li:hover > a{background-color:var(--garlon-gray,#F2F2F2);color:var(--garlon-black,#000000);} .main-menu .main-menu__list li ul li.current > a::after,.main-menu .main-menu__list li ul li:hover > a::after{visibility:visible;opacity:1;transform:scale(1);} .main-menu .main-menu__list li ul li > ul{top:0;left:calc(100% + 20px);} .main-menu .main-menu__list li ul li > ul.right-align{top:0;left:auto;right:100%;} .main-menu .main-menu__list li ul li > ul ul{display:none;} @media (min-width:1200px) and (max-width:1400px){ .main-menu__list li:nth-last-child(1) ul li > ul,.main-menu__list li:nth-last-child(2) ul li > ul{left:auto;right:calc(100% + 20px);} } .mobile-nav__container .main-menu__list > .megamenu.megamenu-clickable > ul,.main-menu .main-menu__list > .megamenu.megamenu-clickable > ul,.stricky-header .main-menu__list > .megamenu.megamenu-clickable > ul{position:fixed;top:0!important;left:0!important;width:100vw;height:100vh;visibility:visible;overflow-y:scroll;visibility:hidden;opacity:0;-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:bottom center;transform-origin:bottom center;transition:transform 0.7s ease,opacity 0.7s ease,visibility 0.7s ease;z-index:999999;-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll;padding:0;background-color:var(--garlon-white,#fff);display:block!important;margin:0;} .main-menu__list > li.megamenu-clickable > ul::-webkit-scrollbar{display:none;} .mobile-nav__container .main-menu__list > .megamenu.megamenu-clickable > ul.megamenu-clickable--active,.main-menu .main-menu__list > .megamenu.megamenu-clickable > ul.megamenu-clickable--active,.stricky-header .main-menu__list > .megamenu.megamenu-clickable > ul.megamenu-clickable--active{-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1;visibility:visible;transition:transform 0.7s ease,opacity 0.7s ease,visibility 0.7s ease;} body.megamenu-popup-active{overflow:hidden;} body.megamenu-popup-active .stricky-header{bottom:0;} body.megamenu-popup-active .mobile-nav__content{overflow:unset;} .mobile-nav__content .demo-one .container{padding-left:15px;padding-right:15px;} .megamenu-popup{position:relative;} .megamenu-popup .megamenu-clickable--close{position:absolute;top:18px;right:20px;display:block;color:var(--garlon-black,#000000);} @media (min-width:1300px){ .megamenu-popup .megamenu-clickable--close{top:38px;right:40px;} } .megamenu-popup .megamenu-clickable--close:hover{color:var(--garlon-base,#209D2F);} .megamenu-popup .megamenu-clickable--close span{width:24px;height:24px;display:block;position:relative;color:currentColor;transition:all 500ms ease;} .megamenu-popup .megamenu-clickable--close span::before,.megamenu-popup .megamenu-clickable--close span::after{content:"";width:100%;height:2px;background-color:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);} .megamenu-popup .megamenu-clickable--close span::after{transform:translate(-50%,-50%) rotate(45deg);} .demo-one{padding-top:120px;padding-bottom:120px;} .demo-one .row{--bs-gutter-y:30px;} .demo-one__card{background-color:var(--garlon-white,#fff);box-shadow:0px 10px 60px 0px rgba(var(--garlon-black2-rgb,21,22,27),0.1);text-align:center;transition:500ms ease;transform:translateY(0px);} .demo-one__card:hover{transform:translateY(-10px);} .demo-one__title{margin:0;text-transform:uppercase;font-size:18px;color:var(--garlon-black,#000000);font-weight:600;} .demo-one__title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .demo-one__title a:hover{background-size:100% 1px;} .demo-one__image{position:relative;overflow:hidden;} .demo-one__image img{max-width:100%;transition:filter 500ms ease;filter:blur(0px);} .demo-one__card:hover .demo-one__image img{filter:blur(2px);} .demo-one__btns{background-color:rgba(var(--garlon-black2-rgb,21,22,27),0.7);position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;transform:scale(1,0);transition:transform 500ms ease,opacity 600ms linear;transform-origin:bottom center;opacity:0;} .demo-one__card:hover .demo-one__btns{transform:scale(1,1);opacity:1;transform-origin:top center;} .demo-one__btn{text-align:center;justify-content:center;padding:15px 30px;width:185px;} .demo-one__btn::before{left:-2px;} @media (min-width:768px){ .demo-one__btn{display:inline-flex;} } .demo-one__title{padding-top:28px;padding-bottom:28px;} .home-showcase{margin-top:-20px;margin-bottom:-20px;} .home-showcase .row{--bs-gutter-x:42px;--bs-gutter-y:20px;} .home-showcase__inner{padding:40px 40px 21px;background-color:var(--garlon-white,#fff);box-shadow:0px 10px 60px 0px rgba(var(--garlon-black2-rgb,21,22,27),0.07);} .home-showcase .demo-one__card{box-shadow:none;} .home-showcase .demo-one__title{padding:0;font-size:17px;margin-top:15px;padding-bottom:10px;} .why-choose-one{position:relative;z-index:1;} .why-choose-one__content .sec-title{padding-bottom:10px;} .why-choose-one__text{margin-bottom:30px;} .why-choose-one__box{display:flex;align-items:center;gap:25px;border-radius:20px;overflow:hidden;background-color:#D9D9D9;position:relative;z-index:1;margin-bottom:30px;} @media (max-width:575px){ .why-choose-one__box{flex-direction:column;justify-content:start;align-items:start;padding:20px;gap:15px;} } .why-choose-one__box::after{content:"";width:76.993px;height:47px;transform:rotate(42.265deg);background-color:var(--garlon-base,#209D2F);position:absolute;top:-20px;right:-30px;} .why-choose-one__box::before{content:"";width:100%;height:100%;background-color:var(--garlon-base,#209D2F);position:absolute;top:0;right:0;transform:translate(100%,-100%);z-index:-1;transition:all 0.4s ease-in-out;} .why-choose-one__box__thumb{max-width:160px;width:100%;} .why-choose-one__box__thumb img{object-fit:cover;width:100%;border-radius:20px;} .why-choose-one__box__title{font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;margin:0;transition:all 0.4s ease-in-out;} .why-choose-one__box__text{margin:0;transition:all 0.4s ease-in-out;} .why-choose-one__box:hover::before{content:"";width:100%;height:100%;background-color:var(--garlon-base,#209D2F);position:absolute;top:0;right:0;transform:translate(0%,0%);} .why-choose-one__box:hover .why-choose-one__box__title,.why-choose-one__box:hover .why-choose-one__box__text{color:var(--garlon-white,#fff);} .why-choose-one__list{margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:7px 20px;margin-bottom:32px;} @media (max-width:1199px) and (min-width:992px),(max-width:575px){ .why-choose-one__list{grid-template-columns:1fr;} } .why-choose-one__list__item{display:flex;align-items:center;color:var(--garlon-black2,#15161B);font-size:18px;font-weight:600;line-height:144.444%;cursor:pointer;transition:all 0.4s ease-in-out;} .why-choose-one__list__item span{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .why-choose-one__list__item span:hover{background-size:100% 1px;} .why-choose-one__list__item i{font-size:24px;margin-right:6px;} .why-choose-one__list__item:hover{color:var(--garlon-base,#209D2F);} .why-choose-one__btn a::before{background-color:var(--garlon-black,#000000);} .why-choose-one__btn a::after{background-color:var(--garlon-black,#000000);} .why-choose-one__btn a:hover{color:var(--garlon-white,#fff);} .why-choose-one__thumb{position:absolute;top:0;right:0;padding-right:122px;background-color:var(--garlon-white,#fff);width:calc(50% + 37px);overflow:hidden;background-color:var(--garlon-white,#fff);} @media (max-width:1199px){ .why-choose-one__thumb{width:calc(50% - 15px);} } @media (max-width:991px){ .why-choose-one__thumb{position:relative;width:100%;padding-right:0;} .why-choose-one__thumb img{object-fit:cover;width:100%;} } .why-choose-one__thumb::after{content:"";width:122px;height:123px;position:absolute;top:30%;right:0;z-index:1;background-color:var(--garlon-base,#209D2F);clip-path:polygon(50% 30%,100% 0,100% 60%,100% 100%,50% 70%,0 100%,0 0);} @media (max-width:991px){ .why-choose-one__thumb::after{display:none;} } .why-choose-one__thumb::before{content:"";width:122px;height:123px;position:absolute;top:60%;right:0;z-index:1;background-color:var(--garlon-text-dark,#222222);clip-path:polygon(50% 30%,100% 0,100% 60%,100% 100%,50% 70%,0 100%,0 0);} @media (max-width:991px){ .why-choose-one__thumb::before{display:none;} } .why-choose-one__thumb .why-choose-one__box_thumb{width:122px;height:100%;position:absolute;right:0;top:0;background-color:var(--garlon-white,#fff);} @media (max-width:991px){ .why-choose-one__thumb .why-choose-one__box_thumb{display:none;} } .why-choose-two{position:relative;z-index:1;} .why-choose-two__content .sec-title{padding-bottom:20px;} .why-choose-two__text{margin-bottom:30px;} .why-choose-two__feature{margin-bottom:40px;padding:5px 0px 5px 5px;position:relative;z-index:1;} .why-choose-two__feature::after{content:"";position:absolute;top:0;left:0;width:105px;height:100%;background-color:transparent;border-radius:10px;border:1px solid var(--garlon-border-color,#DDDDDD);} .why-choose-two__feature__item{display:flex;align-items:center;gap:27px;} .why-choose-two__feature__item:hover .why-choose-two__feature__icon{background-color:var(--garlon-text-dark,#222222);color:var(--garlon-white,#fff);} .why-choose-two__feature__item:hover .why-choose-two__feature__icon i{transform:scaleX(-1);} .why-choose-two__feature__item + .why-choose-two__feature__item{margin-top:5px;padding-top:5px;position:relative;z-index:1;} .why-choose-two__feature__item + .why-choose-two__feature__item::after{content:"";width:100%;height:1px;position:absolute;top:0;left:-5px;background-color:var(--garlon-border-color,#DDDDDD);} .why-choose-two__feature__icon{max-width:95px;width:100%;height:89px;display:flex;align-items:center;justify-content:center;background-color:transparent;border-radius:5px;font-size:47px;color:var(--garlon-base,#209D2F);transition:all 0.4s ease-in-out;} .why-choose-two__feature__icon i{transition:all 0.4s ease-in-out;} .why-choose-two__feature__title{font-size:25px;font-weight:700;line-height:1.4;text-transform:capitalize;margin-bottom:5px;} .why-choose-two__feature__text{margin:0;max-width:275px;width:100%;} .why-choose-two__btn .garlon-btn::after,.why-choose-two__btn .garlon-btn::before{background-color:var(--garlon-text-dark,#222222);} .why-choose-two__btn .garlon-btn:hover{color:var(--garlon-white,#fff);} .why-choose-two__thumb{display:flex;justify-content:end;position:relative;} .why-choose-two__thumb__item img{object-fit:cover;border-radius:50%;} @media (max-width:1199px){ .why-choose-two__thumb__item img{width:100%;} } .why-choose-two__thumb__item-small{position:absolute;bottom:10%;left:50px;} @media (max-width:767px){ .why-choose-two__thumb__item-small{margin-top:20px;position:relative;bottom:0;left:0;} } .why-choose-two__thumb__item-small img{border-radius:400px;border:4px solid var(--garlon-white,#fff);} .why-choose-two__shape{position:absolute;top:-13%;right:-10%;z-index:-1;} .solution-area{position:relative;z-index:1; margin: 90px 0;} .solution-area .sec-title{padding-bottom:10px;} .solution-area__text{margin-bottom:30px;} .solution-area__box-icon{display:flex;align-items:center;gap:3px;margin-bottom:10px;position:relative;z-index:1;overflow:hidden;} .solution-area__box-icon::after{content:"";width:100%;height:100%;background-color:var(--garlon-text-dark,#222222);position:absolute;top:0;left:0;z-index:-1;transform:translateX(-100%);transition:all 0.4s ease-in-out;} .solution-area__box-icon__item{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--garlon-base,#209D2F);font-size:50px;background-color:var(--garlon-white,#fff);transition:all 0.4s ease-in-out;transform:scaleX(1);} .solution-area__box-icon__text{color:var(--garlon-text-dark,#222222);font-size:25px;font-weight:500;} .solution-area__box-two-icon{color:var(--garlon-text-dark2,#333333);font-size:16px;font-weight:500;line-height:162.5%;margin-bottom:25px;text-transform:capitalize;max-width:470px;position:relative;z-index:1;} .solution-area__box-two-icon span{line-height:162.5%;display:inline-block;width:16px;height:16px;border:1px solid var(--garlon-base,#209D2F);background-color:transparent;position:relative;z-index:1;} .solution-area__box-two-icon span::after{width:8px;height:8px;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--garlon-text-dark,#222222);} .solution-area__box-two-icon a{color:var(--garlon-base,#209D2F);text-decoration:underline;} .solution-area__box-three{position:relative;position:relative;z-index:1;padding:10px 22px;border-left:3px solid #209D2F;} .solution-area__box-three__text{color:var(--garlon-text-dark,#222222);font-size:21px;font-weight:500;line-height:162.5%;margin:0;} .solution-area__box-three__text span{color:var(--garlon-base,#209D2F);} .solution-area__btn .garlon-btn--dark{background-color:var(--garlon-base,#209D2F);} .solution-area__btn .garlon-btn--dark::before{background-color:var(--garlon-text-dark,#222222);} .solution-area__btn .garlon-btn--dark::after{background-color:var(--garlon-text-dark,#222222);} .solution-area__right{border-radius:15px;border: 2px solid #868282; padding:10px;} .solution-area__right__content{padding:40px 20px 0;} .solution-area__right__title{color:#000;font-size:25px;font-weight:700;margin-bottom:20px;text-align: center;} .solution-area__right__text{margin-bottom:10px;padding-bottom:23px;color:var(--garlon-white,#fff);border-bottom:1px solid var(--garlon-white,#fff);} .solution-area__right__list{margin-bottom:25px;} .solution-area__right__list__item{color:var(--garlon-white,#fff);font-size:18px;font-weight:600;line-height:144.444%;margin:0;display:flex;align-items:center;gap:10px;} .solution-area__right__list__item i{font-size:24px;} .solution-area__right__list__item + .solution-area__right__list__item{margin-top:14px;} .solution-area__right__thumb img{object-fit:cover;width:100%;border-radius:15px;border:3px solid var(--garlon-white,#fff);} .solution-area__shape{position:absolute;z-index:1;bottom:0;right:0;z-index:-1;} .solution-area__shape img{animation:movebounce2 3.5s ease-in-out infinite;} @media (max-width:1400px){ .solution-area__shape{display:none;} } .solution-area__shape-two{position:absolute;left:2%;bottom:0;z-index:-1;} @media (max-width:1400px){ .solution-area__shape-two{display:none;} } .solution-area-two{position:relative;z-index:1;overflow:hidden;} @media (max-width:1199px){ .solution-area-two{background-color:#15161B;} } .solution-area-two__inner{position:relative;} .solution-area-two__inner::after{content:"";width:calc(100% + 33px);height:100%;position:absolute;top:0;left:-133px;background-color:#15161B;border-radius:0 0 0 50px;z-index:-3;} @media (max-width:1199px){ .solution-area-two__inner::after{display:none;} } .solution-area-two__inner::before{content:"";width:200px;height:170px;position:absolute;bottom:0;left:47%;background-color:var(--garlon-base,#209D2F);clip-path:polygon(46% 0,51% 0,100% 100%,0% 100%);z-index:1;} @media (max-width:1199px){ .solution-area-two__inner::before{display:none;} } .solution-area-two__inner .sec-title{padding-bottom:20px;} .solution-area-two__inner .sec-title__title{color:var(--garlon-white,#fff);} .solution-area-two__text{margin-bottom:20px;color:var(--garlon-white,#fff);} .solution-area-two__feature{display:flex;align-items:center;justify-content:start;border-top:1px solid rgba(221,221,221,0.3);} @media (max-width:767px){ .solution-area-two__feature{flex-direction:column;justify-content:start;align-items:start;gap:20px;padding:30px 0;} } .solution-area-two__feature__item{display:flex;align-items:center;justify-content:start;padding-top:30px;padding-bottom:30px;} @media (max-width:767px){ .solution-area-two__feature__item{padding:0;} } .solution-area-two__feature__item:hover .solution-area-two__feature__icon{color:var(--garlon-base,#209D2F);} .solution-area-two__feature__item:hover .solution-area-two__feature__icon i{transform:scaleX(-1);} .solution-area-two__feature__item + .solution-area-two__feature__item{padding-left:30px;margin-left:30px;border-left:1px solid rgba(221,221,221,0.3);} @media (max-width:767px){ .solution-area-two__feature__item + .solution-area-two__feature__item{padding-left:0px;margin-left:0px;border-left:0px solid rgba(221,221,221,0.3);} } .solution-area-two__feature__title{color:var(--garlon-white,#fff);font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;margin:0;} .solution-area-two__feature__text{margin:0;color:var(--garlon-white,#fff);} .solution-area-two__feature__icon{font-size:56px;color:var(--garlon-white,#fff);line-height:100%;transition:all 0.4s ease-in-out;} .solution-area-two__feature__icon i{transform:scaleX(1);display:block;transition:all 0.4s ease-in-out;} .solution-area-two__feature__content{padding-left:20px;margin-left:14px;position:relative;z-index:1;} .solution-area-two__feature__content::after{content:"";position:absolute;left:0;top:50%;width:1px;height:43px;background-color:var(--garlon-white,#fff);transform:translateY(-50%);} .solution-area-two__box{display:flex;align-items:center;gap:25px;padding:10px;border-radius:15px;background-color:var(--garlon-white,#fff);margin-bottom:40px;} @media (max-width:575px){ .solution-area-two__box{gap:15px;flex-direction:column;justify-content:start;align-items:start;} } .solution-area-two__box__image img{object-fit:cover;border-radius:10px;max-width: 210px;} .solution-area-two__box__list{margin:20px;} .solution-area-two__box__list li{color: #209D2F;font-size:20px;font-weight:400;line-height:1.6;text-transform:capitalize;display:flex;align-items:center;gap:5px;margin:0;} .solution-area-two__box__list li i{font-size:24px;transition:all 0.4s ease-in-out;} .solution-area-two__box__list li + li{margin-top:10px;} .solution-area-two__thumb-main{display:none;} .solution-area-two__thumb-main img{object-fit:cover;width:100%;} @media (max-width:1199px){ .solution-area-two__thumb-main{display:block;} } .solution-area-two__thumb{position:absolute;top:0;right:0;width:calc(50% - 57px);overflow:hidden;border-left:10px solid var(--garlon-white,#fff);} @media (max-width:1199px){ .solution-area-two__thumb{position:relative;width:100%;border-left:none;display:none;} } .solution-area-two__shape{position:absolute;top:50%;left:1%;transform:translateY(-50%);z-index:-3;} .solution-area-two__shape img{animation:movebounce3 3s ease-in-out infinite;} @media (max-width:1199px){ .solution-area-two__shape{top:auto;bottom:0;left:1%;transform:translateY(0%);} } .funfact-one{position:relative;z-index:1;} .funfact-one__inner{display:flex;align-items:center;margin:0;border-top:1px solid var(--garlon-border-color,#DDDDDD);border-bottom:1px solid var(--garlon-border-color,#DDDDDD);} @media (max-width:991px){ .funfact-one__inner{flex-wrap:wrap;} } .funfact-one__item{width:33%;flex:33%;border-left:1px solid var(--garlon-border-color,#DDDDDD);display:flex;align-items:center;padding:30px 28px;position:relative;z-index:1;} @media (max-width:1199px) and (min-width:991px),(max-width:767px){ .funfact-one__item{padding:15px 14px;} } @media (max-width:991px){ .funfact-one__item{width:50%;flex:50%;border:1px solid var(--garlon-border-color,#DDDDDD);} } @media (max-width:575px){ .funfact-one__item{width:100%;flex:100%;} } .funfact-one__item::after,.funfact-one__item::before{content:"";width:100%;height:20px;position:absolute;left:0;top:0;background-repeat:no-repeat;background-size:cover;background-position:left top;background-image:url(../images/shapes/shape-footer.png);visibility:hidden;opacity:0;transition:all 500ms ease-in-out;} .funfact-one__item::before{transform:rotateX(180deg);} .funfact-one__item::after{top:auto;bottom:0;} .funfact-one__item__icon{font-size:64px;color:var(--garlon-base,#209D2F);transition:all 600ms ease-in-out;} @media (max-width:1199px) and (min-width:991px),(max-width:767px){ .funfact-one__item__icon{font-size:40px;} } .funfact-one__item__content{padding-left:24px;margin-left:24px;border-left:1px solid var(--garlon-base,#209D2F);} @media (max-width:1199px) and (min-width:991px),(max-width:767px){ .funfact-one__item__content{padding-left:15px;margin-left:15px;} } .funfact-one__item__count{font-size:40px;font-weight:900;line-height:100%;margin:0;} .funfact-one__item__count span{color:inherit;} @media (max-width:1199px) and (min-width:991px),(max-width:767px){ .funfact-one__item__count{font-size:30px;} } .funfact-one__item__text{color:#5E5B5B;font-size:16px;font-weight:400;line-height:162.5%;margin:0;} .funfact-one__item:last-child{border-right:1px solid var(--garlon-border-color,#DDDDDD);} .funfact-one__item:hover::after,.funfact-one__item:hover::before{visibility:visible;opacity:1;} .funfact-one__item:hover .funfact-one__item__icon{transform:scaleX(-1);} .funfact-two{position:relative;z-index:1;} .funfact-two .sec-title{padding-bottom:20px;} .funfact-two .sec-title .sec-title__tagline,.funfact-two .sec-title .sec-title__title{color:var(--garlon-white,#fff);} .funfact-two .funfact-two__text{margin-bottom:30px;color:var(--garlon-white,#fff);} .funfact-two__btn .garlon-btn{background-color:var(--garlon-white,#fff);color:var(--garlon-text-dark,#222222);} .funfact-two__btn .garlon-btn i{color:var(--garlon-base,#209D2F);} .funfact-two__btn .garlon-btn::before{width:45px;height:45px;background-color:var(--garlon-text-dark,#222222);} .funfact-two__btn .garlon-btn::after{background-color:var(--garlon-text-dark,#222222);} .funfact-two__btn .garlon-btn:hover{color:var(--garlon-white,#fff);} .funfact-two__bg{position:absolute;top:0;left:0;height:100%;width:100%;background-repeat:no-repeat;background-size:cover;z-index:-1;} .funfact-two__bg::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(32,157,47,0.8);z-index:-2;} .funfact-two__list{display:grid;grid-template-columns:auto auto;grid-gap:30px;margin:0;padding:0;} .funfact-two__list__item{padding:35px 30px;display:flex;align-items:center;justify-content:start;border-radius:10px;border:1px solid rgba(255,255,255,0.4);transition:all 0.4s ease-in-out;position:relative;z-index:1;overflow:hidden;} @media (max-width:1199px) and (min-width:992px),(max-width:767px){ .funfact-two__list__item{flex-direction:column;align-items:center;justify-content:center;} } .funfact-two__list__item::after{content:"";position:absolute;background-color:transparent;top:7px;left:7px;bottom:7px;right:7px;border:1px dashed var(--garlon-base,#209D2F);border-radius:10px;visibility:hidden;opacity:0;transition:all 0.4s ease-in-out;} .funfact-two__list__item::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--garlon-white,#fff);border-radius:10px;z-index:-1;transform:skewX(70deg);visibility:hidden;opacity:0;transition:all 0.4s ease-in-out;} .funfact-two__list__item:hover::after{visibility:visible;opacity:1;} .funfact-two__list__item:hover::before{transform:skewX(0deg);visibility:visible;opacity:1;} .funfact-two__list__item:hover .funfact-two__item__icon{color:var(--garlon-base,#209D2F);} .funfact-two__list__item:hover .funfact-two__item__icon i{transform:scale(-1);} .funfact-two__list__item:hover .funfact-two__item__count{color:var(--garlon-text-dark,#222222);} .funfact-two__list__item:hover .funfact-two__item__content{border-color:var(--garlon-base,#209D2F);} .funfact-two__list__item:hover .funfact-two__item__text{color:var(--garlon-text,#5E5B5B);} .funfact-two__item__icon{font-size:64px;color:var(--garlon-white,#fff);line-height:0;transition:all 0.4s ease-in-out;} @media (max-width:500px){ .funfact-two__item__icon{font-size:40px;} } .funfact-two__item__icon i{transition:all 0.8s ease-in-out;transform:scale(1);} @media (max-width:1199px) and (min-width:992px),(max-width:767px){ .funfact-two__item__icon{margin-bottom:20px;} } .funfact-two__item__content{padding-left:20px;border-left:2px solid var(--garlon-white,#fff);margin-left:20px;transition:all 0.4s ease-in-out;} @media (max-width:1199px) and (min-width:992px),(max-width:767px){ .funfact-two__item__content{padding-left:0px;border-left:0px solid var(--garlon-white,#fff);margin-left:0px;} } .funfact-two__item__count{color:var(--garlon-white,#fff);font-size:40px;font-weight:700;line-height:100%;margin:0;transition:all 0.4s ease-in-out;} @media (max-width:500px){ .funfact-two__item__count{font-size:30px;} } .funfact-two__item__text{margin:0;color:var(--garlon-white,#fff);transition:all 0.4s ease-in-out;} .funfact-three{position:relative;z-index:1;} .funfact-three__bg{position:absolute;top:0;left:0;height:100%;width:100%;background-repeat:no-repeat;background-size:cover;z-index:-1;} .funfact-three__bg::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(var(--garlon-base-rgb,32,157,47),0.9);z-index:-2;} .funfact-three__inner{display:flex;align-items:center;justify-content:space-between;margin:0;} @media (max-width:991px){ .funfact-three__inner{flex-wrap:wrap;} } @media (max-width:575px){ .funfact-three__inner{padding:50px 0px;} } .funfact-three__item{width:33%;flex:33%;display:flex;align-items:center;padding:54px 28px;position:relative;z-index:1;overflow:hidden;} @media (max-width:1199px) and (min-width:992px){ .funfact-three__item{padding:30px 20px;} } @media (max-width:991px){ .funfact-three__item{width:50%;flex:50%;padding:30px 20px;} } @media (max-width:575px){ .funfact-three__item{width:100%;flex:100%;padding:10px 20px;} } .funfact-three__item::after{content:"";width:100%;height:64px;position:absolute;left:0;background-repeat:repeat;background-size:cover;background-position:center center;background-image:url(../images/shapes/funfact-shape-white.png);visibility:hidden;opacity:0;transition:all 500ms ease-in-out;margin-bottom:-30px;} .funfact-three__item::after{top:auto;bottom:0;} .funfact-three__item__icon{font-size:64px;color:var(--garlon-white,#fff);transition:all 600ms ease-in-out;display:block;} @media (max-width:1199px) and (min-width:992px){ .funfact-three__item__icon{font-size:40px;} } .funfact-three__item__icon i{transition:all 0.4s ease-in-out;transform:scale(1);} .funfact-three__item__content{padding-left:28px;margin-left:28px;border-left:3px solid var(--garlon-white,#fff);} @media (max-width:1199px) and (min-width:992px),(max-width:767px){ .funfact-three__item__content{padding-left:20px;margin-left:20px;border-left:1px solid var(--garlon-white,#fff);} } .funfact-three__item__count{font-size:40px;font-weight:900;line-height:100%;margin:0;color:var(--garlon-white,#fff);} @media (max-width:1199px) and (min-width:992px){ .funfact-three__item__count{font-size:30px;} } .funfact-three__item__count span{color:inherit;} .funfact-three__item__text{color:var(--garlon-white,#fff);font-size:16px;font-weight:400;line-height:162.5%;margin:0;} .funfact-three__item:hover::after,.funfact-three__item:hover::before{visibility:visible;opacity:1;} .funfact-three__item:hover .funfact-three__item__icon i{transform:scaleX(-1);} .testimonials-one{position:relative;z-index:1;} .testimonials-one__bg{position:absolute;top:0;left:0;height:578px;width:100%;background-repeat:no-repeat;background-size:cover;} .testimonials-one__bg::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--garlon-text-dark,#222222);z-index:-2;} .testimonials-one .sec-title .sec-title__title{color:var(--garlon-white,#fff);} .testimonials-one__item{position:relative;z-index:1;} .testimonials-one__item__inner{margin-top:40px;border-radius:20px 20px 0px 0px;background:#F2F2F2;position:relative;padding:1px 30px 30px;transition:all 600ms ease-in-out;} .testimonials-one__item:hover .testimonials-one__item__inner{background-color:var(--garlon-base,#209D2F);} .testimonials-one__item:hover .testimonials-one__icon{color:var(--garlon-base,#209D2F);background-color:var(--garlon-white,#fff);} .testimonials-one__item:hover .testimonials-one__icon::after{border-color:var(--garlon-base,#209D2F);} .testimonials-one__item:hover .testimonials-one__start{background-color:var(--garlon-white,#fff);color:var(--garlon-base,#209D2F);} .testimonials-one__item:hover .testimonials-one__text{color:var(--garlon-white,#fff);} .testimonials-one__icon{padding-top:1;margin-top:-38px;width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-base,#209D2F);margin-left:auto;margin-right:auto;margin-bottom:20px;position:relative;z-index:1;font-size:31px;color:var(--garlon-white,#fff);transition:all 0.4s ease-in-out;} .testimonials-one__icon::after{content:"";position:absolute;left:5px;top:5px;right:5px;bottom:5px;background-color:transparent;transition:all 0.4s ease-in-out;border-radius:50%;border:1px dashed var(--garlon-white,#fff);animation:rotated 10s ease-in-out infinite;} .testimonials-one__text{color:#5E5B5B;text-align:center;font-size:19px;font-style:italic;font-weight:500;line-height:157.895%;margin-bottom:20px;transition:all 0.4s ease-in-out;} .testimonials-one__start-box{display:flex;align-items:center;justify-content:center;} .testimonials-one__start{text-align:center;background-color:var(--garlon-base,#209D2F);border-radius:30px;padding:7px 22px;font-size:18px;color:var(--garlon-white,#fff);letter-spacing:2px;line-height:1;position:relative;z-index:1;transition:all 500ms ease-in-out;} .testimonials-one__thumb{text-align:center;} .testimonials-one__thumb img{display:inline!important;text-align:center;object-fit:cover;border-radius:0px 0px 10px 10px;margin-bottom:10px;width:auto!important;} .testimonials-one__thumb__name{font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;margin:0;text-align:center;} .testimonials-one__thumb__text{color:#5E5B5B;text-align:center;font-size:16px;font-weight:400;line-height:156.25%;} .testimonials-two{position:relative;z-index:1;padding:50px 0 50px 50px;} @media (max-width:767px){ .testimonials-two{padding:70px 0;} } .testimonials-two__item{display:flex;align-items:start;gap:50px;} @media (max-width:767px){ .testimonials-two__item{flex-direction:column;gap:20px;justify-content:center;} } .testimonials-two__inner{margin-left:-40px;} @media (max-width:767px){ .testimonials-two__inner{margin-left:0;} } .testimonials-two__bg{position:absolute;top:0;right:0;width:1627px;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;border-radius:1000px 0 0 1000px;z-index:-1;} .testimonials-two__bg::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(34,34,34,0.8);border-radius:1000px 0 0 1000px;} .testimonials-two__content{margin-top:70px;} @media (max-width:1199px){ .testimonials-two__content{margin-top:0px;} } .testimonials-two__thumb{border-radius:50%;max-width:440px;width:100%;height:440px;} .testimonials-two__thumb img{object-fit:cover;border-radius:50%;border:6px solid var(--garlon-white,#fff);} .testimonials-two__rating{display:inline-flex;align-items:center;padding:9px 19px;background-color:var(--garlon-white,#fff);border-radius:100px;gap:35px;margin-bottom:21px;} .testimonials-two__rating-star{color:var(--garlon-base,#209D2F);} .testimonials-two__rating-text{color:var(--garlon-text-dark2,#333333);font-size:20px;font-family:var(--garlon-heading-font,"Raleway",serif);font-weight:600;line-height:normal;text-transform:capitalize;margin:0;position:relative;z-index:1;padding-left:10px;} .testimonials-two__rating-text::after{content:"";height:20px;width:2px;position:absolute;top:50%;transform:translateY(-50%);background-color:var(--garlon-base,#209D2F);left:0;} .testimonials-two__rating-text::before{content:"";width:4px;height:6px;background-color:var(--garlon-base,#209D2F);transform:translateY(-50%);position:absolute;clip-path:polygon(0 0,0% 100%,100% 50%);top:50%;left:2px;} .testimonials-two__text{color:var(--garlon-white,#fff);font-size:22px;font-style:italic;font-weight:400;line-height:159.091%;margin-bottom:10px;} .testimonials-two__user-name{color:var(--garlon-white,#fff);font-size:25px;font-weight:800;line-height:normal;margin:0;} .testimonials-two__user-dec{color:var(--garlon-white,#fff);font-size:16px;font-weight:400;line-height:162.5%;margin:0;display:block;} .testimonials-two__custome-navs{position:absolute;bottom:20%;left:44%;z-index:1;display:flex;align-items:start;justify-content:flex-start;gap:20px;} @media (max-width:767px){ .testimonials-two__custome-navs{bottom:10px;} } .testimonials-two__custome-navs button{border:none;outline:none;width:50px;height:50px;border-radius:50%;margin:0;padding:0;opacity:1;background-color:var(--garlon-base,#209D2F);border:1px solid transparent;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--garlon-white,#fff);transition:all 500ms ease;} .testimonials-two__custome-navs button:hover{background-color:transparent;border-color:var(--garlon-base,#209D2F);color:var(--garlon-base,#209D2F);} .testimonials-two__custome-navs button.owl-prev{background-color:transparent;border-color:var(--garlon-base,#209D2F);color:var(--garlon-base,#209D2F);} .testimonials-two__custome-navs button.owl-prev:hover{color:var(--garlon-white,#fff);background-color:var(--garlon-base,#209D2F);border-color:var(--garlon-base,#209D2F);} .testimonials-two__shape{position:absolute;bottom:0%;right:0;text-align:end;font-size:100px;color:var(--garlon-base,#209D2F);line-height:normal;} @media (max-width:767px){ .testimonials-two__shape{font-size:60px;} } .testimonials-two__shape-two{position:absolute;bottom:0;right:0;} @media (max-width:991px){ .testimonials-two__shape-two{display:none;} } .testimonials-two__shape-three{position:absolute;top:0;right:0;} .testimonial-four{position:relative;z-index:1;} .testimonial-four__top{display:flex;align-items:center;justify-content:space-between;padding-bottom:50px;} @media (max-width:767px){ .testimonial-four__top{flex-direction:column;justify-content:start;align-items:start;gap:30px;} } .testimonial-four__top .sec-title{padding-bottom:0;} .testimonial-four__top__custome-navs{position:relative;display:flex;align-items:end;justify-content:flex-end;gap:20px;} .testimonial-four__top__custome-navs button{border:none;outline:none;width:50px;height:50px;border-radius:50%;margin:0;padding:0;opacity:1;background-color:var(--garlon-base,#209D2F);border:1px solid transparent;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--garlon-white,#fff);transition:all 500ms ease;} .testimonial-four__top__custome-navs button:hover{background-color:transparent;border-color:var(--garlon-base,#209D2F);color:var(--garlon-base,#209D2F);} .testimonial-four__top__custome-navs button.owl-prev{background-color:transparent;border-color:var(--garlon-base,#209D2F);color:var(--garlon-base,#209D2F);} .testimonial-four__top__custome-navs button.owl-prev:hover{color:var(--garlon-white,#fff);background-color:var(--garlon-base,#209D2F);border-color:var(--garlon-base,#209D2F);} .testimonial-four__item{margin-top:53px;background-color:var(--garlon-gray3,#F2F2F2);position:relative;border-radius:20px 0px 20px 20px;padding:1px 30px 40px;position:relative;z-index:1;} .testimonial-four__item::after{content:"";position:absolute;top:0;right:0;width:0%;height:100%;background-color:var(--garlon-text-dark,#222222);border-radius:20px 0px 20px 20px;transition:all 0.4s ease-in-out;z-index:-1;} .testimonial-four__item__map{position:absolute;top:0;right:0;z-index:-1;} .testimonial-four__item__shape{position:absolute;bottom:0;left:50%;transform:translateX(-50%);} .testimonial-four__item__shape img{visibility:visible;opacity:1;transition:all 0.4s ease-in-out;} .testimonial-four__item__shape img:last-child{position:absolute;bottom:0;visibility:hidden;opacity:0;} .testimonial-four__item__quite{position:absolute;bottom:24px;right:30px;} .testimonial-four__item__quite svg path{stroke:var(--garlon-base,#209D2F);} .testimonial-four__thumb{width:82px;height:77px;margin-top:-48px;margin-bottom:30px;position:relative;z-index:1;margin-left:30px;} .testimonial-four__thumb img{border-radius:10px 10px 0 0;object-fit:cover;width:100%;} .testimonial-four__thumb::before,.testimonial-four__thumb::after{content:"";position:absolute;bottom:0;width:29px;height:31px;background-color:var(--garlon-base,#209D2F);z-index:-1;} .testimonial-four__thumb::before{left:-28px;clip-path:polygon(0 0,100% 0,100% 100%);} .testimonial-four__thumb::after{right:-28px;clip-path:polygon(0 0,100% 0,0 100%);} .testimonial-four__start{background-color:var(--garlon-base,#209D2F);padding:7px 20px;border-radius:50px 0 0 50px;position:absolute;top:0;right:0;line-height:normal;letter-spacing:2px;} .testimonial-four__start i{font-size:18px;color:var(--garlon-white,#fff);} .testimonial-four__text{color:var(--garlon-text,#5E5B5B);font-size:19px;font-style:italic;font-weight:500;line-height:157.895%;margin-bottom:20px;transition:all 0.4s ease-in-out;} .testimonial-four__thumb__name{font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;margin-bottom:0px;transition:all 0.4s ease-in-out;} .testimonial-four__thumb__text{color:var(--garlon-text,#5E5B5B);font-size:16px;font-weight:400;line-height:156.25%;margin:0;margin-top:-5px;transition:all 0.4s ease-in-out;margin-top: 7px;} .testimonial-four .border-bottom{height:1px;width:100%;background-color:var(--garlon-border-color,#DDDDDD);position:absolute;bottom:0;} .footer-cta{position:relative;z-index:1;} .footer-cta__inner{display:flex;align-items:center;justify-content:space-between;background-color:var(--garlon-base,#209D2F);border-radius:20px 20px 0px 0px;padding:29px 50px;} @media (max-width:991px){ .footer-cta__inner{flex-direction:column;justify-content:start;gap:20px;align-items:start;} } @media (max-width:767px){ .footer-cta__inner{padding:20px 30px;} } .footer-cta__left{display:flex;align-items:center;} @media (max-width:575px){ .footer-cta__left{flex-direction:column;justify-content:start;align-items:start;} } .footer-cta__icon{font-size:69px;color:var(--garlon-white,#fff);line-height:normal;} .footer-cta__text{margin:0;color:var(--garlon-white,#fff);font-size:30px;font-weight:700;line-height:100%;margin-left:30px;padding-left:30px;border-left:1px solid var(--garlon-white,#fff);} @media (max-width:575px){ .footer-cta__text{margin-left:0px;padding-left:0px;border-left:1px solid transparent;} } .footer-cta .form-group__form{background-color:var(--garlon-white,#fff);display:flex;align-items:center;position:relative;border-radius:60px;width:470px;} @media (max-width:767px){ .footer-cta .form-group__form{max-width:470px;width:100%;} } @media (max-width:575px){ .footer-cta .form-group__form{flex-direction:column;background-color:transparent;gap:10px;align-items:start;} } .footer-cta .form-group__form input[type=email]{width:100%;border:none;outline:none;height:52px;display:block;border-radius:60px;padding-left:30px;padding-right:200px;transition:all 500ms ease;background-color:var(--garlon-white,#fff);color:#5E5B5B;font-size:14px;font-weight:400;line-height:normal;} .footer-cta .form-group__form input[type=email]::placeholder{color:#5E5B5B;font-size:14px;font-weight:400;line-height:normal;} .footer-cta .form-group__form button[type=submit]{position:absolute;right:7px;bottom:7px;top:7px;width:auto;height:auto;border:none;outline:none;color:var(--garlon-white,#fff);transition:all 500ms ease;padding:10px 30px;border-radius:60px;background-color:var(--garlon-black2,#15161B);font-size:14px;font-weight:500;line-height:normal;} .footer-cta .form-group__form button[type=submit] span{margin-left:10px;} .footer-cta .form-group__form button[type=submit]:hover{background-color:var(--garlon-base,#209D2F);} @media (max-width:575px){ .footer-cta .form-group__form button[type=submit]{position:relative;margin-top:10px;left:auto;right:auto;top:auto;padding:15px 30px;} .footer-cta .form-group__form button[type=submit]:hover{background-color:var(--garlon-white,#fff);color:var(--garlon-text,#5E5B5B);} } .cta-footer-two{position:relative;z-index:1;} .cta-footer-two__bg{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:-1;background-color: #000} .cta-footer-two__bg::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--garlon-base-rgb,32,157,47),0.8);} .cta-footer-two__bg::before{content:"";position:absolute;left:0;width:100%;height:30px;top:0;background-repeat:repeat;background-size:cover;background-position:center center;background-image:url(../images/shapes/history-2-1.png);z-index:1;} .cta-footer-two__inner{text-align:center;} .cta-footer-two__title{color:var(--garlon-white,#fff);text-align:center;font-size:60px;font-weight:700;line-height:100%;text-transform:capitalize;margin-bottom:30px;} @media (max-width:767px){ .cta-footer-two__title{font-size:40px;} } .cta-footer-two .garlon-btn{background-color:var(--garlon-white,#fff);color:var(--garlon-text-dark,#222222);} .cta-footer-two .garlon-btn i{color:var(--garlon-base,#209D2F);} .cta-footer-two .garlon-btn::before{background-color:var(--garlon-text-dark,#222222);} .cta-footer-two .garlon-btn::after{background-color:var(--garlon-text-dark,#222222);} .cta-footer-two .garlon-btn:hover{color:var(--garlon-white,#fff);} .cta-footer-two .garlon-btn:hover i{color:var(--garlon-white,#fff);} .cta-one{position:relative;z-index:1;} .cta-one__bg{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;z-index:-1;} .cta-one__bg::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(var(--garlon-text-dark-rgb,34,34,34),0.9);z-index:-2;} .cta-one__inner{display:flex;align-items:center;justify-content:space-between;gap:100px;padding:42px 0;position:relative;z-index:1;} @media (max-width:1199px){ .cta-one__inner{flex-direction:column;justify-content:start;align-items:start;gap:30px;} } .cta-one__inner::after{width:175px;height:100%;content:"";position:absolute;top:0;left:0;background-color:var(--garlon-base,#209D2F);clip-path:polygon(35% 0%,100% 0%,65% 100%,0% 100%);} @media (max-width:767px){ .cta-one__inner::after{display:none;} } .cta-one__call{display:flex;align-items:center;gap:40px;padding-left:60px;flex:70%;width:70%;} @media (max-width:1199px){ .cta-one__call{flex:100%;width:100%;padding-left:0;} } @media (max-width:767px){ .cta-one__call{flex-direction:column;justify-content:start;align-items:start;} } .cta-one__call__icon{max-width:148px;width:100%;height:148px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-white,#fff);position:relative;z-index:1;font-size:60px;color:var(--garlon-base,#209D2F);} .cta-one__call__icon::after{content:"";width:calc(100% - 20px);height:calc(100% - 20px);border-radius:50%;background-color:transparent;position:absolute;top:10px;left:10px;border:1px dashed var(--garlon-base,#209D2F);animation:rotated 8s ease-in-out infinite;} .cta-one__call__title{color:var(--garlon-white,#fff);font-size:35px;font-weight:700;line-height:1.4;margin-bottom:15px;} .cta-one__call__title span {display: block;margin-top: 12px;} .cta-one__call__link{color:var(--garlon-white,#fff);font-size:18px;font-weight:400;line-height:144.444%;margin:0;} .cta-one__call__link a{font-size: 32px;font-weight: 400;} .cta-one__call__link a:hover{color: #fff;} .cta-one__btn a{background-color:var(--garlon-white,#fff);color:var(--garlon-text-dark,#222222);padding:18px 42px;} .cta-one__btn a i{color:var(--garlon-base,#209D2F);} .cta-one__btn a::before{background-color:var(--garlon-base,#209D2F);left:-2px;width:50px;height:50px;} .cta-one__btn a::after{background-color:var(--garlon-base,#209D2F);} .cta-one__btn a:hover{color:var(--garlon-white,#fff);} .cta-one__btn a:hover i{color:var(--garlon-white,#fff);} .cta-two{position:relative;z-index:1;} .cta-two__bg{position:absolute;top:0;left:0;height:100%;width:100%;background-repeat:no-repeat;background-size:cover;z-index:-1;} .cta-two__bg::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(var(--garlon-base-rgb,32,157,47),0.9);z-index:-2;} .cta-two__inner{position:relative;z-index:1;} .cta-two__video{display:flex;align-items:center;justify-content:center;width:75px;height:75px;margin-left:auto;margin-right:auto;margin-bottom:20px;} .cta-two__video a{display:block;font-size:75px;color:var(--garlon-white,#fff);} .cta-two__video a:hover{color:var(--garlon-text-dark,#222222);} .cta-two__subtitle{color:var(--garlon-white,#fff);font-family:var(--garlon-special-font,"Raleway",sans-serif);font-size:20px;font-weight:400;line-height:normal;text-transform:uppercase;margin-bottom:10px;text-align:center;} .cta-two__title{color:var(--garlon-white,#fff);text-align:center;font-size:42px;font-weight:700;line-height: 1.4margin-bottom:10px;} .cta-two__list{display:flex;align-items:center;justify-content:center;gap:35px;margin-bottom:30px;} @media (max-width:575px){ .cta-two__list{flex-direction:column;justify-content:start;align-items:start;gap:10px;} } .cta-two__list li{color:var(--garlon-white,#fff);font-size:16px;font-weight:500;line-height:162.5%;} .cta-two__btn{display:flex;align-self:center;justify-content:center;gap:30px;} @media (max-width:400px){ .cta-two__btn{display:inline-flex;flex-direction:column;gap:10px;} } .cta-two__btn .garlon-btn{background-color:var(--garlon-white,#fff);color:var(--garlon-text-dark,#222222);} @media (max-width:575px){ .cta-two__btn .garlon-btn{padding:13px 30px;font-size:14px;} } .cta-two__btn .garlon-btn i{color:var(--garlon-base,#209D2F);} .cta-two__btn .garlon-btn::before{background-color:var(--garlon-text-dark,#222222);left:-2px;width:50px;height:50px;} .cta-two__btn .garlon-btn::after{background-color:var(--garlon-text-dark,#222222);} .cta-two__btn .garlon-btn:hover{color:var(--garlon-white,#fff);} .cta-two__btn .garlon-btn:hover i{color:var(--garlon-white,#fff);} .cta-two__btn .garlon-btn:hover::before{background-color:var(--garlon-white,#fff);} .cta-two__shape-one{position:absolute;left:-5%;bottom:0;} @media (max-width:1199px){ .cta-two__shape-one{display:none;} } .cta-two__shape-two{position:absolute;right:-5%;bottom:0;} @media (max-width:1199px){ .cta-two__shape-two{display:none;} } .cta-three{position:relative;z-index:1;background-color:var(--garlon-base,#209D2F);padding:42px 0;overflow:hidden;} .cta-three__inner{display:flex;align-items:center;justify-content:space-between;gap:100px;} @media (max-width:1199px){ .cta-three__inner{gap:30px;flex-direction:column;justify-content:start;align-items:start;} } .cta-three__call{display:flex;align-items:center;gap:40px;padding-left:60px;flex:70%;width:70%;} @media (max-width:1199px){ .cta-three__call{width:auto;flex:auto;padding-left:0;} } @media (max-width:575px){ .cta-three__call{gap:20px;flex-direction:column;justify-content:start;align-items:start;} } .cta-three__call__icon{max-width:148px;width:100%;height:148px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-white,#fff);position:relative;z-index:1;font-size:60px;color:var(--garlon-base,#209D2F);} @media (max-width:767px){ .cta-three__call__icon{max-width:90px;width:100%;height:90px;font-size:40px;} } .cta-three__call__icon::after{content:"";width:calc(100% - 20px);height:calc(100% - 20px);border-radius:50%;background-color:transparent;position:absolute;top:10px;left:10px;border:1px dashed var(--garlon-base,#209D2F);animation:rotated 8s ease-in-out infinite;} .cta-three__call__title{color:var(--garlon-white,#fff);font-size:35px;font-weight:700;line-height:100%;text-transform:capitalize;margin-bottom:15px;} .cta-three__call__link{color:var(--garlon-white,#fff);font-size:18px;font-weight:400;line-height:144.444%;margin:0;} .cta-three__call__link a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .cta-three__call__link a:hover{background-size:100% 1px;} .cta-three__call__link a:hover{color:var(--garlon-text-dark,#222222);} .cta-three__call__link span{margin:0px 15px;} .cta-three__btn a{background-color:var(--garlon-white,#fff);color:var(--garlon-text-dark,#222222);padding:18px 42px;} .cta-three__btn a i{color:var(--garlon-base,#209D2F);} .cta-three__btn a::before{background-color:var(--garlon-text-dark,#222222);left:-2px;width:50px;height:50px;} .cta-three__btn a::after{background-color:var(--garlon-text-dark,#222222);} .cta-three__btn a:hover{color:var(--garlon-white,#fff);} .cta-three__shape{position:absolute;bottom:-9px;left:0;z-index:-1;} @media (max-width:1199px){ .cta-three__shape{display:none;} } .awards-area{position:relative;z-index:1;background-color:var(--garlon-base,#209D2F);padding:249px 0 160px;} .awards-area::after{content:"";width:100%;position:absolute;top:-0.999px;left:0;height:120px;background-color:var(--garlon-white,#fff);clip-path:polygon(0 0,50% 100%,100% 0);} .awards-area__item{border:1px solid rgba(255,255,255,0.5);border-radius:15px;position:relative;z-index:1;background-color:var(--garlon-base,#209D2F);height:100%;transition:all 0.4s ease-in-out;} .awards-area__item:hover{background-color:var(--garlon-white,#fff);border-color:var(--garlon-white,#fff);} .awards-area__item:hover .awards-area__icon{background-color:var(--garlon-white,#fff);border-color:var(--garlon-white,#fff);color:var(--garlon-base,#209D2F);} .awards-area__item:hover .awards-area__icon i{transform:scaleX(-1);} .awards-area__item:hover .awards-area__icon::after{background-color:var(--garlon-white,#fff);} .awards-area__item:hover .awards-area__year__inner{background-color:var(--garlon-base,#209D2F);color:var(--garlon-white,#fff);} .awards-area__item:hover .awards-area__year__inner span{border-color:var(--garlon-white,#fff);} .awards-area__item:hover .awards-area__year__inner span::after{background-color:var(--garlon-white,#fff);} .awards-area__item:hover .awards-area__title{color:var(--garlon-text-dark,#222222);} .awards-area__item:hover .awards-area__btn{color:var(--garlon-base,#209D2F);} .awards-area__icon{width:104px;height:104px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,0.5);margin-left:auto;margin-right:auto;position:relative;z-index:1;background-color:var(--garlon-base,#209D2F);margin-top:-52px;font-size:68px;color:var(--garlon-white,#fff);margin-bottom:10px;transition:all 0.4s ease-in-out;} .awards-area__icon i{transition:all 0.5s ease-in-out;} .awards-area__icon::after{content:"";height:50%;position:absolute;bottom:-1px;left:-1px;right:-1px;background-color:var(--garlon-base,#209D2F);z-index:-1;transition:all 0.4s ease-in-out;} .awards-area__year{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;margin-bottom:25px;} .awards-area__year::after{content:"";width:100%;height:1px;position:absolute;bottom:50%;left:0;background-color:#90CE97;} .awards-area__year__inner{border-radius:50px;background-color:var(--garlon-white,#fff);position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--garlon-base,#209D2F);font-size:16px;font-weight:500;line-height:normal;text-transform:uppercase;padding:6px 18px;transition:all 0.4s ease-in-out;} .awards-area__year__inner::after{content:"";top:3px;left:3px;right:3px;bottom:3px;border:1px dashed var(--garlon-base,#209D2F);position:absolute;border-radius:50px;transition:all 0.4s ease-in-out;} .awards-area__year__inner span{width:8px;height:8px;background-color:transparent;border:1px solid var(--garlon-base,#209D2F);position:relative;z-index:1;transition:all 0.4s ease-in-out;} .awards-area__year__inner span::after{content:"";width:4px;height:4px;background-color:var(--garlon-text-dark,#222222);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all 0.4s ease-in-out;} .awards-area__title{color:var(--garlon-white,#fff);text-align:center;font-size:25px;font-weight:500;line-height:112%;text-transform:uppercase;margin-bottom:10px;color:var(--garlon-white,#fff);} .awards-area__title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .awards-area__title a:hover{background-size:100% 1px;} .awards-area__content{padding:0px 30px 30px;} .awards-area__content .awards-area__btn{display:flex;align-items:center;justify-content:center;color:var(--garlon-white,#fff);text-align:center;font-size:16px;font-weight:400;line-height:156.25%;text-transform:uppercase;transition:all 0.4s ease-in-out;} .awards-area__bottom{position:absolute;height:91px;width:100%;bottom:0;left:0;background-repeat:repeat;background-size:cover;background-position:bottom left;} .awards-area__shape-one{position:absolute;top:0;left:0%;z-index:-1;} .awards-area__shape-two{position:absolute;top:0;right:0%;z-index:-1;} .history-area{background-color: #209D2F; position:relative;z-index:1;padding-top:1px;margin-top:120px;counter-reset:historyNumber;} .history-area__bg{position:absolute;top:0;left:0;height:100%;width:100%;background-repeat:no-repeat;background-size:cover;z-index:-1;} .history-area__bg::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--garlon-base-rgb,32,157,47),0.8);} .history-area__bg::before{content:"";position:absolute;left:0;width:100%;height:40px;bottom:0;background-repeat:repeat;background-size:cover;background-position:left bottom;background-image:url(../images/shapes/history-2-1.png);z-index:1;transform:rotateX(180deg);} @media (max-width:991px){ .history-area__bg::before{background-repeat:no-repeat;background-position:center center;} } .history-area__cta{position:relative;z-index:-1;margin-top:-123px;} .history-area__cta__inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;border-radius:20px;overflow:hidden;padding-right:80px;} @media (max-width:991px){ .history-area__cta__inner{padding-right:0;flex-direction:column;justify-content:start;align-items:start;padding:20px;gap:20px;} } .history-area__cta__inner__bg{position:absolute;top:0;left:0;height:100%;width:100%;background-repeat:no-repeat;background-size:cover;z-index:-1;} .history-area__cta__image{position:relative;} .history-area__cta__image img{object-fit:cover;border-radius:20px;} .history-area__cta__left{display:flex;align-items:center;gap:27px;flex:75%;width:75%;} @media (max-width:991px){ .history-area__cta__left{width:100%;flex:100%;flex-direction:column;justify-content:start;align-items:start;} } .history-area__cta__title{color:var(--garlon-black,#000000);font-size:42px;font-weight:700;line-height: 1.4text-transform:capitalize;margin:0;} .history-area__cta__title span{color:var(--garlon-base,#209D2F);} .history-area__cta__text{margin:0;display:flex;align-items:center;color:var(--garlon-text-dark2,#333333);} .history-area__cta__btn{width:30%;flex:30%;text-align:end;} @media (max-width:991px){ .history-area__cta__btn{width:100%;flex:100%;text-align:left;} } .history-area__cta__btn .garlon-btn{background-color:var(--garlon-base,#209D2F);} .history-area__cta__btn .garlon-btn::before{background-color:var(--garlon-text-dark,#222222);} .history-area__cta__btn .garlon-btn::after{background-color:var(--garlon-text-dark,#222222);} .history-area__cta__shape{position:absolute;bottom:0;right:25%;z-index:-1;} .history-area__cta__shape img{animation:movebounce2 4s ease-in-out infinite;} .history-area__inner{position:relative;z-index:1;} .history-area__inner .sec-title__tagline,.history-area__inner .sec-title__title{color:var(--garlon-white,#fff);} .history-area__box__list{margin:0;display:flex;align-items:start;justify-content:start;position:relative;} @media (max-width:991px){ .history-area__box__list{flex-wrap:wrap;gap:70px 0;} } .history-area__box__list::after{content:"";left:-135px;right:-135px;height:1px;position:absolute;top:-5px;height:45px;background-repeat:no-repeat;background-size:contain;background-position:bottom left;background-image:url(../images/shapes/arrow-left.png);} @media (max-width:991px){ .history-area__box__list::after{display:none;} } .history-area__box__item{flex:25%;width:25%;position:relative;z-index:1;padding-left:24px;} @media (max-width:991px){ .history-area__box__item{flex:50%;width:50%;} } @media (max-width:575px){ .history-area__box__item{flex:100%;width:100%;} } .history-area__box__item::after{content:"";position:absolute;top:0;left:24px;width:1px;height:100%;background-color:var(--garlon-white,#fff);z-index:-1;} .history-area__box__item::before{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;content:"";border:1px solid var(--garlon-white,#fff);counter-increment:historyNumber;content:"0"counter(historyNumber);color:var(--garlon-white,#fff);font-size:20px;font-weight:500;line-height:normal;text-transform:uppercase;position:absolute;bottom:-50px;left:0;} .history-area__box__item .dots{display:flex;width:37px;height:37px;border-radius:50%;background-color:var(--garlon-base,#209D2F);border:5px solid var(--garlon-white,#fff);margin-left:-18px;margin-bottom:30px;} .history-area__box__item:hover .history-area__box__date{background-color:var(--garlon-text-dark,#222222);color:var(--garlon-white,#fff);} .history-area__box__item:hover .history-area__box__date span::after{background-color:var(--garlon-white,#fff);} .history-area__box__text + .history-area__box__text{margin-top:25px;} .history-area__box__date{display:inline-flex;gap:5px;align-items:center;color:var(--garlon-text-dark,#222222);font-family:var(--garlon-heading-font,"Raleway",serif);font-size:25px;font-weight:500;line-height:100%;text-transform:uppercase;margin:0;padding:5px 24px;background-color:var(--garlon-white,#fff);border-radius:0 50px 50px 0;margin-bottom:19px;transition:all 0.4s ease-in-out;} .history-area__box__date span{width:12px;height:12px;position:relative;z-index:1;border:1px solid var(--garlon-base,#209D2F);transition:all 0.4s ease-in-out;} .history-area__box__date span::after{transition:all 0.4s ease-in-out;content:"";width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--garlon-text-dark,#222222);} .history-area__box__text{display:flex;align-items:start;justify-content:start;color:var(--garlon-white,#fff);font-size:16px;font-weight:500;line-height:162.5%;text-transform:capitalize;margin:0;padding-left:15px;padding-right:0px;} .history-area__box__text i{margin-top:5px;font-size:18px;margin-right:10px;} .gallery-one{position:relative;} .gallery-one__card{position:relative;overflow:hidden;background-color:var(--garlon-black,#000000);} .gallery-one__card img{transform:scale(1);object-fit:cover;width:100%;transition:transform 500ms ease,opacity 500ms ease;opacity:1;} .gallery-one__card__hover{position:absolute;top:10px;left:10px;right:10px;bottom:10px;background-color:rgba(var(--garlon-text-dark-rgb,34,34,34),0.9);border:2px solid var(--garlon-white,#fff);display:flex;justify-content:center;align-items:center;transform:scale(1,0);transition:transform 500ms ease;transform-origin:bottom center;} .gallery-one__card__hover .img-popup{position:relative;width:53px;height:53px;background-color:var(--garlon-base,#209D2F);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:28px;} .gallery-one__card__hover .img-popup i{color:var(--garlon-white,#fff);position:relative;z-index:2;display:inline-block;-webkit-backface-visibility:hidden;backface-visibility:hidden;} .gallery-one__card:hover img{transform:scale(1.05);} .gallery-one__card:hover .gallery-one__card__hover{transform-origin:top center;transform:scale(1,1);} .gallery-one .garlon-owl__carousel--basic-nav.owl-carousel .owl-nav.disabled + .owl-dots{margin-top:20px;margin-bottom:30px;} .gallery-one__card + .gallery-one__card{margin-top:30px;} .gallery-one__compare{position:relative;z-index:1;} .gallery-one__compare__bg{position:absolute;top:0;left:0;width:100%;height:517px;background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed;z-index:-1;} .gallery-one__compare__bg::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(var(--garlon-text-dark-rgb,34,34,34),0.9);z-index:-1;} .gallery-one__compare__bg::before{content:"";position:absolute;left:0;bottom:0;height:50px;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;background-image:url(../images/shapes/shape-footer3.png);z-index:1;} .gallery-one__compare .sec-title .sec-title__title{color:var(--garlon-white,#fff);} .gallery-one__compare__inner{position:relative;display:flex;align-items:center;justify-content:center;border-radius:20px;overflow:hidden;} .gallery-one__compare figure{position:relative;background-size:cover;background-position:center center;font-size:0;width:100%;height:490px;margin:0;} .gallery-one__compare #gallery-one__compare__divisor{background-size:cover;position:absolute;width:50%;bottom:0;border-right:7px solid var(--garlon-white,#fff);height:100%;} @media (max-width:767px){ .gallery-one__compare #gallery-one__compare__divisor{background-position:center center;} } .gallery-one__compare #gallery-one__compare__handle{position:absolute;height:62px;width:62px;background-color:var(--garlon-white,#fff);border-radius:50%;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);z-index:1;overflow:hidden;cursor:pointer;} .gallery-one__compare #gallery-one__compare__handle::before{content:"\e942";font-family:"icomoon"!important;color:var(--garlon-base,#209D2F);font-size:18px;display:flex;align-items:center;justify-content:center;width:50%;height:100%;position:absolute;left:0;right:auto;top:0px;bottom:0;line-height:normal;margin:auto;} .gallery-one__compare #gallery-one__compare__handle::after{content:"\e929";font-family:"icomoon"!important;color:var(--garlon-base,#209D2F);font-size:16px;display:flex;align-items:center;justify-content:center;width:50%;height:100%;position:absolute;left:auto;right:0;top:0;bottom:0;margin:auto;} .gallery-one__compare input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;line-height:normal;top:50%;left:-25px;transform:translateY(-50%);background-color:transparent;width:calc(100% + 50px);z-index:2;} .gallery-one__compare input[type=range]:focus,.gallery-one__compare input[type=range]:active{border:none!important;outline:none!important;} .gallery-one__compare input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;height:100px;width:100px;border-radius:50%;background:transparent;cursor:ew-resize;} .gallery-one__compare input[type=range]::-moz-range-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:15px;width:100%;background-color:transparent;position:relative;outline:none;cursor:pointer;} .sidebar__single{padding:34px 32px;background-color:#F2F2F2;border-radius:10px;} @media (min-width:992px) and (max-width:1199px),(max-width:375px){ .sidebar__single{padding:26px 25px;} } .sidebar .sidebar__single + .sidebar__single{margin-top:30px;} .sidebar__search{position:relative;} .sidebar__search input[type=search],.sidebar__search input[type=text]{padding-left:20px;border-radius:10px;padding-right:44px;outline:none;border:0;width:100%;height:55px;font-size:16px;color:var(--garlon-text,#5E5B5B);font-weight:400;background-color:var(--garlon-white,#fff);transition:all 400ms ease;} .sidebar__search button[type=submit]{padding:0;border:none;outline:none;display:flex;align-items:center;justify-content:center;width:35px;height:35px;background-color:var(--garlon-base,#209D2F);position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:15px;color:var(--garlon-white,#fff);transition:all 400ms ease;border-radius:50%;} .sidebar__search button[type=submit]:hover{color:var(--garlon-white,#fff);background-color:var(--garlon-black2,#15161B);} .sidebar__title{position:relative;margin-bottom:34px;text-transform:capitalize;color:#122F2A;font-family:Raleway;font-size:22px;font-weight:700;line-height:normal;} .sidebar__title::after{content:"";position:absolute;left:0;bottom:-4px;width:39px;height:3px;background-color:var(--garlon-base,#209D2F);} .sidebar__categories-wrapper{padding-bottom:34px;} @media (min-width:992px) and (max-width:1199px),(max-width:375px){ .sidebar__categories-wrapper{padding-bottom:27px;} } .sidebar__categories{margin:0;} .sidebar__categories-title{margin-bottom:28px;} .sidebar__categories-title::after{width:67px;} .sidebar__categories li:not(:last-child){margin-bottom:15px;} .sidebar__categories li a{position:relative;display:flex;justify-content:space-between;align-items:center;transition:all 500ms ease;color:#636363;font-size:17px;font-weight:400;line-height:normal;} @media (min-width:768px) and (max-width:1199px),(max-width:360px){ .sidebar__categories li a{font-size:16px;} } .sidebar__categories li a span{color:inherit;} .sidebar__categories li a:hover{color:var(--garlon-base,#209D2F);} .sidebar__categories__text{display:flex;align-items:center;gap:11px;} .sidebar__categories__icon{display:inline-flex;font-size:12px;overflow:hidden;} .sidebar__tags{display:flex;align-items:center;gap:12px;flex-wrap:wrap;} .sidebar__tags .garlon-btn{color:#636363;font-family:var(--garlon-font,"Raleway",sans-serif);font-size:16px;font-weight:400;line-height:normal;padding:6px 25px;border-radius:0;background-color:var(--garlon-white,#fff);border:1px solid #D7D7D7;text-transform:capitalize;} .sidebar__tags .garlon-btn::before{display:none;} .sidebar__tags .garlon-btn::after{background-color:var(--garlon-base,#209D2F);border-radius:0;} .sidebar__tags .garlon-btn:hover{color:var(--garlon-white,#fff);border-color:var(--garlon-base,#209D2F);} .sidebar__posts__item{display:flex;align-items:center;justify-content:start;gap:13px;} .sidebar__posts__item:hover .sidebar__posts__image img{transform:scale(1) rotate(0deg);} .sidebar__posts__item:hover .sidebar__posts__image::after{transform:translateX(0%);} .sidebar__posts__item + .sidebar__posts__item{margin-top:29px;} .sidebar__posts__image{overflow:hidden;height:78px;width:94px;position:relative;z-index:1;} .sidebar__posts__image img{object-fit:cover;width:100%;transition:all 0.4s ease-in-out;transform:scale(1.1) rotate(-9deg);} .sidebar__posts__image::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(var(--garlon-text-dark-rgb,34,34,34),0.6);transform:translateX(-100%);transition:all 0.4s ease-in-out;} .sidebar__posts__meta{display:flex;align-items:center;color:#636363;font-size:14px;font-weight:400;line-height:normal;gap:10px;margin-bottom:14px;} .sidebar__posts__title{font-size:20px;font-weight:700;line-height:100%;font-family:var(--garlon-heading-font,"Raleway",serif);margin:0;max-width:150px;width:100%;} .sidebar__posts__title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .sidebar__posts__title a:hover{background-size:100% 1px;} .sidebar__posts__title a:hover{color:var(--garlon-base,#209D2F);} .service-sidebar__single{position:relative;z-index:1;padding:30px;background-color:#F5F2EF;} .service-sidebar__single__title{font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;margin-bottom:18px;} @media (max-width:1199px) and (min-width:992px),(max-width:575px){ .service-sidebar__single{padding:20px;} } .service-sidebar__nav{margin:0;position:relative;} .service-sidebar__nav li a{display:flex;align-items:center;justify-content:start;gap:20px;color:var(--garlon-text-dark2,#333333);font-family:var(--garlon-font,"Raleway",sans-serif);font-size:20px;font-weight:600;line-height:normal;text-transform:capitalize;padding:11px 20px 11px 20px;border-radius:30px;background-color:var(--garlon-white,#fff);position:relative;z-index:1;overflow:hidden;transition:all 0.5s ease-in-out;} @media (max-width:1199px) and (min-width:992px),(max-width:575px){ .service-sidebar__nav li a{font-size:16px;padding:10px;} } .service-sidebar__nav li a .icon{max-width:32px;width:100%;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-base,#209D2F);font-size:16px;color:var(--garlon-white,#fff);transition:all 0.5s ease-in-out;} @media (max-width:1199px) and (min-width:992px),(max-width:575px){ .service-sidebar__nav li a .icon{width:25px;height:25px;font-size:14px;} } .service-sidebar__nav li a::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--garlon-text-dark,#222222);z-index:-1;transform:translateX(-100%);transition:all 0.5s ease-in-out;} .service-sidebar__nav li a:hover{color:var(--garlon-white,#fff);} .service-sidebar__nav li a:hover .icon{background-color:var(--garlon-white,#fff);color:var(--garlon-base,#209D2F);} .service-sidebar__nav li a:hover::after{transform:translateX(0%);} .service-sidebar__nav li.current a{color:var(--garlon-white,#fff);} .service-sidebar__nav li.current a .icon{background-color:var(--garlon-white,#fff);color:var(--garlon-base,#209D2F);} .service-sidebar__nav li.current a::after{transform:translateX(0%);} .service-sidebar__nav li + li{margin-top:20px;} .header-right-sidebar{top:0;left:0;width:100vw;height:100vh;z-index:999;transform:translateX(100%);transform-origin:left center;transition:transform 600ms ease 600ms,visibility 600ms ease 600ms;position:fixed;visibility:hidden;background:transparent;} .header-right-sidebar__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--garlon-text-dark,#222222);opacity:0.7;cursor:url(../images/close.png),auto;} .header-right-sidebar__content{max-width:460px;width:100%;z-index:10;position:relative;height:100%;margin-left:auto;margin-right:0;overflow-y:auto;padding:50px 44px;overflow:hidden;overflow-y:auto;background-color:var(--garlon-black2,#15161B);opacity:0;visibility:hidden;transform:translateX(100%);transition:opacity 800ms ease 0ms,visibility 800ms ease 0ms,transform 800ms ease 0ms;} .header-right-sidebar__close{font-size:25px;color:var(--garlon-white,#fff);position:absolute;padding:30px;top:0px;right:30px;cursor:pointer;} .header-right-sidebar__logo-box{padding-bottom:40px;border-bottom:1px solid var(--garlon-border-color,#DDDDDD);} .header-right-sidebar__container{padding-top:30px;} .header-right-sidebar__container__about{padding-bottom:40px;} .header-right-sidebar__container__title{font-weight:600;font-size:30px;line-height:36px;color:var(--garlon-white,#fff);text-transform:capitalize;margin-bottom:22px;} .header-right-sidebar__container__text{font-weight:400;font-size:16px;line-height:175%;margin-bottom:0;padding-bottom:0;color:var(--garlon-text,#5E5B5B);} .header-right-sidebar__container__list{padding-bottom:40px;} .header-right-sidebar__container__list__item{display:flex;align-items:center;gap:15px;} .header-right-sidebar__container__list__item:hover .header-right-sidebar__container__icon{color:var(--garlon-white,#fff);background-color:var(--garlon-base,#209D2F);} .header-right-sidebar__container__list__item + .header-right-sidebar__container__list__item{margin-top:25px;} .header-right-sidebar__container__list__title{display:block;font-weight:400;font-size:15px;line-height:18px;margin-bottom:5px;padding-bottom:0;text-transform:capitalize;color:var(--garlon-white,#fff);} .header-right-sidebar__container__list a,.header-right-sidebar__container__list p{font-weight:500;font-size:17px;line-height:21px;margin-bottom:0;padding-bottom:0;color:var(--garlon-white,#fff);} .header-right-sidebar__container__list a{background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .header-right-sidebar__container__list a:hover{background-size:100% 1px;} .header-right-sidebar__container__list a:hover{color:var(--garlon-base,#209D2F);} .header-right-sidebar__container__icon{width:50px;height:50px;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:600;border-radius:50%;color:var(--garlon-text-dark,#222222);background:var(--garlon-white,#fff);transition:all 0.4s ease-in-out;} .header-right-sidebar__container .newsletter-box input[type=email]{width:100%;border:none;outline:none;height:55px;background-color:var(--garlon-white,#fff);color:var(--garlon-text,#5E5B5B);font-weight:400;font-size:16px;line-height:175%;padding-left:30px;padding-right:60px;transition:all 500ms ease;border-radius:8px;} .header-right-sidebar__container .newsletter-box input[type=email]:focus{color:var(--garlon-text,#5E5B5B);} .header-right-sidebar__container .newsletter-box input[type=email]::placeholder{font-weight:400;font-size:16px;line-height:175%;color:var(--garlon-text,#5E5B5B);} .header-right-sidebar__container .newsletter-box button{display:flex;justify-content:center;width:100%;font-weight:600;font-size:14px;line-height:100%;text-transform:capitalize;background:var(--garlon-base,#209D2F);margin-top:10px;color:var(--garlon-white,#fff);text-align:center;border:none;border-radius:8px;text-align:center;border:1px solid transparent;} .header-right-sidebar__container .newsletter-box button::after,.header-right-sidebar__container .newsletter-box button::before{display:none;} .header-right-sidebar__container .newsletter-box button:hover{color:var(--garlon-white,#fff);border-color:var(--garlon-base,#209D2F);background-color:transparent;} .header-right-sidebar.isActive{visibility:visible;transform:translateX(0%);} .header-right-sidebar.isActive .header-right-sidebar__content{visibility:visible;opacity:1;transform:translateX(0%);} .blog-details__image{position:relative;margin-bottom:65px;} .blog-details__image img{object-fit:cover;width:100%;} .blog-details .blog-list-card__meta{display:flex;align-items:center;margin-bottom:15px;} .blog-details .blog-list-card__user{display:flex;align-items:center;gap:11px;} .blog-details .blog-list-card__user .user img{object-fit:cover;width:100%;border-radius:50%;border:2px solid var(--garlon-base,#209D2F);} .blog-details .blog-list-card__user .blog-list-card__user__name{color:#636363;font-size:16px;font-weight:400;line-height:normal;margin:0;} .blog-details .blog-list-card__user .blog-list-card__user__name:hover{color:var(--garlon-base,#209D2F);} .blog-details__title{font-size:25px;font-weight:700;line-height:104%;text-transform:capitalize;margin-bottom:18px;} .blog-details__text{margin:0;} .blog-details__text + .blog-details__text{margin-top:11px;} .blog-details__post{margin-top:55px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:35px;padding-top:29px;padding-bottom:29px;border-top:1px solid var(--garlon-border-color,#DDDDDD);border-bottom:1px solid var(--garlon-border-color,#DDDDDD);} .blog-details__tags{display:flex;align-items:center;gap:15px;} .blog-details__tags__title{color:var(--garlon-text-dark2,#333333);font-size:25px;font-weight:700;line-height:normal;margin:0;} .blog-details__tags .sidebar__tags a{color:#636363;font-size:16px;font-weight:400;line-height:normal;text-transform:uppercase;padding:7px 22px;border-radius:30px;background-color:#F5F2EF;} .blog-details__tags .sidebar__tags a:hover{color:var(--garlon-white,#fff);background-color:var(--garlon-base,#209D2F);} .team-details{position:relative;z-index:1;} .team-details__image img{object-fit:cover;width:100%;} .team-details__title{font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;margin:0;} .team-details__designation{color:#5E5B5B;font-size:16px;font-weight:400;line-height:156.25%;margin-bottom:20px;} .team-details__text{margin:0;max-width:500px;width:100%;margin-bottom:20px;} .team-details__box{display:flex;align-items:center;width:100%;} @media (max-width:767px){ .team-details__box{flex-direction:column;justify-content:start;align-items:start;} } .team-details__list{margin:0;max-width:320px;width:100%;} .team-details__list__item{display:flex;align-items:center;justify-content:start;padding:22px 10px 22px 30px;gap:20px;border:1px solid var(--garlon-border-color,#DDDDDD);position:relative;z-index:1;overflow:hidden;transition:all 600ms ease-in-out;} .team-details__list__item--two{padding:22px 10px 22px 30px;} .team-details__list__item--two .team-details__list__icon{font-size:65px;color:var(--garlon-base,#209D2F);} .team-details__list__item::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--garlon-base,#209D2F);transform:translateY(-100%);transition:all 600ms ease-in-out;z-index:-1;} .team-details__list__item:hover{border-color:var(--garlon-base,#209D2F);} .team-details__list__item:hover::after{transform:translateY(0%);} .team-details__list__item:hover .team-details__list__title,.team-details__list__item:hover .team-details__list__link{color:var(--garlon-white,#fff);} .team-details__list__item:hover .team-details__list__icon{color:var(--garlon-white,#fff);} .team-details__list__icon{font-size:40px;color:var(--garlon-text-dark,#222222);line-height:normal;transition:all 600ms ease-in-out;} .team-details__list__title{color:#1B1A1A;text-transform:capitalize;font-size:25px;font-family:var(--garlon-heading-font,"Raleway",serif);font-weight:700;line-height:100%;margin:0;display:block;transition:all 600ms ease-in-out;} .team-details__list__link{color:#333;font-size:16px;font-weight:400;line-height:100%;margin:0;transition:all 600ms ease-in-out;} .team-details__list a{background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .team-details__list a:hover{background-size:100% 1px;} .team-details__list p{margin-top:8px;font-size:16px;font-weight:400;line-height:156.25%;} .team-skills-one{position:relative;z-index:1;padding:40px 0 0px;} .team-skills-one__title{font-size:25px;font-weight:700;line-height:112%;margin-bottom:10px;} .team-skills-one__text{margin-bottom:20px;} .team-skills-one__certificate{display:flex;align-items:center;gap:40px;} .team-skills-one__certificate img{object-fit:cover;width:100%;} @media (max-width:575px){ .team-skills-one__certificate{flex-direction:column;} } .team-skills-one__inner{padding-bottom:120px;border-bottom:1px solid var(--garlon-border-color,#DDDDDD);} .skill-area-one{position:relative;z-index:1;} .skill-area-one__thumb__box{position:absolute;top:0;right:0;width:calc(50% - 45px);overflow:hidden;} @media (max-width:991px){ .skill-area-one__thumb__box{position:relative;width:100%;} .skill-area-one__thumb__box img{object-fit:cover;width:100%;} } .skill-area-one__thumb__text-box{text-align:center;padding:28px;border-radius:10px;position:absolute;bottom:30px;z-index:1;right:30px;left:30px;border:3px solid var(--garlon-white,#fff);background:linear-gradient(270deg,rgba(32,157,47,0.6) 0%,rgba(7,34,10,0.6) 44.5%);} .skill-area-one__thumb__text{color:var(--garlon-white,#fff);font-family:var(--garlon-special-font,"Raleway",sans-serif);font-size:25px;font-weight:400;line-height:normal;text-transform:uppercase;margin:0;} @media (max-width:767px){ .skill-area-one__thumb__text{font-size:16px;} } @media (min-width:1200px){ .skill-area-one__content{margin-right:70px;} } .skill-area-one__content .sec-title{padding-bottom:10px;} .skill-area-one__content .skill-area-one__text{margin-bottom:15px;} .skill-area-one__progess{margin-bottom:40px;} .skill-area-one__shape{position:absolute;bottom:0;left:0%;z-index:-1;} .skill-area-one__shape img{animation:movebounce2 3s ease-in-out infinite;} .progress-box__inner .progress-box__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;} .progress-box__inner .progress-box__text,.progress-box__inner .progress-box__title{font-family:var(--garlon-font,"Raleway",sans-serif);color:var(--garlon-text-dark2,#333333);font-size:18px;font-weight:600;line-height:144.444%;margin:0;} .progress-box__inner .progress-box__bar{height:16px;background-color:transparent;border:1px solid var(--garlon-base,#209D2F);position:relative;border-radius:20px;} .progress-box__inner .progress-box__bar .progress-box__bar__inner{position:absolute;bottom:3px;top:3px;left:3px;border-radius:20px;background-color:var(--garlon-base,#209D2F);transition:all 800ms linear;background-image:url(../images/shapes/team-shape-1-1.png);background-repeat:repeat;background-size:cover;background-position:top left;} .progress-box__inner .progress-box__number { width: 21px; height: 25px; background-color: var(--garlon-base, #209D2F); position: absolute; bottom: 11px; right: -8px; -webkit-mask: url('data:image/svg+xml;utf8, '); mask: url('data:image/svg+xml;utf8, '); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: top center; mask-position: top center; -webkit-mask-size: auto; mask-size: auto; } .progress-box__inner + .progress-box__inner{margin-top:25px;} .comments-one{margin-top:54px;} .comments-one__title{margin:0;text-transform:capitalize;font-weight:600;color:#122F2A;font-size:25px;font-weight:700;line-height:normal;} .comments-one__list{margin:0;margin-top:30px;} .comments-one__card{margin-bottom:34px;padding-bottom:28px;border-bottom:1px solid var(--garlon-border-color,#DDDDDD);display:flex;align-items:flex-start;} @media (max-width:767px){ .comments-one__card{flex-direction:column;gap:18px;} } .comments-one__card__image{position:relative;margin-right:15px;} .comments-one__card__image img{border-radius:50%;object-fit:cover;} .comments-one__card__title{margin:0;text-transform:capitalize;font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;} .comments-one__card__date{display:block;margin:0 0 8px;color:var(--garlon-text,#5E5B5B);font-size:16px;font-weight:400;line-height:normal;} .comments-one__card__text{margin-bottom:13px;} .comments-one__card__btn{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;} .comments-one__card__content{position:relative;} @media (min-width:1200px){ .comments-one__card__content{margin-right:45px;} } .comments-form__title{margin:0;text-transform:capitalize;font-weight:600;color:#122F2A;font-size:25px;font-weight:700;line-height:normal;} .comments-form__form{margin-top:30px;} .comments-form input[type=text],.comments-form input[type=email],.comments-form input[type=tel],.comments-form input[type=date],.comments-form textarea{height:67px;width:100%;background-color:#F5F2EF;border-radius:4px;border:none;outline:none;font-size:16px;font-weight:400;line-height:normal;padding-left:30px;padding-right:30px;border:1px solid #F5F2EF;} .comments-form input[type=text]::placeholder,.comments-form input[type=email]::placeholder,.comments-form input[type=tel]::placeholder,.comments-form input[type=date]::placeholder,.comments-form textarea::placeholder{color:var(--garlon-text,#5E5B5B);font-size:16px;font-weight:400;line-height:normal;} .comments-form textarea{height:165px;} .comments-form .form-one .bootstrap-select > .dropdown-toggle:focus,.comments-form .form-one input[type=text]:focus,.comments-form .form-one input[type=email]:focus,.comments-form .form-one input[type=tel]:focus,.comments-form .form-one input[type=date]:focus,.comments-form .form-one textarea:focus{border:1px solid var(--garlon-base,#209D2F);} .comments-form .form-one__group{grid-gap:30px;} .comments-form .garlon-btn{padding:16px 39px;} .product{position:relative; /** Product Item**/} .product__sidebar{position:relative;} .product__sidebar--title{position:relative;margin-bottom:22px;color:var(--garlon-black,#000000);font-size:22px;font-weight:600;line-height:normal;text-transform:capitalize;} .product__search{background-color:#F5F2EF;padding:15px 20px;margin-bottom:30px;border-radius:10px;} .product__sidebar__search{position:relative;} .product__sidebar__search input[type=search],.product__sidebar__search input[type=text]{outline:none;border-radius:6px;width:100%;height:55px;background-color:var(--garlon-white,#fff);color:#636363;font-size:16px;font-weight:500;line-height:normal;padding-left:25px;padding-right:30px;transition:all 500ms ease;border:none;} .product__sidebar__search input[type=search]:focus,.product__sidebar__search input[type=text]:focus{box-shadow:0px 0px 0px 0px rgba(0,0,0,0.1);border:none;} .product__sidebar__search input[type=search]::placeholder,.product__sidebar__search input[type=text]::placeholder{color:#636363;font-size:16px;font-weight:500;line-height:normal;} .product__sidebar__search button[type=submit]{border:none;outline:none;background-color:rgba(0,0,0,0);position:absolute;top:50%;right:20px;transform:translateY(-50%);width:auto;font-size:16px;color:var(--garlon-white,#fff);width:34px;height:34px;text-align:center;border-radius:50%;display:flex;align-self:center;justify-content:center;background-color:var(--garlon-base,#209D2F);transition:all 500ms ease;} .product__sidebar__search button[type=submit] i{line-height:30px;} .product__sidebar__search button[type=submit]:hover{background-color:var(--garlon-text-dark,#222222);color:var(--garlon-white,#fff);} .product__price-ranger{background-color:#F5F2EF;padding:24px 28px 28px;margin-bottom:30px;border-radius:6px;} .product__price-ranger .product__sidebar--title{margin-bottom:15px;} .product__price-ranger #slider-range{margin:15px 0 23px 0px;background:var(--garlon-base,#209D2F);border:none;height:4px;border-radius:10px;position:relative;} .product__price-ranger #slider-range .ui-slider-range{height:100%;background:var(--garlon-base,#209D2F);} .product__price-ranger #slider-range .ui-slider-handle{position:absolute;top:-6px;background:var(--garlon-base,#209D2F);border:0;height:15px;width:15px!important;border-radius:50%;margin-left:-3px;outline:medium none;cursor:pointer;z-index:2;} .product__price-ranger .ranger-min-max-block{position:relative;display:flex;align-items:center;justify-content:space-between;margin:18px 0 0 0px;} .product__price-ranger .ranger-min-max-block input[type=text]{position:relative;display:inline-block;color:var(--garlon-text-dark,#222222);width:45px;border:none;outline:none;padding:0;text-align:center;background-color:transparent;font-size:16px;font-weight:400;line-height:normal;} .product__price-ranger .ranger-min-max-block span{position:relative;display:inline-block;color:var(--garlon-text-dark,#222222);font-size:16px;font-weight:700;left:-2px;} .product__price-ranger .ranger-min-max-block button[type=submit]{position:relative;display:block;float:right;text-align:center;border:none;margin:0;cursor:pointer;padding:1px 15px;font-size:14px;font-weight:600;line-height:185.714%;text-transform:capitalize;z-index:1;border-radius:5px;background:var(--garlon-white,#fff);color:var(--garlon-text-dark,#222222);} .product__price-ranger .ranger-min-max-block button[type=submit]::before{display:none;} .product__price-ranger .ranger-min-max-block button[type=submit]::after{background:var(--garlon-text-dark,#222222);border-radius:6px;} .product__price-ranger .ranger-min-max-block button[type=submit]:hover{color:var(--garlon-white,#fff);} .product__categories{background-color:#F5F2EF;padding:30px 30px 25px 30px;border-radius:10px;padding:24px 28px;} .product__categories ul{margin-bottom:0;} .product__categories ul li a{display:flex;align-items:center;justify-content:space-between;padding:13px 25px;transition:all 500ms ease;background-color:var(--garlon-white,#fff);border-radius:100px;color:#7A8385;font-size:17px;font-weight:400;line-height:normal;} .product__categories ul li a i{font-size:11px;margin-right:8px;transition:all 500ms ease;} .product__categories ul li a:hover{background-color:var(--garlon-base,#209D2F);color:var(--garlon-white,#fff);} .product__categories ul li a:hover i{color:var(--garlon-white,#fff);} .product__categories ul li + li{margin-top:20px;} .product__info-top{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;} @media (max-width:991px){ .product__info-top{margin-top:50px;} } @media (max-width:767px){ .product__info-top{display:block;margin-top:40px;} } .product__showing-text{margin:0;color:#636363;text-align:center;font-size:22px;font-weight:400;line-height:normal;} @media (max-width:767px){ .product__showing-text{margin-bottom:15px;} } .product__showing-sort{margin:0;font-size:16px;} .product__showing-sort .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){position:relative;display:block;width:210px!important;} @media (max-width:360px){ .product__showing-sort .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:210px!important;} } .product__showing-sort .bootstrap-select > .dropdown-toggle::after{display:none;} .product__showing-sort .bootstrap-select .dropdown-menu{border:none;} .product__showing-sort .bootstrap-select > .dropdown-toggle{border-radius:0;position:relative;height:50px;outline:none!important;border:0;background-color:#F5F2EF!important;margin:0;padding:0;padding-left:38px;padding-right:30px;line-height:50px;box-shadow:none!important;background-repeat:no-repeat;background-size:14px 12px;background-position:right 25.75px center;color:#636363;font-size:16px;font-weight:500;text-transform:capitalize;} .product__showing-sort .bootstrap-select > .dropdown-toggle:before{position:absolute;top:0;bottom:0;right:30px;font-family:"icomoon"!important;content:"\e92c";font-weight:500;font-size:7px;color:var(--garlon-base,#209D2F);} .product__showing-sort .bootstrap-select .dropdown-menu > li + li > a{border-top:1px solid rgba(var(--garlon-border-color-rgb,221,221,221),0.4);} .product__showing-sort .bootstrap-select .dropdown-menu > li > a{font-size:16px;font-weight:600;padding:10px 30px;color:var(--garlon-white,#fff);background:var(--garlon-text-dark,#222222);-webkit-transition:all 0.4s ease;transition:all 0.4s ease;} .product__showing-sort .bootstrap-select .dropdown-menu > li:hover > a,.product__showing-sort .bootstrap-select .dropdown-menu > li.selected > a{background:var(--garlon-base,#209D2F);color:var(--garlon-white,#fff);border-color:var(--garlon-border-color,#DDDDDD);} .product__item{position:relative;background-color:var(--garlon-white,#fff);border:1px solid var(--garlon-border-color,#DDDDDD);transition:all 500ms ease;border-radius:0px;padding:0px 20px 40px;} .product__item:hover{border:1px solid var(--garlon-base,#209D2F);} .product__item__img{background-color:var(--garlon-white,#fff);position:relative;overflow:hidden;text-align:center;} .product__item__img__item{max-width:220px;width:100%;height:210px;margin-left:auto;margin-right:auto;display:flex;align-items:end;justify-content:center;margin-bottom:30px;} .product__item__img__item img{object-fit:cover;transition:all 500ms ease;transform:scale(1);} .product__item__btn{position:absolute;right:0px;top:20px;z-index:2;} .product__item__btn a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;background-color:#F1F5F6;border-radius:50%;color:var(--garlon-text,#5E5B5B);font-size:12px;visibility:hidden;opacity:0;} .product__item__btn a:hover{background-color:var(--garlon-base,#209D2F);color:var(--garlon-white,#fff);} .product__item__btn a:nth-child(1){transition:transform 300ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 300ms,visibility ease 300ms,background ease 300ms,color ease 300ms,border ease 300ms;transform:translate3d(30px,0,0);} .product__item__btn a:nth-child(2){transition:transform 400ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 300ms,visibility ease 300ms,background ease 300ms,color ease 300ms,border ease 300ms;transform:translate3d(30px,0,0);} .product__item__btn a:nth-child(3){transition:transform 500ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 300ms,visibility ease 300ms,background ease 300ms,color ease 300ms,border ease 300ms;transform:translate3d(30px,0,0);} .product__item__btn a:nth-child(4){transition:transform 600ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 300ms,visibility ease 300ms,background ease 300ms,color ease 300ms,border ease 300ms;transform:translate3d(30px,0,0);} .product__item__btn a + a{margin-top:10px;} .product__item:hover .product__item__img img{transform:scale(1.05);} .product__item:hover .product__item__btn a{opacity:1;visibility:visible;transform:translate3d(0,0,0);} .product__item__content{position:relative;text-align:center;} .product__item__ratings{display:flex;justify-content:center;align-items:center;font-size:17px;color:var(--garlon-base,#209D2F);letter-spacing:2px;margin-bottom:22px;} .product__item__title{margin:0;color:var(--garlon-text-dark,#222222);text-align:center;font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;} .product__item__title a{color:inherit;} .product__item__title a:hover{color:var(--garlon-base,#209D2F);} .product__item__price{display:flex;justify-content:center;align-items:center;color:#626262;font-size:16px;font-weight:400;line-height:normal;margin-bottom:13px;} .product__item .garlon-btn{color:var(--garlon-text-dark2,#333333);font-size:13.959px;font-weight:500;line-height:normal;text-transform:uppercase;padding:9px 19px;background:#F5F2EF;border-radius:3px;} .product__item .garlon-btn::before{display:none;} .product__item .garlon-btn::after{border-radius:3px;} .product__item .garlon-btn:hover{color:var(--garlon-white,#fff);} @media (min-width:992px){ .product-one__carousel .owl-nav{display:none;} } .product-one__carousel .product__item__img__item img{width:auto!important;} .category-area{position:relative;z-index:1;background-color:var(--garlon-white,#fff);} .category-area .sec-title{padding-bottom:80px;} .product-three{transition:all 0.4s ease-in-out;} .product-three__thumb{width:117px;height:117px;margin-left:auto;margin-right:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#E9F6EB;margin-bottom:10px;overflow:hidden;transition:all 0.4s ease-in-out;} .product-three__title{text-align:center;font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;margin-bottom:20px;} .product-three__title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .product-three__title a:hover{background-size:100% 1px;} .product-three__title a:hover{color:var(--garlon-base,#209D2F);} .product-three__inner{overflow:hidden;position:relative;z-index:1;box-shadow:rgba(0,0,0,0.02) 0px 1px 3px 0px,rgba(27,31,35,0.15) 0px 0px 0px 1px;border-radius:20px;padding:50px 30px 0;transition:all 0.6s ease-in-out;} .product-three__inner .product-three__box{position:relative;margin-bottom:-20px;width:41px;height:41px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-base,#209D2F);margin-left:auto;margin-right:auto;transition:all 0.4s ease-in-out;} .product-three__inner .product-three__box::after{content:"";width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;background-color:transparent;border-radius:50%;border:1px dashed var(--garlon-text-dark,#222222);animation:rotated 8s ease-in-out infinite;} .product-three__inner::after{content:"";width:330px;height:330px;background-color:var(--garlon-base,#209D2F);border-radius:330px;background:var(--garlon-base,#209D2F);position:absolute;top:-330px;left:50%;visibility:hidden;transform:translateX(-50%);opacity:0;z-index:-1;transition:all 0.4s ease-in-out;} .product-three__btn{position:relative;visibility:hidden;opacity:0;transition:all 0.2s ease-in-out;} .product-three__btn a{margin-top:-20px;margin-left:auto;margin-right:auto;width:41px;height:41px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-base,#209D2F);color:var(--garlon-text-dark,#222222);position:relative;z-index:1;margin-bottom:-20px;} .product-three__btn a:hover{color:var(--garlon-white,#fff);background-color:var(--garlon-base,#209D2F);} .product-three:hover{transform:translateY(-20px);} .product-three:hover .product-three__inner{background-color:var(--garlon-text-dark,#222222);box-shadow:none;} .product-three:hover .product-three__inner::after{visibility:visible;opacity:1;top:-205px;} .product-three:hover .product-three__title{color:var(--garlon-white,#fff);} .product-three:hover .product-three__btn{visibility:visible;opacity:1;} .product-three:hover .product-three__thumb{background-color:var(--garlon-white,#fff);} .product-three:hover .product-three__thumb img{animation:iconTranslateX 0.4s forwards;} .product-three:hover .product-three__box::after{border-color:var(--garlon-base,#209D2F);} .product-details{position:relative;} .product-details__product{display:flex;gap:30px 22px;} @media (max-width:991px){ .product-details__product{flex-direction:column;align-items:flex-start;} } .product-details__thumb-box{width:120px;} @media (max-width:991px){ .product-details__thumb-box{width:100%;} } .product-details__carousel-box{margin-bottom:5px;margin-top:5px;display:flex;align-items:center;justify-content:center;flex-grow:1;border:1px solid var(--garlon-border-color,#DDDDDD);} @media (max-width:991px){ .product-details__carousel-box{width:100%;margin:0;} } .product-details__thumb{--slick-gutter:13px;width:126px;position:relative;z-index:1;} @media (max-width:991px){ .product-details__thumb{width:100%;} } .product-details__thumb .slick-list{clip-path:inset(0 calc(var(--slick-gutter) / 2) 0 calc(var(--slick-gutter) / 2));margin:0;padding:0;} .product-details__thumb .slick-slide{display:flex;align-items:center;justify-content:center;} @media (max-width:991px){ .product-details__thumb .slick-slide{margin-left:calc(var(--slick-gutter) / 2);margin-right:calc(var(--slick-gutter) / 2);} } @media (min-width:992px){ .product-details__thumb .slick-slide{margin-top:calc(var(--slick-gutter) / 2);margin-bottom:calc(var(--slick-gutter) / 2);} } .product-details__thumb__item{position:relative;cursor:pointer;width:113px;height:113px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:1px solid var(--garlon-border-color,#DDDDDD);z-index:2;transition:all 500ms ease;} @media (min-width:992px) and (max-width:1199px){ .product-details__thumb__item{width:114px;height:114px;} } @media (max-width:991px){ .product-details__thumb__item{width:140px;height:140px;} } @media (max-width:767px){ .product-details__thumb__item{width:110px;height:110px;} } @media (max-width:575px){ .product-details__thumb__item{width:95px;height:95px;} } @media (max-width:480px){ .product-details__thumb__item{width:83px;height:83px;} } @media (max-width:430px){ .product-details__thumb__item{width:105px;height:105px;} } @media (max-width:390px){ .product-details__thumb__item{width:95px;height:95px;} } @media (max-width:360px){ .product-details__thumb__item{width:83px;height:83px;} } .product-details__thumb__item img{position:relative;cursor:pointer;max-width:100%;height:auto;z-index:1;} .product-details__thumb__hover{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(-70%);background-color:RGBA(var(--garlon-black-rgb,0,0,0),0.6);transition:all 500ms ease;z-index:1;} .product-details__thumb__hover .img-popup{display:inline-block;font-size:27px;color:var(--garlon-white,#fff);} .product-details__thumb__hover .img-popup:hover{color:var(--garlon-base,#209D2F);} .product-details__thumb .slick-slide.slick-current .product-details__thumb__hover{opacity:1;transform:translateY(0%);} .product-details__carousel{--slick-gutter:10px;} @media (max-width:991px){ .product-details__carousel{width:100%;} } .product-details__carousel .slick-list{clip-path:inset(0 calc(var(--slick-gutter) / 2) 0 calc(var(--slick-gutter) / 2));margin:0;padding:0;} .product-details__carousel .slick-slide{margin-top:calc(var(--slick-gutter) / 2);margin-bottom:calc(var(--slick-gutter) / 2);} .product-details__image{height:491px;position:relative;display:flex;align-items:center;justify-content:center;} @media (max-width:1199px){ .product-details__image{height:100%;padding:20px 20px 43px;} } .product-details__image__title{display:inline-block;padding:7px 16px;font-size:16px;color:var(--garlon-white,#fff);font-weight:500;text-transform:uppercase;line-height:1.25;border-radius:5px;background-color:var(--garlon-base,#209D2F);position:absolute;top:20px;left:20px;} .product-details__image img{max-width:100%;object-fit:cover;} .product-details__content{margin-right:65px;} .product-details__title{color:var(--garlon-text-dark,#222222);font-size:30px;font-weight:700;line-height:100%;text-transform:capitalize;margin:0 0 16px;} .product-details__price-inner{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;margin-bottom:15px;border-bottom:1px solid var(--garlon-border-color,#DDDDDD);} .product-details__price__regular{color:var(--garlon-base,#209D2F);font-family:var(--garlon-heading-font,"Raleway",serif);font-size:30px;font-weight:700;line-height:86.667%;} .product-details__color-inner{margin-bottom:30px;} .product-details__review{font-size:16px;letter-spacing:2px;color:var(--garlon-base,#209D2F);display:flex;align-items:center;} .product-details__review a{color:var(--garlon-base,#209D2F);font-size:16px;font-weight:500;line-height:normal;letter-spacing:0px;} .product-details__excerpt{color:#636363;font-size:16px;font-weight:500;line-height:162.5%;margin-bottom:19px;} .product-details__color__title{color:#788284;font-size:16px;font-weight:500;line-height:normal;font-family:var(--garlon-font,"Raleway",sans-serif);margin-bottom:8px;} .product-details__color{display:flex;align-items:center;gap:10px;margin:0 0 35px;} .product-details__color button{width:22px;height:22px;border-radius:1px;background-color:transparent;transition:all 500ms ease;} .product-details__color button:nth-child(1){background-color:#151212;border:2px solid rgba(205,168,141,0.72);} .product-details__color button:nth-child(2){background-color:#EE2761;border:2px solid rgba(143,142,142,0.7215686275);} .product-details__color button:nth-child(3){background-color:#9033E6;border:2px solid rgba(231,173,190,0.72);} .product-details__color button:nth-child(4){background-color:#33B387;border:2px solid rgba(231,173,190,0.72);} .product-details__color button:nth-child(5){background-color:#FF9601;border:2px solid rgba(231,173,190,0.72);} .product-details__buttons{margin-bottom:30px;} .product-details__buttons a{border-radius:6px;color:var(--garlon-white,#fff);font-size:18px;font-weight:500;line-height:normal;padding:12px 30px;} .product-details__buttons a::before{display:none;} .product-details__buttons a::after{border-radius:5px;background-color:var(--garlon-text-dark,#222222);} .product-details__buttons a:hover{color:var(--garlon-white,#fff);} .product-details__socials{position:relative;display:flex;align-items:center;gap:10px;} .product-details__socials__title{mcolor:#636363;font-family:var(--garlon-font,"Raleway",sans-serif);font-size:18px;font-weight:500;line-height:normal;margin:0;margin-right:12px;} .product-details__socials a{display:flex;align-items:center;justify-content:center;width:37px;height:37px;background-color:var(--garlon-border-color,#DDDDDD);color:var(--garlon-text-dark,#222222);} .product-details__socials a:hover{background-color:var(--garlon-base,#209D2F);color:var(--garlon-white,#fff);} .product-details__description{margin-top:50px;padding-top:45px;border-top:1px solid var(--garlon-border-color,#DDDDDD);} .product-details__description__title{font-size:25px;font-weight:700;line-height:120%;text-transform:capitalize;margin-bottom:18px;} .product-details__description__text{margin:0;} .product-details__description__text + .product-details__description__lists{margin-top:24px;} .product-details__description__lists{max-width:780px;width:100%;display:grid;grid-template-columns:1fr;grid-gap:12px 50px;margin:0;} @media (min-width:576px){ .product-details__description__lists{grid-template-columns:repeat(2,1fr);} } .product-details__description__lists li{display:flex;align-items:start;justify-content:start;gap:8px;color:#636363;font-size:16px;font-weight:500;line-height:162.5%;} .product-details__description__lists li i{transition:all 0.4s ease-in-out;margin-top:5px;font-size:18px;color:var(--garlon-text-dark,#222222);} .product-details__description__lists li:hover i{color:var(--garlon-base,#209D2F);} .product-details__description__lists + .product-details__description__text{margin-top:24px;} .product-details__comment{border-top:1px solid var(--garlon-border-color,#DDDDDD);margin:30px 0 0;padding:30px 0 0;position:relative;} @media (min-width:768px){ .product-details__comment{margin:44px 0 0;padding:43px 0 0;} } .product-details__review-title{margin-bottom:35px;font-size:30px;font-weight:700;line-height:normal;} .product-details__comment-box{position:relative;padding:11px 0 52px 200px;margin-bottom:45px;min-height:166px;} @media (max-width:767px){ .product-details__comment-box{padding-left:0;margin-bottom:30px;padding-bottom:30px;} } .product-details__comment-box__thumb{width:168px;height:168px;position:absolute;left:0;top:0;border-radius:50%;margin:0;border:none;} @media (max-width:767px){ .product-details__comment-box__thumb{position:relative;margin:0 0 20px;} } .product-details__comment-box__thumb img{width:100%;height:100%;object-fit:cover;border-radius:50%;} .product-details__comment-box__meta{margin:0 0 20px;color:var(--garlon-text-dark,#222222);font-size:24px;font-weight:700;line-height:108.333%;} .product-details__comment-box__date{margin-left:20px;display:inline-block;text-transform:inherit;letter-spacing:0;color:var(--garlon-base,#209D2F);font-size:16px;font-weight:600;line-height:187.5%;} .product-details__comment-box__text{margin:0;} .product-details__comment-box__ratings{position:absolute;right:0;top:13px;display:flex;align-items:center;letter-spacing:3px;font-size:16px;color:var(--garlon-base,#209D2F);} @media (max-width:767px){ .product-details__comment-box__ratings{position:relative;top:0;margin:0 0 22px;} } .product-details__form{position:relative;} .product-details__form .row{--bs-gutter-x:20px;} .product-details__form-title{margin-bottom:18px;color:var(--garlon-text-dark,#222222);font-size:30px;font-weight:700;line-height:normal;} .product-details__form-ratings{display:flex;align-items:center;letter-spacing:6px;font-size:25px;color:var(--garlon-base,#209D2F);margin:0 0 40px;} .product-details__form-ratings i{color:var(--garlon-base,#209D2F);font-size:400;} .product-details__form-ratings__label{display:inline-block;letter-spacing:0;color:var(--garlon-text,#5E5B5B);font-family:var(--garlon-heading-font,"Raleway",serif);margin:0 17px 0 0;font-size:20px;font-weight:700;line-height:130%;} .product-details__form__form{margin-top:0;} .product-details__form__form .form-one__control input,.product-details__form__form .form-one__control textarea{background:#F5F2EF;border-color:transparent;color:#636363;font-weight:500;font-size:16px;padding-left:30px;padding-right:30px;} .product-details__form__form .form-one__control input::placeholder,.product-details__form__form .form-one__control textarea::placeholder{color:#636363;font-weight:500;font-size:16px;} .product-details__form__form .form-one__control .garlon-btn{padding:18px 49px;} .gutter-y-60{--bs-gutter-y:60px;} .gutter-x-60{--bs-gutter-x:60px;} .error-404{position:relative;z-index:1;} .error-404__image{text-align:center;margin-bottom:35px;} @media (max-width:991px){ .error-404__image img{object-fit:cover;width:100%;} } .faq-page{position:relative;z-index:1;} .faq-page__accordion{position:relative;} .faq-page__accordion .accrodion{position:relative;background-color:var(--garlon-white,#fff);border:1px solid var(--garlon-border-color,#DDDDDD);border-radius:70.737px;transition:all 500ms ease;overflow:hidden;} .faq-page__accordion .accrodion + .accrodion{margin-top:30px;} .faq-page__accordion .accrodion-title{padding:6.5px 20px 6.5px 55px;cursor:pointer;transition:all 500ms ease;position:relative;z-index:1;overflow:hidden;} .faq-page__accordion .accrodion-title::after{content:"";position:absolute;top:0;transition:all 0.4s ease-in-out;left:-28px;width:53px;height:100%;background-color:var(--garlon-base,#209D2F);clip-path:polygon(100% 0%,60% 50%,100% 100%,0 100%,0% 50%,0 0);z-index:-1;} .faq-page__accordion .accrodion-title h4{text-transform:capitalize;margin:0;transition:all 500ms ease;position:relative;color:var(--garlon-text-dark2,#333333);font-size:18px;font-weight:500;line-height:normal;} .faq-page__accordion .accrodion-title__icon{width:33px;height:33px;position:absolute;top:50%;right:-10px;transform:translateY(-50%);transition:all 500ms ease;} .faq-page__accordion .accrodion-title__icon::before{font-size:16px;position:absolute;top:50%;left:50%;content:"\e936";transform:translate(-50%,-50%);transition:all 500ms ease;z-index:2;font-family:"icomoon"!important;} .faq-page__accordion .accrodion-title__icon__left{position:absolute;left:-30px;width:20px;height:20px;transform:translateY(-50%);top:50%;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--garlon-text-dark2,#333333);color:var(--garlon-white,#fff);line-height:0;} .faq-page__accordion .accrodion-title__icon__left i{font-size:10px;} .faq-page__accordion .active{border-radius:10px;} .faq-page__accordion .active .accrodion-title{background-color:var(--garlon-text-dark,#222222);} .faq-page__accordion .active .accrodion-title h4{color:var(--garlon-white,#fff);} .faq-page__accordion .active .accrodion-title::after{width:100%;} .faq-page__accordion .active .accrodion-title__icon__left{background-color:var(--garlon-white,#fff);color:var(--garlon-base,#209D2F);} .faq-page__accordion .active .accrodion-title__icon::before{transform:translate(-50%,-50%);} .faq-page__accordion .accrodion-content .inner{padding:20px;padding-left:32px;position:relative;z-index:1;display:flex;align-items:center;gap:30px;} .faq-page__accordion .accrodion-content .inner .inner__count{max-width:77px;padding-top:10px;width:100%;height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;background-color:var(--garlon-base,#209D2F);position:relative;} .faq-page__accordion .accrodion-content .inner .inner__count span{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-white,#fff);color:var(--garlon-base,#209D2F);font-size:14px;font-weight:500;line-height:normal;} .faq-page__accordion .accrodion-content .inner .inner__count i{font-size:40px;color:var(--garlon-white,#fff);margin-bottom:-5px;} .faq-page__accordion .accrodion-content p{margin:0;font-size:18px;font-weight:400;line-height:144.444%;} .faq-one{position:relative;z-index:1;background-color:var(--garlon-white,#fff);} .faq-one .sec-title{padding-bottom:10px;} .faq-one__text{margin-bottom:30px;} .faq-one__content__inner{display:flex;align-items:center;justify-content:start;border:1px solid var(--garlon-border-color,#DDDDDD);} @media (max-width:1199px) and (min-width:992px),(max-width:575px){ .faq-one__content__inner{flex-direction:column;justify-content:start;align-items:start;gap:15px;} } .faq-one__box{flex:50%;width:50%;padding-left:30px;} @media (max-width:1199px) and (min-width:992px),(max-width:575px){ .faq-one__box{flex:100%;width:100%;} } .faq-one__box__title{font-size:25px;font-weight:700;line-height:normal;margin-bottom:12px;text-transform:capitalize;} .faq-one__box ul{margin:0;} .faq-one__box ul li{color:var(--garlon-text-dark,#222222);font-size:16px;font-weight:500;line-height:162.5%;text-transform:capitalize;margin:0;display:flex;align-items:center;transition:all 0.4s ease-in-out;} .faq-one__box ul li i{margin-right:6px;font-size:18px;} .faq-one__box ul li:hover{color:var(--garlon-base,#209D2F);} .faq-one__box ul li + li{margin-top:12px;} .faq-one .faq-one__content__thumb img{object-fit:cover;width:100%;} .faq-four{position:relative;z-index:1;} .faq-four .sec-title{padding-bottom:10px;} .faq-four .faq-four__text{margin-bottom:20px;} @media (min-width:1200px){ .faq-four__thumb{margin-right:25px;} } .faq-four__thumb__item{position:relative;} .faq-four__thumb__item img{object-fit:cover;width:100%;border-radius:10px;} .faq-four__thumb__item .question{position:absolute;top:30px;right:20px;z-index:1;} .faq-four__thumb__item__small{max-width:270px;width:100%;height:270px;border-radius:50%;border:5px solid var(--garlon-white,#fff);display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:-110px;transform:translateY(-50%);} @media (max-width:991px){ .faq-four__thumb__item__small{top:20%;} } @media (max-width:575px){ .faq-four__thumb__item__small{text-align:center;position:relative;margin-top:20px;justify-content:center;left:0;transform:translateY(0%);} } .faq-four__thumb__item__small img{object-fit:cover;width:100%;border-radius:50%;} .faq-four__thumb__video{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--garlon-base,#209D2F);background-color:var(--garlon-white,#fff);font-size:48px;position:absolute;line-height:0;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;} .faq-four__shape{position:absolute;bottom:0;right:0;z-index:-1;} .package-page{position:relative;z-index:1;} .package-card{position:relative;border-radius:6px;border:1px solid var(--garlon-border-color,#DDDDDD);transition:all 500ms ease;margin-top:15px;} .package-card__bg{position:absolute;top:0;width:100%;height:100%;left:0;background-repeat:no-repeat;background-size:cover;background-position:center center;z-index:-1;transition:all 500ms ease;opacity:0;visibility:hidden;border-radius:6px;} .package-card__bg::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--garlon-text-dark-rgb,34,34,34),0.93);border-radius:6px;} .package-card__feature{display:flex;align-items:center;justify-content:center;margin-top:-14px;position:relative;margin-bottom:45px;} .package-card__feature__item{border-radius:0px 0px 10px 10px;background:#209D2F;text-align:center;font-size:50px;font-weight:400;padding:0px 35px;position:relative;z-index:1;margin:0;transition:all 500ms ease;color: #fff;} .package-card__feature__item span{content:"";position:absolute;clip-path:polygon(50% 100%,0 0,100% 0);width:26px;height:26px;position:absolute;bottom:-25px;background:#F2F2F2;left:50%;transform:translateX(-50%);transition:all 500ms ease;} .package-card__feature__item::after,.package-card__feature__item::before{content:"";width:15px;height:15px;position:absolute;background-color:var(--garlon-base,#209D2F);top:0;transition:all 500ms ease;} .package-card__feature__item::after{right:-14.99px;clip-path:polygon(0 0,0% 100%,100% 100%);} .package-card__feature__item::before{left:-14.99px;clip-path:polygon(100% 0,0% 100%,100% 100%);} .package-card__price{color: #198754;text-align:center;font-size:25px;font-weight:400;text-transform:capitalize;margin-bottom:20px;transition:all 500ms ease; padding: 0 20px;} .package-card__price span{color:var(--garlon-text-dark2,#333333);font-size:17px;line-height:40px;transition:all 500ms ease;} .package-card__box{background-color:var(--garlon-text-dark,#222222);position:relative;z-index:1;margin-bottom:30px;padding:2px 10px;} .package-card__box::after,.package-card__box::before{content:"";width:40px;height:100%;position:absolute;background-color:var(--garlon-base,#209D2F);transition:all 500ms ease;top:0;z-index:-1;} .package-card__box::after{right:-0.9px;clip-path:polygon(0 50%,100% 0,100% 100%);} .package-card__box::before{left:-0.9px;clip-path:polygon(0 100%,0 0,100% 50%);} .package-card__title{color:#fff;text-align:center;font-size:30px;font-weight:300;line-height:1.4;transition:all 500ms ease;padding: 15px 20px;} .package-card__list{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:35px;} .package-card__list li{color:var(--garlon-text,#5E5B5B);font-family:var(--garlon-font,"Raleway",sans-serif);font-size:16px;font-weight:500;line-height:162.5%;transition:all 500ms ease;text-transform:capitalize;} .package-card__list li i{margin-right:6px;} .package-card__list li:hover{color:var(--garlon-base,#209D2F)!important;} .package-card__list li + li{margin-top:11px;} .package-card__bottom{padding:0px 20px 50px;position:relative;z-index:1;overflow:hidden;border-radius:6px;} .package-card__bottom::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:15px;background-image:url(../images/shapes/shape-footer.png);background-repeat:repeat;background-size:cover;background-position:left bottom;visibility:hidden;opacity:0;transition:all 500ms ease;} .package-card__btn{text-align:center;} .package-card__btn .garlon-btn{padding:17px 49px;} .package-card:hover{border:1px solid transparent;} .package-card:hover .package-card__bg{opacity:1;visibility:visible;} .package-card:hover .package-card__feature__item{color:var(--garlon-white,#fff);background-color:var(--garlon-base,#209D2F);} .package-card:hover .package-card__feature__item span{background-color:var(--garlon-base,#209D2F);} .package-card:hover .package-card__price{color:var(--garlon-white,#fff);} .package-card:hover .package-card__price span{color:var(--garlon-white,#fff);} .package-card:hover .package-card__box{background-color:var(--garlon-base,#209D2F);color:var(--garlon-white,#fff);} .package-card:hover .package-card__box::after,.package-card:hover .package-card__box::before{background-color:var(--garlon-white,#fff);} .package-card:hover .package-card__list li{color:var(--garlon-white,#fff);} .package-card:hover .package-card__bottom::after{opacity:1;visibility:visible;} @keyframes bubbleMover{ 0%{-webkit-transform:translateY(0px) translateX(0) rotate(0);transform:translateY(0px) translateX(0) rotate(0);} 30%{-webkit-transform:translateY(30px) translateX(50px) rotate(15deg);transform:translateY(30px) translateX(50px) rotate(15deg);-webkit-transform-origin:center center;transform-origin:center center;} 50%{-webkit-transform:translateY(50px) translateX(100px) rotate(45deg);transform:translateY(50px) translateX(100px) rotate(45deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;} 80%{-webkit-transform:translateY(30px) translateX(50px) rotate(15deg);transform:translateY(30px) translateX(50px) rotate(15deg);-webkit-transform-origin:left top;transform-origin:left top;} 100%{-webkit-transform:translateY(0px) translateX(0) rotate(0);transform:translateY(0px) translateX(0) rotate(0);-webkit-transform-origin:center center;transform-origin:center center;} } @keyframes cloudMove{ 0%{background-position:1920px 100%;} 100%{background-position:0 100%;} } @keyframes startIconOne{ 0%{transform:scale(1) rotate(0);} 100%{transform:scale(0.5) rotate(45deg);} } @keyframes iconTranslateX{ 49%{-webkit-transform:translateX(100%);transform:translateX(100%);} 50%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);} 51%{opacity:1;} } @-webkit-keyframes widths{ 0%{width:0%;} 50%{width:97%;left:0;} 100%{width:0;} } @keyframes widths{ 0%{width:0%;} 50%{width:97%;left:0;} 100%{width:0;} } @keyframes shapeMover{ 0%,100%{transform:perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);} 50%{transform:perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);} } @keyframes banner3Shake{ 0%{-webkit-transform:rotate3d(0,1,0,0deg);transform:rotate3d(0,1,0,0deg);} 30%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg);} 60%{-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);} 80%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg);} 100%{-webkit-transform:rotate3d(0,1,0,0deg);transform:rotate3d(0,1,0,0deg);} } @keyframes squareMover{ 0%,100%{-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0);} 20%,60%{-webkit-transform:translate(20px,40px) rotate(180deg);transform:translate(20px,40px) rotate(180deg);} 30%,80%{-webkit-transform:translate(40px,60px) rotate(0deg);transform:translate(40px,60px) rotate(0deg);} } @keyframes treeMove{ 0%,100%{-webkit-transform:rotate(0deg) translateX(0);transform:rotate(0deg) translateX(0);} 25%,75%{-webkit-transform:rotate(5deg) translateX(15px);transform:rotate(5deg) translateX(15px);} 50%{-webkit-transform:rotate(10deg) translateX(30px);transform:rotate(10deg) translateX(30px);} } @keyframes treeMove2{ 0%,100%{-webkit-transform:rotate(0deg) translateX(0);transform:rotate(0deg) translateX(0);} 25%,75%{-webkit-transform:rotate(-10deg) translateX(0);transform:rotate(-10deg) translateX(0);} 50%{-webkit-transform:rotate(10deg) translateX(0);transform:rotate(10deg) translateX(0);} } @keyframes treeMove3{ 0%,100%{-webkit-transform:rotate(0deg) translateX(0);transform:rotate(0deg) translateX(0);} 25%,75%{-webkit-transform:rotate(-10deg) translateX(0);transform:rotate(-3deg) translateX(0);} 50%{-webkit-transform:rotate(3deg) translateX(0);transform:rotate(3deg) translateX(0);} } @keyframes leafMove{ 0%,100%{-webkit-transform:rotate(0deg) translateX(0);transform:rotate(0deg) translateX(0);} 25%,75%{transform:rotate(-2deg) translateX(5px);} 50%{transform:rotate(-4deg) translateX(10px);} } @keyframes messageMove{ 0%,100%{transform:translateX(0);} 25%,75%{transform:translateX(5px);} 50%{transform:translateX(10px);} } @keyframes textRotate{ 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);} } @keyframes flowerRotate{ 0%,100%{transform:rotate(0deg);} 25%,75%{transform:rotate(5deg);} 50%{transform:rotate(10deg);} } @keyframes zump{ 0%,100%{transform:translateY(0);} 25%,75%{transform:translateY(5px);} 50%{transform:translateY(-5px);} } @-webkit-keyframes ripple{ 70%{box-shadow:0 0 0 40px rgba(10,165,205,0);} 100%{box-shadow:0 0 0 0 rgba(10,165,205,0);} } @keyframes ripple{ 70%{box-shadow:0 0 0 40px rgba(10,165,205,0);} 100%{box-shadow:0 0 0 0 rgba(10,165,205,0);} } @keyframes videoZoom{ 0%{transform:translate(-50%,-50%) scale(0.5);opacity:1;border-width:3px;} 40%{opacity:1;border-width:2px;} 65%{border-width:1px;} 100%{transform:translate(-50%,-50%) scale(1);opacity:0;border-width:1px;} } @keyframes zumpX{ 0%{transform:translateX(0px);} 100%{transform:translateX(-30px);} } @keyframes zumpY{ 0%{transform:translateY(0px);} 100%{transform:translateY(-30px);} } @keyframes zumpXtwo{ 0%{transform:translateX(0px);} 100%{transform:translateX(30px);} } @keyframes zoom-hover{ 0%{opacity:1;} 40%{opacity:1;} 100%{width:120%;height:120%;opacity:0;} } @keyframes zoomsIn{ 100%,0%{transform:scale(1);} 50%{transform:scale(0.9);} } @keyframes shrinkAnim{ 0%,100%{transform:rotate(0deg);transform-origin:0 50%;} 10%{transform:rotate(2deg);} 20%,40%,60%{transform:rotate(-4deg);} 30%,50%,70%{transform:rotate(4deg);} 80%{transform:rotate(-2deg);} 90%{transform:rotate(2deg);} } @keyframes shrinkAnim2{ 0%,100%{transform:rotate(0deg);transform-origin:100% 50%;} 10%{transform:rotate(2deg);} 20%,40%,60%{transform:rotate(-4deg);} 30%,50%,70%{transform:rotate(4deg);} 80%{transform:rotate(-2deg);} 90%{transform:rotate(2deg);} } @keyframes rollInRight{ 0%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes rollInLeft{ 0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes vibrant{ 0%{transform:translate(0);} 20%{transform:translate(-2px,2px);} 40%{transform:translate(-2px,-2px);} 60%{transform:translate(2px,2px);} 80%{transform:translate(2px,-2px);} 100%{transform:translate(0);} } @keyframes blinkAnim{ 0%{opacity:1;} 50%{opacity:0.2;} 100%{opacity:1;} } @keyframes shapeMove{ 0%,100%{transform:translateX(0px);} 50%{transform:translateX(10px);} } @-webkit-keyframes backInUp{ 0%{-webkit-transform:translateY(1200px) scale(0.7);transform:translateY(1200px) scale(0.7);opacity:0.7;} 80%{-webkit-transform:translateY(0px) scale(0.7);transform:translateY(0px) scale(0.7);opacity:0.7;} 100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;} } @keyframes backInUp{ 0%{-webkit-transform:translateY(1200px) scale(0.7);transform:translateY(1200px) scale(0.7);opacity:0.7;} 80%{-webkit-transform:translateY(0px) scale(0.7);transform:translateY(0px) scale(0.7);opacity:0.7;} 100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;} } .animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp;} @keyframes iconTranslateY{ 49%{-webkit-transform:translateY(-100%);transform:translateY(-100%);} 50%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);} 51%{opacity:1;} } @keyframes zumpXtwo{ 0%{transform:translateX(0px);} 100%{transform:translateX(5px);} } @keyframes animateTop{ 0%{-webkit-transform:translateX(100%);transform:translateX(100%);} 100%{-webkit-transform:translateX(-100%);transform:translateX(-100%);} } @keyframes animateRight{ 0%{-webkit-transform:translateY(100%);transform:translateY(100%);} 100%{-webkit-transform:translateY(-100%);transform:translateY(-100%);} } @keyframes animateBottom{ 0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);} 100%{-webkit-transform:translateX(100%);transform:translateX(100%);} } @keyframes animateLeft{ 0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);} 100%{-webkit-transform:translateY(100%);transform:translateY(100%);} } @keyframes shadows{ 0%{box-shadow:0 0 0 0 rgba(var(--garlon-white-rgb,255,255,255),0.2),0 0 0 30px rgba(var(--garlon-white-rgb,255,255,255),0.2),0 0 0 50px rgba(var(--garlon-white-rgb,255,255,255),0.2);} 100%{box-shadow:0 0 0 30px rgba(var(--garlon-white-rgb,255,255,255),0.2),0 0 0 50px rgba(var(--garlon-white-rgb,255,255,255),0.2),0 0 0 70px rgba(var(--garlon-white-rgb,255,255,255),0);} } @-webkit-keyframes rotateInUpRight{ 0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0;} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;} } @keyframes rotateInUpRight{ 0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0;} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;} } .rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;} @keyframes wobble-horizontal-on-hover{ 16.65%{transform:translateX(8px);} 33.3%{transform:translateX(-6px);} 49.95%{transform:translateX(4px);} 66.6%{transform:translateX(-2px);} 83.25%{transform:translateX(1px);} 100%{transform:translateX(0);} } @keyframes float-bob-y-2{ 0%{-webkit-transform:translateY(0px) translateX(0px) rotate(0deg);transform:translateY(0px) translateX(0px) rotate(0deg);} 50%{-webkit-transform:translateY(10px) translateX(10px) rotate(5deg);transform:translateY(10px) translateX(10px) rotate(5deg);} 100%{-webkit-transform:translateY(0px) translateX(0px) rotate(0deg);transform:translateY(0px) translateX(0px) rotate(0deg);} } @keyframes animateTop{ 0%{-webkit-transform:translateX(100%);transform:translateX(100%);} 100%{-webkit-transform:translateX(-100%);transform:translateX(-100%);} } @keyframes animateRight{ 0%{-webkit-transform:translateY(100%);transform:translateY(100%);} 100%{-webkit-transform:translateY(-100%);transform:translateY(-100%);} } @keyframes animateBottom{ 0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);} 100%{-webkit-transform:translateX(100%);transform:translateX(100%);} } @keyframes animateLeft{ 0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);} 100%{-webkit-transform:translateY(100%);transform:translateY(100%);} } @keyframes iconsZoom{ 0%{opacity:1;} 100%{opacity:0;transform:scale(1.75,1.75);} } @keyframes wobbleTop{ 16.65%{transform:skew(-12deg);} 33.3%{transform:skew(10deg);} 49.95%{transform:skew(-6deg);} 66.6%{transform:skew(4deg);} 83.25%{transform:skew(-2deg);} 100%{transform:skew(0);} } @keyframes iconTranslateX{ 49%{-webkit-transform:translateX(100%);transform:translateX(100%);} 50%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);} 51%{opacity:1;} } @keyframes rotated{ 0%{transform:rotate(0);} 100%{transform:rotate(360deg);} } @keyframes movebounce2{ 0%{transform:translateX(0px);} 50%{transform:translateX(-15px);} 100%{transform:translateX(0px);} } @keyframes movebounce3{ 0%{transform:translateY(0px);} 50%{transform:translateY(-15px);} 100%{transform:translateY(0px);} } @keyframes hero-left-right{ 0%{transform:translateX(0px);} 50%{transform:translateX(-5px);} 100%{transform:translateX(0px);} } .mobile-nav__wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;transform:translateX(-100%);transform-origin:left center;transition:transform 500ms ease 500ms,visibility 500ms ease 500ms;visibility:hidden;position:fixed;} .mobile-nav__wrapper .container{padding-left:0;padding-right:0;} .mobile-nav__wrapper .home-showcase .row [class*=col-]{flex:0 0 100%;} .mobile-nav__wrapper .home-showcase{margin-bottom:-1px;margin-top:0;border-bottom:1px solid RGBA(var(--garlon-white-rgb,255,255,255),0.1);} .mobile-nav__wrapper .home-showcase__inner{padding:15px 0px;background-color:transparent;box-shadow:none;} .mobile-nav__wrapper .home-showcase__title{color:var(--garlon-white,#fff);} .mobile-nav__wrapper.expanded{opacity:1;transform:translateX(0%);visibility:visible;transition:transform 500ms ease 0ms,visibility 500ms ease 0ms;} .mobile-nav__wrapper.expanded .mobile-nav__content{opacity:1;visibility:visible;transform:translateX(0);transition:opacity 500ms ease 500ms,visibility 500ms ease 500ms,transform 500ms ease 500ms;} .mobile-nav__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--garlon-black,#000000);opacity:0.3;cursor:url(../images/close.png),auto;} .mobile-nav__content{width:300px;background-color:var(--garlon-black2,#15161B);z-index:10;position:relative;height:100%;overflow-y:auto;padding-top:30px;padding-bottom:30px;padding-left:15px;padding-right:15px;opacity:0;visibility:hidden;transform:translateX(-100%);transition:opacity 500ms ease 0ms,visibility 500ms ease 0ms,transform 500ms ease 0ms;} .mobile-nav__content .main-menu__nav{display:block;padding:0;} .mobile-nav__content .logo-box{margin-bottom:40px;display:flex;} .mobile-nav__close{position:absolute;top:20px;right:15px;font-size:18px;color:var(--garlon-white,#fff);cursor:pointer;} .mobile-nav__close:hover{color:var(--garlon-base,#209D2F);} .mobile-nav__content .main-menu__list,.mobile-nav__content .main-menu__list ul{margin:0;padding:0;list-style-type:none;} .mobile-nav__content .main-menu__list ul{display:none;border-top:1px solid RGBA(var(--garlon-white-rgb,255,255,255),0.1);} .mobile-nav__content .main-menu__list ul li > a{padding-left:1em;} .mobile-nav__content .main-menu__list li:not(:last-child){border-bottom:1px solid RGBA(var(--garlon-white-rgb,255,255,255),0.1);} .mobile-nav__content .main-menu__list li > a{display:flex;justify-content:space-between;line-height:30px;color:var(--garlon-white,#fff);font-size:12px;font-family:var(--garlon-font,"Raleway",sans-serif);text-transform:uppercase;font-weight:500;height:46px;letter-spacing:var(--garlon-letter-space,0.1em);align-items:center;transition:500ms;} .mobile-nav__content .main-menu__list li a.expanded{color:var(--garlon-base,#209D2F);} .mobile-nav__content .main-menu__list li a button{width:30px;height:30px;background-color:var(--garlon-base,#209D2F);border:none;outline:none;color:var(--garlon-white,#fff);display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(-90deg);transition:transform 500ms ease;} .mobile-nav__content .main-menu__list li a button.expanded{transform:rotate(0deg);background-color:var(--garlon-white,#fff);color:var(--garlon-black,#000000);} .mobile-nav__social{display:flex;align-items:center;} .mobile-nav__social a{font-size:16px;color:var(--garlon-white,#fff);transition:500ms;} .mobile-nav__social a + a{margin-left:20px;} .mobile-nav__social a:hover{color:var(--garlon-base,#209D2F);} .mobile-nav__contact{margin-bottom:0;margin-top:20px;margin-bottom:20px;} .mobile-nav__contact li{color:var(--garlon-white,#fff);font-size:14px;font-weight:500;position:relative;display:flex;align-items:center;} .mobile-nav__contact li + li{margin-top:15px;} .mobile-nav__contact li a{color:inherit;transition:500ms;} .mobile-nav__contact li a:hover{color:var(--garlon-base,#209D2F);} .mobile-nav__contact li > i{width:30px;height:30px;border-radius:50%;background-color:var(--garlon-base,#209D2F);display:flex;justify-content:center;align-items:center;text-align:center;font-size:12px;margin-right:10px;color:var(--garlon-white,#fff);} .mobile-nav__container .main-menu__logo,.mobile-nav__container .main-menu__right{display:none;} .search-popup{position:fixed;width:100%;height:100%;top:0;left:0;z-index:-2;-webkit-transition:all 1s ease;-khtml-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;} .search-popup__overlay{position:fixed;width:224vw;height:224vw;top:calc(90px - 112vw);right:calc(50% - 112vw);z-index:3;display:block;-webkit-border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-transform:scale(0);-khtml-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:transform 0.8s ease-in-out;-khtml-transition:transform 0.8s ease-in-out;-moz-transition:transform 0.8s ease-in-out;-ms-transition:transform 0.8s ease-in-out;-o-transition:transform 0.8s ease-in-out;transition:transform 0.8s ease-in-out;transition-delay:0s;transition-delay:0.3s;-webkit-transition-delay:0.3s;background-color:#000;opacity:0.9;cursor:url(../images/close.png),auto;} @media (max-width:767px){ .search-popup__overlay{position:absolute;top:0;left:0;right:0;bottom:0;transform:none;width:100%;height:100%;border-radius:0;transform:translateY(-110%);} } .search-popup__content{position:fixed;width:0;max-width:560px;padding:30px 15px;left:50%;top:50%;opacity:0;z-index:3;-webkit-transform:translate(-50%,-50%);-khtml-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity 0.5s 0s,width 0.8s 0.8s cubic-bezier(0.225,0.01,0.475,1.01),transform 0.2s 0s;-khtml-transition:opacity 0.5s 0s,width 0.8s 0.8s cubic-bezier(0.225,0.01,0.475,1.01),transform 0.2s 0s;-moz-transition:opacity 0.5s 0s,width 0.8s 0.8s cubic-bezier(0.225,0.01,0.475,1.01),transform 0.2s 0s;-ms-transition:opacity 0.5s 0s,width 0.8s 0.8s cubic-bezier(0.225,0.01,0.475,1.01),transform 0.2s 0s;-o-transition:opacity 0.5s 0s,width 0.8s 0.8s cubic-bezier(0.225,0.01,0.475,1.01),transform 0.2s 0s;transition:opacity 0.5s 0s,width 0.8s 0.8s cubic-bezier(0.225,0.01,0.475,1.01),transform 0.2s 0s;transition-delay:0s,0.8s,0s;transition-delay:0s,0.4s,0s;transition-delay:0.2s;-webkit-transition-delay:0.2s;} .search-popup__form{position:relative;} .search-popup__form input[type=search],.search-popup__form input[type=text]{width:100%;background-color:var(--garlon-white,#fff);font-size:15px;color:var(--garlon-text,#5E5B5B);border:none;outline:none;height:66px;padding-left:30px;} .search-popup__form .garlon-btn{padding:0;width:66px;height:66px;display:flex;justify-content:center;align-items:center;text-align:center;position:absolute;font-size:22px;top:0;right:-1px;border-radius:0;} .search-popup__form .garlon-btn i{margin:0;} .search-popup__form .garlon-btn::after,.search-popup__form .garlon-btn::before{display:none;} .search-popup__form .garlon-btn:hover{background-color:var(--garlon-text-dark,#222222);color:var(--garlon-white,#fff);} .search-popup__form .garlon-btn:hover i{margin:0;} .search-popup.active{z-index:9999;} .search-popup.active .search-popup__overlay{top:auto;bottom:calc(90px - 112vw);-webkit-transform:scale(1);-khtml-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);transition-delay:0s;-webkit-transition-delay:0s;opacity:0.9;-webkit-transition:transform 1.6s cubic-bezier(0.4,0,0,1);-khtml-transition:transform 1.6s cubic-bezier(0.4,0,0,1);-moz-transition:transform 1.6s cubic-bezier(0.4,0,0,1);-ms-transition:transform 1.6s cubic-bezier(0.4,0,0,1);-o-transition:transform 1.6s cubic-bezier(0.4,0,0,1);transition:transform 1.6s cubic-bezier(0.4,0,0,1);} @media (max-width:767px){ .search-popup.active .search-popup__overlay{position:absolute;top:0;left:0;right:0;bottom:0;transform:none;width:100%;height:100%;border-radius:0;transform:translateY(0%);} } .search-popup.active .search-popup__content{width:100%;opacity:1;transition-delay:0.7s;-webkit-transition-delay:0.7s;} .page-header{background-color:var(--garlon-base,#209D2F);position:relative;padding-top:326px;padding-bottom:192px;} .page-header-max{background-color:var(--garlon-base,#209D2F);position:relative;padding-top:100px;padding-bottom:100px;} @media (max-width:991px){ .page-header{padding-top:326px;padding-bottom:192px;} .page-header-max{background-color:var(--garlon-base,#209D2F);position:relative;padding-top:100px;padding-bottom:100px;} } .page-header__bg{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:top right;} .page-header-max{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:top right;padding-top: 100px !important;padding-bottom: 100px !important;} .page-header__shape-one{position:absolute;right:0;bottom:0;} .page-header__shape-two{position:absolute;right:0;bottom:0;} .page-header .container{position:relative;z-index:1;} .page-header__title{margin:0 0 18px;color:var(--garlon-white,#fff);font-family:var(--garlon-heading-font,"Raleway",serif);font-size:50px;font-weight:700;line-height:100%;padding-bottom:0;} @media (min-width:768px){ .page-header__title{font-size:60px;} } .garlon-breadcrumb{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;margin:0;} .garlon-breadcrumb li{display:flex;align-items:center;color:var(--garlon-base,#209D2F);font-size:18px;font-weight:400;line-height:144.444%;text-transform:capitalize;} .garlon-breadcrumb li:not(:last-of-type)::after{content:"/";position:relative;top:0;margin-left:7px;margin-right:7px;color:var(--garlon-white,#fff);} .garlon-breadcrumb li span{color:inherit;display:inline-flex;} .garlon-breadcrumb li a{color:var(--garlon-white,#fff);background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .garlon-breadcrumb li a:hover{background-size:100% 1px;} .google-map{position:relative;} .google-map iframe{position:relative;display:block;border:none;height:430px;width:100%;mix-blend-mode:luminosity;} .google-map__contact{overflow:hidden;background-color:var(--garlon-base,#209D2F);} .contact-map{position:relative;padding-bottom:120px;} @media (max-width:767px){ .contact-map{padding-bottom:80px;} } .contact-map .container-fluid{padding-left:0;padding-right:0;max-width:1654px;} .client-carousel{padding:80px 0 80px;border-bottom:1px solid var(--garlon-border-color,#DDDDDD);} .client-carousel.border-none{border-bottom:1px solid transparent;} @media (min-width:992px){ .client-carousel{padding:102px 0;} } .client-carousel__one__item{display:flex;align-items:center;justify-content:center;transition:all 500ms ease;position:relative;background-color:transparent;border-radius:50px;padding:15px 40px;border:1px solid transparent;} .client-carousel__one__item img{transition:all 500ms ease;max-width:450px;width:auto!important;cursor:pointer;} .main-slider-one{position:relative;} .main-slider-one::after{content:"";width:100%;height:75px;position:absolute;top:-1px;left:0;background-color:var(--garlon-white,#fff);z-index:1;clip-path:polygon(0 0,100% 0,100% 0,78% 100%,22% 100%,0 0);} @media (max-width:1199px){ .main-slider-one::after{display:none;} } .main-slider-one__carousel{position:relative;width:100%;} .main-slider-one__carousel.owl-carousel .owl-nav{left:0;margin:auto;position:absolute;right:0;display:flex;align-items:center;justify-content:space-between;top:55%;transform:translateY(-50%);width:calc(100% - 80px);} @media (max-width:1199px){ .main-slider-one__carousel.owl-carousel .owl-nav{width:calc(100% - 40px);} } @media (max-width:991px){ .main-slider-one__carousel.owl-carousel .owl-nav{top:auto;bottom:30px;transform:none;} } .main-slider-one__carousel.owl-carousel .owl-nav button{transition:all 400ms ease;width:70px;height:70px;outline:none;box-shadow:none;border:none;background-color:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--garlon-white,#fff);color:var(--garlon-white,#fff);font-size:18px;margin:0 0;text-align:center;} .main-slider-one__carousel.owl-carousel .owl-nav button:hover{background-color:var(--garlon-base,#209D2F);color:var(--garlon-white,#fff);border-color:var(--garlon-base,#209D2F);} .main-slider-one__item{background-color:var(--garlon-black,#000000);position:relative;z-index:3;padding-top:275px;padding-bottom:250px;overflow:hidden;} @media (max-width:1199px){ .main-slider-one__item{padding-top:120px;padding-bottom:200px;} } .main-slider-one__item::before{content:"";position:absolute;bottom:-255px;right:-150px;width:249.906px;height:613.088px;transform:rotate(42.153deg);background-color:var(--garlon-base,#209D2F);z-index:1;} .main-slider-one__item::after{content:"";position:absolute;bottom:-450px;right:100px;width:249.906px;height:613.088px;transform:rotate(42.153deg);background:rgba(32,157,47,0.6);z-index:1;} .main-slider-one__shape{position:absolute;bottom:67px;left:46px;} .main-slider-one__shape img{animation:movebounce2 3s ease-in-out infinite;} @media (max-width:991px){ .main-slider-one__shape{display:none;} } .main-slider-one__bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-repeat:no-repeat;background-position:center;transform:scale(1);transition:transform 10000ms ease,-webkit-transform 10000ms ease;overflow:hidden;} .main-slider-one__bg::before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background-image:url(../images/shapes/hero-shape-1-1.png);background-size:cover;background-repeat:no-repeat;background-position:center;} .main-slider-one__content{position:relative;display:inline-block;z-index:3;} .main-slider-one__content__shape{position:absolute;bottom:-20%;right:50%;transform:translateX(50%);} .main-slider-one__content__shape img{animation:movebounce2 3s ease-in-out infinite;} @media (max-width:991px){ .main-slider-one__content__shape{display:none;} } .main-slider-one__box{display:flex;align-items:center;gap:27px;margin-bottom:19px;text-transform:uppercase;transition:transform 1000ms ease,opacity 1000ms ease;transform:translateY(-400px);} .main-slider-one__box__icon{width:70px;border-radius:70px;display:flex;align-items:center;justify-content:center;height:70px;border-radius:50%;background-color:var(--garlon-white,#fff);color:var(--garlon-base,#209D2F);font-size:31px;position:relative;} .main-slider-one__box__icon::after{content:"";border-radius:50%;background-color:transparent;left:4px;right:4px;bottom:4px;top:4px;position:absolute;border:1px dashed var(--garlon-base,#209D2F);animation:rotated 8s ease-in-out infinite;} .main-slider-one__box__item{position:relative;z-index:1;} .main-slider-one__box__item img{position:absolute;bottom:55px;left:50%;transform:translateX(-50%);z-index:-1;width:51px;height:auto;} .main-slider-one__sub-title{color:var(--garlon-base,#209D2F);font-family:var(--garlon-special-font,"Raleway",sans-serif);font-size:18px;font-weight:400;margin:0;line-height:100%;} .main-slider-one__title{color:var(--garlon-white,#fff);font-size:80px;font-weight:700;line-height:81.25%;text-align:left;opacity:0;margin:0 0 14px 0;transition:transform 1200ms ease,opacity 1200ms ease;transform:translateX(400px);} .main-slider-one__title span{display:inline-block;width:90px;} .main-slider-one__title img{object-fit:cover;width:78px!important;height:auto;display:inline-block;position:absolute;top:0px;} @media (max-width:767px){ .main-slider-one__title{font-size:60px;} } @media (max-width:575px){ .main-slider-one__title{font-size:50px;} } .main-slider-one__text{color:var(--garlon-white,#fff);font-size:18px;font-weight:400;line-height:144.444%;margin-bottom:39px;opacity:0;transition:transform 1200ms ease,opacity 1200ms ease;transform:translateX(400px);} .main-slider-one__btn{position:relative;display:flex;justify-content:start;align-items:start;z-index:5;overflow:hidden;opacity:0;transform:perspective(400px) rotateY(0deg) translateY(200px);transform-origin:bottom;transition:all 1500ms ease;} .main-slider-one .active .main-slider-one__bg{transform:scale(1.1);} .main-slider-one .active .main-slider-one__box{opacity:1;transform:translateY(0);transition-delay:1100ms;} .main-slider-one .active .main-slider-one__title{opacity:1;transform:translateX(0);transition-delay:1300ms;} .main-slider-one .active .main-slider-one__text{opacity:1;transform:translateX(0);transition-delay:1300ms;} .main-slider-one .active .main-slider-one__btn{opacity:1;transform:perspective(400px) rotateY(0deg) translateY(0px);transition-delay:1700ms;} .main-slider-two{position:relative;} .main-slider-two__bg{position:absolute;left:0;bottom:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;z-index:-1;overflow:hidden;transform:scale(1);transition:transform 10000ms ease,-webkit-transform 10000ms ease;overflow:hidden;} .main-slider-two__bg::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;} .main-slider-two__item{position:relative;z-index:3;padding-top:134px;padding-bottom:145px;} @media (max-width:1199px){ .main-slider-two__item{padding-top:120px;padding-bottom:150px;} } @media (max-width:991px){ .main-slider-two__item{padding-top:100px;padding-bottom:120px;} } .main-slider-two__item::after{content:"";position:absolute;bottom:0;width:100%;height:40px;background-repeat:no-repeat;background-size:cover;background-image:url(../images/shapes/shape-footer3.png);} .main-slider-two__carousel{position:relative;width:100%;} .main-slider-two__carousel.owl-carousel .owl-dots{display:flex;align-items:center;justify-content:start;gap:14px;position:absolute;bottom:200px;left:20%;} @media (max-width:1199px){ .main-slider-two__carousel.owl-carousel .owl-dots{left:60px;bottom:60px;} } .main-slider-two__carousel.owl-carousel .owl-dots .owl-dot{width:40px;height:7px;display:block;border-radius:50%;background-color:var(--garlon-white,#fff);border-radius:20px;position:relative;padding:0;outline:none;margin:0;transition:all 500ms ease-in-out;} .main-slider-two__carousel.owl-carousel .owl-dots .owl-dot span{position:absolute;top:-8px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;width:25px;height:25px;border-radius:50%;background-color:var(--garlon-text-dark,#222222);color:var(--garlon-white,#fff);font-size:10px;font-weight:500;line-height:normal;text-transform:uppercase;visibility:hidden;opacity:0;} .main-slider-two__carousel.owl-carousel .owl-dots .owl-dot:hover,.main-slider-two__carousel.owl-carousel .owl-dots .owl-dot.active{background-color:var(--garlon-base,#209D2F);height:10px;} .main-slider-two__carousel.owl-carousel .owl-dots .owl-dot.active{width:65px;} .main-slider-two__carousel.owl-carousel .owl-dots .owl-dot.active span{visibility:visible;opacity:1;} .main-slider-two__carousel.owl-carousel .owl-dots.disabled{display:none;} .main-slider-two__sub-title{color: #000;font-size:43px;font-weight:500;line-height:normal;text-transform:capitalize;margin:0;position:relative;z-index:1;display:inline-flex;align-items:center;font-family:var(--garlon-special-font,"Raleway",sans-serif);margin-bottom:26px;transition:transform 1000ms ease,opacity 1000ms ease;transform:translateY(-400px);} .main-slider-two__sub-title img{margin-right:10px;width:24px!important;} .main-slider-two__sub-title::after{content:"";width:100%;height:1px;position:absolute;bottom:0;left:0;background-color:var(--garlon-base,#209D2F);} .main-slider-two__title{font-size:60px;font-weight:600;line-height:1.2;margin:0;opacity:0;transition:transform 1200ms ease,opacity 1200ms ease;transform:translateX(400px);} @media (max-width:991px){ .main-slider-two__title{font-size:60px;} } @media (max-width:575px){ .main-slider-two__title{font-size:50px;} } .main-slider-two__title span{color:rgba(34,34,34,0);-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#209D2F;font-size:80px;font-weight:700;} @media (max-width:991px){ .main-slider-two__title span{font-size:60px;} } @media (max-width:575px){ .main-slider-two__title span{font-size:50px;} } .main-slider-two__text{max-width:476px;font-size:18px;font-weight:400;line-height:144.444%;margin-bottom:40px;opacity:0;transition:transform 1200ms ease,opacity 1200ms ease;transform:translateX(400px);} .main-slider-two__btn{display:flex;align-items:center;gap:30px;z-index:5;overflow:hidden;opacity:0;transform:perspective(400px) rotateY(0deg) translateY(200px);transform-origin:bottom;transition:all 1500ms ease;} @media (max-width:575px){ .main-slider-two__btn{gap:10px;} } @media (max-width:400px){ .main-slider-two__btn{flex-direction:column;justify-content:start;align-items:start;} } .main-slider-two__btn a{padding:18px 50px;} @media (max-width:575px){ .main-slider-two__btn a{font-size:14px;padding:12px 30px;} } .main-slider-two__btn a:last-child{background-color:var(--garlon-white,#fff);color:var(--garlon-text-dark,#222222);} .main-slider-two__btn a:last-child i{color:var(--garlon-base,#209D2F);} .main-slider-two__btn a:last-child:hover{color:var(--garlon-white,#fff);} .main-slider-two__btn a:last-child:hover i{color:var(--garlon-white,#fff);} .main-slider-two__image__item{position:absolute;bottom:0;z-index:1;opacity:0;transition:transform 1200ms ease,opacity 1200ms ease;transform:translateY(400px);} @media (max-width:1500px){ .main-slider-two__image__item{right:0;} } @media (max-width:1199px){ .main-slider-two__image__item{right:-20%;} } @media (max-width:991px){ .main-slider-two__image__item{display:none;} } .main-slider-two__image__item img{object-fit:cover;width:auto!important;} .main-slider-two__image__shape{position:absolute;bottom:0;z-index:-1;opacity:0;transition:transform 1200ms ease,opacity 1200ms ease;transform:translateY(400px);} @media (max-width:1500px){ .main-slider-two__image__shape{right:0;} } @media (max-width:1199px){ .main-slider-two__image__shape{right:-20%;} } @media (max-width:991px){ .main-slider-two__image__shape{display:none;} } .main-slider-two__image__shape img{object-fit:cover;width:auto!important;} .main-slider-two__shape{position:absolute;top:0;left:0;opacity:0;transition:transform 1200ms ease,opacity 1200ms ease;transform:translateX(-400px);} @media (max-width:1399px){ .main-slider-two__shape{display:none;} } .main-slider-two .active .main-slider-two__bg{transform:scale(1.1);} .main-slider-two .active .main-slider-two__sub-title{opacity:1;transform:translateY(0);transition-delay:1100ms;} .main-slider-two .active .main-slider-two__title,.main-slider-two .active .main-slider-two__shape{opacity:1;transform:translateX(0);transition-delay:1300ms;} .main-slider-two .active .main-slider-two__text{opacity:1;transform:translateX(0);transition-delay:1300ms;} .main-slider-two .active .main-slider-two__btn{opacity:1;transform:perspective(400px) rotateY(0deg) translateY(0px);transition-delay:1700ms;} .main-slider-two .active .main-slider-two__image__item,.main-slider-two .active .main-slider-two__image__shape{opacity:1;transform:translateY(0);transition-delay:1300ms;} .hero-three__item{position:relative;z-index:1;padding-top:205px;padding-bottom:105px;} @media (max-width:1199px){ .hero-three__item{padding-top:180px;padding-bottom:100px;} } .hero-three__content{margin-left:-10px;} .hero-three__thumb{margin-left:-100px;opacity:0;transition:transform 1200ms ease,opacity 1200ms ease;transform:translateX(-400px);} @media (max-width:767px){ .hero-three__thumb{margin-left:0;} } .hero-three__thumb img{object-fit:cover;width:auto;} .hero-three__bg{position:absolute;left:0;bottom:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;z-index:-1;transform:scale(1);transition:transform 10000ms ease,-webkit-transform 10000ms ease;overflow:hidden;} .hero-three__bg::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(34,34,34,0.8);} .hero-three__top__image{margin-bottom:40px;opacity:0;transform:perspective(400px) rotateY(0deg) translateY(-200px);transform-origin:bottom;transition:all 1500ms ease;} .hero-three__top__image img{width:auto!important;border-radius:100px;border:3px solid var(--garlon-white,#fff);} .hero-three__title{color:var(--garlon-white,#fff);font-size:80px;font-weight:700;line-height:81.25%;text-transform:uppercase;margin-bottom:15px;opacity:0;transition:transform 1200ms ease,opacity 1200ms ease;transform:translateX(400px);} @media (max-width:1199px){ .hero-three__title{font-size:60px;} } @media (max-width:991px){ .hero-three__title{font-size:80px;} } @media (max-width:767px){ .hero-three__title{font-size:60px;} } @media (max-width:575px){ .hero-three__title{font-size:50px;} } .hero-three__title span{color:var(--garlon-base,#209D2F);position:relative;z-index:1;display:inline-block;} .hero-three__title span img{width:auto!important;object-fit:cover;position:absolute;bottom:30px;left:20%;} @media (max-width:1199px){ .hero-three__title span img{display:none!important;} } .hero-three__text{color:var(--garlon-white,#fff);font-size:18px;font-weight:400;line-height:144.444%;max-width:476px;margin-bottom:35px;opacity:0;transition:transform 1200ms ease,opacity 1200ms ease;transform:translateX(400px);} .hero-three__btn{display:flex;align-items:center;gap:30px;overflow:hidden;opacity:0;transform:perspective(400px) rotateY(0deg) translateY(200px);transform-origin:bottom;transition:all 1500ms ease;} @media (max-width:500px){ .hero-three__btn{gap:20px;flex-direction:column;justify-content:start;align-items:start;} } .hero-three__btn .garlon-btn{background-color:var(--garlon-white,#fff);color:var(--garlon-text-dark,#222222);} .hero-three__btn .garlon-btn::before{background-color:var(--garlon-base,#209D2F);} .hero-three__btn .garlon-btn::after{background-color:var(--garlon-base,#209D2F);} .hero-three__btn .garlon-btn:hover{color:var(--garlon-white,#fff);} .hero-three__btn .garlon-btn:hover i{color:var(--garlon-white,#fff);} .hero-three__btn__text{display:block;color:var(--garlon-white,#fff);font-family:var(--garlon-heading-font,"Raleway",serif);font-size:20px;font-weight:400;line-height:normal;text-transform:uppercase;margin:0;} .hero-three__btn__video{display:flex;align-items:center;gap:20px;} .hero-three__btn__video i{font-size:50px;line-height:normal;color:var(--garlon-base,#209D2F);} .hero-three img{object-fit:cover;width:auto;} .hero-three__shape{position:absolute;bottom:0;right:10%;} .hero-three__shape img{animation:movebounce2 3s ease-in-out infinite;} @media (max-width:767px){ .hero-three__shape{display:none;} } .hero-three .active .hero-three__bg{transform:scale(1.1);} .hero-three .active .hero-three__box{opacity:1;transform:translateY(0);transition-delay:1100ms;} .hero-three .active .hero-three__thumb{opacity:1;transform:translateX(0);transition-delay:1300ms;} .hero-three .active .hero-three__title{opacity:1;transform:translateX(0);transition-delay:1300ms;} .hero-three .active .hero-three__text{opacity:1;transform:translateX(0);transition-delay:1300ms;} .hero-three .active .hero-three__btn,.hero-three .active .hero-three__top__image{opacity:1;transform:perspective(400px) rotateY(0deg) translateY(0px);transition-delay:1700ms;} .hero-four{position:relative;} .hero-four__bg{position:absolute;left:0;bottom:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;z-index:-1;transform:scale(1);transition:transform 10000ms ease,-webkit-transform 10000ms ease;overflow:hidden;} .hero-four__bg::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(32,157,47,0.92);} .hero-four__carousel{position:relative;width:100%;} .hero-four__carousel.owl-carousel .owl-nav{left:0;margin:auto;position:absolute;right:0;display:flex;align-items:center;justify-content:space-between;top:55%;transform:translateY(-50%);width:calc(100% - 80px);} @media (max-width:1199px){ .hero-four__carousel.owl-carousel .owl-nav{width:calc(100% - 40px);} } @media (max-width:991px){ .hero-four__carousel.owl-carousel .owl-nav{top:auto;bottom:30px;transform:none;} } .hero-four__carousel.owl-carousel .owl-nav button{transition:all 400ms ease;width:70px;height:70px;outline:none;box-shadow:none;border:none;background-color:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--garlon-white,#fff);color:var(--garlon-white,#fff);font-size:18px;margin:0 0;text-align:center;} .hero-four__carousel.owl-carousel .owl-nav button:hover{background-color:var(--garlon-text-dark,#222222);color:var(--garlon-white,#fff);border-color:var(--garlon-text-dark,#222222);} .hero-four__item{position:relative;z-index:3;padding-top:190px;padding-bottom:300px;overflow:hidden;} @media (max-width:1199px){ .hero-four__item{padding-top:150px;padding-bottom:200px;} } @media (max-width:991px){ .hero-four__item{padding-top:120px;padding-bottom:170px;} } @media (max-width:767px){ .hero-four__item{padding-top:80px;padding-bottom:170px;} } .hero-four__content{position:relative;display:inline-block;z-index:3;} .hero-four__title{color:var(--garlon-white,#fff);font-size:165px;font-weight:700;line-height:88.235%;opacity:0;transition:transform 1200ms ease,opacity 1200ms ease;} .hero-four__title span{color:rgba(255,255,255,0);-webkit-text-stroke-width:2px;-webkit-text-stroke-color:var(--garlon-white,#fff);text-transform:uppercase;display:inline-block;position:relative;z-index:-2;} .hero-four__title img{display:inline!important;width:auto!important;object-fit:cover;border-radius:100px;border:2px solid var(--garlon-white,#fff);} @media (max-width:767px){ .hero-four__title img{display:none!important;} } @media (max-width:1199px){ .hero-four__title{font-size:100px;} } @media (max-width:991px){ .hero-four__title{font-size:80px;} } @media (max-width:575px){ .hero-four__title{font-size:60px;} } .hero-four__text{color:var(--garlon-white,#fff);font-size:20px;font-weight:500;line-height:150%;max-width:530px;width:100%;margin-bottom:40px;opacity:0;transition:transform 1200ms ease,opacity 1200ms ease;transform:translateX(400px);} .hero-four__text-round{width:163.188px;height:163.187px;position:absolute;right:0;bottom:-50px;display:flex;align-items:center;justify-content:center;font-size:25px;color:var(--garlon-white,#fff);} @media (max-width:767px){ .hero-four__text-round{display:none;} } .hero-four__text-round img{position:absolute;top:0;left:0;animation:rotated 8s ease-in-out infinite;} .hero-four__image{position:absolute;z-index:-1;bottom:-150px;left:50%;opacity:0;transition:transform 1200ms ease,opacity 1200ms ease;transform:translate(-50%,50%);} @media (max-width:767px){ .hero-four__image{display:none;} } .hero-four__image img{display:inline!important;width:auto!important;object-fit:cover;} @media (max-width:1199px){ .hero-four__image img{width:800px!important;} } .hero-four__btn{display:flex;align-items:center;gap:24px;overflow:hidden;opacity:0;transform:perspective(400px) rotateY(0deg) translateY(200px);transform-origin:bottom;transition:all 1500ms ease;} @media (max-width:575px){ .hero-four__btn{gap:10px;} } @media (max-width:500px){ .hero-four__btn{flex-direction:column;justify-content:start;align-items:start;} } .hero-four__btn .garlon-btn{background-color:var(--garlon-white,#fff);color:var(--garlon-text-dark,#222222);} @media (max-width:575px){ .hero-four__btn .garlon-btn{font-size:14px;padding:12px 30px;} } .hero-four__btn .garlon-btn i{color:var(--garlon-base,#209D2F);} .hero-four__btn .garlon-btn::before,.hero-four__btn .garlon-btn::after{background-color:var(--garlon-text-dark,#222222);} .hero-four__btn .garlon-btn:hover{color:var(--garlon-white,#fff);} .hero-four__btn .garlon-btn:hover i{color:var(--garlon-white,#fff);} .hero-four__btn__call{display:flex;align-items:center;} .hero-four__btn__call__icon{display:flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:50%;font-size:30px;line-height:100%;color:var(--garlon-base,#209D2F);background-color:var(--garlon-white,#fff);position:relative;z-index:1;transition:all 0.4s ease-in-out;} .hero-four__btn__call__number{display:block;background-color:var(--garlon-text-dark,#222222);color:var(--garlon-white,#fff);font-size:16px;font-weight:500;line-height:normal;padding:10px 25px 10px 40px;border-radius:50px;border:1px solid var(--garlon-white,#fff);margin-left:-30px;transition:all 0.4s ease-in-out;} .hero-four__btn__call:hover .hero-four__btn__call__icon{background-color:var(--garlon-text-dark,#222222);color:var(--garlon-white,#fff);} .hero-four__btn__call:hover .hero-four__btn__call__number{color:var(--garlon-base,#209D2F);} .hero-four__shape{position:absolute;bottom:0;left:-5px;transform:rotate(180deg);} .hero-four__shape-two{position:absolute;bottom:0;right:-5px;transform:rotate(180deg);} .hero-four .active .hero-four__bg{transform:scale(1.1);} .hero-four .active .hero-four__title{opacity:1;transition-delay:900ms;} .hero-four .active .hero-four__image{opacity:1;transform:translate(-50%,0%);transition-delay:1300ms;} .hero-four .active .hero-four__text{opacity:1;transform:translateX(0);transition-delay:1300ms;} .hero-four .active .hero-four__btn{opacity:1;transform:perspective(400px) rotateY(0deg) translateY(0px);transition-delay:1700ms;} .feature-two{position:relative;z-index:1;} .feature-two__item{position:relative;z-index:1;box-shadow:0px 0px 14.4px rgba(0,0,0,0.1);border-radius:10px;padding-top:1px;transition:all 0.4s ease-in-out;} .feature-two__item__content{padding:1px 20px 45px;position:relative;z-index:1;border-radius:10px;overflow:hidden;text-align:center;} .feature-two__item__content::after{content:"";width:100%;height:25px;background-repeat:no-repeat;background-size:cover;background-position:bottom left;background-image:url(../images/shapes/shape-footer.png);position:absolute;bottom:0;left:0;opacity:0.5;transition:all 0.4s ease-in-out;} .feature-two__item__icon{margin-top:-30px;width:65px;height:65px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-gray,#F2F2F2);color:var(--garlon-base,#209D2F);font-size:33px;margin-left:auto;margin-right:auto;margin-bottom:24px;position:relative;z-index:1;transition:all 0.4s ease-in-out;} .feature-two__item__icon i{transform:scaleX(1);transition:all 0.4s ease-in-out;} .feature-two__item__icon::after{content:"";position:absolute;left:-5px;right:-5px;bottom:-5px;top:-5px;border-radius:50%;background-color:transparent;border:1px dashed #DDDDDD;animation:rotated 7s ease-in-out infinite;transition:all 0.4s ease-in-out;} .feature-two__item__title{font-size:25px;font-weight:700;line-height:100%;text-transform:capitalize;margin-bottom:10px;text-align:center;} .feature-two__item__title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .feature-two__item__title a:hover{background-size:100% 1px;} .feature-two__item__text{margin-bottom:20px;text-align:center;transition:all 0.4s ease-in-out;} .feature-two__item__btn{display:block;overflow:hidden;margin-top:-40px;transition:all 0.4s ease-in-out;} .feature-two__item__btn a{display:block;color:var(--garlon-white,#fff);text-align:center;font-size:16px;font-weight:400;line-height:156.25%;transform:translateY(100px);} .feature-two__item__btn a:hover{color:var(--garlon-base,#209D2F);} .feature-two__item.active,.feature-two__item:hover{background-color:var(--garlon-text-dark,#222222);} .feature-two__item.active .feature-two__item__content::after,.feature-two__item:hover .feature-two__item__content::after{opacity:1;} .feature-two__item.active .feature-two__item__title,.feature-two__item.active .feature-two__item__text,.feature-two__item:hover .feature-two__item__title,.feature-two__item:hover .feature-two__item__text{color:var(--garlon-white,#fff);} .feature-two__item.active .feature-two__item__btn,.feature-two__item:hover .feature-two__item__btn{margin-top:0;} .feature-two__item.active .feature-two__item__btn a,.feature-two__item:hover .feature-two__item__btn a{transform:translateY(0);} .feature-two__item.active .feature-two__item__icon,.feature-two__item:hover .feature-two__item__icon{background-color:var(--garlon-base,#209D2F);color:var(--garlon-white,#fff);} .feature-two__item.active .feature-two__item__icon i,.feature-two__item:hover .feature-two__item__icon i{transform:scaleX(-1);} .feature-two__item.active .feature-two__item__icon::after,.feature-two__item:hover .feature-two__item__icon::after{border-color:var(--garlon-base,#209D2F);} .feature-two__shape{position:absolute;top:0px;right:10%;} .process-area{position:relative;z-index:1;background-color:var(--garlon-gray3,#F2F2F2);counter-reset:processCount;} .process-area__item{position:relative;z-index:1;margin-top:35px;} @media (max-width:1199px){ .process-area__item{margin-top:0;} } .process-area__item__number{text-align:center;display:block;margin-bottom:5px;} .process-area__item__number::before{counter-increment:processCount;content:counters(processCount,".",decimal-leading-zero);color:rgba(0,0,0,0);text-align:center;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:rgba(64,64,64,0.4);font-family:var(--garlon-heading-font,"Raleway",serif);font-size:100px;font-weight:700;line-height:100%;} @media (max-width:1199px){ .process-area__item__number::before{font-size:50px;line-height:100%;} } .process-area__item__thumb{max-width:270px;width:100%;height:270px;border-radius:50%;border:1px solid var(--garlon-base,#209D2F);padding:16px;background-color:var(--garlon-gray2,#D9D9D9);margin-bottom:30px;} @media (max-width:1199px){ .process-area__item__thumb{margin-left:auto;margin-right:auto;} } .process-area__item__thumb img{object-fit:cover;width:100%;border-radius:50%;} .process-area__item__content{position:relative;text-align:center;} .process-area__item__title{font-size:25px;font-weight:700;line-height:100%;text-transform:capitalize;margin-bottom:10px;} .process-area__item__title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .process-area__item__title a:hover{background-size:100% 1px;} .process-area__item__text{text-align:center;font-size:16px;font-weight:700;line-height:156.25%;margin:0;font-family:Raleway;} .process-area__line{position:absolute;bottom:-15%;left:10%;} @media (max-width:1199px){ .process-area__line{display:none;} } .process-area::after{content:"";width:100%;height:40px;background-repeat:repeat;background-size:cover;background-position:bottom left;background-image:url(../images/shapes/shape-footer3.png);position:absolute;bottom:0;left:0;} .feature-four{position:relative;z-index:5;} @media (min-width:1280px){ .feature-four .container{max-width:1280px;margin-left:auto;margin-right:auto;} } .feature-four__inner{padding:40px 50px 30px;background:transparent;position:relative;z-index:1;margin-top:-150px;} @media (max-width:1199px){ .feature-four__inner{box-shadow:drop-shadow(0px 1px 15.5px rgba(0,0,0,0.11));filter:drop-shadow(0px 1px 15.5px rgba(0,0,0,0.11));} } @media (max-width:991px){ .feature-four__inner{padding:20px 20px 30px;} } .feature-four__inner::after{content:"";position:absolute;top:0;left:-10px;right:-10px;height:100%;background-image:url(../images/shapes/bg-shape__4-1.png);background-repeat:no-repeat;background-size:cover;background-position:bottom left;} @media (max-width:1199px){ .feature-four__inner::after{display:none;} } .feature-four__item{position:relative;z-index:1;padding:25px 0px 0px;text-align:center;} .feature-four__item__icon{font-size:60px;color:var(--garlon-base,#209D2F);line-height:100%;transition:all 0.4s ease-in-out;} .feature-four__item__title{font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;margin-bottom:0px;} .feature-four__item__title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .feature-four__item__title a:hover{background-size:100% 1px;} .feature-four__item__text{margin-bottom:25px;max-width:227px;margin-left:auto;margin-right:auto;transition:all 0.4s ease-in-out;} .feature-four__item__shape{position:absolute;top:0;left:0;width:100%;height:calc(100% - 21px);background-color:#F2F2F2;z-index:-1;clip-path:polygon(0 0,100% 0,92% 100%,8% 100%);transition:all 0.4s ease-in-out;} @media (max-width:1199px){ .feature-four__item__shape{clip-path:none;background-color:#F2F2F2;overflow:hidden;} } .feature-four__item__shape--two{clip-path:polygon(8% 0,92% 0,100% 100%,0% 100%);} @media (max-width:1199px){ .feature-four__item__shape--two{clip-path:none;background-color:#F2F2F2;overflow:hidden;} } .feature-four__item__shape--two span:first-child{top:-30px;right:-10px;} .feature-four__item__shape--two span:nth-child(2){top:46px;left:-35px;} .feature-four__item__shape span{width:80px;height:80px;border-radius:50%;background-color:#D4D4D4;position:absolute;transition:all 0.4s ease-in-out;} .feature-four__item__shape span:first-child{top:-30px;right:-30px;} .feature-four__item__shape span:nth-child(2){top:46px;left:-45px;} .feature-four__item__shape img{object-fit:cover;position:absolute;bottom:0;left:0;z-index:-1;visibility:hidden;opacity:0;transition:all 0.4s ease-in-out;} .feature-four__item__btn{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-text-dark,#222222);margin-left:auto;margin-right:auto;font-size:22px;color:var(--garlon-white,#fff);transition:all 0.4s ease-in-out;} .feature-four__item__btn:hover{background-color:var(--garlon-base,#209D2F);transform:rotate(45deg);} .feature-four__item:hover .feature-four__item__icon,.feature-four__item:hover .feature-four__item__title,.feature-four__item:hover .feature-four__item__text{color:var(--garlon-white,#fff);} .feature-four__item:hover .feature-four__item__shape{background-color:var(--garlon-text-dark,#222222);} .feature-four__item:hover .feature-four__item__shape img{visibility:visible;opacity:0.4;} .feature-four__item:hover .feature-four__item__shape span{background-color:var(--garlon-base,#209D2F);} .feature-one{position:relative;z-index:1;} .feature-one__box{margin-top:-75px;position:relative;z-index:1;} @media (max-width:767px){ .feature-one__box{margin-top:0;padding-top:60px;} } .feature-one__item__inner{position:relative;z-index:1;} .feature-one__item{padding-top:1px;margin-bottom:68px;padding-bottom:1px;background-color:#F2F2F2;position:relative;z-index:1;border-radius:15px;transition:all 0.4s ease-in-out;} .feature-one__item__icon-bottom,.feature-one__item__icon-top{width:83px;height:63px;margin-left:auto;margin-right:auto;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--garlon-white,#fff);transition:all 0.4s ease-in-out;} .feature-one__item__icon-bottom::after, .feature-one__item__icon-top::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-mask: url('data:image/svg+xml;utf8, '); mask: url('data:image/svg+xml;utf8, '); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: top center; mask-position: top center; -webkit-mask-size: auto; mask-size: auto; z-index: -1; background-color: var(--garlon-base, #209D2F); transition: all 0.4s ease-in-out; } .feature-one__item__icon-bottom::before, .feature-one__item__icon-top::before { content: ""; width: 100%; background-color: var(--garlon-text-dark, #222222); height: 100%; position: absolute; bottom: -5px; left: 0; -webkit-mask: url('data:image/svg+xml;utf8, '); mask: url('data:image/svg+xml;utf8, '); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: top center; mask-position: top center; -webkit-mask-size: auto; mask-size: auto; z-index: -1; transition: all 0.4s ease-in-out; } .feature-one__item__icon-top{visibility:hidden;opacity:0;margin-top:-62px;margin-bottom:40px;} .feature-one__item__icon-bottom{margin-bottom:-63px;} .feature-one__item__icon-bottom::after{background-color:var(--garlon-text-dark,#222222);} .feature-one__item__icon-bottom::before{background-color:var(--garlon-base,#209D2F);} .feature-one__item__title{color:var(--garlon-text-dark,#222222);font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;margin:0;text-align:center;} .feature-one__item__title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .feature-one__item__title a:hover{background-size:100% 1px;} .feature-one__item__title a:hover{color:var(--garlon-base,#209D2F);} .feature-one__item__text{margin-bottom:33px;text-align:center;} .feature-one__item::before{content:"";width:100%;height:30px;position:absolute;top:0;left:0;border-radius:0 0 15px 15px;background-repeat:no-repeat;background-image:url(../images/shapes/shape-footer3.png);transform:rotateX(180deg);opacity:0.4;visibility:visible;transition:all 0.4s ease-in-out;} .feature-one__item::after{content:"";width:100%;height:30px;position:absolute;bottom:0;left:0;background-repeat:no-repeat;background-image:url(../images/shapes/shape-footer3.png);border-radius:0 0 15px 15px;visibility:hidden;opacity:0;transition:all 0.4s ease-in-out;} .feature-one__item.active,.feature-one__item:hover{margin-bottom:0px;background-color:var(--garlon-white,#fff);filter:drop-shadow(0px 2px 12.3px rgba(0,0,0,0.1));} .feature-one__item.active .feature-one__item__icon-bottom,.feature-one__item.active::before,.feature-one__item:hover .feature-one__item__icon-bottom,.feature-one__item:hover::before{opacity:0;visibility:hidden;} .feature-one__item.active .feature-one__item__icon-top,.feature-one__item:hover .feature-one__item__icon-top{margin-top:0;} .feature-one__item.active .feature-one__item__icon-top,.feature-one__item.active::after,.feature-one__item:hover .feature-one__item__icon-top,.feature-one__item:hover::after{visibility:visible;opacity:1;} .about-one{position:relative;z-index:1;} .about-one__thumb{position:relative;z-index:1;height:100%;} .about-one__thumb__item{position:absolute;top:0;left:0;z-index:1;margin-right:70px;} .about-one__thumb__item img{object-fit:cover;width:100%;} .about-one__thumb__item::after{content:"";width:calc(100% - 11px);height:190px;position:absolute;right:-11px;bottom:-11px;background-color:var(--garlon-white,#fff);z-index:-1;} .about-one__thumb__small-item{text-align:end;padding-top:165px;margin-left:42px;} .about-one__thumb__small-item img{object-fit:cover;width:100%;} .about-one__thumb__small-item .about-one__video{position:absolute;bottom:0;left:0;} .about-one__thumb__small-item .about-one__btn__icon{width:84px;height:84px;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-white,#fff);border-radius:50%;font-size:58px;color:var(--garlon-base,#209D2F);transition:all 0.4s ease-in-out;} .about-one__thumb__small-item .about-one__btn__icon:hover{background-color:var(--garlon-base,#209D2F);color:var(--garlon-white,#fff);} .about-one__thumb__small-item .about-one__btn__text{color:var(--garlon-white,#fff);font-size:20px;font-weight:500;line-height:normal;text-transform:uppercase;margin:0;margin-left:80px;font-family:var(--garlon-heading-font,"Raleway",serif);} .about-one__thumb__shape{position:absolute;top:0;right:0;} .about-one__content .sec-title{padding-bottom:20px;} .about-one__content__text{margin-bottom:30px;} @media (min-width:992px){ .about-one__content__text{max-width:508px;width:100%;} } .about-one__list-box{display:flex;align-items:center;border-top:1px solid var(--garlon-border-color,#DDDDDD);border-bottom:1px solid var(--garlon-border-color,#DDDDDD);padding-top:20px;padding-bottom:20px;} @media (max-width:575px){ .about-one__list-box{padding-top:10px;gap:20px;padding-bottom:10px;flex-direction:column;justify-content:start;align-items:start;} } .about-one__list__icon { max-width: 128px; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 128px; -webkit-mask: url('data:image/svg+xml;utf8, '); mask: url('data:image/svg+xml;utf8, '); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: top center; mask-position: top center; -webkit-mask-size: auto; mask-size: auto; background-color: var(--garlon-base, #209D2F); } .about-one__list__icon i{margin-top:-10px;font-size:25px;line-height:100%;color:var(--garlon-white,#fff);} .about-one__list__icon-text{font-size:16px;color:var(--garlon-white,#fff);text-align:center;text-transform:uppercase;line-height:normal;} .about-one__list__icon-text span{display:block;} .about-one__list{margin:0;border-left:1px solid var(--garlon-border-color,#DDDDDD);padding-left:30px;margin-left:30px;} @media (max-width:575px){ .about-one__list{border-left:1px solid transparent;padding-left:0px;margin-left:0px;} } .about-one__list li{display:flex;align-items:center;justify-content:start;color:var(--garlon-text-dark2,#333333);font-size:16px;font-weight:500;line-height:162.5%;text-transform:uppercase;transition:all 500ms ease-in-out;} .about-one__list li span{background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .about-one__list li span:hover{background-size:100% 1px;} .about-one__list li i{font-size:20px;color:var(--garlon-text-dark,#222222);margin-right:10px;transition:all 500ms ease-in-out;} .about-one__list li:hover{color:var(--garlon-base,#209D2F);} .about-one__list li:hover i{color:var(--garlon-base,#209D2F);} .about-one__list li + li{margin-top:8px;} .about-one__user-box{display:flex;align-items:center;} @media (max-width:575px){ .about-one__user-box{margin-top:20px;flex-direction:column;align-items:start;gap:10px;} } .about-one__user{display:flex;align-items:center;gap:30px;border-right:1px solid var(--garlon-border-color,#DDDDDD);margin-right:20px;padding-right:30px;padding-top:30px;} @media (max-width:1199px) and (min-width:992px){ .about-one__user{padding-right:0;border-right:0;} } @media (max-width:575px){ .about-one__user{border-right:1px solid transparent;padding-top:0;padding-right:0;} } .about-one__user__thumb{width:76px;height:76px;border-radius:50%;padding:5px;border:1px solid var(--garlon-base,#209D2F);} .about-one__user__thumb img{object-fit:cover;width:100%;border-radius:50%;} .about-one__user__name{color:var(--garlon-text-dark,#222222);font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;margin:-5px;} .about-one__user__text{color:#5E5B5B;font-size:16px;font-weight:400;line-height:156.25%;margin:0;} .about-one .about-one__shape{position:absolute;bottom:7%;right:0;} @media (max-width:1400px){ .about-one .about-one__shape{display:none;} } .about-two{position:relative;z-index:1;} .about-two__content .sec-title{padding-bottom:10px;} .about-two__content__text{margin:0;max-width:508px;width:100%;} .about-two__content__text span{color:var(--garlon-base,#209D2F);} .about-two__content__text + .about-two__content__text{padding-top:25px;margin-top:25px;border-top:1px solid var(--garlon-border-color,#DDDDDD);color:var(--garlon-text-dark2,#333333);} .about-two__list{margin:0;padding:0;margin-top:20px;display:flex;align-items:center;} @media (max-width:1199px) and (min-width:992px),(max-width:767px){ .about-two__list{flex-direction:column;justify-content:start;align-items:start;gap:10px;} } .about-two__list__icon{font-size:55px;color:var(--garlon-base,#209D2F);line-height:normal;transition:all 0.4s ease-in-out;display:flex;} .about-two__list__icon i{transition:all 0.4s ease-in-out;transform:scaleX(1);} .about-two__list__item{display:flex;align-items:center;gap:22px;} .about-two__list__item:hover .about-two__list__icon i{transform:scaleX(-1);} .about-two__list__item + .about-two__list__item{padding-left:30px;margin-left:25px;position:relative;z-index:1;} @media (max-width:1199px) and (min-width:992px),(max-width:767px){ .about-two__list__item + .about-two__list__item{padding-left:0;margin-left:0;} .about-two__list__item + .about-two__list__item::after{display:none;} } .about-two__list__item + .about-two__list__item::after{content:"";width:1px;height:40px;position:absolute;left:0;background-color:var(--garlon-border-color,#DDDDDD);} .about-two__list__title{font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;margin:0;} .about-two__list__text{margin:0;} .about-two__list + .about-two__btn{border-top:1px solid var(--garlon-border-color,#DDDDDD);padding-top:30px;margin-top:30px;} .about-two__btn{display:flex;align-items:center;gap:50px;} @media (max-width:575px){ .about-two__btn{gap:20px;flex-direction:column;justify-content:start;align-items:start;} } .about-two__btn__text{display:block;color:var(--garlon-text-dark2,#333333);font-family:var(--garlon-heading-font,"Raleway",serif);font-size:20px;font-weight:400;line-height:normal;text-transform:uppercase;margin:0;color:var(--garlon-text-dark,#222222);} .about-two__video{display:flex;align-items:center;gap:20px;} .about-two__video i{font-size:50px;line-height:normal;color:var(--garlon-base,#209D2F);} .about-two__thumb{position:relative;z-index:1;} .about-two__thumb__item{padding-bottom:40px;} @media (max-width:575px){ .about-two__thumb__item{padding-bottom:20px;} } .about-two__thumb__item img{border-radius:0px 200px 0px 0px;object-fit:cover;} @media (max-width:1199px) and (min-width:992px),(max-width:767px){ .about-two__thumb__item img{width:100%;object-fit:cover;} } .about-two__thumb__small{position:absolute;bottom:0;right:0;z-index:1;} @media (max-width:1199px) and (min-width:992px),(max-width:767px){ .about-two__thumb__small img{width:250px;object-fit:cover;} } @media (max-width:575px){ .about-two__thumb__small{position:relative;z-index:1;} } .about-two__thumb__small img{border-radius:0px 200px 0px 0px;transform:matrix(-1,0,0,1,0,0);object-fit:cover;border:10px solid var(--garlon-white,#fff);border-bottom:none;border-radius:none;} @media (max-width:575px){ .about-two__thumb__small img{border-radius:0;width:100%;border:none;} } .about-two__funfact{position:absolute;bottom:0;left:0;} .about-two__funfact__count{display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;line-height:normal;text-transform:uppercase;margin:0;border-radius:10px 10px 0px 0px;background:var(--garlon-white,#fff);width:68px;height:45px;flex-shrink:0;margin-left:30px;} .about-two__funfact__text{color:var(--garlon-white,#fff);font-size:18px;font-weight:700;line-height:normal;text-transform:uppercase;margin:0;background-color:var(--garlon-base,#209D2F);padding:11px 40px;} .about-two__shape-one{position:absolute;top:50px;left:-64px;z-index:-1;} .about-two__shape-two{position:absolute;top:0px;right:-20px;z-index:-1;} .about-two__shape-two img{animation:movebounce3 3s ease-in-out infinite;} .about-two__shape{position:absolute;top:120px;right:10%;} .about-two__shape img{animation:movebounce2 3s ease-in-out infinite;} .about-three{position:relative;z-index:1;} .about-three__content{position:relative;} .about-three__content .about-three__text{margin-bottom:25px;} .about-three__content .sec-title{padding-bottom:10px;} .about-three__list{margin-bottom:20px;} .about-three__list__item{display:flex;align-items:center;gap:20px;} .about-three__list__item:hover .about-three__list__icon{background-color:var(--garlon-text-dark,#222222);} .about-three__list__item:hover .about-three__list__icon span{background-color:var(--garlon-base,#209D2F);} .about-three__list__item + .about-three__list__item{border-top:1px solid var(--garlon-border-color,#DDDDDD);padding-top:30px;margin-top:30px;} .about-three__list__icon{max-width:80px;width:100%;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-base,#209D2F);color:var(--garlon-white,#fff);font-size:30px;position:relative;z-index:1;transition:all 0.4s ease-in-out;} .about-three__list__icon span{width:31px;height:31px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-text-dark,#222222);border:3px solid var(--garlon-white,#fff);font-size:12px;position:absolute;top:-4px;right:-8px;transition:all 0.4s ease-in-out;} .about-three__list__title{font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;margin-bottom:0px;} .about-three__list__text{margin:0;} .about-three__depend{color:var(--garlon-text-dark2,#333333);font-family:var(--garlon-heading-font,"Raleway",serif);font-size:20px;font-weight:600;line-height:25px;text-transform:capitalize;margin:0;} .about-three__depend span{color:var(--garlon-base,#209D2F);} .about-three__depend span i{font-size:14px;} .about-three__thumb{position:relative;z-index:1;} .about-three__thumb::after{content:"";width:100%;position:absolute;bottom:0;left:0;background-color:var(--garlon-text-dark,#222222);height:176px;border-radius:30px 30px 0px 0px;z-index:-1;} .about-three__thumb-item{padding-left:20px;padding-right:20px;position:relative;z-index:1;} .about-three__thumb-item img{object-fit:cover;width:100%;} .about-three__funfact{background-color:var(--garlon-base,#209D2F);border-left:10px solid var(--garlon-white,#fff);border-right:10px solid var(--garlon-white,#fff);display:flex;align-items:center;justify-content:center;padding:4px 52px;max-width:385px;margin-left:auto;margin-right:auto;width:100%;} .about-three__funfact__count{display:flex;align-items:center;color:var(--garlon-white,#fff);font-size:50px;font-weight:700;line-height:100%;margin:0;} .about-three__funfact__count span{display:block;} .about-three__funfact__text{color:var(--garlon-white,#fff);font-size:18px;font-weight:700;line-height:normal;text-transform:uppercase;margin:0;padding-left:12px;border-left:2px solid var(--garlon-white,#fff);margin-left:12px;} .about-three__shape{position:absolute;right:0;bottom:0;} .about-four{position:relative;z-index:1;} .about-four .sec-title{padding-bottom:10px;} .about-four .about-four__text{margin-bottom:30px;} .about-four__thumb{position:relative;z-index:1;} .about-four__thumb__box{display:flex;align-items:center;gap:10px;border-radius:50px 200px 50px 200px;overflow:hidden;} .about-four__thumb-shape-one{position:absolute;top:5%;right:0;z-index:-1;} .about-four__thumb-shape-two{position:absolute;bottom:5%;left:0;z-index:-1;} .about-four__feature{display:flex;align-items:start;gap:25px;border-bottom:1px solid var(--garlon-border-color,#DDDDDD);margin-bottom:40px;} .about-four__feature__funfact{background-color:var(--garlon-text-dark,#222222);clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%,0% 50%);margin-bottom:30px;} .about-four__feature__funfact .feature__funfact__content{padding:6px 33px;border-left:5px solid var(--garlon-base,#209D2F);display:flex;align-items:center;} .about-four__feature__funfact .feature__funfact__count{display:flex;align-items:center;justify-content:start;color:var(--garlon-white,#fff);font-size:50px;font-weight:700;line-height:100%;margin:0;} .about-four__feature__funfact .feature__funfact__text{color:var(--garlon-white,#fff);font-size:18px;font-weight:700;line-height:normal;text-transform:uppercase;margin:0;margin-left:13px;padding-left:13px;border-left:1px solid var(--garlon-white,#fff);} .about-four__feature__list{margin:0;} .about-four__feature__list__item{display:flex;align-items:center;justify-content:start;color: #15161b;font-size:16px;font-weight:300;line-height:1.4;transition:all 0.4s ease-in-out;} .about-four__feature__list__item span{color:inherit;transition:all 0.4s ease-in-out;display:block;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .about-four__feature__list__item i{font-size:18px;margin-right:8px;} .about-four__feature__list__item + .about-four__feature__list__item{margin-top:12px;} .about-four__btn{display:flex;align-items:center;gap:50px;} .about-four__btn__text{display:block;color:var(--garlon-text-dark2,#333333);font-family:var(--garlon-heading-font,"Raleway",serif);font-size:20px;font-weight:400;line-height:normal;text-transform:uppercase;margin:0;color:var(--garlon-text-dark,#222222);} .about-four__video{display:flex;align-items:center;gap:20px;} .about-four__video i{font-size:50px;line-height:normal;color:var(--garlon-base,#209D2F);} .about-four__thumb__boxs{width:161px;height:161px;border-radius:50%;display:flex;align-items:center;background-color:var(--garlon-base,#209D2F);justify-content:center;border:10px solid var(--garlon-white,#fff);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} .about-four__thumb__boxs::after{content:"\e908";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:130px;z-index:-1;color:var(--garlon-white,#fff);font-family:"icomoon"!important;} .about-four__thumb__icon{font-size:20px;color:var(--garlon-base,#209D2F);text-align:center;line-height:0;} .about-four__thumb__icon-text{font-size:16px;color:var(--garlon-base,#209D2F);text-align:center;line-height:120%;font-weight:700;} .about-four__thumb__icon-text span{display:block;} .about-four__shape{position:absolute;bottom:0;right:5%;z-index:-1;} .server-card{position:relative;z-index:1;border:1px solid var(--garlon-border-color,#DDDDDD);padding:30px;border-radius:10px;overflow:hidden;background-color:var(--garlon-white,#fff);counter-increment:serviceCard;} .server-card::after{width:72px;height:62px;content:"";position:absolute;top:0;left:41px;background-color:var(--garlon-text-dark,#222222);z-index:1;transition:all 500ms ease-in-out;} .server-card__bg{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;z-index:-1;transform:scale(1.2);visibility:hidden;opacity:0;transition:all 500ms ease-in-out;} .server-card__bg::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(21,22,27,0.84);} .server-card__count{content:"";width:92px;height:92px;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-base,#209D2F);border-radius:50%;position:absolute;top:-18px;right:-14px;} .server-card__count::before{margin-top:20px;content:counters(serviceCard,".",decimal-leading-zero);color:rgba(34,34,34,0);text-align:center;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:var(--garlon-white,#fff);font-family:var(--garlon-heading-font,"Raleway",serif);font-size:45px;font-weight:500;line-height:100%;} .server-card__icon{width:97px;height:97px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--garlon-white,#fff);filter:drop-shadow(0px 2px 7.2px rgba(0,0,0,0.11));font-size:45px;color:var(--garlon-base,#209D2F);margin-bottom:20px;position:relative;z-index:2;transition:all 0.4s ease-in-out;} .server-card__icon i{transition:all 0.4s ease-in-out;} .server-card__title{color:var(--garlon-text-dark,#222222);font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;margin-bottom:7px;} .server-card__title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .server-card__title a:hover{background-size:100% 1px;} .server-card__title a:hover{color:var(--garlon-base,#209D2F);} .server-card__text{margin-bottom:15px;transition:all 0.5s ease-in-out;} .server-card__content__btn{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;} .server-card__content__btn::after{content:"";position:absolute;height:0.9px;top:50%;left:105px;right:30px;transform:translateY(-50%);background-color:var(--garlon-border-color,#DDDDDD);z-index:-1;transition:all 0.5s ease-in-out;} .server-card__content__btn__text{color:#5E5B5B;font-size:16px;font-weight:400;line-height:156.25%;text-transform:uppercase;transition:all 0.5s ease-in-out;} .server-card__content__btn__icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-text-dark,#222222);font-size:20px;font-weight:400;color:var(--garlon-white,#fff);transition:all 0.5s ease-in-out;} .server-card__content__btn:hover .server-card__content__btn__icon{transform:rotate(45deg);background-color:var(--garlon-base,#209D2F);} .server-card__content__btn:hover .server-card__content__btn__text{color:var(--garlon-base,#209D2F)!important;} .server-card__shape,.server-card__shape-hover{position:absolute;top:30px;left:120px;z-index:1;transition:all 0.5s ease-in-out;} .server-card__shape-hover{visibility:hidden;opacity:0;} .server-card:hover .server-card__shape{visibility:hidden;opacity:0;} .server-card:hover .server-card__shape-hover{visibility:visible;opacity:1;} .server-card:hover .server-card__bg{visibility:visible;opacity:1;transform:scale(1);} .server-card:hover::after{background-color:var(--garlon-base,#209D2F);} .server-card:hover .server-card__title,.server-card:hover .server-card__text,.server-card:hover .server-card__content__btn__text{color:var(--garlon-white,#fff);} .server-card:hover .server-card__icon i{transform:scaleX(-1);} .service-page{position:relative;z-index:1;counter-reset:serviceCard;} .service-page__bg{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;} /***** Service Two */ .service-card-two{position:relative;z-index:1;margin-top:58px;margin-bottom:41px;} .service-card-two__inner{position:relative;z-index:1;padding:1px 8px 8px;border-radius:20px;background:var(--garlon-white,#fff);transition:all 600ms ease-in-out;} .service-card-two__icon{margin-top:-56px;width:111px;height:111px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-gray,#F2F2F2);border:7px solid var(--garlon-white,#fff);margin-left:auto;margin-right:auto;font-size:50px;color:var(--garlon-base,#209D2F);margin-bottom:10px;position:relative;z-index:1;transition:all 500ms ease-in-out;} .service-card-two__icon::after{content:"";position:absolute;top:0;left:0;transition:all 0.5s ease-in-out;background-color:var(--garlon-base,#209D2F);width:100%;height:100%;border-radius:50%;z-index:-1;transform:scale(0.1);visibility:hidden;opacity:0;} .service-card-two__content{padding-left:20px;padding-right:20px;} .service-card-two__thumb{position:relative;overflow:hidden;border:2px solid var(--garlon-white,#fff);border-radius:15px;} .service-card-two__thumb img{object-fit:cover;width:100%;} .service-card-two__thumb img:nth-child(2){position:absolute;top:0;left:0;object-fit:cover;visibility:hidden;height:100%;width:0;transition:1s;overflow:hidden;} .service-card-two__title{font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;text-align:center;margin:0px;} .service-card-two__title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .service-card-two__title a:hover{background-size:100% 1px;} .service-card-two__text{text-align:center;margin-bottom:25px;transition:all 600ms ease-in-out;} .service-card-two__btn{margin-top:8px;margin-bottom:-49px;position:absolute;left:50%;transform:translate(-50%,-100%);z-index:-1;visibility:hidden;opacity:0;transition:all 600ms ease;} .service-card-two__btn a{width:41px;height:41px;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-base,#209D2F);border-radius:0px 0px 10px 10px;color:var(--garlon-white,#fff);font-size:16px;} .service-card-two__shape-one{position:absolute;left:10px;bottom:50%;visibility:hidden;opacity:0;transition:all 0.4s ease-in-out;} .service-card-two__shape-two{position:absolute;right:10px;bottom:50%;visibility:hidden;opacity:0;transition:all 0.4s ease-in-out;} .service-card-two:hover .service-card-two__shape-one,.service-card-two:hover .service-card-two__shape-two{visibility:visible;opacity:1;} .service-card-two:hover .service-card-two__inner{background-color:var(--garlon-text-dark,#222222);} .service-card-two:hover .service-card-two__title,.service-card-two:hover .service-card-two__text{color:var(--garlon-white,#fff);} .service-card-two:hover .service-card-two__icon{color:var(--garlon-white,#fff);} .service-card-two:hover .service-card-two__icon::after{visibility:visible;opacity:1;transform:scale(1);} .service-card-two:hover .service-card-two__btn{visibility:visible;opacity:1;transform:translate(-50%,0%);} .service-card-two:hover .service-card-two__thumb img:nth-child(2){width:100%;visibility:visible;} .service-one{position:relative;z-index:1;} .service-one__bg{position:absolute;top:0;left:0;width:100%;height:100%;} .service-three{position:relative;z-index:1;background-color:var(--garlon-gray,#F2F2F2);} .service-three__item{border-radius:60px;background:var(--garlon-white,#fff);padding:5px;display:flex;align-items:center;justify-content:space-between;gap:50px;position:relative;transition:all 0.4s ease-in-out;} @media (max-width:767px){ .service-three__item{flex-direction:column;justify-content:center;align-items:center;padding:10px;gap:20px;} } .service-three__item__content{display:flex;align-items:center;justify-content:start;gap:30px;width:100%;} @media (max-width:767px){ .service-three__item__content{flex-direction:column;justify-content:center;align-items:center;gap:20px;} } .service-three__item__inner{display:flex;align-items:center;justify-content:start;gap:30px;} .service-three__item__icon{max-width:70px;width:100%;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-text-dark,#222222);color:var(--garlon-white,#fff);font-size:35px;overflow:hidden;transition:all 0.4s ease-in-out;} .service-three__item__title{font-size:25px;font-weight:700;line-height:100%;text-transform:capitalize;max-width:220px;width:100%;margin:0;transition:all 0.4s ease-in-out;} .service-three__item__text{color:#5E5B5B;font-size:16px;font-weight:400;line-height:156.25%;margin:0;margin-left:30px;padding-left:30px;position:relative;z-index:1;max-width:510px;width:100%;transition:all 0.4s ease-in-out;} @media (max-width:767px){ .service-three__item__text{text-align:center;} } @media (max-width:991px){ .service-three__item__text{margin-left:0;padding-left:0;} .service-three__item__text::after{display:none;} } .service-three__item__text::after{content:"";position:absolute;left:0;width:2px;bottom:0;height:100%;transform:rotate(29.21deg);background-color:var(--garlon-base,#209D2F);transition:all 0.4s ease-in-out;} .service-three__item__btn a{width:65px;height:65px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-base,#209D2F);color:var(--garlon-white,#fff);font-size:25px;transition:all 0.4s ease-in-out;} .service-three__item__box{position:absolute;top:50%;transition:all 0.2s ease-in-out;transform:translateY(-50%);opacity:0;z-index:3;border:1px dashed var(--garlon-base,#209D2F);} .service-three__item__box img{border:5px solid var(--garlon-white,#fff);} .service-three__item:hover{background-color:var(--garlon-text-dark,#222222);} .service-three__item:hover .service-three__item__title,.service-three__item:hover .service-three__item__text{color:var(--garlon-white,#fff);} .service-three__item:hover .service-three__item__text::after{background-color:var(--garlon-white,#fff);} .service-three__item:hover .service-three__item__icon{background-color:var(--garlon-base,#209D2F);} .service-three__item:hover .service-three__item__icon i{animation:iconTranslateX 0.4s forwards;} .service-three__item:hover .service-three__item__btn a{background-color:var(--garlon-white,#fff);transform:rotate(45deg);color:var(--garlon-base,#209D2F);} .service-three__item + .service-three__item{margin-top:40px;} /***** Service Two */ .service-two{position:relative;z-index:1;background-color:var(--garlon-text-dark,#222222);} .service-two__bg{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;} .service-two__top{margin-bottom:30px;display:flex;width: 100%;text-align: center;} .service-two__top .sec-title{padding-bottom:0;} .service-two__top .sec-title .sec-title__title{color:var(--garlon-white,#fff);} .service-two__top__custome-navs{position:relative;display:flex;align-items:end;justify-content:flex-end;gap:20px;} .service-two__top__custome-navs button{border:none;outline:none;width:50px;height:50px;border-radius:50%;margin:0;padding:0;opacity:1;background-color:var(--garlon-base,#209D2F);border:1px solid transparent;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--garlon-white,#fff);transition:all 500ms ease;} .service-two__top__custome-navs button:hover{background-color:transparent;border-color:var(--garlon-base,#209D2F);color:var(--garlon-base,#209D2F);} .service-two__top__custome-navs button.owl-prev{background-color:transparent;border-color:var(--garlon-base,#209D2F);color:var(--garlon-base,#209D2F);} .service-two__top__custome-navs button.owl-prev:hover{color:var(--garlon-white,#fff);background-color:var(--garlon-base,#209D2F);border-color:var(--garlon-base,#209D2F);} .service-two__item{position:relative;z-index:1;background-color:var(--garlon-white,#fff);border-radius:0px 50px;border:1px solid var(--garlon-white,#fff);padding:10px;overflow:hidden;transition:all 0.4s ease-in-out;} .service-two__item::after{content:"";width:115px;height:115px;transform:rotate(45.403deg);flex-shrink:0;background:rgba(32,157,47,0.5);position:absolute;bottom:-72px;right:-75px;transition:all 0.4s ease-in-out;} .service-two__item:hover{background-color:var(--garlon-text-dark,#222222);border-color:#7B7B7B;} .service-two__item:hover .service-two__content__icon{background-color:var(--garlon-base,#209D2F);color:var(--garlon-white,#fff);} .service-two__item:hover .service-two__content__title,.service-two__item:hover .service-two__content__text{color:var(--garlon-white,#fff);} .service-two__item:hover .service-two__content__btn a span{color:var(--garlon-base,#209D2F);} .service-two__item:hover .service-two__content__btn a::after{background:rgba(221,221,221,0.2);} .service-two__item:hover .service-two__content__btn a i{background-color:var(--garlon-base,#209D2F);transform:rotate(45deg);} .service-two__item:hover::after{background-color:var(--garlon-base,#209D2F);} .service-two__thumb img{object-fit:cover;width:100%;border-top-right-radius:40px;} .service-two__content{padding:0px 20px 20px;} .service-two__content__top{display:flex;align-items:center;justify-content:start;gap:23px;margin-bottom:20px;} .service-two__content__title{font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;margin:0;} .service-two__content__title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .service-two__content__title a:hover{background-size:100% 1px;} .service-two__content__text{margin-bottom:10px;transition:all 0.4s ease-in-out;} .service-two__content__icon{max-width:68px;width:100%;height:68px;display:flex;align-items:center;justify-content:center;} .service-two__content__btn a{display:flex;align-items:center;justify-content:space-between;color:var(--garlon-text,#5E5B5B);font-size:16px;font-weight:400;line-height:156.25%;text-transform:uppercase;position:relative;z-index:1;transition:all 0.4s ease-in-out;} .service-two__content__btn a::after{content:"";width:165px;height:1px;top:50%;right:25px;background-color:var(--garlon-gray3,#F2F2F2);position:absolute;z-index:-1;transition:all 0.4s ease-in-out;} .service-two__content__btn a i{width:31px;height:31px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-text-dark,#222222);color:var(--garlon-white,#fff);font-size:20px;transition:all 0.4s ease-in-out;} .service-details{position:relative;z-index:1;} .service-details__top{margin-bottom:40px;} .service-details__top__thumb img{object-fit:cover;width:100%;} .service-details__title{font-size:42px;font-weight:700;line-height: 1.4text-transform:capitalize;margin-bottom:20px;} .service-details__text{margin:0;} .service-details__content{margin-bottom:40px;} .service-details__feature{position:relative;} .service-details__feature__title{font-size:25px;font-weight:700;line-height:104%;text-transform:capitalize;margin-bottom:10px;} .service-details__feature__text{margin-bottom:20px;} .service-details__feature__list{margin-bottom:20px;} .service-details__feature__list__item{display:flex;align-items:center;gap:20px;} .service-details__feature__list__item:hover .service-details__feature__list__icon{background-color:var(--garlon-text-dark,#222222);} .service-details__feature__list__item:hover .service-details__feature__list__icon span{background-color:var(--garlon-base,#209D2F);} .service-details__feature__list__item + .service-details__feature__list__item{margin-top:30px;} .service-details__feature__list__icon{max-width:80px;width:100%;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-base,#209D2F);color:var(--garlon-white,#fff);font-size:30px;position:relative;z-index:1;transition:all 0.4s ease-in-out;} .service-details__feature__list__icon span{width:31px;height:31px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-text-dark,#222222);border:3px solid var(--garlon-white,#fff);font-size:12px;position:absolute;top:-4px;right:-8px;transition:all 0.4s ease-in-out;} .service-details__feature__list__title{font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;margin-bottom:0px;} .service-details__feature__list__text{margin:0;} .service-details__feature__thumb{display:flex;align-items:center;gap:30px;} .service-details__feature__thumb img{object-fit:cover;width:100%;height:auto;} .service-details__feature__depend{color:var(--garlon-text-dark2,#333333);font-family:var(--garlon-heading-font,"Raleway",serif);font-size:20px;font-weight:600;line-height:25px;text-transform:capitalize;margin:0;} .service-details__feature__depend span{color:var(--garlon-base,#209D2F);} .service-details__feature__depend span i{font-size:14px;} .service-details__feature + .service-details__content{margin-top:40px;margin-bottom:0;} .service-details__feature + .service-details__content .service-sidebar__text{margin-bottom:0;} body.boxed-wrapper{position:relative;} body.boxed-wrapper .page-wrapper{max-width:1600px;margin-left:auto;margin-right:auto;background-color:var(--garlon-white,#fff);box-shadow:0px 0px 100px 0px rgba(var(--garlon-black2-rgb,21,22,27),0.08);} .work-process-one{position:relative;z-index:1;} .work-process-one .work-process-one__list{display:flex;align-items:start;width:100%;border-radius:6px;background-color:#F2F2F2;overflow:hidden;margin:0;} @media (max-width:991px){ .work-process-one .work-process-one__list{flex-wrap:wrap;gap:30px;background-color:transparent;border-radius:0;} } .work-process-one .work-process-one__list__item{flex:25%;width:25%;transition:all 0.4s ease-in-out;position:relative;z-index:1;padding-bottom:42px;} @media (max-width:991px){ .work-process-one .work-process-one__list__item{flex:47%;width:47%;background-color:#F2F2F2;border-radius:6px;} } @media (max-width:767px){ .work-process-one .work-process-one__list__item{flex:100%;width:100%;} } .work-process-one .work-process-one__list__item:hover{background:var(--garlon-white,#fff);box-shadow:0px 0px 12.3px 5px rgba(0,0,0,0.15);} .work-process-one .work-process-one__list__item:hover .work-process-one__list__icon{background-color:var(--garlon-base,#209D2F);color:var(--garlon-white,#fff);} .work-process-one .work-process-one__list__item:hover .work-process-one__list__icon::after{border-color:var(--garlon-white,#fff);} .work-process-one .work-process-one__list__item:hover .work-process-one__list__shape img{visibility:visible;opacity:1;} .work-process-one .work-process-one__list__item:hover .work-process-one__list__number{background-color:var(--garlon-text-dark,#222222);color:var(--garlon-white,#fff);} .work-process-one .work-process-one__list__number{width:100px;height:34px;border-radius:0px 0px 50px 50px;background:var(--garlon-base,#209D2F);color:var(--garlon-white,#fff);text-align:center;font-size:16px;font-weight:400;line-height:156.25%;margin-left:auto;margin-right:auto;margin-bottom:28px;transition:all 0.5s ease-in-out;} .work-process-one .work-process-one__list__icon{width:100px;height:100px;background-color:var(--garlon-white,#fff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:51px;position:relative;z-index:1;margin-left:auto;margin-right:auto;margin-bottom:15px;color:var(--garlon-base,#209D2F);transition:all 0.4s ease-in-out;} .work-process-one .work-process-one__list__icon::after{content:"";width:calc(100% - 10px);height:calc(100% - 10px);border-radius:50%;background-color:transparent;position:absolute;top:5px;left:5px;transition:all 0.4s ease-in-out;border:1px dashed var(--garlon-base,#209D2F);animation:rotated 8s ease-in-out infinite;} .work-process-one .work-process-one__list__content{text-align:center;position:relative;padding-left:30px;padding-right:30px;} .work-process-one .work-process-one__list__title{font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;margin:0;text-align:center;} .work-process-one .work-process-one__list__title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .work-process-one .work-process-one__list__title a:hover{background-size:100% 1px;} .work-process-one .work-process-one__list__title a:hover{color:var(--garlon-base,#209D2F);} .work-process-one .work-process-one__list__text{margin-bottom:25px;} .work-process-one .work-process-one__list__btn a{width:48px;height:48px;margin-left:auto;margin-right:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-text-dark,#222222);font-size:18px;color:var(--garlon-white,#fff);} .work-process-one .work-process-one__list__btn a:hover{background-color:var(--garlon-base,#209D2F);color:var(--garlon-white,#fff);transform:rotate(45deg);} .work-process-one .work-process-one__list li + li{border-left:1px solid var(--garlon-white,#fff);} .work-process-one .work-process-one__list__shape img{position:absolute;bottom:0;left:20px;visibility:hidden;opacity:0;transition:all 0.5s ease-in-out;} .work-process-one .work-process-one__list__shape img:last-child{right:20px;left:auto;} .work-process-one__inner{position:relative;} .work-process-one__inner__shape{position:absolute;left:-10%;top:50%;transform:translateY(-50%);z-index:-1;} .work-process-one__bottom{display:flex;align-items:center;justify-content:center;gap:50px;margin-top:50px;} @media (max-width:991px){ .work-process-one__bottom{flex-direction:column;gap:20px;justify-content:start;align-items:start;} } .work-process-one__bottom__text{font-family:var(--garlon-heading-font,"Raleway",serif);display:flex;align-items:center;gap:10px;color:#000;font-size:25px;font-weight:500;line-height:160%;text-transform:capitalize;margin:0;} .work-process-one__bottom__text i{color:var(--garlon-base,#209D2F);} .work-process-one__bottom__btn{color:#000;text-align:center;font-size:16px;font-weight:500;line-height:250%;text-transform:capitalize;padding:0px 30px;background-color:#F2F2F2;border-radius:100px;} .work-process-one__bottom__btn i{color:var(--garlon-base,#209D2F);font-size:14px;} .work-process-one__bottom__btn:hover{color:var(--garlon-white,#fff);background-color:var(--garlon-base,#209D2F);} .work-process-one__bottom__btn:hover i{color:var(--garlon-white,#fff);} .project-one{position:relative;z-index:1;padding-bottom:90px;} .project-one__top{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px;} @media (max-width:991px){ .project-one__top{flex-direction:column;justify-content:start;align-items:start;gap:25px;} } .project-one__top .sec-title{padding-bottom:0;} .project-one__top__list{display:flex;align-items:center;} @media (max-width:767px){ .project-one__top__list{flex-wrap:wrap;} } .project-one__top__list li{color:var(--garlon-text-dark,#222222);text-align:center;font-family:var(--garlon-heading-font,"Raleway",serif);font-size:22px;font-weight:600;line-height:113.636%;text-transform:uppercase;margin:0;padding:12px 25px;background:#F2F2F2;transition:all 0.4s ease-in-out;cursor:pointer;} @media (max-width:1199px) and (min-width:992px),(max-width:767px){ .project-one__top__list li{padding:8px 15px;font-size:16px;} } .project-one__top__list li:hover,.project-one__top__list li.active{background-color:var(--garlon-base,#209D2F);color:var(--garlon-white,#fff);border-color:var(--garlon-base,#209D2F);} .project-one__top__list li + li{border-left:1px solid #C3C3C3;} .project-one__card{position:relative;overflow:hidden;background-color:var(--garlon-black,#000000);margin:0 0 30px;} .project-one__card img{transform:scale(1);object-fit:cover;width:100%;transition:transform 500ms ease,opacity 500ms ease;opacity:1;} .project-one__card__hover{position:absolute;top:10px;left:10px;right:10px;bottom:10px;background-color:rgba(var(--garlon-text-dark-rgb,34,34,34),0.9);border:2px solid var(--garlon-white,#fff);display:flex;justify-content:start;align-items:end;transform:scale(1,0);transition:transform 500ms ease;transform-origin:bottom center;} .project-one__card__hover .img-popup{position:absolute;top:12px;right:12px;width:53px;height:53px;background-color:var(--garlon-base,#209D2F);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--garlon-white,#fff);} .project-one__card__hover__content{padding-left:25px;padding-bottom:20px;} .project-one__card__hover__text{color:var(--garlon-base,#209D2F);font-size:16px;font-weight:500;line-height:156.25%;text-transform:capitalize;margin:0;} .project-one__card__hover__title{color:var(--garlon-white,#fff);font-family:var(--garlon-heading-font,"Raleway",serif);font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;margin:0;} .project-one__card__hover__title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .project-one__card__hover__title a:hover{background-size:100% 1px;} .project-one__card:hover img{transform:scale(1.05);} .project-one__card:hover .project-one__card__hover{transform-origin:top center;transform:scale(1,1);} .project-two__card{position:relative;overflow:hidden;background-color:var(--garlon-black,#000000);margin:0 0 30px;box-shadow:0px 5px 21px -12px rgb(88 88 88 / 71%);} .project-two__card::before{content:"";width:150px;height:123px;transform:rotate(45.403deg);flex-shrink:0;background:var(--garlon-base,#209D2F);position:absolute;top:-72px;right:-75px;transition:all 0.4s ease-in-out;z-index:1;visibility:hidden;opacity:0;} .project-two__card::after{content:"";width:150px;height:123px;transform:rotate(45.403deg);flex-shrink:0;background:var(--garlon-base,#209D2F);position:absolute;bottom:-72px;left:-75px;transition:all 0.4s ease-in-out;z-index:1;visibility:hidden;opacity:0;} .project-two__card img{transform:scale(1);object-fit:cover;width:100%;transition:transform 500ms ease,opacity 500ms ease;opacity:1;} .project-two__card__hover{position:absolute;top:24px;left:20px;right:20px;bottom:20px;background-color:rgba(var(--garlon-text-dark-rgb,34,34,34),0.9);border:2px solid var(--garlon-white,#fff);display:flex;justify-content:center;align-items:end;border-radius:10px;transform:scale(1,0);transition:transform 500ms ease;transform-origin:bottom center;padding:40px 0;z-index:2;} .project-two__card__hover__icon{position:absolute;top:50px;left:50%;transform:translateX(-50%);width:85px;height:85px;background-color:var(--garlon-base,#209D2F);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:33px;color:var(--garlon-white,#fff);border:3px solid var(--garlon-white,#fff);} .project-two__card__hover__icon img {max-width: 85px;} .project-two__card__hover__content{text-align:center;} .project-two__card__hover__text{color:var(--garlon-white,#fff);font-size:16px;font-weight:500;line-height:156.25%;text-transform:capitalize;margin-bottom:-4px;} .project-two__card__hover__title{color:var(--garlon-white,#fff);font-family:var(--garlon-heading-font,"Raleway",serif);font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;margin-bottom:-4px;text-align:center;} .project-two__card__hover__title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .project-two__card__hover__title a:hover{background-size:100% 1px;} .project-two__card__hover__number{display:flex;align-items:center;justify-content:center;} .project-two__card__hover__number::before { margin-top: 20px; counter-increment: projectsCard; content: counters(projectsCard, ".", decimal-leading-zero); color: rgba(34, 34, 34, 0); text-align: center; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--garlon-white, #fff); font-family: var(--garlon-heading-font, "Raleway", serif); font-size: 70px; font-style: normal; font-weight: 500; line-height: 50%; } .project-two__card:hover img{transform:scale(1.05);} .project-two__card:hover .project-two__card__hover{transform-origin:top center;transform:scale(1,1);} .project-two__card:hover::before{visibility:visible;opacity:1;} .project-two__card:hover::after{visibility:visible;opacity:1;} .projects-area{position:relative;z-index:1;counter-increment:projectsCard;border-bottom:1px solid var(--garlon-border-color,#DDDDDD);} .projects-area__top{padding-bottom:50px;width: 100%;text-align: center;} @media (max-width:991px){ .projects-area__top{flex-direction:column;justify-content:start;align-items:start;gap:25px;} } .projects-area__top .sec-title{padding-bottom:0;} .projects-area__top__list{display:flex;align-items:center;} .projects-area__top__list li{color:var(--garlon-text-dark,#222222);text-align:center;font-family:var(--garlon-heading-font,"Raleway",serif);font-size:22px;font-weight:600;line-height:113.636%;text-transform:uppercase;margin:0;padding:12px 25px;background:#F2F2F2;transition:all 0.4s ease-in-out;cursor:pointer;} @media (max-width:1199px) and (min-width:992px){ .projects-area__top__list li{padding:8px 15px;font-size:16px;} } .projects-area__top__list li:hover,.projects-area__top__list li.active{background-color:var(--garlon-base,#209D2F);color:var(--garlon-white,#fff);border-color:var(--garlon-base,#209D2F);} .projects-area__top__list li + li{border-left:1px solid #C3C3C3;} .projects-area__bottom{display:flex;align-items:center;justify-content:space-between;border-left:5px solid var(--garlon-base,#209D2F);} @media (max-width:991px){ .projects-area__bottom{flex-direction:column;justify-content:start;align-items:start;gap:20px;} } .projects-area__bottom__title{color:var(--garlon-text-dark,#222222);font-size:30px;font-weight:700;line-height:83.333%;text-transform:capitalize;margin-bottom:15px;} .projects-area__bottom__text{margin:0;} .projects-area__left{max-width:460px;width:100%;padding-left:49px;position:relative;z-index:1;} @media (max-width:991px){ .projects-area__left{max-width:100%;width:100%;} } .projects-area__left::after{content:"";width:30px;height:37px;position:absolute;top:30%;left:0;background-color:var(--garlon-base,#209D2F);transform:translateY(-50%);clip-path:polygon(0 0,0% 100%,100% 50%);animation:movebounce3 3s ease-in-out infinite;} @media (max-width:991px){ .projects-area__btn{margin-left:49px;} } .projects-area__btn .garlon-btn::before{background-color:var(--garlon-black,#000000);} .projects-area__btn .garlon-btn::after{background-color:var(--garlon-black,#000000);} .projects-area__btn .garlon-btn:hover{color:var(--garlon-white,#fff);} .benefits-one{position:relative;z-index:1;background-color:#F2F2F2;overflow:hidden;} .benefits-one .sec-title{padding-bottom:10px;} .benefits-one__text{margin-bottom:25px;} .benefits-one__box{display:flex;align-items:center;justify-content:start;border-radius:20px;position:relative;z-index:1;padding-left:20px;gap:2px;background-color:var(--garlon-white,#fff);box-shadow:rgba(149,157,165,0.2) 0px 8px 24px;} .benefits-one__box::after{content:"";position:absolute;top:0;left:0;height:100%;background-color:var(--garlon-text-dark,#222222);width:70px;border-radius:20px;z-index:-1;} .benefits-one__box__thumb{max-width:101px;width:100%;height:101px;border-radius:50%;border:3px solid var(--garlon-white,#fff);} .benefits-one__box__thumb img{width:100%;object-fit:cover;border-radius:50%;} .benefits-one__box__content{padding:30px 0;min-width: 75%;} .benefits-one__box__content h4 {margin-top: 15px;font-size: 18px;font-weight: 300;padding: 0 10px;} .benefits-one__box__title{color:var(--garlon-black,#000000);font-size:25px;font-weight:500;line-height:25px;text-transform:capitalize;margin:0;} .benefits-one__box__title span{color:var(--garlon-base,#209D2F);} .benefits-one__box__list{margin:0;} .benefits-one__box__list__item{margin:0;display:inline-block;align-items:center;font-family:var(--garlon-font,"Raleway",sans-serif);text-transform:capitalize;color:var(--garlon-text,#5E5B5B);font-size:16px;font-weight:400;line-height:1.4;text-transform:capitalize;margin-right: 20px;} .benefits-one__box__list__item i{transition:all 0.4s ease-in-out;} .benefits-one__box__list__item:hover i{color:var(--garlon-base,#209D2F);} .benefits-one__box__list__item + .benefits-one__box__list__item{margin-top:3px;} .benefits-one__box__star{height:100%;width:100%;display:block;transform:rotate(-180deg);position:absolute;writing-mode:vertical-rl;left:128px;} .benefits-one__box__star__inner{padding:4px;display:flex;justify-content:center;align-items:center;gap:2px;background-color:var(--garlon-base,#209D2F);text-align:center;vertical-align:center;color:var(--garlon-white,#fff);font-size:16px;} .benefits-one__feature{margin-bottom:30px;display:flex;align-items:center;} @media (max-width:767px){ .benefits-one__feature{flex-direction:column;align-items:start;justify-content:start;gap:20px;} } .benefits-one__feature__item{display:flex;align-items:center;gap:20px;} .benefits-one__feature__item:hover .benefits-one__feature__icon{transform:scaleX(-1);color:var(--garlon-text-dark,#222222);} .benefits-one__feature__icon{font-size:55px;color:var(--garlon-base,#209D2F);line-height:normal;transition:all 0.4s ease-in-out;} .benefits-one__feature__title{font-size:25px;font-weight:700;line-height:normal;text-transform:capitalize;margin:0;} .benefits-one__feature__text{margin:0;} .benefits-one__feature__item + .benefits-one__feature__item{margin-left:30px;padding-left:20px;position:relative;z-index:1;} .benefits-one__feature__item + .benefits-one__feature__item::after{content:"";width:1px;height:40px;background-color:var(--garlon-border-color,#DDDDDD);position:absolute;top:50%;left:0;transform:translateY(-50%);} @media (max-width:767px){ .benefits-one__feature__item + .benefits-one__feature__item{margin-left:0;padding-left:0;} .benefits-one__feature__item + .benefits-one__feature__item::after{display:none;} } .benefits-one__thumb{position:absolute;top:0;left:0;width:calc(50% - 35px);overflow:hidden;} @media (max-width:1199px){ .benefits-one__thumb{width:100%;position:relative;} } .benefits-one__thumb__item{margin-right:25px;} .benefits-one__thumb__item img{object-fit:cover;} @media (max-width:991px){ .benefits-one__thumb__item img{width:100%;} } .benefits-one__thumb__item-small{position:absolute;top:0;right:0;z-index:1;} .benefits-one__thumb__item-small img{clip-path:polygon(100% 0,0 50%,100% 100%);object-fit:cover;width:100%;} @media (max-width:991px){ .benefits-one__thumb__item-small img{width:100%;} } .benefits-one__thumb__item-small::after{content:"";width:100%;height:100%;background-color:var(--garlon-white,#fff);position:absolute;top:0;left:-24px;clip-path:polygon(100% 0,0 50%,100% 100%);transition:all 0.4s ease-in-out;z-index:-1;} .benefits-one__shape{position:absolute;bottom:0;right:0;} .project-four{position:relative;z-index:1;} .project-four__bg{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;} .project-four__bg::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(34,34,34,0.93);} .project-four .sec-title .sec-title__title{color:var(--garlon-white,#fff);} .project-four__item{position:relative;z-index:1;border-radius:10px;overflow:hidden;} .project-four__item img{border-radius:10px;} @media (max-width:991px){ .project-four__item img{height:350px;} } .project-four__item::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(32,157,47,0.77);visibility:hidden;transition:all 0.4s ease-in-out;opacity:0;} .project-four__content{background-color:var(--garlon-white,#fff);border-radius:16px;padding:1px 35px 30px;position:absolute;bottom:52px;max-width:507px;width:100%;z-index:1;left:50%;transform:translate(-50%,50%);visibility:hidden;transition:all 0.4s ease-in-out;opacity:0;} @media (max-width:575px){ .project-four__content{padding:1px 20px;} } @media (max-width:991px){ .project-four__content{bottom:0;} } .project-four__icon{width:82px;height:82px;border-radius:100px 100px 0 0;background-color:var(--garlon-white,#fff);margin-top:-81px;font-size:42px;color:var(--garlon-base,#209D2F);position:relative;z-index:1;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;margin-bottom:25px;} @media (max-width:575px){ .project-four__icon{width:50px;height:50px;margin-top:-49px;font-size:30px;} } .project-four__icon::after{content:"";top:5px;left:5px;bottom:0;right:5px;position:absolute;background-color:transparent;border:2px dotted var(--garlon-base,#209D2F);border-radius:100px 100px 0 0;} .project-four__top{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;margin-bottom:10px;border-bottom:1px solid var(--garlon-border-color,#DDDDDD);} .project-four__title{color:var(--garlon-text-dark,#222222);font-size:25px;font-weight:700;line-height:104%;text-transform:capitalize;margin-bottom:10px;} .project-four__title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .project-four__title a:hover{background-size:100% 1px;} .project-four__text{margin:0;} .project-four__btn a{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--garlon-black,#000000);font-size:20px;color:var(--garlon-white,#fff);transition:all 0.4s ease-in-out;} .project-four__btn a:hover{background-color:var(--garlon-base,#209D2F);} .project-four__list{margin:0;} .project-four__list__item{display:flex;align-items:center;gap:5px;color:var(--garlon-text-dark2,#333333);font-size:16px;font-weight:500;line-height:26px;text-transform:capitalize;transition:all 0.4s ease-in-out;} @media (max-width:575px){ .project-four__list__item{font-size:14px;} } .project-four__list__item i{font-size:20px;} .project-four__list__item:hover{color:var(--garlon-base,#209D2F);} .project-four__list__item + .project-four__list__item{margin-top:10px;} .project-four__carousel .owl-item.center .item .project-four__item::after{visibility:visible;opacity:1;} .project-four__carousel .owl-item.center .item .project-four__item .project-four__content{transform:translate(-50%,0%);visibility:visible;opacity:1;} .project-four__carousel .owl-dots{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:50px;} .project-four__carousel .owl-dots .owl-dot{width:40px;display:block;border-radius:50%;background-color:transparent!important;border:1px solid #DDDDDD;border-radius:20px;position:relative;padding:0;outline:none;margin:0;transition:all 500ms ease-in-out;} .project-four__carousel .owl-dots .owl-dot span{display:none;} .project-four__carousel .owl-dots .owl-dot:hover,.project-four__carousel .owl-dots .owl-dot.active{background-color:var(--garlon-base,#209D2F)!important;height:10px;border-color:var(--garlon-base,#209D2F);} .project-four__carousel .owl-dots .owl-dot.active{width:65px;} .project-details{position:relative;z-index:1;} .project-details__content{position:relative;z-index:1;} .project-details__thumb{margin-bottom:48px;} @media (max-width:767px){ .project-details__thumb{margin-bottom:20px;} } .project-details__thumb img{object-fit:cover;width:100%;} .project-details__list-box{width:430px;position:absolute;top:0;left:0;z-index:1;} @media (max-width:767px){ .project-details__list-box{width:100%;position:relative;z-index:1;margin-bottom:30px;top:auto;} } .project-details__list-box::after,.project-details__list-box::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--garlon-base,#209D2F);clip-path:polygon(0 0,100% 0%,85% 100%,0% 100%);z-index:-1;} @media (max-width:767px){ .project-details__list-box::after,.project-details__list-box::before{clip-path:polygon(0 0,100% 0%,100% 100%,0% 100%);} } .project-details__list-box::before{width:calc(100% + 10px);height:calc(100% + 10px);top:auto;bottom:-10px;left:auto;right:-10px;background-color:var(--garlon-white,#fff);} .project-details__list{padding:50px 0 50px 50px;margin:0;} @media (max-width:991px) and (min-width:768px){ .project-details__list{padding:30px 0 30px 30px;} } .project-details__list li{display:flex;align-items:center;color:var(--garlon-white,#fff);font-family:var(--garlon-heading-font,"Raleway",serif);font-size:25px;font-weight:500;line-height:normal;text-transform:capitalize;} @media (max-width:991px) and (min-width:768px){ .project-details__list li{font-size:20px;} } .project-details__list li i{font-size:20px;} .project-details__list__left{width:130px;height:auto;display:flex;align-items:center;gap:6px;} .project-details__title{font-size:42px;font-weight:700;line-height:109.524%;text-transform:capitalize;margin-bottom:20px;} .project-details__text{margin:0;} .project-details__text + .project-details__list-grid{margin-top:20px;} .project-details__list-grid + .project-details__text{margin-top:20px;} .project-details__text + .project-details__contact-form{margin-top:25px;} .project-details__contact-form + .project-details__text{margin-top:25px;} .project-details__list-grid{display:grid;grid-template-columns:1fr 1fr 1fr;list-style:none;margin:0;padding:0;grid-gap:13px;} @media (max-width:1199px){ .project-details__list-grid{grid-template-columns:1fr 1fr;} } @media (max-width:767px){ .project-details__list-grid{grid-template-columns:1fr;} } .project-details__list-grid li{display:flex;align-items:center;color:var(--garlon-text-dark2,#333333);font-size:18px;font-weight:600;line-height:144.444%;margin:0;gap:10px;} .project-details__list-grid li i{color:var(--garlon-text-dark,#222222);font-size:24px;transition:all 0.4s ease-in-out;} .project-details__list-grid li a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease;} .project-details__list-grid li a:hover{background-size:100% 1px;} .project-details__list-grid li a:hover{color:var(--garlon-base,#209D2F);} .project-details__list-grid li:hover i{color:var(--garlon-base,#209D2F);} .project-details__contact__thumb img{object-fit:cover;width:100%;} .project-details__contact__inner{position:relative;} .project-details__contact__inner .sec-title{padding-bottom:25px;} .project-details .form-one__group input[type=text],.project-details .form-one__group input[type=tel],.project-details .form-one__group input[type=email]{border-radius:30px;background-color:var(--garlon-white,#fff);border:1px solid #D3D3D3;height:48px;} .project-details .form-one__group .garlon-btn{width:100%;text-align:center;display:flex;justify-content:center;padding:14px 30px;} .project-details .form-one__group .garlon-btn::before{display:none;} .project-details .form-one__group .garlon-btn::after{background-color:var(--garlon-text-dark,#222222);} .project-details .form-one__group .garlon-btn:hover{color:var(--garlon-white,#fff);}