@import url('https://web.archive.org/web/20230723002301cs_/https://fonts.googleapis.com/css2?family=Arsenal:wght@400;700&family=Urbanist:wght@200;300;400;500;600;700;800;900&display=swap');


@font-face {
  font-family: 'Open 24 Display St';
  src: url('fonts/Open24DisplaySt.eot');
  src: url('fonts/Open24DisplaySt.eot#iefix') format('embedded-opentype'),
      url('fonts/Open24DisplaySt.woff2') format('woff2'),
      url('fonts/Open24DisplaySt.woff') format('woff'),
      url('/Open24DisplaySt.ttf') format('truetype'),
      url('/Open24DisplaySt.svg#Open24DisplaySt') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



/* uh8uhuh8h */
select::-ms-expand { display: none; }
a{  -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;text-decoration: none;}
h1{font-size:40px;color:#000; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-family: 'Titillium Web', sans-serif;font-weight: 700;}
h2 {font-size:36px;color:#000; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-family: 'Titillium Web', sans-serif;font-weight: 700;}
h3 {font-size:32px;color:#000; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-family: 'Titillium Web', sans-serif;font-weight: 700;}
h4 {font-size:24px;color:#000; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-family: 'Titillium Web', sans-serif;font-weight: 700;}
h5 {font-size:20px;color:#000; margin:0px 0px 15px 0px;line-height: 1.4;font-weight:500;font-family: 'Titillium Web', sans-serif;font-weight: 700;}
h6 {font-size:18px;color:#000;margin:0px 0px 15px 0px;line-height: 1.2;font-weight:500;font-family: 'Titillium Web', sans-serif;font-weight: 700;}
.spacer1px {clear:both;line-height:0;font-size:0;overflow:hidden;height:1px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer10px {clear:both;line-height:0;font-size:0;overflow:hidden;height:10px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer20px {clear:both;line-height:0;font-size:0;overflow:hidden;height:20px; background:#000; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer30px {clear:both;line-height:0;font-size:0;overflow:hidden;height:30px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer50px {clear:both;line-height:0;font-size:0;overflow:hidden;height:50px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer80px {clear:both;line-height:0;font-size:0;overflow:hidden;height:50px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}


body {
	overflow-x:hidden;
	color:#5c5c5c;
	font-size:16px;
	line-height:1.8; 
	margin:0px; 
	padding:0px; 
	outline:none;
	text-decoration:none;
	list-style:none;
	box-sizing: border-box;
  font-family: 'Titillium Web', sans-serif;
	font-weight:400;
	background-color:#000;
}

.mob-menu{display: none;}

p{color:#908e8e;font-size:16px;line-height:1.8;  margin:0px 0px 20px 0px;font-weight: normal;font-family: 'Titillium Web', sans-serif;font-weight:400;}
ul, ol {list-style: none;margin: 0;padding: 0;}
a:hover{ text-decoration:none;}
::-webkit-input-placeholder {color:#5c5c5c !important;opacity:1 !important;}
::-moz-placeholder {color:#5c5c5c !important;opacity:1 !important;}
:-ms-input-placeholder {color:#5c5c5c !important;opacity:1 !important;}
:-moz-placeholder {color:#5c5c5c !important;opacity:1 !important;}

html, body {overflow-x: hidden;}
body {position: relative}
body.modal-open { padding-right: 0!important;}
:focus, button:focus {outline-style:none;box-shadow:none;border-color:transparent;}
*:focus {outline: none;}
input:focus{outline:none;}
img{max-width:100%;height:auto; outline:none;}
a{outline:none; border:none;}
.ptb-50{padding-top: 50px;padding-bottom: 50px;}


/* ============Header=========== */

.header {display: block;width: 100%;position: relative;z-index: 99;margin-bottom: -26px;padding-top: 10px;}
.header-top{padding: 10px 0;}

.fixedhead{position: fixed;top:0px;animation:slide-down 0.7s;opacity:1;width: 100%;background:#fff;z-index: 99;left:0px;padding:15px 0px;box-shadow: 0 1px 7px 0 rgba(0,0,0,.12);}    
header.fixedhead{ border: none;}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}

.topheader {background: #000;    border-bottom: 1px solid #313131;}
.topheader-contact li a {color: #a7a7a7;}
.topheader-contact li a i {color: #c5a42b;padding-right: 14px;}
.topheader-contact li a:hover {color: #c5a42b;}
.top-blue-flex {display: flex;justify-content: space-between;align-items: center;}
.topheader-social li {display: inline-block;position: relative;margin-left: -5px;}
.topheader-social li a{padding: 7px 15px;display: block;}


.topheader-social li a:hover {background: #474747;color: #fff;}
.topheader-social li:nth-child(2):before{display: none;}
.topheader-social li:nth-child(3):before{display: none;}
.topheader-social li:nth-child(4):before{display: none;}
.topheader-social li:nth-child(5):before{display: none;}
.topheader-social li:nth-child(6):before{display: none;}
.topheader-social li:before {position: absolute;content: '';width: 1px;height: 100%;left: 0;top: 0;background: #3c3c3c;}
.topheader-social li:after {position: absolute;content: '';width: 1px;height: 100%;right: 0;top: 0;background: #3c3c3c;}

.mid_btn a {border: 1px solid #c5a42b;border-radius: 4px;padding: 5px 20px;color: #c5a42b;}
.mid_btn a i {margin-right: 10px;}
.topheader-social li a {color: #c5a42b;}
.header-logo-box {background: #121212;padding: 15px 0;}

.banner_item {background-repeat: no-repeat;background-size: cover;height: 100vh;display: flex;align-items: center;position: relative;overflow: hidden;}
.banner_item:before {position: absolute;content: '';width: 63%;height: 50%;bottom: 0;right: 0;background: rgb(0 0 0 / 35%);transform: rotate(-45deg) translate(18%, 82%);}
.banner_item:after {position: absolute;content: '';width: 75%;height: 75%;bottom: 0;right: 0;background: rgb(0 0 0 / 35%);transform: rotate(-49deg) translate(15%, 90%);}
.shape {
  position: absolute;
  width: 99%;
  height: 221%;
  background: rgb(0 0 0 / 64%);
  left: 0;
  right: 0;
  transform: rotate(40deg) translate(-50%);
}
.banner-title {
  position: relative;
}

.banner_box .owl-prev {right: 10%;left: unset;position: absolute;top: unset;bottom: 5%;transform: translateY(-50%);width: 50px;height: 50px;line-height: 50px;text-align: center;border-radius: 0;background: rgb(197 164 43 / 19%);color: #787878;}
.banner_box .owl-next {right: 5%;position: absolute;bottom: 5%;transform: translateY(-50%);width: 50px;height: 50px;line-height: 50px;text-align: center;background: rgb(197 164 43 / 19%);color: #787878;top: unset;border-radius: 0;}
.banner_box .owl-prev:hover,.banner_box .owl-next:hover{background-color: #c5a42b;color: #fff;}
.banner_box .owl-dots {left: 13%;}
.banner_box .owl-dot.active {height: 4px;width: 40px;background: #c5a42b;border-radius: 0;border: 0;}
.banner_box .owl-dot {height: 4px;width: 40px;border-radius: 0;margin: 0 10px;background: #c1c1c1;min-height: 0;min-width: 0;border: 0;}
.banner-title p{color: #fff;font-family: 'Titillium Web', sans-serif;font-size: 24px;margin: 0;}
.banner-title h2 {font-size: 55px;font-weight: 900;color: #fff;margin-bottom: 80px;}
.banner-title h2 span{color: #c5a42b;}



.ptb-50{padding-top: 50px;padding-bottom: 50px;}
.btn-one {background: #42a04a;color: #000;padding: 8px 35px;display: inline-block;border-radius: 30px 0px 30px 30px;position: relative;font-weight: 600;transition: all .5s ease;}
.btn-one:hover {background: #c5a42b;color: #161616;}
/* .btn-one:before {position: absolute;content: '';width: 13px;height: 6px;top: -6px;right: 0;background: #a3861c;border-top-left-radius: 10px;} */
.btn-one:after {position: absolute;content: '';width: 66px;height: 2px;bottom: -5px;left: 0;background: #42a04a;margin: auto;right: 0;}
.btn-one:hover:after {background: #c5a42b;}
a.btn-more {
  background: #42a04a;
  color: #000;
  padding: 8px 35px;
  display: inline-block;
  border-radius: 30px 0px 30px 30px;
  position: relative;
  font-weight: 600;
  transition: all .5s ease;
}
a.btn-more:hover {background: #c5a42b;color: #161616;}
a.btn-more:after {
  position: absolute;
  content: '';
  width: 66px;
  height: 2px;
  bottom: -5px;
  left: 0;
  background: #42a04a;
  margin: auto;
  right: 0;
}
a.btn-more:hover:after {background: #c5a42b;}

.chron-ab-sec {background-image: url(/web/20230723002301im_/https://chronicscale.com/wp-content/themes/images/abimg.png);background-repeat: no-repeat;background-position: right bottom;position: relative;background-size: 50%;padding: 100px 0;}
.chron-ab-sec:before {background: linear-gradient(123deg, rgba(0,0,0,1) 60%, rgb(0 0 0 / 0%) 79%);position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';}
.chron-ab {position: relative;}
.chron-ab-img {position: relative;}
.chron-ab-img .bg-shape {position: absolute;top: -27px;left: 74px;width: 482px;}
.chn-img-box {position: relative;text-align: center;width: 350px;height: 350px;overflow: hidden;margin: auto;background: #cacaca;border-radius: 50%;border: 5px solid grey;}
.chn-img-box img{
position: relative;
top: -145px;}
.chron-ab p {color: #e9e9e9;}
.chron-ab h2 {position: relative;color: #42a04a;font-weight: 800;font-size: 53px;}
.chrn-pro-sec {background: black;}
.chrn-pro_showbox {background: #212428;padding: 3px 3px 8px;border-radius: 15px;text-align: center;margin-bottom: 20px;}
.chrn-pro_showbox img {height: 400px !important;object-fit: cover;width: 100%;border-radius: 15px;}
.chrn-pro_showbox h3 {text-transform: uppercase;margin: 10px 0 0;color: #c5a42b;font-weight: 700;font-size: 26px;}
.chrn-pro_item {position: relative;}
.chrn-pro-hide {position: absolute;top: 0;background: rgb(33 36 40 / 69%);width: 100%;height: 100%;padding: 35px;border-radius: 15px;opacity: 0;transition: all .5s ease;overflow: hidden;}
.chrn-pro_item:hover .chrn-pro-hide{opacity: 1;}
.chrn-pro-hide h4 {color: #c5a42b;}
.chrn-pro-hide p {color: #c2c2c2;line-height: 23px;}

.chrn-pro_showbox i {position: absolute;top: 18px;right: 18px;background: #222222;width: 40px;height: 35px;line-height: 35px;text-align: center;border-radius: 5px;color: #888;z-index: 9;}

.video-sec {background: #000;}
.video-box {position: relative;}
.video-box img {width: 100%;height: 700px;object-fit: cover;}
.video-play-button {position: absolute;z-index: 10;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);display: block;width: 32px;height: 44px;border-radius: 50%;text-align: center;line-height: 40px;color: #212428;font-size: 24px;}
.video-play-button:hover {
  color: black;
}
.video-play-button:before {content: "";position: absolute;z-index: 0;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: block;width: 80px;height: 80px;background: #c5a734;border-radius: 50%;animation: pulse-border 1500ms ease-out infinite;}
.video-play-button:after {content: "";position: absolute;z-index: 1;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: block;width: 80px;height: 80px;background: #c5a734;border-radius: 50%;transition: all 200ms;}
.video-play-button:hover:after {background-color: darken(#c5a734, 10%);}
.video-play-button i {position: relative;z-index: 3;}



@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

#to_top_scrollup {
  background-color: #dd9933;
  padding: 10px 15px;
  opacity: 1;
  color: #fff;
  position: fixed;
  bottom: 10px;
  right: 10px;
}


.video-sec [class*="col-"]{padding: 0;}
.video_content {height: 550px;width: 100%;display: flex;align-items: center;padding: 20px;background: url(/web/20230723002301im_/https://chronicscale.com/wp-content/themes/images/video-bg.jpg);}
.video_content p {color: #cecece;font-size: 22p;line-height: 30px;}
.slider-pr-sec{background-color: #111316;}
.slider-item {background: #212428;padding: 10px;border-radius: 15px;}
.slider-item img{border-radius: 15px;}
.slider-product .owl-dots{bottom: -30px;}
.slider-product .owl-dot.active {height: 4px;width: 40px;background: #c5a42b;border-radius: 0;border: 0;}
.slider-product .owl-dot {height: 4px;width: 40px;border-radius: 0;margin: 0 10px;background: #c1c1c1;min-height: 0;min-width: 0;border: 0;}

.form-box-sec{background-color: #212428;}
.form-shadow {padding: 30px;border-radius: 10px;background-color: #212428;height: 100%;box-shadow: 10px 10px 19px #1c1e22, -10px -10px 19px #262a2e;}

.map-boxbutton {background-color: #03671b;padding: 30px;text-align: center;border-radius: 10px;background-image: url(/web/20230723002301im_/https://chronicscale.com/wp-content/themes/images/map.png);background-size: 100% 100%;background-repeat: no-repeat;background-position: top center;display: block;}
.mtb-25{margin-top: 25px;margin-bottom: 25px;}
.map-boxbutton i {color: #fff;font-size: 25px;display: block;margin-bottom: 15px;}
.map-boxbutton span {color: #fff;font-size: 20px;font-weight: 800;}
.form-content h4 {color: #04b42f;font-size: 23px;}
.form-content  p {margin: 0;color: #878e99;font-weight: 600;position: relative;padding-left: 25px;padding-bottom: 5px;}
.form-content  p a {color: #fff;font-size: 15px;}
.form-content p a:hover {color: #04b42f;}
.form-content p i {position: absolute;left: 0;top: 8px;}
.social-box li{display: inline-block;}
.social-box span{font-size: 14px;font-weight: 500;color: #c2c2c2;margin-bottom: 8px;}
.social-box li a {width: 61px;height: 61px;line-height: 62px;margin: 15px;box-shadow: 10px 10px 19px #1c1e22, -10px -10px 19px #262a2e;border-radius: 6px;transition: 0.4s;display: inline-block;text-align: center;font-size: 20px;color: #c4cfde;}
.social-box li a:hover{transform: translateY(-5px);}
.social-box li a.facebook:hover{color: #2766ff;}
.social-box li a.insta:hover{ background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}




.form-content-form .form-control{background-color: #191b1e;border-radius: 6px;transition: 0.4s;border: 2px solid #191b1e;padding: 10px 10px;font-size: 14px;color: #c4cfde;box-shadow: 1px 4px 2px -3px rgba(0, 0, 0, 0.7) inset, -1px -3px 3px -2px rgba(255, 255, 255, 0.2) inset;letter-spacing: 1px;}
.btn-two {border-radius: 6px;background: linear-gradient(145deg, #087223, #03771f);box-shadow: 10px 10px 19px #1c1e22, -10px -10px 19px #262a2e;transition: 0.4s ease;position: relative;z-index: 1;font-size: 18px;font-weight: 700;border: 0 none;display: block;padding: 5px;text-align: center;color: #c4cfde;width: 100%;text-transform: uppercase;}
.btn-two:hover {transform: translateY(-5px);color: #000;background: #c5a42b;}
.form-content-form label {font-size: 12px;color: #a0a8b3;font-weight: 500;letter-spacing: 1px;text-transform: uppercase;margin-bottom: 14px;text-align: left;display: block;}
.chrn-img img {width: 100%;}
.map-box iframe {width: 100%;}
.footer-bottom {background: #0e0e0e;text-align: center;padding: 10px 0;}
.copyright p, .copyright p a {margin: 0;color: #c2c2c2;}

.copyright p, .copyright p a {margin: 0;color: #c2c2c2;}
footer {padding: 35px 0 25px;background: #15181d;position: relative;overflow: hidden;}
.shape-1 {position: absolute;top: -99px; }
.shape-1 img{ filter: grayscale(1) brightness(0.5);}
.shape-2 {position: absolute;bottom: 0;right: 20%;}
.shape-2 img {filter: contrast(0.5);}

.footer-title img {margin-bottom: 15px;}
.footer-title p {color: #bbbbbb;}
.footer-title p:nth-child(3), .footer-title p:nth-child(4)  {display:none;}

.footer-title h3 {color: #b3c1d0;font-size: 25px;}
.news-letter{position: relative;}
.news-letter input {width: 100%;height: 100%;padding: 20px 132px 20px 25px;background: transparent;border: 1px solid #595858;}
.news-letter button {top: 6px;right: 6px;bottom: 6px;width: 125px;color: #fff;background: #014812;}
.news-letter button:hover {background: #c6a62e;}
.footer-title li a {color: #c6c6c6;padding-left: 20px;position: relative;}
.footer-title li a:before {position: absolute;top: -6px;left: 0;content: '\f324';font-family: 'Font Awesome 5 Pro';}
.footer-title h5 {color: #c5a52b;margin: 0 0 5px;}
.footer-title {position: relative;z-index: 9;}
.footer-title li a:hover{color: #c6a62e;}


/* ////////////inner Banner//////////// */
.inner-banner-sec {
  padding: 70px 0 150px;
  background-color: #1e1e29;
  text-align: center;
}
.inner-banner p {
  color: #fff;
  margin: 0;
}

.inner-banner h3 {
  color: #fff;
}
.inner-banner {
    max-width: 800px;
    margin: auto;
}
.breadcrumb {margin: 1rem 0;}
li.breadcrumb-item a {
  color: #c7a435;
}



/* ///////////////Calculator////////// */
.calculator-sec {
  padding: 21px 0 58px;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 100%;
  position: relative;
  background-color: #1e1e29;
}
.inputTitle {font-size: 28px;}
div#contentScale {
  border: 10px solid #5d5d42;
  padding: 15px 15px 15px;
  border-radius: 20px;
  background: rgb(2 14 36 / 96%);
  position: relative;
  z-index: 1;
}
.numericInput {
  box-sizing: border-box;
  border: 1px solid gray;
  height: 50px;
  border-radius: 10px;
  padding: 0 10px;
  font-size: 33px;
  width: 100%;
  font-family: 'Open 24 Display St';
  background: transparent;
  text-shadow: -1px -1px 4px rgba(0, 0, 255, 1), 1px -1px 2px rgba(0, 0, 0, 1), -1px 1px 2px rgba(0, 0, 0, 1), 1px 1px 4px rgba(0, 0, 255, .1);
  text-align: right;
}
.numericOutput {
    box-sizing: border-box;
    border: 1px solid #8e6412;
    height: 72px;
    width: 100%;
    font-size: 73px;
    font-family: 'Open 24 Display St';
    background: transparent;
    text-align: right;
    border-radius: 10px;
    padding: 6px 15px;
    margin-bottom: 10px;
}
.label {padding: 3px;font-family: 'Open 24 Display St';font-size: 25px;}
.thc {color: rgb(8 255 31);}
.cl1 {color: rgb(8 255 31) !important;}
.terps {color: #ffff00}
.cl2 {color: #ffff00}
.score {color: #ff8000}
button {border-radius: 6px;border-top: 2px solid rgba(255, 0, 0, 0);border-left: 2px solid rgba(255, 0, 0, 0);border-right: 2px solid rgba(255, 0, 0, 0);border-bottom: 2px solid rgba(255, 0, 0, 0);}
button:active {border-right: 2px solid rgba(200, 200, 255, .4);border-bottom: 2px solid rgba(200, 200, 255, .4);border-top: 2px solid rgba(0, 0, 0, .25);border-left: 2px solid rgba(0, 0, 0, .25);}
.keydown {color: #000}
.calcSubmit {
  font-family: 'Open 24 Display St';
  font-size: 28px;
  color: #070d17;
  background: #bf8109;
  display: block;
  padding: 10px;
  line-height: 24px;
  position: relative;
  z-index: 1;
  border: 0;
  font-weight: 700;
  cursor: pointer;
  border-radius: 10px;
}

.chronic{
	color:#fff;
  animation-name:glow;
  animation-duration:1s;
  animation-iteration-count:infinite;
  animation-direction:alternate;
}

@keyframes glow{
  from{text-shadow:0px 0px 5px #fff,0px 0px 5px #614ad3;}
  to{text-shadow:0px 0px 20px #fff,0px 0px 20px #614ad3;}
}
/* 
.calcSubmit:hover {
  background: #92c09c;
} */


.calcSubmitScroe {
  font-family: 'Open 24 Display St';
  font-size: 32px;
  color: #070d17;
  background: #bf8109;
  display: block;
  padding: 20px 25px; 
  line-height: 24px;
  position: relative;
  z-index: 1;
  border: 0;
  font-weight: 700;
  cursor: pointer;
}
.cal-content {
    position: relative;
    z-index: 1;
}
.cal-content h3 {
    color: #47e520;
    font-size: 40px;
    font-weight: 800;
}
.tag-box {
    margin-right: 32px;
    text-align: right;
    position: absolute;
    bottom: 51px;
}

.tag-box h4 {
    display: inline-block;
    background: #3ca223;
    padding: 15px 39px 15px 130px;
    border-radius: 0px 0 0 30px;
    position: relative;
    color: #fff;
}
 
.tag-box h4 span {
    background: #ffa800;
    color: black;
    font-size: 19px;
}

.tag-box h4:before {
    position: absolute;
    content: '';
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 25px solid #3ca223;
    right: -25px;
    top: 0;
}
.tag-box h4:after {
    position: absolute;
    right: -47px;
    top: -12px;
    content: '\f054';
    font-family: "Font Awesome 5 Pro";
    font-size: 71px;
    color: #3ca223;
    font-weight: 200;
}

.calcSubmitScroe:hover {
  background: #92c09c;
}

.calcReset {border: 1px outset black;background-color: lightcoral;cursor: pointer;font-family: Courier;font-size: 20px;}
.error {background-color: rgba(255, 0, 0, .5);}
.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  margin-bottom: 15px;
  position: relative;
  z-index: 1;
}
.grid-item {
  background-color: rgb(26 42 61 / 94%);
  border: 1px solid rgb(199 199 199 / 9%);
  padding: 14px;
  font-size: 32px;
  text-align: center;
  display: inline-block;
  line-height: 20px;
  border-radius: 7px;
  margin: 5px;
  cursor: pointer;
  font-family: 'Open 24 Display St';
  box-shadow: 4px 5px 2px 0px #172537;
  caret-color: transparent;
}

.counth {
  position: relative;}

.counth .terps.label{
  font-size: 19px;
  position: absolute;
  top: -10px;
  padding: 0px 10px;
  font-family: 'Open 24 Display St';
  background: #08101c;
  line-height: 20px;
  left: 22px;
}
#thcInput{color: rgb(0, 255, 0);}
#terpsInput{color: #ffff00;}
.counth .thc.label{
  font-size: 19px;
  position: absolute;
  top: -10px;
  padding: 0px 10px;
  font-family: 'Open 24 Display St';
  background: #08101c;
  line-height: 20px;
  left: 22px;
}


.counth .score.label{
  font-size: 19px;
  position: absolute;
  top: -10px;
  padding: 0px 10px;
  font-family: 'Open 24 Display St';
  background: #08101c;
  line-height: 20px;
  left: 22px;
}










button:focus{border:0px solid transparent;outline: none;}

.cal-content-sec h4 {
  color: #a1d3abe8;
  font-size: 20px;
  line-height: 28px;
  font-weight: 200;
}
.cal-content h4 {
    font-size: 28px;
}

/* .main-content {
  position: relative;
  padding: 0px 20px;
  border-radius: 11px;
  background: transparent;
  text-align: center;
} */
/* .main-content > img {
  position: absolute;
  top: -128px;
  left: 20px;
} */

.steps-area {
  position: relative;
  display: block;
  background: #242424;
  padding: 100px 0;
}
.steps-area .steps-heading {
  display: block;
  height: 70px;
  line-height: 70px;
  position: relative;
  z-index: 1;
}
.steps-area .steps-heading h2 {
  margin: 0;
  color: #d0a323;
  font-size: 29px;
  font-weight: 700;
  line-height: 38px;
  max-width: 600px;
}
.steps-area .steps-heading .right-con {
  position: absolute;
  right: 0;
  top: 0;
}
.steps-area .steps-heading .right-con span {
  color: rgba(255, 255, 255, 0.36);
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
}
.steps-area .steps-heading .right-con a {
  display: inline-block;
  color: rgba(255, 255, 255, 0.36);
  width: 70px;
  height: 70px;
  border: 3px solid rgba(255, 255, 255, 0.36);
  border-radius: 100%;
  line-height: 64px;
  text-align: center;
  font-size: 26px;
  position: relative;
  margin-left: 15px;
}
.scroll-bx {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
}
.scroll-bx p {
    text-transform: uppercase;
	margin:0;
}
.scroll-bx a {
  display: inline-block;
  color: rgba(255, 255, 255, 0.36);
  width: 70px;
  height: 70px;
  border: 3px solid rgba(255, 255, 255, 0.36);
  border-radius: 100%;
  line-height: 64px;
  text-align: center;
  font-size: 26px;
  position: relative;
  margin-left: 15px;
}
.scroll-bx a i {
    animation: animate 1s linear infinite;
}
.steps-area .steps-heading .right-con a:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  bottom: 0;
  margin: 0 auto;
  width: 2px;
  background: #3297cc;
  z-index: 99;
  transition: all 0.5s;
}
.steps-area .steps-heading .right-con a i {
  animation: animate 1s linear infinite;
}
.steps-area .steps-heading .right-con a:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  bottom: -103px;
  margin: 0 auto;
  width: 2px;
  background: rgba(255, 255, 255, 0.36);
  z-index: 9;
}
.steps-details, .video-des {
  background: #020e20;
}
.inner-banner h3 {
    font-size: 46px;
    color: #3ca223;
}
.inner-banner p {
    font-size: 24px;
    line-height: 39px;
}
.steps-details {
  display: block;
  margin: 0 0 -4px;
  position: relative;
  overflow: hidden;
}
.steps-details .steps-cont ul li {
  position: relative;
  padding: 105px;
  display: block;
  border-radius: 10px;
  margin: 0 0 -2px;
}
.steps-details .steps-cont ul li:after {
  content: '';
  position: absolute;
  width: 14px;
  right: 34px;
  top: 0;
  bottom: 0;
  border-right: 2px solid rgba(255, 255, 255, 0.36);
  border-top: 2px solid rgba(255, 255, 255, 0.36);
  border-bottom: 2px solid rgba(255, 255, 255, 0.36);
  border-radius: 0 10px 10px 0;
}
.steps-details .steps-cont ul li:before {
  content: '';
  position: absolute;
  left: 48px;
  right: 48px;
  top: 0;
  bottom: 0;
  border-top: 2px solid rgba(255, 255, 255, 0.36);
  border-radius: 0;
}
.steps-details .steps-cont ul li.r-con:after {
  left: 34px;
  right: inherit;
  border-left: 2px solid #5d6570;
  border-right: none;
  border-radius: 10px 0 0 10px;
}
.steps-details .steps-cont ul li:first-child:before {
  border-radius: 0 0 0px 0;
  border-top: none;
}
.steps-details .steps-cont ul li:first-child:after {
  border-radius: 0 0 10px 0;
  border-top: 0;
}
.steps-details .steps-cont ul li:nth-child(3):after {
  content: '';
  position: absolute;
  width: 50%;
  right: 34px;
  top: 0;
  bottom: 0;
  border-right: 2px solid #5d6570;
  border-top: 2px solid #5d6570;
  border-bottom: 2px solid #5d6570;
  border-radius: 0 10px 10px 0;
}
.steps-details .steps-cont ul li:nth-child(4):before {
  content: '';
  position: absolute;
  left: 48px;
  right: inherit;
  width: 45%;
  top: 0;
  bottom: 0;
  border-top: 2px solid rgba(255, 255, 255, 0.36);
  border-radius: 0;
}
.steps-details .steps-cont ul li:nth-child(4):after {
  border-left: 2px solid rgba(255, 255, 255, 0.36);
  border-top: 2px solid rgba(255, 255, 255, 0.36);
  border-bottom: 2px solid rgba(255, 255, 255, 0.36);
}
.steps-details .steps-cont ul li.cl2 span{
    background: linear-gradient(to right, rgb(156 9 9) 0%, rgb(91 17 13) 100%) !important;
    background: rgb(156 9 9) !important;
    background: -moz-linear-gradient(left, rgb(156 9 9) 0%, rgb(91 17 13) 100%) !important;
    background: -webkit-gradient(left top, right top, color-stop(0%, rgb(156 9 9)), color-stop(100%, rgb(91 17 13))) !important;
    background: -webkit-linear-gradient(left, rgb(156 9 9) 0%, rgb(91 17 13) 100%) !important;
    background: -o-linear-gradient(left, rgb(156 9 9) 0%, rgb(91 17 13) 100%) !important;
    background: -ms-linear-gradient(left, rgb(156 9 9) 0%, rgb(91 17 13) 100%) !important;
}
.steps-details .steps-cont ul li.cl2 .cont h2{color: rgb(156 9 9) !important;}

.steps-details .steps-cont ul li.cl1 span{
  background: linear-gradient(to right, rgb(8 198 73) 0%, rgb(7 103 32) 100%) !important;
  background: rgb(8 198 73) !important;
  background: -moz-linear-gradient(left, rgb(8 198 73) 0%, rgb(7 103 32) 100%) !important;
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(8 198 73)), color-stop(100%, rgb(7 103 32))) !important;
  background: -webkit-linear-gradient(left, rgb(8 198 73) 0%, rgb(7 103 32) 100%) !important;
  background: -o-linear-gradient(left, rgb(8 198 73) 0%, rgb(7 103 32) 100%) !important;
  background: -ms-linear-gradient(left, rgb(8 198 73) 0%, rgb(7 103 32) 100%) !important;
}
.steps-details .steps-cont ul li.cl1 .cont h2{color: rgb(8 198 73) !important;}

.steps-details .steps-cont ul li.cl3 span{
  background: linear-gradient(to right, rgb(59 138 255) 0%, rgb(0 75 165) 100%) !important;
  background: rgb(59 138 255) !important;
  background: -moz-linear-gradient(left, rgb(59 138 255) 0%, rgb(0 75 165) 100%) !important;
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(59 138 255)), color-stop(100%, rgb(0 75 165))) !important;
  background: -webkit-linear-gradient(left, rgb(59 138 255) 0%, rgb(0 75 165) 100%) !important;
  background: -o-linear-gradient(left, rgb(59 138 255) 0%, rgb(0 75 165) 100%) !important;
  background: -ms-linear-gradient(left, rgb(59 138 255) 0%, rgb(0 75 165) 100%) !important;
}
.steps-details .steps-cont ul li.cl3 .cont h2{color: rgb(59 138 255) !important;}

.steps-details .steps-cont ul li.r-con:last-child:after {
  border-radius: 10px 0 0 0;
}
.steps-details .steps-cont ul li.l-con {
  text-align: right;
  position: relative;
}
.steps-details .steps-cont ul li.r-con {
  text-align: left;
  position: relative;
}
.steps-details .steps-cont ul li.l-con .cont h2 {
  margin: 0 0 5px;
  font-weight: 700;
  color: #b99d2b;
}
.steps-details .steps-cont ul li.r-con .cont h2 {
  margin: 0 0 5px;
  font-weight: 700;
  color: #a48c24;
}
.steps-details .steps-cont ul li.l-con .cont p {
  margin: 0;
  color: #939393;
}
.steps-details .steps-cont ul li.r-con .cont p {
  margin: 0;
  color: #939393;
}
.steps-details .steps-cont ul li.l-con span {
  position: absolute;
  right: 0;
  width: 70px;
  height: 70px;
  background: rgb(185 157 43);
  background: -moz-linear-gradient(left, rgb(185 157 43) 0%,  rgb(91 80 13) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(185 157 43)), color-stop(100%,  rgb(91 80 13)));
  background: -webkit-linear-gradient(left, rgb(185 157 43) 0%,  rgb(91 80 13) 100%);
  background: -o-linear-gradient(left, rgb(185 157 43) 0%,  rgb(91 80 13) 100%);
  background: -ms-linear-gradient(left, rgb(185 157 43) 0%,  rgb(91 80 13) 100%);
  background: linear-gradient(to right, rgb(185 157 43) 0%,  rgb(91 80 13) 100%);
  color: #fff;
  font-size: 30px;
  border-radius: 100%;
  text-align: center;
  top: 39%;
  line-height: 70px;
  z-index: 1;
}
.steps-details .steps-cont ul li.r-con span {
  position: absolute;
  left: 0;
  width: 70px;
  height: 70px;
  background: rgb(185 157 43);
  background: -moz-linear-gradient(left, rgb(185 157 43) 0%,  rgb(91 80 13) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(185 157 43)), color-stop(100%,  rgb(91 80 13)));
  background: -webkit-linear-gradient(left, rgb(185 157 43) 0%,  rgb(91 80 13) 100%);
  background: -o-linear-gradient(left, rgb(185 157 43) 0%,  rgb(91 80 13) 100%);
  background: -ms-linear-gradient(left, rgb(185 157 43) 0%,  rgb(91 80 13) 100%);
  background: linear-gradient(to right, rgb(185 157 43) 0%,  rgb(91 80 13) 100%);
  color: #fff;
  font-size: 30px;
  border-radius: 100%;
  text-align: center;
  top: 39%;
  line-height: 70px;
  z-index: 1;
}

@keyframes animate{
0% {
  transform: translateY(-50%);
  text-shadow: 0 50px 0 #8486a6;
}
20% {
  transform: translateY(0px);
  text-shadow: 0 10px 0 #8486a6;
}
40% {
  transform: translateY(0px);
  text-shadow: 0 10px 0 #8486a6;
}
60% {
  transform: translateY(0px);
  text-shadow: 0 0px 0 #8486a6;
}
100% {
  transform: translateY(100px);
  text-shadow: 0 -50px 0 #8486a6;
}
}

.cal-shape img {
  position: absolute;
  bottom: 0;
  left: -58px;
}
.cal-shape .grass2 {
  right: -40px;
  left: unset;
}
img.un-grass1 {
  position: absolute;
  right: -14%;
  top: -1%;
  width: 18%;
  transform: rotate(-11deg);
}
img.un-grass2 {
    position: absolute;
    left: -109PX;
    bottom: 0;
    transform: rotateY(190deg);
}

img.dry-grass1 {
  position: absolute;
  right: 0;
}
img.dry-grass2 {
  position: absolute;
  left: 0;
}
img.dry-grass3 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 18%;
}


img.caltop1 {
  position: absolute;
  top: -194px;
  z-index: 1;
  width: 400px;
  right: -125px;
}
img.caltop2 {
  position: absolute;
  top: 0;
  left: -47%;
  width: 235px;
  z-index: 1;
}
img.caltop3 {
  position: absolute;
  top: -53px;
  left: 23px;
  z-index: 1;
  width: 95px;
}



/* .main-content:before {
  position: absolute;
  content: '';
  background-image: url("/web/20230723002301im_/https://chronicscale.com/wp-content/themes/images/cal-bg2.png");
  top: 0;
  left: 0;
} */

/* .main-content2 {
  position: relative;
  padding: 0px 20px;
  border-radius: 11px;
  background: transparent;
  text-align: center;
  background-image: url(/web/20230723002301im_/https://chronicscale.com/wp-content/themes/chonicseur/images/cal-bg2.png);
  background-size: cover;
  background-repeat: no-repeat;

} */

.main-content {
  position: relative;
  padding: 0px 20px;
  border-radius: 11px;
  background: transparent;
  text-align: center;
}

/* ////////// Second Calculator//////// */
.cal-2{    background-color: #030e25;}
.cal-2 .chrn-logo {position: absolute;left: 50%;transform: rotate(-14deg);}
.main-content2 #contentScale {border: 0px solid #5d5d42 !important;background: rgb(2 14 36) !important;transform: scale(0.6);width: 400px;height: 596px;margin: auto;border-radius: 25px !important;}
.main-content2 #contentScale > .row{padding-top: 25px;padding-bottom: 25px;}
.main-content2 #contentScale .grid-container {margin-bottom: 35px;}
.cal-shape-box {position: absolute;top: -13px;left: -63px;width: 531px;transform: rotate(-7deg);}
.main-content2 #contentScale .grid-item {padding: 21px 0;font-size: 42px;line-height: 24px;box-shadow: 4px 5px 2px 0px #172537;caret-color: transparent;}
.main-content2 #contentScale  .counth .thc.label {font-size: 34px;}
.main-content2 #contentScale .counth .terps.label {font-size: 25px;}

.chrn-pro-sec .row > [class*="col-"]{margin-bottom: 35px;}
.blog-item {background: #121212;padding: 25px;height: 100%;border-radius: 20px;}
.blog-image {display: flex;gap: 15px;align-items: center;}
.blg-img {flex: 0 0 230px;}
.blg-img  img{border-radius: 10px;}
.blg-main-title {color: #2eb269;margin: 0 0 10px;}
.blg-title2 {color: #acacac;margin: 0;font-size: 15px;}
.blog-content h4 {
  color: #c7a62b;
  margin: 0 0 8px;
}
.blog-content p:empty {
  display: none !important;
}
.blog-content p{color: #7f7c7c;}


.img-box1 {
  position: relative;
  padding-bottom: 78px;
}
.img-box1 .img1 {
    display: inline-block;
    position: relative;
 
}
/* .img-box1 .img1:before {
  content: '';
  background-color: #F7F7F7;
  position: absolute;
  bottom: -40px;
  left: -40px;
  height: 100%;
  width: 100%;
  -webkit-animation: jumpAni 7s linear infinite;
  animation: jumpAni 7s linear infinite;
  z-index: -1;
} */

.img-box1 .img1 img {
  width: 100%;
}
.img-box1 .ripple-shape {
  --circle-size: 54px;
  --opacity-original: 1;
  --opacity-animate: 0;
  --duration: 10s;
  position: absolute;
  bottom: calc(var(--circle-size) * -0.5);
  left: calc(var(--circle-size) * -0.5);
  z-index: 3;
}
.ripple-1, .ripple-2, .ripple-3, .ripple-4, .ripple-5, .ripple-6 {
  --duration: 6s;
  height: 54px;
  width: 54px;
  position: absolute;
  inset: 0;
  background-color: transparent;
  border: 1px solid #c5a52b;
  border-radius: 50%;
  -webkit-animation: rippleShape var(--duration) linear infinite;
  animation: rippleShape var(--duration) linear infinite;
}
.ripple-1 {
  -webkit-animation-delay: 0;
  animation-delay: 0;
}
.ripple-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.ripple-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.ripple-4 {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.ripple-5 {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}
.ripple-6 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
/* .jump {
  -webkit-animation: jumpAni 7s linear infinite;
  animation: jumpAni 7s linear infinite;
}
@-webkit-keyframes jumpAni {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes jumpAni {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
} */
@-webkit-keyframes rippleShape {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: var(--opacity-original, 0.2);
  }
  100% {
    opacity: var(--opacity-animate, 0);
    -webkit-transform: scale(4);
    transform: scale(4);
  }
}
@keyframes rippleShape {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: var(--opacity-original, 0.2);
  }
  100% {
    opacity: var(--opacity-animate, 0);
    -webkit-transform: scale(4);
    transform: scale(4);
  }
}

.about-sec{padding-bottom: 120px;padding-top: 50px;}
.checklist.style2 ul {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
.checklist.style2 li {font-size: 20px;font-weight: 600;border: 1px solid #686868;padding: 15px 10px;border-radius: 5px;color: #cacaca;font-weight: 500;}
.checklist.style2 li>i {font-size: 24px;}
.checklist li>i {color: #ffc900;}
.sub-title {color: #c8ac32;}
.sec-title {color: #adadad;}
.award-status {position: absolute;left: -40px;top: 0;z-index: 1;}
.bounce-slide {
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: bounceSlide;
  animation-name: bounceSlide;
}

@keyframes  bounceSlide{
0%, 20%, 50%, 80%, 100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
40% {
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}
60% {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
}
}

.award-status .inner {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
  padding: 22px 20px 18px 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  box-shadow: 0px 40px 70px rgba(27, 20, 78, 0.1);
  background: #FFFFFF;
  border-radius: 10px;
}
.award-status .inner .icon {width: 60px;height: 60px;background: rgba(26, 182, 157, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  margin-right: 15px;
  color: #1ab69d;
  font-size: 30px;
}
.award-status .inner .content {text-align: left;}
.award-status .inner .content .title {color: #1ab69d;font-size: 24px;line-height: 1;margin-bottom: 0;}
.video-boxabout {position: absolute;bottom: -45px;right: 40px;}
.video-boxabout .inner {padding: 20px;background-color: #ffffff;border-radius: 10px;box-shadow: 0px 40px 70px rgba(27, 20, 78, 0.1);width: 246px;height: 240px;}
.video-boxabout .inner .thumb {position: relative;text-align: center;}
.video-boxabout .inner .thumb img {border-radius: 6px;width: 100%;object-fit: cover;height: 200px;}
.video-boxabout .inner .thumb .popup-icon {cursor: pointer;position: absolute;top: 50%;left: 0;right: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);margin: 0 auto;height: 60px;width: 60px;line-height: 62px;background-color: #ffffff;border-radius: 50%;color: #ffc900;font-size: 18px;}
.video-boxabout .inner .thumb .popup-icon i {margin-left: 5px;}

.ab-img-new img {
  height: 400px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
  transition: 0.5s ease;
}
.ab-img-new {
  position: relative;
  margin-bottom: 25px;
  overflow: hidden;
  border-radius: 10px;
}
/* .ab-img-new:before {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  content: '';
  background: linear-gradient(0deg, rgb(0 0 0) 0%, rgba(122,101,48,0) 100%);
} */
.ab-img-new:hover img {
  transform: scale(1.1) rotate(4deg);
}

.cal-shape .grass3 {top: -55px;right: -34px;left: unset;z-index: 1;width: 132px;}
.cal-shape .grass4 {top: -151px;right: 47px;left: unset;filter: sepia(1);}
.cal-shape .grass5 {bottom: -115px;z-index: 1;}
.blg-title {font-size: 36px;color: #ffffff;margin: 0px 0px 20px 0px;padding: 0px;line-height: 1.2;font-family: 'Titillium Web', sans-serif;font-weight: 700;text-decoration: underline;}
.blg-title {font-size: 18px;color: #ffffff;margin: 0px 0px 15px 0px;line-height: 1.2;font-weight: 500;font-family: 'Titillium Web', sans-serif;font-weight: 700;}






@media only screen and (min-width:1401px) and (max-width:4000px) {

  .chron-ab-img .bg-shape {left: 116px;}
	img.un-grass2 {left: -155PX;}

}
@media only screen and (min-width:1301px) and (max-width:1400px) {


}
@media only screen and (min-width:1200px) and (max-width:1300px) {

  .choose-box {padding: 25px 20px;}
  .choose-box .content h4 {font-size: 20px;}
	img.un-grass2 {left: -155PX;}

}
@media only screen and (min-width:992px) and (max-width:1199px) {
	
img.un-grass2 {
    left: -158PX;
}
}

@media only screen and (min-width:768px) and (max-width:991px) {
h1{font-size:32px;}
h2 {font-size:30px;}
h3 {font-size:28px;}
h4 {font-size:24px;}
h5 {font-size:20px;}
h6 {font-size:16px;}
.banner_item {height: 47vh;}
.banner_box .owl-prev {right: 12%;}
.chron-ab-img .bg-shape {left: 149px;}
.chron-ab-sec {background-size: 80%;}
.video_content {height: 318px;}

.map-boxbutton {padding: 70px;}
.map-boxbutton i {font-size: 55px;}
.map-boxbutton span {font-size: 33px;}

.cal-shape-box {position: absolute;top: 33px;left: 36px;width: 552px;transform: rotate(-7deg);}
.main-content2 #contentScale {border: 0px solid #5d5d42 !important;background: rgb(2 14 36) !important;transform: scale(0.6);width: 400px;height: 724px;margin: auto;border-radius: 25px !important;}
.cal-2 .chrn-logo {position: absolute;left: 10%;transform: rotate(-14deg);top: 15%;}
.steps-area .steps-heading .right-con span{display: none;}
.steps-area .steps-heading h2 {font-size: 24px;max-width: 560px;}
.main-content {padding: 160px 33px 60px;}
.cal-shape .grass4 {top: -28px;right: 162px;}
.cal-shape .grass3 {top: 28px;right: -26px;width: 198px;}
.cal-shape img {bottom: 61px;left: -46px;}
.cal-shape .grass2 {right: -46px;left: unset;width: 231px;}
.cal-shape .grass5 {bottom: -25px;}
#terpsInput {margin-bottom: 22px;}
	
.numericOutput {
    font-size: 44px;
    margin-bottom: 15px;
	height:auto;
}

img.un-grass2 {left: -151PX;}




}


@media only screen and (max-width:767px) {
	
h1{font-size:32px;}
h2 {font-size:26px;}
h3 {font-size:24px;}
h4 {font-size:22px;}
h5 {font-size:20px;}
h6 {font-size:16px;}

.topheader-contact{display: none;}
.topheader-social{display: none;}
.top-blue-flex {display: block;padding: 10px;text-align: center;}
.ax-logo a img {width: 80px;}
.banner-title p {font-size: 15px;}
.banner-title h2 {font-size: 26px;margin-bottom: 35px;}
.banner_item {height: 50vh;}
.banner_box .owl-dots {left: 26%;}
.banner_box .owl-nav{display: none;}
.chron-ab-sec {padding: 30px 0;}
.chron-ab h2 {font-size: 33px;}
.chron-ab-sec{    background-size: 100%;}
.chron-ab-img .bg-shape{display: none;}
.chn-img-box {width: 300px;height: 300px;}
.chrn-pro_showbox img {height: 270px;}
.chrn-pro-hide p {overflow: scroll;height: 245px;}

.steps-area {
  padding: 45px 0;
}
.steps-area .steps-heading h2 {font-size: 20px;line-height: 24px;}
.steps-area .steps-heading .right-con span{display: none;}
.steps-area .steps-heading h2 {max-width: 273px;}
.steps-details .steps-cont ul li {position: relative;padding: 18px 75px 21px 0;}
.steps-details .steps-cont ul li.r-con {padding: 18px 0px 21px 80px;}


.main-content2 #contentScale {transform: unset;width: 100%;height: auto;}
.main-content2 #contentScale .grid-item {padding: 9px 0;font-size: 29px;}
.counth {margin-bottom: 10px;}
.cal-2 .chrn-logo {position: relative;left: 0;transform: rotate(0deg);}
.cal-shape-box {position: absolute;top: -41px;left: -63px;width: 439px;transform: rotate(-7deg);}
.main-content {position: relative;padding: 171px 0px 109px;border-radius: 11px;background: transparent;text-align: center;}

#contentScale {margin: 0px 25px;}
.cal-shape .grass4 {top: 34px;}
.cal-shape .grass3 {top: 99px;}
.cal-shape img {bottom: 202px;left: -36px;}
.cal-shape .grass5 {bottom: -25px;}
.calculator-sec {padding: 40px 0 10px;}
.counth{margin-bottom: 15px;}

.steps-details .steps-cont ul li.l-con .cont p, .steps-details .steps-cont ul li.r-con .cont p {color: #dddddd;}
.dry-grass2 {filter: brightness(0.5);    left: -81px;}
.dry-grass1 {display: none;}
.dry-grass3 {width: 31%;}
	
.inner-banner-sec { padding: 30px 0 30px;}
.cal-content h3 {font-size: 29px;}
.cal-content h4 {font-size: 20px;font-weight: 100;line-height: 28px;}
.tag-box{display:none;}
	
.numericOutput {
    font-size: 44px;
    margin-bottom: 15px;
	height:auto;
}
.under-content {
    display: none;
}
	.scroll-bx p{display:none;}
	

	
}

.back-to-top {width:40px;height:40px;line-height:40px;text-align:center;background:#202E3F;position:fixed;bottom:0px;right:0px;text-decoration:none;color:#fff;font-size:14px;display:none;z-index:999;}
.back-to-top:hover {opacity:.6;filter:alpha(opacity=60)}
.back-to-top:focus, .back-to-top:hover {color:#fff!important}


button.calcSubmitScroe.col-lg-12 {
    width: 100%;
}


/*
     FILE ARCHIVED ON 00:23:01 Jul 23, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:46:53 Jul 23, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.031
  exclusion.robots: 0.033
  exclusion.robots.policy: 0.013
  esindex: 0.014
  cdx.remote: 67.959
  LoadShardBlock: 37.128 (3)
  PetaboxLoader3.datanode: 59.558 (5)
  load_resource: 259.924
  PetaboxLoader3.resolve: 164.974
  loaddict: 78.341
*/