.blue-font {
    color: #172955;
}

.top-link {
    color: #172955;
}

.top-link:hover {
    color: #fdaa19;
}

.font-1-point-2 {
    font-size: 1.2rem;
}

.blue-bg {
    background-color: #172955 !important;
}

.yellow-border {
    border: 1px solid #fdaa19 !important;
}

.yellow-txt {
    color: #fdaa19;
}

.ht-3 {
    height: 3rem;
}

.font-1-point-8 {
    font-size: 1.8rem;
}

.font-1-point-4 {
    font-size: 1.4rem;
}

.w-60 {
    width: 60%;
}

.footer-link {
    color: white !important;
}

.footer-link:hover {
    color: #fdaa19 !important;
}

.social {
    background-color: white;
    color: #172955;
    border: 1px solid #172955;
}

.social:hover {
    background-color: #fdaa19;
    color: #172955;
    border: 1px solid #172955;
}

.social-top-btm {
    padding-top: 6px;
    padding-bottom: 6px;
}

.fb {
    padding-left: 10px;
    padding-right: 10px;
}

.insta {
    padding-left: 8px;
    padding-right: 8px;
}

.youtube {
    padding-left: 6px;
    padding-right: 6px;
}

.pinterest {
    padding-left: 9px;
    padding-right: 9px;
}

.side-btn {
    background-color: white;
    color: #172955;
}

.side-btn:hover {
    background-color: #fdaa19;
}

.side-btn-pos {
    position: fixed;
    right: 1rem;
    z-index: 99;
}

#back-to-top {
    bottom: 4rem;
    transition: opacity .2s ease-out;
    opacity: 0;
    padding-left: 0.9rem;
    padding-right: 0.9rem;
}

#back-to-top.show {
    opacity: 1;
}

/* Large Screen Devices */
@media only screen and (min-width: 1200px) {
    
    .side-btn-pos {
        position: fixed;
        right: 2rem;
        z-index: 99;
    }
    
    #side-phone {
        bottom: 6rem;
        transition: opacity .2s ease-out;
        opacity: 0;
    }
    
    #side-phone.show {
        opacity: 1;
    }
    
    #side-whatsapp {
        bottom: 2rem;
        transition: opacity .2s ease-out;
        opacity: 0;
    }
    
    #side-whatsapp.show {
        opacity: 1;
    }
    
    #back-to-top {
        bottom: 10rem;
        transition: opacity .2s ease-out;
        opacity: 0;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .banner-dimensions {
        background-size: 100% 100%;
        background-attachment: fixed;
    }
}

.side-ph-padding {
    padding-left: 0.9rem;
    padding-right: 0.9rem;
}

.btn-whatsapp-btm {
    bottom: 0;
    right: 0;
    border: 1px solid white !important;
    background-color: #172955 !important;
    color: white !important;
    z-index: 999 !important;
}

.btn-whatsapp-btm:hover {
    color: white !important;
}

.btn-phone-btm {
    bottom: 0;
    border: 1px solid white !important;
    background-color: #172955 !important;
    color: white !important;
    z-index: 999 !important;
}

.btn-phone-btm:hover {
    color: white !important;
}

@media only screen and (max-width: 767px) {
    
    .ar-2-1 {
        aspect-ratio: 1/1;
    }
    
    .ar-1-2 {
        aspect-ratio: 1/1;
    }
}

.banner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.btn-offer {
    border: 2px solid #fdaa19;
    color: #172955;
    background-color: #fdaa19;
}

.btn-offer:hover {
    border: 2px solid #fdaa19;
    color: #fdaa19;
}

.btn-offer-alt {
    border: 2px solid #fdaa19;
    color: #fdaa19;
}

.btn-offer-alt:hover {
    border: 2px solid #fdaa19;
    color: #172955;
    background-color: #fdaa19;
}

.yellow-bg {
    background-color: #fdaa19;
}

.yellow-font {
    color: #fdaa19;
}

.text-justify {
    text-align: justify;
    text-justify: inter-word;
}

.btn-read-more {
    border: 2px solid #172955;
    color: white;
    background-color: #172955;
}

.btn-read-more:hover {
    border: 2px solid #172955;
    color: #172955;
}

.line-ht-one-point-six {
    line-height: 1.6;
}

.blue-border {
    border: 2px solid #172955 !important;
}

.ar-1-1 {
    aspect-ratio: 1/1;
}

@media only screen and (min-width: 768px) {
    
    .ar-2-1 {
        aspect-ratio: 2/1;
    }
    
    .ar-1-2 {
        aspect-ratio: 1/2;
    }
}

.port {
    background-repeat: no-repeat;
    background-size: cover;
}

.port .port-span {
    visibility: hidden;
}

.port:hover .port-span {
    visibility: visible;
}

.width-50-px {
    width: 50px;
}

.ps-0-point-9 {
    padding-left: 0.9rem;
}

.pe-0-point-9 {
    padding-right: 0.9rem;
}

.ps-1-point-1 {
    padding-left: 1.1rem;
}

.pe-1-point-1 {
    padding-right: 1.1rem;
}

.ps-1-point-2 {
    padding-left: 1.2rem;
}

.pe-1-point-2 {
    padding-right: 1.2rem;
}

.ps-1-point-3 {
    padding-left: 1.3rem;
}

.pe-1-point-3 {
    padding-right: 1.3rem;
}

.ps-1-point-4 {
    padding-left: 1.4rem;
}

.pe-1-point-4 {
    padding-right: 1.4rem;
}

.menu-link {
    color: #fdaa19 !important;
}

.menu-link:hover {
    color: white !important;
}

.ar-16-9 {
    aspect-ratio: 16/9;
}

.no-resize {
    resize: none;
}

.contact-link {
    color: #172955;
}

.contact-link:hover {
    color: white;
}

.yellow-border {
    border: 2px solid #fdaa19;
}