﻿@charset "utf-8";
/* CSS Document */

:root {
--coustard: "Coustard", serif;
 
    
    
 --tick: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C8.02219 0 6.08879 0.58649 4.4443 1.6853C2.79981 2.78412 1.51809 4.3459 0.761209 6.17317C0.00433284 8.00043 -0.193701 10.0111 0.192152 11.9509C0.578004 13.8907 1.53041 15.6725 2.92894 17.0711C4.32746 18.4696 6.10929 19.422 8.0491 19.8079C9.98891 20.1937 11.9996 19.9957 13.8268 19.2388C15.6541 18.4819 17.2159 17.2002 18.3147 15.5557C19.4135 13.9112 20 11.9778 20 10C20 8.68678 19.7413 7.38642 19.2388 6.17317C18.7363 4.95991 17.9997 3.85752 17.0711 2.92893C16.1425 2.00035 15.0401 1.26375 13.8268 0.761205C12.6136 0.258658 11.3132 0 10 0ZM14.3 7.61L9.73 13.61C9.63685 13.731 9.51721 13.8291 9.38027 13.8967C9.24333 13.9643 9.09272 13.9996 8.94 14C8.78811 14.0008 8.63803 13.967 8.50115 13.9012C8.36426 13.8353 8.24418 13.7392 8.15 13.62L5.71 10.51C5.62924 10.4063 5.5697 10.2876 5.53479 10.1609C5.49988 10.0341 5.49027 9.90172 5.50652 9.77126C5.52277 9.64079 5.56456 9.5148 5.6295 9.40049C5.69444 9.28617 5.78126 9.18576 5.885 9.105C6.09453 8.94189 6.36026 8.8687 6.62375 8.90152C6.75421 8.91777 6.8802 8.95955 6.99452 9.02449C7.10884 9.08943 7.20924 9.17626 7.29 9.28L8.92 11.36L12.7 6.36C12.7801 6.25494 12.8801 6.16669 12.9943 6.10029C13.1086 6.03388 13.2347 5.99062 13.3657 5.97298C13.4966 5.95534 13.6297 5.96365 13.7574 5.99746C13.8851 6.03126 14.0049 6.08989 14.11 6.17C14.2151 6.25011 14.3033 6.35012 14.3697 6.46433C14.4361 6.57855 14.4794 6.70472 14.497 6.83565C14.5147 6.96658 14.5063 7.0997 14.4725 7.22742C14.4387 7.35514 14.3801 7.47494 14.3 7.58V7.61Z' fill='%231AA260'/%3E%3C/svg%3E%0A");
    
        --createctatitle: 3, 27, 78;
    --createctatitlecolor: #FFF2DB;
    
    
}
/* browser reset Start */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
html {font-size: 10px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html, body {height: 100%;}
body {line-height: 1;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
img {color:transparent;font-size:0;vertical-align: middle;-ms-interpolation-mode: bicubic;width: auto\9;height: auto;max-width: 100%;}
ol, ul, li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
th, td, caption {font-weight: normal;vertical-align: top;text-align: left;}
q {quotes: none;}
q:before, q:after {content: "";content: none;}
sub, sup, small {font-size: 75%;}
sub, sup {line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
svg {overflow: hidden;}
#map_canvas img, .google-maps img {max-width: none;}
/* text reset */
pre, code {font-family: "DejaVu Sans Mono", Menlo, Consolas, monospace;}
hr {border: 0 solid #ccc;border-top-width: 1px;clear: both;height: 0;}
ol {list-style: decimal;}
html { font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
a {color: #1a73e8;text-decoration: none;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
a:hover {color: #212121;text-decoration: none;}
a:focus {outline: thin dotted #333;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
a:hover, a:active, a:focus {outline: 0;}
body {color: #212121;font: 400 14px/1 "Roboto", sans-serif !important;background: #fff !important;}
input, button, select, textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
a:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
figure {margin: 0;}
img {vertical-align: middle;}
[role="button"] {cursor: pointer;}

/* browser reset End */
.otherhide{display: none}
.static{position: static!important}
/* ======================================================================================================================== */
.breadcrumb { padding:15px 0; font-size: 13px; line-height: 13px; color: var(--gray777);display: flex;align-items: center;gap:5px; } 
.breadcrumb a { color: var(--black); } 
.breadcrumb i {display: inline-flex;-ms-transform: rotate(270deg);transform: rotate(270deg);justify-content: center;align-items: center;flex-shrink: 0;}
.breadcrumb i svg{width:15px; height: 15px}
/**/
.bannerarea{background: #ecf5ff;padding: 30px 0 0}
/**/
.banner-infoarea{padding: var(--size20) 0 0; font-family: var(--coustard)}
.banner-infoarea .banner-info{width: 600px; color: #475663}
.banner-infoarea .banner-info .title{ font-size:var(--size40); font-weight: var(--size900); color: #475663;margin-bottom: var(--size10);}
.banner-infoarea .banner-info .sub-title{font-size: var(--size20);font-weight: var(--size900);color: #495567;margin-bottom:0;padding-bottom:var(--size10);line-height: 28px;letter-spacing: 0.5px;display: block}
.banner-infoarea .banner-info .desc{font-size: var(--size14);margin-bottom: var(--size20);line-height: 20px;letter-spacing: 0.5px;}        
/**/        
.action-area{display: flex; gap:var(--size20);flex-wrap: wrap;padding:var(--size40) 0 var(--size20)}
.action-area .action-card{width: 350px;background:var(--white);/*box-shadow: 0px 0px 8px rgba(10, 116, 243, 0.25);*/-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;padding: var(--size15); text-align: center;box-shadow:0px 1px 5px 1px rgba(16, 93, 196, 0.3);}
.action-area .action-card figure{width: var(--size70);height:var(--size70); border-radius: 50%; background: #fff;margin: 0 auto; margin-top: -50px;margin-bottom: 10px; display: flex;align-items: center;justify-content: center;box-shadow: 0px -2px 3px 0px rgba(16, 93, 196, 0.3);}
.action-area .action-card figure img{width: var(--size40);}
.action-area .action-card .action-cardinfo{}
.action-area .action-card .action-cardinfo p{line-height: 20px;display: block;font-size: 16px;margin-bottom: 10px;color: #495567;}
.action-area .action-card .action-cardinfo .action{padding: 5px 0 10px}
.action-area .action-card .action-cardinfo .action .btun{font-family: var(--coustard); font-size: 16px;letter-spacing: 0.5px;padding: 10px 26px;margin-right:  var(--size20);overflow: hidden;position: relative;transform: translateZ(0);}
.action-area .action-card .action-cardinfo .action .btun-outline{background: var(--white)}
.action-area .action-card .action-cardinfo .action .btun-outline:hover{background: var(--blue); color: var(--white)}
.action-area .action-card .action-cardinfo .action .btun-red:after, .action-area .action-card .action-cardinfo .action .btun-red:before{animation:2s linear infinite;background:hsla(0,0%,100%,.3);content:"";height:100%;left:auto;opacity:1;position:absolute;right:auto;transform:skewX(15deg);width:15px;top: 0}
.action-area .action-card .action-cardinfo .action .btun-red:before{animation-name:animate}
.action-area .action-card .action-cardinfo .action .btun-red:after{animation-name:animates}
@keyframes animate{0%{left:50%}to{left:-150%}}
@keyframes animates{0%{right:50%}to{right:-150%}
}
/**/           
.formsheet{display: flex;align-items: end;height: 500px;}
.formsheet .formsheet-container{height: calc(100% - 50px);min-height: calc(100% - 50px);max-width: 60rem;margin: 0 auto;position: relative;width: auto;display: flex;align-items: center; max-width: 450px !important;}  
.formsheet .formsheet-inner {position: relative;display: flex;flex-direction: column;background: var(--white);width: 100%;border-top: solid 5px #3B6FAF;-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;border-top-left-radius: 20px;border-top-right-radius: 20px; height: 100%;box-shadow: 0px -5px 10px 0px rgba(16, 93, 196, 0.3);}
/**/
.shape-lft, .shape-rgt {width:100px;height:100px;overflow:hidden;position:absolute;display:block;bottom:0;z-index: 1;}
.shape-lft{left:-100px;}
.shape-rgt {right:-100px}
.shape-lft:before, .shape-rgt:before {content: "";display: block;width: 200%;height: 200%;position: absolute;border-radius: 50%;bottom: 0;} 
.shape-lft:before {right: 0;box-shadow:50px 50px 0 0 #fff;}
.shape-rgt:before {left: 0;box-shadow: -50px 50px 0 0 #fff;}
.shape-lft:after, .shape-rgt:after {content: "";display: block;width: 200%;height: 200%;position: absolute;border-radius: 50%;bottom: 0;} 
.shape-lft:after {right: 0;box-shadow:inset 0px 1px 5px 0 rgba(16, 93, 196, 0.3);}
.shape-rgt:after {left: 0;box-shadow:inset 0px 1px 5px 0 rgba(16, 93, 196, 0.3);}
/**/
.formsheet .form-head{padding: 15px;display: flex;gap:var(--size20)}    
.formsheet .form-head .close{display: none;}
.formsheet .form-head .headinfo{font-family: var(--coustard);}
.formsheet .form-head .headinfo .title{font-size: 18px;font-weight: var(--size600);color: #374b5c;padding-bottom: 5px; display: block}
.formsheet .form-head .headinfo p{color: var(--gray777);font-weight: 400;font-size: 14px;margin: 0;line-height: 20px;}

.formsheet .form-body{padding:0 15px}     
.formsheet .form-body select, .formsheet .form-body input{border-radius: 30px;background: #f5f5f5;}
.formsheet .form-body .error select{border: #D8232A solid 1px !important;}
.formsheet .form-fotr{padding:0 15px 15px}  

@media (max-width: 768px){
.formsheet {position: fixed;height: 100%;box-sizing: border-box;display: none;z-index: 9999;position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: none;width: 100%;height: 100%;overflow-x: hidden;outline: 0;z-index: 9999}
.formsheet .formsheet-container {height: calc(100% - 50px);min-height: calc(100% - 50px);pointer-events: none;display: flex;align-items: center;}  
.formsheet .formsheet-inner {display: flex;flex-direction: column;overflow: hidden;background: var(--white);width: 100%;height: auto;height: 100%;z-index: 1;position: fixed;bottom: 0;left: 0;pointer-events: auto;animation: slideInUp 0.3s var(--animation);transition: all 1s ease;}
.formsheet .form-body { flex-direction: column;overflow-x: hidden;overflow-y: overlay;height: calc(100% - 155px);min-height: calc(100% - 155px);}                 
.formsheet .form-head .close{cursor: pointer;width: 30px;height: 25px;display: block;}
 }
/**/
  /*============================================ owl carousel Start ============================================*/
/* new owl-carousel start*/
.owl-theme .owl-dots, .owl-theme .owl-nav { text-align:center; -webkit-tap-highlight-color:transparent }
.owl-theme .owl-nav { margin-top:10px }
.owl-theme .owl-nav .disabled:hover, .owl-theme .owl-nav .disabled { opacity:.5; cursor:not-allowed;background-color: #f5f5f5!important;background-image: none!important;}
.owl-theme .owl-nav.disabled+.owl-dots { margin-top:10px }
.owl-theme .owl-dots .owl-dot { display:inline-block; zoom:1 }
.owl-theme .owl-dots .owl-dot span { width:10px; height:10px; margin:5px 7px; background:#D6D6D6; display:block; -webkit-backface-visibility:visible; transition:opacity .2s ease; border-radius:30px }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background:#869791 }
.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color:transparent; position:relative }
.owl-carousel { display:none; width:100%; z-index:1 }
.owl-carousel .owl-stage { position:relative; -ms-touch-action:pan-Y; -moz-backface-visibility:hidden }
.owl-carousel .owl-stage:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 }
.owl-carousel .owl-stage-outer { position:relative; overflow:hidden; -webkit-transform:translate3d(0, 0, 0) }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0) }
.owl-carousel .owl-item { min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-touch-callout:none }
.owl-carousel .owl-item img { display:block;object-fit: cover;width: 100%;object-position: top center; }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display:none!important}
.no-js .owl-carousel, .owl-carousel.owl-loaded { display:block }
.owl-carousel .owl-dot { cursor:pointer; cursor:hand; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.owl-carousel .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent;margin-top: 15px;}
.owl-carousel .owl-dots .owl-dot{display:inline-block;zoom:1}
.owl-carousel .owl-dots .owl-dot span{width:15px;height:15px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span{background:#f89714}
/*.owl-theme .owl-nav .disabled { opacity:0; }  */
.owl-carousel .owl-nav div {background-color: rgba(0, 0, 0, 0.5); background-size:70%; display: block; height: 50px; overflow: hidden; padding: 0; position: absolute; text-indent: -9999px; top: 30%; background-clip: padding-box; background-repeat:no-repeat; background-position:50%; vertical-align:middle; width:50px; cursor:pointer;box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24);-webkit-appearance: none;-webkit-border-radius: 0;background-color: rgba(255,255,255,.75);border-radius: 50%;transition: opacity .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);transition: background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);will-change: background-color,box-shadow;}
.owl-carousel .owl-nav div img{height: 42px;width: 42px;}
.owl-carousel .owl-nav div:hover{box-shadow: 0 10px 10px 0 rgba(0,0,0,.19), 0 6px 3px 0 rgba(0,0,0,.23);background-color: rgba(255,255,255,.9);cursor: pointer; background-color: rgba(255,255,255,.9)}
.owl-carousel .owl-nav div.owl-next { background-image: url(https://d3aew4oo17ml6.cloudfront.net/astrosite/keyboard-arrow.svg); right:0;-ms-transform: rotate(90deg);transform: rotate(90deg); }
.owl-carousel .owl-nav div.owl-prev { background-image: url(https://d3aew4oo17ml6.cloudfront.net/astrosite/keyboard-arrow.svg); left:0;-ms-transform: rotate(-90deg);transform: rotate(-90deg); }
/*.owl-carousel .owl-nav div.owl-next.disabled, .owl-carousel .owl-nav div.owl-prev.disabled{display: none}*/
.owl-carousel.owl-loading { opacity:0; display:block }
.owl-carousel.owl-hidden { opacity:0 }
.owl-carousel.owl-refresh .owl-item { visibility:hidden }
.owl-carousel.owl-drag .owl-item { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.owl-carousel.owl-grab { cursor:move; cursor:grab }
.owl-carousel.owl-rtl { direction:rtl }
.owl-carousel.owl-rtl .owl-item { float:right }
.owl-carousel .animated { animation-duration:1s; animation-fill-mode:both }
.owl-carousel .owl-animated-in { z-index:0 }
.owl-carousel .owl-animated-out { z-index:1 }
.owl-carousel .fadeOut { animation-name:fadeOut }
@keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height { transition:height .5s ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity:0; transition:opacity .4s ease }
.owl-carousel .owl-item img.owl-lazy { transform-style:preserve-3d }
.owl-carousel .owl-video-wrapper { position:relative; height:100%; background:#000 }
.owl-carousel .owl-video-play-icon { position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background:url(owl.video.play.png) no-repeat; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; transition:transform .1s ease }
.owl-carousel .owl-video-play-icon:hover { -ms-transform:scale(1.3, 1.3); transform:scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display:none }
.owl-carousel .owl-video-tn { opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; background-size:contain; transition:opacity .4s ease }
.owl-carousel .owl-video-frame { position:relative; z-index:1; height:100%; width:100% }
/*============================================ owl carousel end ============================================*/
.sectionone{padding: 50px 0; }
.sectionthree{padding: 50px 0; }
.pagetitle{text-align: center;padding-bottom: 20px;}
.pagetitle .title{font-size: 32px;font-weight: var(--size900);color: #475663;line-height: var(--size50);margin-bottom: 0;font-family: var(--coustard);}
.pagetitle .tagline {font-size: 18px;color:var(--gray777);margin-bottom: var(--size20);line-height: 28px;letter-spacing: 0.5px;font-family: var(--coustard);}
/**/ 
.singlelistarea {background: #f5f5f5;display: flex; justify-content: space-between;padding: 25px; border-radius: 30px;margin-bottom: var(--size40)} 

.sectionone .pagetitle{position: sticky; top: 0;z-index: 99;background: #fff;}
.singlelistarea.one{ background:#dcfaf3;}
.singlelistarea.two{background:#c7e6fe;}
.singlelistarea.three{background:#fdf2d3;}
.singlelistarea.four{background:#ffe3d3;transform:none!important}
.card {position: sticky;top: 120px;transform-origin: center top;} 
.singlelistarea .singlelist-content{} 
.singlelistarea .singlelist-content .singlelisthead{}

.singlelistarea .singlelist-content .singlelisthead .title{font-size: 26px;font-weight: var(--size900);color: #21294A;line-height: var(--size30);font-family: var(--coustard);} 
.singlelistarea .singlelist-content .singlelisthead p{font-size: 17px;color:var(--lightblack);line-height: 28px;letter-spacing: 0.5px;font-family: var(--coustard);margin-bottom: var(--size10);}
.singlelistarea .postfigure{background: #bdefe4; border-radius: 20px;padding: var(--size20); width: 340px;display: flex;align-items: center;flex-shrink: 0} 
.singlelistarea.two .postfigure{background: #abdaff;} 
.singlelistarea.three .postfigure{background: #efe1b2;} 
.singlelistarea.four .postfigure{background: #f1cdb7;} 

.singlelistarea .singlelist-content .singlelistbody{}            
.singlelistarea .singlelist-content .singlelistbody .singlelist{padding:0 0 15px;display: flex;align-items: center;gap: 15px;letter-spacing: 0.5px;font-family: var(--coustard);}            
.singlelistarea .singlelist-content .singlelistbody .singlelist figure{width: var(--size40);height:var(--size40);background: var(--white); border-radius: 50%; display: flex;align-items: center;justify-content: center}
.singlelistarea .singlelist-content .singlelistbody .singlelist figure svg{fill:#469C7A}
.singlelistarea .singlelist-content .singlelistbody .singlelist .singlelistinfo{}
.singlelistarea .singlelist-content .singlelistbody .singlelist .singlelistinfo span{font-weight: var(--size900);padding-bottom:8px;display: block}
.singlelistarea .singlelist-content .singlelistbody .singlelist .singlelistinfo p{color: var(--gray777);line-height: 20px;}
.singlelistarea .singlelist-content .singlelistbody .singlelist .singlelistinfo p strong{font-weight: var(--size900);padding-right:5px;color: var(--drakblack)}
.singlelistarea .singlelist-content .singlelistfotr .btun{font-family: var(--coustard);font-size: 16px;letter-spacing: 0.5px;padding: 10px 26px;margin-right: var(--size20);overflow: hidden;position: relative;}
.singlelistarea .singlelist-content .singlelistfotr .btun-red.btun-outline{background-color:var(--white)} 

.singlelistarea:hover .btun-red{background-color:var(--red)!important; color: var(--white)!important}
.singlelistarea:hover .btun-red:after, .singlelistarea:hover .btun-red:before{animation:2s linear infinite;background:hsla(0,0%,100%,.3);content:"";height:100%;left:auto;opacity:1;position:absolute;right:auto;transform:skewX(15deg);width:15px;top: 0}
.singlelistarea:hover .btun-red:before{animation-name:animate}
.singlelistarea:hover .btun-red:after{animation-name:animates} 

.singlelistbody .singleitemlist{letter-spacing: 0.5px;font-family: var(--coustard);padding-bottom: var(--size10);}
.singlelistbody .singleitemlist ul{}
.singlelistbody .singleitemlist ul li{padding: 15px 0;background-repeat: no-repeat;background-position: left 12px;background-image: var(--tick);padding-left: 30px; color: var(--gray777);font-size: 16px;}  

.btun-ani:after, .btun-ani:before{animation:2s linear infinite;background:hsla(0,0%,100%,.3);content:"";height:100%;left:auto;opacity:1;position:absolute;right:auto;transform:skewX(15deg);width:15px;top: 0}
.btun-ani:before{animation-name:animate}
.btun-ani:after{animation-name:animates} 

.sectiontwo{background: #F4F7FC;padding: 60px 0}
.sectiontwo .pagetitle {position: sticky;top: 0;z-index: 99;background: #F4F7FC;}   
.wizard{padding:15px;position: sticky;top: 90px}
.wizard .wizardinner{display: flex;position: relative; gap: 15px; padding-bottom: 20px;padding: 15px;height: 150px;} 
.wizard .wizardinner:after{content: "";width: 3px;height: 100%;background: #08A680;position: absolute;left: 26px;top: 35px;z-index: 1}
.wizard .wizardinner:last-child:after{display: none}       
.wizard .wizardinner span{width: 25px;height: 25px;background: #08A680;display: flex;align-items: center;justify-content: center;font-weight: 700;border-radius: 50%;flex-shrink: 0;color: #fff;position: relative;z-index: 2}
.wizard .wizardinner .wizarddec > *{display: block}    
.wizard .wizardinner .wizarddec b{ font-size: 14px;padding-bottom: 5px;background: var(--white);display: inline-flex; border-radius: 20px;padding: 3px 10px}
.wizard .wizardinner .wizarddec p{color: #666; font-size: 16px;line-height: 20px;margin: 5px 0;letter-spacing: 0.5px;font-family: var(--coustard);}
.wizard .wizardinner:last-child p{margin-bottom: 0}
            
.wizardarea{font-family: var(--coustard);}
.wizardarea .wizardcard{background:var(--white);border: 1px solid rgba(82, 101, 255, 0.25);box-shadow: 0px 4px 8px rgba(82, 101, 255, 0.25);border-radius: 12px;padding: var(--size15);margin-bottom: var(--size40)}
.wizardarea .wizardcard .wizardtitle{padding-bottom: var(--size10);}
.wizardarea .wizardcard .wizardtitle .title{font-size: 20px;font-weight: var(--size900);color: #475663;font-family: var(--coustard);padding-bottom: var(--size10);} 
.wizardarea .wizardcard .wizardtitle p{font-size: 14px;color:var(--gray777);letter-spacing: 0.5px;}
.wizardarea .wizardcard .wizardinfo{display: flex; align-items: center; justify-content: space-between;gap:var(--size10)}
.wizardarea .wizardcard .wizardinfo .postfigure{flex-shrink: 0;width: 200px;}
.wizardarea .wizardcard .wizardinfo .wizarlist{}
.wizardarea .wizardcard .wizardinfo .wizarlist ul{}
.wizardarea .wizardcard .wizardinfo .wizarlist ul li{padding: 15px 0;background-repeat: no-repeat;background-position: left 12px;background-image: var(--tick);padding-left: var(--size30); color: var(--gray777);font-size: 15px;} 
.wizardarea .wizardfotr{padding: var(--size15); background: #f5f5f5;-webkit-border-bottom-right-radius: 12px;-webkit-border-bottom-left-radius: 12px;-moz-border-radius-bottomright: 12px;-moz-border-radius-bottomleft: 12px;border-bottom-right-radius: 12px;border-bottom-left-radius: 12px; border: solid 1px var(--white)}
.wizardarea .wizardfotr .btun{font-family: var(--coustard);background: var(--white);}
.wizardarea .wizardareafotr {text-align: center;}
.wizardarea .wizardareafotr .btun{text-align: center;max-width: none;font-family: var(--coustard);background: var(--white);padding: 10px 26px; font-size: 16px;}
/**/
.listablearea{font-family: var(--coustard);}
.listablearea .listablehead{display: flex;flex-wrap: wrap;padding:15px 10px;border-bottom: 1px solid var(--grayddd); font-size: 14px;background: var(--graye);color: #475663;}      
.listablearea .listablehead .tableheadone{width: 25%;margin-right: 10px;}
.listablearea .listablehead .tableheadtwo{width: 18.3%;margin-right: 10px;}
.listablearea .listablehead .tableheadthree{width: 12%;margin-right: 10px;}
.listablearea .listablehead .tableheadfour{width: 10%;margin-right: 10px;}
.listablearea .listablehead .tableheadfive{width: 10%;margin-right: 10px;}
.listablearea .listablehead .tableheadsix{width: 20%;}      
.listablearea .listablebody .listing{display: flex;flex-wrap: wrap;padding: 15px 10px;border-bottom: 1px solid #ddd;}       
.listablearea .listablebody .listing .listdesc{width:53%;display: flex;flex-wrap: wrap;margin-right: 10px;}
.listablearea .listablebody .listing .listdesc .loc{width: 34.5%;margin-right: 10px;}
.listablearea .listablebody .listing .listdesc .loc a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
.listablearea .listablebody .listing .listdesc .date{width:22.7%;margin-right: 10px;}
.listablearea .listablebody .listing .listdesc .bedbath{width:18.8%;margin-right: 10px;}
.listablearea .listablebody .listing .listdesc .price{width: 19%;}
.listablearea .listablebody .listing .listdesc .price b{color: var(--green)}
.listablearea .listablebody .listing .listdesc .price span{color: var(--gray777)}      
.listablearea .listablebody .listing .listinfoarea{width: 25%;margin-right: 10px;}
.listablearea .listablebody .listing .listinfoarea .title{font-size: 14px;padding-bottom: 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.listablearea .listablebody .listing .listinfoarea .title a{color:var(--black);}
.listablearea .listablebody .listing .listinfoarea .title a:hover{text-decoration: underline; color:#1a73e8}
.listablearea .listablebody .listing .listinfoarea .listinfo{display: flex;align-items: center;gap:10px;}
.listablearea .listablebody .listing .listinfoarea .listinfo figure{width: 60px;height: 60px;background: #ccc; flex-shrink: 0}
.listablearea .listablebody .listing .listinfoarea .listinfo figure img{object-fit: cover;height: 100%}
.listablearea .listablebody .listing .listinfoarea .listinfo .listitem{display: flex;flex-direction: column;gap: 10px;}
.listablearea .listablebody .listing .listinfoarea .listinfo .listitem p{color: var(--gray777)}
.listablearea .listablebody .listing .listinfoarea .listinfo .listitem p span:first-child{padding-left: 0}
.listablearea .listablebody .listing .listinfoarea .listinfo .listitem p span:last-child{padding-right: 0}
.listablearea .listablebody .listing .listinfoarea .listinfo .listitem p span{padding: 0 3px;}
.listablearea .listablebody .listing .listinfoarea .listinfo .listitem p span a{}      
.listablearea .listablebody .listing .listactn{width:20.1%;}
.listablearea .listablebody .listing .listactn .btun{max-width: none;    font-family: var(--coustard);}
.listablearea .listablefotr{text-align: center;padding: 15px;}
.listablearea .listablefotr .btun{display: inline-flex;align-items: center;gap:5px;}     
            
.newlcfalertwrp{ background: #E7F2FF; border: solid 5px #fff;box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);position: relative;display: flex;gap: 20px;justify-content: space-between;    align-items: center;}  
.newlcfalertwrp .banner-img-1{animation:25s linear 0s infinite normal none running slideup}
.newlcfalertwrp .banner-img-2{animation:25s linear 0s infinite normal none running slideDown}
    
@keyframes slideup{
0%{transform:translate3d(0,0,0)}
100%{transform:translate3d(0,-100%,0)}
}
@keyframes slideDown{
0%{transform:translate3d(0,-100%,0)}
100%{transform:translate3d(0,0,0)}
}
.newslide-iconswarp{display: flex;flex-direction: row;overflow: hidden;gap: 20px;height: 110px;padding-left: 15px;}
.newslide-iconswarp img{max-width: 100%;height: auto;}
.newslide-icons{display: flex;flex-direction: column;gap: 15px;}    
.newlcfalertinfo{padding:10px; display: flex; flex-direction: column;gap:10px;width: 60%;text-align: center}
.newlcfalertinfo big{font-size: 20px; font-weight: 500}
.newlcfalertinfo small{font-size: 16px; font-weight: 400; color: #777}
.newlcfalertinfo span a{overflow: hidden;position: relative;transform: translateZ(0);background-color: #1b70e9;border-color: #1b70e9;border-radius: 4px;padding: 8px 16px;font-size: 16px;}
.newlcfalertinfo span a:hover{background-color: #1b70e9;border-color: #1b70e9;}
.newlcfimag{width: 20%;text-align: center}    
.newlcfimag img{width: 100px;}
.newlcfalertinfo span a.btun-red:after, .newlcfalertinfo span a.btun-red:before{animation:2s linear infinite;background:hsla(0,0%,100%,.3);content:"";height:100%;left:auto;opacity:1;position:absolute;right:auto;transform:skewX(15deg);width:15%;top: 0}
.newlcfalertinfo span a.btun-red:before{animation-name:animate}
.newlcfalertinfo span a.btun-red:after{animation-name:animates}
@keyframes animate{
0%{left:50%}
to{left:-150%}
}
@keyframes animates{
0%{right:50%}
to{right:-150%}
}
/**/
.averagesection{display: flex; flex-wrap: wrap;gap:15px;margin: 15px 0 0;}
.averagesection .averagelink{max-width: 182px;width: 182px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;aspect-ratio: 1 / 1; border: solid 1px #ddd; border-radius: 4px; background: #fff;flex-direction: column;padding: 15px;} 
.averagesection .averagelink span, .averagesection .averagelink .citi, .averagesection .averagelink h3{margin-bottom: auto;font-weight: 400; color: #212121;font-family: var(--coustard);}
.averagesection .averagelink .averagedetails{display: flex; flex-direction: column;gap:10px;}
.averagesection .averagelink .averagedetails big{font-weight: 500; font-size: 20px; font-weight: 700}
.averagesection .averagelink .averagedetails p{display: inline-flex;align-items: center;gap: 5px;font-family: var(--coustard);color: var(--gray777)}
.averagesection .averagelink .averagedetails p.explr{font-size: 12px;margin-top: 15px;}
.averagesection .averagelink .averagedetails p span{border-radius: 30px; padding:5px 15px; display: inline-flex;gap:5px;}
.averagesection .averagelink .averagedetails p span i{display: inline-flex;align-items: center;justify-content: center;}
.averagesection .averagelink .averagedetails p em{font-size: 12px; color: #777}
.decr{background: #FFF9F9}
.decr svg{transform: rotate(180deg);}
.incr{background: #DAF5E5}
            /**/
                 
.rent-price-media-wrap .rent-media {position: relative;z-index: 2;margin-right: -85px;}
.rent-pricearea{display: flex;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;margin-top: 60px;}

.rent-price-content-outer{position:relative;z-index:1}
.rent-price-content-outer .rent-bold-circle-right{width:250px;height:250px;border:50px solid #1967d2;right:-90px;top:-90px;opacity:.2;border-radius:50%;position:absolute}
.rent-price-content-outer .rent-bold-circle-left{width:140px;height:140px;border:30px solid #56d8b1;left:0;bottom:-50px;opacity:.4;border-radius:50%;position:absolute}

.rent-price-content{background-color:#232323;border-radius:10px;padding:var(--size40);position:relative;margin-top:70px;margin-left:30px;z-index:1;}
.rent-price-content .rentline-1{width:475px;height:475px;position:absolute;border:1px solid #e7e7e7;border-radius:50%;opacity:.1;left:-290px;top:-290px;z-index:-1}
.rent-price-content .rentline-2{width:475px;height:475px;position:absolute;border:1px solid #e7e7e7;border-radius:50%;opacity:.1;left:-230px;top:-230px;z-index:-1}
.rent-price-content .rentcircle-1{width:500px;height:500px;position:absolute;background-color:#e7e7e7;border-radius:50%;opacity:.05;right:-140px;top:-200px;z-index:-1}
.rent-price-content .rentcircle-2{width:500px;height:500px;position:absolute;background-color:#e7e7e7;border-radius:50%;opacity:.05;right:-90px;top:-145px;z-index:-1}

.rent-titledesc{font-family: var(--coustard);color: var(--white);    letter-spacing: 0.5px; border-bottom: solid 1px white;padding-bottom: var(--size20)}
.rent-titledesc .title{ font-weight: var(--size900); font-size: 18px;margin-bottom: var(--size10)}
.rent-titledesc ul{}
.rent-titledesc ul li{padding: var(--size10) 0}
.rent-titledesc ul li strong{font-weight: var(--size900);}
.rate-formgroup{display: flex;gap:10px;justify-content: center;padding-top: var(--size20)}  
.rate-input input[type="text"]{width: 100%; border-radius: 50px;height: 50px;padding:10px 15px 10px 50px;border: 0} 
.rate-input {width: 75%;position: relative}
.rate-input>i{position: absolute;width: 30px;height: 30px;background: #f5f5f5;display: flex;top: 10px;border-radius: 50%;justify-content: center;align-items: center;left: 10px;-moz-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-o-transition: all .5s ease-in;transition: all .5s ease-in;}
.rate-input i svg{fill:#999}        
.rate-cta {width: 25%;display: inline-flex; justify-content: center}
.rate-cta .btun{width: 100%;display: flex;justify-content: center;align-items: center;font-size: 18px;border-radius: 50px;}
        
.rent-search{font-family: var(--coustard);color: var(--white);letter-spacing: 0.5px; padding:var(--size20) 0}
.rent-search .title {font-weight: var(--size900);font-size: 18px;margin-bottom: var(--size10); }    
.locationlist{position: absolute; background: #fff;scroll-snap-type: y mandatory;scrollbar-width: none;overflow: auto;max-height: 250px;width: 100%;  border: solid 1px #ddd;  border-radius: 10px;box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2);z-index: 2}
.locationlist .grouplt{background-color:#eee;padding: var(--size10); font-size: 16px;}
.locationlist .grouplt span{margin-right: 5px;}
.locationlist ul li:hover, .locationlist ul li.active {background-color: #ff4242;}
.locationlist ul li:hover a, .locationlist ul li.active a{color: #fff}
.locationlist ul li{font-size: 14px; cursor: pointer}
.locationlist ul li a{color: #777;display:block;padding: var(--size10); font-size: 14px;} 
 
.single-apartarea{margin-top: var(--size10);display: flex;padding: var(--size15);gap: var(--size20);overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none;}
.single-apartarea .single-apartcard{font-family: var(--coustard);background: var(--white); box-shadow:0 1px 6px rgba(32, 33, 36, .28);border-radius: 4px;width: 380px;flex-shrink: 0;}
.single-apartarea .single-apartcard .single-aparthead{display: flex;flex-wrap: wrap;padding: var(--size15);gap:var(--size10); border-bottom: solid 1px var(--grayddd)} 
/*.single-apartarea .single-apartcard .single-aparthead{display: flex;padding: var(--size15);gap:var(--size10); border-bottom: solid 1px var(--grayddd)}*/
.single-apartarea .single-apartcard .single-aparthead figure{width: var(--size100); height: var(--size100);background: #f5f5f5;border-radius: 4px;overflow: hidden;}
.single-apartarea .single-apartcard .single-aparthead figure img{width: var(--size100); height: var(--size100);}
.single-apartarea .single-apartcard .single-aparthead .single-apartinfo{display: flex;flex-direction: column; gap:10px;width: 240px;}
.single-apartarea .single-apartcard .single-aparthead .single-apartinfo .title{font-size: 16px;color: var(--black);}
.single-apartarea .single-apartcard .single-aparthead .single-apartinfo .title a{color: var(--black); text-decoration: underline}
.single-apartarea .single-apartcard .single-aparthead .single-apartinfo p{color: var(--gray777);}
.single-apartarea .single-apartcard .single-aparthead .single-apartinfo p a{}
.single-apartarea .single-apartcard .single-apartbody{padding: var(--size10);border-bottom: solid 1px var(--grayddd)}
.single-apartarea .single-apartcard .single-apartbody .title{font-size: 16px;color: var(--black);}
.single-apartarea .single-apartcard .single-apartbody .single-apartdesc{display: flex;gap: var(--size20);padding: var(--size10) 0}
.single-apartarea .single-apartcard .single-apartbody .single-apartdesc span{display: inline-flex; flex-direction: column;gap:5px; font-size: 14px;}
.single-apartarea .single-apartcard .single-apartbody .single-apartdesc span b{color: var(--gray777)}
.single-apartarea .single-apartcard .single-apartbody .single-apartdesc span strong{color: var(--black)}
.single-apartarea .single-apartcard .single-apartfotr{padding: var(--size15);text-align: center;}
.single-apartarea .single-apartcard .single-apartfotr a{font-family: var(--coustard);}
 /**/
.commonarrow{position: relative;text-align: center;display: flex;gap: 5px;justify-content: center;width: 100px!important;max-width:100px!important;margin: 0 auto;background: white;box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);border-radius: 30px;padding: 5px 0;}
.commonarrow-prev, .commonarrow-next {background:#f5f5f5; padding:15px; -ms-transform: rotate(90deg); transform: rotate(90deg);border-radius: 50%; flex-shrink: 0} 
.commonarrow-next {-ms-transform: rotate(-90deg); transform: rotate(-90deg); }
/**/
.search-lang-area{padding: 0 0 var(--size20);display: flex;align-items: center;justify-content: center;gap: 15px;max-width: 650px;width: 100%;margin: 0 auto;}
.search-lang-block{max-width: 500px;width: 100%;margin: 0;display: flex;justify-content: space-between;position: relative}
.search-lang-block input{width: 100%}
.search-lang-block .locationlist{top: 45px}
.universityarea .item{ display: flex; align-items: center; flex-wrap: wrap; gap:20px;padding: 10px;}
.university-card{background: white; border-radius: 50px;padding: 10px;box-shadow: 0px 1px 5px 1px rgba(16, 93, 196, 0.3);width: 100%;}
.university-card a{display: flex; align-items: center; gap:10px;}
.university-card a figure{width: var(--size50);height: var(--size50);display: inline-flex;align-items: center;justify-content: center;overflow: hidden;flex-shrink: 0}
.university-card figure img{width: var(--size60);height:var(--size60);object-fit: fill;}
.university-card .universityinfo{display: flex; flex-direction: column;font-family: var(--jost);align-items: flex-start;padding-right: 10px;width: 90%;}
.university-card .universityinfo .title{font-size: 18px;color: var(--black);text-align: left;line-height: 22px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;width: 77%;}
.university-card .universityinfo .desc{font-size: 16px;color: var(--gray777);padding-top: var(--size5);align-items: center;}
.universityarea .owl-theme .owl-nav {position: relative;text-align: center;display: flex;gap: 5px;justify-content: center;width: 100px;margin: 0 auto;background: white;box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);border-radius: 30px;padding: 5px 0;margin-top: var(--size20);margin-bottom:var(--size20)}
.universityarea .owl-carousel .owl-nav div{position: static;background-color: #f5f5f5;box-shadow: none;width: 40px;height: 40px;}
/**/
.budget-area{padding: 60px 0;font-family: var(--coustard);}
.budget-area .budget-headarea{background: #E4EEFA;padding-bottom: 15px;}
.budget-area .budget-headarea .budget-head{display: flex; flex-wrap: wrap;}
.budget-area .budget-headarea .budget-head .budget-info{width: 50%;padding: 0 15px}
.budget-area .budget-headarea .budget-head .budget-info .pagetitle{text-align: left;padding-bottom:55px;padding-top: 15px;}
.budget-area .budget-headarea .budget-head .budget-info .pagetitle .title{font-size: 28px;line-height: 35px;padding: 10px 0;}
.budget-area .budget-headarea .budget-head .budget-info .pagetitle .tagline{font-size: 16px;line-height: 23px;}
.budget-area .budget-headarea .budget-head .budget-img{width: 50%;margin-top: -40px; margin-bottom: -20px;padding: 0 15px}
.budget-area .budget-headarea .budget-head .budget-img img{width: 490px;margin: 0 auto}
.budget-area .budget-fotr{display: flex; flex-wrap: wrap;gap: 15px;margin-top: -60px;}
.budget-area .budget-fotr .budgetcard{background: white;border-radius:8px;padding: 10px;box-shadow: 0px 1px 5px 1px rgba(16, 93, 196, 0.3);width: 196px; padding: 15px;}
.budget-area .budget-fotr .budgetcard .budgetcardinfo{padding-bottom: 10px;}
.budget-area .budget-fotr .budgetcard .budgetcardinfo span{display: block;padding-bottom: 5px;}
.budget-area .budget-fotr .budgetcard .budgetcardinfo span em{color:var(--green);font-size: 16px;}
.budget-area .budget-fotr .budgetcard .budgetcardinfo b{color: var(--gray777)}
.budget-area .budget-fotr .budgetcard p{color: var(--gray777);line-height: 20px;}
.budget-area .budget-fotr .budgetcard a{display: flex; align-items: center;padding: 5px 0;gap: 3px;}
.budget-area .budget-fotr .budgetcard a i svg {fill: #777;-ms-transform: rotate(260deg);transform: rotate(260deg);}
/**/
.connectgridwarp{-ms-flex-direction: row;flex-direction: row;display: -ms-flexbox;display: flex;gap:20px;overflow-x: auto; overflow-y:hidden; display: flex; padding: 0 0 30px 10px;scroll-snap-type: x mandatory;scrollbar-width: none;-ms-overflow-style: none;font-family: var(--coustard);}
.connectgrid{background: #fff;border-radius: 8px; -webkit-transition: all .2s cubic-bezier(.02,.54,.58,1);-o-transition: all .2s cubic-bezier(.02,.54,.58,1);transition: all .2s cubic-bezier(.02,.54,.58,1);width: 245px;position: relative; flex-shrink: 0}
.connectgrid figure{width:65px; height: 65px;background: #fff;margin: 0 auto;border-radius: 50%;overflow: hidden;display: inline-flex;align-items: center;justify-content: center; -webkit-transition: all .2s cubic-bezier(.02,.54,.58,1);-o-transition: all .2s cubic-bezier(.02,.54,.58,1);transition: all .2s cubic-bezier(.02,.54,.58,1);margin-bottom: 5px;}     
.connectgrid span{text-align: center;font-size: 16px;font-weight: 500;}
.connectgrid p{text-align: center;font-size: 14px;color: #5a5a5a;line-height: 20px;}
.connectgrid span a{color: #212121}      
.connectgrid .connectinfo{display: flex;flex-direction: column;color: #212121;gap: 10px;padding: 10px;min-height: 206px;} 
.connectgrid figure{background:#fff} 
.connectgrid figure i{}
.connectgrid.one {background: #FFE9E3;}
.connectgrid.two {background: #FBF7F4;}
.connectgrid.three {background: #FFF2DB;}
.connectgrid.four {background: #E0EBE9;}
.connectgrid.five {background: #FFE9E3;}
 
.orglistarrow{position: relative;text-align: center;display: flex;gap: 5px;justify-content: center;width: 100px!important;margin: 0 auto;background: white;box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);border-radius: 30px;padding: 5px 0;}
.orglistarrow a{display: flex;width: 40px;height: 40px;align-items: center;justify-content: center;padding: 0;}
.orgcard-arrow-prev, .orgcard-arrow-next {background:#f5f5f5; padding:15px; border-radius: 50%}  
.orgcard-arrow-prev svg{ -ms-transform: rotate(180deg); transform: rotate(180deg);}  

.connectgrid .explore {display: flex;align-items: center;justify-content: center;background: #FADCD4;padding: 15px 10px;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
.connectgrid .explore b{font-size: 14px;color: #0167ff;}   
.connectgrid .explore i{margin: 0 5px}
.connectgrid .explore i svg{fill:#777; -ms-transform: rotate(260deg); transform: rotate(260deg);} 
.connectgrid.one .explore{background: #FADCD4;}
.connectgrid.two .explore{background: #FAF3ED;}
.connectgrid.three .explore{background: #F5E8D1;}
.connectgrid.four .explore{background: #D1E5E2;}
.connectgrid.five .explore{background: #FADCD4;}
        
/* Accordion Menu */
.accordionmenu, .accordionmenu ul, .accordionmenu li, .accordionmenu a { margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; text-decoration: none; line-height: 1; font-size: 14px; position: relative; }
.accordionmenu { padding:15px; width: 100%; margin:0; }  
.accordionmenu ul { border-top:0; }
.accordionmenu ul li { border-bottom:solid 1px rgba(255, 255, 255, 0.1); margin-bottom:5px; padding:0 0 3px; }
 
.accordionmenu ul li a { font-size: 16px; color:var(--white); display: block; padding:10px 0; line-height: 1.3;display: flex;justify-content: space-between}
.accordionmenu ul li a:hover { text-decoration: none; }
.accordionmenu ul li.active a {color:var(--white);border-bottom:solid 1px rgba(255, 255, 255, 0.1); transition: none}
.accordionmenu ul li a i {color:var(--black); -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -ms-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-in; font-size:16px; }
.accordionmenu ul li a i svg{fill:var(--gray999)}
.accordionmenu ul li.active a i svg{fill:var(--gray999)}
.accordionmenu ul li.active a i { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
/* Sub menu */
.accordionmenu ul div { padding: 5px 12px; display:none; }
.accordionmenu ul li .acc { padding:0; }
.accordionmenu ul li .acc.inline ul { display: grid;grid-template-columns: repeat(2, 1fr);}
.accordionmenu ul .acc ul { margin:10px 0 0; }
 
.accordionmenu ul li .acc ul li { list-style-type:none; margin:0; padding:5px 0; border-bottom:0; color:#666;display: block}
.accordionmenu ul li .acc ul li a { color: var(--gray666); background:none; padding:0; border-bottom: 0;display: inline-block;font-size: 14px;}
.accordionmenu ul li .acc ul li a:hover{color: var(--white)} 
/* Accordion Menu */ 
.faqarea{padding: 80px 0;background: #f8faff;font-family: var(--coustard);}
.faqarea .faqsectionwarp{display: flex;flex-wrap: wrap;}
.faqarea .faqsectionwarp .faqleft{flex: 0 0 auto;width: 33.33333333%;max-width: 100%;padding-left: 15px;padding-right: 15px;}
.faqcontentwrap {color: #222b40;padding:0;position: sticky; top:30px;}
.faqcontentwrap .faqtag{font-weight: 700;font-size: 13px;line-height: 20px;letter-spacing: .5px;text-transform: uppercase;background: #c91751;padding: 3px 10px;border-radius: 4px;color: #fff;}
.faqcontentwrap .faqtitle{font-size: 32px;letter-spacing:0.7px; text-transform: none;padding: 0 0 10px;font-weight: 900;line-height: 45px;}
.faqcontentwrap .faqdesc{font-size: 16px;line-height: 30px;}
.faqarea .faqsectionwarp .faqcontent{flex: 0 0 auto;width: 66.66666667%;max-width: 100%;padding-left: 15px;padding-right: 15px;}
.faqarea .faqsectionwarp .faqcontent .tab{position: sticky;top: 54px;z-index: 1;}
.faqarea .faqsectionwarp .faqcontent ul{}
.faqarea .faqsectionwarp .faqcontent ul li{padding: 10px 20px;border-radius: 10px;border: 1px solid #B5B5C3;margin-bottom: 25px;}
.faqarea .faqsectionwarp .faqcontent ul li p{color: var(--lightblack);line-height: 20px;}
.faqarea .faqsectionwarp .faqcontent ul li:last-child{margin-bottom: 0}
.faqarea .faqsectionwarp .faqcontent ul li a{display: flex;align-items: center;justify-content: space-between;letter-spacing: 0.3px;gap:10px;color: var(--gray333)}
.faqarea .faqsectionwarp .faqcontent ul li a i{float: none;background: #CAC9D6;width: 30px;height: 30px;border-radius: 50%;display: flex;justify-content: center;align-items: center;flex-shrink: 0}
.faqarea .faqsectionwarp .faqcontent ul li.active{background: #fff;filter: drop-shadow(10px 10px 0px #CAC9D6);}
.faqarea .faqsectionwarp .faqcontent .accordionmenu b{padding-bottom: 15px;display: block; font-size: 18px;color: #c91751;}
/**/
.listcard-area{display: flex;flex-wrap: wrap;gap:15px;}
.listcard-area .listcard{background: var(--white);padding: 10px;border: solid 1px var(--grayddd);font-family: var(--coustard);border-radius: 4px;width:18.97%}
.listcard-area .listcard a{color: #212121;display: block;}
.listcard-area .listcard a b{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-bottom: 5px;display: block}
.listcard-area .listcard .nearplacestor{display: flex;font-weight: 400;font-size: 12px;color: #999;align-items: center;padding: 5px 0}
.listcard-area .listcard .nearplacestor strong{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.listcard-area .listcard .nearplacestor strong em{flex-grow: 1;white-space: nowrap;}

.show-more-wrap {display: flex;justify-content: center;margin-top: 18px;}
.mobillable{display: none}

/*----------------------------------------*/
/*  2.10 backtotop
/*----------------------------------------*/  
.scroll-percentage {height: 60px;width: 60px;background-color: var(--white);border-radius: 50%;position: fixed;bottom: 0;right: 50px;-webkit-transform: scale(0);transform: scale(0);display: -ms-grid;display: grid;place-items: center;cursor: pointer;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;transition: all 0.3s;z-index: 100;box-shadow: var(--boxshadowa);}
.scroll-percentage.active {bottom: 150px;-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;-webkit-animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;-webkit-transition: 0.3s;transition: 0.3s;}
 @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.scroll-percentage {
right: 20px;
}
}
.scroll-percentage-value {height: calc(100% - 6px);width: calc(100% - 6px);background-color: var(--white);color: var(--favgreen);border-radius: 50%;display: -ms-grid;display: grid;
place-items: center;font-size: 12px;font-weight: 600;}
.scroll-percentage-value i {background: var(--longarrow) 13px 10px no-repeat;fill: var(--favgreen);width: 40px;height: 40px;}
 
 
@-webkit-keyframes scrollToTop {
0% {
-webkit-transform: translate3d(0, 80%, 0);
transform: translate3d(0, 80%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes scrollToTop {
0% {
-webkit-transform: translate3d(0, 80%, 0);
transform: translate3d(0, 80%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
} 
/*----------------------------------------*/
.about-img-wrap{position: relative}
.about-img-wrap img {width: 80%;margin: 0 auto;}
.about-img-wrap:after {position: absolute;bottom: 0;left: 50px;;content: "";width: 80%;height: 73%;background-color: #FFD8C7;z-index: -1;border-radius: 20px 40% 5px 5px;} 
.process-step{font-family: var(--coustard);}
.process-step .stepinfo{gap: 40px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: flex-start;-webkit-align-items: flex-start;-ms-flex-align: flex-start;align-items: flex-start;padding-bottom: 40px; position: relative}
.process-step .stepinfo:before, .process-step .stepinfo:after{top: 45px;left: 30px;width: 3px;z-index: -2;content: "";height: 100%;position: absolute;background-color: #e2eaef;transition: 0.4s all ease-in-out;}
.process-step .stepinfo:after{bottom: 0;height: 0;z-index: -1;background-color: #e12454;}
.process-step .stepinfo:hover:after {height: 100%;bottom: auto;}
.process-step .stepinfo:last-child:before, .process-step .stepinfo:last-child:after {display: none}
.process-step .stepinfo .stepnum{width: 60px;height: 60px;}
.process-step .stepinfo .stepnum i{background: #fff;box-shadow: 0 1px 4px rgb(44 130 237 / 40%); width: 60px; height: 60px; border-radius: 50%;display: flex;align-items: center;border: solid 2px #ebebeb;-webkit-transition: all .2s cubic-bezier(.02,.54,.58,1);-o-transition: all .2s cubic-bezier(.02,.54,.58,1);transition: all .2s cubic-bezier(.02,.54,.58,1);}
.process-step .stepinfo.stepa .stepnum i svg{fill:#3AA7CC} 
.process-step .stepinfo.stepb .stepnum i svg{fill:#F15B4E} 
.process-step .stepinfo.stepc .stepnum i svg{fill:#FEC34E} 
.process-step .stepinfo.stepd .stepnum i svg{fill:#82CA9C}
.process-step .stepinfo:hover .stepnum i{border-color:#fff}
.process-step .stepinfo.stepa:hover:after{background:#3AA7CC;} 
.process-step .stepinfo.stepb:hover:after{background:#F15B4E;} 
.process-step .stepinfo.stepc:hover:after{background:#FEC34E;} 
.process-step .stepinfo.stepd:hover:after{background:#82CA9C;} 
.process-step .stepinfo.stepa:hover .stepnum i{border: solid 2px #3AA7CC;} 
.process-step .stepinfo.stepb:hover .stepnum i{border: solid 2px #F15B4E;} 
.process-step .stepinfo.stepc:hover .stepnum i{border: solid 2px #FEC34E;} 
.process-step .stepinfo.stepd:hover .stepnum i{border: solid 2px #82CA9C;}		
.process-step .stepinfo.stepa:hover .stepnum i svg, .process-step .stepinfo.stepb:hover .stepnum i svg, .process-step .stepinfo.stepc:hover .stepnum i svg, .process-step .stepinfo.stepd:hover .stepnum i svg{fill:#fff;} 
.process-step .stepinfo.stepa:hover .stepdestls h2{color:#2b93b7;} 
.process-step .stepinfo.stepb:hover .stepdestls h2{color:#d9473b;} 
.process-step .stepinfo.stepc:hover .stepdestls h2{color:#af7b14;} 
.process-step .stepinfo.stepd:hover .stepdestls h2{color:#08a182;}		
.process-step .stepinfo .stepnum i svg{margin: 0 auto}
.process-step .stepinfo .stepdestls{flex: 1;}
.process-step .stepinfo .stepdestls h2{font-size: 20px;font-weight: var(--size900);color: #475663;line-height: var(--size40);margin-bottom: 0;font-family: var(--coustard);}
.process-step .stepinfo .stepdestls p{font-size: 18px;color: var(--gray777);margin-bottom: var(--size10);line-height: 22px;letter-spacing: 0.5px;font-family: var(--coustard);}
.process-step .stepinfo .stepdestls a{display: flex; align-items: center; gap:10px;}
.process-step .stepinfo .stepdestls a svg{transform: rotate(180deg); fill: var(--link)}
.process-step .stepinfo .stepdestls a:hover{color: var(--link)}  
.process-step .stepinfo:last-child{padding-bottom: 0}

 .postadarea{background: #FFF7F2;padding: 30px 0 0;}

.postadarea .pagetitle{}
.postadarea .pagetitle .title{font-size: 20px;line-height: normal;}
.postadarea .pagetitle .tagline{font-size: 15px;line-height: normal;}

.postbg{background: #E9F2FF; padding: 15px 15px 0; display: flex;gap:15px; border-radius: 16px; border: solid 1px var(--white); min-height: 225px; margin-bottom: 30px;position: relative;} 
.postbg.two{background: #FFE9F3;}
.postbg figure{width: 150px; flex-shrink: 0}
.postbg .post-info{font-family: var(--coustard);}
.postbg .post-info big{font-size: 20px;font-weight: var(--size900);color: #475663;line-height: 24px;margin-bottom: 8px;display: block;}
.postbg .post-info p{font-size: 18px;color: var(--gray777);margin-bottom: var(--size10);line-height: 22px;letter-spacing: 0.5px; padding-bottom: 5px}
.postbg.two .post-info a{background-color: #050B20;border-color: #050B20;}
.postbg .post-info a{color:var(--white);background-color: #4E6CFB;border-color: #4E6CFB;display: inline-flex; gap:10px;padding: 15px 25px; border-radius: 8px;align-items: center}
.animation-wrapper {position: relative;display: flex;flex-flow: row nowrap;overflow: visible;overflow-x: clip;background-color: #FFF2DB;padding: 15px 10px;} 
.animation-wrapper div[class*="-marqee"] { width: auto; flex: 0 0 auto; display: grid; grid-auto-flow: column; align-items: center; }
.animation-wrapper div[class*="-marqee"] .animation-item, .animation-wrapper div[class*="-marqee"] .animation-item a { display: flex;position: relative;gap:var(--size15);align-items: center}
.animation-wrapper .animation-item { padding: 0 35px; /*  Min-15 & Max-35 */ }
.animation-wrapper div[class*="-marqee"].right-to-left {-webkit-animation: MarqueeLeft 24s linear infinite 0ms; animation: MarqueeLeft 24s linear infinite 0ms; }
.animation-wrapper div[class*="-marqee"].left-to-right {-webkit-animation: MarqueeRight 24s linear infinite 0ms; animation: MarqueeRight 24s linear infinite 0ms; }  
.animation-wrapper:hover div[class*="-marqee"] { -webkit-animation-play-state: paused; animation-play-state: paused; }
@keyframes MarqueeLeft {
from { margin-left: 0; } 
to { margin-left: -2000px; } 
}
@keyframes MarqueeRight { 
from { margin-left:-1500px; } 
to { margin-left: 0; } 
}
.animation-image{}
.animation-image figure{width: 60px; height: 60px; background:var(--white); display: flex; align-items: center; justify-content: center; border-radius: 50%;padding: 10px;    box-shadow: -5px 5px 0px 0px rgba(0, 0, 0, 0.15); } 
.animation-text{display: flex;flex-direction: column; justify-content: flex-start;    align-items: flex-start;font-family: var(--coustard);letter-spacing: 0.5px; } 
.animation-text big{font-size: 22px;font-weight: var(--size900);color: #475663;margin-bottom: 8px;letter-spacing: 0.5px;} 
.animation-text small{font-size: 13px;color: var(--link); display: inline-flex;align-items: center; gap:7px;} 
.animation-text small svg{fill:var(--black)} 
.animation-text big { text-shadow: 1px 1px 0 rgba(var(--createctatitle), .8), -1px -1px 0 rgba(var(--createctatitle), .8), 1px -1px 0 rgba(var(--createctatitle), .8), -1px 1px 0 rgba(var(--createctatitle), .8), 1px 1px 0 rgba(var(--createctatitle), .8);-webkit-text-fill-color: var(--createctatitlecolor);-webkit-text-stroke-width: 0;color: transparent;letter-spacing: 2.9px;} 
/**/
 .sectionfour{padding: 70px 0;} 
.feature-list{background: #fff;border-radius: 14px;padding: 24px;position: relative;z-index: 2;margin-bottom: 24px;font-family: var(--coustard);border: solid 1px #ddd;overflow: hidden;}     
.feature-list.one:hover{background: linear-gradient(rgb(255, 255, 255), rgba(222, 55, 0, 0.14) 130%);border: 1px solid rgb(222, 55, 0);}
.feature-list.two:hover{background: linear-gradient(rgb(255, 255, 255), rgba(114, 46, 209, 0.14) 130%);border: 1px solid rgb(114, 46, 209);}
.feature-list.three:hover{background: linear-gradient(rgb(255, 255, 255), rgba(204, 0, 0, 0.14) 130%);border: 1px solid rgb(204, 0, 0);}
.feature-list.four:hover{background: linear-gradient(rgb(255, 255, 255), rgba(31, 130, 104, 0.14) 130%);border: 1px solid rgb(31, 130, 104);}
.feature-list.five:hover{background: linear-gradient(rgb(255, 255, 255), rgba(0, 116, 232, 0.14) 130%);border: 1px solid rgb(0, 116, 232);}
.feature-list.six:hover{background: linear-gradient(rgb(255, 255, 255), rgba(114, 46, 209, 0.14) 130%);border: 1px solid rgb(114, 46, 209);}      
          
.feature-list.one:hover .box-title{color: rgb(222, 55, 0)}
.feature-list.two:hover .box-title{color: rgb(114, 46, 209);}
.feature-list.three:hover .box-title{color: rgb(204, 0, 0);}
.feature-list.four:hover .box-title{color: rgb(31, 130, 104);}
.feature-list.five:hover .box-title{color: rgb(0, 116, 232);}
.feature-list.six:hover .box-title{color:rgb(114, 46, 209)}                     
.feature-list.one:hover .box-icon{background: #f8e8e5}
.feature-list.two:hover .box-icon{background: #ece6fa}
.feature-list.three:hover .box-icon{background: #f6e4e7}
.feature-list.four:hover .box-icon{background: #e4eff0}
.feature-list.five:hover .box-icon{background: #e2effd}
.feature-list.six:hover .box-icon{background: #ede7fb}          
          
.feature-list.one:hover .btun{background: rgb(222, 55, 0);color: rgb(255, 255, 255);}
.feature-list.two:hover .btun{background: rgb(114, 46, 209);color: rgb(255, 255, 255);}
.feature-list.three:hover .btun{background: rgb(204, 0, 0);color: rgb(255, 255, 255);}
.feature-list.four:hover .btun{background: rgb(31, 130, 104);color: rgb(255, 255, 255);}
.feature-list.five:hover .btun{background: rgb(0, 116, 232);color: rgb(255, 255, 255);}
.feature-list.six:hover .btun{background: rgb(222, 55, 0);color: rgb(255, 255, 255);}
/**/
.feature-list .box-number {position: absolute;top: 0;right: 0;background-color:#f4f7fc;color: #a7abbb;font-size: 24px;font-weight: 600;width: 60px;height: 60px;line-height: 60px;text-align: center;border-radius: 100%;z-index: 4;align-items: center; display: flex; justify-content: center}
.feature-list .box-title {font-size:20px;line-height: 1.417;font-weight: 600; margin-bottom: 8px;    color: #475663;}
.feature-list .box-icon{width: 60px; height: 60px; background: #fff; margin-bottom: 15px;align-items: center; display: flex; justify-content: center;border-radius: 8px;} 
.feature-list .box-icon img{transition: all 500ms ease;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;width: 40px; height: 40px;} 
.feature-list:hover .box-icon img {-webkit-transform: scale(-1) rotate(180deg);-moz-transform: scale(-1) rotate(180deg);-ms-transform: scale(-1) rotate(180deg);-o-transform: scale(-1) rotate(180deg);transform: scale(-1) rotate(180deg);}    
.feature-list p{color: #666;font-size: 16px;padding-bottom: 15px;font-weight: 400;line-height: 20px;letter-spacing: normal;}
.feature-list p a{display: inline-flex; align-items: center; justify-content: flex-start; gap:8px;}
.feature-list p svg{transform: rotate(180deg);fill: var(--link);}
.feature-list p a.btun{border: 0;font-family: var(--coustard);font-size: 16px;color: var(--link);padding: 7px 13px}
.feature-list p a.btun:hover{background: transparent}
.feature-list p a.btun:hover svg{fill: var(--white);}
.feature-list:hover p svg{fill: var(--white);}
.feature-list .stroked{position: absolute;font-size: 50px;display: block;font-weight: 900;text-shadow: rgb(0, 0, 0) 0px 0px 2px;color: #fff;opacity: 0.5;transition-duration: .5s;transition-property: all;transition-timing-function: cubic-bezier(.4, 0, .2, 1);white-space: nowrap;top: 55px;left: 180px;}     
.feature-list:hover .stroked{left: 100px;opacity: 0.5;}
/**/      
.single-listarea{margin-top: var(--size10);display: flex;padding: var(--size15);gap: var(--size20);}
.single-listarea .single-listcard{font-family: var(--coustard);background: var(--white); box-shadow:0 1px 6px rgba(32, 33, 36, .28);border-radius: 4px;flex-shrink: 0;margin: 10px;}
.single-listarea .single-listcard .single-listhead{display: flex;flex-wrap: wrap;padding: var(--size15);gap:var(--size10); border-bottom: solid 1px var(--grayddd)} 
.single-listarea .single-listcard .single-listhead figure{width: var(--size100); height: var(--size100);background: #f5f5f5;border-radius: 4px;overflow: hidden;}
.single-listarea .single-listcard .single-listhead figure img{width: var(--size100); height: var(--size100);}
.single-listarea .single-listcard .single-listhead .single-apartinfo{display: flex;flex-direction: column; gap:10px;width: 79%;}
.single-listarea .single-listcard .single-listhead .single-apartinfo .title{font-size: 16px;color: var(--black);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 20px;}
.single-listarea .single-listcard .single-listhead .single-apartinfo .title a{color: var(--black); text-decoration: underline}
.single-listarea .single-listcard .single-listhead .single-apartinfo p{color: var(--gray777);line-height: 20px;}
.single-listarea .single-listcard .single-listhead .single-apartinfo p a{}
.single-listarea .single-listcard .single-listbody{padding:var(--size15) var(--size10);border-bottom: solid 1px var(--grayddd)}
.single-listarea .single-listcard .single-listbody .title{font-size: 16px;color: var(--black);}
.single-listarea .single-listcard .single-listbody .single-listdesc{display: flex;gap: var(--size20);justify-content: space-between}
.single-listarea .single-listcard .single-listbody .single-listdesc span{display: inline-flex; flex-direction: column;gap:10px; font-size: 14px;}
.single-listarea .single-listcard .single-listbody .single-listdesc span b{color: var(--gray777)}
.single-listarea .single-listcard .single-listbody .single-listdesc span strong{color: var(--black)}
.single-listarea .single-listcard .single-listfotr{padding: var(--size15);text-align: center;}
.single-listarea .single-listcard .single-listfotr a{font-family: var(--coustard);}
          
.single-listarea .owl-theme .owl-nav {position: relative;text-align: center;display: flex;gap: 5px;justify-content: center;width: 100px;margin: 0 auto;background: white;box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);border-radius: 30px;padding: 5px 0;margin-top: var(--size20);margin-bottom:var(--size20)}
.single-listarea .owl-carousel .owl-nav div{position: static;background-color: #f5f5f5;box-shadow: none;width: 40px;height: 40px;}
          
          
/* tab start */ 
.tab ul{display: flex; flex-wrap: wrap;font-family: var(--coustard);}
.tab ul li{margin: 0 10px;line-height: 24px;font-size: 15px;color: var(--black);background-color: transparent;border-radius: var(--size30);cursor: pointer;-webkit-transition: 0.3s ease;transition: 0.3s ease;position: relative;z-index: 1;white-space: nowrap;}
.tab ul li:before{position: absolute;content: '';bottom:0;left: 0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 0;height:3px;border-radius:var(--size30);-webkit-transition: 0.3s ease;transition: 0.3s ease;background-color:var(--red);z-index: -1;}
.tab ul li:first-child{margin-left: 0}
.tab ul li:last-child{margin-right: 0}
.tab ul li.active:before, .tab ul li:hover:before {width: 100%;}
.tab ul li a{color:var(--gray777);padding:10px;display: block}
.tab ul li.active a{color:var(--red);}
/**/
.blogpostarea{padding: 70px 0;background: #f8faff;}
.blogpostitem {position: relative;border: 1px solid #B5B5C3;-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;border-radius: 10px;padding: 25px 25px;margin: 30px 0;background: #fff;-webkit-transition: all 0.2s ease-out 0s;-moz-transition: all 0.2s ease-out 0s;-ms-transition: all 0.2s ease-out 0s;-o-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;}
.blogposthumb {position: relative;-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;border-radius: 10px;overflow: hidden;}
.blogposthumb:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(22, 20, 57, 0) 0%, rgba(22, 20, 57, 0) 0%, #010005 100%);pointer-events: none;}
.blogposthumb img {width: 100%;height: 432px;object-fit: cover;}
.blogpostcontent{position:absolute;left:25px;right:25px;bottom:25px;padding:30px 40px}
.blogpostcontent .title{color: #fff;font-size: 20px;font-weight: 600;letter-spacing: 0.5px;display: block;font-family: "Poppins", sans-serif;line-height: 26px;}
.blogpostcontent .title a{display:inline;color: #fff;} 
.blogpostmeta{margin-bottom:14px}
.posttaglable{font-weight:500;font-size:14px;display:inline-block;line-height:1;color:#fff;border:1px solid #e4e4e4;border-radius:100px;padding:8px 13px;margin-bottom:20px}
.posttaglable:hover{color: #fff;} 
.blogpostitemright{border:1px solid #B5B5C3;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;border-radius:10px;padding:15px;margin:30px 0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;gap:22px;background:#fff;-webkit-transition: all 0.2s ease-out 0s;-moz-transition: all 0.2s ease-out 0s;-ms-transition: all 0.2s ease-out 0s;-o-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;}
.blogpostthumbright{width:250px;flex:0 0 auto}
.blogpostthumbright img{width:100%;object-fit:cover;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;border-radius:10px; height: 166px;}
.blogpostcontentright .title{color: #212121;font-size: 20px;font-weight: 600;letter-spacing: 0.5px;display: block;font-family: "Poppins", sans-serif;line-height: 22px; display: inline;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;word-wrap: break-word;}
.blogpostcontentright .title a{display:inline;color: #212121;}      
.blogpostcontentright p{color: #666;font-size: 15px;line-height: 20px;margin: 15px 0;font-weight: 300;font-family: "Poppins", sans-serif;letter-spacing: normal;min-height: 80px;} 
.posttagtwo{font-weight:500;font-size:13px;display:inline-block;line-height:1;color:#777;border:1px solid #e4e4e4;border-radius:100px;padding:8px 13px;margin-bottom:10px}
.blogposthumb, .blogpostthumbright{position: relative;overflow: hidden}
.blogpostitem:hover, .blogpostitemright:hover{filter: drop-shadow(10px 10px 0px #CAC9D6);}
.blogpostarea .show-more-wrap svg{transform: rotate(180deg);}
/**/
.citiareawarp{padding: 50px 0}
.citiareawarp .pagetitle{padding-bottom: 0}
.citiareawarp .pagetitle .title{text-align: left; font-size: 20px;}
.citiareawarp .tab{margin-bottom: 20px;background: #f5f5f5}
.citiareawarp .citiarea{font-family: var(--coustard);}
.citiareawarp .citiareatitle{color: #212121;font-size: 22px;padding:20px 0 0;font-weight: 600;display: block;text-align: center;font-family: "Poppins", sans-serif;}
.citiareawarp .citiarea{}
.citiareawarp .citiarea b{padding: 20px 0;font-weight: 600;display: block;font-size: 18px;}
.citiareawarp .citiarea ul{display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px;}
.citiareawarp .citiarea ul li{padding: 0 15px 15px 0;font-size: 14px;}
.citiareawarp .citiarea ul li a{color: #777}
.citiareawarp .citimore{text-align: center;padding-bottom: 15px}
.citiareawarp .citimore a{color: #212121}
/*----------------------------------------*/
.howsulekharea{background-color: #FFFFFF;background-image: url("../images/room-landingpage/room-background.jpg");background-position: center left;background-repeat: repeat;background-size: cover;background-attachment: fixed;transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding: 50px 0px 50px 0px;position: relative;}
.howsulekharea .container{position: relative}
.background-overlay{background-color:rgb(8 35 54 / 50%);inset: 0;position: absolute;}
.howsulekharea .pagetitle{padding-bottom: var(--size50);}
.howsulekharea .pagetitle .title{display: flex;gap:10px;align-items: center; justify-content: center}
.howsulekharea .pagetitle .title i{flex-shrink: 0}
.howsulekharea .pagetitle .title, .howsulekharea .pagetitle .tagline{color: var(--white)}    
.howsteparea{position: relative; font-family: var(--coustard);padding: 20px; background: rgb(255 255 255 / 11%);margin-bottom: var(--size40);min-height: 205px;backdrop-filter: blur(var(--size10));transform-style: preserve-3d;transform: perspective(1000px);background: rgb(255 255 255 / 10%);border:1px solid #3b6589; border-radius: 10px;letter-spacing: 0.7px;color:#efefef;}
.howsteparea .nubr {font-size: 28px;line-height: 18px;color: var(--white);z-index: 3;font-weight: 600;padding-bottom: 15px}
.howsteparea .title{font-size: 18px;line-height: 1.417;font-weight: 600;margin-bottom: 8px;display: block}
.howsteparea p{font-size: 16px;padding-bottom: 15px;font-weight: 400;line-height: 20px;letter-spacing: 0.4px;}
/*----------------------------------------*/
.updates-contentarea{padding: 70px 0;background: #f8faff;}
.updates-contentarea .pagetitle .title {display: flex;gap: 10px;align-items: center;justify-content: center}
.updates-contentarea .pagetitle .title i {flex-shrink: 0}
.updates-content{position:relative;margin-top:31px}        
.updates-content .name {font-size: 20px;margin-bottom: 10px;font-weight: var(--size900);}
.step{position:relative;box-sizing:border-box;clear:both;width:50%;padding:40px;border:none;font-size:15px;line-height:20px;text-align:center;    font-family: var(--coustard);}
.step p{overflow:hidden;width:270px;margin:0;color: var(--gray777);font-size: 17px;}
.step-first p,.step-last p,.step-right p{float:right}        
.step .disk{content:"";position:absolute;z-index:1;left:50%;bottom:-10px;width:36px;height:36px;border:3px solid #00acc1;border-radius:130px;margin-left:-10px;background-color:#fff;display: flex
;align-items: center;justify-content: center;background:#00acc1;color: #fff;font-weight: 900;}
.step-left .disk{left:-40px;top:50%;margin-top:-23px;margin-left:-23px}
.step-right .disk{right:0;bottom:50%;left:auto;margin-right:-13px;margin-bottom:-13px}        
.step-right{position:relative;float:right;border-top:3px solid #00acc1;border-right:3px solid #00acc1;border-bottom:3px solid #00acc1;border-radius:0 163px 163px 0;margin-top:-2px;text-align:right}
.step-content{position:relative;z-index:100;}
.step, .step-right, .step-left .step-left, .step-first, .step-last, .step-first .disk, .step-last .disk{border-color: #00acc1;}    
.step .disk, .step-left, .step-right{border-color: #00acc1;}
.step-right:nth-child(2){margin-top:50px;margin-bottom:-3px}
.step-right:nth-child(4){margin-top:-3px}
.step-left{position:relative;float:left;border-top:3px solid #00acc1;border-bottom:3px solid #00acc1;border-left:3px solid #00acc1;border-radius:163px 0 0 163px;text-align:left}
.step-left .step-left{border:none}
.step.step-left{padding:40px}
.step-first, .step-last{position:absolute;top:0;right:50%;float:none;clear:both;padding:75px 41px 75px 0;border:none;margin:0;line-height:20px;text-align:right}
.step-first{padding-top: 0}
.step-last{position:relative;top:-115px;right:0}
.step-first .disk, .step-last .disk{content:"";position:absolute;left:auto;border:3px solid #00acc1;border-radius:130px;margin-left:-9px;cursor:pointer;transition:all .3s ease-in;top: 34px;right: -21.5px;}
.step-last .disk{top: 97px;}
.step-center{position:absolute;top:0;left:100%;display:inline-block;width:270px;padding:35px 0;margin-left:-13px;text-align:left}
.step-center-bottom{top:auto;bottom:0}
.step-center .disk{top:0;left:0;margin-top:-13px;margin-left:0}
.step-center-bottom .disk{top:auto;bottom:-19px;}
/*----------------------------------------*/

/* Muru End */
@media only screen and (max-width : 320px) {}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 568px) {
.single-apartarea .single-apartcard .single-aparthead .single-apartinfo{width: 230px;}
}
/*----iphone---*/
@media (max-width : 640px) {}
/**/
@media only screen and (min-width : 569px) and (max-width : 640px) {
/**/
.listcard-area .listcard {width: 48.5%;}
.averagesection .averagelink {max-width: 160px!important;width: 160px!important;}
}
/*----high end windows phone---*/
@media only screen and (min-width : 641px) and (max-width : 768px) {
.listcard-area .listcard {width: 31.8%;}
    
}
/*----high end windows phone---*/
@media only screen and (max-width : 768px) {
.mobileview{display: block}
.mobilehide{display: none}
.rent-price-content-outer .rent-bold-circle-right, .singlelistarea .postfigure, .rent-price-content .rentline-1, .rent-price-content .rentline-2, .rent-price-content .rentcircle-1, .rent-price-content .rentcircle-2{display: none}
.rent-price-content{margin: 0}
.wizardarea .wizardcard{margin-bottom:var(--size10);padding: 0}
.wizardarea .wizardcard .wizardtitle{padding: 15px;}
.wizardarea .wizardcard .wizardinfo{flex-direction: column;align-items: flex-start;gap:var(--size10);margin-bottom:var(--size20);padding: 0 15px 15px;}
    
    
.newlcfalertwrp{margin: 0 0 20px}
.banner-infoarea .banner-info .title{font-size: 26px;line-height: var(--size30);margin: 0;}
.banner-infoarea .banner-info .sub-title{font-size: 16px;}
.action-area .action-card{width: 100%;margin-bottom: 40px;}

.pagetitle .title{font-size: 22px;line-height: 30px;text-align: left;}
.singlelistarea{padding:  var(--size20);border-radius: 10px;}
.singlelistarea .singlelist-content .singlelisthead .title{font-size: var(--size20);line-height: 22px;}
.singlelistarea .singlelist-content .singlelistbody .singlelist figure{flex-shrink: 0;width: var(--size30);height: var(--size30);} 
.newlcfalertinfo{width: 100%}
.budget-area .budget-fotr {flex-wrap: nowrap; overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;scrollbar-width: none;-ms-overflow-style: none;padding: 15px 15px 15px 5px;}
.budget-area .budget-fotr .budgetcard {flex-shrink: 0;width: 250px;}
.single-apartarea .single-apartcard{width: 350px;} 
.single-apartarea .single-apartcard .single-aparthead figure {width: var(--size80);height: var(--size80);}

.averagesection .averagelink{width:47%;max-width:47%;} 
.listcard-area .listcard{width:47%;} 
.rate-formgroup {flex-direction: row;flex-wrap: wrap;}
    
.step, .step-first, .step-last, .step-left .step-left, .step-right {position: relative;float: none;right: 0;left: 0;width: 100%;padding: 40px 0;border-top: none;border-right: none;border-left: none;border-top: 2px solid #00acc1;border-radius: 0;margin: 0 auto;text-align: center;}
.step.step-left {border: none;}
.step.step-left {padding: 0;}
.step-last {top: 0;}
.step-first .disk, .step-last .disk {top: -20px;right: 0;bottom: auto;left: 50%;margin-bottom: -37px;margin-left:-25px;line-height: 64px;}
    
.step-right .disk {top: -20px;left: 50%;margin-left:-25px;}    
.step-left .disk {top: 0px;bottom:auto;left: 50%;margin-left:-25px;}
.step-center .disk {top: -10px;bottom: auto;left: 50%;margin-left:-25px;}
.step-right:nth-child(2){margin-top: 0}
.updates-content p {float: none;width: 100%;height: auto;padding: 10px 0;margin: auto;line-height: 24px;}
.postbg figure, .howsulekharea .pagetitle .title i, .updates-contentarea .pagetitle .title i{display: none}
.postbg .post-info big {font-size: 18px;}
    
.single-listarea .single-listcard .single-listhead figure {width: var(--size60);height: var(--size60);}
.single-listarea .single-listcard .single-listhead .single-apartinfo {width: 77%;}
.citiareawarp .citiarea ul{grid-template-columns: repeat(1, 1fr);}
.single-listarea .single-listcard .single-listbody .single-listdesc {overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none;white-space: nowrap;}
.tab{background: #f5f5f5;}
.tab ul{overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none;white-space: nowrap;flex-wrap: nowrap;}    
}
/**/
@media (min-width: 992px) {}
/*----iphone---*/
@media (max-width: 991px) {
.bannerarea{margin-top: var(--size20);}
    
}
/*----ipad---*/
/**/
@media only screen and (max-width : 1024px) {
.scroll-percentage, .padhide{display: none;}
.pagetitle{position: static!important;padding-left: 30px; padding-right: 30px;text-align: left}
/**/
.budget-area .budget-headarea .budget-head .budget-img{display: none}
.budget-area .budget-headarea .budget-head .budget-info, .faqarea .faqsectionwarp .faqleft, .faqarea .faqsectionwarp .faqcontent{width: 100%}
.budget-area .budget-headarea .budget-head .budget-info{padding: 0}
.faqarea .faqsectionwarp .faqleft, .budget-area .budget-headarea .budget-head .budget-info .pagetitle{padding-left: 0;padding-right: 0;}
.averagesection .averagelink {max-width: 161px;width: 161px;}
/**/
.rent-price-content .rentcircle-1, .rent-price-content-outer .rent-bold-circle-right{right: 0;}
.rent-price-content .rentcircle-2{    right: -20px;}
/**/
.mobillable{display: block; color: var(--gray777);padding-bottom: 8px; font-size: 13px;}
.listablearea .listablehead, .listablearea .listablebody .listing .listdesc .loc{display: none}      
.listablearea .listablebody{display: flex;flex-wrap: wrap;gap: 20px;}
.listablearea .listablebody .listing{ background: var(--white);border: 1px solid rgba(82, 101, 255, 0.25);box-shadow: 0px 4px 8px rgba(82, 101, 255, 0.25);border-radius: 12px;gap:10px;padding: 0;width: 100%;}
.listablearea .listablebody .listing .listinfoarea{width: 100%;padding: 15px 15px 0;margin: 0}
.listablearea .listablebody .listing .listinfoarea .title {font-size: 17px;}
.listablearea .listablebody .listing .listinfoarea .listinfo {align-items: flex-start;padding: 5px 0}
.listablearea .listablebody .listing .listdesc{width: 100%;margin: 0;padding:0 15px;}
.listablearea .listablebody .listing .listactn{width: 100%;padding:15px; border-top: solid 1px var(--grayddd);justify-content: space-between;display: flex;}     
.listablearea .listablebody .listing .listdesc .date{width: 33.3%;margin: 0;padding-right: 10px;}
.listablearea .listablebody .listing .listdesc .bedbath{width: 33.3%;margin: 0;padding-right: 10px;}
.listablearea .listablebody .listing .listdesc .price{width:33.3%;}
     

.accordionmenu, .faqarea .faqsectionwarp .faqcontent{padding: 0}
.banner-infoarea{padding-top: 0}    
.banner-infoarea .banner-info{width: 100%}
.sectionone, .sectiontwo, .faqarea{padding: 30px 0}
.faqcontentwrap{padding-bottom: 15px;}
.listablearea .listablefotr, .faqcontentwrap .faqtitle{padding-bottom: 0}
    

    
}
/**/
@media only screen and (min-width : 769px) and (max-width : 1024px) {
.action-area .action-card {width: 48.92%;}
.formsheet{height: auto}
.formsheet .formsheet-container{max-width: 100% !important;width: 100%}
.formsheet .form-body .inputformarea{display: flex; flex-wrap: wrap;gap:var(--size10)}
.inputformarea .inputbox{width: 32.5%}    
.shape-lft, .shape-rgt{width: 40px;height: 40px;}
.shape-lft {left: -40px;}
.shape-rgt {right: -40px;}
.formsheet .form-fotr {padding: 15px;text-align: center;border-top: solid 1px #ddd;}
.formsheet .form-fotr a{display: inline-flex;width: auto;}
.card {top: 0;}
    
.sectionone, .sectiontwo {padding: 30px 0;}
.singlelistarea .postfigure {width: 280px;}
.banner-infoarea .banner-info .title {font-size: var(--size30);}    
.banner-infoarea .banner-info .sub-title{font-size: 16px;}
.pagetitle .title{font-size: 26px;text-align: center}
.singlelistarea .singlelist-content .singlelisthead .title{font-size: 22px;}
}
/*----netbook---*/
@media only screen and (min-width : 1024px) and (max-width : 1280px) {}
/*----ultrabook---*/
@media only screen and (min-width : 1025px) and (max-width : 1280px) {
.action-area .action-card{width: 285px;}
.newlcfalertwrp{margin: 0}
.rent-price-content-outer .rent-bold-circle-right{right: 0;top: -70px;}
 
    
}
/*----ultrabook---*/
@media only screen and (min-width : 1281px) and (max-width : 1366px) {
.action-area .action-card {width: 310px;}
.rent-price-content-outer .rent-bold-circle-right{right: 0;top: -70px;}
.rent-price-content .rentcircle-1, .rent-price-content .rentcircle-2{right: 0;}
}
/*   */
@media only screen and (min-width : 1367px) and (max-width : 1512px) {}
/*----large desktop---*/
@media only screen and (min-width : 1367px) and (max-width : 1680px) {}