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

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-family: "Jost", sans-serif;
}

body {
    overflow-x: hidden !important;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

html.with-fancybox {
    overflow: auto;
}

.navbar-toggler:focus,
.navbar-toggler,
.navbar-toggler:active,
.navbar-toggler .navbar-toggler-icon:focus,
.navbar-toggler-icon {
    outline: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul,
li {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "optimaregular", sans-serif;
}

.btn-close:focus {
    border: 1px solid transparent;
    box-shadow: none;
}

.modal-open {
    overflow: auto;
    padding-right: 0 !important;
}

/* width */
::-webkit-scrollbar {
    width: 5px;
    height: 4px;
    border-radius: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #F2FEFF;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #006165;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #006165;
}

@font-face {
    font-family: 'optimaregular';
    src: url("../../font/OPTIMA.TTF") format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'optimamedium';
    src: url("../../font/Optima_Medium.ttf") format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'optimabold';
    src: url("../../font/OPTIMA_B.TTF") format('woff');
    font-display: swap;
}

.fontreg {
    font-family: "optimaregular", sans-serif;
}

.fontmed {
    font-family: "optimamedium", sans-serif;
}

.fontbold {
    font-family: "optimabold", sans-serif;
}

.container-fluid {
    padding: 0 8px;
}

.bggreen {
    background-color: #006165;
}

p,
a,
ul li a,
li,
section.home_about .counternumber,
.form-label {
    font-size: 15px;
}

.fweight {
    font-weight: 320;
}

.mainheading {
    font-size: clamp(33px, 3vw, 36px);
    letter-spacing: 0;
    line-height: normal;
    width: 100%;
    transform: translateX(4px);
}

.subheading {
    font-size: clamp(21px, 2vw, 21px);
    letter-spacing: -1px;
}

.padding {
    padding: 53px 0;
}

.radius {
    border-radius: 15px;
}

.bg {
    background-color: #F2FEFF;
}

.bg1 {
    background-color: #006165;
}

.bg2 {
    background-color: #F9F9F9;
}

.color {
    color: #017075;
}

.color1 {
    color: #535353;
}

.customshadow {
    background: #FFFFFF;
    box-shadow: 0px 1px 8.6px rgb(0 0 0 / 8%);
}

/* button css */
.custombtn {
    line-height: 1;
    display: inline-flex;
    border: 1px solid #006165;
    align-items: center;
    gap: 8px;
    background-color: transparent;
    color: #017075;
    border-radius: 50px;
    padding: 5px 18px;
    padding-right: 6px;
    transition: background-color 0.9s ease;
    height: max-content;
    font-weight: 500;
    width: max-content;
    font-size: 15px;
    justify-content: space-between;
}

.button__icon-wrapper {
    flex-shrink: 0;
    width: 27px;
    height: 27px;
    position: relative;
    color: white;
    background-color: #006165;
    border-radius: 50%;
    display: grid;
    place-items: center;
    overflow: hidden;
    transition: background-color 0.9s ease;
    rotate: 45deg;
}

.button__icon-wrapper svg {
    width: 11px !important;
}

.custombtn:hover {
    background-color: #006165;
    color: white;
}

.custombtn:hover .button__icon-wrapper {
    color: #006165;
    background-color: white;
}

.button__icon-svg--copy {
    position: absolute;
    transform: translate(-150%, 150%);
}

.custombtn:hover .button__icon-svg:first-child,
.customcard:hover .custombtn.customarrow .button__icon-svg {
    transition: transform 0.5s ease-in-out;
    transform: translate(150%, -150%);
}

.custombtn:hover .button__icon-svg--copy,
.customcard:hover .custombtn.customarrow .button__icon-svg--copy {
    transition: transform 0.5s ease-in-out 0.1s;
    transform: translate(0);
}

/* button css end */

section.underconst {
    background: url(../../images/under_construction/nagpur_banner.webp) no-repeat center center / cover;
    height: 100vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

section.underconst dotlottie-wc {
    width: 308px;
    height: 308px;
}