@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

:root {
    --context: 14.4;
    --context-fixed: 14.4;
    --context-height: 14.4;
    --offset: 20vw;
    --move-initial: calc(-25% + var(--offset));
    --move-final: calc(-60% + var(--offset));
    --font-body: "Darker Grotesque";
    --font-Caveat: Caveat;
    --font-Squada: "Squada One", sans-serif;
    --font-size-body: calc(21vw / var(--context));
    --font-size-h1: calc(64vw / var(--context));
    --font-size-h2: calc(65.12vw / var(--context));
    --font-size-h3: calc(45.58vw / var(--context));
    --font-size-h4: calc(31vw / var(--context));
    --font-size-h5: calc(20vw / var(--context));
    --font-size-h6: 18px;
    --font-size-xl: calc(22vw / var(--context));
    --color-primary: #43B8F5;
    --color-orange: #FFDE59;
    --color-lightblue: #EAF3F7;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-grey: #62656C;
    --color-border: #AEBDCA;
    --text-color: #62656C;
    --fw-normal: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700
}

@media (max-width: 768px) {
    :root {
        --context: 7.68;
        --context-height: 7.68
    }
}

@media (max-width: 580px) {
    :root {
        --context: 3.75;
        --context-height: 3.75;
        --font-size-body: calc(17vw / var(--context))
    }
}

* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    overflow-x: hidden
}

html.scrollLock {
    overflow: hidden
}

li {
    list-style: none
}

body {
    -webkit-text-size-adjust: none;
    position: relative;
    width: 100%
}

#page {
    overflow: hidden
}

main.site-main {
    min-height: 75vh
}

figure,
ul {
    margin: 0
}

button {
    background-color: transparent;
    border: 0;
    outline: none
}

ul {
    padding: 0;
    margin: 0;
    list-style: none
}

@media screen and (max-width: 782px) {
    .admin-bar {
        margin-top: -46px
    }

    .admin-bar .site {
        padding-top: 46px
    }
}

.container {
    max-width: calc(1180vw / var(--context));
    width: 100%;
    margin: 0 auto;
    padding: 0 calc(20vw / var(--context))
}

@media (max-width: 768px) {
    .container {
        padding: 0 calc(15vw / var(--context))
    }
}

.container-sm {
    max-width: calc(1180vw / var(--context));
    width: 100%;
    margin: 0 auto;
    padding: 0 calc(20vw / var(--context))
}

@media (max-width: 768px) {
    .container-sm {
        padding: 0 calc(15vw / var(--context))
    }
}

.container-lg {
    max-width: calc(1180vw / var(--context));
    width: 100%;
    margin: 0 auto;
    padding: 0 calc(25vw / var(--context))
}

@media (max-width: 768px) {
    .container-lg {
        padding: 0 calc(15vw / var(--context))
    }
}

.touch-vp-right {
    margin-right: calc(-140vw / var(--context))
}

@media (max-width: 992px) {
    .touch-vp-right {
        margin-right: 0
    }
}

.touch-vp-left {
    margin-left: calc(-140vw / var(--context))
}

@media (max-width: 992px) {
    .touch-vp-left {
        margin-left: 0
    }
}

img {
    max-width: 100%;
    vertical-align: top
}

img.img-full {
    width: 100%
}

iframe,
video {
    max-width: 100%
}

@media (max-width: 992px) {
    .aos-init.aos-animate {
        transition-delay: 0s !important
    }
}

.color-white * {
    color: var(--color-white)
}

.bg-control {
    background-size: cover;
    background-repeat: no-repeat
}

.slick-slide {
    outline: none
}

input[type=submit] {
    -webkit-appearance: none;
    appearance: none
}

button,
div,
a {
    outline: 0px
}

button:focus,
div:focus,
a:focus {
    outline: 0px
}

.slick-slider .slick-track,
[data-aos],
.slick-slider .slick-list,
.swiper-wrapper,
.swiper-slide,
.swiper-container {
    will-change: transform
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

button {
    cursor: pointer;
    -webkit-appearance: none
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background: none;
    width: 0
}

::-webkit-scrollbar-thumb {
    background: var(--color-primary);
    border-radius: 10px
}

html,
body {
    font-family: var(--font-body);
    line-height: 1.25;
    font-size: var(--font-size-body);
    color: var(--color-copy);
    -webkit-font-smoothing: antialiased
}

html.scroll-stop,
body.scroll-stop {
    overflow-x: hidden
}

button,
input,
select,
textarea {
    font-family: var(--font-body);
    color: var(--color-copy)
}

.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
    color: var(--color-black);
    font-weight: var(--fw-normal);
    line-height: 1.2;
    font-family: var(--font-Caveat)
}

h1,
.h1 {
    font-size: var(--font-size-h1);
    font-family: Caveat, cursive !important;
    line-height: 1
}

@media (max-width: 768px) {

    h1,
    .h1 {
        font-size: 45px
    }
}

@media (max-width: 580px) {

    h1,
    .h1 {
        font-size: 35px
    }
}

h2,
.h2 {
    font-size: var(--font-size-h2)
}

@media (max-width: 768px) {

    h2,
    .h2 {
        font-size: 40px
    }
}

@media (max-width: 580px) {

    h2,
    .h2 {
        font-size: 28px
    }
}

h3,
.h3 {
    font-size: var(--font-size-h3)
}

@media (max-width: 768px) {

    h3,
    .h3 {
        font-size: 30px
    }
}

@media (max-width: 580px) {

    h3,
    .h3 {
        font-size: 22px
    }
}

h4,
.h4 {
    font-size: var(--font-size-h4)
}

h5,
.h5 {
    font-size: var(--font-size-h5)
}

h6,
.h6 {
    font-size: var(--font-size-h6)
}

p,
.p {
    line-height: 1.37;
    font-size: var(--font-size-body);
    color: var(--text-color)
}

p:not(:last-of-type),
.p:not(:last-of-type) {
    margin-bottom: calc(25vw / var(--context))
}

@media (max-width: 768px) {

    p:not(:last-of-type),
    .p:not(:last-of-type) {
        margin-bottom: calc(10vw / var(--context))
    }
}

.text-xl {
    font-size: var(--font-size-xl);
    font-weight: var(--fw-normal);
    font-family: var(--font-source-sans)
}

.body-lg,
.body-lg li,
.body-lg p {
    font-size: var(--font-size-body-lg)
}

.body-md,
.body-md li,
.body-md p {
    font-size: var(--font-size-body-md)
}

.body-sm,
.body-sm li,
.body-sm p {
    font-size: var(--font-size-body-sm)
}

a {
    color: var(--color-copy);
    text-decoration: none;
    transition: all .5s
}

a:hover {
    color: var(--color-secondary)
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex.nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex.column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

.flex.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex.space-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex.space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.flex.space-evenly {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.flex.space-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.flex.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex.align-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.flex.align-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.flex.align-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.grid {
    display: grid
}

.grid img {
    width: 100%
}

.grid.two-column {
    grid-template-columns: repeat(2, 1fr)
}

@media (max-width: 768px) {
    .grid.two-column {
        grid-template-columns: 1fr
    }
}

.grid.three-column {
    grid-template-columns: repeat(3, 1fr);
    gap: calc(40vw / var(--context)) calc(45vw / var(--context))
}

@media (max-width: 992px) {
    .grid.three-column {
        grid-template-columns: repeat(2, 1fr);
        gap: calc(40vw / var(--context))
    }
}

@media (max-width: 768px) {
    .grid.three-column {
        grid-template-columns: 1fr
    }
}

.cta-btn {
    display: inline-block;
    border-radius: calc(10vw / var(--context));
    font-size: calc(18vw / var(--context));
    color: var(--color-white);
    font-weight: var(--fw-semibold);
    padding: calc(10vw / var(--context)) calc(32vw / var(--context));
    text-align: center;
    transition: all .5s;
    background-color: var(--color-primary);
    font-family: var(--font-body)
}

@media (max-width: 768px) {
    .cta-btn {
        font-size: 14px
    }
}

@media (max-width: 768px) {
    .cta-btn img {
        margin-top: calc(4vw / var(--context)) !important;
        width: 12px
    }
}

.cta-btn.sucess-btn {
    background-color: #11ba87
}

.cta-btn.sucess-btn:hover {
    color: var(--color-orange)
}

.cta-btn.grey-white-btn {
    background-color: #fff;
    border: calc(1vw / var(--context)) #E4E6EF solid;
    color: #777
}

.cta-btn.grey-white-btn:hover {
    color: var(--color-orange);
    border-color: var(--color-orange)
}

.cta-btn:hover {
    background-color: var(--color-orange)
}

.cta-btn img {
    margin-top: calc(3vw / var(--context))
}

.cta-btn.btn-orange {
    background-color: var(--color-orange);
    color: var(--color-black)
}

.cta-btn.btn-orange:hover {
    background-color: var(--color-primary)
}

.cta-btn:hover {
    text-decoration: none
}

.cta-btn.border {
    border: calc(1vw / var(--context)) solid var(--color-primary);
    background-color: transparent;
    min-width: calc(142vw / var(--context));
    color: var(--color-primary)
}

.cta-btn.border:hover {
    background-color: var(--color-orange);
    border-color: var(--color-orange);
    color: var(--color-black)
}

.cta-btn.border.white {
    border-color: var(--color-white)
}

.cta-btn.border.white:hover {
    background-color: var(--color-white);
    color: var(--color-primary)
}

.btn-box .cta-btn {
    display: flex;
    align-items: center;
    gap: 10px
}

.form-wrapper {
    max-width: calc(390vw / var(--context));
    margin: 0 auto
}

@media (max-width: 1299px) {
    .form-wrapper {
        max-width: 390px
    }
}

.form-group {
    margin-bottom: 12px
}

.form-group.full .custom-file h5 {
    margin-bottom: 12px !important;
    gap: 10px
}

.form-group.full .custom-file h5 small {
    font-size: 13px
}

.form-group.full .custom-file h5 b {
    color: #777
}

.form-group.full .custom-file ul {
    grid-template-columns: 1fr
}

.form-group.full .custom-file ul li small {
    margin: -px 0;
    font-size: 13px;
    color: #777;
    font-weight: 700
}

.form-group.half {
    width: 48% !important
}

@media (max-width: 768px) {
    .form-group.half {
        width: 100% !important
    }
}

.form-group.bordertop {
    border-top: 1px solid #C9C8C8;
    padding-top: 10px
}

.form-group label {
    color: #777;
    display: block;
    margin-bottom: calc(5vw / var(--context));
    width: 100%;
    font-weight: 600;
    font-family: var(--font-body);
    font-size: calc(17vw / var(--context))
}

.form-group textarea {
    min-height: 78px
}

.form-group .form-control {
    padding: calc(10vw / var(--context)) calc(16vw / var(--context));
    font-size: calc(17vw / var(--context));
    color: #a1a5b7;
    font-family: var(--font-body);
    border-radius: calc(6vw / var(--context));
    width: 100%;
    font-weight: 600;
    border: calc(1vw / var(--context)) solid #E4E6EF;
    outline: none;
    resize: none
}

.form-group .form-control:not(:nth-last-of-type(1)) {
    margin-bottom: calc(6vw / var(--context))
}

.form-group .form-control::placeholder {
    color: #a1a5b7;
    font-size: calc(17vw / var(--context));
    font-family: var(--font-body);

}

.form-group .cta-btn {
    width: 100%
}

.form-group h5 span {
    font-size: calc(17vw / var(--context));
    color: #777;
    font-weight: 600
}

.checkbox label,
.custom-radio-btn label {
    color: #5e6278;
    font-size: calc(15vw / var(--context));
    font-weight: 500;
    position: relative;
    padding-left: calc(30vw / var(--context));
    cursor: pointer
}

.checkbox a,
.custom-radio-btn a {
    color: var(--color-primary)
}

.checkbox input,
.custom-radio-btn input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkbox input:checked~.checkmark,
.custom-radio-btn input:checked~.checkmark {
    background-color: var(--color-primary)
}

.checkbox input:checked~.checkmark:after,
.custom-radio-btn input:checked~.checkmark:after {
    display: block
}

.checkbox .checkmark,
.custom-radio-btn .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: calc(20vw / var(--context));
    width: calc(20vw / var(--context));
    background-color: transparent;
    border: calc(1vw / var(--context)) solid #E4E6EF;
    border-radius: calc(4vw / var(--context))
}

.checkbox .checkmark:after,
.custom-radio-btn .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: calc(6vw / var(--context));
    top: calc(3vw / var(--context));
    width: calc(4vw / var(--context));
    height: calc(7vw / var(--context));
    border: solid var(--color-black);
    border-width: 0 calc(3vw / var(--context)) calc(3vw / var(--context)) 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sign-in {
    margin-top: calc(30vw / var(--context));
    text-align: center
}

.sign-in p {
    color: #777;
    font-weight: 600;
    font-size: calc(17vw / var(--context))
}

.sign-in p a {
    color: var(--color-primary)
}

.custom-radio-btn ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(10vw / var(--context))
}

.custom-radio-btn ul label {
    margin-bottom: 0
}

.custom-radio-btn .checkmark {
    border-radius: 50%
}

.custom-radio-btn .checkmark:after {
    border-color: var(--color-white)
}

.custom-radio-btn input:checked~.checkmark {
    background-color: #6bd4b4
}

.custom-radio-btn input:checked~.checkmark:after {
    display: block
}

.custom-check-box ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(15vw / var(--context))
}

@media (max-width: 768px) {
    .custom-check-box ul {
        grid-template-columns: repeat(2, 1fr);
        gap: calc(7vw / var(--context)) calc(11vw / var(--context))
    }
}

.custom-check-box label {
    border: 2px dotted #E4E6EF;
    padding: 10px 2px;
    display: block;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    font-size: 13px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.custom-check-box label p {
    font-size: 13px !important;
    margin: 0 !important
}

.custom-check-box label .checkmark {
    opacity: 0
}

.custom-check-box label input:checked~.checkmark {
    opacity: 1
}

.custom-check-box label input:checked~.checkmark:after {
    border-color: var(--color-white)
}

.custom-check-box label img {
    height: 38px;
    width: 38px;
    margin-bottom: 10px;
    transition-duration: .2s;
    transform-origin: 50% 50%
}

.custom-file ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px
}

@media (max-width: 580px) {
    .custom-file ul {
        grid-template-columns: 1fr
    }
}

.custom-file li {
    display: flex;
    border: 2px dotted #C9C8C8;
    border-radius: 9px;
    align-items: center;
    text-align: center;
    flex-direction: column;
    gap: 7px;
    justify-content: center;
    padding: 18px 10px
}

.custom-file li h6 {
    font-size: 22px;
    color: #181c32;
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 700
}

.custom-file .custom-file-input {
    display: none
}

.custom-file .custom-file-label {
    font-size: 19px !important;
    margin-bottom: 0 !important;
    font-weight: 500;
    cursor: pointer
}

.requirement .custom-file ul {
    display: flex
}

@media (max-width: 580px) {
    .requirement .custom-file ul {
        flex-wrap: wrap
    }
}

.requirement .custom-file li {
    width: 119px
}

.requirement .custom-file li .custom-file-label {
    font-size: 17px !important
}

@media (max-width: 580px) {
    .requirement .custom-file li {
        width: 100%
    }
}

.requirement .custom-file li:nth-of-type(2n) {
    padding: 0;
    border: none;
    width: calc(100% - 130px)
}

@media (max-width: 580px) {
    .requirement .custom-file li:nth-of-type(2n) {
        width: 100%
    }
}

.requirement .custom-file li textarea {
    min-height: 100px
}

.sub-title {
    font-family: var(--font-Squada);
    font-size: calc(20vw / var(--context));
    line-height: 1.2;
    color: var(--color-primary)
}

.line {
    position: relative;
    color: #010308;
    z-index: 9
}

.line:after {
    position: absolute;
    bottom: calc(17vw / var(--context));
    z-index: -1;
    right: 0;
    content: "";
    height: calc(6vw / var(--context));
    background-color: var(--color-orange);
    width: 60%
}

@media (max-width: 768px) {
    .line:after {
        width: 78%;
        bottom: calc(10vw / var(--context))
    }
}

.top-comman-text {
    max-width: calc(746vw / var(--context));
    margin: 0 auto calc(50vw / var(--context))
}

@media (max-width: 992px) {
    .top-comman-text {
        margin-bottom: 0 auto calc(30vw / var(--context))
    }
}

.mb-12 {
    margin-bottom: 12px !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.bg-white {
    background-color: var(--color-white) !important
}

.h-100 {
    height: 100vh !important
}

.m-auto {
    margin: 0 auto !important
}

.w-100 {
    width: 100% !important
}

.mt-20 {
    margin-top: calc(20vw / var(--context))
}

.bredcrum-sec {
    background-color: #f4f7f9;
    padding: calc(15vw / var(--context)) 0
}

.watchlist_page .bredcrum-box {
    margin-bottom: calc(20vw / var(--context))
}

.bredcrum-box .left-box {
    width: calc(100% - 210vw / var(--context))
}

@media (max-width: 768px) {
    .bredcrum-box .left-box {
        width: 100%;
        margin-bottom: calc(15vw / var(--context))
    }
}

.bredcrum-box .left-box h6,
.bredcrum-box .left-box h5 {
    font-family: var(--font-Squada);
    margin: 0
}

.bredcrum-box .left-box ul li {
    color: #3f4254;
    font-size: calc(13vw / var(--context));
    margin-right: calc(20vw / var(--context));
    position: relative;
    list-style: none
}

.bredcrum-box .left-box ul li:not(:nth-last-of-type(1)):after {
    height: calc(10vw / var(--context));
    position: absolute;
    content: "";
    right: calc(-10vw / var(--context));
    width: calc(1vw / var(--context));
    background-color: #b5b5c3;
    top: calc(4vw / var(--context));
    transform: rotate(14deg)
}

.bredcrum-box .left-box ul li a {
    color: #b5b5c3;
    font-size: calc(13vw / var(--context))
}

.bredcrum-box .right-box {
    width: calc(210vw / var(--context));
    display: flex;
    justify-content: flex-end
}

.bredcrum-box .right-box .breadCrumDiv {
    border: calc(1vw / var(--context)) solid #e4e6ef;
    border-radius: calc(5vw / var(--context));
    background-color: var(--color-white);
    width: calc(30vw / var(--context));
    height: calc(30vw / var(--context));
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-left: calc(5vw / var(--context))
}

@media (max-width: 768px) {
    .bredcrum-box .right-box {
        display: none
    }
}

.social-icon li {
    gap: calc(10vw / var(--context))
}

.social-icon li:nth-of-type(1) {
    margin-right: calc(15vw / var(--context));
    font-size: calc(20vw / var(--context));
    font-family: var(--font-body);
    color: #13263c;
    font-weight: 700
}

.home-link {
    color: var(--color-primary) !important
}

.hover-line {
    color: var(--color-primary);
    position: relative
}

.hover-line:hover:after {
    right: auto;
    left: 0;
    width: 100%
}

.hover-line:after {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    background-color: var(--color-black);
    transition: all .5s ease-in-out;
    height: calc(2vw / var(--context));
    content: ""
}

.forget-pass {
    display: flex;
    justify-content: flex-end;
    font-weight: 600
}

.big-text-box {
    width: calc(753vw / var(--context))
}

@media (max-width: 768px) {
    .big-text-box {
        width: 100%
    }
}

.big-text-box .media-box {
    position: relative
}

.big-text-box .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer
}

@media (max-width: 768px) {
    .big-text-box .play-icon {
        width: 40px
    }
}

.small-text-box {
    width: calc(367vw / var(--context))
}

@media (max-width: 768px) {
    .small-text-box {
        width: 100%;
        margin-top: 15px
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.br-all {
    border-radius: calc(20vw / var(--context))
}

.caps {
    text-transform: uppercase
}

.ff-def {
    font-family: var(--font-body)
}

.text-white,
.text-white * {
    color: var(--color-white)
}

.text-black {
    color: var(--color-primary)
}

.text-white {
    color: var(--color-white)
}

strong,
b {
    font-weight: var(--fw-bold)
}

.fw-n {
    font-weight: var(--fw-normal)
}

.fw-md {
    font-weight: var(--fw-medium)
}

.fw-sb {
    font-weight: var(--fw-semibold)
}

.fw-b {
    font-weight: var(--fw-bold)
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(32vw / var(--context))
}

img.alignleft {
    display: block;
    margin-right: auto;
    margin-top: calc(32vw / var(--context))
}

img.alignright {
    display: block;
    margin-left: auto;
    margin-top: calc(32vw / var(--context))
}

.hg-0 {
    min-height: 0 !important
}

.col-15 {
    width: 15%
}

.col-20 {
    width: 20%
}

.col-25 {
    width: 25%
}

@media (max-width: 768px) {
    .col-25 {
        width: 100%
    }
}

.col-30 {
    width: 30%
}

@media (max-width: 768px) {
    .col-30 {
        width: 100%
    }
}

.col-35 {
    width: 35%
}

@media (max-width: 768px) {
    .col-35 {
        width: 100%
    }
}

.col-40 {
    width: 40%
}

@media (max-width: 768px) {
    .col-40 {
        width: 100%
    }
}

.col-45 {
    width: 45%
}

@media (max-width: 768px) {
    .col-45 {
        width: 100%
    }
}

.col-50 {
    width: 50%
}

@media (max-width: 992px) {
    .col-50 {
        width: 100%
    }
}

.col-55 {
    width: 55%
}

@media (max-width: 768px) {
    .col-55 {
        width: 100%
    }
}

.col-60 {
    width: 60%
}

@media (max-width: 768px) {
    .col-60 {
        width: 100%
    }
}

.col-65 {
    width: 65%
}

@media (max-width: 768px) {
    .col-65 {
        width: 100%
    }
}

.col-70 {
    width: 70%
}

@media (max-width: 768px) {
    .col-70 {
        width: 100%
    }
}

.col-75 {
    width: 75%
}

@media (max-width: 768px) {
    .col-75 {
        width: 100%
    }
}

.col-80 {
    width: 80%
}

@media (max-width: 768px) {
    .col-80 {
        width: 100%
    }
}

.col-85 {
    width: 85%
}

@media (max-width: 768px) {
    .col-85 {
        width: 100%
    }
}

.col-90 {
    width: 90%
}

@media (max-width: 768px) {
    .col-90 {
        width: 100%
    }
}

.col-95 {
    width: 95%
}

@media (max-width: 768px) {
    .col-95 {
        width: 100%
    }
}

.col-100 {
    width: 100%
}

@media (max-width: 768px) {
    .col-100 {
        width: 100%
    }
}

.show-on-mob {
    display: none
}

@media (max-width: 768px) {
    .show-on-mob {
        display: flex
    }
}

.animation_box .icon {
    border-radius: 50%;
    border: calc(1vw / var(--context)) var(--color-primary) solid;
    width: calc(35vw / var(--context));
    height: calc(35vw / var(--context));
    position: absolute
}

.animation_box .icon.active {
    -webkit-animation: particle linear 10s alternate infinite;
    animation: particle linear 10s alternate infinite
}

.animation_box .cricle {
    left: 0;
    top: 0
}

.animation_box .small-cricle {
    width: calc(20vw / var(--context));
    height: calc(20vw / var(--context));
    left: calc(-100vw / var(--context));
    top: calc(50vw / var(--context))
}

.animation_box .fill-cricle {
    width: calc(47vw / var(--context));
    height: calc(44vw / var(--context));
    background-color: var(--color-primary);
    right: calc(40vw / var(--context))
}

.animation_box .squre-box {
    border-radius: 0;
    width: calc(35vw / var(--context));
    height: calc(35vw / var(--context));
    transform: rotate(10deg);
    left: calc(-60vw / var(--context));
    top: 37%
}

.animation_box .trangle {
    width: calc(40vw / var(--context));
    position: absolute;
    top: 0;
    right: calc(100vw / var(--context))
}

.animation_box .trangle.rotate {
    transform: rotate(-45deg);
    top: auto;
    right: auto;
    left: calc(-60vw / var(--context));
    bottom: calc(120vw / var(--context))
}

@-webkit-keyframes particle {
    50% {
        transform: translate3d(49vw, 11vh, 0)
    }

    to {
        transform: translate3d(16vw, 86vh, 0)
    }
}

@-webkit-keyframes fadeIn {
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeIn {
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes particle {
    50% {
        transform: translate3d(49vw, 11vh, 0)
    }

    to {
        transform: translate3d(16vw, 86vh, 0)
    }
}

.line-ani {
    position: relative
}

.line-ani:hover {
    color: var(--color-orange)
}

.line-ani:hover:after {
    width: 100%;
    right: 0;
    left: auto
}

.line-ani:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    background-color: var(--color-orange);
    transition: all .5s ease-in-out;
    height: calc(2vw / var(--context));
    content: ""
}

.popup-wrapper {
    padding: calc(0vw / var(--context)) calc(20vw / var(--context)) calc(25vw / var(--context)) calc(25vw / var(--context));
    background-color: #fff;
    border-radius: calc(10vw / var(--context));
    max-width: calc(470vw / var(--context));
    margin: 0 auto;
    position: fixed;
    top: auto;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    transform: scale(0);
    transition: all .5s;
    z-index: 99;
    display: none
}

@media (max-width: 768px) {
    .popup-wrapper {
        max-width: 90% !important;
        padding: 9px 15px
    }
}

.popup-wrapper * {
    font-family: var(--font-body);
    font-size: calc(17vw / var(--context))
}

.popup-wrapper.pop-open {
    transform: translate(-50%) scale(1);
    display: block
}

.popup-wrapper .name-box-wrapper .name-box {
    border-radius: calc(5vw / var(--context));
    width: calc(55vw / var(--context));
    height: calc(55vw / var(--context));
    background-color: #e1e8ff;
    padding: calc(5vw / var(--context));
    display: flex;
    align-items: center;
    justify-content: center
}

.popup-wrapper .name-box-wrapper .name-box h3 {
    font-size: calc(34vw / var(--context));
    line-height: 1.1;
    font-weight: 600;
    font-family: Poppins, sans-serif;
    color: var(--color-primary)
}

.popup-wrapper .name-box-wrapper .col-right {
    padding-left: calc(15vw / var(--context))
}

.popup-wrapper .name-box-wrapper .col-right p {
    font-size: calc(11vw / var(--context))
}

.popup-wrapper .name-box-wrapper .name-url h3 {
    font-size: calc(25vw / var(--context));
    color: #111827;
    margin: calc(5vw / var(--context));
    display: flex;
    font-family: var(--font-Squada);
    align-items: center;
    gap: calc(8vw / var(--context))
}

.popup-wrapper .name-box-wrapper .name-url h3 a {
    background-color: var(--color-primary);
    color: var(--color-white);
    display: flex;
    font-size: calc(8vw / var(--context));
    padding: calc(3vw / var(--context)) calc(4vw / var(--context));
    font-family: var(--font-body)
}

.popup-wrapper .pop-cross-btn {
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
    margin-bottom: calc(10vw / var(--context))
}

.popup-wrapper .btn-group {
    justify-content: flex-end;
    margin-top: calc(15vw / var(--context));
    gap: calc(10vw / var(--context))
}

.popup-wrapper .btn-group .border {
    color: #777;
    border-color: #777;
    min-width: 95px;
    padding: calc(10vw / var(--context)) calc(15vw / var(--context));
    font-size: calc(15vw / var(--context))
}

.popup-wrapper .interested {
    gap: calc(6vw / var(--context))
}

.popup-wrapper .interested .light-text {
    border-radius: calc(10vw / var(--context));
    background-color: #e8f4fa;
    color: #000;
    width: 100%;
    padding: calc(8vw / var(--context)) calc(9vw / var(--context));
    font-size: calc(14vw / var(--context))
}

.popup-wrapper .interested .sub-title {
    font-size: calc(14vw / var(--context));
    color: var(--color-primary);
    font-weight: 600;
    font-family: var(--font-body)
}

.popup-wrapper .interested p {
    font-size: calc(11vw / var(--context));
    line-height: 1.2
}

.popup-wrapper .interested .cta-btn {
    border-radius: calc(10vw / var(--context));
    background-color: #e8f4fa;
    color: #000;
    padding: calc(3vw / var(--context)) calc(9vw / var(--context));
    font-size: calc(14vw / var(--context))
}

.popup-wrapper .top-head-box h5 {
    font-size: calc(23vw / var(--context));
    font-family: var(--font-Squada)
}

@media (max-width: 768px) {
    .popup-wrapper .top-head-box h5 {
        font-size: 20px;
        width: 90%
    }
}

.popup-wrapper.business-verification {
    max-width: calc(710vw / var(--context));
    padding-bottom: calc(120vw / var(--context));
    overflow-y: auto;
    height: 100vh
}

.popup-wrapper.business-verification .inner-popup_2 .form-wrapper {
    max-width: 100%;
    margin-top: calc(18vw / var(--context))
}

.popup-wrapper.business-verification .inner-popup_2 .form-wrapper * {
    font-family: var(--font-body)
}

.popup-wrapper.business-verification .inner-popup_2 .form-wrapper .full {
    width: 100% !important
}

.popup-wrapper.business-verification .inner-popup_2 .form-wrapper .form-group h5 {
    color: #181c32;
    font-size: 19px;
    font-weight: 800
}

.popup-wrapper.business-verification .inner-popup_2 .form-wrapper .half_2 {
    width: 48% !important
}

.popup-wrapper.business-verification .inner-popup_2 .btn-box {
    max-width: 235px;
    width: 100%;
    margin-left: auto
}

.popup-wrapper.business-verification .inner-popup_2 .btn-box .cancel-btn {
    background-color: #f5f8fa;
    color: #777
}

.popup-wrapper#business-growth {
    max-width: calc(710vw / var(--context));
    padding-bottom: calc(120vw / var(--context));
    overflow-y: auto;
    height: 100vh
}

.popup-wrapper#business-growth .form-wrapper {
    max-width: 100%;
    padding: 0
}

.popup-wrapper#business-growth .bordertop {
    border-top: 1px solid #C9C8C8;
    padding-bottom: calc(10vw / var(--context))
}

.popup-wrapper#business-growth .inner-poupup h5 {
    width: 100%;
    color: #181c32;
    font-size: calc(19vw / var(--context));
    font-weight: 800;
    margin-bottom: calc(12vw / var(--context))
}

.popup-wrapper#update-invest-profile {
    max-width: calc(750vw / var(--context));
    padding-bottom: calc(120vw / var(--context));
    overflow-y: auto;
    height: 100vh
}

.popup-wrapper#update-invest-profile .custom-radio-btn h5 {
    font-weight: 800;
    font-size: 19px
}

.popup-wrapper#update-team-member {
    max-width: calc(710vw / var(--context));
    padding-bottom: calc(120vw / var(--context))
}

.popup-wrapper#update-team-member textarea {
    font-size: calc(19vw / var(--context));
    min-height: calc(140vw / var(--context))
}

.popup-wrapper#update-team-member textarea::placeholder {
    font-size: calc(19vw / var(--context))
}

.popup-wrapper#update-team-member .custom-file ul {
    grid-template-columns: 1fr;
    margin-top: calc(30vw / var(--context))
}

.popup-wrapper .form-group {
    width: 100%
}

.popup-wrapper#update-team-img-member {
    max-width: calc(710vw / var(--context));
    padding-bottom: calc(120vw / var(--context))
}

.popup-wrapper#update-team-img-member textarea {
    font-size: calc(19vw / var(--context));
    min-height: calc(140vw / var(--context))
}

.popup-wrapper#update-team-img-member textarea::placeholder {
    font-size: calc(19vw / var(--context))
}

.popup-wrapper#update-team-img-member .custom-file ul {
    grid-template-columns: 1fr;
    margin-top: calc(30vw / var(--context))
}

.popup-wrapper#update-additional {
    max-width: calc(710vw / var(--context));
    padding-bottom: calc(120vw / var(--context));
    overflow-y: auto;
    height: 100vh
}

.popup-wrapper#update-additional h2,
.popup-wrapper#update-additional h3,
.popup-wrapper#update-additional h4,
.popup-wrapper#update-additional h5,
.popup-wrapper#update-additional h6 {
    font-weight: 800
}

.popup-wrapper#update-additional .top-head-box h5 {
    font-weight: 400
}

.popup-wrapper#update-additional .custom-check-box ul {
    grid-template-columns: repeat(4, 1fr)
}

@media (max-width: 992px) {
    .popup-wrapper#update-additional .custom-check-box ul {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 580px) {
    .popup-wrapper#update-additional .custom-check-box ul {
        grid-template-columns: repeat(2, 1fr)
    }
}

.popup-wrapper .dotted-box {
    min-height: calc(180vw / var(--context));
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: calc(14vw / var(--context));
    width: 100%
}

.popup-wrapper .dotted-box .edit-pen,
.popup-wrapper .dotted-box .delete-pen {
    background-color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(4vw / var(--context));
    width: calc(34vw / var(--context));
    height: calc(34vw / var(--context));
    padding: calc(7vw / var(--context));
    margin-top: calc(5vw / var(--context))
}

.popup-wrapper .dotted-box .delete-pen {
    background-color: #f83434;
    margin-left: calc(10vw / var(--context))
}

.popup-wrapper .btngroup .cta-btn {
    width: auto;
    min-width: auto;
    padding: calc(11vw / var(--context)) calc(24vw / var(--context))
}

@media (max-width: 768px) {
    .popup-wrapper .btngroup .cta-btn {
        padding: calc(5vw / var(--context)) calc(20vw / var(--context))
    }
}

.popup-wrapper .btngroup .cta-btn:nth-of-type(1) {
    background-color: #f5f8fa;
    color: #707070;
    margin-right: calc(10vw / var(--context))
}

.popup-wrapper .btngroup .cta-btn:nth-of-type(2) {
    padding: 10px 24px
}

@media (max-width: 768px) {
    .popup-wrapper .btngroup .cta-btn:nth-of-type(2) {
        padding: 4px 20px
    }
}

.popup-wrapper#about-product {
    max-width: calc(710vw / var(--context));
    padding-bottom: calc(120vw / var(--context));
    overflow-y: auto;
    height: 100vh
}

.popup-wrapper#about-product textarea {
    height: calc(230vw / var(--context))
}

.popup-wrapper#about-product textarea+P {
    color: #b5b7bc;
    font-size: calc(15vw / var(--context))
}

.popup-wrapper#startup-popup {
    max-width: calc(710vw / var(--context))
}

.popup-wrapper#startup-popup form {
    max-width: calc(512vw / var(--context));
    width: 100%;
    margin: 0 auto
}

.popup-wrapper#startup-popup .border {
    border: none;
    color: #777
}

.popup-wrapper#startup-popup .form-control {
    margin: calc(25vw / var(--context)) 0
}

.popup-wrapper#startup-popup h1 {
    font-size: calc(55vw / var(--context));
    text-align: center;
    color: #010308
}

.popup-wrapper#startup-popup .btngroup {
    justify-content: center;
    align-items: center;
    margin-top: calc(51vw / var(--context))
}

.popup-wrapper#demo-popup {
    max-width: calc(710vw / var(--context));
    background-color: #000;
    min-height: calc(350vw / var(--context))
}

.popup-wrapper#demo-popup img {
    filter: brightness(3.5)
}

.popup-wrapper#demo-popup .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin-top: 20px
}

.popup-wrapper#demo-popup .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.full-width {
    width: 100% !important
}

body.pop-active {
    transition: all .5s;
    position: relative
}

body.pop-active:after {
    position: absolute;
    content: "";
    background-color: #00000080;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1
}

select {
    background-color: transparent
}

.site-header {
    padding: calc(48vw / var(--context)) 0;
    width: 100%;
    top: 0;
    left: 0;
    transition: all .5s;
    z-index: 99
}

@media (max-width: 768px) {
    .site-header {
        padding: calc(20vw / var(--context)) 0
    }
}

.site-header.sticky {
    background-color: var(--color-lightblue);
    padding: calc(20vw / var(--context)) 0;
    position: fixed;
    width: 100%
}

.site-header .site-branding {
    position: relative;
    z-index: 10;
    width: calc(213vw / var(--context))
}

@media (max-width: 992px) {
    .site-header .site-branding {
        width: calc(114vw / var(--context));
        display: flex;
        align-items: center
    }
}

@media (max-width: 768px) {
    .site-header .site-branding {
        width: calc(120vw / var(--context))
    }
}

.site-header .site-branding a {
    display: block
}

.site-header .site-branding svg,
.site-header .site-branding img {
    width: 100%;
    height: auto
}

@media (max-width: 768px) {
    .site-header .nav-box {
        align-items: center
    }
}

.site-header .toggle-btn {
    display: none
}

@media (max-width: 768px) {
    .site-header .toggle-btn {
        display: block;
        width: calc(30vw / var(--context));
        height: calc(15vw / var(--context));
        position: relative;
        z-index: 999
    }
}

.site-header .toggle-btn.active span {
    transform: rotate(-45deg);
    background-color: var(--color-white)
}

.site-header .toggle-btn.active span:nth-of-type(2) {
    display: none
}

.site-header .toggle-btn.active span:last-of-type {
    transform: rotate(45deg);
    margin: calc(-7vw / var(--context)) 0 0 0
}

.site-header .toggle-btn span {
    width: 100%;
    height: calc(2vw / var(--context));
    background-color: var(--color-primary);
    transition: all .25s ease;
    display: block;
    margin-bottom: calc(5vw / var(--context))
}

.site-header nav ul li.btn-box {
    display: flex;
    gap: calc(10vw / var(--context))
}

.site-header nav ul li.btn-box a:after {
    display: none
}

.site-header nav ul li.btn-box .btn-blue:hover {
    background-color: var(--color-orange);
    color: var(--color-black)
}

.site-header nav ul li.btn-box .btn-orange:hover {
    background-color: var(--color-primary);
    color: var(--color-black)
}

.site-header nav ul li a {
    font-size: calc(18vw / var(--context));
    font-weight: var(--fw-medium);
    position: relative;
    transition: all .5s ease-in-out
}

.site-header nav ul li a:hover {
    color: var(--color-primary)
}

@media (max-width: 768px) {
    .site-header nav ul li a:hover {
        color: var(--color-white)
    }
}

.site-header nav ul li a:hover:after {
    width: 100%;
    right: 0;
    left: auto
}

.site-header nav ul li a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    background-color: var(--color-primary);
    transition: all .5s ease-in-out;
    height: calc(2vw / var(--context));
    content: ""
}

@media (max-width: 768px) {
    .site-header nav ul li a:after {
        background-color: var(--color-white)
    }
}

.site-header nav ul li:not(:nth-last-of-type(1)) {
    margin-right: calc(37vw / var(--context))
}

@media (max-width: 768px) {
    .site-header nav ul li:not(:nth-last-of-type(1)) {
        margin: 0 0 calc(10vw / var(--context))
    }
}

@media (max-width: 768px) {
    .site-header nav {
        right: -100%;
        position: fixed;
        top: 0;
        width: 100%;
        max-width: calc(480vw / var(--context));
        height: 100%;
        z-index: 99;
        transition: all .5s ease;
        background-color: var(--color-primary);
        display: flex;
        justify-content: center;
        align-items: center
    }

    .site-header nav.active {
        right: 0
    }

    .site-header nav .btn-blue {
        background-color: var(--color-white);
        color: var(--color-black)
    }

    .site-header nav ul {
        justify-content: center;
        flex-direction: column
    }

    .site-header nav ul .btn-box {
        flex-direction: column
    }
}

.site-header.inner-header {
    padding: calc(12vw / var(--context)) 0
}

.site-header.inner-header .nav-box {
    align-items: center
}

@media (max-width: 768px) {
    .site-header.inner-header .toggle-btn {
        position: absolute;
        z-index: 999;
        right: 68px;
        width: 20px
    }

    .site-header.inner-header .toggle-btn span {
        background-color: #777
    }
}

.site-header.inner-header .after-login ul {
    gap: calc(12vw / var(--context))
}

.site-header.inner-header .after-login ul .user {
    gap: calc(8vw / var(--context))
}

@media (max-width: 768px) {
    .site-header.inner-header .after-login ul li:not(.user) {
        display: none
    }
}

.site-header.inner-header .after-login .select-user {
    border: none;
    outline: none;
    cursor: pointer;
    font-size: calc(15vw / var(--context));
    font-weight: 600
}

@media (max-width: 768px) {
    .site-header.inner-header .after-login .select-user {
        font-size: 0;
        appearance: none
    }
}

.notifaction-wrapper {
    position: fixed;
    max-width: calc(360vw / var(--context));
    background-color: #fff;
    height: 100vh;
    width: 100%;
    top: 0;
    z-index: 9999;
    right: -100%;
    transition: all .5s ease-in-out;
    overflow-y: auto
}

.notifaction-wrapper .top-text {
    margin-bottom: calc(10vw / var(--context))
}

.notifaction-wrapper .top-text h5 {
    font-size: calc(15vw / var(--context));
    color: #777;
    font-family: var(--font-body);
    text-transform: uppercase;
    font-weight: 600
}

.notifaction-wrapper .top-text a {
    font-weight: 600;
    color: #43b8f5;
    text-decoration: underline;
    transition: all .5s ease-in;
    font-size: calc(15vw / var(--context))
}

.notifaction-wrapper .top-text a:hover {
    color: var(--color-orange)
}

.notifaction-wrapper .cross-btn {
    cursor: pointer
}

.notifaction-wrapper.active {
    right: 0
}

.notifaction-wrapper .inner-notifaction {
    padding: calc(12vw / var(--context)) calc(15vw / var(--context))
}

.notifaction-wrapper .cross-noti-box {
    padding: calc(15vw / var(--context));
    border-bottom: calc(1vw / var(--context)) solid #EDF0F2
}

.notifaction-wrapper .cross-noti-box h4 {
    font-size: calc(17vw / var(--context));
    font-family: var(--font-Squada)
}

.notifaction-wrapper .cross-noti-box h4 span {
    font-size: calc(12vw / var(--context));
    color: var(--color-primary);
    font-family: var(--font-body);
    font-weight: 600
}

.notifaction-wrapper .from-group {
    width: 100%
}

.notifaction-wrapper .notifaction-box {
    border: calc(1vw / var(--context)) solid #EFF2F5;
    padding: calc(7vw / var(--context));
    display: flex;
    border-radius: calc(5vw / var(--context));
    gap: 0 calc(10vw / var(--context));
    margin-bottom: calc(10vw / var(--context))
}

.notifaction-wrapper .notifaction-box .text-box {
    width: calc(100% - 40vw / var(--context));
    padding-left: calc(15vw / var(--context))
}

.notifaction-wrapper .notifaction-box .text-box * {
    font-family: var(--font-body)
}

.notifaction-wrapper .notifaction-box .text-box p {
    font-size: calc(13vw / var(--context))
}

.notifaction-wrapper .notifaction-box .text-box .time {
    font-size: calc(11vw / var(--context));
    font-weight: 600
}

.notifaction-wrapper .notifaction-box .text-box li:nth-of-type(1) {
    display: flex;
    justify-content: space-between
}

.notifaction-wrapper .notifaction-box .text-box h6 {
    font-weight: 600
}

.notifaction-wrapper .notifaction-box .text-box h6 span {
    font-size: calc(12vw / var(--context));
    color: var(--color-primary);
    font-weight: 600
}

.notifaction-wrapper .notifaction-box .img-box {
    border-radius: calc(5vw / var(--context));
    width: calc(40vw / var(--context));
    height: calc(40vw / var(--context));
    background-color: #e1e8ff;
    padding: calc(5vw / var(--context));
    display: flex;
    align-items: center;
    justify-content: center
}

.notifaction-wrapper .notifaction-box .img-box h3 {
    font-size: 24px;
    font-weight: 600;
    font-family: Poppins, sans-serif;
    color: var(--color-primary)
}

.notifaction-wrapper .search-box {
    border: calc(1vw / var(--context)) solid #EFF2F5;
    padding: calc(7vw / var(--context));
    display: flex;
    border-radius: calc(5vw / var(--context));
    gap: 0 calc(10vw / var(--context))
}

.notifaction-wrapper .search-box .form-control {
    border: none;
    padding: 0;
    font-weight: 400;
    width: 95%
}

.notifaction-wrapper .search-box .form-control::placeholder {
    font-weight: 400
}

footer {
    background-color: #09202c;
    padding-top: calc(65vw / var(--context))
}

footer * {
    color: var(--color-white);
    font-size: calc(16vw / var(--context))
}

footer .row-content {
    max-width: calc(1030vw / var(--context));
    padding-bottom: calc(65vw / var(--context))
}

footer .col-right {
    width: calc(360vw / var(--context))
}

@media (max-width: 992px) {
    footer .col-right {
        width: calc(240vw / var(--context))
    }
}

@media (max-width: 768px) {
    footer .col-right {
        width: 100%
    }
}

footer .col-right a:after {
    display: none
}

footer .col-right .social-icon {
    gap: calc(10vw / var(--context))
}

footer .col-right .social-icon a {
    transition: all .5s
}

footer .col-right .social-icon a:hover {
    transform: translateY(-5px)
}

footer .col-right p {
    margin: calc(14vw / var(--context)) 0 calc(32vw / var(--context));
    line-height: 1.31
}

footer .col-left {
    width: calc(100% - 360vw / var(--context));
    padding-left: calc(62vw / var(--context));
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px 0
}

@media (max-width: 992px) {
    footer .col-left {
        width: calc(100% - 240vw / var(--context));
        padding-left: calc(30vw / var(--context))
    }
}

@media (max-width: 768px) {
    footer .col-left {
        width: 100%;
        padding: 30px 0 0;
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 580px) {
    footer .col-left {
        grid-template-columns: 1fr
    }
}

footer .col-left ul li:not(:nth-last-of-type(1)) {
    margin-bottom: calc(10vw / var(--context))
}

footer .col-left .box {
    padding-left: calc(40vw / var(--context));
    border-left: calc(1vw / var(--context)) solid var(--color-white)
}

@media (max-width: 992px) {
    footer .col-left .box {
        padding-left: calc(20vw / var(--context))
    }
}

footer .col-left address {
    font-style: normal;
    font-family: var(--font-body)
}

footer .col-left h5 {
    font-size: calc(22vw / var(--context));
    color: var(--color-primary);
    font-family: var(--font-Squada);
    margin-bottom: calc(10vw / var(--context))
}

@media (max-width: 768px) {
    footer .col-left h5 {
        font-size: 20px
    }
}

footer a {
    position: relative;
    transition: all .5s
}

footer a:hover {
    color: var(--color-primary)
}

footer a:hover:after {
    width: 100%;
    right: 0;
    left: auto
}

footer a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    background-color: var(--color-primary);
    transition: all .5s ease-in-out;
    height: calc(2vw / var(--context));
    content: ""
}

footer .copy-right {
    border-top: calc(1vw / var(--context)) dashed var(--color-orange);
    padding: calc(18vw / var(--context)) 0 calc(25vw / var(--context))
}

footer .copy-right * {
    font-size: calc(16vw / var(--context))
}

footer.inner-footer {
    background-color: #fff;
    padding: calc(37vw / var(--context)) 0
}

footer.inner-footer * {
    color: #777;
    font-family: Inter, sans-serif;
    font-size: calc(16vw / var(--context))
}

footer.inner-footer .inner-footer-content {
    max-width: calc(1216vw / var(--context));
    margin: 0 auto
}

footer.inner-footer .inner-footer-content .secure-box li {
    width: calc(156vw / var(--context))
}

footer.inner-footer .social-icon img {
    min-width: 24px;
    min-height: 24px;
}

footer.inner-footer .footerlogo img {
    width: 213px;
    height: 60px;
}

footer.inner-footer .secure-box img {
    min-width: 157px;
    min-height: 65px;
}

@media (max-width: 768px) {
    footer.inner-footer .inner-footer-content .secure-box li {
        width: 100%
    }
}

footer.inner-footer .inner-footer-content .secure-box li:nth-of-type(2n) {
    width: calc(100% - 156vw / var(--context));
    padding-left: calc(16vw / var(--context))
}

@media (max-width: 768px) {
    footer.inner-footer .inner-footer-content .secure-box li:nth-of-type(2n) {
        width: 100%;
        margin-top: 20px;
        padding: 0
    }
}

footer.inner-footer h5 {
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    font-size: calc(14vw / var(--context))
}

footer.inner-footer .content-row {
    border-top: calc(1vw / var(--context)) solid #C9C8C8;
    padding-top: calc(12vw / var(--context));
    margin: calc(16vw / var(--context)) 0;
    padding: calc(22vw / var(--context)) 0
}

footer.inner-footer .col-left-box {
    width: calc(384vw / var(--context))
}

@media (max-width: 992px) {
    footer.inner-footer .col-left-box {
        width: 250px
    }
}

@media (max-width: 768px) {
    footer.inner-footer .col-left-box {
        width: 100%
    }
}

footer.inner-footer .col-left-box p {
    margin: calc(32vw / var(--context)) 0
}

@media (max-width: 768px) {
    footer.inner-footer .col-left-box p {
        max-width: 360px
    }
}

footer.inner-footer .col-right-box {
    width: calc(100% - 384vw / var(--context));
    padding-left: calc(32vw / var(--context));
    justify-content: space-between
}

@media (max-width: 992px) {
    footer.inner-footer .col-right-box {
        width: calc(100% - 270px)
    }
}

@media (max-width: 768px) {
    footer.inner-footer .col-right-box {
        width: 100%;
        padding: 20px 0 0
    }

    footer.inner-footer .col-right-box .heading-box:not(:nth-of-type(3)) {
        display: none
    }
}

footer.inner-footer .col-right-box li {
    margin-top: calc(16vw / var(--context))
}

footer.inner-footer .col-right-box li a {
    position: relative
}

footer.inner-footer .col-right-box li a:hover {
    color: var(--color-primary)
}

footer.inner-footer .col-right-box li a:hover:after {
    width: 100%;
    right: 0;
    left: auto
}

footer.inner-footer .col-right-box li a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    background-color: var(--color-primary);
    transition: all .5s ease-in-out;
    height: calc(2vw / var(--context));
    content: ""
}

footer.inner-footer .box-wrapper .left-box {
    width: calc(301vw / var(--context));
    padding: 0 calc(49vw / var(--context)) 0 calc(80vw / var(--context));
    border-left: calc(1vw / var(--context)) solid #C9C8C8;
    border-right: calc(1vw / var(--context)) solid #C9C8C8
}

@media (max-width: 768px) {
    footer.inner-footer .box-wrapper .left-box {
        width: 100%
    }
}

footer.inner-footer .box-wrapper .right-box {
    width: calc(100% - 301vw / var(--context));
    padding: 0 0 0 calc(65vw / var(--context))
}

@media (max-width: 768px) {
    footer.inner-footer .box-wrapper .right-box {
        width: 100%;
        padding: 10px 0 0
    }
}

footer.inner-footer .box-wrapper .right-box li {
    margin-top: 0
}

footer.inner-footer .box-wrapper .right-box p {
    margin: calc(8vw / var(--context)) 0 calc(16vw / var(--context))
}

@media (max-width: 580px) {
    footer.inner-footer .news-letter li {
        width: 100%
    }
}

footer.inner-footer .news-letter .cta-btn {
    padding: calc(9vw / var(--context)) calc(17vw / var(--context));
    border-radius: calc(6vw / var(--context));
    margin-left: calc(12vw / var(--context));
    width: calc(112vw / var(--context));
    color: #fff;
    font-size: calc(16vw / var(--context));
    transition: all .5s ease-in
}

@media (max-width: 580px) {
    footer.inner-footer .news-letter .cta-btn {
        width: 100%;
        margin: 0
    }
}

footer.inner-footer .news-letter .cta-btn:hover {
    background-color: var(--color-orange)
}

@media (max-width: 768px) {
    footer.inner-footer .news-letter p {
        margin: 8px 0 16px
    }
}

footer.inner-footer .news-letter .form-control {
    padding: calc(9vw / var(--context)) calc(14vw / var(--context));
    width: calc(100% - 125vw / var(--context))
}

@media (max-width: 580px) {
    footer.inner-footer .news-letter .form-control {
        width: 100%;
        margin-bottom: 10px
    }
}

footer.inner-footer .copy-right {
    padding: calc(32vw / var(--context)) 0 calc(37vw / var(--context))
}

footer.inner-footer .copy-right .flex {
    justify-content: center
}

footer.inner-footer .copy-right p {
    margin-bottom: 0
}

.post-navigation,
.posts-navigation {
    width: 100%
}

.post-navigation .nav-links,
.posts-navigation .nav-links {
    display: flex;
    align-items: center;
    column-gap: calc(50vw / var(--context));
    justify-content: space-between;
    width: 100%;
    margin-top: calc(60vw / var(--context))
}

@media (max-width: 768px) {

    .post-navigation .nav-links,
    .posts-navigation .nav-links {
        margin-top: calc(35vw / var(--context))
    }
}

.post-navigation .nav-links .nav-previous a:hover:before,
.posts-navigation .nav-links .nav-previous a:hover:before {
    transform: translate(calc(-5vw / var(--context)))
}

.post-navigation .nav-links .nav-previous a:before,
.posts-navigation .nav-links .nav-previous a:before {
    content: "<";
    display: inline-block;
    margin-right: calc(7vw / var(--context));
    transform: translate(0);
    transition: all .5s
}

.post-navigation .nav-links .nav-next a:hover:after,
.posts-navigation .nav-links .nav-next a:hover:after {
    transform: translate(calc(5vw / var(--context)))
}

.post-navigation .nav-links .nav-next a:after,
.posts-navigation .nav-links .nav-next a:after {
    content: ">";
    display: inline-block;
    margin-left: calc(7vw / var(--context));
    transform: translate(0);
    transition: all .5s
}

.post-navigation .nav-links .nav-title,
.posts-navigation .nav-links .nav-title {
    max-width: calc(350vw / var(--context));
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top
}

@media (max-width: 768px) {

    .post-navigation .nav-links .nav-title,
    .posts-navigation .nav-links .nav-title {
        display: none
    }
}

.no-results {
    min-height: 60vh;
    display: flex;
    align-items: center
}

.search-result-sec .page-header {
    margin-bottom: calc(60vw / var(--context))
}

@media (max-width: 768px) {
    .search-result-sec .page-header {
        margin-bottom: calc(35vw / var(--context))
    }
}

.search-result-sec .flex {
    column-gap: calc(40vw / var(--context));
    justify-content: space-between
}

@media (max-width: 768px) {
    .search-result-sec .flex {
        column-gap: 0
    }
}

.search-result-sec .flex .post {
    width: calc(50% - 20vw / var(--context));
    margin-bottom: calc(60vw / var(--context))
}

@media (max-width: 768px) {
    .search-result-sec .flex .post {
        width: 100%;
        margin-bottom: calc(40vw / var(--context))
    }
}

.search-result-sec .flex .post .entry-title {
    margin-bottom: calc(10vw / var(--context));
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.search-result-sec .flex .post .post-thumbnail {
    margin: calc(20vw / var(--context)) 0;
    display: block;
    border-radius: calc(20vw / var(--context));
    aspect-ratio: 1/.75;
    padding: calc(20vw / var(--context))
}

.search-result-sec .flex .post .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.search-result-sec .flex .post .entry-footer {
    margin-top: calc(20vw / var(--context))
}

.error-404 {
    min-height: 75vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.error-404 .page-content {
    max-width: calc(1140vw / var(--context));
    margin: 0 auto;
    padding: calc(120vw / var(--context)) calc(40vw / var(--context))
}

.error-404 .page-content h2 {
    margin: calc(20vw / var(--context)) 0 calc(30vw / var(--context))
}

.error-404 .page-content .desc {
    margin-bottom: calc(30vw / var(--context))
}

.home-banner-sec .sub-title {
    color: #62656c
}

.home-banner-sec h1 {
    margin: calc(20vw / var(--context)) 0;
    color: var(--color-primary)
}

.home-banner-sec .col-50:nth-of-type(1) {
    position: relative;
    padding-top: calc(60vw / var(--context))
}

.home-banner-sec figure img {
    min-height: 593px;
}

.how-work-sec img {
    min-height: 437px;
}

@media (max-width: 992px) {
    .home-banner-sec .col-50 {
        margin-bottom: 40px
    }
}

.home-banner-sec .btn-wrap-box {
    margin: calc(20vw / var(--context)) 0 0;
    gap: 14px;
    display: flex
}

.home-banner-sec .btn-wrap-box .cta-btn {
    padding: calc(13vw / var(--context)) calc(32vw / var(--context))
}

.home-banner-sec .logo-wrapper {
    padding: calc(55vw / var(--context)) calc(38vw / var(--context));
    background-color: var(--color-primary);
    border-radius: calc(20vw / var(--context));
    margin-bottom: calc(60vw / var(--context))
}

@media (max-width: 992px) {
    .home-banner-sec .logo-wrapper {
        padding: 30px;
        margin-bottom: 30px
    }
}

@media (max-width: 768px) {
    .home-banner-sec .logo-wrapper {
        border-radius: 0;
        padding: 30px 0;
        margin: 0 -15px 30px
    }
}

.home-banner-sec .logo-wrapper .slick-track {
    display: flex;
    align-items: center;
    gap: 30px
}

.home-banner-sec .logo-wrapper .img-box {
    display: flex;
    align-items: center;
    justify-content: center
}

.home-banner-sec .logo-wrapper .logo-slider-img {
    display: none
}

@media (max-width: 768px) {
    .home-banner-sec .logo-wrapper .logo-slider-img {
        display: block
    }
}

.home-banner-sec .logo-wrapper ul {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(6, 1fr);
    gap: calc(40vw / var(--context))
}

@media (max-width: 992px) {
    .home-banner-sec .logo-wrapper ul {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 768px) {
    .home-banner-sec .logo-wrapper ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px
    }
}

@media (max-width: 768px) {
    .home-banner-sec .logo-wrapper ul {
        display: none
    }
}

@media (max-width: 768px) {
    .mob-hide {
        display: none !important
    }
}

.mob-show {
    display: none !important
}

@media (max-width: 768px) {
    .mob-show {
        display: flex !important
    }
}

.how-work-sec {
    background-color: var(--color-lightblue);
    padding: calc(63vw / var(--context)) 0 calc(78vw / var(--context));
    border-radius: 0 calc(300vw / var(--context)) 0 0
}

@media (max-width: 992px) {
    .how-work-sec {
        border-radius: 0 calc(100vw / var(--context)) 0 0
    }
}

@media (max-width: 768px) {
    .how-work-sec {
        padding: 63px 0 45px
    }
}

@media (max-width: 992px) {
    .how-work-sec .step-row {
        gap: 40px 0
    }
}

.how-work-sec .step-row h3 {
    letter-spacing: calc(-3vw / var(--context))
}

@media (max-width: 768px) {
    .how-work-sec .step-row h3 {
        letter-spacing: -1px
    }
}

.how-work-sec .step-row:not(:nth-of-type(1)) {
    margin-top: calc(-50vw / var(--context))
}

@media (max-width: 992px) {
    .how-work-sec .step-row:not(:nth-of-type(1)) {
        margin-top: 40px
    }
}

.how-work-sec .step-row.flex-reverse {
    flex-direction: row-reverse
}

.how-work-sec .step-row .text-col {
    width: 49%
}

@media (max-width: 992px) {
    .how-work-sec .step-row .text-col {
        width: 100%
    }
}

.how-work-sec .step-row .img-col {
    width: 46%
}

@media (max-width: 992px) {
    .how-work-sec .step-row .img-col {
        width: 100%
    }
}

.how-work-sec .step-row .img-col img {
    width: 100%
}

.how-work-sec .step-row h3 span {
    color: var(--color-primary)
}

.how-work-sec .btn-box {
    margin-top: calc(50vw / var(--context))
}

.news-letter-sec {
    background-color: #f4f7f7;
    padding: calc(70vw / var(--context)) 0 calc(60vw / var(--context))
}

@media (max-width: 768px) {
    .news-letter-sec {
        padding: 50px 0
    }
}

.news-letter-sec .map-img {
    margin: 0 auto;
    max-width: calc(683vw / var(--context));
    position: relative
}

.news-letter-sec .map-img img {
    width: 100%
}

.news-letter-sec .img-tooltip-box figure {
    position: absolute;
    width: calc(38vw / var(--context));
    cursor: pointer;
    height: calc(38vw / var(--context));
    border-radius: 50%;
    left: calc(100vw / var(--context));
    top: 50%;
    border: 1px solid transparent;
    transition: all .5s ease-in
}

.news-letter-sec .img-tooltip-box figure.active {
    z-index: 9
}

@media (max-width: 768px) {
    .news-letter-sec .img-tooltip-box figure.active {
        border: 1px solid var(--color-primary)
    }

    .news-letter-sec .img-tooltip-box figure.active img {
        filter: inherit
    }
}

.news-letter-sec .img-tooltip-box figure.active .tool-tip-text {
    transform: scale(1)
}

.news-letter-sec .img-tooltip-box figure .tool-tip-text {
    width: calc(305vw / var(--context));
    padding: calc(15vw / var(--context)) calc(25vw / var(--context));
    background-color: var(--color-white);
    transform: scale(0);
    transition: all .5s;
    position: relative;
    top: calc(20vw / var(--context));
    z-index: -1
}

@media (max-width: 768px) {
    .news-letter-sec .img-tooltip-box figure .tool-tip-text {
        right: 190px
    }
}

.news-letter-sec .img-tooltip-box figure .tool-tip-text:after {
    position: absolute;
    top: -18px;
    content: "";
    left: 11px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 17px 28px 15px;
    border-color: transparent transparent #fff transparent;
    transform: rotate(122deg)
}

.news-letter-sec .img-tooltip-box figure .tool-tip-text p {
    font-size: calc(12vw / var(--context));
    list-style: 1.5;
    margin-bottom: calc(5vw / var(--context));
    color: #475569
}

.news-letter-sec .img-tooltip-box figure .tool-tip-text p:nth-of-type(2) {
    color: #272945;
    font-weight: 700
}

.news-letter-sec .img-tooltip-box figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(11)
}

.news-letter-sec .img-tooltip-box figure:nth-of-type(2) {
    left: calc(50vw / var(--context));
    top: 30%
}

.news-letter-sec .img-tooltip-box figure:nth-of-type(3) {
    top: 35%;
    left: calc(100vw / var(--context))
}

.news-letter-sec .img-tooltip-box figure:nth-of-type(4) {
    top: 22%;
    left: calc(165vw / var(--context))
}

.news-letter-sec .img-tooltip-box figure:nth-of-type(4) {
    top: 24%;
    left: calc(165vw / var(--context))
}

.news-letter-sec .img-tooltip-box figure:nth-of-type(5) {
    top: 18%;
    left: calc(235vw / var(--context))
}

.news-letter-sec .img-tooltip-box figure:nth-of-type(6) {
    top: 25%;
    left: 50%
}

.news-letter-sec .img-tooltip-box figure:nth-of-type(7) {
    top: 32%;
    left: 65%
}

.news-letter-sec .img-tooltip-box figure:nth-of-type(8) {
    top: 12%;
    left: 68%
}

.news-letter-sec .img-tooltip-box figure:nth-of-type(9) {
    top: 25%;
    left: 76%
}

.news-letter-sec .img-tooltip-box figure:nth-of-type(10) {
    top: 42%;
    left: auto;
    right: 6%
}

.news-letter-sec .img-tooltip-box figure:nth-of-type(11) {
    top: 51%;
    left: auto;
    right: 16%
}

.news-letter-sec .img-tooltip-box figure:nth-of-type(12) {
    inset: auto 20% 29% auto
}

.news-letter-sec .img-tooltip-box figure:nth-of-type(13) {
    inset: auto 10% 19% auto
}

.success-stroie-sec {
    padding: calc(70vw / var(--context)) 0;
    position: relative;
    overflow-x: hidden
}

.success-stroie-sec .bg-img {
    position: absolute;
    top: calc(40vw / var(--context));
    width: calc(660vw / var(--context)) 0;
    left: 50%;
    transform: translate(-50%);
    z-index: -1
}

.success-stroie-sec .success-stroies-slider {
    position: relative;
    z-index: 9;
    padding-top: calc(30vw / var(--context))
}

.success-stroie-sec .btn-box {
    margin-top: calc(60vw / var(--context))
}

.success-stroie-sec .btn-box .cta-btn img {
    filter: invert(1);
    margin-top: calc(5vw / var(--context))
}

.success-stroie-sec .draggable {
    padding: 0 calc(160vw / var(--context)) !important
}

@media (max-width: 992px) {
    .success-stroie-sec .draggable {
        padding: 0 calc(5vw / var(--context)) !important;
        margin: 0 -30px
    }
}

@media (max-width: 768px) {
    .success-stroie-sec .draggable {
        margin: 0 -100px
    }
}

.success-stroie-sec .slick-current .box {
    background-color: var(--color-primary)
}

.success-stroie-sec .slick-current h4 {
    color: var(--color-orange);
    font-size: calc(24vw / var(--context))
}

.success-stroie-sec .slick-current p {
    font-size: calc(22vw / var(--context));
    color: #fff
}

@media (max-width: 992px) {
    .success-stroie-sec .slick-current p {
        font-size: 18px
    }
}

.success-stroie-sec .slick-current h3 {
    font-size: calc(24vw / var(--context));
    color: var(--color-white)
}

.success-stroie-sec .box {
    background-color: #f3fbff;
    border-radius: calc(12vw / var(--context));
    box-shadow: 0 4px 14px #0000002b;
    padding: calc(30vw / var(--context))
}

/* .success-stroie-sec .slick-slider {
    margin: 0 calc(-30vw / var(--context))
} */
.custom-slick {
    /* Adjust slider's padding or margin if needed */
    padding: 0 20px;
}

@media (max-width: 992px) {
    /* .success-stroie-sec .slick-slider {
        margin: 0 calc(-20vw / var(--context))
    } */
}

/* .success-stroie-sec .slick-slide {
    margin: 0 calc(15vw / var(--context))
} */

@media (max-width: 992px) {
    /* .success-stroie-sec .slick-slide {
        margin: 0 calc(10vw / var(--context))
    } */
}

.success-stroie-sec ul {
    display: flex;
    justify-content: space-between
}

.success-stroie-sec ul.slick-dots {
    justify-content: center;
    margin-top: calc(105vw / var(--context));
    gap: calc(12vw / var(--context))
}

@media (max-width: 768px) {
    .success-stroie-sec ul.slick-dots {
        margin-top: 70px
    }
}

.success-stroie-sec ul.slick-dots li.slick-active button {
    background-color: var(--color-orange)
}

.success-stroie-sec ul.slick-dots li button {
    width: calc(15vw / var(--context));
    height: calc(15vw / var(--context));
    font-size: 0;
    background-color: #d9d9d9;
    border-radius: 50%
}

.success-stroie-sec h4 {
    color: #272945;
    font-weight: 500;
    font-family: var(--font-body);
    font-size: calc(18vw / var(--context))
}

.success-stroie-sec p {
    font-size: calc(17vw / var(--context));
    line-height: 1.23
}

.success-stroie-sec h3 {
    font-size: calc(21vw / var(--context));
    font-family: var(--font-Squada)
}

.opportunity-sec {
    padding: calc(68vw / var(--context)) 0 calc(87vw / var(--context))
}

@media (max-width: 768px) {
    .opportunity-sec {
        padding: 32px 0 50px
    }
}

.opportunity-sec .top-comman-text {
    margin: 0 auto calc(82vw / var(--context))
}

@media (max-width: 768px) {
    .opportunity-sec .top-comman-text {
        margin-bottom: 26px
    }
}

.opportunity-sec .content-row {
    gap: calc(22vw / var(--context));
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

@media (max-width: 1200px) {
    .opportunity-sec .content-row {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 992px) {
    .opportunity-sec .content-row {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 580px) {
    .opportunity-sec .content-row {
        grid-template-columns: 1fr
    }
}

.opportunity-sec .content-row .box {
    border: calc(1vw / var(--context)) solid #D6DFEE;
    border-radius: calc(20vw / var(--context));
    padding: calc(14vw / var(--context)) calc(10vw / var(--context)) calc(28vw / var(--context)) calc(17vw / var(--context))
}

@media (max-width: 768px) {
    .opportunity-sec .content-row .box img {
        width: 100%
    }
}

.opportunity-sec h5 {
    color: #010308;
    margin: calc(38vw / var(--context)) 0 calc(16vw / var(--context));
    font-family: var(--font-Squada)
}

.opportunity-sec p {
    font-size: calc(18vw / var(--context));
    line-height: 1.2
}

.signUp-Sec * {
    font-family: var(--font-body)
}

.signUp-Sec .left-sidebar {
    background-color: #09202c;
    padding: calc(55vw / var(--context)) calc(40vw / var(--context)) calc(255vw / var(--context));
    position: relative;
    width: calc(440vw / var(--context));
    overflow: hidden
}

@media (max-width: 768px) {
    .signUp-Sec .left-sidebar {
        width: 100%;
        padding: 58px 20px calc(200vw / var(--context))
    }
}

@media (max-width: 768px) {
    .signUp-Sec .left-sidebar .logo-box {
        justify-content: center;
        display: flex;
        align-items: center
    }
}

.signUp-Sec .left-sidebar .bottom-line {
    width: calc(200vw / var(--context));
    height: calc(13vw / var(--context));
    background-color: var(--color-orange);
    position: absolute;
    bottom: calc(55vw / var(--context));
    left: calc(-23vw / var(--context));
    transform: rotate(20deg)
}

@media (max-width: 768px) {
    .signUp-Sec .left-sidebar .bottom-line {
        bottom: calc(-20vw / var(--context))
    }
}

.signUp-Sec .left-sidebar .bottom-line.linetwo {
    background-color: #dadbdd;
    bottom: calc(80vw / var(--context));
    width: 80%
}

@media (max-width: 768px) {
    .signUp-Sec .left-sidebar .bottom-line.linetwo {
        bottom: calc(10vw / var(--context))
    }
}

.signUp-Sec .left-sidebar .bottom-line.linethreee {
    background-color: var(--color-orange);
    bottom: calc(116vw / var(--context));
    width: 93%;
    left: calc(-15vw / var(--context))
}

@media (max-width: 768px) {
    .signUp-Sec .left-sidebar .bottom-line.linethreee {
        bottom: calc(56vw / var(--context));
        width: 101%;
        left: calc(-65vw / var(--context))
    }
}

.signUp-Sec .left-sidebar .bottom-line.linefourth {
    background-color: var(--color-primary);
    bottom: calc(133vw / var(--context));
    width: 97%;
    left: calc(15vw / var(--context))
}

@media (max-width: 768px) {
    .signUp-Sec .left-sidebar .bottom-line.linefourth {
        bottom: calc(53vw / var(--context));
        width: 107%;
        left: calc(24vw / var(--context))
    }
}

.signUp-Sec .left-sidebar .bottom-line.linefive {
    background-color: #dadbdd;
    bottom: calc(145vw / var(--context));
    width: 83%;
    left: auto;
    right: calc(-15vw / var(--context))
}

@media (max-width: 768px) {
    .signUp-Sec .left-sidebar .bottom-line.linefive {
        bottom: calc(78vw / var(--context));
        width: 75%;
        left: auto;
        right: calc(-15vw / var(--context))
    }
}

.signUp-Sec .left-sidebar .bottom-line.linesix {
    background-color: var(--color-primary);
    bottom: calc(175vw / var(--context));
    width: 50%;
    left: auto;
    right: calc(-15vw / var(--context))
}

@media (max-width: 768px) {
    .signUp-Sec .left-sidebar .bottom-line.linesix {
        bottom: calc(109vw / var(--context))
    }
}

.signUp-Sec .left-sidebar .bottom-line.lineseven {
    background-color: var(--color-orange);
    bottom: calc(178vw / var(--context));
    width: 20%;
    left: auto;
    height: calc(40vw / var(--context));
    right: calc(-15vw / var(--context))
}

@media (max-width: 768px) {
    .signUp-Sec .left-sidebar .bottom-line.lineseven {
        bottom: calc(117vw / var(--context))
    }
}

.signUp-Sec .right-box {
    width: calc(100% - 440vw / var(--context));
    background-color: #f4f7f9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-bottom: calc(40vw / var(--context))
}

@media (max-width: 768px) {
    .signUp-Sec .right-box {
        padding: calc(25vw / var(--context)) calc(15vw / var(--context));
        width: 100%
    }
}

.signUp-Sec .right-box .top-comman-text-box {
    margin-bottom: calc(55vw / var(--context))
}

@media (max-width: 768px) {
    .signUp-Sec .right-box .top-comman-text-box {
        text-align: center;
        margin-bottom: calc(36vw / var(--context))
    }
}

.signUp-Sec .right-box .form-wrapper .form-group .form-control+p {
    color: #b5b7bc;
    font-size: calc(15vw / var(--context));
    font-weight: 600
}

.signUp-Sec .right-box .form-wrapper .form-group .form-control {
    padding: calc(8vw / var(--context)) calc(16vw / var(--context))
}

.signUp-Sec .right-box .form-wrapper .form-group .video-box {
    border: calc(1vw / var(--context)) solid #E4E6EF;
    min-height: calc(157vw / var(--context));
    border-radius: calc(6vw / var(--context));
    position: relative;
    padding: calc(6vw / var(--context));
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.signUp-Sec .right-box .form-wrapper .form-group .video-box .progress-bar .progress-bar-line {
    background-color: #dadbdd;
    border-radius: calc(1vw / var(--context));
    height: calc(4vw / var(--context));
    width: 11.2%
}

.signUp-Sec .right-box .form-wrapper .form-group .video-box .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.signUp-Sec .right-box .form-wrapper .form-group h5 {
    margin-bottom: 0
}

@media (max-width: 768px) {
    .signUp-Sec .right-box .form-wrapper .form-group h5 {
        font-size: calc(19vw / var(--context))
    }
}

.signUp-Sec .right-box .form-wrapper p {
    font-size: calc(17vw / var(--context));
    margin-bottom: calc(5vw / var(--context));
    font-weight: 600
}

.signUp-Sec .right-box .form-wrapper h5 {
    font-size: calc(19vw / var(--context));
    font-weight: 800;
    margin-bottom: calc(8vw / var(--context))
}

.signUp-Sec .right-box .form-wrapper h5.text-center {
    font-size: calc(25vw / var(--context))
}

@media (max-width: 768px) {
    .signUp-Sec .right-box .form-wrapper h5.text-center {
        font-size: calc(22vw / var(--context));
        letter-spacing: -.2px
    }
}

@media (max-width: 768px) {
    .signUp-Sec .right-box .form-wrapper h5 {
        font-size: calc(17vw / var(--context))
    }
}

.signUp-Sec .right-box .form-wrapper h5 strong {
    color: var(--color-primary)
}

.signUp-Sec .right-box .bottom-link {
    margin-top: auto
}

@media (max-width: 768px) {
    .signUp-Sec .right-box .bottom-link {
        margin-top: calc(60vw / var(--context))
    }
}

.signUp-Sec .right-box .bottom-link ul {
    gap: calc(40vw / var(--context))
}

.signUp-Sec .right-box .bottom-link ul a {
    color: #777;
    position: relative;
    font-weight: 600
}

@media (max-width: 768px) {
    .signUp-Sec .right-box .bottom-link ul a {
        font-size: 18px
    }
}

.signUp-Sec .right-box .bottom-link ul a:hover {
    color: var(--color-primary)
}

.signUp-Sec .right-box .bottom-link ul a:hover:after {
    width: 100%;
    right: 0;
    left: auto
}

.signUp-Sec .right-box .bottom-link ul a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    background-color: var(--color-primary);
    transition: all .5s ease-in-out;
    height: calc(2vw / var(--context));
    content: ""
}

.signUp-Sec .right-box .content-box {
    max-width: calc(600vw / var(--context));
    margin: 0 auto;
    background-color: var(--color-white);
    padding: calc(40vw / var(--context)) 0;
    margin: calc(40vw / var(--context)) 0;
    width: 100%;
    border-radius: calc(24vw / var(--context))
}

@media (max-width: 992px) {
    .signUp-Sec .right-box .content-box {
        max-width: 550px
    }
}

@media (max-width: 768px) {
    .signUp-Sec .right-box .content-box {
        padding: calc(30vw / var(--context)) calc(15vw / var(--context));
        border-radius: calc(14vw / var(--context));
        margin: 0
    }

    .signUp-Sec .right-box .content-box .btn-box {
        flex-direction: row
    }
}

@media (max-width: 768px) {
    .signUp-Sec .right-box .content-box .form-wrapper form h5 {
        font-size: calc(19vw / var(--context));
        margin-bottom: calc(10vw / var(--context))
    }

    .signUp-Sec .right-box .content-box .form-wrapper h5.text-center {
        margin-bottom: calc(15vw / var(--context))
    }
}

.signUp-Sec .right-box h5 {
    font-size: calc(26vw / var(--context));
    font-weight: 700
}

@media (max-width: 768px) {
    .signUp-Sec .right-box h5 {
        font-size: 23px
    }
}

.signUp-Sec .right-box .account-type {
    max-width: calc(500vw / var(--context));
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%
}

.signUp-Sec .right-box .box {
    padding: calc(32vw / var(--context));
    border: calc(2vw / var(--context)) dashed #C9C8C8;
    margin-bottom: calc(30vw / var(--context));
    border-radius: calc(10vw / var(--context));
    cursor: pointer;
    transition: all .5s
}

@media (max-width: 768px) {
    .signUp-Sec .right-box .box {
        padding: calc(15vw / var(--context)) calc(17vw / var(--context)) calc(15vw / var(--context)) calc(20vw / var(--context))
    }
}

.signUp-Sec .right-box .box .text-box {
    width: calc(100% - 36vw / var(--context));
    padding-left: calc(18vw / var(--context))
}

.signUp-Sec .right-box .box .img-box {
    width: calc(36vw / var(--context))
}

.signUp-Sec .right-box .box:hover,
.signUp-Sec .right-box .box.active {
    border-color: var(--color-primary);
    background-color: var(--color-lightblue)
}

.signUp-Sec .right-box .box h6 {
    font-size: calc(22vw / var(--context));
    font-weight: 700;
    margin-bottom: 0
}

.signUp-Sec .right-box .box p {
    font-size: calc(19vw / var(--context));
    font-weight: 500
}

@media (max-width: 768px) {
    .signUp-Sec .right-box .box p {
        font-size: 16px
    }
}

.signUp-Sec .right-box .btn-box {
    padding-top: calc(20vw / var(--context))
}

@media (max-width: 768px) {
    .signUp-Sec .right-box .btn-box {
        flex-direction: row-reverse
    }

    .signUp-Sec .right-box .btn-box .cta-btn {
        font-size: 19px
    }
}

.signUp-Sec .right-box .btn-box .back-btn {
    background-color: #f5f8fa;
    color: #777
}

.signUp-Sec .right-box .btn-box .back-btn:hover {
    background-color: var(--color-primary);
    color: var(--color-white)
}

.signUp-Sec .right-box .btn-box .blue-btn {
    color: var(--color-white)
}

.signUp-Sec .right-box .top-comman-text p {
    font-weight: 500;
    font-size: calc(20vw / var(--context))
}

.signUp-Sec .right-box .top-comman-text a {
    font-weight: 700
}

.signUp-Sec .right-box a {
    color: var(--color-primary)
}

.signUp-Sec .right-box p a {
    position: relative;
    transition: all .5s;
    font-weight: 700
}

.signUp-Sec .right-box p a:hover {
    color: var(--color-black)
}

.signUp-Sec .right-box p a:hover:after {
    width: 100%;
    right: 0;
    left: auto
}

.signUp-Sec .right-box p a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    background-color: var(--color-black);
    transition: all .5s ease-in-out;
    height: calc(2vw / var(--context));
    content: ""
}

.signUp-Sec .step-wrapper {
    padding: calc(87vw / var(--context)) 0 calc(80vw / var(--context))
}

@media (max-width: 768px) {
    .signUp-Sec .step-wrapper {
        padding: calc(25vw / var(--context)) 0 calc(30vw / var(--context))
    }
}

.signUp-Sec .step-wrapper * {
    color: var(--color-white)
}

.signUp-Sec .step-wrapper .step-box:not(:nth-last-of-type(1)) {
    padding-bottom: calc(48vw / var(--context));
    position: relative
}

.signUp-Sec .step-wrapper .step-box:not(:nth-last-of-type(1)):after {
    position: absolute;
    bottom: 0;
    height: 100%;
    content: "";
    left: calc(20vw / var(--context));
    border-left: calc(2vw / var(--context)) dotted #474D70;
    width: calc(2vw / var(--context));
    z-index: 1
}

.signUp-Sec .step-wrapper .step-box:nth-of-type(2n) .num-box {
    background-color: #15192e
}

.signUp-Sec .step-wrapper .step-box h4 {
    font-size: calc(20vw / var(--context));
    font-weight: var(--fw-bold);
    margin-bottom: 0
}

@media (max-width: 768px) {
    .signUp-Sec .step-wrapper .step-box h4 {
        font-size: calc(19vw / var(--context))
    }
}

.signUp-Sec .step-wrapper .step-box .num-box {
    border-radius: calc(10vw / var(--context));
    width: calc(46vw / var(--context));
    height: calc(46vw / var(--context));
    display: flex;
    font-size: calc(18vw / var(--context));
    font-weight: 600;
    background-color: #09202c;
    position: relative;
    z-index: 9;
    align-items: center;
    border: calc(2vw / var(--context)) dotted #474D70;
    justify-content: center
}

.signUp-Sec .step-wrapper .step-box .text-box {
    padding-left: calc(15vw / var(--context));
    width: calc(100% - 46vw / var(--context))
}

.signUp-Sec .step-wrapper .step-box .text-box p {
    font-size: calc(17vw / var(--context));
    font-weight: 500;
    color: #7e8299
}

.signUp-Sec .step-wrapper .step-box.active .num-box {
    background-color: var(--color-primary);
    color: var(--color-white);
    border-color: transparent
}

.signUp-Sec .step-wrapper .step-box.completed .num-box {
    font-size: 0;
    position: relative
}

.signUp-Sec .step-wrapper .step-box.completed .num-box:after {
    position: absolute;
    top: calc(10vw / var(--context));
    left: calc(17vw / var(--context));
    width: calc(7vw / var(--context));
    content: "";
    height: calc(16vw / var(--context));
    border: solid var(--color-primary);
    border-width: 0 calc(2vw / var(--context)) calc(2vw / var(--context)) 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.signup-method {
    gap: calc(23vw / var(--context)) 0;
    justify-content: space-between;
    margin-bottom: calc(30vw / var(--context))
}

@media (max-width: 768px) {
    .signup-method {
        justify-content: center;
        gap: calc(23vw / var(--context)) calc(10vw / var(--context))
    }
}

.signup-method .with-mail {
    font-size: calc(15vw / var(--context));
    font-weight: 500;
    width: 100%;
    text-align: center;
    color: #a1a5b7;
    position: relative
}

.signup-method .with-mail span {
    position: relative;
    z-index: 9;
    padding: 0 calc(10vw / var(--context));
    background-color: var(--color-white)
}

.signup-method .with-mail:after {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: calc(11vw / var(--context));
    height: calc(1vw / var(--context));
    background-color: #eff2f5;
    content: ""
}

.signup-method .with-mail:hover {
    color: var(--color-primary)
}

.signup-method li {
    padding: calc(10vw / var(--context)) calc(8vw / var(--context));
    line-height: 1;
    font-size: calc(17vw / var(--context));
    width: 49%;
    color: #5e6278;
    display: flex;
    gap: calc(10vw / var(--context));
    border-radius: calc(6vw / var(--context));
    font-weight: 600;
    border: calc(1vw / var(--context)) solid #EFF2F5;
    transition: all .5s;
    cursor: pointer
}

@media (max-width: 768px) {
    .signup-method li {
        font-size: 0;
        width: calc(36vw / var(--context));
        height: calc(36vw / var(--context));
        display: flex;
        align-items: center;
        justify-content: center
    }

    .signup-method li img {
        margin-left: 10px
    }
}

.signup-method li:hover {
    background-color: var(--color-lightblue);
    color: var(--color-primary)
}

.signup-method * {
    font-family: var(--font-body)
}

.create-account-sec {
    background-color: #f4f7f9;
    padding: calc(140vw / var(--context)) 0;
    height: 100%
}

@media (max-width: 768px) {
    .create-account-sec {
        padding: calc(40vw / var(--context)) 0
    }
}

.create-account-sec .top-comman-text {
    margin-bottom: calc(30vw / var(--context))
}

.create-account-sec .top-comman-text p {
    font-size: calc(19vw / var(--context))
}

.create-account-sec * {
    font-family: var(--font-body)
}

.create-account-sec .container {
    padding: 0 calc(40vw / var(--context)) 0 calc(127vw / var(--context));
    max-width: 100%
}

@media (max-width: 1299px) {
    .create-account-sec .container {
        padding-left: calc(100vw / var(--context))
    }
}

@media (max-width: 1200px) {
    .create-account-sec .container {
        padding: 0 calc(30vw / var(--context))
    }
}

@media (max-width: 768px) {
    .create-account-sec .container {
        padding: 0 calc(15vw / var(--context))
    }
}

.create-account-sec .row {
    align-items: center
}

.create-account-sec .img-box {
    width: calc(522vw / var(--context));
    text-align: center
}

@media (max-width: 992px) {
    .create-account-sec .img-box {
        width: calc(400vw / var(--context))
    }
}

@media (max-width: 768px) {
    .create-account-sec .img-box {
        width: 100%
    }

    .create-account-sec .img-box img {
        width: 120px
    }
}

.create-account-sec .img-box h5 {
    font-size: calc(33vw / var(--context));
    font-weight: 700;
    margin: calc(20vw / var(--context)) 0
}

@media (max-width: 768px) {
    .create-account-sec .img-box h5 {
        font-size: calc(30vw / var(--context));
        margin: calc(8vw / var(--context)) 0
    }
}

.create-account-sec .img-box p {
    font-size: calc(19vw / var(--context));
    line-height: 1.36;
    font-weight: 600
}

@media (max-width: 768px) {
    .create-account-sec .img-box p {
        font-size: calc(17vw / var(--context))
    }
}

.create-account-sec .img-box p a {
    color: var(--color-primary);
    position: relative
}

.create-account-sec .img-box p a:hover {
    color: var(--color-black)
}

.create-account-sec .img-box p a:hover:after {
    width: 100%;
    right: 0;
    left: auto
}

.create-account-sec .img-box p a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    background-color: var(--color-black);
    transition: all .5s ease-in-out;
    height: calc(2vw / var(--context));
    content: ""
}

.create-account-sec .form-box {
    width: calc(100% - 522vw / var(--context));
    max-width: calc(600vw / var(--context));
    border-radius: calc(24vw / var(--context));
    margin-left: auto;
    padding: calc(40vw / var(--context));
    background: #fff
}

@media (max-width: 992px) {
    .create-account-sec .form-box {
        width: calc(100% - 400vw / var(--context))
    }
}

@media (max-width: 768px) {
    .create-account-sec .form-box {
        width: 100%;
        padding: calc(28vw / var(--context)) calc(15vw / var(--context));
        margin: calc(25vw / var(--context)) auto auto auto;
        border-radius: calc(14vw / var(--context))
    }
}

.create-account-sec .form-box h4 {
    font-size: calc(26vw / var(--context));
    font-weight: 800;
    margin: 0
}

.create-account-sec .form-box p {
    color: #a1a5b7;
    font-size: calc(19vw / var(--context))
}

@media (max-width: 768px) {
    .create-account-sec .form-box p {
        font-size: calc(17vw / var(--context))
    }
}

.checkbox a,
.sign-in a {
    position: relative;
    transition: all .5s
}

.checkbox a:hover,
.sign-in a:hover {
    color: var(--color-black)
}

.checkbox a:hover:after,
.sign-in a:hover:after {
    width: 100%;
    right: 0;
    left: auto
}

.checkbox a:after,
.sign-in a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    background-color: var(--color-black);
    transition: all .5s ease-in-out;
    height: calc(2vw / var(--context));
    content: ""
}

.welcome-sec {
    padding: calc(75vw / var(--context)) 0 calc(51vw / var(--context));
    background-color: #f4f7f9
}

@media (max-width: 768px) {
    .welcome-sec {
        padding: calc(50vw / var(--context)) 0 calc(30vw / var(--context))
    }
}

.welcome-sec * {
    font-family: var(--font-body);
    font-family: Roboto, sans-serif
}

@media (max-width: 768px) {
    .welcome-sec .cta-btn {
        font-size: 16px;
        margin-bottom: 70px
    }
}

.welcome-sec h4 {
    font-size: calc(30vw / var(--context));
    font-weight: 700;
    margin: calc(20vw / var(--context)) 0
}

@media (max-width: 768px) {
    .welcome-sec h4 {
        font-size: calc(24vw / var(--context));
        line-height: 1.333
    }
}

.welcome-sec p {
    font-size: calc(22vw / var(--context));
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 calc(10vw / var(--context));
    color: #b5b5c3
}

@media (max-width: 768px) {
    .welcome-sec p {
        font-size: calc(19vw / var(--context));
        line-height: 1.7
    }
}

.welcome-sec p .line-box {
    font-weight: 700;
    color: #000;
    position: relative
}

.welcome-sec p .line-box:hover {
    color: var(--color-primary)
}

.welcome-sec p .line-box:hover:after {
    width: 100%;
    right: 0;
    left: auto
}

.welcome-sec p .line-box:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    background-color: var(--color-primary);
    transition: all .5s ease-in-out;
    height: calc(2vw / var(--context));
    content: ""
}

.welcome-sec p b {
    color: #777;
    font-weight: 500;
    font-size: calc(16vw / var(--context))
}

.welcome-sec .top-comman-text {
    max-width: calc(960vw / var(--context));
    text-align: center;
    margin: 0 auto
}

.privacy-Sec {
    background-color: #f4f7f9;
    padding-bottom: calc(66vw / var(--context))
}

.privacy-Sec .content-box {
    position: relative;
    padding: calc(115vw / var(--context)) calc(70vw / var(--context)) calc(110vw / var(--context)) calc(60vw / var(--context));
    background-color: #fff;
    border-radius: calc(12vw / var(--context));
    height: 100%
}

.privacy-Sec .content-box p {
    font-size: calc(20vw / var(--context));
    line-height: 1.45
}

.privacy-Sec .content-box h4 {
    font-size: calc(22vw / var(--context));
    font-weight: 800;
    font-family: var(--font-body)
}

.privacy-Sec .content-box .checkbox {
    margin: calc(36vw / var(--context)) 0 calc(26vw / var(--context))
}

.privacy-Sec .content-box .sign-box {
    border-bottom: calc(1vw / var(--context)) solid #B5B5C3;
    max-width: calc(430vw / var(--context));
    min-height: calc(40vw / var(--context))
}

.privacy-Sec .content-box h2 {
    font-family: var(--font-Squada);
    font-size: calc(37vw / var(--context));
    margin: calc(29vw / var(--context)) 0 calc(23vw / var(--context))
}

.profile-setting * {
    font-family: var(--font-body)
}

.profile-setting .checkbox input:checked~.checkmark,
.profile-setting .custom-radio-btn input:checked~.checkmark {
    background-color: #11ba87
}

.profile-setting .checkbox .checkmark:after,
.profile-setting .custom-radio-btn .checkmark:after {
    border-color: var(--color-white)
}

.profile-setting .Profile-setting-title-box {
    margin-top: calc(20vw / var(--context))
}

.profile-setting .Profile-setting-title-box .shadow-box {
    padding: 0;
    margin-bottom: calc(15vw / var(--context))
}

.profile-setting .Profile-setting-title-box .shadow-box .btnWrap {
    margin-top: 20px
}

@media (max-width: 768px) {

    .profile-setting .Profile-setting-title-box .checkbox label,
    .profile-setting .Profile-setting-title-box .custom-radio-btn label {
        padding-left: calc(25vw / var(--context))
    }
}

.profile-setting .Profile-setting-title-box h5 {
    font-size: calc(21vw / var(--context));
    font-weight: 700;
    margin-bottom: calc(10vw / var(--context));
    padding-bottom: calc(10vw / var(--context));
    padding: calc(25vw / var(--context)) calc(25vw / var(--context)) calc(10vw / var(--context));
    border-bottom: #EDF0F2 solid calc(1vw / var(--context))
}

.profile-setting .Profile-setting-title-box ul {
    padding: calc(10vw / var(--context)) calc(25vw / var(--context))
}

.profile-setting .Profile-setting-title-box ul li {
    padding-bottom: calc(10vw / var(--context));
    margin-bottom: calc(10vw / var(--context));
    border-bottom: calc(1vw / var(--context)) solid #edf0f2
}

.profile-setting .Profile-setting-title-box ul li .cta-btn {
    padding: calc(4vw / var(--context)) calc(10vw / var(--context)) calc(8vw / var(--context));
    font-size: calc(18vw / var(--context))
}

.profile-setting .Profile-setting-title-box ul li .cta-btn:nth-of-type(1) {
    border: none
}

.profile-setting .Profile-setting-title-box ul li p {
    font-size: calc(17vw / var(--context));
    font-weight: var(--fw-medium);
    color: var(--color-black)
}

.profile-setting .Profile-setting-title-box ul li .checkbox-wrap {
    width: calc(80vw / var(--context))
}

@media (max-width: 768px) {
    .profile-setting .Profile-setting-title-box ul li .checkbox-wrap {
        width: calc(56vw / var(--context))
    }
}

.profile-setting .Profile-setting-title-box ul li .checkbox-wrap:first-of-type {
    margin-left: auto;
    margin-right: calc(105vw / var(--context))
}

@media (max-width: 768px) {
    .profile-setting .Profile-setting-title-box ul li .checkbox-wrap:first-of-type {
        margin-right: 15px
    }
}

.profile-setting .Profile-setting-title-box ul li .checkbox-wrap .radio {
    border-radius: 50%
}

.profile-setting .Profile-setting-title-box ul li.btnWrap {
    border-bottom: none;
    align-items: center;
    justify-content: flex-end
}

.profile-setting .img-row {
    padding: calc(10vw / var(--context)) calc(25vw / var(--context))
}

@media (max-width: 768px) {
    .profile-setting .img-row {
        padding: 20px 15px
    }
}

.profile-setting .img-row form {
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

.profile-setting .img-row form .img-box {
    width: calc(353vw / var(--context));
    position: relative
}

@media (max-width: 768px) {
    .profile-setting .img-row form .img-box {
        width: 100%;
        max-width: calc(200vw / var(--context));
        margin: 0 auto
    }
}

.profile-setting .img-row form .img-box .icon {
    position: absolute;
    bottom: 0;
    right: 0
}

@media (max-width: 768px) {
    .profile-setting .img-row form .img-box .icon {
        bottom: 10px;
        right: 15px;
        width: 40px
    }
}

.profile-setting .img-row form .img-box figure {
    width: calc(353vw / var(--context));
    height: calc(353vw / var(--context));
    border-radius: 50%
}

@media (max-width: 768px) {
    .profile-setting .img-row form .img-box figure {
        width: calc(181vw / var(--context));
        height: calc(181vw / var(--context))
    }
}

.profile-setting .img-row form .img-box figure img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.profile-setting .img-row form .form-wrapper {
    width: calc(100% - 353vw / var(--context));
    max-width: 100%;
    padding-left: calc(18vw / var(--context))
}

@media (max-width: 768px) {
    .profile-setting .img-row form .form-wrapper {
        width: 100%;
        padding: 20px 0 0
    }
}

.profile-setting .img-row form .form-wrapper .form-group {
    width: 100%
}

.profile-setting .img-row form .form-wrapper.full {
    width: 100%;
    padding: 15px 0 0;
    margin-top: 15px;
    border-top: #EDF0F2 solid 1px
}

.profile-setting .img-row .btnWrap {
    gap: calc(10vw / var(--context));
    justify-content: flex-end;
    display: flex;
    width: 100%
}

.profile-setting .img-row .btnWrap .cta-btn {
    padding: calc(4vw / var(--context)) calc(10vw / var(--context)) calc(8vw / var(--context));
    font-size: calc(18vw / var(--context));
    min-width: 40px
}

.profile-setting .img-row .btnWrap .border {
    color: #b5b5c3
}

.profile-setting .img-row .google-account {
    padding-bottom: calc(21vw / var(--context));
    width: 100%;
    border-bottom: calc(1vw / var(--context)) solid #EDF0F2
}

@media (max-width: 768px) {
    .profile-setting .img-row .google-account li a {
        width: 100%
    }
}

@media (max-width: 768px) {
    .profile-setting .img-row .google-account li a.btn-orange {
        width: 100%;
        max-width: 140px;
        margin-left: auto
    }
}

.profile-setting .img-row .google-account.delete-account {
    padding-bottom: calc(10vw / var(--context))
}

.profile-setting .img-row .google-account.delete-account h5 {
    color: #f83434
}

.profile-setting .img-row .google-account.delete-account li p {
    font-size: calc(19vw / var(--context))
}

.profile-setting .img-row .google-account.delete-account li a {
    color: #43b8f5;
    transition: all .5s ease-in
}

@media (max-width: 768px) {
    .profile-setting .img-row .google-account.delete-account li a {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        width: 100%
    }
}

.profile-setting .img-row .google-account.delete-account li a:hover {
    color: var(--color-orange)
}

.profile-setting .img-row .google-account h5 {
    font-size: calc(24vw / var(--context));
    margin-top: calc(17vw / var(--context));
    padding: 0;
    border: none
}

.profile-setting .img-row .google-account a {
    font-weight: 600;
    color: #11ba87
}

.profile-setting .img-row .google-account a.cta-btn {
    color: #000
}

.profile-setting .img-row .google-account a img {
    margin-right: calc(10vw / var(--context))
}

.profile-setting .img-row .google-account p {
    font-size: calc(18vw / var(--context));
    margin: calc(7vw / var(--context)) 0
}

.dashboard-sec {
    background-color: #f4f7f9;
    padding: calc(15vw / var(--context)) 0 calc(127vw / var(--context))
}

@media (max-width: 768px) {
    .dashboard-sec {
        padding-bottom: calc(65vw / var(--context))
    }
}

.dashboard-sec .container {
    max-width: calc(1180vw / var(--context))
}

.dashboard-sec .progess-bar {
    margin: calc(35vw / var(--context)) 0
}

@media (max-width: 992px) {
    .dashboard-sec .progess-bar {
        display: none
    }
}

@media (max-width: 768px) {
    .dashboard-sec .progess-bar {
        display: block
    }
}

.dashboard-sec .progess-bar ul {
    background-color: #edf0f2;
    height: calc(15vw / var(--context));
    border-radius: calc(30vw / var(--context));
    position: relative
}

.dashboard-sec .progess-bar ul li {
    border-radius: calc(30vw / var(--context)) 0 0 calc(30vw / var(--context));
    position: relative;
    height: calc(15vw / var(--context));
    width: 22%;
    text-align: right
}

.dashboard-sec .progess-bar ul li:nth-of-type(odd) .bar:after {
    top: calc(-26vw / var(--context))
}

.dashboard-sec .progess-bar ul li:nth-of-type(2) {
    width: 30%
}

.dashboard-sec .progess-bar ul li:nth-of-type(3) {
    width: 48%
}

.dashboard-sec .progess-bar ul li.active {
    background-color: #11ba87
}

.dashboard-sec .progess-bar ul li .bar {
    font-size: calc(13vw / var(--context));
    font-weight: 600;
    color: #3f4254;
    display: block;
    margin-top: calc(20vw / var(--context));
    position: relative;
    margin-right: -13px
}

@media (max-width: 768px) {
    .dashboard-sec .progess-bar ul li .bar {
        margin-right: 0
    }
}

.dashboard-sec .progess-bar ul li .bar:after {
    position: absolute;
    top: calc(14vw / var(--context));
    right: calc(14vw / var(--context));
    width: calc(1vw / var(--context));
    height: calc(30vw / var(--context));
    background-color: #000;
    content: ""
}

.dashboard-sec .progess-bar ul li:nth-of-type(odd) .tooltip {
    top: calc(-94vw / var(--context));
    right: calc(-112vw / var(--context))
}

.dashboard-sec .progess-bar ul li:nth-of-type(2n) .bar {
    margin-top: calc(-22vw / var(--context))
}

.dashboard-sec .progess-bar ul li:nth-of-type(2n) .tooltip {
    top: calc(33vw / var(--context));
    right: calc(-120vw / var(--context))
}

.dashboard-sec .progess-bar ul li:nth-of-type(2n) .tooltip:after {
    bottom: auto;
    left: 50%;
    transform: translate(-50%) rotate(136deg);
    top: calc(-7vw / var(--context))
}

.dashboard-sec .progess-bar ul .tooltip {
    width: calc(240vw / var(--context));
    padding: calc(10vw / var(--context));
    background-color: #fff;
    position: absolute;
    top: 0;
    border-radius: calc(5vw / var(--context));
    box-shadow: calc(-3vw / var(--context)) calc(15vw / var(--context)) calc(37vw / var(--context)) 0 #00000014;
    z-index: 9;
    right: 0
}

@media (max-width: 768px) {
    .dashboard-sec .progess-bar ul .tooltip {
        display: none
    }
}

.dashboard-sec .progess-bar ul .tooltip:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: calc(15vw / var(--context)) px solid transparent;
    border-right: calc(15vw / var(--context)) solid transparent;
    border-bottom: calc(15vw / var(--context)) solid #fff;
    bottom: calc(-7vw / var(--context));
    left: 50%;
    transform: translate(-50%) rotate(-45deg)
}

.dashboard-sec .progess-bar ul .tooltip p {
    font-size: calc(13vw / var(--context));
    color: #777;
    text-align: center
}

.dashboard-sec .advance-filter-text-box {
    background-color: var(--color-white);
    padding: calc(10vw / var(--context)) calc(15vw / var(--context));
    border-radius: calc(8vw / var(--context));
    margin-top: calc(5vw / var(--context));
    -webkit-box-shadow: 0px 5.15px 34.71px 0px rgba(0, 0, 0, .0509803922);
    -moz-box-shadow: 0px 5.15px 34.71px 0px rgba(0, 0, 0, .0509803922);
    box-shadow: 0 5.15px 34.71px #0000000d;
    display: none
}

.dashboard-sec .advance-filter-text-box .btn-group-wrapper {
    width: 100%;
    align-items: flex-end
}

.dashboard-sec .advance-filter-text-box .btn-group-wrapper h4 {
    color: #777;
    display: block;
    margin-bottom: calc(5vw / var(--context));
    width: 100%;
    font-weight: 600;
    font-family: var(--font-body);
    font-size: calc(17vw / var(--context))
}

.dashboard-sec .advance-filter-text-box .left-btn-group .cta-btn {
    font-size: calc(15vw / var(--context));
    font-weight: 600;
    padding: calc(11vw / var(--context)) calc(20vw / var(--context));
    line-height: .73
}

.dashboard-sec .advance-filter-text-box .cta-btn {
    border-radius: calc(6vw / var(--context));
    font-size: calc(19vw / var(--context));
    font-weight: 700;
    padding: calc(9vw / var(--context)) calc(20vw / var(--context));
    padding-top: calc(7vw / var(--context));
    line-height: 1
}

.dashboard-sec .advance-filter-text-box .cta-btn:not(:nth-last-of-type(1)) {
    margin-right: calc(7vw / var(--context))
}

.dashboard-sec .advance-filter-text-box .form-group {
    margin-bottom: 0
}

.dashboard-sec .advance-filter-text-box .filter-form-wrapper {
    gap: calc(20vw / var(--context))
}

@media (max-width: 768px) {
    .dashboard-sec .advance-filter-text-box .filter-form-wrapper {
        gap: calc(10vw / var(--context))
    }
}

.dashboard-sec .advance-filter-text-box .filter-form-wrapper .btn-group-wrapper .cta-btn {
    font-weight: 600
}

@media (max-width: 768px) {
    .dashboard-sec .advance-filter-text-box .filter-form-wrapper .btn-group-wrapper .cta-btn {
        padding: 10px;
        font-size: 15px
    }
}

@media (max-width: 768px) {
    .dashboard-sec .advance-filter-text-box .filter-form-wrapper .btn-group-wrapper .right-btn-group {
        width: 100%;
        justify-content: flex-end;
        margin-top: 20px;
        display: flex
    }

    .dashboard-sec .advance-filter-text-box .filter-form-wrapper .btn-group-wrapper .right-btn-group .cta-btn {
        font-size: 19px
    }
}

@media (max-width: 768px) {
    .dashboard-sec .advance-filter-text-box .filter-form-wrapper .gross-profit {
        width: 100%
    }
}

.dashboard-sec .advance-filter-text-box .filter-form-wrapper .revenue {
    width: 26%
}

@media (max-width: 768px) {
    .dashboard-sec .advance-filter-text-box .filter-form-wrapper .revenue {
        width: 100%
    }
}

.dashboard-sec .advance-filter-text-box .filter-form-wrapper .industry-type {
    width: 51.4%
}

@media (max-width: 992px) {
    .dashboard-sec .advance-filter-text-box .filter-form-wrapper .industry-type {
        width: 50%
    }
}

@media (max-width: 768px) {
    .dashboard-sec .advance-filter-text-box .filter-form-wrapper .industry-type {
        width: 100%
    }
}

.dashboard-sec .box-wrapper * {
    font-family: var(--font-body)
}

.dashboard-sec .box-wrapper .tab-content {
    display: none;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-animation: fadeIn 1s ease 1 forwards;
    animation: fadeIn 1s ease 1 forwards
}

.dashboard-sec .box-wrapper .tab-content.active {
    display: block
}

.dashboard-sec .box-wrapper .row {
    gap: calc(25vw / var(--context)) 0
}

@media (max-width: 992px) {
    .dashboard-sec .box-wrapper .row {
        display: grid;
        gap: 30px;
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (max-width: 768px) {
    .dashboard-sec .box-wrapper .row {
        grid-template-columns: 1fr 1fr;
        gap: 20px
    }
}

@media (max-width: 580px) {
    .dashboard-sec .box-wrapper .row {
        grid-template-columns: 1fr
    }
}

.dashboard-sec .box-wrapper .row .img-box img {
    border-radius: calc(8vw / var(--context)) calc(8vw / var(--context)) 0 0
}

.dashboard-sec .box-wrapper .box {
    width: calc(25% - 15vw / var(--context));
    margin-right: calc(20vw / var(--context));
    background-color: #fff;
    border-radius: calc(8vw / var(--context));
    box-shadow: -3px 15px 37px #00000014;
    position: relative
}

@media (max-width: 992px) {
    .dashboard-sec .box-wrapper .box {
        width: 100%;
        margin-right: 0
    }
}

.dashboard-sec .box-wrapper .box:hover .hide-text {
    opacity: 1
}

.dashboard-sec .box-wrapper .box .img-box img {
    width: 100%
}

.dashboard-sec .box-wrapper .box .hide-text {
    opacity: 0;
    transition: all .6s ease-in-out;
    position: absolute;
    right: calc(10vw / var(--context));
    top: calc(5vw / var(--context))
}

.dashboard-sec .box-wrapper .box .hide-text ul {
    gap: calc(5vw / var(--context))
}

.dashboard-sec .box-wrapper .box .hide-text li {
    background-color: #fff;
    width: calc(30vw / var(--context));
    height: calc(30vw / var(--context));
    display: flex;
    align-items: center;
    padding: calc(4vw / var(--context)) calc(5vw / var(--context));
    border-radius: calc(5vw / var(--context));
    justify-content: center;
    background-color: var(--color-white)
}

.dashboard-sec .box-wrapper .box .bottom-text {
    display: flex;
    flex-direction: column;
    gap: calc(10vw / var(--context));
    padding: calc(5vw / var(--context)) calc(15vw / var(--context)) calc(15vw / var(--context))
}

.dashboard-sec .box-wrapper .box .bottom-text h6 {
    font-weight: 800;
    color: #111827
}

.dashboard-sec .box-wrapper .box p {
    font-size: calc(12vw / var(--context));
    font-weight: 500;
    color: #6b7280
}

@media (max-width: 1200px) {
    .dashboard-sec .box-wrapper .box p {
        font-size: 12px
    }
}

@media (max-width: 768px) {
    .dashboard-sec .box-wrapper .box p {
        max-width: 90%
    }
}

.dashboard-sec .box-wrapper .box .location {
    font-size: calc(12vw / var(--context));
    font-weight: 600
}

.dashboard-sec .box-wrapper .box .location img {
    margin-right: calc(6vw / var(--context))
}

.dashboard-sec .box-wrapper .box:nth-of-type(4n) {
    margin-right: 0
}

.dashboard-sec .box-wrapper .grid-view-wrapper {
    background-color: #fff;
    box-shadow: 0 calc(1vw / var(--context)) calc(3vw / var(--context)) #00000080;
    padding: calc(10vw / var(--context)) 0;
    border-radius: calc(8vw / var(--context))
}

@media (max-width: 768px) {
    .dashboard-sec .box-wrapper .grid-view-wrapper {
        width: 100%;
        overflow: hidden;
        padding-right: 20px;
        overflow-x: auto
    }

    .dashboard-sec .box-wrapper .grid-view-wrapper::-webkit-scrollbar {
        height: 7px
    }

    .dashboard-sec .box-wrapper .grid-view-wrapper::-webkit-scrollbar-thumb {
        background: #777;
        border-radius: 10px
    }
}

.dashboard-sec .box-wrapper .grid-view-wrapper li {
    display: flex;
    gap: calc(10vw / var(--context));
    padding-left: calc(10vw / var(--context))
}

.dashboard-sec .box-wrapper .grid-view-wrapper li .img-box {
    border: calc(1vw / var(--context)) solid #E4E6EF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(5vw / var(--context))
}

.dashboard-sec .box-wrapper .grid-view-wrapper li .text h6 {
    font-size: calc(18vw / var(--context));
    color: #111827;
    font-weight: 800
}

@media (max-width: 580px) {
    .dashboard-sec .box-wrapper .grid-view-wrapper li .text h6 {
        font-size: 16px
    }
}

.dashboard-sec .box-wrapper .grid-view-wrapper li .text p {
    font-size: calc(12vw / var(--context));
    font-weight: 500;
    color: #6b7280
}

.dashboard-sec .box-wrapper .grid-view-wrapper .table {
    width: 100%
}

@media (max-width: 768px) {
    .dashboard-sec .box-wrapper .grid-view-wrapper .table {
        width: 1000px
    }
}

.dashboard-sec .box-wrapper .grid-view-wrapper .table .icons {
    gap: calc(8vw / var(--context))
}

.dashboard-sec .box-wrapper .grid-view-wrapper .table th {
    text-align: left;
    font-size: calc(12vw / var(--context));
    color: #3f4254;
    font-weight: 700;
    border-bottom: calc(1vw / var(--context)) solid #EDF0F2;
    padding: calc(5vw / var(--context)) 0
}

.dashboard-sec .box-wrapper .grid-view-wrapper .table th:nth-of-type(1) {
    padding-left: calc(10vw / var(--context))
}

@media (max-width: 768px) {
    .dashboard-sec .box-wrapper .grid-view-wrapper .table th {
        font-size: 12px
    }
}

.dashboard-sec .box-wrapper .grid-view-wrapper .table td {
    border-bottom: calc(1vw / var(--context)) solid #EDF0F2;
    padding: calc(5vw / var(--context)) 0;
    font-size: calc(14vw / var(--context));
    color: #000;
    font-weight: 500
}

@media (max-width: 768px) {
    .dashboard-sec .box-wrapper .grid-view-wrapper .table td {
        width: 65%;
        font-size: 14px
    }
}

@media (max-width: 580px) {
    .dashboard-sec .box-wrapper .grid-view-wrapper .table td {
        width: 30%
    }
}

.dashboard-sec .box-wrapper .grid-view-wrapper .table td img+span {
    font-size: calc(13vw / var(--context))
}

.dashboard-sec .btn-group {
    gap: calc(5vw / var(--context))
}

.dashboard-sec .btn-group .btn {
    font-size: calc(13vw / var(--context));
    padding: calc(5vw / var(--context)) calc(6vw / var(--context));
    background-color: #e7edef;
    font-weight: 600;
    border: #e7edef solid calc(1vw / var(--context));
    border-radius: calc(5vw / var(--context))
}

.dashboard-sec .advance-search-box {
    gap: calc(10vw / var(--context))
}

.dashboard-sec .advance-search-box .cta-btn {
    font-size: calc(15vw / var(--context));
    border-radius: calc(5vw / var(--context));
    padding: calc(8vw / var(--context)) calc(15vw / var(--context));
    display: flex;
    align-items: center
}

@media (max-width: 768px) {
    .dashboard-sec .advance-search-box .cta-btn {
        font-size: 0;
        padding: 4px 10px
    }
}

.dashboard-sec .advance-search-box .cta-btn img {
    margin-right: calc(10vw / var(--context))
}

@media (max-width: 768px) {
    .dashboard-sec .advance-search-box .cta-btn img {
        margin-right: 0
    }
}

.dashboard-sec .filter-search-box {
    padding: calc(5vw / var(--context));
    background-color: var(--color-white);
    border: solid #eff2f5 calc(1vw / var(--context));
    border-radius: calc(5vw / var(--context))
}

.dashboard-sec .filter-search-box .search-box {
    position: relative;
    width: 60%
}

@media (max-width: 768px) {
    .dashboard-sec .filter-search-box .search-box {
        width: 70%
    }
}

.dashboard-sec .filter-search-box .search-box img {
    position: absolute;
    top: calc(5vw / var(--context))
}

.dashboard-sec .filter-search-box #gsearch {
    width: 50%;
    border: none;
    padding: calc(5vw / var(--context)) calc(5vw / var(--context)) calc(5vw / var(--context)) calc(25vw / var(--context))
}

@media (max-width: 768px) {
    .dashboard-sec .filter-search-box #gsearch {
        width: 100%
    }
}

.dashboard-sec .right-grid-box {
    width: 10%;
    display: flex;
    justify-content: flex-end
}

@media (max-width: 768px) {
    .dashboard-sec .right-grid-box {
        width: 100%;
        justify-content: center
    }
}

.dashboard-sec .right-grid-box ul {
    gap: calc(8vw / var(--context))
}

.dashboard-sec .right-grid-box ul li {
    padding: calc(5vw / var(--context));
    cursor: pointer;
    background-color: var(--color-white);
    border-radius: calc(4vw / var(--context));
    width: calc(30vw / var(--context));
    height: calc(30vw / var(--context));
    display: flex;
    align-items: center;
    justify-content: center
}

.dashboard-sec .filter-button-box {
    gap: calc(25vw / var(--context));
    margin: calc(20vw / var(--context)) 0
}

@media (max-width: 768px) {
    .dashboard-sec .filter-button-box {
        gap: calc(18vw / var(--context))
    }
}

.dashboard-sec .filter-button-box .left-group-button {
    width: 85%
}

@media (max-width: 768px) {
    .dashboard-sec .filter-button-box .left-group-button {
        width: 100%
    }

    .dashboard-sec .filter-button-box .left-group-button ul {
        justify-content: center
    }

    .dashboard-sec .filter-button-box .left-group-button .cta-btn {
        font-size: 15px;
        padding: 6px 13px;
        border-radius: 4px
    }
}

.dashboard-sec .filter-button-box .left-group-button ul {
    gap: calc(7vw / var(--context))
}

.dashboard-sec .filter-button-box .left-group-button .white-btn {
    background-color: var(--color-white);
    color: #777;
    border: calc(1vw / var(--context)) solid #e4e6ef
}

.dashboard-sec .filter-button-box .left-group-button .white-btn .cta-btn {
    border-radius: calc(5vw / var(--context))
}

.dashboard-sec .filter-button-box .left-group-button .white-btn:hover {
    background-color: var(--color-primary);
    color: var(--color-black)
}

.term-condition-page * {
    font-family: var(--font-body)
}

.term-condition-page .bredcrum-box ul {
    margin-bottom: 0;
    padding-left: 0
}

.term-condition-page .bredcrum-box li {
    list-style: none;
    padding-left: 0;
    margin-right: calc(20vw / var(--context))
}

.term-condition-page .bredcrum-box li:nth-last-of-type(1):after {
    display: none
}

.term-condition-page .bredcrum-box li:after {
    height: calc(10vw / var(--context));
    position: absolute;
    content: "";
    right: calc(-10vw / var(--context));
    width: calc(1vw / var(--context));
    background-color: #b5b5c3;
    top: calc(4vw / var(--context));
    transform: rotate(14deg);
    left: auto
}

@media (max-width: 768px) {
    .term-condition-page .shadow-box {
        padding: 25px 12px
    }
}

.term-condition-page h3 {
    font-size: calc(31vw / var(--context));
    margin-bottom: calc(10vw / var(--context));
    font-family: var(--font-Squada)
}

.term-condition-page h3:not(:nth-of-type(1)) {
    margin-top: calc(10vw / var(--context))
}

.term-condition-page h6 {
    font-size: calc(19vw / var(--context));
    margin-bottom: calc(10vw / var(--context));
    font-weight: 700
}

.term-condition-page p {
    font-size: calc(19vw / var(--context));
    margin-bottom: calc(18vw / var(--context));
    color: #6b7280
}

.term-condition-page .contact-section li {
    list-style: none
}

.term-condition-page strong {
    font-weight: 900;
}

.term-condition-page ol,
.term-condition-page ul {
    padding-left: calc(15vw / var(--context));
    margin-bottom: calc(15vw / var(--context))
}

.term-condition-page ol li,
.term-condition-page ul li {
    list-style: inherit;
    font-size: calc(19vw / var(--context));
    font-weight: 400;
    color: #000
}

.term-condition-page ul li {
    list-style: none;
    padding-left: calc(15vw / var(--context));
    position: relative
}

.term-condition-page ul li:after {
    position: absolute;
    top: calc(12vw / var(--context));
    left: 0;
    width: calc(6vw / var(--context));
    height: calc(6vw / var(--context));
    border-radius: 50%;
    content: "";
    background-color: #000
}

@media (max-width: 768px) {
    .term-condition-page ul li:after {
        width: calc(4vw / var(--context));
        height: calc(4vw / var(--context))
    }
}

.term-condition-page .row-box {
    margin-top: calc(40vw / var(--context))
}

@media (max-width: 768px) {
    .term-condition-page .row-box {
        margin-top: 0
    }
}

.term-condition-page .contact-links {
    gap: calc(10vw / var(--context))
}

@media (max-width: 768px) {
    .term-condition-page .contact-links {
        flex-direction: column;
        align-items: flex-start
    }
}

.term-condition-page .contact-links p,
.term-condition-page .contact-links a {
    display: flex;
    gap: calc(8vw / var(--context));
    margin: 0;
    flex-wrap: wrap;
    font-size: calc(18vw / var(--context))
}

.support-page .shadow-box {
    padding: calc(40vw / var(--context)) calc(50vw / var(--context))
}

@media (max-width: 768px) {
    .support-page .shadow-box {
        padding: 15px 12px 30px
    }
}

.support-page .shadow-box .quik-links {
    margin: calc(13vw / var(--context)) 0
}

.support-page .shadow-box .quik-links p {
    font-size: calc(21vw / var(--context));
    color: #000;
    margin-right: calc(20vw / var(--context))
}

.support-page .shadow-box .quik-links li:not(:nth-last-of-type(1)) {
    margin-right: calc(20vw / var(--context))
}

.support-page .shadow-box .quik-links a {
    font-size: calc(19vw / var(--context));
    color: var(--color-primary);
    font-weight: 500
}

.support-page .shadow-box .filter-search-box {
    background-color: transparent;
    padding: 0;
    border: none;
    border-radius: 0
}

.support-page .shadow-box .filter-search-box .cta-btn {
    width: calc(140vw / var(--context))
}

@media (max-width: 768px) {
    .support-page .shadow-box .filter-search-box .cta-btn {
        width: 79px;
        padding: 9px 10px;
        border-radius: 4px
    }
}

.support-page .shadow-box .filter-search-box .search-box {
    padding: calc(5vw / var(--context));
    background-color: var(--color-white);
    border: solid #eff2f5 calc(1vw / var(--context));
    border-radius: calc(5vw / var(--context));
    width: calc(100% - 155vw / var(--context));
    margin-right: calc(15vw / var(--context))
}

@media (max-width: 768px) {
    .support-page .shadow-box .filter-search-box .search-box {
        width: calc(100% - 105px)
    }
}

.support-page .shadow-box .filter-search-box .search-box img {
    top: calc(10vw / var(--context))
}

.support-page .shadow-box .contact-us-bottom-sec {
    margin-top: calc(30vw / var(--context))
}

@media (max-width: 768px) {
    .support-page .shadow-box .contact-us-bottom-sec {
        margin-top: calc(20vw / var(--context))
    }
}

.support-page .shadow-box .contact-us-bottom-sec h3 {
    font-size: calc(31vw / var(--context));
    color: #111827;
    font-family: var(--font-Squada)
}

.support-page .shadow-box .contact-us-bottom-sec p {
    font-size: calc(19vw / var(--context));
    color: #6b7280;
    margin: calc(10vw / var(--context)) 0 calc(31vw / var(--context))
}

@media (max-width: 768px) {
    .support-page .shadow-box .contact-us-bottom-sec p {
        margin: 7px 0 15px
    }
}

.support-page .shadow-box .contact-us-bottom-sec ul {
    gap: calc(22vw / var(--context))
}

@media (max-width: 768px) {
    .support-page .shadow-box .contact-us-bottom-sec ul {
        flex-direction: column;
        gap: 10px
    }
}

.support-page .shadow-box .contact-us-bottom-sec li {
    gap: calc(8vw / var(--context));
    align-items: center
}

.support-page .shadow-box .contact-us-bottom-sec li a {
    font-size: calc(18vw / var(--context));
    color: #000
}

.support-page .shadow-box h5 {
    display: flex;
    gap: calc(15vw / var(--context));
    font-weight: 700;
    font-size: calc(20vw / var(--context));
    margin-bottom: calc(5vw / var(--context));
    color: #13263c;
    margin-top: calc(26vw / var(--context))
}

@media (max-width: 768px) {
    .support-page .shadow-box h5 {
        margin-top: 10px
    }
}

.support-page .shadow-box h1 {
    font-size: calc(43vw / var(--context)) !important;
    font-weight: 800 !important;
    text-align: center !important;
    font-family: var(--font-body) !important;
}

@media (max-width: 768px) {
    .support-page .shadow-box h1 {
        font-size: 30px;
        margin-bottom: 21px;
    }
}

.support-page .shadow-box .content-box ol {
    padding-left: calc(37vw / var(--context))
}

@media (max-width: 768px) {
    .support-page .shadow-box .content-box ol {
        padding-left: calc(20vw / var(--context))
    }
}

.support-page .shadow-box .content-box ol:nth-of-type(3) li:nth-last-of-type(1) a {
    color: #000;
    text-decoration: none
}

.support-page .shadow-box .content-box ol li {
    padding-bottom: calc(4vw / var(--context));
    font-size: calc(19vw / var(--context));
    color: #7e8299;
    list-style: auto
}

.support-page .shadow-box .content-box ol li a {
    font-weight: 700;
    text-decoration: underline;
    color: var(--color-primary)
}

.support-page .shadow-box * {
    font-family: var(--font-body)
}

.main-sec {
    background-color: #f4f7f9
}

.login-up-sec {
    display: flex;
    align-items: center;
    justify-content: center
}

.login-up-sec .form-box {
    padding: calc(65vw / var(--context)) calc(30vw / var(--context))
}

.login-up-sec .top-comman-text h4 {
    margin-top: calc(10vw / var(--context))
}

.forget-pass-sec .form-group .cta-btn,
.password-change-scucess .form-group .cta-btn {
    max-width: calc(145vw / var(--context));
    display: flex;
    align-items: center;
    justify-content: center;
    margin: calc(43vw / var(--context)) auto 0
}

.password-change-scucess .top-comman-text h4,
.password-change .top-comman-text h4 {
    margin-top: calc(14vw / var(--context))
}

.password-change-scucess .top-comman-text p,
.password-change .top-comman-text p {
    font-size: calc(18vw / var(--context));
    margin: calc(18vw / var(--context)) 0 calc(20vw / var(--context))
}

.password-change-scucess .form-group .cta-btn,
.password-change .form-group .cta-btn {
    margin: calc(30vw / var(--context)) auto 0
}

.password-change .cta-btn {
    max-width: calc(200vw / var(--context));
    display: flex
}

.password-change .progress-bar {
    margin-top: calc(10vw / var(--context))
}

.password-change .progress-bar-line {
    background-color: #dadbdd;
    border-radius: calc(1vw / var(--context));
    height: calc(4vw / var(--context));
    width: 24%
}

.password-change .progress-bar-line.active {
    background-color: #50cd89
}

.profile-Sec .bredcrum-box {
    margin-bottom: calc(16vw / var(--context))
}

.profile-Sec video {
    border-radius: calc(9vw / var(--context))
}

.profile-Sec .big-text-box * {
    font-family: var(--font-Squada)
}

.profile-Sec .big-text-box p {
    font-family: var(--font-body)
}

.profile-Sec .big-text-box .edit-box {
    position: relative;
    padding-right: calc(25vw / var(--context))
}

@media (max-width: 768px) {
    .profile-Sec .big-text-box .edit-box {
        padding-right: 15px
    }
}

.profile-Sec .big-text-box .name-box-wrapper .name-box {
    border-radius: calc(5vw / var(--context));
    width: calc(166vw / var(--context));
    height: calc(166vw / var(--context));
    background-color: #f1faff;
    padding: calc(5vw / var(--context));
    display: flex;
    align-items: center;
    justify-content: center
}

.profile-Sec .big-text-box .name-box-wrapper .name-box h3 {
    font-size: 72px;
    line-height: 1.1;
    font-weight: 600;
    font-family: Poppins, sans-serif;
    color: var(--color-primary)
}

.profile-Sec .big-text-box .name-box-wrapper .row-box {
    gap: calc(14vw / var(--context));
    margin-bottom: calc(20vw / var(--context))
}

@media (max-width: 768px) {
    .profile-Sec .big-text-box .name-box-wrapper .row-box {
        align-items: center;
        justify-content: center
    }
}

.profile-Sec .big-text-box .name-box-wrapper .row-box .col-right {
    width: calc(100% - 180vw / var(--context))
}

@media (max-width: 580px) {
    .profile-Sec .big-text-box .name-box-wrapper .row-box .col-right {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column
    }
}

.profile-Sec .big-text-box .name-box-wrapper .row-box .col-right .stage-icon p {
    font-size: calc(14vw / var(--context));
    font-weight: 700;
    padding-left: calc(4vw / var(--context))
}

.profile-Sec .big-text-box .name-box-wrapper .row-box .col-right .dotted-box {
    min-height: 10px
}

.profile-Sec .big-text-box .name-box-wrapper .row-box .col-right .dotted-box h6 {
    font-size: calc(18vw / var(--context));
    line-height: 1
}

.profile-Sec .big-text-box .name-box-wrapper .row-box .col-right .name-url h3 {
    font-size: calc(31vw / var(--context));
    color: #111827;
    margin: calc(5vw / var(--context));
    display: flex;
    align-items: center;
    gap: calc(8vw / var(--context))
}

.profile-Sec .big-text-box .name-box-wrapper .row-box .col-right .name-url a {
    background-color: var(--color-primary);
    color: var(--color-white);
    display: flex;
    font-size: calc(8vw / var(--context));
    padding: calc(3vw / var(--context)) calc(4vw / var(--context));
    font-family: var(--font-body)
}

.profile-Sec .big-text-box .name-box-wrapper .row-box .col-right .name-url a img {
    margin-right: calc(5vw / var(--context))
}

.profile-Sec .big-text-box .name-box-wrapper .row-box .col-right .contact-btn-wrapper ul {
    margin: calc(5vw / var(--context)) 0 calc(16vw / var(--context));
    gap: calc(10vw / var(--context)) calc(20vw / var(--context))
}

@media (max-width: 768px) {
    .profile-Sec .big-text-box .name-box-wrapper .row-box .col-right .contact-btn-wrapper ul {
        justify-content: center;
        align-items: center
    }
}

.profile-Sec .big-text-box .name-box-wrapper .row-box .col-right .contact-btn-wrapper li {
    gap: calc(6vw / var(--context))
}

.profile-Sec .big-text-box .name-box-wrapper .row-box .col-right .contact-btn-wrapper li p,
.profile-Sec .big-text-box .name-box-wrapper .row-box .col-right .contact-btn-wrapper li a {
    font-size: calc(12vw / var(--context));
    color: #000;
    font-family: var(--font-body);
    font-weight: 500
}

.profile-Sec .big-text-box .name-box-wrapper .row-box .col-right .contact-btn-wrapper li a:hover {
    color: var(--color-primary)
}

.profile-Sec .big-text-box .name-box-wrapper .full-detail-box h3 {
    font-size: calc(31vw / var(--context));
    color: #111827;
    margin: 0 0 calc(5vw / var(--context))
}

.profile-Sec .big-text-box .name-box-wrapper .full-detail-box p {
    color: #6b7280;
    font-size: calc(19vw / var(--context))
}

.profile-Sec .big-text-box .name-box-wrapper .dotted-box-wrapper {
    justify-content: space-between;
    max-width: 85%
}

@media (max-width: 768px) {
    .profile-Sec .big-text-box .name-box-wrapper .dotted-box-wrapper {
        max-width: 100%
    }
}

.profile-Sec .big-text-box .name-box-wrapper .dotted-box {
    width: 32%;
    padding: calc(11vw / var(--context)) calc(12vw / var(--context))
}

@media (max-width: 768px) {
    .profile-Sec .big-text-box .name-box-wrapper .dotted-box {
        width: 48%
    }

    .profile-Sec .big-text-box .name-box-wrapper .dotted-box:nth-of-type(3) {
        width: 100%
    }
}

.profile-Sec .big-text-box .name-box-wrapper .dotted-box small {
    font-size: calc(12vw / var(--context));
    font-family: var(--font-body)
}

.profile-Sec .big-text-box .name-box-wrapper .dotted-box p {
    font-size: calc(7vw / var(--context));
    font-weight: 700;
    font-family: var(--font-body);
    color: #000
}

.profile-Sec .big-text-box .team-member .about-product .h4 {
    padding: 0 calc(20vw / var(--context)) calc(14vw / var(--context));
    margin-bottom: 0
}

.profile-Sec .big-text-box .team-member .about-product ul li h6 {
    margin-top: 0;
    color: #000
}

.profile-Sec .big-text-box .team-member .about-product ul li span {
    color: #6b7280;
    font-size: calc(14vw / var(--context));
    line-height: 1.8
}

.profile-Sec .big-text-box .h4 {
    margin: calc(25vw / var(--context)) 0;
    font-size: calc(31vw / var(--context));
    color: #111827
}

@media (max-width: 768px) {
    .profile-Sec .big-text-box .h4 {
        margin: 15px 0
    }
}

.profile-Sec .big-text-box .about-team ul {
    gap: calc(10vw / var(--context))
}

@media (max-width: 768px) {
    .profile-Sec .big-text-box .about-team ul {
        align-items: center;
        flex-direction: column;
        justify-content: center
    }
}

.profile-Sec .big-text-box .about-product .img-box {
    margin-bottom: calc(20vw / var(--context))
}

.profile-Sec .big-text-box .about-product .img-box img {
    border-radius: calc(8vw / var(--context))
}

.profile-Sec .big-text-box .about-product .h4 {
    margin: 0 0 calc(30vw / var(--context))
}

.profile-Sec .big-text-box .about-product p {
    margin: calc(20vw / var(--context)) 0 calc(15vw / var(--context))
}

.profile-Sec .big-text-box .model-box ul {
    gap: calc(14vw / var(--context));
    margin-bottom: calc(12vw / var(--context));
    padding-bottom: calc(16vw / var(--context));
    border-bottom: calc(1vw / var(--context)) dashed #EDF0F2
}

.profile-Sec .big-text-box .model-box ul li {
    width: calc(20vw / var(--context))
}

.profile-Sec .big-text-box .model-box ul li:nth-of-type(2n) {
    width: calc(100% - 40vw / var(--context))
}

.profile-Sec .big-text-box .model-box ul li h6 {
    margin: 0 0 calc(5vw / var(--context)) 0;
    font-size: calc(20vw / var(--context));
    color: #13263c;
    font-weight: 700;
    font-family: var(--font-body)
}

.profile-Sec .big-text-box .model-box ul li p {
    margin: 0;
    font-size: calc(19vw / var(--context));
    color: #7e8299;
    font-family: var(--font-body)
}

.profile-Sec .big-text-box .team-wrapper {
    gap: calc(25vw / var(--context)) 0
}

.profile-Sec .big-text-box .team-wrapper .shadow-box {
    width: 48%;
    margin-bottom: 0
}

@media (max-width: 580px) {
    .profile-Sec .big-text-box .team-wrapper .shadow-box {
        width: 100%
    }
}

.profile-Sec .big-text-box .team-wrapper .shadow-box p {
    font-size: calc(19vw / var(--context));
    color: #6b7280
}

.profile-Sec .big-text-box .team-wrapper .shadow-box.full {
    width: 100%
}

.profile-Sec .big-text-box .team-name h6 {
    font-size: calc(25vw / var(--context));
    color: #43b8f5;
    font-weight: 700;
    font-family: var(--font-body)
}

.profile-Sec .big-text-box .team-name span {
    font-size: calc(16vw / var(--context));
    font-family: var(--font-body);
    color: #000;
    font-weight: 600;
    line-height: 2
}

.profile-Sec .edit-btn {
    width: calc(35vw / var(--context));
    height: calc(35vw / var(--context));
    border-radius: 50%;
    background-color: #edf0f2;
    position: absolute;
    right: calc(20vw / var(--context));
    top: calc(10vw / var(--context));
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: calc(5vw / var(--context))
}

.profile-Sec .other-link {
    border-bottom: calc(1vw / var(--context)) dashed #c9c8c8;
    padding: calc(9vw / var(--context)) 0
}

.profile-Sec .other-link a {
    color: var(--color-primary);
    font-size: calc(19vw / var(--context));
    font-weight: 700
}

.profile-Sec .inbox {
    padding-left: 0;
    padding-right: 0
}

.profile-Sec .inbox ul {
    position: relative;
    padding: calc(11vw / var(--context)) calc(20vw / var(--context));
    border-bottom: calc(1vw / var(--context)) solid #edf0f2
}

.profile-Sec .inbox ul:nth-last-of-type(1) {
    border-bottom: 0;
    padding-bottom: 0
}

.profile-Sec .inbox ul li {
    width: calc(38vw / var(--context))
}

.profile-Sec .inbox ul li:nth-of-type(2) {
    width: calc(100% - 38vw / var(--context));
    padding-left: calc(10vw / var(--context))
}

.profile-Sec .inbox ul li:nth-of-type(2) span {
    font-size: calc(16vw / var(--context));
    font-weight: 500
}

.profile-Sec .inbox ul li:nth-of-type(2) .date {
    position: absolute;
    right: calc(10vw / var(--context));
    top: calc(10vw / var(--context))
}

.profile-Sec .inbox ul li:nth-of-type(2) .date p {
    font-size: calc(16vw / var(--context))
}

.profile-Sec .inbox ul li:nth-of-type(2) h6 {
    font-size: calc(20vw / var(--context));
    font-weight: 700;
    margin-top: calc(8vw / var(--context))
}

.profile-Sec .inbox ul li img {
    width: calc(38vw / var(--context));
    height: calc(38vw / var(--context));
    border-radius: 50%;
    object-fit: cover
}

.profile-Sec .inbox .top-text {
    padding: 0 calc(20vw / var(--context)) calc(15vw / var(--context));
    border-bottom: calc(1vw / var(--context)) solid #edf0f2
}

.profile-Sec .inbox h6 {
    font-size: calc(17vw / var(--context));
    color: #000;
    font-family: var(--font-body) !important;
    font-weight: 700
}

.profile-Sec .inbox a {
    font-weight: 700;
    color: #43b8f5;
    transition: all .5s ease-in;
    font-size: calc(17vw / var(--context))
}

.profile-Sec .border-img-box {
    margin: calc(-20vw / var(--context));
    margin-bottom: 0
}

.profile-Sec .border-img-box img {
    border-radius: calc(8vw / var(--context)) calc(8vw / var(--context)) 0 0
}

.profile-Sec .flex-colmun {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.profile-Sec .team-img {
    width: calc(74vw / var(--context));
    height: calc(74vw / var(--context));
    border-radius: 50%
}

.profile-Sec .team-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%
}

.profile-Sec .small-text-box {
    position: relative
}

.profile-Sec .small-text-box h2,
.profile-Sec .small-text-box h3,
.profile-Sec .small-text-box h4,
.profile-Sec .small-text-box h5,
.profile-Sec .small-text-box h6 {
    font-family: var(--font-Squada)
}

.profile-Sec .small-text-box .heading-text h5 {
    font-size: calc(18vw / var(--context));
    margin: calc(20vw / var(--context)) 0;
    color: var(--color-primary)
}

.profile-Sec .small-text-box .heading-text p {
    font-size: calc(19vw / var(--context));
    color: #7e8299;
    font-weight: 500;
    margin-bottom: 0;
    padding: calc(6vw / var(--context)) 0 calc(8vw / var(--context));
    border-top: calc(1vw / var(--context)) dashed #edf0f2
}

.profile-Sec .small-text-box .heading-text p:nth-last-of-type(1) {
    border-bottom: calc(1vw / var(--context)) dashed #edf0f2;
    margin: 0 0 calc(20vw / var(--context)) 0
}

.profile-Sec .small-text-box .heading-text p b {
    color: #000;
    font-weight: 700
}

.profile-Sec .small-text-box * {
    font-family: var(--font-body)
}

.profile-Sec .small-text-box .btn-box {
    margin-top: calc(20vw / var(--context))
}

.profile-Sec .small-text-box .btn-box .btn-orange {
    background-color: #ffde597d;
    border: calc(1vw / var(--context)) solid #FFDE59;
    font-size: calc(22vw / var(--context));
    margin-bottom: calc(10vw / var(--context));
    border-radius: calc(5vw / var(--context))
}

.profile-Sec .small-text-box .btn-box .btn-orange span {
    font-size: calc(11vw / var(--context))
}

.profile-Sec .small-text-box .btn-box .btn-orange .cta-btn {
    color: #303030
}

.profile-Sec .small-text-box .btn-box .cta-btn {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.profile-Sec .small-text-box .request-form .dotted-box p {
    font-size: calc(13vw / var(--context));
    text-align: center;
    color: #5e6278
}

.profile-Sec .small-text-box .request-form .form-wrapper button {
    width: 100%
}

.profile-Sec .small-text-box .request-form .form-wrapper .not-requeried label {
    position: relative
}

.profile-Sec .small-text-box .request-form .form-wrapper .not-requeried label:after {
    display: none
}

.profile-Sec .small-text-box .request-form .form-wrapper label {
    position: relative;
    display: inline
}

.profile-Sec .small-text-box .request-form .form-wrapper label:after {
    position: absolute;
    top: calc(10vw / var(--context));
    right: calc(-15vw / var(--context));
    background-image: url(../../images/red-star.svg);
    width: calc(10vw / var(--context));
    background-repeat: no-repeat;
    height: calc(10vw / var(--context));
    content: ""
}

.profile-Sec .small-text-box .request-form h5 {
    font-size: calc(26vw / var(--context));
    font-weight: 800;
    padding: calc(5vw / var(--context)) 0 calc(18vw / var(--context));
    font-family: var(--font-body)
}

.profile-Sec .small-text-box .request-form .h6 {
    font-size: calc(19vw / var(--context));
    margin-bottom: calc(12vw / var(--context));
    font-family: var(--font-body);
    font-weight: 800
}

.profile-Sec .small-text-box .table-box {
    border-radius: calc(5vw / var(--context));
    border: calc(1vw / var(--context)) solid #edf0f2
}

.profile-Sec .small-text-box .table-box li {
    align-items: center
}

.profile-Sec .small-text-box .table-box li:not(:nth-last-of-type(1)) {
    border-bottom: calc(1vw / var(--context)) solid #edf0f2
}

.profile-Sec .small-text-box .table-box li p {
    font-weight: 700;
    font-size: calc(15vw / var(--context));
    margin-bottom: 0;
    color: #000;
    width: 62%;
    padding: calc(8vw / var(--context)) calc(7vw / var(--context))
}

@media (max-width: 768px) {
    .profile-Sec .small-text-box .table-box li p {
        font-size: 14px
    }
}

.profile-Sec .small-text-box .table-box li p small {
    font-size: calc(12vw / var(--context));
    color: #777
}

@media (max-width: 768px) {
    .profile-Sec .small-text-box .table-box li p small {
        font-size: 11px
    }
}

.profile-Sec .small-text-box .table-box li span {
    font-size: calc(14vw / var(--context));
    font-weight: 500;
    color: #777;
    width: 38%;
    padding: calc(8vw / var(--context)) calc(7vw / var(--context));
    border-left: calc(1vw / var(--context)) solid #edf0f2
}

@media (max-width: 768px) {
    .profile-Sec .small-text-box .table-box li span {
        font-size: 13px
    }
}

@media (max-width: 768px) {
    .profile-Sec .small-text-box h3 {
        font-size: 46px
    }

    .profile-Sec .small-text-box h3+p {
        margin-bottom: 17px
    }
}

.profile-Sec .calendar-event {
    border-top: calc(1vw / var(--context)) solid #b5b7bc;
    margin-top: calc(35vw / var(--context));
    padding-top: calc(35vw / var(--context))
}

.profile-Sec .calendar-event h4 {
    font-family: var(--font-Squada);
    padding-bottom: calc(35vw / var(--context))
}

.profile-Sec .calendar-event .big-text-box h6 {
    font-family: Roboto, sans-serif;
    font-size: calc(21vw / var(--context));
    font-weight: 700;
    margin-bottom: calc(18vw / var(--context))
}

.profile-Sec .calendar-event .big-text-box .meeting-box * {
    font-family: var(--font-body)
}

.profile-Sec .calendar-event .big-text-box .meeting-box h5 {
    font-size: calc(23vw / var(--context));
    font-weight: 700
}

.profile-Sec .calendar-event .big-text-box .meeting-box a {
    color: var(--color-primary);
    font-size: calc(18vw / var(--context));
    font-weight: 500
}

.profile-Sec .calendar-event .big-text-box .meeting-box .time p {
    font-size: calc(17vw / var(--context));
    font-weight: 500;
    color: #777
}

.profile-Sec .calendar-event .big-text-box .meeting-box .join-btn {
    display: flex;
    color: #7e8299;
    font-size: calc(15vw / var(--context));
    font-weight: 500;
    align-items: center
}

.profile-Sec .calendar-event .big-text-box .meeting-box .join-btn .img-box {
    width: calc(28vw / var(--context));
    height: calc(28vw / var(--context));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(6vw / var(--context));
    background-color: #e8f4fa;
    margin-right: calc(10vw / var(--context))
}

.profile-Sec .calendar-event .big-text-box .meeting-box ul {
    border-bottom: #D9DBE4 solid calc(1vw / var(--context));
    padding-bottom: calc(16vw / var(--context));
    margin-bottom: calc(10vw / var(--context))
}

.doucment-box-wrapper .document-box-row {
    gap: calc(25vw / var(--context)) 0;
    margin-bottom: calc(25vw / var(--context))
}

.doucment-box-wrapper .document-col {
    width: 48%;
    margin-bottom: 0 !important
}

@media (max-width: 768px) {
    .doucment-box-wrapper .document-col {
        width: 100%
    }
}

.doucment-box-wrapper .document-col ul {
    margin-bottom: calc(20vw / var(--context))
}

.doucment-box-wrapper .document-col ul+img {
    margin: 0 auto;
    display: flex
}

.doucment-box-wrapper .document-col li {
    font-size: calc(22vw / var(--context));
    font-weight: 700;
    text-transform: capitalize;
    color: #181c32;
    font-family: var(--font-body)
}

.doucment-box-wrapper .document-col li .icon-box {
    gap: 10px
}

.doucment-box-wrapper .document-col li .icon-box a {
    width: calc(34vw / var(--context));
    height: calc(34vw / var(--context));
    border-radius: calc(4vw / var(--context));
    background-color: var(--color-orange);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(5vw / var(--context))
}

.doucment-box-wrapper .document-col li .icon-box a:nth-of-type(2) {
    background-color: var(--color-primary)
}

@media (max-width: 768px) {
    .profile-Sec.my_profile .big-text-box .name-box-wrapper .row-box .col-right .contact-btn-wrapper ul {
        justify-content: space-between
    }

    .profile-Sec.my_profile .big-text-box .name-box-wrapper .row-box .col-right .contact-btn-wrapper li {
        width: 46%
    }
}

.dotted-box {
    width: 47%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: calc(15vw / var(--context));
    min-height: calc(80vw / var(--context));
    border: calc(1vw / var(--context)) dashed #e4e6ef;
    border-radius: calc(8vw / var(--context))
}

@media (max-width: 768px) {
    .dotted-box {
        padding: calc(18vw / var(--context))
    }
}

.dotted-box.full {
    width: 100%
}

.dotted-box small {
    font-size: calc(13vw / var(--context));
    font-weight: 500;
    color: #777
}

.dotted-box h6 {
    font-size: calc(22vw / var(--context))
}

.dotted-box h6 span {
    font-size: calc(10vw / var(--context));
    color: #777
}

.shadow-box {
    padding: calc(20vw / var(--context));
    background-color: var(--color-white);
    box-shadow: 0 5.15px 34.71px #0000000d;
    border-radius: calc(8vw / var(--context))
}

@media (max-width: 768px) {
    .shadow-box {
        padding: 20px 15px
    }
}

.shadow-box:not(:nth-last-of-type(1)) {
    margin-bottom: calc(15vw / var(--context))
}

.dotted-box-wrapper {
    gap: calc(10vw / var(--context)) 0;
    margin: calc(17vw / var(--context)) 0 calc(1v9w / var(--context))
}

.payment-history .filter-search-box {
    margin-top: calc(15vw / var(--context))
}

.payment-history .box-wrapper {
    margin-top: calc(8vw / var(--context))
}

.my_profile {
    padding-bottom: calc(50vw / var(--context))
}

.my_profile .big-text-box .name-box-wrapper .invester-focus .dotted-box {
    width: 24.5%;
    flex-direction: row;
    padding: calc(5vw / var(--context)) calc(6vw / var(--context))
}

@media (max-width: 768px) {
    .my_profile .big-text-box .name-box-wrapper .invester-focus .dotted-box {
        width: 48%;
        margin-bottom: calc(12vw / var(--context))
    }
}

.my_profile .big-text-box .name-box-wrapper .invester-focus p {
    font-size: calc(13vw / var(--context));
    padding-left: calc(8vw / var(--context));
    color: #777
}

.my_profile .big-text-box .name-box-wrapper .invester-focus h6 {
    width: 100%;
    margin-bottom: calc(10vw / var(--context));
    color: var(--color-primary)
}

@media (max-width: 768px) {
    .my_profile .big-text-box .name-box-wrapper .invester-focus h6 {
        text-align: center
    }
}

.my_profile .big-text-box .doucment-box-wrapper .document-col {
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: calc(287vw / var(--context))
}

.my_profile .big-text-box .doucment-box-wrapper .document-col .plus-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.my_profile .big-text-box .doucment-box-wrapper .document-col p {
    margin-top: auto;
    text-align: center;
    font-size: calc(22vw / var(--context));
    font-weight: 700;
    color: #181c32
}

.my_profile .big-text-box .mt-24 {
    margin-top: 24px
}

.my_profile .small-text-box h5 {
    font-size: calc(31vw / var(--context));
    font-family: var(--font-Squada)
}

.my_profile .small-text-box .dotted-line {
    margin: calc(31vw / var(--context)) 0 calc(20vw / var(--context))
}

.my_profile .small-text-box .dotted-line p,
.my_profile .small-text-box .dotted-line span {
    margin: 0;
    font-size: calc(19vw / var(--context));
    font-weight: 700;
    color: #000
}

.my_profile .small-text-box .dotted-line span {
    font-weight: 500;
    color: #7e8299
}

@media (max-width: 768px) {
    .my_profile .small-text-box .dotted-line {
        margin: 4px 0 20px
    }
}

.my_profile .small-text-box .dotted-line li {
    padding: calc(3vw / var(--context)) 0;
    border-bottom: calc(1vw / var(--context)) dotted #EDF0F2;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.my_profile .small-text-box .dotted-line li:nth-of-type(1) {
    border-top: calc(1vw / var(--context)) dotted #EDF0F2
}

.my_profile .small-text-box .level {
    margin-top: calc(21vw / var(--context));
    gap: calc(8vw / var(--context));
    font-weight: 600
}

.my_profile .small-text-box .level p {
    font-size: calc(23vw / var(--context));
    color: #777
}

.my_profile .small-text-box table {
    margin-top: calc(20vw / var(--context));
    width: 100%
}

@media (max-width: 768px) {
    .my_profile .small-text-box table {
        margin-top: 10px
    }
}

.my_profile .small-text-box table thead th {
    font-size: calc(12vw / var(--context));
    color: #3f4254;
    font-weight: 7000;
    padding: calc(10vw / var(--context));
    border-bottom: calc(1vw / var(--context)) solid #EDF0F2
}

.my_profile .small-text-box table td {
    padding: calc(10vw / var(--context));
    border-bottom: calc(1vw / var(--context)) solid #EDF0F2;
    font-weight: 500;
    font-size: calc(14vw / var(--context));
    color: #000
}

.my_profile .small-text-box .view-more {
    margin-top: calc(20vw / var(--context));
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    color: var(--color-primary);
    font-weight: 700;
    font-size: calc(15vw / var(--context));
    text-decoration: underline
}

.aboutus-page-sec {
    background-color: #f4f7f9;
    padding: calc(15vw / var(--context)) 0 calc(30vw / var(--context))
}

@media (max-width: 768px) {
    .aboutus-page-sec {
        padding-bottom: 73px
    }
}

.aboutus-page-sec .animation_box .squre-box {
    left: calc(-90vw / var(--context))
}

.aboutus-page-sec .animation_box .squre-box:nth-of-type(2) {
    inset: auto 50% calc(148vw / var(--context)) auto
}

.aboutus-page-sec .animation_box .trangle.rotate {
    transform: rotate(31deg);
    left: calc(-90vw / var(--context))
}

.aboutus-page-sec .animation_box .fill-cricle {
    background-color: transparent;
    border: none;
    width: auto
}

@media (max-width: 768px) {
    .aboutus-page-sec .col-50:nth-last-of-type(1) {
        margin-bottom: 0
    }
}

.aboutus-page-sec .col-50:nth-of-type(1) {
    position: relative
}

@media (max-width: 768px) {
    .aboutus-page-sec .col-50:nth-of-type(1) {
        padding: calc(22vw / var(--context)) 0 calc(22vw / var(--context))
    }

    .aboutus-page-sec .col-50:nth-of-type(1) h1 {
        margin-top: 0
    }
}

.aboutus-page-sec .container {
    max-width: calc(1130vw / var(--context))
}

.aboutus-page-sec h1 {
    color: #010308
}

@media (max-width: 768px) {
    .aboutus-page-sec h1 {
        font-size: 64px
    }
}

.aboutus-page-sec h1 span {
    color: var(--color-primary)
}

.aboutus-page-sec .our-story {
    background-color: var(--color-white);
    padding: calc(20vw / var(--context)) calc(30vw / var(--context)) calc(28vw / var(--context));
    box-shadow: -3px 15px 37px #00000014;
    border-radius: calc(10vw / var(--context))
}

.aboutus-page-sec .our-story .text-box {
    max-width: calc(785vw / var(--context));
    text-align: center;
    margin: 0 auto
}

.aboutus-page-sec .our-story .text-box h2 {
    margin-bottom: calc(15vw / var(--context))
}

.aboutus-page-sec .our-story .text-box p {
    font-size: calc(21vw / var(--context));
    line-height: 1.3;
    color: #62656c
}

.aboutus-page-sec .our-story h2 {
    color: #010308
}

@media (max-width: 768px) {
    .aboutus-page-sec .our-story h2 {
        font-size: 65px
    }
}

.aboutus-page-sec .our-story h2 span {
    color: var(--color-primary)
}

@media (max-width: 768px) {
    .aboutus-page-sec .cta-btn {
        font-size: 18px
    }

    .aboutus-page-sec .cta-btn img {
        margin-top: calc(8vw / var(--context)) !important
    }
}

.our_team h2 {
    color: #010308
}

@media (max-width: 768px) {
    .our_team h2 {
        font-size: 50px
    }
}

.our_team h2 span {
    color: var(--color-primary)
}

.our_team h2 span:after {
    width: 100%
}

.our_team .top-comman-text {
    max-width: calc(940vw / var(--context))
}

.our_team .top-comman-text p {
    font-size: calc(21vw / var(--context));
    line-height: 1.33
}

.our_team .content-row .box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.our_team .content-row .box figure {
    width: calc(114vw / var(--context));
    height: calc(175vw / var(--context));
    /* border-radius: 50%; */
    border: calc(4vw / var(--context)) solid var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center
}

.our_team .content-row .box figure img {
    border: calc(1vw / var(--context)) solid var(--color-primary);
    border-radius: 50%
}

.our_team .content-row .box .social-icon {
    margin-top: calc(25vw / var(--context));
    display: flex;
    gap: calc(5vw / var(--context))
}

@media (max-width: 768px) {
    .our_team .cta-btn {
        font-size: 18px
    }

    .our_team .cta-btn img {
        margin-top: calc(8vw / var(--context)) !important
    }
}

.our__mission {
    background-color: #f4f7f9;
    padding: calc(15vw / var(--context)) 0 calc(30vw / var(--context))
}

@media (max-width: 768px) {
    .our__mission {
        padding-bottom: 73px;
        padding-top: 0
    }
}

.our__mission h2 {
    color: #010308
}

@media (max-width: 768px) {
    .our__mission h2 {
        font-size: 50px
    }
}

.our__mission h2 span {
    color: var(--color-primary)
}

.our__mission h2 span:after {
    width: 100%
}

.our__mission .img-box {
    width: calc(437vw / var(--context))
}

@media (max-width: 768px) {
    .our__mission .img-box {
        width: 100%
    }
}

.our__mission .cta-btn {
    margin-top: calc(45vw / var(--context))
}

@media (max-width: 768px) {
    .our__mission .cta-btn {
        margin-top: 10px;
        font-size: 18px
    }

    .our__mission .cta-btn img {
        margin-top: calc(8vw / var(--context)) !important
    }
}

.our__mission .left-box {
    width: calc(100% - 437vw / var(--context));
    padding-left: calc(86vw / var(--context))
}

@media (max-width: 768px) {
    .our__mission .left-box {
        width: 100%;
        padding: 15px 0 0
    }
}

.our__mission .container {
    max-width: calc(1130vw / var(--context))
}

.about-news-sec {
    padding: calc(75vw / var(--context)) 0 calc(81vw / var(--context))
}

@media (max-width: 768px) {
    .about-news-sec {
        padding: 45px 0 55px
    }
}

.about-news-sec h2 {
    color: #010308
}

@media (max-width: 768px) {
    .about-news-sec h2 {
        font-size: 65px
    }
}

.about-news-sec h2 span {
    color: var(--color-primary)
}

.about-news-sec h2 span:after {
    width: 100%
}

.about-news-sec .top-comman-text {
    max-width: calc(782vw / var(--context))
}

.about-news-sec .cta-btn {
    margin-top: calc(15vw / var(--context))
}

@media (max-width: 768px) {
    .about-news-sec .cta-btn {
        font-size: 18px
    }

    .about-news-sec .cta-btn img {
        margin-top: calc(8vw / var(--context)) !important
    }
}

.about-news-sec p {
    font-size: calc(21vw / var(--context));
    line-height: 1.33
}

.contact-us-breadcrum {
    background-color: #f4f7f9;
    padding: calc(15vw / var(--context)) 0 calc(30vw / var(--context))
}

@media (max-width: 768px) {
    .contact-us-breadcrum {
        padding: calc(15vw / var(--context)) 0 0
    }
}

.location-sec {
    background-color: #f4f7f9;
    padding: calc(0vw / var(--context)) 0 calc(30vw / var(--context))
}

.location-sec .row {
    max-width: calc(755vw / var(--context));
    margin: 0 auto
}

.location-sec .box {
    background-color: var(--color-white);
    padding: calc(41vw / var(--context)) calc(31vw / var(--context));
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    gap: calc(15vw / var(--context));
    width: 50%
}

@media (max-width: 768px) {
    .location-sec .box {
        width: 100%
    }
}

.location-sec .box h3 {
    font-size: calc(31vw / var(--context));
    font-family: var(--font-Squada);
    color: #111827
}

.location-sec .box address {
    font-size: calc(19vw / var(--context));
    font-style: normal;
    color: #6b7280
}

.location-sec .box p {
    margin-bottom: 0;
    font-size: calc(19vw / var(--context));
    font-family: 600
}

.location-sec .box p a {
    font-weight: 500
}

.location-sec .box.color-blue {
    background-color: var(--color-primary)
}

.location-sec .box.color-blue * {
    color: var(--color-white)
}

.map-sec {
    background-color: #f4f7f9;
    padding: calc(75vw / var(--context)) 0 calc(125vw / var(--context))
}

@media (max-width: 768px) {
    .map-sec {
        padding: calc(10vw / var(--context)) 0 calc(73vw / var(--context))
    }
}

.map-sec .col-left {
    width: 49%
}

@media (max-width: 992px) {
    .map-sec .col-left {
        width: 100%
    }

    .map-sec .col-left figure img {
        width: 100%
    }
}

.map-sec .col-left p {
    font-size: calc(25vw / var(--context));
    color: #6b7280;
    margin: calc(15vw / var(--context)) 0;
    line-height: 1.2
}

.map-sec .col-right {
    width: 45%
}

@media (max-width: 992px) {
    .map-sec .col-right {
        width: 100%
    }
}

.map-sec .col-right p {
    text-align: center;
    font-weight: 700;
    font-size: calc(24vw / var(--context));
    color: #181c32;
    line-height: .8;
    margin-bottom: calc(25vw / var(--context))
}

@media (max-width: 768px) {
    .map-sec .col-right p {
        margin-bottom: calc(15vw / var(--context))
    }
}

.map-sec .col-right .contact-box {
    padding: calc(40vw / var(--context)) calc(59vw / var(--context)) calc(53vw / var(--context));
    background-color: var(--color-white);
    border-radius: calc(25vw / var(--context))
}

@media (max-width: 768px) {
    .map-sec .col-right .contact-box {
        padding: calc(26vw / var(--context)) calc(12vw / var(--context))
    }
}

.map-sec .col-right .cta-btn {
    color: var(--color-white)
}

.map-sec .col-right textarea {
    min-height: calc(100vw / var(--context))
}

.map-sec h2 {
    font-size: calc(51vw / var(--context));
    font-family: var(--font-Squada);
    color: #111827
}