.animation {
    opacity: 0;
    transform: translateX(-30px);
    transition: all 0.4s ease-out;
    transition-delay: 0.3s

}

.scroll-animation {
    opacity: 1;
    transform: translateX(0);
}

    header {
        background: #c7ebd7; 
/* 		color: #fff; */
		/*height: 100vh;*/
    }


    @media only screen and (max-width: 991px) {
      
            header {
                height: auto;
            }
      
    }

header .bg-light {
    background: #ffffff!important;
    color: #358595;
}

    header .navbar-light .navbar-nav .nav-link {
     color: #378894;
    }

    header .navbar-light .navbar-nav .nav-link.active, header .navbar-light .navbar-nav .show>.nav-link {
        color: #dafdfc;
    }
.nav-link a {
	color:#378894;
}
.phone a {
	font-size:16px;text-decoration: none;
}
.navbar-collapse{text-align:center;}

    .top-banner {
        /*letter-spacing: 12px; word-spacing: 16px;*/
        /*font-family: 'Merriweather Sans', sans-serif;*/
    }
    .top-banner-heading {text-align: center;position: relative;letter-spacing: 4px;
        word-spacing: 10px;padding-bottom: 24px;padding-top: 22px;}

    .top-banner-heading h1 {font-size: 62px;}
    .top-banner-heading h3 {font-size: 32px;}
    .go-abs-right {max-width: 300px;height: auto;position: absolute;right: 0}
    @media only screen and (max-width: 1200px) {
      
        .go-abs-right {max-width: 300px;height: auto;position: static;right: 0;
  margin: auto;
  padding: 10px;}
      
    }


.brightness4{filter: brightness(4);}

    @media only screen and (max-width: 763px) {
      
        .go-abs-right {max-width: 300px;height: auto;position: static;right: 0;
           margin: auto;
           padding: 10px;
          }

    .top-banner-heading h1 {font-size: 42px;}
    .top-banner-heading h3 {font-size: 22px;}
      
    }

    #below_header {text-align: center;padding-top: 36px;padding-bottom: 0px}

    #below_header h2 {font-size: 28px;left: 4px; word-spacing: 5px;}
    #below_header h1 {font-size: 60px;letter-spacing: 5px;word-spacing: 7px;}


    #brand-desc .rfs-25 {
        font-size: 32px;
    }

    #brand-desc .col-lg-6 {
      padding-bottom: 32px;
    }


    footer {
        background: #3c9190;
    }
    footer a{color: #d1fffe;transition: 0.3s;text-decoration: none;} footer a:hover{color: #a6f1ef;}

    .footer-social i {
        font-size: 28px; letter-spacing: 10px; color: #fff;transition: 0.3s;
    }
    .footer-social i:hover {color: #a6f1ef;}

    /* Footer social spin on hover rotate on hover */
/*    .footer-social i{
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
                 }
    .footer-social i:hover{
     -webkit-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     transform: rotate(360deg);
                              }*/


    #testimonial, #target-audience, #benefit, #claim-free-trial {
        padding-top: 22px; 
        padding-bottom: 22px;
    }
    #brand-desc {padding-top: 0px; padding-bottom: 0px;}
    #testimonial .text-primary {
        color: #17673b!important;
    }

    #brand-desc .btn-primary, .theme-btn {
      background: #17673b; color: #fff; transition: 0.3s;
    }
    .theme-btn:hover {
        background: #fff; color: #17673b;border: solid 1px #17673b;
    }

    #target-audience {
        background: #f8f3ff;
    }

    #target-audience .py-5 {
        padding-top: 0!important;
        padding-bottom: 0!important;
    }
    /*#benefit {
        background: #ccc;
    }*/

    #claim-free-trial {text-align: center;padding: 40px;}
    #claim-free-trial .btn-primary {background: #3c9190;}
    .btn-secondary {
    color: #894ddc;
    background-color: #ffffff;
    border-color: #894ddc;transition: 0.3s;
    }

    .btn-secondary:hover {
    color: #fff;
    background-color: #c19cf5;
    border-color: #565e64;
}

#bottom-section h2 {
    font-size: 44px;height: 300px;line-height: 300px;text-align: center;letter-spacing: 1px;word-spacing: 2px;
}

    @media only screen and (max-width: 1200px) {
      
         #bottom-section h2 {
             font-size: 36px;height: 80px;line-height: 80px;text-align: center;letter-spacing: 0;word-spacing: 0;
         }
         .none-mobile {display: none;}
         #craft {margin-bottom: -78px;}
    }

    @media screen and (min-width: 0px) and (max-width: 1024px) {
    #craft {margin-bottom: 0px;}
    /* show it on small screens */
}



    @media only screen and (min-width: 1270px) {
         #craft {margin-bottom: -158px;}
    }


.center-img-alone {
	max-width: 400px;height:auto;
}
    @media only screen and (max-width: 555px) {
      .center-img-alone {
	       max-width: 100%;height:auto;
       }
      
    }



.portfolioContent .btn {
    width:100%;
  }


#home-tutorials ul {
  list-style: none;
  padding: 0;
}

#home-tutorials li {
  margin: 10px 0;
}

#home-tutorials a {
  text-decoration: none;
  color: #007bff; /* Change the link color as desired */
}

#home-tutorials a:hover {
  text-decoration: underline;
}