
<style>

/* =========================================
   CUSTOM CONTACT SECTION
========================================= */

.pos-custom-contact-section {

    width: 100% !important;

    padding: 60px 0 !important;

    background: #ffffff !important;

}


/* =========================================
   MAIN ROW
========================================= */

.pos-custom-contact-row {

    display: flex !important;

    align-items: flex-start !important;

}


/* =========================================
   CONTACT INFORMATION
========================================= */

.pos-custom-contact-info {

    width: 100% !important;

}


.pos-custom-contact-info h2 {

    margin: 0 0 45px 0 !important;

    font-size: 30px !important;

    line-height: 1.3 !important;

    font-weight: 600 !important;

    color: #202020 !important;

}


/* =========================================
   CONTACT ITEM
========================================= */

.pos-custom-contact-item {

    width: 100% !important;

    display: flex !important;

    align-items: center !important;

    gap: 20px !important;

    margin-bottom: 25px !important;

}


.pos-custom-contact-item:last-child {

    margin-bottom: 0 !important;

}


/* =========================================
   CONTACT ICON
========================================= */

.pos-custom-contact-icon {

    width: 70px !important;

    height: 70px !important;

    min-width: 70px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    border-radius: 5px !important;

    background: linear-gradient(
        135deg,
        #0757d9,
        #4c8dff
    ) !important;

}


.pos-custom-contact-icon i {

    font-size: 30px !important;

    color: #ffffff !important;

}


/* =========================================
   CONTACT CONTENT
========================================= */

.pos-custom-contact-content {

    width: 100% !important;

}


.pos-custom-contact-content h4 {

    margin: 0 0 8px 0 !important;

    font-size: 18px !important;

    line-height: 1.3 !important;

    font-weight: 600 !important;

    color: #1d1d1d !important;

}


.pos-custom-contact-content p {

    margin: 0 !important;

    font-size: 15px !important;

    line-height: 1.6 !important;

    color: #606060 !important;

}


/* =========================================
   SOCIAL MEDIA
========================================= */

.pos-custom-contact-social {

    margin-top: 45px !important;

}


.pos-custom-contact-social h3 {

    margin: 0 0 18px 0 !important;

    font-size: 20px !important;

    line-height: 1.3 !important;

    font-weight: 600 !important;

    color: #202020 !important;

}


.pos-custom-contact-social-links {

    display: flex !important;

    align-items: center !important;

    gap: 10px !important;

}


.pos-custom-contact-social-links a {

    width: 42px !important;

    height: 42px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    border-radius: 7px !important;

    background: #eef3f8 !important;

    color: #1d334b !important;

    text-decoration: none !important;

    transition: all 0.3s ease !important;

}


.pos-custom-contact-social-links a i {

    font-size: 17px !important;

}


.pos-custom-contact-social-links a:hover {

    background: #1677e8 !important;

    color: #ffffff !important;

}


/* =========================================
   CONTACT FORM
========================================= */

.pos-custom-contact-form {

    width: 100% !important;

}


.pos-custom-contact-form h2 {

    margin: 0 0 32px 0 !important;

    font-size: 36px !important;

    line-height: 1.2 !important;

    font-weight: 600 !important;

    color: #26384d !important;

}


/* =========================================
   FORM GROUP
========================================= */

.pos-custom-form-group {

    width: 100% !important;

    display: block !important;

    margin-bottom: 20px !important;

}


/* =========================================
   INPUT
========================================= */

.pos-custom-form-group input {

    display: block !important;

    width: 100% !important;

    min-width: 100% !important;

    max-width: 100% !important;

    height: 60px !important;

    padding: 0 20px !important;

    border: 1px solid #e4e4e4 !important;

    border-radius: 6px !important;

    background: #ffffff !important;

    color: #555555 !important;

    font-family: inherit !important;

    font-size: 14px !important;

    outline: none !important;

    box-sizing: border-box !important;

}


/* =========================================
   PRODUCT SELECT
========================================= */

.pos-custom-product-select {

    display: block !important;

    width: 100% !important;

    min-width: 100% !important;

    max-width: 100% !important;

    height: 60px !important;

    padding: 0 20px !important;

    border: 1px solid #e4e4e4 !important;

    border-radius: 6px !important;

    background-color: #ffffff !important;

    color: #000 !important;

    font-family: inherit !important;

    font-size: 14px !important;

    outline: none !important;

    box-sizing: border-box !important;

    cursor: pointer !important;

}
  
  .pos-custom-form-group select {
    font-weight: 700 !important;
}


/* =========================================
   TEXTAREA
========================================= */

.pos-custom-form-group textarea {

    display: block !important;

    width: 100% !important;

    min-width: 100% !important;

    max-width: 100% !important;

    height: 150px !important;

    padding: 18px 20px !important;

    border: 1px solid #e4e4e4 !important;

    border-radius: 6px !important;

    background: #ffffff !important;

    color: #555555 !important;

    font-family: inherit !important;

    font-size: 14px !important;

    outline: none !important;

    box-sizing: border-box !important;

    resize: vertical !important;

}


/* =========================================
   PLACEHOLDER
========================================= */

.pos-custom-form-group input::placeholder,

.pos-custom-form-group textarea::placeholder {

    color: #777777 !important;

    opacity: 1 !important;

}


/* =========================================
   FOCUS
========================================= */

.pos-custom-form-group input:focus,

.pos-custom-product-select:focus,

.pos-custom-form-group textarea:focus {

    border-color: #1677e8 !important;

    box-shadow: 0 0 0 3px rgba(
        22,
        119,
        232,
        0.08
    ) !important;

}


/* =========================================
   SUBMIT BUTTON
========================================= */

.pos-custom-submit-btn {

    display: block !important;

    width: 100% !important;

    height: 60px !important;

    border: none !important;

    border-radius: 6px !important;

    background: #167fe5 !important;

    color: #ffffff !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    cursor: pointer !important;

    transition: all 0.3s ease !important;

}


.pos-custom-submit-btn:hover {

    background: #0757d9 !important;

}


/* =========================================
   GOOGLE MAP
========================================= */

.pos-custom-contact-map {

    width: 100% !important;

    margin-top: 70px !important;

}


.pos-custom-contact-map iframe {

    width: 100% !important;

    height: 420px !important;

    display: block !important;

    border: 0 !important;

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .pos-custom-contact-section {

        padding: 65px 0 !important;

    }


    .pos-custom-contact-info {

        margin-bottom: 55px !important;

    }


    .pos-custom-contact-info h2 {

        font-size: 28px !important;

    }


    .pos-custom-contact-form h2 {

        font-size: 32px !important;

    }


    .pos-custom-contact-icon {

        width: 65px !important;

        height: 65px !important;

        min-width: 65px !important;

    }


    .pos-custom-contact-icon i {

        font-size: 27px !important;

    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .pos-custom-contact-section {

        padding: 50px 15px !important;

    }


    .pos-custom-contact-row {

        display: block !important;

    }


    .pos-custom-contact-info {

        margin-bottom: 50px !important;

    }


    .pos-custom-contact-info h2 {

        margin-bottom: 30px !important;

        font-size: 26px !important;

    }


    .pos-custom-contact-item {

        align-items: flex-start !important;

        gap: 15px !important;

    }


    .pos-custom-contact-icon {

        width: 60px !important;

        height: 60px !important;

        min-width: 60px !important;

    }


    .pos-custom-contact-icon i {

        font-size: 24px !important;

    }


    .pos-custom-contact-content h4 {

        font-size: 17px !important;

    }


    .pos-custom-contact-content p {

        font-size: 14px !important;

    }


    .pos-custom-contact-social {

        margin-top: 35px !important;

    }


    .pos-custom-contact-form h2 {

        font-size: 28px !important;

        margin-bottom: 25px !important;

    }


    .pos-custom-form-group input,

    .pos-custom-product-select {

        height: 58px !important;

    }


    .pos-custom-form-group textarea {

        height: 140px !important;

    }


    .pos-custom-contact-map {

        margin-top: 50px !important;

    }


    .pos-custom-contact-map iframe {

        height: 320px !important;

    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .pos-custom-contact-section {

        padding: 40px 12px !important;

    }


    .pos-custom-contact-item {

        gap: 12px !important;

    }


    .pos-custom-contact-icon {

        width: 55px !important;

        height: 55px !important;

        min-width: 55px !important;

    }


    .pos-custom-contact-icon i {

        font-size: 22px !important;

    }


    .pos-custom-contact-content h4 {

        font-size: 16px !important;

    }


    .pos-custom-contact-content p {

        font-size: 13px !important;

    }


    .pos-custom-contact-form h2 {

        font-size: 25px !important;

    }


    .pos-custom-form-group input,

    .pos-custom-product-select {

        height: 55px !important;

    }


    .pos-custom-form-group textarea {

        height: 130px !important;

    }


    .pos-custom-submit-btn {

        height: 55px !important;

    }

}

</style>