@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root{
	--primary-color:#8C6CBE;
	--secondary-color:#44B678;
  --primary-text:"Montserrat", sans-serif;
}
*{box-sizing: border-box;}
html{scroll-behavior:smooth}
body{margin:0;padding:0;font-size:15px;line-height:1.5;font-family:var(--primary-text);color:rgba(0,0,0,1);font-weight:500;background:#fafafa}
li,ul{margin:0;padding:0;list-style-type:none}
.transition,:after,:before,img,path{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{margin:0;padding:0;line-height:1.4;font-weight:700;font-family:var(--primary-text);color:#000}
.h1,h1{font-size:42px}
.h2,h2{font-size:36px}
.h3,h3{font-size:30px}
.h4,h4{font-size:24px}
.h5,h5{font-size:20px}
a,a:active,a:focus,a:hover{outline:0;text-decoration:none;transition:all ease-in-out .3s;color:var(--primary-color)}
p a,ul li a{color:#000}
p{margin-bottom:10px;line-height:1.6}
p:last-child{margin-bottom:0}
strong,b{font-weight:600}
figure{margin:0}
.form-control:-webkit-input-placeholder{color:#000;opacity:.6}
.form-control:-moz-placeholder{color:#7e2525;opacity:.6}
.form-control:-ms-input-placeholder{color:#000;opacity:.6}
.form-control:-moz-placeholder{color:#000;opacity:.6}
.readmore{background:var(--secondary-color);color:#fff;padding:0 20px;line-height:38px;border-radius:6px;font-size:16px;display:inline-flex;border:2px solid #61DC99;font-weight:600;justify-content:center;position:relative;z-index:1;align-items:center}
.readmore:hover,.readmore:focus,.readmore:active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}
.readmore.outline{border-color:var(--primary-color);color:var(--primary-color);background:transparent;}
.readmore.outline:hover,.readmore.outline:focus,.readmore.outline:active,.top_points .readmore:hover,.top_points .readmore:focus,.top_points .readmore:active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}

.w-100{width:100% !important}
.save-contact{position:relative;z-index:1;}
.save-contact:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-30%,-30%) scale(0);width:100%;height:140%;border-radius:8px;background:var(--secondary-color);animation:wave-pulse 2s ease-out infinite;z-index:-1}
.save-contact:hover:before,.save-contact:focus:before,.save-contact:active:before{background:var(--primary-color);}

@keyframes wave-pulse {
  0%{transform:translate(-50%, -50%) scale(0);opacity:1}
  100%{transform:translate(-50%, -50%) scale(1.15);opacity:0}
}

.main-cont{max-width:472px;margin:0 auto;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.2);overflow:hidden;position:relative}
.title{font-weight:600;margin-bottom:24px;padding-inline:20px;text-align:center;z-index:2;position:relative;margin-bottom:40px;}
.title figure{width:80px;aspect-ratio:1/1;margin:-40px auto 50px}
.title figure img{max-width:100%;}
h1{color:red;font-size:34px;margin-bottom:5px;}
.title span{font-size:20px;margin-bottom:20px;display:block;}
.infos{padding:0 20px 15px;z-index:1;position:relative}
.infos .title{padding:0;margin-bottom:20px;}
.infos .title h1{font-size:26px;}
.infos .title span{font-size:18px;}

.menus{width:100%;display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;padding-right:20px;scrollbar-width: none;}
/* .menus:hover{scrollbar-width: thin;} */
.menus li a{display:block;border:2px solid #ddd;white-space:nowrap;border-radius:35px;padding:4px 16px}
.menus li a.active{background:#d9fcd5;border-color:#b2c8ad;color:#286565}
.topfix{background:#fff;margin-inline:-4px -20px;padding-left:20px;transition:transform .3s ease-in-out}
.topfix.header-appear{transform:translateY(0);position:fixed;inset:0 0 auto;max-width:472px;margin:auto;padding-top:10px;width:100%;box-shadow:0px 20px 30px -20px rgba(0,0,0,.5);padding-left:36px;}
.topfix.header-appear h1{font-size:26px;margin-bottom:12px;}
.topfix.header-appear span{display:none}

body .sk-ww-google-reviews{padding-inline:0 !important;--widget-padding:20px !important;margin-bottom:20px !important}
.sk-ww-google-reviews div.sk_branding{margin:0 !important;padding:0 !important;opacity:0;}
body .sk-ww-google-reviews .sk-masonry-item{width:100% !important}

.top_points{/*background:#F7FBFE;border:1px solid #eee;border-radius:6px;*/padding-inline:16px;margin-bottom:50px;}
.top_points h2,.mainhdng{font-size:20px;position:relative;color:#4F4F87;display:inline-block;margin-bottom:6px}
.mainhdng{font-size:22px;margin-bottom:12px;width:100%}
.top_points h2{color:#C00505;font-size:18px;border-bottom:1px solid #C00505;padding-bottom:10px;}
/* .top_points h2:after{width:100%;height:2px;background:#C00505;content:'';display:block;margin-top:3px;} */
.top_points span{display:block;color:blue}
.top_points ul{margin-block:10px 0;gap:7px;display:flex;flex-direction:column}
.top_points ul li{position:relative;display:flex;gap:7px;align-items:center;font-size:18px;border-radius:35px;/*font-weight:600;padding:7px 13px;background:#004d3d;*/color:#000}
.top_points ul li:before{content:"";display:inline-block;width:16px;height:16px;margin-right:2px;background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M3 14.5A1.5 1.5 0 0 1 1.5 13V3A1.5 1.5 0 0 1 3 1.5h8a.5.5 0 0 1 0 1H3a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V8a.5.5 0 0 1 1 0v5a1.5 1.5 0 0 1-1.5 1.5z'/%3E%3Cpath d='m8.354 10.354 7-7a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0'/%3E%3C/svg%3E")}
.top_points .readmore{border-color:#000;color:#000;text-transform:uppercase}

.contacts{background:#EDFFE9;border:1px solid #eee;padding:16px;border-radius:6px;margin-bottom:50px}
.contacts h2{border-bottom:1px solid #363533;margin-bottom:16px;padding-bottom:8px;display:flex;align-items:center;gap:20px;justify-content:space-between;}
.contacts h2 span{display:flex;gap:20px;justify-content:end;font-weight:500}
.contacts h2 span a{color:blue;text-decoration:underline;font-size:16px}
.contacts ul{display:flex;flex-direction:column;gap:7px}
.contacts ul li{display:flex;align-items:center;gap:7px;font-size:15px;}
.contacts ul li span{display:flex;align-items:center;gap:10px}
.contacts ul span img{width:15px}
.contacts ul .social{margin-top:10px;flex-direction:column;gap:16px}
.contacts ul .social img{width:36px;border-radius:50%}
.contacts ul .social a{display:flex;gap:16px;width:100%;font-size:14px;font-weight:600;align-items:center}

.btnss{margin:24px auto 0;width:100%;display:flex;flex-direction:column}
.btnss a{background:#1A73E8;border-color:#1A73E8;line-height:30px;}
.btnss a.whatsapp{background:#00AA83;border-color:#00AA83}
.btnss a.save{border-color:#00AA83;background:white;color:#000}

.location{background:#E8EFFF;border:1px solid #eee;border-radius:6px;overflow:hidden;margin-bottom:50px;}
.location h2{padding:12px 16px;margin:0}
.location iframe{width:100%;margin:0;height:250px;border:none;float:left;}
.location a{margin:10px;width:calc(100% - 20px)}
.location a:hover span{text-decoration:underline}

.gallery{display:flex;flex-direction:column;margin-bottom:20px}
.gallery a,.gallery a img{display:block;width:100%;height:auto}
.gallery + .readmore{margin:0 auto 30px;display:table;background:#1A73E8;border-color:#1A73E8;}

.btns{padding:15px 20px;display:flex;flex-direction:column;gap:15px;box-shadow:-4px -17px 28px -18px rgba(0,0,0,.2);-webkit-box-shadow:-4px -17px 28px -18px rgba(0,0,0,.2);-moz-box-shadow:-4px -17px 28px -18px rgba(0,0,0,.2);background:#fff;position:fixed;left:0;bottom:0;max-width:472px;width:100%;margin:auto;right:0;box-sizing:border-box;z-index:2}
.btns .tp{display:flex;gap:10px}
.btns .tp a{background:#12ED93;border-color:#12ED93;color:#000;width:100%}
.btns .tp a:first-child{background:#26D367;border-color:#26D367;color:#fff}
.btns.blg .tp a{background:var(--secondary-color);border-color:#61DC99}
/* .btns .tp a:last-child{width:35%;} */
.btns a{padding:0}

.wave{position:relative;z-index:1;}
.wave:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-30%,-30%) scale(0);width:100%;height:140%;border-radius:8px;background:#C00505;animation:wave-pulse 2s ease-out infinite;z-index:-1}
.wave:hover:before,.wave:focus:before,.wave:active:before{background:var(--primary-color);}
@keyframes wave-pulse {
  0%{transform:translate(-50%, -50%) scale(0);opacity:1}
  100%{transform:translate(-50%, -50%) scale(1.15);opacity:0}
}

.shake2{animation:shake-animation 3.72s ease infinite;transform-origin:50% 50%;position:relative;overflow:hidden}
.shake:after{content:"";position:absolute;width:200px;height:100%;background-image:linear-gradient(120deg,hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,.425),hsla(0,0%,100%,0) 70%);top:0;left:-100px;animation:shine 3s linear infinite}
@keyframes shine{
0%{left:-100px}
20%{left:100%}
to{left:100%}
}
/* .shake2{} */
@keyframes shake-animation{
0%{transform:translate(0)}
1.78571%{transform:translate(5px)}
2.57143%{transform:translate(0)}
4.35714%{transform:translate(5px)}
6.14286%{transform:translate(0)}
7.92857%{transform:translate(5px)}
10.71429%{transform:translate(0)}
to{transform:translate(0)}
}

.devlop{color:#3B3E93;text-align:center;display:block}
.devlop a{color:inherit;text-decoration:underline}

#page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:9999;display:flex;justify-content:center;align-items:center}
#page-loader figure{width:90px;aspect-ratio:1/1}
#page-loader figure img{max-width:100%}

#cboxLoadedContent img{max-width:100%;height:auto;display:block}
#cboxNext,#cboxPrevious{position:absolute;top:50%!important;transform:translateY(-50%);width:25px;height:25px;z-index:9999;border-radius:50%}
#cboxPrevious{left:10px!important}
#cboxNext{right:10px!important;left:auto}
#cboxClose{bottom:auto;top:0;border-radius:0 0 0 11px}
#cboxCurrent{display:none!important}
#cboxLoadedContent{margin-bottom:0!important}

.video-gallery{margin-bottom:30px}
.video-gallery .horizontal{display:flex;gap:20px;flex-wrap:wrap;}
.video-gallery .horizontal li{width:calc(50% - 10px);}
.video-gallery .horizontal li a{height:300px;overflow:hidden;border-radius:8px;display:block;}
.video-gallery .horizontal li a img{width:100%;height:300px;object-fit:cover;}
.video-gallery li,.video-gallery li figure{position:relative;}
.video-gallery li>a>span,.video-gallery li figure span{position:absolute;inset:0;width:44px;height:44px;margin:auto}
.video-gallery li>a>span img,.video-gallery li figure img{width:100% !important;height:auto !important}
.video-gallery li>span{display:flex;align-items:center;gap:10px;margin-top:12px;line-height: 1.3;
  font-weight: 600;}
.video-gallery li>span figure{width:30px;flex-shrink:0;}

.accordion-item{border-bottom:1px solid #ddd;margin-bottom:2px}
.accordion-item:last-child{border-bottom:none}
.accordion-header{padding:10px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:17px}
.accordion-body{display:none;padding:0 0 12px;background:#fff}
.accordion-body p{margin:0}
.icon{transition:.3s;width:30px;height:30px;background:#eee;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}
.accordion-item.active .icon{transform:rotate(180deg)}

.faq-box{margin-bottom:30px}
.about-bx{border-top:1px dotted #000;padding-top: 30px;}
.about-bx p{text-align:justify;color:#000;font-size:16px}

.modal-overlay{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.35);opacity:0;visibility:hidden;pointer-events:none;z-index:20;transition:opacity .3s ease,visibility .3s ease}
.modal-overlay.active{opacity:1;visibility:visible;pointer-events:auto}
.modal-sheet{background:#fff;border-radius:28px;overflow:hidden;transform:translateY(30px) scale(.85);opacity:0;transition:transform .45s cubic-bezier(.22, 1, .36, 1),opacity .3s ease;position:fixed;width:calc(100% - 30px);max-width:432px;margin:auto;inset:0;max-height:205px}
.modal-overlay.active .modal-sheet{transform:translateY(0) scale(1);opacity:1}
.modal-content{width:100%;margin:0;padding:30px;box-sizing:border-box;text-align:center;display:flex;flex-direction:column;gap:10px}
.modal-sheet .modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid #ddd}
.modal-sheet .modal-header h3{font-size:20px}
.modal-close{width:32px;height:32px;margin:0;padding:0;border:none;background:0 0;color:#777;font-size:22px;line-height:1;text-align:center;cursor:pointer;z-index:1}

.gallery-item{box-shadow:0 0 20px rgba(0,0,0,.2);border-radius:10px;margin-bottom:20px}
.gallery-item h3{padding:10px 12px;display:flex;align-items:center;gap:12px;font-size:15px;font-weight:400}
.gallery-item h3 figure{width:32px;height:32px;flex-shrink:0}
.gallery-item h3 figure img{width:100%}
.gallery-actions{display:flex;width:100%}
.gallery-action,a.gallery-action{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;min-height:42px;padding:8px 5px;border:0;background:0 0;color:#555;font-family:inherit;font-weight:600;text-decoration:none;cursor:pointer;text-align:center}
.action-icon{font-size:18px;line-height:1}
.action-count{color:#777}
.like-action .like{display:none;color:#d12727}
.like-action.is-active .like{display:block}
.like-action.is-active .unlike{display:none}

.get_quote{background:#EDFFE9;margin-inline:-20px;padding:20px;margin-bottom:30px}
.get_quote h2{background:#0099f9;color:#fff;font-weight:600;margin:0 auto 20px;display:table;padding:10px 16px;border-radius:45px;font-size:22px;line-height:1;text-transform:capitalize}
form{display:flex;flex-direction:column;gap:10px}
input:focus,textarea:focus{outline:0}
.form-control{width:100%;height:42px;border:1px solid #979994;padding-left:12px;border-radius:8px;font-family:inherit;font-size:inherit}
textarea.form-control{height:80px;padding-top:12px;resize:none}
.submitbtn{padding-top:8px}

.blog-detail h2{font-size:17px;border-bottom:1px solid #ddd;color:inherit;padding-bottom:12px;margin-bottom:4px}
.blog-actions{border-block:1px solid #ddd;padding-block:16px;margin-block:16px;display:flex;align-items:center;justify-content:space-between}
.blog-actions button{background:0 0;border:none;display:flex;align-items:center;gap:4px;padding:0;cursor:pointer}
.blog-like-btn .blog-action-icon{display:flex;align-items:center;justify-content:center}
.blog-like-btn .heart-icon{display:block}
.blog-like-btn.liked{color:#07079a}
.blog-like-btn.liked .heart-outline{display:none}
.blog-like-btn.liked .heart-filled{display:block!important}
.blog-like-btn:not(.liked) .heart-outline{display:block}
.blog-like-btn:not(.liked) .heart-filled{display:none!important}

.mainpage{display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  color: inherit;
  font-weight: 600;
  margin-top: 20px;}


  
.menus::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background: #fffbfb;
}

.menus::-webkit-scrollbar
{
	height:0;
	background: #f00;
}

.menus:h0ver::-webkit-scrollbar
{
	height:2px;
	background: #f00;
}

.menus::-webkit-scrollbar-thumb
{
	background: rgb(5, 181, 78);
	/* border: 2px solid #555555; */
}


@media screen and (max-width:429.98px){
  h1{font-size:32px;}
  .contacts h2 span{gap:10px}
  .contacts h2 span a,.location a{font-size:15px;}
  .infos .title h1{font-size:24px}
  .infos .title span{font-size:17px}
  .accordion-header,.blog-detail h2{font-size:15px}
  .top_points h2{font-size:16.9px}
  .mainhdng,.get_quote h2{font-size:20px}
  .video-gallery .horizontal li a,.video-gallery .horizontal li a img{height:280px}
  .video-gallery li>span{font-size:13px}
  .gallery-item h3{font-size:14px}
  .modal-sheet .modal-header h3{font-size:18px}
  .topfix.header-appear h1{font-size:22px}
  .menus li a{padding:3px 14px;font-size:14px}
}

@media screen and (max-width:400.98px){
  body{font-size:13px;}
	h1{font-size:30px}
  .hdr{padding:5px 12px}
  .hamburger{padding:4px}
  .title span{font-size:18px}
  .hdr + figure{margin-top:42px;}
  .btns{padding:20px 16px;gap:10px}
  .btns .tp{gap:10px}
  .readmore{font-size:15px;line-height:36px}
  .title figure{width:80px; margin-block:-40px 20px}
  .mainhdng, .get_quote h2{font-size:18px;}
  .top_points h2{font-size:16px}
  .top_points ul li{font-size:14px;}
  .location a,.gallery-item h3{font-size:13px;}
  .contacts h2 span{gap:5px}
  .contacts h2 span a,.contacts ul li{font-size:14px;gap:6px}
  .contacts ul .social img{width:32px}
  body .sk-ww-google-reviews{--widget-padding:12px !important;margin-bottom:30px !important}
  #page-loader figure{width:80px}
  .video-gallery .horizontal li a, .video-gallery .horizontal li a img{height:240px}
  .infos{padding-inline:12px}
  .infos .title h1{font-size: 22px}
  .infos .title span,.about-bx p{font-size:15px}
  .contacts ul .social a,.gallery-item h3{gap:10px}
  .gallery-item h3 figure,.video-gallery li > span figure{width:26px;height:26px;}
  .video-gallery li > span{font-size:12px}
  .modal-sheet{max-height:182px}
  .modal-content{padding:20px}
  .topfix {margin-inline:0px -12px;padding-left:12px}
  .topfix.header-appear{padding-left:22px;}
  .menus{gap:5px;padding-right:12px}
  .top_points,.title{padding-inline:12px;}
}

@media screen and (max-width:360.98px){
  body,.contacts h2 span a,.contacts ul li,.contacts ul .social a{font-size:12px}
	h1{font-size:28px}
  .contacts{padding:12px}
  .title{margin-bottom:24px;}
	.title span{font-size:15px}
  body .sk-ww-google-reviews{margin-bottom:20px !important}
  .mainhdng, .get_quote h2,.modal-sheet .modal-header h3{font-size:16px}
  .readmore{font-size:14px;padding:0 16px;line-height:34px}
  .btns{padding:14px}
  .contacts h2{gap:10px}
  .contacts ul .social img{width:26px}
  .contacts ul .social a, .gallery-item h3{gap:8px}
  .contacts ul li span{gap:6px}
  .location h2{padding:8px 12px;}
  .video-gallery .horizontal li a, .video-gallery .horizontal li a img{height:200px}
  .blog-detail h2,.infos .title span{font-size:14px}
  /* .top_points ul li{font-size:13px} */
  .infos .title h1{font-size:19px}
  .icon{width:28px;height:28px}
  .topfix.header-appear h1{font-size:18px}
  .menus li a{padding:2px 12px;font-size:13px}
  .title span{font-size:17px}
}