section.wdfdes_tri { background: #e7f1f3; padding-top: 50px; padding-bottom: 50px; position: relative; } .mt-30 { margin-top: 30px; } .address-text { background: #d1cfcf00; padding: 0; } .contact-card { text-align: center; display: block; box-shadow: 0 0 4px 0px #c2c2c2; padding: 20px 10px 20px; border-radius: 5px; height: 229px; background: #fff; margin-bottom: 0; } .card-contact-icon { height: 45px; width: 45px; background: #122f4d; color: #fff; display: flex ; justify-content: center; align-items: center; border-radius: 50%; font-size: 30px; margin: auto; } .circle-ripple { -webkit-animation: ripple .7s linear infinite; animation: ripple .7s linear infinite; z-index: 999; } .card-contact-content { margin-top: 12px; } .card-contact-content h4 { font-weight: 500; margin-bottom: 5px; text-transform: uppercase; color: #334b89; font-size: 15px; margin-top: 25px; display: block; } .card-contact-content p { margin-bottom: 0; font-size: 13px; line-height: 22px; color: #000; } .card-contact-content p a { color: #122f4d; margin-bottom: 5px; } @@keyframes ripple { 0% { box-shadow: 0 0 0 3px rgb(206 206 206 / 30%), 0 0 0 1px rgb(206 206 206 / 30%), 0 0 0 1px rgb(206 206 206 / 30%), 0 0 0 3px rgb(206 206 206 / 30%); } 100% { box-shadow: 0 0 0 12px rgb(206 206 206 / 30%), 0 0 0 1px rgb(206 206 206 / 30%), 0 0 0 3px rgb(206 206 206 / 30%), 0 0 0 1px rgb(206 206 206 / 0%); } } .latestHappenings h2 { font-size: 35px; text-transform: uppercase; font-weight: 500; margin-bottom: 20px; position: relative; text-align: center; margin-top: 0; } .map_section { border: 1px solid #043a5b24; padding: 15px 15px 10px; margin-bottom: 30px; background: white; } .CorporateOffice_section_tri { padding: 56px 0 50px; background: linear-gradient(rgb(0 0 0 / 67%) 100%, rgb(190 134 32 / 65%) 100%), url(../images/contact_bg.jpg); background-size: 100% 100%; background-attachment: fixed; } .CorporateOffice_section_tri .latestHappenings h2 { color: #fff } .CorporateOffice_section_tri .address_row_tri .contact-card p { color: #fff } .CorporateOffice_section_tri .address_row_tri .contact-card p a { color: #fff } .address_row_tri .contact-card { height: 130px; background: no-repeat; } .address_row_tri .contact-card .card-contact-content h4 { color: #fdc800; margin-top: 0; } @media(max-width: 992px) { .loaction-cardd { margin-bottom:10px; height: auto!important; } } .contact-card { height: 215px; }.mt-30 {margin-top: 30px;}