@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap');

html{
    scroll-behavior: smooth;
}

body {
    background: #ffffff;
    text-align: center;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Roboto', sans-serif;
    color: #25282a;
    font-size: 18px;
    font-weight: 400;
}

.colored-text {
    color: #fe503e;
}

a {
    color: #fe503e;
    text-decoration: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

a:hover,
a:focus {
    color: #888;
    text-decoration: none;
}

strong {
    font-weight: bold;
}

img {
    max-width: 100%;
}

h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    color: #5d5d5d;
    line-height: 60px;
    font-weight: bold;
}

h2 {
    margin: 0;
    /* background: #f8f8f8; */
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    color: #0A0A24;
    line-height: 40px;
    font-weight: bold;
    text-align: left;
}

h3,
h4 {
    /* font-family: 'Montserrat', sans-serif; */
    font-family: 'Roboto', sans-serif;
    color: #0A0A24;
    line-height: 40px;
    font-weight: bold;
    /* text-transform: uppercase; */
    /* text-shadow: 0 1px 0 rgba(255,255,255,.7); */
}

.mt-1 {
    margin-top: 10px;
}

::-moz-selection {
    background: #fe503e;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #fe503e;
    color: #fff;
    text-shadow: none;
}


/***** Big links / buttons *****/

a.big-link-1 {
    display: inline-block;
    padding: 7px 22px;
    background: #fe503e;
    color: #fff;
    text-decoration: none;
    /* -moz-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset; */
    border-radius: 40px;
    border: 1px solid #fe503e;
    /* box-shadow: 0px 10px 20px -6px rgb(0 0 0 / 12%); */
    -webkit-box-shadow: rgb(0, 0, 0) 0px 16px 30px -10px;
    -moz-box-shadow: rgb(0, 0, 0) 0px 16px 30px -10px;
    box-shadow: rgb(0, 0, 0) 0px 16px 30px -10px;
}

a.big-link-1:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

a.big-link-1:active {
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
}

a.big-link-2 {
    display: inline-block;
    width: 35px;
    height: 35px;
    padding-top: 9px;
    background: #1d1d1d;
    /* browsers that don't support rgba */
    background: rgba(0, 0, 0, .7);
    font-size: 16px;
    color: #fff;
    line-height: 16px;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    border-radius: 19px;
    -moz-box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
}

a.big-link-2:hover {
    background: #fe503e;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

a.big-link-2:active {
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
}

a.big-link-3 {
    display: inline-block;
    padding: 5px 22px;
    background: #fe503e;
    font-size: 18px;
    color: #fff;
    font-style: italic;
    line-height: 24px;
    text-decoration: none;
    -moz-box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
}

a.big-link-3:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

a.big-link-3:active {
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
}


/***** Top menu *****/

.navbar {
    z-index: 99;
    margin-bottom: 0;
    background: #fff;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    position: sticky;
    width: 100%;
    top: 0px;
}

ul.navbar-nav {
    font-size: 14px;
    color: #888;
    text-transform: uppercase;
}

ul.navbar-nav li a {
    padding: 23px 20px;
    background: #fff;
    border-top: 5px solid #fff;
    color: #5d5d5d;
}

ul.navbar-nav li.active a {
    /*background: #f8f8f8;*/
    border-color: #fe503e;
    color: #5d5d5d;
}

ul.navbar-nav li a:hover,
ul.navbar-nav li a:focus {
    background: #fe503e;
    border-color: #fe503e;
    color: #fff;
    outline: 0;
}

.nav .open>a {
    background: #f8f8f8;
    border-color: #fe503e;
    color: #5d5d5d;
}

.nav .open>a:hover,
.nav .open>a:focus {
    background: #fe503e;
    border-color: #fe503e;
    color: #fff;
}

ul.navbar-nav li a span {
    line-height: 35px;
    color: #aaa;
}

ul.navbar-nav li a:hover span,
ul.navbar-nav li a:focus span {
    color: #fff;
}

.dropdown-menu {
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .15);
    box-shadow: 0 6px 10px rgba(0, 0, 0, .15);
}

.dropdown-menu>.active>a {
    background: #fff;
    color: #5d5d5d;
}

.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background: #f8f8f8;
    color: #fe503e;
}

ul.navbar-nav li .dropdown-menu a {
    padding-top: 15px;
    padding-bottom: 15px;
}

ul.navbar-nav li.active .dropdown-menu a {
    background: #fff;
    color: #5d5d5d;
    border: 0;
}

ul.navbar-nav li.active .dropdown-menu a:hover,
ul.navbar-nav li.active .dropdown-menu a:focus {
    background: #fe503e;
    color: #fff;
    border: 0;
}

ul.navbar-nav li.active .dropdown-menu>.active>a {
    background: #f8f8f8;
    color: #fe503e;
    border: 0;
}

ul.navbar-nav li.active .dropdown-menu>.active>a:hover,
ul.navbar-nav li.active .dropdown-menu>.active>a:focus {
    background: #fe503e;
    color: #fff;
    border: 0;
}

.navbar>.container .navbar-brand {
    margin-left: 0;
}

.navbar-brand {
    width: 173px;
    height: 106px;
    background: url(../img/logo.png) left center no-repeat !important;
    text-indent: -99999px;
}

/***** Slider *****/

.slider-container {
    margin: 0 auto;
    -moz-box-shadow: 0 -5px 15px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow: 0 -5px 15px 0 rgba(0, 0, 0, .05) inset;
    box-shadow: 0 -5px 15px 0 rgba(0, 0, 0, .05) inset;
}

.slider {
    padding: 0;
    overflow: hidden;
}

.flexslider {
    margin: 0;
    background: none;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.flexslider .slides>li {
    position: relative;
}

.flex-caption {
    position: absolute;
    left: 20%;
    top: 50%;
    width: 40%;
    padding: 10px 20px;
    /* background: #1d1d1d; */
    /* browsers that don't support rgba */
    /* background: rgba(0, 0, 0, .7); */
    font-size: 14px;
    line-height: 24px;
    color: #eaeaea;
    text-align: left;
    transform: translate(-20%, -50%);
}

.flex-caption h2 {
    margin: 0px 0px 10px 0px;
    font-family: 'Merriweather', serif;
    font-size: 60px;
    color: #ffffff;
    line-height: 40px;
    font-weight: bold;
    text-align: left;
}

.flex-caption h3 {
    font-size: 35px;
    color: #fe503e;
    text-align: left;
    margin: 20px 0px 20px 0px;
    font-family: 'Merriweather', serif;
}

.flex-direction-nav a {
    width: 60px;
    height: 60px;
    padding-top: 17px;
    background: #fe503e;
    color: #fff;
    text-shadow: none;
}

.flex-direction-nav a:before {
    font-size: 26px;
}

.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}


/***** Presentation *****/

.presentation-container {
    margin-top: 80px;
}

.presentation-container p {
    font-size: 18px;
    text-align: left;
    line-height: 3.2rem;
}


/***** Services *****/

.services-container {
    margin-top: 80px;
}

.services-title {
    margin-top: 40px;
}

.services-title h2 {
    width: 200px;
}

.service {
    margin-top: 80px;
    margin-bottom: 80px;
    padding: 30px 15px 30px 15px;
    background: #fff;
    /* -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); */
}

.service .service-icon {
    font-size: 50px;
    line-height: 50px;
    color: #5d5d5d;
}

.service .service-icon span {
    vertical-align: middle;
}

.service h3 {
    margin-top: 13px;
    font-size: 14px;
}

.service p {
    padding-bottom: 7px;
    line-height: 3.2rem;
}


/***** Latest work *****/

.work-container {
    margin-top: 50px;
}

.work-title h2 {
    width: 220px;
}

.work {
    position: relative;
    margin-top: 40px;
    padding-bottom: 20px;
    background: #fff;
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
}

.work .work-bottom {
    position: absolute;
    top: 10px;
    right: 10px;
}

.work h3 {
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
}

.work p {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 24px;
    font-style: italic;
}


/***** Testimonials *****/

.testimonials-container {
    margin-top: 80px;
    padding-bottom: 70px;
}

.testimonials-title h2 {
    width: 180px;
}

.testimonial-list {
    margin-top: 30px;
    text-align: left;
}

.testimonial-list .tab-pane {
    overflow: hidden;
}

.testimonial-list .testimonial-image {
    float: left;
    width: 25%;
    margin: 10px 0 0 0;
    padding: 15px;
}

.testimonial-list .testimonial-image img {
    /* max-width: 120px; */
    -moz-border-radius: 20%;
    -webkit-border-radius: 20%;
    border-radius: 20%;
}

.testimonial-list .testimonial-text {
    float: left;
    width: 65%;
    line-height: 30px;
}

.testimonial-list .nav-tabs {
    border: 0;
    text-align: right;
}

.testimonial-list .nav-tabs li {
    float: none;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.testimonial-list .nav-tabs li a {
    width: 14px;
    height: 14px;
    padding: 0;
    background: #eaeaea;
    border: 0;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.testimonial-list .nav-tabs li a:hover {
    border: 0;
    background: #ddd;
}

.testimonial-list .nav-tabs li.active a {
    background: #fe503e;
}

.testimonial-list .nav-tabs li.active a:focus {
    border: 0;
}

.testimonial-icon {
    padding-top: 20px;
    font-size: 100px;
    color: #eaeaea;
    line-height: 100px;
    overflow: hidden;
}

.testimonial-icon div {
    -ms-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}


/***** Footer *****/

footer {
    margin: 0 auto;
    padding-bottom: 10px;
    background: #333;
    color: #bbb;
}

.footer-box {
    margin-top: 20px;
    text-align: left;
    padding-right: 100px;
}

.footer-box h4 {
    margin-top: 20px;
    font-size: 20px;
    color: #eee;
}

.footer-box-text p {
    line-height: 24px;
    display: inline-flex;
}

.footer-box-text-contact span {
    padding-right: 7px;
    color: #fe503e;
}

.footer-box-text-subscribe form {
    padding-bottom: 10px;
}

.footer-box-text-subscribe input[type="text"] {
    width: 95%;
    height: 26px;
    border-color: #5d5d5d;
    color: #ccc;
}

.footer-links ul {
    padding-left: 0px;
    line-height: 3.5rem;
}

.footer-links ul li a {
    color: #bbbbbb;
}

.footer-links ul li a:hover {
    color: #fe503e;
}

/* Flickr feed */
.flickr-feed {
    margin: 16px 0 0 0;
}

.flickr-feed a {
    display: inline-block;
    width: 54px;
    margin: 0 4px 4px 0;
}

.flickr-feed a:hover {
    opacity: 0.7;
}

.flickr-feed a img {
    border: 2px solid #444;
}


.footer-border {
    margin-top: 30px;
    border-top: 1px dashed #444;
}

.footer-copyright {
    margin-top: 15px;
    line-height: 24px;
    text-align: left;
}

.footer-social {
    margin-top: 10px;
    text-align: right;
}

.footer-social a {
    margin: 0 0 0 10px;
    font-size: 26px;
    color: rgb(255, 255, 255);
}

.footer-social a:hover,
.footer-social a:focus {
    color: #fe503e;
}


/***** Page title *****/

.page-title-container {
    margin: 0 auto;
    padding: 35px 0 0 0;
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-title {
    padding-bottom: 35px;
    /* border-bottom: 1px solid #eaeaea; */
    /* display: flex;
    align-items: center;
    justify-content: center; */
}

.page-title-container h1 {
    display: inline;
    margin-left: 0px;
    text-shadow: 0 1px 0 rgb(46, 49, 146);
    vertical-align: middle;

}

.page-title-container p {
    display: inline;
    margin-left: 5px;
    vertical-align: middle;
}

.page-title-container span {
    font-size: 46px;
    color: #ddd;
    vertical-align: middle;
}


/* ----- ABOUT PAGE ----- */

/***** About us text *****/

.about-us-container {
    padding-top: 60px;
    padding-bottom: 60px;
}

.about-us-text {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}

.about-us-text h3 {
    margin-top: 25px;
    font-size: 30px;
}

.about-us-text p {
    line-height: 3.2rem;
    margin-top: 30px;
    margin-bottom: 30px;

}

/***** Meet our team *****/

.team-container {
    margin-top: 30px;
}

.team-title h2 {
    width: 220px;
}

.team-box {
    position: relative;
    margin-top: 40px;
    padding-bottom: 20px;
    background: #fff;
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
}

.team-box h3 {
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
}

.team-box p {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 24px;
    font-style: italic;
}

.team-social {
    position: absolute;
    top: 10px;
    right: 10px;
    max-width: 100%;
    opacity: 0;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.team-box:hover .team-social {
    opacity: 1;
}


/* ----- CONTACT PAGE ----- */

/***** Form *****/

.contact-us-container {
    margin-top: 20px;
    padding-bottom: 50px;
    text-align: left;
}

.contact-us-container h3 {
    margin-top: 25px;
    font-size: 16px;
}

.contact-us-container p {
    line-height: 28px;
}

.contact-form {
    padding-top: 25px;
    padding-bottom: 30px;
    padding-right: 20px;
}

.contact-form form {
    margin-top: 25px;
}

.contact-form form .form-group {
    margin-bottom: 20px;
    position: relative;
}

.contact-form form .form-group label{
    position: absolute;
    top: 10px;
    transition: 0.5s ease-in-out;
}

.contact-form input[type="text"] {
    width: 100%;
    height: 52px;
    border: none;
    outline: none;
    border-bottom: 1px solid #dfdfdf;
}

.contact-form input[type="text"]:focus ~ label,
.contact-form input[type="text"]:valid ~ label {
    color: #25282a;
    top: -10px;
    font-size: 14px;
}

.contact-form textarea {
    width: 100%;
    height: 170px;
    padding-top: 20px;
    padding-bottom: 8px;
    border-bottom: 1px solid #dfdfdf;
    border-right: 0px;
    border-left: 0px;
    border-top: 0px
}

.contact-form textarea:focus ~ label {
    color: #25282a;
    top: -10px;
    font-size: 14px;
}

.contact-form label {
    font-weight: 400;
    position: absolute;
    top: 10px;
    transition: 0.5s ease-in-out;
}

.contact-form label .error-label {
    font-style: italic
}

.contact-form button {
    margin-top: 5px;
    padding: 0 45px;
}

/***** Google map *****/

.contact-address {
    padding-bottom: 15px;
    padding-left: 20px;
}

.contact-address .map {
    margin: 20px 0 40px 0;
    height: 300px;
}


/* ----- SERVICES PAGE ----- */

/***** Services full width text *****/

.services-full-width-container {
    margin-top: 40px;
}

.services-full-width-text {
    padding-top: 10px;
    text-align: left;
}

.services-full-width-text h3 {
    margin-top: 25px;
    font-size: 30px;
}

.services-full-width-text p {
    line-height: 3.2rem;
    margin-top: 30px;
    margin-bottom: 30px;
}

/***** Services half width text *****/

.services-half-width-container {
    margin-top: 40px;
}

.services-half-width-text {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}

.services-half-width-text h3 {
    margin-top: 25px;
    font-size: 30px;
}

.services-half-width-text p {
    line-height: 3.2rem;
    margin-top: 30px;
    margin-bottom: 30px;
}

/***** Call to action *****/

.call-to-action-container {
    margin-top: 20px;
    padding-bottom: 50px;
}

.call-to-action-text {
    padding-top: 25px;
    padding-bottom: 15px;
    background: #fff;
    text-align: left;
    overflow: hidden;
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
}

.call-to-action-text p {
    float: left;
    width: 80%;
    padding-left: 25px;
    line-height: 30px;
    font-size: 18px;
    font-style: italic;
}

.call-to-action-text .call-to-action-button {
    float: left;
    width: 20%;
    padding-right: 25px;
    margin-bottom: 10px;
    text-align: right;
}


/* ----- PORTFOLIO PAGE ----- */

.portfolio-container {
    margin-top: 20px;
    padding-bottom: 50px;
}

.portfolio-filters {
    padding-top: 35px;
    padding-bottom: 10px;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #5d5d5d;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

.portfolio-filters a {
    color: #5d5d5d;
}

.portfolio-filters a:hover,
.portfolio-filters a.active {
    color: #fe503e;
}

.portfolio-box {
    width: 255px;
    margin: 40px 15px 0 15px;
}

.portfolio-box-container {
    position: relative;
    background: #fff;
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
}

.portfolio-box-container .embed-responsive.embed-responsive-16by9 {
    padding-bottom: 69.5%;
}

.portfolio-box-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 35px;
    height: 35px;
    padding-top: 7px;
    background: #1d1d1d;
    /* browsers that don't support rgba */
    background: rgba(0, 0, 0, .7);
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    border-radius: 19px;
}

.portfolio-box-text {
    padding: 0 15px 20px 15px;
}

.portfolio-box-text h3 {
    cursor: pointer;
    margin-top: 20px;
    font-size: 14px;
}

.portfolio-box-text p {
    line-height: 24px;
    font-style: italic;
}

/*---- new edits ---*/
.new-ul {
    list-style: none;
    line-height: 35px;
    padding-inline-start: 0px;
    margin-top: 30px;
}

.new-h1 {
    font-size: 50px !important;
    color: #ffffff !important;
}

.new-h2 {
    font-size: 40px !important;
    color: #0A0A24 !important;
    text-align: left;
}

.new-service-h3 {
    font-size: 20px !important;
}

@media only screen and (max-width: 500px) {
    .about-us-text h3 {
        font-size: 22px !important;
    }

    .services-full-width-text h3 {
        font-size: 21px !important;
    }

    .flex-direction-nav .flex-prev,
    .flex-direction-nav .flex-next {
        display: none;
    }
    
    .align-horizontal{
        flex-direction: column-reverse;
    }

    .diya-img {
        width: 220px !important;
    }

    .presentation-container {
        margin-top: 40px;
    }

    .new-h2{
        font-size: 36px !important;
        line-height: 40px;
    }

    .testimonials-title{
        padding-top: 40px !important;
    }

    .testimonials-container{
        margin-top: 40px !important;
    }
    
    .testimonials-title h2{
        text-align: left !important;
    }

    .testimonial-list .testimonial-image img{
        max-width: 220px;
    }

    .footer-box{
        padding-right: 15px;
    }

    .contact-form{
        padding-right: 15px;
    }

    .contact-address{
        padding-left: 15px;
    }

    .page-title-container{
        height: 180px;
    }

    .contact-us-container p{
        display: inline-flex;
        gap: 10px;
    }
}

@media only screen and (max-width: 768px) {
    .services-half-width-text h3 {
        font-size: 21px !important;
    }

    .services-container {
        margin-top: 40px;
    }

    .column-same-height {
        display: block !important;
    }

    .service {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .about-us-container {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .navbar-header {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .navbar>.container .navbar-brand {
        margin-left: 0 !important;
    }

    .navbar-toggle {
        margin: 0px !important;
    }

    .new-h1 {
        font-size: 32px !important;
        line-height: 50px;
    }

    .col-reverse {
        display: flex;
        flex-direction: column-reverse !important;
    }

    .align-vertical {
        display: flex;
        flex-direction: column;
    }

    .testimonial-img-size {
        height: auto !important;
    }

    .flex-caption h2 {
        font-size: 26px;
        margin: 0px;
    }

    .flex-caption h3 {
        font-size: 18px;
        margin: 0px;
        line-height: 10px 0px 20px 0px;
    }


}

.align-vertical {
    display: flex;
    align-items: center;
}

.align-horizontal {
    display: flex;
    justify-content: center;
    align-items: center;
}

/** Text Blinking **/
.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

/** End **/

.overlay-banner {
    position: relative;
}

.overlay-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: .6;
}

.column-same-height {
    display: flex;
    max-width: 100%;
    margin: auto;
}

.blockquote-quoted {
    padding-top: 20px;
    line-height: 3.2rem;
}

.blockquote-quoted::before {
    content: "\201C";
    font-size: 100px;
    color: rgb(0, 0, 0);
    display: block;
    font-family: 'Poppins', sans-serif;
}

.new-ul li {
    display: flex;
    line-height: 3.4rem;
}

.new-ul li::before {
    content: "\⮚";
    margin-right: 10px;
    color: #000000;
    font-size: 20px;
}

.curve-path {
    clip-path: ellipse(300% 100% at 200% 0%);
}

.box-shadow {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.number-list {
    list-style: none;
    line-height: 35px;
    padding-inline-start: 0px;
}

.number-list li {
    display: inline-flex;
}

.number-color {
    color: #000000;
    margin-right: 10px;
}

.hydrogen-container {
    padding-top: 40px;
    padding-bottom: 40px;
}

.diya-img {
    width: 360px;
    background: linear-gradient(339deg, #e2e2e2, transparent);
}

.mt-1 {
    margin-top: 10px;
}

/* Box Shadow */
.box-shadow {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/* Button Hover */
.big-link-1 span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

.big-link-1 span:after {
    content: '➝';
    position: absolute;
    opacity: 0;
    top: 1px;
    right: -40px;
    transition: 0.5s;
    /* transform: rotate(0.7886rad); */
}

.big-link-1:hover span {
    padding-right: 25px;
}

.big-link-1:hover span:after {
    opacity: 1;
    right: 0;
}

.testimonial-img-size {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.services-box {
    width: 70px;
    height: 70px;
    margin: auto;
    background-color: #1C1C1C;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* title style */
.three h2 {
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.5em;
    padding-bottom: 15px;
    position: relative;
}

.three h2:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 5px;
    width: 55px;
    background-color: #fe503e;
}

.three h2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    height: 1px;
    width: 95%;
    max-width: 255px;
    background-color: #fe503e;
}

/* window scrolling button */


/* Testimonial */
/* ****************** */


/* Home Service Box */
/* *************** */
.service:hover{
    background-color: rgb(0, 0, 0, 0.6);
}

.service:hover .services-box{
    background-color: rgb(47, 50, 147);
    box-shadow: rgb(0, 0, 0) 0px 20px 30px -10px;
}

.service:hover .new-service-h3{
    color: #ffffff;
    font-size:larger;
}
.service:hover .service-p{
    color: #fff;
}

.service:hover a.big-link-1{
    /* background: transparent;
    border: 1px solid #fe503e; */
    box-shadow: rgb(0, 0, 0) 0px 20px 30px -10px;
}