Viewing File: /home/ubuntu/codegama-ui-revamp/blog/wp-content/uploads/custom-css-js/32.css

<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

@import url('https://fonts.cdnfonts.com/css/wix-madefor-text');

body{
	position: relative;
    font-family: 'Wix Madefor Display', sans-serif!important;
    color: var(--primary-color);
    background-color: var(--secondary-color);
    font-size: 16px!important;
    letter-spacing: 0.8px;
    background-image: url(http://localhost/codegama-ui-revamp/assets/img/banner-bg-img.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    transition: all 0.4s ease-in-out;
}

.blog-card .eael-grid-post-holder {
    margin-top: 2em;
/*     box-shadow: 0px 9px 28px 0px rgb(0 0 0 / 10%)!important; */
    border: 0!important;
	filter: drop-shadow(0 0 10px #eee);
    background-color: #fff;
    border-radius: 16px!important;
}

.elementor-widget-eael-post-grid .eael-entry-title{
	font-size: 1.4em;
    font-weight: 600;
    line-height: 1.5em;
    letter-spacing: 0.2px;
	font-family: 'Wix Madefor Display', sans-serif!important;
}

.eael-grid-post .eael-entry-wrapper{
	font-family: 'Wix Madefor Display', sans-serif!important;
}


.footer-location-box{
  grid-template-columns: repeat(3, 1fr);
  display: grid;
  gap: 1rem;
}

.footer-location-card{
  position: relative;
  height: 100%;
}

.india-flag{
  padding: 2em;
  background-image: url(https://codegama.com/assets/img/footer/india-flag.png);
  background-size: cover;
  /* height: 15em; */
  border-radius: 16px;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: 1em;
  justify-content: center;
}

.footer-location-card::before{
  background: rgba(28, 43, 57, 0.8);
  position: absolute;
  content: '';
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  border-radius: 16px;
}

.footer-location-icon-sec{
  position: relative;
}

.footer-location-info{
  position: relative;
}

.footer-location-info p{
  font-size: 1em;
  color: #FFFFFF99;
  line-height: 1.8;
  margin-bottom: 0;
}

.footer-location-info h5{
  margin-bottom: 0.5em;
  font-weight: 500;
  font-size: 1.2em;
  color: #fff;
}

.singapore-flag{
  padding: 2em;
  background-image: url(https://codegama.com/assets/img/footer/singapore-flag.png);
  background-size: cover;
  border-radius: 16px;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: 1em;
  justify-content: center;
}

.australia-flag{
  padding: 2em;
  background-image: url(https://codegama.com/assets/img/footer/australia-flag.png);
  background-size: cover;
  border-radius: 16px;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: 1em;
  justify-content: center;
}

.site-above-footer-wrap[data-section="section-above-footer-builder"]{
	background-color:transparent;
}

.site-primary-footer-wrap[data-section="section-primary-footer-builder"]{
	background-color:transparent;
	border:0!important;
}

.footer-about-box{
  display: flex;
  flex-direction: column;
  gap: 2em;
  justify-content: space-between;
  height: 100%;
}

.footer-logo-sec{
	text-align:left;
}

.footer-logo {
    max-width: 15em;
}

.footer-about-social-link {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    gap: 2rem;
	list-style: none;
    margin-left: 0;
    place-items: baseline;
    margin-bottom: 0;
}

.default-btn {
    background: linear-gradient(90deg, #8DC53E 0%, #1A4151 103.11%)!important;
    border-radius: 60px!important;
    border: 0!important;
    display: inline-block;
    padding: 0.5em 2em;
    font-size: 1em;
    font-weight: 500;
    line-height: 24px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    letter-spacing: 0.5px;
    border-width: 1px;
    padding-top: 8px;
    color: #fff;
    text-decoration: none!important;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.default-btn:active, .default-btn:focus, .default-btn:hover {
    border-color: 0!important;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: linear-gradient(90deg, #1A4151 0%, #8DC53E 103.11%)!important;
    color: #fff;
    text-decoration: none!important;
}

.find-us-card-img {
    max-height: 100px;
    width: 100px;
}

.footer-about-badge-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-about-content p {
    color: #84888F;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 2em;
	text-align:left;
}
.site-below-footer-wrap[data-section="section-below-footer-builder"]{
	background-color: #E8E8E8;
    padding: 1em 0;
}

.footer-copyright-card {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2em;
}

.footer-copyright-item p {
    margin-bottom: 0;
    color: #0E3B89;
    font-weight: 400;
}

.footer-static-list-sec {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 2em;
	list-style:none;
	margin-left:0;
}

.footer-static-list-sec li {
	line-height:0;
}
.footer-static-list-sec li a {
    color: #0E3B89;
    font-weight: 400;
}

.eael-contact-form-7-wrapper label{
  display:block;
}

.contact-form-box input[type="text"],
.contact-form-box input[type="email"]{
          height: 50px!important;
    border: 1px solid #ebebeb!important;
    padding: 10px 20px;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0 20px;
    font-size: 16px;
    color: #666!important;
    background-color: #f4f5f7 !important;
}

.contact-form-box textarea{
   border: 1px solid #ebebeb!important;
  padding: 10px 20px;
    background-color: #f4f5f7 !important;
   width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0 20px;
    font-size: 16px;
    color: #666!important;
}

.wpcf7-form-control{
  color:#fff!important;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"]{
  width:100%;
}

.comment-form label{
  display:block;
}

.contact-form-box {
  box-shadow: 0 0 20px 3px #0000000d;
    border-radius: 15px;
    padding: 1.5em;
}

.elementor-widget-eael-contact-form-7 .eael-contact-form-7 .eael-contact-form-7-title{
	font-size: 2em;
    font-weight: 700;
	color: #0b163f;
	text-align:center;
}

#comments{
	display:none;
}

.navigation.post-navigation{
	display:none;
}

#secondary .widget {
    background-color: #fff;
    padding: 1.25rem 1.75rem;
    border-radius: 0.375rem;
    line-height: 1.5;
    font-size: 0.95rem;
    -webkit-box-shadow: 0 20px 25px -5px rgb(0 0 0 / 10%), 0 10px 10px -5px rgb(0 0 0 / 4%);
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 10%), 0 10px 10px -5px rgb(0 0 0 / 4%);
}

.ast-right-sidebar #secondary {
    padding-left: 40px;
}
#secondary h2{
	font-size:1.5em!important;
}

#ast-scroll-top{
	background: linear-gradient(90deg, #8DC53E 0%, #1A4151 103.11%)!important;
}

.elementor-widget-ha-cf7 .wpcf7-submit{
	 background: linear-gradient(90deg, #8DC53E 0%, #1A4151 103.11%)!important;
    border-radius: 60px!important;
    border: 0!important;
    display: inline-block;
    padding: 0.5em 2em;
    font-size: 1em;
    font-weight: 500;
    line-height: 24px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    letter-spacing: 0.5px;
    border-width: 1px;
    padding-top: 8px;
    color: #fff;
    text-decoration: none!important;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.eael-contact-form-7 .wpcf7-form p span.wpcf7-form-control-wrap{
	margin-top:5px;
}

.badge-slider-card img {
    aspect-ratio: 3/3;
    width: 9em;
    height: 9em;
    object-fit: contain;
}
.banner-badge-box {
    display: flex;
    align-items: center;
    gap: 1em;
}

.contact-us-title{
	font-size:1.5em!important;
}
</style>
<!-- end Simple Custom CSS and JS -->