@charset "UTF-8";
@import url(./bs-bundle/bootstrap.min.css);
@import url(./base.css);
.igsContactWrapper {
    padding: 80px 0;
}
.igsContactForm {
    padding: 3rem 3.5rem;
    box-shadow: 0px 0px 14px 7px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
}
.igsContactForm__title {
    font: var(--font-f40B);
    color: var(--igsBlue);
}
.igsContactForm .cta {
    font: var(--font-f20B);
    padding: 15px 25px;
    width: 100%;
    box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 25%);
}
.igsContactForm .cta:focus, .igsContactForm .cta:hover {
    color: var(--igsWhite);
    box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 25%) !important; 
}
.igsContactForm form .form-group label {
    display: none;
}
.igsContactForm form .form-group .form-control {
    padding-top: 15px;
    padding-bottom: 15px;
}
.igsContactNumber h3 {
    font: var(--font-f26B);  
    color: var(--igsBlue);
}
.igsContactNumber p {
    font: var(--font-f18R);  
    color: var(--igsMid2Blue);
}
.igsContactNumber ul, .igsContactNumber li {
    list-style-type: none;
}
.igsContactNumber li a {
    text-decoration: none;
    display: inline-block;
    color: var(--igsMid2Blue);
    padding: 6px 10px;
    border-radius: 4px;
    transition: .3s ease-in-out; 
}
.igsContactNumber li a:hover {
    text-decoration: none;
    background: var(--igsMidGray);
}
.igsContactAddressHeading .page-heading {
    font: var(--font-f40B);
    color: var(--igsBlue);
}
.igsContactAddressHeading p {
    font: var(--font-f20R);  
    color: var(--igsMid2Blue);
}

/* CARD */
.igsCard {
    display: grid;
    align-content: start;
    max-width: 350px;
    height: 100%;
    border: 1px solid #d6daf2;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    overflow: hidden;
    margin: 0 auto;
}
.igsCard__image {
    min-height: 190px;
    max-height: 190px;
}
.igsCard__image img {
    width: 100%;
    height: 100%;
}
.igsCard__content {
    padding: 2rem;
    padding-bottom: 1rem;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.igsCard__content--title {
    font: var(--font-f20B);
    margin-bottom: 0;
    color: var(--igsBlue);
}
/* .igsCard__content--title span {
    font: var(--font-f18R);
    color: var(--igsMid2Blue);
} */
.igsCard__content--subtitle {
    font: var(--font-f18R);  
    color: var(--igsMid2Blue);
}
.igsCard__content address span {
    display: block;
    font: var(--font-f16R);  
    color: var(--igsMid2Blue);
}
.igsCard__content address span a {
    text-decoration: none;
    font: var(--font-f16R);  
    color: var(--igsMid2Blue);
}
.igsCard__content address span a:hover {
    text-decoration: underline;
}
.contact-connect h2 {
    font: var(--font-f30B);
    color: var(--igsBlue);
    margin-bottom: 0;
}
.connect-media a {
    text-decoration: none;
    display: inline-block;
    color: var(--igsBlue);
    font: var(--font-f25R);
    margin-right: 20px;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    transition: .25s;
}
.connect-media a.ap > img {
    -webkit-filter: inherit;
    -moz-filter: inherit;
    filter: inherit;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.connect-media a.ap > img:hover {
    -webkit-filter: hue-rotate(46deg);
    -moz-filter: hue-rotate(46deg);
    filter: hue-rotate(46deg);
}
.connect-media a.fb:hover {
    color: #3B5998;
}
.connect-media a.tw:hover {
    color: #1DA1F2;
}
.connect-media a.yt:hover {
    color: #ff0000;
}
.connect-media a.lin:hover {
    color: #007bb5;
}
.connect-media a.sp:hover { 
    color: #1db954;
}

/* RESPONSIVE */
@media screen and (max-width: 991px) { 
    .igsContactWrapper {
        padding: 60px 0;
    }
    .igsContactForm {
        padding: 2rem 1.5rem;
    }
    .igsCard__content {
        padding: 1rem;
        padding-bottom: 1rem;
    }
}
@media screen and (max-width: 768px) { 
    .igsCard {
        max-width: 100%;
    }
    .igsCard__content address {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 768px) {  
    .igsContactAddressHeading .page-heading,
    .igsContactForm__title {
        font: var(--font-f30B);
    }  
    .igsContactAddressHeading p {
        font: var(--font-f16R);
    }
    .contact-connect h2 {
        font: var(--font-f26B); 
    }
}