footer { } .ic-footer-main-part { position: relative; padding: 90px 0; @media #{$max1399} { padding: 80px 0; } @media #{$max1199} { padding: 70px 0; } @media #{$max991} { padding: 50px 0; } @media #{$max767} { padding: 50px 0; } @media #{$max575} { padding: 30px 0; } &::before { position: absolute; content: ""; width: 100%; height: 100%; display: inline-block; opacity: 0.9; background: linear-gradient(81deg, #217bfe 14.31%, #11ce8e 86.04%); top: 0; left: 0; z-index: 1; } } .ic-footer-top { position: relative; z-index: 9; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-bottom: 1px solid rgb(231 230 230 / 30%); gap: 15px; padding-bottom: 60px; @media #{$max991} { padding-bottom: 30px; } @media #{$max575} { padding-bottom: 15px; } .ic-right { display: flex; align-items: center; gap: 25px; @media #{$max575} { gap: 8px; } .rp { font-weight: 600; font-size: 18px; } } } .ic-footer-social { display: flex; gap: 8px; align-items: center; .ic-social-link { width: 44px; height: 44px; background: white; border-radius: 5px; display: inline-flex; justify-content: center; align-items: center; color: $color-primary; transition: all 0.3s; &:hover { background: #197bff; color: white; } i { font-size: 20px; } } } // ic-footer-main-content .ic-footer-main-content { padding: 60px 0 0px 0; position: relative; @media #{$max991} { padding: 30px 0 0px 0; } @media #{$max575} { padding: 15px 0 0px 0; } z-index: 2; a, li, h5 { color: white; transition: all 0.3s; } a { &:hover { color: $color-black; } } .ic-footer-menu { li { line-height: 35px; @media #{$max575} { line-height: 26px; } } } .ic-footer-mail { position: relative; .ic-footer-input { border-radius: 8px; background: #fff; height: 60px; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); padding-left: 24px; padding-right: 72px; } .ic-footer-btn { position: absolute; color: #197bff; font-family: "DM Sans"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 28px; top: 50%; right: 20px; transform: translateY(-50%); background: transparent; } } } .ic-footer-content-1, .ic-footer-content-2, .ic-footer-content-3 { @media #{$max575} { margin-bottom: 20px; } } // ic-footer-bottom .ic-footer-bottom { background: var(--Black, #212529); height: 50px; display: flex; justify-content: center; align-items: center; span { margin: auto; font-size: 14px; color: white; } }