.links_container { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; width: 100%; } .single_links_container1 { background: #162e6a; /* margin-right: 10px; */ padding: 70px 10px; text-align: center; font-size: 16px; /* width: 33.33%; */ width: 49%; border-radius: 4px; color: #FFF !important; } .single_links_container1 a { color: #FFF !important; text-align: center !important; text-decoration: none !important; } .single_links_container1 a i { font-size: 40px !important; margin: 10px 0 15px; } /* IMPORTANT LINKS */ #homepageTopServicesBlock, .homepageTopServicesBlock { background: #f0f0f0; padding: 2em 1em 2em 1em; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; border-radius: 3px; } #homepageTopServicesBlock #homepageTopServicesList, #homepageTopServicesBlock .homepageTopServicesList, .homepageTopServicesBlock #homepageTopServicesList, .homepageTopServicesBlock .homepageTopServicesList { border: none; margin: 0; padding: 0; font-weight: 400; list-style: none; max-width: auto; margin-left: auto; margin-right: auto; overflow: hidden; margin: 0 auto; } #homepageTopServicesBlock #homepageTopServicesList li a:before, #homepageTopServicesBlock .homepageTopServicesList li a:before, .homepageTopServicesBlock #homepageTopServicesList li a:before, .homepageTopServicesBlock .homepageTopServicesList li a:before { content: counter(edk); float: left; margin: 0; padding: 0; display: block; height: 6em; width: 3em; line-height: 6em; text-align: center; color: grey; border-right: dotted 1px rgba(0, 0, 0, 0.2); font-family: "Roboto Slab", sans-serif; letter-spacing: -0.25px; font-weight: 200; } @media (min-width: 64.063em) { #homepageTopServicesBlock #homepageTopServicesList li:nth-child(n), #homepageTopServicesBlock .homepageTopServicesList li:nth-child(n), .homepageTopServicesBlock #homepageTopServicesList li:nth-child(n), .homepageTopServicesBlock .homepageTopServicesList li:nth-child(n) { display: block; } } @media (min-width: 40.063em) { #homepageTopServicesBlock #homepageTopServicesList li:nth-child(n), #homepageTopServicesBlock .homepageTopServicesList li:nth-child(n), .homepageTopServicesBlock #homepageTopServicesList li:nth-child(n), .homepageTopServicesBlock .homepageTopServicesList li:nth-child(n) { display: block; } } @media (min-width: 64.063em) { #homepageTopServicesBlock #homepageTopServicesList li, #homepageTopServicesBlock .homepageTopServicesList li, .homepageTopServicesBlock #homepageTopServicesList li, .homepageTopServicesBlock .homepageTopServicesList li { display: inline; float: left; width: 31.25%; margin: 0 1.04166667%; } } #homepageTopServicesBlock #homepageTopServicesList li a, #homepageTopServicesBlock .homepageTopServicesList li a, .homepageTopServicesBlock #homepageTopServicesList li a, .homepageTopServicesBlock .homepageTopServicesList li a { display: block; margin: 0; padding: 0; overflow: hidden; color: #606060; text-decoration: none; font-weight: 400; padding-right: 1em; border-left: 4px solid #162e6a; border-radius: 2px; } #homepageTopServicesList li { width: 31%; } #homepageTopServicesBlock #homepageTopServicesList li, #homepageTopServicesBlock .homepageTopServicesList li, .homepageTopServicesBlock #homepageTopServicesList li, .homepageTopServicesBlock .homepageTopServicesList li { display: inline; float: left; margin: 0 1.04166667%; height: 6em; overflow: hidden; -webkit-box-shadow: 0 1em 1em -1em rgba(0, 0, 0, 0.25); box-shadow: 0 1em 1em -1em rgba(0, 0, 0, 0.25); -webkit-transition: background 0.5s ease-out 0s, border 0.5s ease-out 0s, color 0.5s ease-out 0s, text-shadow 0.5s ease-out 0s, -webkit-box-shadow 0.5s ease-out 0s, -webkit-transform 0.5s ease-out 0s; transition: background 0.5s ease-out 0s, border 0.5s ease-out 0s, color 0.5s ease-out 0s, text-shadow 0.5s ease-out 0s, -webkit-box-shadow 0.5s ease-out 0s, -webkit-transform 0.5s ease-out 0s; -o-transition: background 0.5s ease-out 0s, border 0.5s ease-out 0s, color 0.5s ease-out 0s, box-shadow 0.5s ease-out 0s, text-shadow 0.5s ease-out 0s, transform 0.5s ease-out 0s; transition: background 0.5s ease-out 0s, border 0.5s ease-out 0s, color 0.5s ease-out 0s, box-shadow 0.5s ease-out 0s, text-shadow 0.5s ease-out 0s, transform 0.5s ease-out 0s; transition: background 0.5s ease-out 0s, border 0.5s ease-out 0s, color 0.5s ease-out 0s, box-shadow 0.5s ease-out 0s, text-shadow 0.5s ease-out 0s, transform 0.5s ease-out 0s, -webkit-box-shadow 0.5s ease-out 0s, -webkit-transform 0.5s ease-out 0s; counter-increment: edk; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; background: #fff; margin-bottom: 1em !important; /* border-radius: 0.66em; */ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } @media only screen and (max-width: 767px) { #homepageTopServicesList li { width: 100% !important; } } .amritBg { background: #eaf4f9; margin-top: 12px; } .g20Box .container { display: flex; } .g20Box .g20Details.amritBanner { background: #d6f3ff; } .g20Box .g20Details a { display: block; width: 100%; text-align: center; } a { text-decoration: underline; color: #0e338a; } .g20Box .amritBanner { width: 50%; display: flex; flex-wrap: wrap; background: #d6f3ff; /* margin-right: 5px; */ } .amritBanner a.amritLink .amritMahotsavContent p, .amritBanner a.amritLink .amritMahotsavContent h2, .amritBanner a.amritLink .amritMahotsavContent .h2, .amritBanner a.amritLink { text-decoration: none; } .amritMahotsav { margin: 0; padding: 25px; position: relative; overflow: hidden; background: #d6f3ff; height: 151px; } .d-flex { display: flex !important; } .flex-wrap { flex-wrap: wrap !important; } .align-items-center { align-items: center !important; } .amritMahotsavWrap .logoWrap { width: 225px; padding: 0 40px; border-right: 1px solid rgba(0, 0, 0, 0.2); } .g20Box .amritMahotsavContent { width: calc(100% - 250px); } .amritMahotsavContent { width: calc(100% - 300px); padding-left: 50px; } .amritBanner a.amritLink .amritMahotsavContent p, .amritBanner a.amritLink .amritMahotsavContent h2, .amritBanner a.amritLink .amritMahotsavContent .h2, .amritBanner a.amritLink { text-decoration: none; } .g20Box .amritMahotsavContent h2 { font-size: 24px; margin-left: -7px !important; } .amritMahotsavContent .h2, .amritMahotsavContent h2 { margin-bottom: 0px; color: #01793b; font-size: 35px; font-weight: bold; } .amritMahotsavContent .h2 .orangeColor, .amritMahotsavContent h2 .orangeColor { color: #ff1609; /* display: inline-block; */ } .g20Box .amritMahotsavContent p { font-size: 13px; } .amritMahotsavContent p { font-size: 21px; line-height: 1.2; color: #676565; margin-bottom: 0; } .amritMahotsav .bgPattern { position: absolute; top: 0; right: 0; height: 100%; display: inline-block; } .amritMahotsav .bgPattern img { width: auto; position: relative; right: 0; top: -22px; animation: spin 30s linear infinite; }