:root{
    /* Font Family */
    --font-family: 'Poppins';

    /* Font Weight */
    --fw-300:300;
    --fw-400:400;
    --fw-600:600;
    --fw-800:800;

    /* Font Size */
    --fs-10:0.625em;
    --fs-12:0.75em;
    --fs-14:0.875em;
    --fs-16:1em;
    --fs-19:1.1875em;
    --fs-23:1.4375em;
    --fs-33:2.0625em;
    --fs-47:2.9375em;
    --fs-58:3.625em;
    --fs-93:5.8125em;
}
.light {
    --font-family: "Nunito";
    --bg-primary: #F66DBF;
    --bg-secondary: #0A2D81;
    --bg-secondary-alt: #C1C8E4;
    --hover: #C1C8E4;
    --text-primary-alt: #0A2D81;
    --text-primary: #5580E9;
    --text-secondary-alt:#C1C8E4;
    --text-secondary:#F66DBF;
    --bg-footer:#210826;
    --text-white:#FFFFFF;
    --bg-white:#FFFFFF;
}
.dark {

}
html {
    scroll-behavior: smooth;
    font-smooth: auto;
    -webkit-font-smoothing: auto;
}
body{
    font-family: var(--font-family) !important;
    margin: 0;
    padding: 0;
    background:url("../images/glocalize_bg.png");
    background-size: 70%;
}
a{
    text-decoration: none;
}
/* Font Weight */
.fw-300{
    font-weight: var(--fw-300) !important;
}
.fw-400{
    font-weight: var(--fw-400) !important;
}
.fw-600{
    font-weight: var(--fw-600) !important;
}
.fw-800{
    font-weight: var(--fw-800) !important;
}

/* Font Size */
.fs-10{
    font-size: var(--fs-10) !important;
}
.fs-12{
    font-size: var(--fs-12) !important;
}
.fs-14{
    font-size: var(--fs-14) !important;
}
.fs-16{
    font-size: var(--fs-16) !important;
}
.fs-19{
    font-size: var(--fs-19) !important;
}
.fs-23{
    font-size: var(--fs-23) !important;
}
.fs-33{
    font-size: var(--fs-33) !important;
}
.fs-47{
    font-size: var(--fs-47) !important;
}
.fs-58{
    font-size: var(--fs-58) !important;
}
.fs-93{
    font-size: var(--fs-93) !important;
}
.sitelogo > img{
    width: 90px;
}
.btn-primary{
    background-color: var(--bg-primary) !important;
    border-color: var(--bg-primary);
}
.text-secondary{
    color: var(--text-secondary) !important;
}
.text-primary{
    color: var(--text-primary) !important;
}
.text-primary-alt{
    color: var(--text-primary-alt) !important;
}
.text-secondary-alt{
    color: var(--text-secondary-alt);
}
.btn-primary:hover{
    background-color: var(--bg-primary) !important;
    opacity: 0.9;
}
.btn-link-cust{
    text-decoration: none;
}
.navtext > li > a{
    color: var(--text-primary) !important;
    font-weight: 700;
    font-size: var(--fs-16);
    padding: 5px 15px !important;
}
header{
    box-shadow: 0 0 4px #ccc !important;
    background-color: var(--bg-white);
    position: sticky;
    top: 0;
    z-index: 10;
}
.hero-banner-img > img{
    width: 380px;
    animation: float 5s ease-in-out infinite;
    transform: translatey(0px);
    box-sizing: border-box;
}
@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-30px);
	}
	100% {
		transform: translatey(0px);
	}
}
.hero-banner-section{
    padding: 5em 0;
}
.local-tabs > button.active{
    padding: 20px;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    font-size: 19px;
    margin-bottom: 15px;
}
.local-tabs > button{
    padding: 20px;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    font-size: 19px;
    margin-bottom: 15px;
    background-color: var(--bg-secondary-alt);
    color: var(--text-primary-alt);
}
/* Footer CSS */
footer{
    background: url("../images/footer_bg.png") var(--bg-footer) no-repeat !important;
    background-size: 50% !important;
    background-position: center !important;
    padding: 3em 0;
}
.footer-box-1 > img{
    width: 180px;
    margin-bottom: 20px;
}
.footer-box-1 > p{
    color: var(--text-white);
}
.footer-box-1 > p > span{
    color: var(--text-primary);
}
.footer-icons{
    padding: 20px 0;
}
.footer-icons > a{
    padding: 15px 15px;
    border-radius: 10px;
    font-size: var(--fs-33);
}
.footer-bottom{
    background: var(--bg-footer) !important;
    border-top: 1px solid var(--bg-white);
    text-align: center;
    color: var(--text-white);
    font-size: var(--fs-23);
    padding: 15px 0;
}
.footer-links{
    list-style: none;
    padding-left: 0;
}
.footer-links > li {
    padding: 10px 0 !important;
}
.footer-links > li > a{
    color: var(--text-primary);
    font-weight: 700;
    text-decoration: none;
}
.localize-blog-wr{
    padding: 4em;
}
.localiz-box{
    padding: 20px;
    box-shadow: 0 0 3px #ccc;
    background-color: #ffffffbd;
    margin-bottom: 20px;
    color: var(--bg-secondary);
    border-radius: 10px;
}
.uniqu-challge-box{
    min-height: 360px;
    background: rgb(143,176,255);
    background: linear-gradient(180deg, rgba(143,176,255,1) 0%, rgba(255,255,255,1) 100%);
}
.uniqu-challge-box2{
    min-height: 360px;
    background: rgb(255,199,232);
    background: linear-gradient(180deg, rgba(255,199,232,1) 0%, rgba(255,255,255,1) 100%);
}
.audiovisual-sec{
    padding: 5em 0;
}
.home-cards{
    background: #FFFFFF;
    background: url("../images/Vector.png") no-repeat #CDDAFB;
    background-size: cover;
    padding: 30px;
    border-radius: 10px;
}
.slider-box{
    background: url("../images/people-about-glocalize.png") #210826 no-repeat;
    background-position: left center;
    background-size: 20%;
    min-height: 540px;
    padding-left: 5em;
    padding-top: 3em;
    border-radius: 10px;
    position: relative;
    top: 0;
}
.carousel-control-prev, .carousel-control-next {
    width: 40px;
    height: 40px;
    background-color: var(--bg-primary);
    border-radius: 50%;
    padding: 5px;
    bottom: 10px;
    top: auto;
    font-size: var(--fs-19);
}
.carousel-control-next {
    left: 7%;
    bottom: -20%;
}
.carousel-control-prev {
    left: 0%;
    bottom: -20%;
}
.slide-card-bg{
    background: linear-gradient(180deg, #F66DBF 0%, #8860D0 100%);
}
.contact-card{
    border-radius: 20px;
    padding: 20px;
    background-color: #210826;
}
.contact-card label{
    color: var(--text-white);
}
.contact-card input, .contact-card textarea{
    color: var(--text-white);
    border-color: #F66DBF;
    background-color: #210826;
}
.contact-card input:hover:focus, .contact-card textarea:hover:focus{
    color: var(--text-white);
    border-color: #F66DBF;
    background-color: #210826;
}
p{
    color: #0A2D81;
}
h5{
    color: #0A2D81;
}