body{ padding: 0px; margin: 0px; list-style: none; font: 400 15px/23px 'Inter'; color:#000; }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none; text-decoration: none !important;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}
a, button, input[type="submit"], ::before, ::after{
transition: all 0.35s ease-in-out;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
}
input[type="submit"]{cursor: pointer; border: 0px; outline: none; background: none;}

img{max-width: 100%; height: auto;}
p, h1, h2, h3, h4, h5, h6{margin: 0 0 13px;}
p:last-child{margin-bottom: 0px;}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{margin-bottom: 0px;}
figure{margin: 0px;}
h1, h2, h3, h4, h5, h6{font-family: 'Josefin Sans';}
h1, h2, h3, h4, h5, h6{color: #272b2b;}

/* inter-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    src: url('/assets/fonts/inter-v18-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* inter-300 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    src: url('/assets/fonts/inter-v18-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* inter-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('/assets/fonts/inter-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* inter-500 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url('/assets/fonts/inter-v18-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* inter-600 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: url('/assets/fonts/inter-v18-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* inter-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url('/assets/fonts/inter-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* josefin-sans-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 200;
    src: url('/assets/fonts/josefin-sans-v32-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* josefin-sans-300 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 300;
    src: url('/assets/fonts/josefin-sans-v32-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* josefin-sans-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/assets/fonts/josefin-sans-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* josefin-sans-500 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 500;
    src: url('/assets/fonts/josefin-sans-v32-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* josefin-sans-600 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 600;
    src: url('/assets/fonts/josefin-sans-v32-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* josefin-sans-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 700;
    src: url('/assets/fonts/josefin-sans-v32-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  

.headersec.fixed_header, .navbar-brand{
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.headersec.fixed_header{position: fixed; top: 0; left: 0; width: 100%; z-index: 999;
-moz-box-shadow: 0 0 8px -5px #333;
-webkit-box-shadow: 0 0 8px -5px #333;
box-shadow: 0 0 8px -5px #333;}


@-webkit-keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}
.headersec.fixed_header{top:0;left:0;right:0;position:fixed;margin:0;z-index:1002;-webkit-animation-name:animationFade;-o-animation-name:animationFade;animation-name:animationFade;-webkit-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-moz-box-shadow:0 0 8px -5px #333;-webkit-box-shadow:0 0 8px -5px #333;box-shadow:0 0 8px -5px #333;}



/*
font-family: 'Inter';
*/

p, li {font-size: 17px; line-height: 27px;color: #676a6a;}

.headersec{position: absolute; z-index: 9; top: 0; left: 0; width: 100%; background: #FFF; padding: 8px 0;}
.hderinr{position: relative; display: flex; align-items: center; justify-content: space-between;}
.hdrlgo{max-width: 80px;}
.hdrmnu li{margin-right: 30px;}
.hdrmnu li:last-child{margin: 0;}
.hdrmnu li a{display: inline-block; color: #272b2b; text-transform: capitalize; font-weight: 500;}
.hdrmnu li a:hover{color: #0182d8;}

.bnrimg{position: relative;}
.bnrimg > img{width: 100%;}
.bnrtxt{position: absolute; left: 0; width: 100%; z-index: 1; bottom: -20px;}
.bnrtxtinr h1{color: #FFF; font-weight: 600; text-transform: capitalize; font-size: 45px; line-height: 50px;}
.bnrtxtinr strong{color: #FFF; font-weight: 600; text-transform: capitalize; font-size: 20px; line-height: 27px;}
.frmdta input[type="text"],
.frmdta input[type="email"]{width: 100%; height: 56px; background: #def2ff; border: 0; outline: none; color: #272b2b;
padding: 0 20px; font-weight: 500; border: 1px solid #ECF2F6; border-radius: 8px;}
.frmdta input[type="text"]::placeholder,
.frmdta input[type="email"]::placeholder{opacity: 1; color: #272b2b; text-transform: capitalize;}
.bnerForm{max-width: 550PX; background: #FFF; padding: 25px; border-radius: 20px; pointer-events: visible;
box-shadow: 0 20px 48px 0 rgba(153, 161, 170, 0.25);}
.frmbtn input[type="submit"]{border: 2px solid transparent; color: #FFF; font-weight: 600; border-radius: 45px;
text-transform: capitalize; padding: 15px 30px; background: #0182d8; margin: 20px 0 0;}
.frmbtn input[type="submit"]:hover{background: #1d2022; color: #FFF; border-color: #1d2022;}
.counterSec{padding: 50px 0;}
.counterCon{text-align: center; display: flex; align-items: center; flex-direction: column;
padding: 25px;}
.counterCon h4{font-size: 35px; line-height: 35px;}
.counterSec .row{background: #def2ff; margin: 0; border: 1px solid rgba(0, 0, 0, 0.05);}
.counterSec .row > div{padding: 0; border-right: 1px solid rgba(0, 0, 0, 0.14);}
.frmdta{margin: 20px 0 0;}
.bnerForm .row > div:first-child .frmdta{margin: 0 0;}
.counterSec .row > div:last-child{border: 0;}

.bannerSec{margin: 87px 0 0}


.aboutSec{background: #ECF2F6; padding: 70px 0;}
.aboutpnl{padding: 20px; background: #FFF; box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px; margin: 25px auto 0; max-width: 78%;}
.media{display: flex; align-items: center;}
.media-object{flex: 1;}
.avatarimg{max-width: 400px; margin-right: 25px;}

.contactSec{padding: 70px 0;}
.txtcnter{text-align: center;}
.contactpnl{background-color: #016bb2; padding: 10px 30px 30px; margin: 25px auto 0; max-width: 1200px;}
.frmdata{margin: 24px 0 0;}
.frmdata input[type="text"],
.frmdata input[type="email"],
.frmdata input[type="tel"],
.frmdata textarea{width: 100%; height: 55px; color: #272b2b; padding: 0 20px; outline: none; background: #fff; border-radius: 10px;
border: 1px solid #eee;}
.frmdata textarea{height: 140px !important; resize: none; -webkit-appearance: none; padding-top: 20px !important;}
.frmdata input[type="text"]::placeholder,
.frmdata input[type="email"]::placeholder,
.frmdata input[type="tel"]::placeholder,
.frmdata textarea::placeholder{opacity: 0.85; color: #272b2b; text-transform: capitalize;}
.frmBtns{text-align: center; margin: 24px 0 0;}
.frmBtns input[type="submit"]{min-width: 170px; color: #0182d8; text-transform: uppercase; letter-spacing: 1px;
background: #FFF; height: 55px; border: 2px solid transparent;}
.frmBtns input[type="submit"]:hover{background: transparent; color: #FFF; border-color: #FFF;}

.foterSec{background: #27272E; padding: 20px 0;}
.foterpnl{display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse;}
.foterpnl p{font-size: 15px; line-height: 20px; color: #FFF;}
.foterpnl p a{color: #FFF;}
.foterpnl ul.ftrpay{display: inline-flex; align-items: center;}
ul.ftrpay li{margin-right: 12px;}
ul.ftrpay li:last-child{margin: 0;}
ul.ftrpay li img{padding: 5px; background: #FFF;}

.howSec{padding: 70px 0;}
.howwrkCon{margin: 30px 0 0; background: #def2ff; padding: 22px;}
.howwrkCon .media{align-items: center; padding: 0 0 13px;}
.howwrkCon .media i{width: 70px; height: 70px; background: #0182d8; color: #FFF; border-radius: 100%; margin-right: 15px;
display: flex; align-items: center; justify-content: center; font-weight: 600; font-style: normal; font-size: 23px; padding: 15px;}

.faqSec{padding: 70px 0; position: relative;}
.faqSec::before{background: #27272E; position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.faqSec .pgehding h2, .faqSec .pgehding p {color: #FFF;}
.faqpnel .accordion, .faqpnel .accordion-item{border: 0; border-radius: 0; background: transparent;}
.faqpnel .accordion-item{margin: 24px 0 0; background: #ECF2F6;}
.faqpnel .accordion-item > button{padding: 20px 30px; border: 0; border-radius: 0; background: transparent;
box-shadow: inherit; text-transform: capitalize; font-weight: 600; color: #272b2b;}
.faqpnel .accordion-item > button::after{color: #272b2b;}
.faqpnel .accordion-body{padding: 0 30px 15px;}
.faqpnel{max-width: 1200px; margin: 0 auto;}
.howwrkCon h4{text-transform: capitalize;}

.whyChose{background: #FFF;}
.whyChose .aboutpnl .media{flex-direction: row-reverse;}
.whyChose .avatarimg{margin: 0 0 0 25px; max-width: 670px; }
.whyChose .aboutpnl{padding: 0; max-width: 100%; box-shadow: inherit; margin: 40px 0 0;}
.choseCon i{display: inline-flex; margin: 0 0 12px;}
.choseCon{margin: 30px 0 0; border: 1px solid #ddd; padding: 20px; min-height: 215px; transition: all 0.3s ease-in-out;}

.howwrkCon .media i img{
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); }
.budgetpnel{margin: 40px 0 0; }

.bnrimg::after {
content: "";height: 100%;width: 100%;background-color: rgba(41, 41, 48, 0.8);
position: absolute;top: 0;bottom: 0;left: 0;right: 0;}

.faqlines{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: space-around;
flex-direction: row; pointer-events: none;}
.faqSec .container{position: relative;}
.faqlines > div{border-left: 1px solid rgba(255,255,255,0.08); height: 100%;}

.budgetpnel{width: 100%; display: flex; align-items: flex-start; justify-content: space-between; background: #42424a;
box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;}
.budgetone{width: 100%; background: #ECF2F6; position: relative; min-height: 200px; padding: 25px;}
.budgetpnel > div{flex: 1;}
.budgetTwo{max-width: 400px; padding: 25px;}
.budgetTwo .media{align-items: center; padding: 20px 0 0;}
.budgetTwo .media i{margin-right: 20px;max-width: 50px;}
.budgetTwo h5{margin: 0;}
.budgetone h3 em{font-style: normal; font-weight: 700;}

.budgetTwo h4, .budgetTwo h5, .budgetTwo p {color: #FFF;}
.budgetTwo .media i img{
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
.choseCon:hover{background: #FFF; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;}

/*
Colors
Blue: #3498db
Green: #64c832
Orange: #ff9600
Red: #3498db
Grey: #93a8a9
*/

.pi-calculator-wrapper {
  padding-top: 30px;
  border: 1px solid #93a8a9;
  margin-bottom: 30px;
}

.content-wrapper {
  display: block;
  max-width: 500px;
  margin: auto;
}

.pi-calculator-title .title {
  color: #3498db;
  font-size: 24px;
  font-weight:700;
  text-align: center;
  margin-bottom: 10px;
}

.pi-damages label {
  font-size: 16px;
  font-weight: normal;
}
.pi-damages input {
  height: 55px;  color: #272b2b;
  padding: 0 10px 0 20px; outline:none; background:#fff;  border:1px solid #eee;
}


.label1, .label2, .label3, .label4 {
  color:#222;
  font-size: 16px;
}


/* ====
Range Slider
================*/
.rangeslider,
.rangeslider__fill {
  display:block;
  border-radius:10px;
}

.rangeslider {
position:relative;
  margin: 10px auto;
}
.rangeslider:after{
  top:50%;
  left:0;
  right:0;
  content:'';
  width:100%;
  height:5px;
  margin-top:-2.5px;
  border-radius:5px;
  position:absolute;
  background:#222; opacity: 0.35;
}

.rangeslider--horizontal{
  width:100%;
  height:28px;
}

.rangeslider--vertical{
  width:5px;
  min-height:150px;
  max-height:100%;
}
.rangeslider--disabled{
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity:0.4;
}

.rangeslider__fill{
  position:absolute;
  background:#0182d8;
}
.rangeslider--horizontal .rangeslider__fill{
  top:0;
  height:100%;
}
.rangeslider--vertical .rangeslider__fill{
  bottom:0;
  width:100%;
}

.rangeslider__handle{
  top:50%;
  width:28px;
  height:28px;
  cursor:pointer;
  margin-top:-14px;
  background:white;
  position:absolute;
  background:#0182d8;
  border: 3px solid #fff;
  border-radius:50% !important;
  display:inline-block;
}
.rangeslider__handle:active{
  background:#0182d8;
}

.rangeslider__fill,
.rangeslider__handle{
  z-index:1;
}
.rangeslider--horizontal .rangeslider__fill{
  top:50%;
  height:5px;
  margin-top:-2.5px;
}


/* =====
Calculate Settlement Button
========*/
#calculate-settlement {
  display: block;
  padding: 10px;
  font-size: 22px;
  margin: 20px auto 30px;
  background: #ff9600;
  border-radius: 15% !important;
}

/* =====
Calculate Settlement Result
========*/
#EstimateResult {
  border-top: 2px solid #222;
}

#EstimateResult h4 {
  font-weight: normal;
  text-align: center;
}

#EstimateResult .worth-between {
  font-size: 20px;
}

#EstimateResult label#sum {
  color: #3498db;
}

#EstimateResult label#low, 
#EstimateResult label#high {
  font-size: 24px;
  color: #3498db;
}

.budgeCalute{margin: 28px 0 0;}
.amunttxt{display: flex; align-items: center; justify-content: space-between;}
.amunttxt p{margin: 0; font-size: 15px; line-height: 20px;}
.themeBtns{border: 2px solid transparent;color: #FFF;font-weight: 600;border-radius:10px;text-transform: capitalize;padding: 15px 40px;
background:#0182d8;display: inline-flex; }
.calCluteBtn{text-align: center; margin: 35px 0 0;}
.themeBtns:hover{background: transparent; color: #1d2022; border-color:#1d2022;}

.pgehding h2{text-transform: capitalize; margin: 0 0 6px;}
.calculatorSec{padding: 70px 0 0;}
.videoplay{width: 100%; margin: 24px 0 0; position: relative;}
.videoplay > img{width: 100%; border-radius: 10px;}
.youtubePLay{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 55px;}

.ftrlink{position: absolute; left: 50%; transform: translateX(-50%); display: inline-flex; align-items: center;}
.ftrlink li{display: inline-flex; align-items: center; position: relative; padding-right: 10px; margin-right: 10px;}
.ftrlink li a{color: #FFF; font-size: 13px; line-height: 20px;}
.ftrlink li:last-child{margin: 0; padding: 0;}
.ftrlink li::before{position: absolute; content: ""; right: 0; height: 13px; border-left: 1px solid rgba(255,255,255,0.75);}
.ftrlink li:last-child::before{content: none;}
.ftrlink li a:hover{text-decoration: underline !important;}

.inrBner .bnrtxt {bottom: auto; text-align: center; top: 50%; transform: translateY(-50%);}
.contntArea ul{padding: 0 0 15px;}
.contntArea li{position: relative; padding-left: 17px; margin: 0 0 7px;}
.contntArea li:last-child{margin: 0;}
.contntArea li::before{position: absolute; left: 0; width: 5px; height: 5px; background: #016bb2; content: ""; top: 10px;}
.contntArea h2, .contntArea h3, .contntArea h4, .contntArea h5, .contntArea h6{margin: 0 0 7px;}


.calculelft{background: #c5d8e4; padding: 22px; border-radius: 13px;}
.calculatorpnel .frmdta input[type="text"], .calculatorpnel .frmdta input[type="email"]{background: #FFF;}
.frmdta > label{color: #272b2b; margin: 0 0 7px; font-family: 'Josefin Sans'; font-weight: 600;}
.frmhding{padding: 23px 0 0;}
.frmhding h4{margin: 0 0 8px;}
.frmdta:first-child{margin: 0;}

.frmgrup{display: flex; align-items: center; margin: 20px 0 0; background: #FFF; border-radius: 8px; overflow: hidden;}
.frmgrup > label{padding: 10px 15px; background: #272b2b; color: #FFF; white-space: nowrap;
border-bottom: 1px solid #272b2b; border-top: 1px solid #272b2b;}
.frmgrup input[type="number"]{width: 100%; height: 45px; padding: 0 15px; border: 0; outline: none; border-right: 1px solid #272b2b;
border-top: 1px solid #272b2b; border-bottom: 1px solid #272b2b;}
.frmgrupchk{display: inline-flex; align-items: center; font-size: 14px; line-height: 20px; color: #272b2b;
padding: 0 10px;}
.frmgrupchk label{white-space: nowrap; padding-left: 5px;}
.amuntGrup{padding-left: 110px; margin: 7px 0 0;}
.amuntGrup button{border: 0; border-right: 1px solid #ccc; padding: 8px 16px; transition: initial;
background: linear-gradient(to bottom, #fff 0, #e0e0e0 100%); }
.amuntGrup button:last-child{border: 0;}
.amuntGrup .btn-group{border: 1px solid #ccc;}
.amuntGrup button:hover{background: #e0e0e0;}
.audance{margin: 20px 0 0;}
.audancechek{width: 100%;}
.audancechekopen{padding: 14px; background: #FFF; display: flex; flex-wrap: wrap;}
.audancechekopen > div{width: 50%; float: left;}
.onbotom{cursor: pointer;}
.audancechekopen.onchek{display: flex !important;}
.calClutetp{width: 100%;}
.calClutetp .row > div{padding: 15px; background: #c5d8e4; min-height: 140px; border-right: 1px solid #eee;}
.calClutetp .row{margin: 0; border-radius: 13px; overflow: hidden;}
.calClutetp .row > div:last-child{border: 0;}

.calClutetpTxt h6{font-weight: 600;font-size: 23px;line-height: 27px;}
.calClutetpTxt h6 em{font-style: normal;}

.prevewAdstop{margin: 24px 0 0; display: flex; align-items: center; justify-content: space-between;}
.prevewAdstop h5{margin: 0;}
.prevewAdstop ul{display: inline-flex; align-items: center;}
.prevewAdstop li{margin-right: 14px;}
.prevewAdstop li:last-child{margin: 0;}
.prevewAdsbtm{margin: 23px 0 0;}
.prevewAdsbtm iframe{width: 100%; height: 300px; border: 0;}

.paymntchek{margin: 20px 0 0;}
.paymntchek label{display: inline-flex; flex-direction: column;}
.paymntchek i{margin-top: -4px;}
.paymntchek li{margin: 0 40px 0 0;}
.paymntchek li:last-child{margin: 0;}
.paymntchek ul{display: flex; align-items: flex-start;}










@media (min-width: 1700px) and (max-width: 1799px) {



}

@media (min-width: 1600px) and (max-width: 1699px) {



}

@media only screen and (max-width: 1599px) {



}

@media only screen and (max-width: 1399px) {

.aboutpnl {max-width: 88%;}



}

@media only screen and (max-width: 1199px) {

.aboutpnl {max-width: 100%;}
.bnrtxtinr h1 {font-size: 40px;line-height: 45px;}
.ftrlink {left: 52%;}

.prevewAdstop {flex-wrap: wrap;}
.prevewAdsbtm iframe {height: 250px;}

}

@media only screen and (max-width: 991px) {

.collapse-button{right: 0px; background: transparent !important; border-radius: 0px; padding: 0px; width: auto;justify-content: center;
display: flex;flex-direction: column;align-items: flex-end;}
.collapse-button .icon-bar{background: #383632; height: 3px; border-radius: 5px; width: 27px; margin: 3px 0;
transition: all 0.45s ease-in-out;}
.collapse-button .icon-bar:first-child{margin-top: 0; width: 22px;}
.collapse-button .icon-bar:last-child{margin-bottom: 0; width: 22px;}
ul.slimmenu{background: #383632; position: fixed; top: 0; right: -82%; height: 100vh !important; width: 80%; z-index: 999; padding: 100px 20px 20px;
transition: all 0.45s ease-in-out; overflow: auto; display: flex !important; flex-direction: column; justify-content: flex-start;}
body.sideMenu{overflow: hidden;}
.menuOvrly{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(255,255,255,0.92); z-index: 99;
transition: all 0.45s ease-in-out; opacity: 0; visibility: hidden;}
.sideMenu .menuOvrly{opacity: 1; visibility: visible;}
.sideMenu ul.slimmenu{right: 0;}
ul.slimmenu > li{border-bottom: 1px solid rgba(255,255,255,.1); transition: all 0.75s ease-in-out; padding: 5px 0;
padding-left: 65px;}
ul.slimmenu > li > a{padding: 10px 0; color: #FFF; border: 0 !important;}
ul.slimmenu > li:last-child{border: 0;}
ul.slimmenu li .sub-toggle{background: transparent; height: 43px !important; width: 43px; display: flex; top: 5px;
align-items: center; justify-content: center;}
.sideMenu ul.slimmenu > li{padding-left: 0px; margin: 0;}
.closeMenu{position: absolute; right: 82%; top: 20px; width: 32px; height: 32px; z-index: 999; opacity: 0; visibility: hidden;
transform: rotate(-25deg); transition: all 0.45s ease-in-out; transition-delay: 0.2s;}
.closeMenu::before, .closeMenu::after {position: absolute;left: 15px;content: ' ';height: 33px;width: 2px;background-color: #333;}
.closeMenu::before {transform: rotate(45deg);}
.closeMenu::after {transform: rotate(-45deg);}
.sideMenu .closeMenu{transform: rotate(0deg); opacity: 1; visibility: visible;}
ul.slimmenu > li > a:hover{padding-left: 8px; opacity: .6;}
ul.slimmenu li .sub-toggle i{display: none;}
ul.slimmenu li .sub-toggle::before{content: none;}
ul.slimmenu li .sub-toggle::after{border-left: solid 6px transparent; border-right: solid 6px transparent; border-top: solid 6px #fff; 
height: 0; width: 0; position: absolute; content: "";}
ul.slimmenu.collapsed li > ul{width: 100%; background: #FFF; float: left;}
ul.slimmenu.collapsed li > ul > li{background: transparent;}
ul.slimmenu.collapsed li > ul > li > a{padding: 10px 12px; color: #383632; text-transform: capitalize;}
ul.slimmenu.collapsed li > ul > li i{display: none;}

.hdrmnu li a:hover {color: #FFF;}
.headersec .container{max-width: 100%;}
.howSec, .faqSec, .whyChose, .contactSec, .aboutSec {padding: 40px 0;}
.calculatorSec {padding:40px 0 0;}
p, li {font-size: 15px;line-height: 25px;}
.budgetpnel{flex-direction: column-reverse;}
.budgetTwo .media {padding:8px 0 0;}
.contactpnl {padding:7px 20px 22px;}
.frmBtns, .frmdata {margin:20px 0 0;}
.frmBtns input[type="submit"] {min-width: 144px; height: 48px;}
.choseCon {margin:25px 0 0;}
.aboutpnl .media{display: inline-block;}
.avatarimg{margin: 0 20px 13px 0; float: left; max-width: 230px;}
.counterCon h4 {font-size: 27px; line-height: 32px; margin:0;}
.counterSec {padding:35px 0;}
.bnrtxtinr h1 {font-size: 35px; line-height: 40px;}
.bnrimg > img{height: 400px; object-fit: cover;}

.headersec.fixed_header .hdrlgo {max-width: 55px;}
.ftrlink{position: static; transform: initial;}
.foterpnl {flex-direction: column; text-align: center;}
.foterpnl ul.ftrpay{padding: 12px 0;}
.foterSec {padding:15px 0;}
.foterpnl p {font-size: 14px; line-height: 20px;}

.calculerght{margin: 30px 0 0;}
.inrBner .bnrimg > img{height: 150px;}
.calculelft {padding:15px;}



}

@media only screen and (max-width: 767px){

.animated {
-webkit-animation-duration: initial;
animation-duration: initial;
-webkit-animation-fill-mode: initial;
animation-fill-mode: initial;}

.avatarimg {max-width: 170px;}
.contactpnl {padding:0px 15px 15px;}
.foterpnl {flex-direction: column; text-align: center;}
.howwrkCon h4 {font-size: 20px; line-height: 25px;}
.howwrkCon {margin:25px 0 0; padding:15px;}
.youtubePLay {max-width: 40px;}


}

@media only screen and (max-width: 575px){

.counterCon{background: #def2ff; border: 1px solid rgba(0, 0, 0, 0.05); margin: 8px 0; padding:15px;}
.counterSec .row{background: transparent; border: 0; margin: 0 -5px; justify-content: center;}
.counterSec .row > div{padding: 0 5px; width: 50%; border: 0;}
.counterSec {padding:30px 0 20px;}
.choseCon{min-height: auto; text-align: center;}
.bnrtxtinr h1 {font-size: 30px; line-height: 35px;}

.youtubePLay {max-width: 50px;}

.frmgrup {flex-wrap: wrap;background:transparent;border-radius:0;}
.frmgrup input[type="number"]{margin: 12px 0; border: 1px solid #272b2b;}
.amuntGrup {padding-left: 0; margin: 8px 0 0;}
.frmgrupchk {padding:0;}


}

@media only screen and (max-width: 480px){ 

.counterCon p{font-size: 14px; line-height: 20px;}
.counterSec .row > div{width: 100%;}
.avatarimg{max-width: 100%; margin: 0 0 20px; float: none;}
.aboutpnl, .budgetone, .budgetTwo {padding: 14px;}
.faqpnel .accordion-body {padding:0 15px 15px;}
.faqpnel .accordion-item > button {padding:17px 15px;}
.bnerForm {padding:15px; border-radius:13px;}


}

/* souvik */

/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

/* =====
Blog
========*/
   * {
        box-sizing: border-box;
        font-family: "Inter", sans-serif;
        margin: 0;
        padding: 0;
    }

    .blog-heading {
        font-size: 2rem;
        color: #414b56;
        text-align: center;
        margin: 6rem 0 1rem; /* Adjusted: Increased top margin to clear fixed header */
    }

    .wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-top: 2rem; /* Adjusted: Reduced from 100px to account for heading space */
        padding-bottom: 2rem; /* Spacing above footer */
        min-height: calc(100vh - 140px); /* Adjusted for header and footer */
    }

    .card {
        overflow: hidden;
        box-shadow: 0px 2px 20px #d7dfe2;
        background: white;
        border-radius: 0.5rem;
        position: relative;
        width: 350px;
        margin: 1rem;
        transition: 250ms all ease-in-out;
        cursor: pointer;
    }

    .card:hover {
        transform: scale(1.05);
        box-shadow: 0px 2px 40px #d7dfe2;
    }

    .banner-img {
        position: absolute;
        object-fit: cover;
        height: 10rem;
        width: 100%;
    }

    .category-tag {
        font-size: 0.75rem;
        font-weight: bold;
        color: white;
        background: red;
        padding: 0.4rem 1rem 0.4rem 0.8rem;
        text-transform: uppercase;
        position: absolute;
        z-index: 1;
        top: 0.8rem;
        border-radius: 0 2rem 2rem 0;
    }

    .popular {
        background: #ef257a;
    }

    .technology {
        background: #651fff;
    }

    .psychology {
        background: #e85808;
    }

    .card-body {
        margin: 9rem 1rem 1rem 1rem;
        min-height: 150px;
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .blog-hashtag {
        font-size: 0.85rem;
        font-weight: 500;
        color: #4d97b2;
    }

    .blog-title {
        font-size: 1.25rem;
        line-height: 1.4rem;
        margin: 0.8rem 0 0.4rem;
    }

    .blog-description {
        color: #616b74;
        font-size: 0.85rem;
        margin-bottom: 0.8rem;
        flex-grow: 1;
    }

    .read-more {
        display: inline-block;
        padding: 0.4rem 0.6rem;
        background: #4d97b2;
        color: white;
        text-decoration: none;
        font-size: 0.85rem;
        border-radius: 0.3rem;
        transition: background 200ms ease-in-out;
    }

    .read-more:hover {
        background: #3a7a8f;
    }



    .blog-content h3 {
      font-size: 1.5rem;
      margin: 1.5rem 0 1rem;
    }

    .blog-content p {
      margin-bottom: 1rem;
    }

    .card-profile {
      display: flex;
      align-items: center;
      border-top: 1px solid #d7dfe2;
      padding-top: 1.5rem;
    }

    .profile-img {
      width: 60px;
      height: 60px;
      object-fit: cover;
      border-radius: 50%;
    }

    .card-profile-info {
      margin-left: 1rem;
    }

    .profile-name {
      font-size: 1rem;
      font-weight: bold;
    }

    .profile-followers {
      color: #616b74;
      font-size: 0.9rem;
    }

    .back-link {
      display: inline-block;
      margin-top: 1rem;
      padding: 0.5rem 1rem;
      background: #4d97b2;
      color: white;
      text-decoration: none;
      font-size: 0.9rem;
      border-radius: 0.3rem;
      transition: background 200ms ease-in-out;
    }

    .back-link:hover {
      background: #3a7a8f;
    }