.traditional-outer { max-width: 900px; margin: 0 auto; } .tradi-title .sample-titlesg h2 { margin-bottom: 15px; } .tradi-content { margin-top: 44px; } .tradi-box { text-align: center; width: 50%; float: left; margin: 30px 0; } .tradi-info { background-color: #F4F6F8; box-shadow: 0px 4px 40px rgba(0, 39, 61, 0.1); } .trasi-txt { padding: 20px; border-bottom: 1px solid rgba(0, 39, 61, 0.1); } .trasi-txt:last-child { border-bottom: 0px; } .tradi-box-gradient .trasi-txt:last-child { border-bottom: 0px; } .tradibox-title { padding: 20px; background: linear-gradient(268.08deg, #DAE4EC 11.55%, #CCD3D3 97.39%); } .tradibox-title h6 { margin: 0; letter-spacing: 0.2em; font-weight: 600; }{% for item in module.box_content %} .tradi-image { padding-top: 20px; background: linear-gradient(268.08deg, #DAE4EC 11.55%, #CCD3D3 97.39%); } .tradi-image img { max-width: 236px !important; } .tradi-box-gradient .tradi-image { background: transparent; } .tradi-box-gradient .tradi-info { background: linear-gradient(268.08deg, #0E527D 11.55%, #0E7D76 97.39%); margin-top: -30px; padding-bottom: 30px; box-shadow: 0px 4px 40px #6FC9C0; border-radius: 10px; } .tradi-box-gradient .trasi-txt { color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.2);} .tradi-box-gradient .tradibox-title { background: transparent; } .tradi-box-gradient .tradibox-title h6 { color: #fff; } .tradi-info.right-radius { border-radius: 0px 10px 10px 0px; } .tradi-info.right-radius .tradibox-title { border-top-right-radius: 10px; } .tradi-info.left-radius { border-radius: 10px 0 0 10px; } .tradi-info.left-radius .tradibox-title { border-top-left-radius: 10px; } .tradibg-img { position: relative; z-index: 1; } .tradibg-img:before { content: ''; position: absolute; width: 100%; min-height: 253px; left: 0; z-index: -1; bottom: 334px; } @media(max-width: 767px){ .tradi-box { width:100%; } .tradi-info { border-radius: 10px !important; } }