/* From Template */

:root  {
    --sunrise-theme-color: linear-gradient(#74a735, #79C420);
    --sunrise-heading-color: #262626;
    --sunrise-text-color: #1A1A1A;
    --sunrise-button-color: #6B6B6B;
}

body{
    font-family: "Poppins", sans-serif; 
    font-weight: 300;
    font-size: 16px;
    color: #1A1A1A;
}

.top-bar-container {
    background-color: #262626;
    padding: 20px 150px 20px 150px;
    color: #fff;
}

.logo-box {
    padding-left: 0;
    margin-left: -10px;
}

.top-bar-container img {
    width: 70%;
}

.nav-bar-container {
    margin: 0;
}

/* sticky navbar */

.sticky-navbar {
	display: none;
	position: fixed;
  	z-index: 999;
	top: 0;
  	background-color: #262626;
  	box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
}

@media (max-width: 1280px){
	.sticky-navbar {
		display: none !important;
	}
}

/* Sticky Navbar End */

/* Mobile Navbar */

.mob-navbar-menu {
    margin-top: 5px;
	background-color: #ffffff;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
	position: sticky;
	top: 0;
	z-index: 999;
}
.mob-navbar-btn {
    padding: 0 8px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    height: 37px;
    margin-right: 10px;
}
.mob-navbar-btn i {
    font-size: 18px;
    color: #595c5f;
}
.mob-navbar-row {
    display: flex;
    align-items: center;
    padding: 10px 25px;
}
.mobile-action-btn .action-btn {
    background: var(--sunrise-theme-color);
    color: #ffffff;
}

.mobile-action-btn {
	width: 100%;
}

.mobile-action-btn .hero-btn-col {
	width: 50%;
	padding: 0 3px;
	margin-bottom: 0;
}

.mobile-action-btn .action-btn {
	height: 50px;
}

@media (max-width: 1280px) {
	.mob-navbar-menu {
		display: block !important;
	}
	.mobile-action-btn .action-btn {
        font-size: 16px;
    }
}

@media (max-width: 1024px)
{
    .mobile-action-btn .action-btn {
        font-size: 16px;
    }
}

@media (max-width: 768px)
{
    .mobile-action-btn .action-btn {
        font-size: 14px;
    }
}

@media (max-width: 454px) {
    .mobile-action-btn .action-btn {
        font-size: 12px;
    }
}

/* Mobile Navbar End */

/* About-Us-Section */ 

.about-us-col {
    margin-top: 25px;
}
.about-us-row {
    padding: 20px 20px 0 20px;
    background: #f1f1f1;
    border-radius: 10px;
}
.au-cont-row {
    padding: 30px 30px 0 30px;
}
.au-heading h2 {
    font-size: 36px;
    font-weight: 700;

}
.au-cards {
    margin: 0;
    padding: 30px 20px 5px 20px;
    display: flex;
    justify-content: center;
}
.au-card-col {
    margin-left: 20px;
}
.au-cards .reviews-link {
    text-decoration: none;
    padding: 0;
    display: flex;
    justify-content: center;
}
.client-pics .review-pics {
    width: 100%;
    margin-top: 16px;
    margin-bottom: -10px;
}
.client-reviews-row .client-count {
    font-size: 40px;
    color: #74a735;
    margin-bottom: -14px;
}
.client-reviews-row {
    width: 95%;
    padding: 0 12px;
    margin-bottom: 40px;
    background: linear-gradient(#f5f5f5, #ffffff);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    border-radius: 10px;
}
.client-reviews-row p {
    color: #1A1A1A;
}
.happy-r {
    width: 95%;
    margin-bottom: 40px;
    background: var(--sunrise-theme-color);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    border-radius: 10px;
    justify-content: center;
}
.happy-r h2 {
    font-size: 40px;
    color: #fff;
    margin-top: 25px;
    margin-bottom: -5px;
}
.happy-r p {
    color: #fff;
    margin-bottom: 1.5rem;
}
.exp-r {  
    width: 95%;
    margin-bottom: 40px;
    background: linear-gradient(#2A2A2A, #6A6A6A);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    border-radius: 10px;
    justify-content: center;
}
.exp-r h2 {
    margin-top: 30px;
    color: #fff;
    font-size: 32px;
}
.exp-r p {
    color: #fff;
    margin-bottom: 1.5rem;
}
.au-pic-col {
    padding: 0;
    width: 39%;
}
.au-pic-col img {
    position: absolute;
    width: 33%;
    margin-top: -60px;
}
.form-group .form-txt {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 6px;
}
.au-form-cont {
    background: #ffffff;
    padding: 5px 15px;
    border-radius: 10px;
}
.au-form-col {
    padding-right: 4px;
}
.form-title-sec .form-title {
    font-size: 36px;
    font-weight: 700;
}
.form-field-area {
    padding: 10px;
}
.form-field-area:focus {
    box-shadow: none;
    border-color: var(--bs-border-color);
}
.form-group label {
    font-size: 16px;
    margin-bottom: 5px;
}
.au-form-btn {
    padding: 0 12px;
}
.form-button-col, .form-check-label {
    cursor: pointer;
    
}
.form-check label {
    display: block;
    position: relative;
    z-index: 1;
}

@media (max-width:454px){

    .au-heading h2 {
        font-size: 2rem;
        font-weight: 600;
    }
    .form-title-sec .form-title{
        font-size: 1.5rem;
        font-weight: 600;
    }
    .au-card-col {
        margin-left: 0;
        padding: 0;
    }
    .au-cont-row {
        padding: 0;
    }
    .au-cards {
        margin-left: -7px;
        padding: 20px 0px 0px 0px;
        display: inline-flex;
    }
    .reviews-link {
        width: 30%;
        margin-right: 20px;
    }
    .client-reviews-row {
        padding: 0;
    }
    .happy-r {
        width: 30%;
        padding: 0;
        margin-right: 20px;
    }
    .happy-r h2 {
        font-size: 24px;
    }
    .happy-r p {
        font-size: 12px;
    }
    .exp-r {
        width: 30%;
        padding: 0;
    }
    .exp-r h2 {
        font-size: 18px;
    }
    .exp-r p {
        font-size: 12px;
    }
    .au-img {
        display: none;
    }
    .au-img-mob {
        display: block !important;
    }
    .au-pic-col {
        width: 100%;
    }
    .au-pic-col img {
        position: static;
        width: 100%;
        margin-top: -20px;
        margin-bottom: 20px;
        border-radius: 10px;
    }
    .about-us-row {
        border-radius: 0;
        padding-bottom: 20px;
    }
    .au-form-cont {
        width: 103%;
        margin-left: -10px;
    }
	.mobile-services-section {
		display: block !important;
	}
	.service-row {
		display: none !important;
	}
}

@media (min-width:455px) and (max-width:480px){

    .au-heading h2 {
        font-size: 2rem;
        font-weight: 600;
    }
    .form-title-sec .form-title{
        font-size: 2rem;
        font-weight: 600;
    }
    .au-card-col {
        margin-left: 0;
        padding: 0;
    }
    .au-cont-row {
        padding: 0;
    }
    .au-cards {
        margin-left: -7px;
        padding: 20px 0px 0px 0px;
        display: inline-flex;
    }
    .reviews-link {
        width: 30%;
        margin-right: 20px;
    }
    .client-reviews-row {
        padding: 0;
    }
    .happy-r {
        width: 30%;
        padding: 0;
        margin-right: 20px;
    }
    .happy-r h2 {
        font-size: 24px;
    }
    .happy-r p {
        font-size: 12px;
    }
    .exp-r {
        width: 30%;
        padding: 0;
    }
    .exp-r h2 {
        font-size: 18px;
    }
    .exp-r p {
        font-size: 12px;
    }
    .au-img {
        display: none;
    }
    .au-img-mob {
        display: block !important;
    }
    .au-pic-col {
        width: 100%;
    }
    .au-pic-col img {
        position: static;
        width: 100%;
        margin-top: -20px;
        margin-bottom: 20px;
        border-radius: 10px;
    }
    .about-us-row {
        border-radius: 0;
        padding-bottom: 20px;
    }
    .au-form-cont {
        width: 103%;
        margin-left: -10px;
    }
	.mobile-services-section {
		display: block !important;
	}
	.service-row {
		display: none !important;
	}
}

@media (min-width:481px) and (max-width:768px){

    .au-heading h2 {
        font-size: 2rem;
        font-weight: 600;
    }
    .form-title-sec .form-title{
        font-size: 2rem;
        font-weight: 600;
    }
    .au-card-col {
        margin-left: 0;
        padding: 0;
    }
    .au-cont-row {
        padding: 0;
    }
    .au-cards {
        margin-left: -7px;
        padding: 20px 0px 0px 0px;
        display: inline-flex;
    }
    .reviews-link {
        width: 30%;
        margin-right: 20px;
    }
    .client-reviews-row {
        padding: 0;
    }
    .happy-r {
        width: 30%;
        padding: 0;
        margin-right: 20px;
    }
    .happy-r h2 {
        font-size: 36px;
    }
    .happy-r p {
        font-size: 16px;
    }
    .exp-r {
        width: 30%;
        padding: 0;
    }
    .exp-r h2 {
        font-size: 24px;
    }
    .exp-r p {
        font-size: 16px;
    }
    .au-img {
        display: none;
    }
    .au-img-mob {
        display: block !important;
    }
    .au-pic-col {
        width: 100%;
    }
    .au-pic-col img {
        position: static;
        width: 100%;
        margin-top: -20px;
        margin-bottom: 20px;
        border-radius: 10px;
    }
    .about-us-row {
        border-radius: 0;
        padding-bottom: 20px;
    }
    .au-form-cont {
        width: 102%;
        margin-left: -10px;
    }
	.mobile-services-section {
		display: block !important;
	}
	.service-row {
		display: none !important;
	}
}

@media (min-width:768px) and (max-width:1024px){

    .au-heading h2 {
        font-size: 2rem;
        font-weight: 600;
    }
    .form-title-sec .form-title{
        font-size: 2rem;
        font-weight: 600;
    }
    .au-card-col {
        margin-left: 0;
        padding: 0;
    }
    .au-cont-row {
        padding: 0;
    }
    .au-cards {
        margin-left: -7px;
        padding: 20px 0px 0px 0px;
        display: inline-flex;
    }
    .reviews-link {
        width: 30%;
        margin-right: 20px;
    }
    .client-reviews-row {
        padding: 0;
    }
    .happy-r {
        width: 30%;
        padding: 0;
        margin-right: 20px;
    }
    .happy-r h2 {
        font-size: 40px;
    }
    .happy-r p {
        font-size: 16px;
    }
    .exp-r {
        width: 30%;
        padding: 0;
    }
    .exp-r h2 {
        font-size: 36px;
    }
    .exp-r p {
        font-size: 16px;
    }
    .au-img {
        display: none;
    }
    .au-img-mob {
        display: block !important;
    }
    .au-pic-col {
        width: 100%;
    }
    .au-pic-col img {
        position: static;
        width: 100%;
        margin-top: -10px;
        margin-bottom: 20px;
        border-radius: 10px;
    }
    .about-us-row {
        border-radius: 0;
        padding-bottom: 20px;
    }
    .au-form-cont {
        width: 101%;
        margin-left: -10px;
    }
	.mobile-services-section {
		display: block !important;
	}
	.service-row {
		display: none !important;
	}
}

@media (min-width:1025px) and (max-width:1280px){

    .au-heading h2 {
        font-size: 2rem;
        font-weight: 600;
    }
    .form-title-sec .form-title{
        font-size: 2rem;
        font-weight: 600;
    }
    .au-card-col {
        margin-left: 0;
        padding: 0;
    }
    .au-cont-row {
        padding: 0;
    }
    .au-cards {
        margin-left: -7px;
        padding: 20px 0px 0px 0px;
        display: inline-flex;
    }
    .reviews-link {
        width: 30%;
        margin-right: 20px;
    }
    .client-reviews-row {
        padding: 0;
    }
    .happy-r {
        width: 30%;
        padding: 0;
        margin-right: 20px;
    }
    .happy-r h2 {
        font-size: 40px;
    }
    .happy-r p {
        font-size: 16px;
    }
    .exp-r {
        width: 30%;
        padding: 0;
    }
    .exp-r h2 {
        font-size: 36px;
    }
    .exp-r p {
        font-size: 160px;
    }
    .au-img {
        display: none;
    }
    .au-img-mob {
        display: block !important;
    }
    .au-pic-col {
        width: 100%;
    }
    .au-pic-col img {
        position: static;
        width: 100%;
        margin-top: -10px;
        margin-bottom: 20px;
        border-radius: 10px;
    }
    .about-us-row {
        border-radius: 0;
        padding-bottom: 20px;
    }
    .au-form-cont {
        width: 101%;
        margin-left: -10px;
    }
	.mobile-services-section {
		display: block !important;
	}
	.service-row {
		display: none !important;
	}
}

/* About-Us-section-fixed */
@media (min-width:1200px) and (max-width:1280px){
    .au-card-col {
        width: 100%;
    }
    .au-form-col {
        width: 100%;
    }
}

/* About Us End */


.nav-bar-container {
    margin: 0;
}

.links-area {
    font-family: "Montserrat", sans-serif;
    display: flex;
    justify-content: space-between;
    margin-left: 7px;
    padding: 0px;
}

.link-con {
    display: flex;
    align-items: center;
    margin-left: 50px;
}

.link-con img {
    width: 25px;
}

.link a {
    text-decoration: none;
    color: #fff;
}

.link a:hover {
    color: #74a735;
}

.nav-bar-container {
    padding: 11px 150px 5px 80px;
}

.nav-con {
    padding: 0 0 0 25px;
}

.navbar-nav .nav-link.active {
    color: #262626;
    font-size: 16px;
    font-weight: 700;
    margin: 0 20px;
    position: relative;
}

.sticky-navbar .navbar-nav .nav-link {
	color: #fff;
}

.sticky-navbar .navbar-nav .nav-link.active {
	color: #fff;
}

.navbar-nav .nav-link.active::after {
    content: "";
    position: absolute;
    background-color: #74a735;
    height: 2px;
    width: 75%;
    left: 11px;
    bottom: -3px;
}

.nav-link {
    color: #4a4a4a;
    font-size: 16px;
    margin: 0 20px;
}

.mlink1 {
    color: black;
}

.mega-menu-col {
    border: 1px solid #74a735;
    border-radius: 8px;
    padding: 0;
    max-width: 1168px;
    width: 100%;
}

.nav-tabs>li>a, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
    border: 0;
    padding: 10px 40px;

}

.nav-tabs>li>a.active, .nav-tabs>li>a.active:focus, .nav-tabs>li>a.active:hover {
    border: 0;
    padding: 10px 40px;

}

.nav-tabs {
    border: 0;
}

.nav-tabs>li>a {
    margin: 0;
}

.nav-tabs>li>a:hover {
    background: #74a735;
    color: #fff;
}

.nav-tabs .nav-link.active {
    background: #74a735;
    color: #fff;
}

.nav-tabs>li>a.active:hover {
    background: #74a735;
    color: #fff;
}

.tab-content .category-list {
    padding: 20px 40px;
}

.category-list a {
    text-decoration: none;
    color: #1A1A1A;
    font-size: 16px;
    font-weight: 300;
    list-style: none;
    text-wrap: wrap;
}

.category-list a:hover {
    color: #74a735;
}

.category-list ul {
    list-style: none;
}

.search-bar {
    margin-left: 28px;
    width: 100%;
    max-width: 251px;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 5px;
    padding: 8px 10px 8px 14px;
    border: 1px solid #74a735;
}

.search-bar input{
    flex: 1;
    border: 0;
    outline: none;
    font-size: 16px;
    width: 80%;
}

::placeholder{
    color: #b6b6b6;
    font-weight: 300;
}

.search-bar button img{
    width: 33px;
    background: #fff;
}

.search-bar button{
    border: 0;
    background: #fff;
}

.hero-container {
    margin-top: 15px;
}

.picture-section {
    margin-left: 20px;
    padding: 0;
    position: relative;
}

.picture-section .main-img {
    width: 103%;
}

.picture-section .client-reviews-row {
    position: absolute;
    width: 30%;
    background: #fafafa;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
    top: 174px;
    left: 8px;
}

.picture-section a {
    text-decoration: none;
    color: #1A1A1A;
}

.client-pics .review-pics {
    width: 100%;
    margin-top: 16px;
    margin-bottom: -10px;
}

.client-reviews-row .client-count {
    font-size: 40px;
    color: #74a735;
    margin-bottom: -14px;
}

.exp-row {
    position: absolute;
    width: 22%;
    top: 42%;
    right: 28px;
    background: linear-gradient(#2A2A2A, #6A6A6A);
    border-radius: 10px;
}

.exp-row h1 {
    margin-top: 15px;
    margin-bottom: -4px;
    color: #fff;
    font-size: 24px;
}
.exp-row p {
    color: #fff;
}

.happy-row {
    position: absolute;
    width: 29%;
    bottom: 110px;
    left: 118px;
    background: var(--sunrise-theme-color);
    border-radius: 10px;
}

.happy-row h1 {
    font-size: 40px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: -5px;
}

.happy-row p {
    color: #fff;
}

.picture-section .arrow-row {
    justify-content: center;
    position: absolute;
    bottom: 20px;
    left: 250px;
}

.picture-section .left-arrow {
    width: 18%;
    cursor: pointer;
    transition: 0.2s all;
}

.picture-section .left-arrow:hover {
    transform: scale(1.3);
}

.picture-section .right-arrow {
    width: 18%;
    cursor: pointer;
    transition: 0.2s all;
}

.picture-section .right-arrow:hover {
    transform: scale(1.2);
}

.title-section {
    padding-left: 0;
    padding-right: 21px;
    margin-top: 109px;
}

.title-section h1 {
    padding-left: 10px;
    font-size: 40px;
    font-weight: 550;
    color: var(--sunrise-heading-color);
}

.title-section span {
    color: #74a735;
}

.title-section p {
    margin-bottom: 53px;
    }

.action-btn i {
    font-size: 14px;
    margin-left: 10px;
}

.action-btn {
    width: 100%;
    height: 64px;
    font-size: 16px;
    color: var(--sunrise-button-color);
}

.action-btn:hover {
    background: var(--sunrise-theme-color);
}

.location-action-btn {
	width: 40%;
    height: 50px;
    font-size: 16px;
    background: var(--sunrise-theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.location-action-btn:hover {
    background: linear-gradient(#79C420, #74A735);
}

.header-right .location-action-btn {
	width: 30%;
    height: 45px;
}

/* Video-section */

.heading-section {
    padding-left: 0;
    padding-right: 20px;
    margin-top: 40px;
    width: 36%;
}

.heading-section h2 {
    margin-bottom: -15px;
    padding-left: 10px;
    font-size: 40px;
    font-weight: 550;
    color: var(--sunrise-heading-color);
}

.heading-section span {
    color: #74a735;
}

.heading-section p {
    margin-top: 18px;
    margin-bottom: 26px;
}

.video-section {
    margin-left: 18px;
}

.whyss-video video {
    width: 90%;
    height: 500px;
    object-fit: cover;
    border-radius: 10px;
    overflow: hidden;
}

.play-btn {
    width: 116px;
    position: absolute;
    cursor: pointer;
}

/* Services-section */

.services-heading {
    margin-top: 12px;
}

.services-heading h2 {
    font-size: 40px;
    font-weight: 550;
    color: var(--sunrise-heading-color);
}

.service-row {
    margin-top: 36px;
}

.service-picture {
    padding-left: 0;
}

.service-picture img {
    width: 85%;
    margin-left: -20px;
    margin-top: 9px;
	border-radius: 10px;
}

.service-card {
    width: 100%;
    height: 240px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding: 28px;
    margin: 10px 20px 10px -21px;
}

.service-card:hover {
    background: var(--sunrise-theme-color);
    color: #fff;
}

.service-card:hover .card-pic img {
    filter: brightness(0) saturate(100%) invert(68%) sepia(10%) saturate(2277%) hue-rotate(45deg) brightness(84%) contrast(93%);
}

.active-card {
    background: var(--sunrise-theme-color);
    color: #fff;
}

.active-card .card-pic img{
    filter: brightness(0) saturate(100%) invert(68%) sepia(10%) saturate(2277%) hue-rotate(45deg) brightness(84%) contrast(93%);
}

.card-pic {
    width: 116px;
    height: 116px;
    border-radius: 50%;
    padding: 23px;
    background: #fff;
}

.card-pic img {
    width: 70px;
    object-fit: contain;
}


.card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    margin-top: 17px;
}

.card-title {
    margin-bottom: 0;
}

.card-title h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 2px;
    text-align: center;
}


.card-details {
    margin: 9px 0 19px 35px;
    padding: 50px;
    background-color: #f1f1f1;
    border-radius: 10px;
}

.card-picture img {
    width: 95%;
    margin-bottom: 20px;
}

.picture-title {
    height: 60px;
}

.picture-title h2 {
    font-size: 28px;
    color: #74a735;
}

.picture-description {
    height: 110px;
}

.picture-description p {
    font-size: 16px;
    margin-bottom: 20px;
    padding-right: 16px;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.arrow-nav {
    padding-right: 23px;
}

.arrow-nav img {
    width: 52px;
    cursor: pointer;
    transition: 0.2s all;
}

.arrow-nav img:hover {
    transform: scale(1.1);
}

.change-arrows {
    margin-left: -23px;
}

/* Services-Mobile-Section */

.mobile-services-section {
    padding: 0;
}
.service-mobile-row {
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 20px;
}
.service-cards-row {
    margin: 0;
    padding: 0;
}
.service-card-mob {
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
    background: var(--sunrise-theme-color);
    color: #ffffff;
}
.service-card-mob a {
    text-decoration: none;
}
.service-card-mob-title {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    color: #ffffff;
}
.services-sec-mob {
    padding: 0;
    margin: 25px 0;
    border: 2px solid #d9d9d9;
    border-radius: 10px;
}
.services-sec-mob a {
    text-decoration: none;
    padding: 0;
}
.mob-service-sec {
    display: flex;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid #ececec;
}
.mob-service-sec h3 {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    color: var(--sunrise-text-color);
}
.mob-service-sec i {
    margin: 0 28px 0 12px;
    font-size: 18px;
    color: #74a735;
}

/* Services Section End */

/* Our-team-Section */

.team-container {
    margin-top: 2px;
    padding-bottom: 80px;
}

.team-title {
    display: flex;
    justify-content: center;
    margin-top: 48px;
    margin-bottom: 33px;
}

.team-title a {
    text-decoration: none;
}

.team-title h2 {
    font-size: 40px;
    color: #74a735;
}

/* Our-team-cards */

.ot-cards-row {
    margin-left: 0;
}

.profile-img-div {
    border-radius: 10px;
    margin: 0 auto;
    height: 100%;
    width: 100%;
}

.profile-img-div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    
}

.profile-card {
    padding: 30px 30px 20px 30px;
    border-radius: 10px;
    border-color: #74a735;
}

.profile-card:hover {
    background: var(--sunrise-theme-color);
}

.profile-card:hover .profile-title {
    color: #ffffff;
}

.profile-card:hover .profile-desc {
    color: #ffffff;
}

.profile-card:hover .th-line::after {
    background: #ffffff;
}

.profile-card:hover .h-line::after {
    background: #ffffff;
}

.card-body .profile-name {
    padding: 10px;
}

.profile-card:hover {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}

.profile-title {
    margin-top: 5px;
    margin-bottom: 0.1rem;
    color: #262626;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}
.profile-name a {
    text-decoration: none;
}

.profile-desc {
    margin-bottom: 0.3rem;
    color: #74a735;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
}

.h-line {
    width: 100%;
    height: 26px;
    position: relative;
}

.h-line::after {
    content: '';
    position: absolute;
    margin: auto;
    height: 1px;
    background: #b9b9b9;
    width: 100%;
    top: 40%;
}

.th-line {
    width: 100%;
    height: 26px;
    position: relative;
}

.th-line::after {
    content: '';
    position: absolute;
    margin: auto;
    height: 6px;
    background: var(--sunrise-theme-color);
    width: 23%;
    top: 8px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 10px;
}


.profile-icons {
    margin-top: 14px;
    margin-right: 15px;
    cursor: pointer;
    padding: 4px 8px;
    border: 1px solid #74a735;
    border-radius: 5px;
    background: #fff;
}

.profile-icons:hover {
    background-color: var(--sunrise-theme-color);
    border-color: #ffffff !important;
}

.profile-icons:hover .icon-body {
    color: #ffffff !important;
}

.profile-card:hover .profile-icons {
    border-color: transparent;
}

.profile-icons a {
    text-decoration: none;
}

.profile-icons a i {
    color: #74a735;
}


@media (max-width:454px){

    .team-title h2 {
        font-size: 2rem;
        text-align: center;
    }
    .team-container {
        padding-left: 25px;
        padding-right: 25px;
    }
    .carousel-card {
        display: flex;
        justify-content: center;
    }
    .carousel-control-next, .carousel-control-prev {
        width: 8%;
    }
    .carousel-control-prev {
        left: -17px;
    }
    .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2374a735'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
    }
    .carousel-control-next {
        right: -17px;
    }
    .carousel-control-next-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2374a735'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }
    .carousel-indicators {
        margin-bottom: -2rem;
    }
    .carousel-indicators [data-bs-target] { 
        border-radius: 50%;
        width: 11px;
        height: 11px;
        margin-right: 5px;
        margin-left: 5px;
        background-color: #74a735;
    }
    .profile-card {
        margin-left: 2px;
        width: 90%;
        margin-bottom: 20px;
    }
    .ot-cards-row {
        display: none;
    }
    .profile-icons-col {
        justify-content: center;
    }

}

@media (min-width:455px) and (max-width:480px){

    .team-title h2 {
        font-size: 2rem;
        text-align: center;
    }
    .team-container {
        padding-left: 25px;
        padding-right: 25px;
    }
    .carousel-card {
        display: flex;
        justify-content: center;
    }
    .carousel-control-next, .carousel-control-prev {
        width: 8%;
    }
    .carousel-control-prev {
        left: -17px;
    }
    .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2374a735'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
    }
    .carousel-control-next {
        right: -17px;
    }
    .carousel-control-next-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2374a735'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
      }
    .carousel-indicators {
        margin-bottom: -2rem;
    }
    .carousel-indicators [data-bs-target] { 
        border-radius: 50%;
        width: 11px;
        height: 11px;
        margin-right: 5px;
        margin-left: 5px;
        background-color: #74a735;
    }
    .profile-card {
        margin-left: 2px;
        width: 90%;
        margin-bottom: 20px;
    }
    .ot-cards-row {
        display: none;
    }
    .profile-icons-col {
        justify-content: center;
    }
}

@media (min-width:481px) and (max-width:768px){

    .team-title h2 {
        font-size: 2.5rem;
        text-align: center;
    }
    .team-container {
        padding-left: 25px;
        padding-right: 25px;
    }
    .carousel-card {
        display: flex;
        justify-content: center;
    }
    .carousel-control-next, .carousel-control-prev {
        width: 8%;
    }
    .carousel-control-prev {
        left: -17px;
    }
    .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2374a735'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
    }
    .carousel-control-next {
        right: -17px;
    }
    .carousel-control-next-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2374a735'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
      }
    .carousel-indicators {
        margin-bottom: -2rem;
    }
    .carousel-indicators [data-bs-target] { 
        border-radius: 50%;
        width: 11px;
        height: 11px;
        margin-right: 5px;
        margin-left: 5px;
        background-color: #74a735;
    }
    .profile-card {
        margin-left: 2px;
        width: 90%;
        margin-bottom: 20px;
    }
    .ot-cards-row {
        display: none;
    }
    .profile-icons-col {
        justify-content: center;
    }
}

@media (min-width:768px) and (max-width:1024px){

    .team-title h2 {
        text-align: center;
    }
    .team-container {
        padding-left: 25px;
        padding-right: 25px;
    }
    .carousel-card {
        display: flex;
        justify-content: center;
    }
    .carousel-control-next, .carousel-control-prev {
        width: 8%;
    }
    .carousel-control-prev {
        left: -17px;
    }
    .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2374a735'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
    }
    .carousel-control-next {
        right: -17px;
    }
    .carousel-control-next-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2374a735'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
      }
    .carousel-indicators {
        margin-bottom: -2rem;
    }
    .carousel-indicators [data-bs-target] { 
        border-radius: 50%;
        width: 11px;
        height: 11px;
        margin-right: 5px;
        margin-left: 5px;
        background-color: #74a735;
    }
    .profile-card {
        margin-left: 2px;
        width: 90%;
        margin-bottom: 20px;
    }
    .ot-cards-row {
        display: none;
    }
    .profile-icons-col {
        justify-content: center;
    }
    .ot-cards-col {
        margin: 0;
        width: 100%;
    }
}

@media (min-width:1025px) and (max-width:1280px){

    .team-title h2 {
        font-size: 2.5rem;
    }
    .profile-name {
        height: 100px;
    }
    .team-container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .carousel-card {
        display: flex;
        justify-content: center;
    }
    .carousel-control-next, .carousel-control-prev {
        width: 8%;
    }
    .carousel-control-prev {
        left: -17px;
    }
    .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2374a735'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
    }
    .carousel-control-next {
        right: -17px;
    }
    .carousel-control-next-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2374a735'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
      }
    .carousel-indicators {
        margin-bottom: -2rem;
    }
    .carousel-indicators [data-bs-target] { 
        border-radius: 50%;
        width: 11px;
        height: 11px;
        margin-right: 5px;
        margin-left: 5px;
        background-color: #74a735;
    }
    .profile-card {
        margin-left: 2px;
        width: 90%;
        margin-bottom: 20px;
    }
    .ot-cards-row {
        display: none;
    }
    .ot-cards-col {
        width: 85%;
    }
}

@media (min-width:1281px) and (max-width:1600px){

    .team-title h2 {
        font-size: 2.5rem;
    }
    .profile-name {
        height: 90px;
    }
    .team-container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .mobview-team-carousel {
        display: none;
    }
    .ot-cards-col {
        width: 85%;
    }
}

@media (min-width:1601px) {

    .profile-name {
        height: 70px;
    }
    .mobview-team-carousel {
        display: none;
    }
	
}
/* Our Team Section End*/

/* Advice-form-section */

.form-container {
    padding: 50px 125px 50px 150px;
}

.advice-form-subtitle {
    color: #74a735;
    font-size: 24px;
    font-weight: 300;
}

.advice-form-title {
    color: var(--sunrise-heading-color);
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 35px;
}

.form-group label {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.form-group option {
    font-size: 16px;
}

.form-fields:focus {
    box-shadow: none;
    border-color: var(--bs-border-color);
}

.form-check {
    margin-left: 20px;
}

.form-check-input {
    margin-top: 5px;
}

.form-check-input:checked {
    background-color: #74a735;
    border-color: #79C420;
}

.form-check-input:focus {
    box-shadow: none;
}

.form-group input::placeholder {
    font-size: 16px;
    font-weight: 200;
    color: #b9b9b9;
}

.form-group textarea::placeholder {
    font-size: 16px;
    font-weight: 200;
    color: #b9b9b9;
}

.form-fields {
    padding: 20px;
    font-size: 16px;
	border-color: #4a4a4a;
}

/* Feedback-section */

.arrow-fb {
    padding-right: 23px;
}

.arrow-fb img {
    width: 45px;
    cursor: pointer;
    transition: 0.2s all;
}

.arrow-fb img:hover {
    transform: scale(1.1);
}

.map-container img {
    width: 100%;
}

.review-card-col a {
    text-decoration: none;
}

.review-card:hover {
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
}

.review-img {
    display: flex;
    justify-content: center;
    margin: 20px 0px;
}

.review-img img {
    width: 150px;
    height: 150px;
    object-fit: contain;
    border-radius: 50%;
}

.card-name {
    font-size: 18px;
    font-weight: 500;
    color: #74a735;
    margin: 0;  
}

.card-location {
    font-size: 17px;
    font-weight: 300;
}

.google-img img {
    width: 80px;
}

.rating-img img {
    width: 125px;
    margin-top: -10px;
}

.review-section p {
    font-size: 16px;
    height: 180px;
    padding: 25px;
    margin: 0;
    text-align: center;
}

/* Footer-section */

.sunrise-footer {
  	background-color: rgb(247,247,247);
	padding-top: 1px;
}
.srise-logo img{
    width: 500px;
    margin-left: -25px;
}

.srise-address {
    margin-top: 40px;
}

.ft-link-con {
    display: flex;
    align-items: center;
}

.ft-link-icon img {
    width: 25px;
}

.ft-link a {
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    color: #1A1A1A;
}

.ft-link a:hover {
    color: #74a735;
}

.links-text {
    text-decoration: none;
    font-size: 20px;
    color: #1A1A1A;
}

.quick-links a:hover {
    color: #74a735;
}

.quick-links {
    margin-top: 108px;
    margin-left: 60px;
}

.quick-links h5 {
    font-size: 16px;
    font-weight: 600;
}

.quick-links p {
    margin-bottom: 0.75rem;
}

.g-map {
    margin-top: 40px;
    margin-left: -30px;
}

.g-map img {
    width: 450px;
}

.separation-line {
    width: 102%;
    height: 20px;
    margin: 8px 0;
    position: relative;
}

.separation-line::after {
    content: '';
    position: absolute;
    margin: auto;
    height: 1px;
    background: #b9b9b9;
    width: 100%;
    top: 40%;
}

.regu-img-container {
    margin-left: 100px;
    margin-top: -52px;
}

.regu-img-container a img {
    width: 70%;
}

.regu-desc {
    margin-top: 17px;
    padding-left: 0;
    padding-right: 18px;
    text-align: left;
}

.regu-desc p {
    font-size: 16px;
}

.list-inline-item {
    margin-right: 25px !important;
}

.list-inline-item img {
    width: 25px;
}

.list-inline-item img:hover {
    filter: brightness(0) saturate(100%) invert(68%) sepia(10%) saturate(2277%) hue-rotate(45deg) brightness(84%) contrast(93%);
}

.copyright-sec p {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

@media (max-width:454px){

    .sunrise-footer {
        padding-left: 25px;
        padding-right: 25px;
        margin-bottom: 52px;
    }
    .srise-logo {
        text-align: center;
    }
    .srise-logo img {
        width: 100%;
    }
    .quick-links {
        margin-top: 70px;
        margin-left: 0;
    }
    .g-map {
        margin-left: 0;
    }
    .g-map img {
        width: 100%;
    }
    .ftline-cont {
        padding-left: 0;
    }
    .regu-img-container {
        margin-left: 0;
        margin-top: -20px;
        text-align: center;
    }
    .footer-mobile {
        display: block !important;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;
    }
    .footer-mobile-row {
        padding: 12px;
        background: var(--sunrise-theme-color);
    }
    .footer-mobile-cont {
        display: flex;
        justify-content: space-around;
    }
    .footer-mobile-icons a {
        text-decoration: none;
    }
    .footer-mobile-icons i {
        color: #ffffff;
        font-size: 16px;
    }
}

@media (min-width:455px) and (max-width:480px){

    .sunrise-footer {
        padding-left: 25px;
        padding-right: 25px;
        margin-bottom: 70px;
    }
    .srise-logo img {
        width: 100%;
    }
    .quick-links {
        margin-top: 70px;
        margin-left: 0;
    }
    .g-map {
        margin-left: 0;
    }
    .g-map img {
        width: 100%;
    }
    .ftline-cont {
        padding-left: 0;
    }
    .regu-img-container {
        margin-left: 0;
        margin-top: -20px;
        text-align: center;
    }
    .footer-mobile {
        display: block !important;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;
    }
    .footer-mobile-row {
        padding: 12px;
        background: var(--sunrise-theme-color);
    }
    .footer-mobile-cont {
        display: flex;
        justify-content: space-around;
    }
    .footer-mobile-icons a {
        text-decoration: none;
    }
    .footer-mobile-icons i {
        color: #ffffff;
        font-size: 16px;
    }
}

@media (min-width:481px) and (max-width:768px){

    .sunrise-footer {
        padding-left: 25px;
        padding-right: 25px;
    }
    .ft-logo-col {
        text-align: center;
    }
    .srise-logo img {
        width: 472px;
    }
    .quick-links {
        margin-top: 70px;
        margin-left: 0;
        width: 50%;
    }
    .g-map {
        display: flex;
        align-items: center;
        margin-left: 0;
    }
    .g-map img {
        width: 100%;
    }
    .regu-desc {
        padding-left: 18px;
    }
    .regu-img-container {
        margin-left: 0;
        margin-top: -52px;
    }
    .regu-img-container a img {
        width: 100%;
    }
    .ft-top-row {
        margin: 0;
    }
    .footer-mobile {
        display: block !important;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;
    }
    .footer-mobile-row {
        padding: 12px;
        background: var(--sunrise-theme-color);
    }
    .footer-mobile-cont {
        display: flex;
        justify-content: space-around;
    }
    .footer-mobile-icons a {
        text-decoration: none;
    }
    .footer-mobile-icons i {
        color: #ffffff;
        font-size: 16px;
    }
    .sunrise-footer {
        margin-bottom: 70px;
    }
}

@media (min-width:768px) and (max-width:1024px){

    .sunrise-footer {
        padding-left: 25px;
        padding-right: 25px;
    }
    .ft-sec-col {
        margin: 0;
    }
    .ft-link-con {
        justify-content: center;
    }
    .ft-logo-col {
        text-align: center;
    }
    .srise-logo img {
        width: 472px;
    }
    .quick-links {
        margin-top: 70px;
        margin-left: 0;
        width: 50%;
        text-align: center;
    }
    .g-map {
        margin-left: 0;
        text-align: center;
    }
    .g-map img {
        width: 100%;
    }
    .ftline-cont {
        padding-left: 0;
    }
    .regu-img-container {
        margin-top: -20px;
        margin-left: 0;
        text-align: center;
    }
    .copyright-sec {
        text-align: center;
    }
    .footer-mobile {
        display: block !important;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;
    }
    .footer-mobile-row {
        padding: 12px;
        background: var(--sunrise-theme-color);
    }
    .footer-mobile-cont {
        display: flex;
        justify-content: space-around;
    }
    .footer-mobile-icons a {
        text-decoration: none;
    }
    .footer-mobile-icons i {
        color: #ffffff;
        font-size: 16px;
    }
    .sunrise-footer {
        margin-bottom: 70px;
    }
}

@media (min-width:1025px) and (max-width:1280px){

    .quick-links {
        margin-left: 0;
    }
    .quick-links h5 {
        font-size: 16px;
    }
    .links-text {
        font-size: 16px;
    }
    .g-map {
        display: flex;
        align-items: center;
        margin-left: 0;
    }
    .g-map img {
        width: 100%;
    }
    .regu-desc {
        padding-left: 18px;
    }
    .regu-img-container {
        margin-left: 0;
        margin-top: -52px;
    }
    .regu-img-container a img {
        width: 100%;
    }
    .ft-top-row {
        margin: 0;
    }
    .footer-mobile {
        display: block !important;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;
    }
    .footer-mobile-row {
        padding: 12px;
        background: var(--sunrise-theme-color);
    }
    .footer-mobile-cont {
        display: flex;
        justify-content: space-around;
    }
    .footer-mobile-icons a {
        text-decoration: none;
    }
    .footer-mobile-icons i {
        color: #ffffff;
        font-size: 16px;
    }
    .sunrise-footer {
        margin-bottom: 70px;
    }
}

@media (min-width:1281px) and (max-width:1600px){

    .g-map {
        display: flex;
        align-items: center;
    }
    .g-map img {
        width: 100%;
    }
    .regu-img-container {
        margin-left: 50px;
        margin-top: -52px;
    }
    .regu-img img {
        width: 100%;
    }
}

/* Footer End */

/* Mega Menu CSS */

.mega-menu {
    border: 1px solid #ececec;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 154px;
    left: 15%;
    background-color: #fff;
    display: none;
	z-index: 999;
	max-width: 1400px;
}

@media (min-width: 1500px) and (max-width: 1599px)
{
	.mega-menu {
		max-width: 1250px;
	}
}

@media (min-width: 1400px) and (max-width: 1499px)
{
	.mega-menu {
		max-width: 1150px;
	}
}

@media (min-width: 1300px) and (max-width: 1399px)
{
	.mega-menu {
		max-width: 1050px;
	}
}

.sticky.mega-menu 
{
	top: 85px;
    left: 10%;
}

.mega-menu.active {
    display: block;
}
.level-one-row {
    border-top: 2px solid #74a735;
    border-bottom: 2px solid #74a735;
}

.level-one-col {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
}

.level-one-col .level-one-anchor {
    text-transform: uppercase;
    color: #74a735;
    font-weight: 600;
    text-decoration: none;
    font-size: 16px;
}

.level-one-col.active {
    background-color: #74a735;
}

.level-one-col.active:hover {
    background-color: #74a735;
}

.level-one-col.active .level-one-anchor {
    color: #fff;
}

.level-one-col:hover {
    background-color: #4a4a4a;
}

.level-one-col:hover .level-one-anchor {
    color: #fff;
    text-decoration: none;
}

.level-two-col {
    border-right: 1px solid #ececec;
}

.level-two-anchor {
    display: flex;
    color: #4a4a4a;
    font-size: 16px;
    margin-top: 16px;
    margin-bottom: 16px;
    font-weight: 600;
    text-decoration: none;
	padding-bottom: 12px;
	border-bottom: 1px solid beige;
}

.level-two-anchor:hover {
    color: #74a735;
    text-decoration: none;
}

.level-three-anchor {
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #4a4a4a;
    font-size: 16px;
    font-weight: 300;
    text-transform: capitalize;
    text-decoration: none;
}

.fa-chevron-right {
    margin-top: 6px;
    margin-right: 6px;
}

.level-three-anchor:hover {
    color: #74a735;
    text-decoration: none;
}

.level-two-anchor .fa-arrow-right {
    display: none;
    margin-left: 15px;
    margin-top: 6px;
}

.level-two-anchor:hover .fa-arrow-right{
    display: block;
}

/* Sidebar styles */
.cs-mobile-menu {
    width: 100%;
    height: auto;
    background-color: #fff;
    margin: auto auto;
}

/* Sidebar ul styles */
.cs-mobile-menu>ul>li>a {
    text-transform: uppercase;
}

/* Sidebar ul styles */
.cs-mobile-menu ul {
    margin: 0;
    padding: 0;
}

/* Sidebar li styles */
.cs-mobile-menu ul li {
    display: block;
}

/* Sidebar link styles */
.cs-mobile-menu ul li a.first-level {
    position: relative;
    display: block;
    font-size: 1.5em;
    font-weight: 600;
    padding: 10px 25px;
    text-decoration: none;
    color: #2e2e2e;
}

.cs-mobile-menu ul li a.second-level {
    position: relative;
    display: block;
    font-size: 1.3em;
    font-weight: 500;
    padding: 10px 25px;
    text-decoration: none;
    color: #2e2e2e;
}

.cs-mobile-menu ul li a.third-level {
    position: relative;
    display: block;
    font-size: 1.2em;
    font-weight: 500;
    padding: 10px 25px;
    text-decoration: none;
    color: #2e2e2e;
}

.cs-mobile-menu ul li a:hover {
    color: #74a735;
}

.cs-mobile-menu ul li .selected-service-company {
    color: #74a735 !important;
}

.cs-mobile-menu li a em {
    margin-left: 10px;
}

/* Small-mobile-version */

@media (max-width:454px){

    .title-section h1 {
        font-size: 2rem;
    }
    .heading-section h2 {
        font-size: 2rem;
        margin-bottom: 0px;
    }
    .services-heading h2 {
        font-size: 2rem;
    }
    .advice-form-title {
        font-size: 2rem;
    }
    .link a {
        font-size: 12px;
    }
    .ft-link a {
        font-size: 16px;
    }
    .links-text {
        text-align: center;
    }
    .logo-box {
        margin-left: 0;
        padding: 0;
    }
    .top-bar-container {
        padding: 1rem;
    }
    .top-bar-container .logo-box img {
        width: 100%;
    }
    .links-area {
        display: inline-block;
        margin-left: 0;
        margin-top: 8px;
    }
    .link-con {
        margin-left: 20px;
        display: inline-block;
    }
    .link-icon {
        display: inline-block;
    }
    .link {
        display: inline-block;
    }
    .link-con .link {
        font-size: 16px;
    }
    .nav-bar-container {
        display: none;
        padding: 12px;
    }
    .mob-navbar-menu {
        display: block !important;
    }
    .nav-bar-container .nav-con {
        display: inline !important;
    }
    .navbar-nav .nav-link.active {
        margin: 0;
    }
    .nav-link {
        margin: 0;
    }
    .navbar-nav .nav-link.active::after {
        width: 13%;
        left: 0;
        bottom: 0;
    }
    .search-bar {
        margin-left: 0;
        margin-top: 0;
        width: 100%;
        max-width: 432px;

    }
    .title-section {
        padding-left: 25px;
        padding-right: 25px;
        margin-top: 20px;
        text-align: center;
    }
    .hero-btn-col {
        margin-bottom: 10px;
    }
    .picture-section {
        margin-left: 0;
        margin-top: 50px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .picture-section .main-img {
        width: 105%;
        margin-left: -10px;
    }
    .picture-section .arrow-row {
        left: 32px;
        bottom: 5px;
        width: 90%;
    }
    .picture-section .left-arrow {
        width: 15%;
    }
    .picture-section .right-arrow {
        width: 15%;
    }
    .picture-section .client-reviews-row {
        width: 32%;
        top: 10px;
        left: 25px;
    }
    .client-pics .review-pics {
        width: 100%;
        margin-bottom: -4px;
    }
    .client-reviews-row .client-count {
        font-size: 16px;
        margin-bottom: -2px;
    }
    .client-reviews-row p {
        font-size: 12px;
        margin-bottom: 0.7rem;
    }
    .exp-row {
        width: 30%;
        top: 33%;
        right: 22px;
    }
    .exp-row h1 {
        font-size: 17px;
    }
    .exp-row p {
        font-size: 12px;
    }
    .happy-row {
        width: 30%;
        bottom: 42px;
        left: 48px;
    }
    .happy-row h1 {
        font-size: 24px;
        margin-top: 10px;
    }
    .happy-row p {
        font-size: 12px;
        margin-bottom: 0.7rem;
    }
    .hero-spacer {
        height: 10px !important;
    }
    .vid-row .heading-section {
        padding-left: 25px;
        padding-right: 25px;
        margin-top: 0;
        width: 100%;
        text-align: center;
    }
    .video-section {
        margin-left: 0;
        margin-top: 35px;
    }
    .whyss-video video {
        width: 95%;
        height: 400px;
    }
    .vid-spacer {
        height: 0 !important;
    }
    .service-title-row {
        padding-left: 25px;
        padding-right: 25px;
        text-align: center;
    }
    .services-heading {
        padding: 0;
    }
    .service-row {
        padding-left: 25px;
        padding-right: 25px;
    }
    .service-picture img {
        display: none;
        width: 110%;
        margin-left: -7px;
    }
    .service-card-row {
        margin-top: 15px;
    }
    .service-card {
        margin: 10px 20px 30px 0;
    }
    .mob-tab-pic-row {
        margin: 0;
    }
    .mob-tab-immigration-pic {
        display: block !important;
    }
    .mob-tab-immigration-cards {
        display: block !important;
    }
    .card-details {
        display: none;
        margin: 45px 0 0 0;
        padding: 0;
    }
    .card-picture img {
        width: 100%;
    }
    .scrl-service-cards {
        text-align: center;
        margin-bottom: 20px;
    }
    .change-arrows {
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
        justify-content: center;
    }
    .team-title h2 {
        font-size: 2rem;
        text-align: center;
    }
    .team-container {
        padding-left: 25px;
        padding-right: 25px;
    }
    .carousel-card {
        display: flex;
        justify-content: center;
    }
    .carousel-control-next, .carousel-control-prev {
        width: 8%;
    }
    .carousel-control-prev {
        left: -17px;
    }
    .carousel-control-next {
        right: -17px;
    }
    .carousel-indicators {
        margin-bottom: -2rem;
    }
    .carousel-indicators [data-bs-target] { 
        border-radius: 50%;
        width: 11px;
        height: 11px;
        margin-right: 5px;
        margin-left: 5px;
    }
    .profile-card {
        margin-left: 2px;
        width: 90%;
        margin-bottom: 20px;
    }
    .ot-cards-row {
        display: none;
    }
    .profile-icons-col {
        justify-content: center;
    }
    .form-cont-col {
        padding-left: 25px;
        padding-right: 25px;
    }
    .form-btn-col {
        margin-bottom: 10px;
    }
    .form-container {
        padding-left: 25px;
        padding-right: 25px;
    }
    .fb-sec-container {
        padding-left: 25px;
        padding-right: 25px;
    }
    .fb-arrow-col {
        justify-content: center;
    }
    .fb-spacer {
        height: 10px !important;
    }
}

/* Mobile-version */

@media (min-width:455px) and (max-width:480px){

    .title-section h1 {
        font-size: 2rem;
    }
    .heading-section h2 {
        font-size: 2rem;
        margin-bottom: 0px;
    }
    .services-heading h2 {
        font-size: 2rem;
    }
    .advice-form-title {
        font-size: 2rem;
    }
    .link a {
        font-size: 16px;
    }
    .logo-box {
        margin-left: 0;
        padding: 0;
    }
    .top-bar-container {
        padding: 1rem;
    }
    .top-bar-container .logo-box img {
        width: 100%;
    }
    .links-area {
        display: inline-block;
        margin-left: 0;
        margin-top: 15px;
    }
    .link-con {
        margin-left: 20px;
        display: inline-block;
    }
    .link-icon {
        display: inline-block;
    }
    .link {
        display: inline-block;
    }
    .link-con .link {
        font-size: 19px;
    }
    .nav-bar-container {
        display: none;
        padding: 12px;
    }
    .mob-navbar-menu {
        display: block !important;
    }
    .nav-bar-container .nav-con {
        display: inline !important;
    }
    .navbar-nav .nav-link.active {
        margin: 0;
    }
    .nav-link {
        margin: 0;
    }
    .navbar-nav .nav-link.active::after {
        width: 13%;
        left: 0;
        bottom: 0;
    }
    .search-bar {
        margin-left: 0;
        margin-top: 0;
        width: 100%;
        max-width: 432px;
    }
    .title-section {
        padding-left: 25px;
        padding-right: 25px;
        margin-top: 20px;
        text-align: center;
    }
    .hero-btn-col {
        margin-bottom: 10px;
    }
    .picture-section {
        margin-left: 0;
        margin-top: 50px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .picture-section .main-img {
        width: 105%;
        margin-left: -10px;
    }
    .picture-section .arrow-row {
        left: 32px;
        bottom: 5px;
        width: 90%;
    }
    .picture-section .left-arrow {
        width: 15%;
    }
    .picture-section .right-arrow {
        width: 15%;
    }
    .picture-section .client-reviews-row {
        width: 30%;
        top: 45px;
        left: 25px;
    }
    .client-pics .review-pics {
        width: 100%;
        margin-bottom: -4px;
    }
    .client-reviews-row .client-count {
        font-size: 24px;
        margin-bottom: -8px;
    }
    .client-reviews-row p {
        font-size: 16px;
        margin-bottom: 0.7rem;
    }
    .exp-row {
        width: 28%;
        top: 40%;
        right: 22px;
    }
    .exp-row h1 {
        font-size: 18px;
    }
    .exp-row p {
        font-size: 14px;
    }
    .happy-row {
        width: 30%;
        bottom: 68px;
        left: 48px;
    }
    .happy-row h1 {
        font-size: 24px;
        margin-top: 14px;
    }
    .happy-row p {
        font-size: 14px;
        margin-bottom: 0.7rem;
    }
    .hero-spacer {
        height: 10px !important;
    }
    .vid-row .heading-section {
        padding-left: 25px;
        padding-right: 25px;
        margin-top: 0;
        width: 100%;
        text-align: center;
    }
    .video-section {
        margin-left: 0;
        margin-top: 35px;
    }
    .whyss-video video {
        width: 95%;
        height: 400px;
    }
    .vid-spacer {
        height: 0 !important;
    }
    .service-title-row {
        padding-left: 25px;
        padding-right: 25px;
        text-align: center;
    }
    .services-heading {
        padding: 0;
    }
    .service-row {
        padding-left: 25px;
        padding-right: 25px;
    }
    .service-picture img {
        display: none;
        width: 110%;
        margin-left: -7px;
    }
    .mob-tab-immigration-pic {
        display: block !important;
    }
    .mob-tab-immigration-cards {
        display: block !important;
    }
    .mob-tab-pic-row {
        margin: 0;
    }
    .service-card-row {
        margin-top: 15px;
    }
    .service-card {
        margin: 10px 20px 30px 0;
    }
    .card-details {
        display: none;
        margin: 45px 0 0 0;
        padding: 0;
    }
    .card-picture img {
        width: 100%;
    }
    .scrl-service-cards {
        display: none;
        text-align: center;
        margin-bottom: 20px;
    }
    .change-arrows {
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
        justify-content: center;
    }
    .team-title h2 {
        font-size: 3rem;
        text-align: center;
    }
    .team-container {
        padding-left: 25px;
        padding-right: 25px;
    }
    .carousel-card {
        display: flex;
        justify-content: center;
    }
    .carousel-control-next, .carousel-control-prev {
        width: 8%;
    }
    .carousel-control-prev {
        left: -17px;
    }
    .carousel-control-next {
        right: -17px;
    }
    .carousel-indicators {
        margin-bottom: -2rem;
    }
    .carousel-indicators [data-bs-target] { 
        border-radius: 50%;
        width: 11px;
        height: 11px;
        margin-right: 5px;
        margin-left: 5px;
    }
    .profile-card {
        margin-left: 2px;
        width: 90%;
        margin-bottom: 20px;
    }
    .ot-cards-row {
        display: none;
    }
    .profile-icons-col {
        justify-content: center;
    }
    .form-cont-col {
        padding-left: 25px;
        padding-right: 25px;
    }
    .form-btn-col {
        margin-bottom: 10px;
    }
    .form-container {
        padding-left: 25px;
        padding-right: 25px;
    }
    .fb-sec-container {
        padding-left: 25px;
        padding-right: 25px;
    }
    .fb-arrow-col {
        justify-content: center;
    }
    .fb-spacer {
        height: 10px !important;
    }
}

/* Small Tablet-version */

@media (min-width:481px) and (max-width:768px){

    .title-section h1 {
        font-size: 3rem;
    }
    .heading-section h2 {
        font-size: 3rem;
        margin-bottom: 0px;
    }
    .services-heading h2 {
        font-size: 3rem;
    }
    .advice-form-title {
        font-size: 3rem;
    }
    .logo-box {
        margin-left: 0;
        padding: 0;
    }
    .top-bar-container {
        padding: 1rem;
    }
    .top-bar-container .logo-box img {
        width: 100%;
    }
    .links-area {
        display: inline-block;
        margin-left: 0;
        margin-top: 15px;
    }
    .link-con {
        margin-left: 25px;
        display: inline-block;
    }
    .link-icon {
        display: inline-block;
    }
    .link {
        display: inline-block;
    }
    .link-con .link {
        font-size: 16px;
    }
    .nav-bar-container {
        display: none;
        padding: 12px;
    }
    .mob-navbar-menu {
        display: block !important;
    }
    .nav-bar-container .nav-con {
        display: inline !important;
    }
    .navbar-nav .nav-link.active {
        margin: 0;
    }
    .nav-link {
        margin: 0;
    }
    .navbar-nav .nav-link.active::after {
        width: 10%;
        left: 0;
        bottom: 0;
    }
    .search-bar {
        margin-left: 0;
        margin-top: 0;
        width: 100%;
        max-width: 684px;

    }
    .title-section {
        padding-left: 25px;
        padding-right: 25px;
        margin-top: 20px;
        text-align: center;
    }
    .hero-btn-col {
        margin-bottom: 10px;
    }
    .picture-section {
        margin-left: 0;
        margin-top: 50px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .picture-section .main-img {
        width: 120%;
        margin-left: -72px;
    }
    .picture-section .arrow-row {
        left: 140px;
        bottom: 8px;
    }
    .picture-section .left-arrow {
        width: 20%;
    }
    .picture-section .right-arrow {
        width: 20%;
    }
    .picture-section .client-reviews-row {
        width: 28%;
        top: 95px;
        left: 42px;
    }
    .client-pics .review-pics {
        width: 100%;
        margin-bottom: -4px;
    }
    .client-reviews-row .client-count {
        font-size: 28px;
        margin-bottom: -8px;
    }
    .client-reviews-row p {
        font-size: 16px;
        margin-bottom: 0.7rem;
    }
    .exp-row {
        width: 24%;
        top: 42%;
        right: 28px;
    }
    .exp-row h1 {
        font-size: 24px;
    }
    .exp-row p {
        font-size: 16px;
    }
    .happy-row {
        width: 26%;
        bottom: 102px;
        left: 78px;
    }
    .happy-row h1 {
        font-size: 40px;
        margin-top: 14px;
    }
    .happy-row p {
        font-size: 16px;
        margin-bottom: 0.7rem;
    }
    .hero-spacer {
        height: 10px !important;
    }
    .vid-row .heading-section {
        padding-left: 25px;
        padding-right: 25px;
        margin-top: 0;
        width: 100%;
        text-align: center;
    }
    .video-section {
        margin-left: 0;
        margin-top: 45px;
    }
    .whyss-video video {
        width: 95%;
        height: 450px;
    }
    .vid-spacer {
        height: 0 !important;
    }
    .service-title-row {
        padding-left: 25px;
        padding-right: 25px;
        text-align: center;
    }
    .services-heading {
        padding: 0;
    }
    .service-row {
        padding-left: 25px;
        padding-right: 25px;
    }
    .service-picture img {
        display: none;
        width: 107%;
        margin-left: -7px;
    }
    .service-card-row {
        margin-top: 15px;
    }
    .service-card {
        margin: 10px 20px 30px 0;
    }
    .mob-tab-immigration-pic {
        display: block !important;
    }
    .mob-tab-immigration-cards {
        display: block !important;
    }
    .mob-tab-pic-row {
        margin: 0;
    }
    .card-details {
        display: none;
        margin: 45px 0 0 0;
        padding: 0;
    }
    .card-picture img {
        width: 100%;
    }
    .scrl-service-cards {
        display: none;
        text-align: center;
        margin-bottom: 20px;
    }
    .change-arrows {
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
        justify-content: center;
    }
    .team-title h2 {
        font-size: 3rem;
        text-align: center;
    }
    .team-container {
        padding-left: 25px;
        padding-right: 25px;
    }
    .carousel-card {
        display: flex;
        justify-content: center;
    }
    .carousel-control-next, .carousel-control-prev {
        width: 8%;
    }
    .carousel-control-prev {
        left: -17px;
    }
    .carousel-control-next {
        right: -17px;
    }
    .carousel-indicators {
        margin-bottom: -2rem;
    }
    .carousel-indicators [data-bs-target] { 
        border-radius: 50%;
        width: 11px;
        height: 11px;
        margin-right: 5px;
        margin-left: 5px;
    }
    .profile-card {
        margin-left: 2px;
        width: 90%;
        margin-bottom: 20px;
    }
    .ot-cards-row {
        display: none;
    }
    .profile-icons-col {
        justify-content: center;
    }
    .form-cont-col {
        padding-left: 25px;
        padding-right: 25px;
    }
    .form-btn-col {
        margin-bottom: 10px;
    }
    .form-container {
        padding-left: 25px;
        padding-right: 25px;
    }
    .fb-sec-container {
        padding-left: 25px;
        padding-right: 25px;
    }
    .fb-arrow-col {
        justify-content: center;
    }
    .fb-spacer {
        height: 10px !important;
    }
}

/* Large-Tablet version */

@media (min-width:768px) and (max-width:1024px){
    .logo-box {
        margin-left: 0;
        padding: 0;
    }
    .top-bar-container {
        padding: 1rem;
    }
    .top-bar-container .logo-box img {
        width: 100%;
    }
    .links-area {
        display: inline-block;
        margin-left: 0;
    }
    .link-con {
        margin-left: 25px;
        display: inline-block;
    }
    .link-icon {
        display: inline-block;
    }
    .link {
        display: inline-block;
    }
    .link-con .link {
        font-size: 16px;
    }
    .nav-empty-col {
        display: none;
    }
    .nav-bar-container {
        padding: 12px;
    }
    .nav-con {
        display: inline !important;
        padding: 0;
        width: 100%;
    }
    .title-section {
        padding-left: 25px;
        padding-right: 25px;
        margin-top: 40px;
        margin-left: 0;
        text-align: center;
        width: 100%;
    }
    .hero-btn-col {
        width: 36%;
        margin-bottom: 10px;
    }
    .hero-btn-row {
        justify-content: center;
    }
    .picture-section {
        margin-left: 0;
        margin-top: 50px;
        padding-left: 25px;
        padding-right: 25px;
        width: 100%;
    }

    .picture-section .main-img {
        width: 120%;
        margin-left: -98px;
    }
    .picture-section .arrow-row {
        left: 268px;
        bottom: 22px;
    }
    .picture-section .left-arrow {
        width: 20%;
    }
    .picture-section .right-arrow {
        width: 20%;
    }
    .picture-section .client-reviews-row {
        width: 28%;
        top: 110px;
        left: 42px;
    }
    .client-pics .review-pics {
        width: 100%;
        margin-bottom: -4px;
    }
    .client-reviews-row .client-count {
        font-size: 40px;
        margin-bottom: -8px;
    }
    .client-reviews-row p {
        font-size: 16px;
        margin-bottom: 0.7rem;
    }
    .exp-row {
        width: 24%;
        top: 43%;
        right: 30px;
    }
    .exp-row h1 {
        font-size: 36px;
    }
    .exp-row p {
        font-size: 16px;
    }
    .happy-row {
        width: 26%;
        bottom: 148px;
        left: 112px;
    }
    .happy-row h1 {
        font-size: 40px;
        margin-top: 14px;
    }
    .happy-row p {
        font-size: 16px;
        margin-bottom: 0.7rem;
    }
    .hero-spacer {
        height: 10px !important;
    }
    .vid-row .heading-section {
        padding-left: 25px;
        padding-right: 25px;
        margin-top: 0;
        margin-left: 0;
        width: 100%;
        text-align: center;
    }
    .video-section {
        margin-left: 0;
        margin-top: 45px;
        width: 100%;
    }
    .whyss-video video {
        width: 95%;
        height: 500px;
    }
    .vid-spacer {
        height: 0 !important;
    }
    .vid-p-row {
        justify-content: center;
    }
    .vid-b-row {
        justify-content: center;
    }
    .service-title-row {
        padding-left: 25px;
        padding-right: 25px;
        text-align: center;
    }
    .services-heading {
        padding: 0;
    }
    .service-row {
        padding-left: 25px;
        padding-right: 25px;
    }
    .service-row .service-picture {
        display: none;
    }
    .service-card-col {
        width: 100%;
    }
    .service-card-row {
        margin-top: 15px;
    }
    .service-card {
        margin: 10px 20px 30px 0;
    }
    .mob-tab-pic-row {
        margin: 0;
    }
    .mob-tab-immigration-pic {
        display: block !important;
    }
    .mob-tab-immigration-cards {
        display: block !important;
    }
    .card-details {
        display: none;
        margin: 45px 0 0 0;
        padding: 0;
        width: 100%;
    }
    .card-picture img {
        width: 100%;
    }
    .scrl-service-cards {
        text-align: center;
        margin-bottom: 20px;
    }
    .sc-btn-col .action-btn {
        width: 40%;
    }
    .sc-arrows-col {
        margin: auto;
    }
    .change-arrows {
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
        justify-content: center;
    }
    .team-title h2 {
        text-align: center;
    }
    .team-container {
        padding-left: 25px;
        padding-right: 25px;
    }
    .carousel-card {
        display: flex;
        justify-content: center;
    }
    .carousel-control-next, .carousel-control-prev {
        width: 8%;
    }
    .carousel-control-prev {
        left: -17px;
    }
    .carousel-control-next {
        right: -17px;
    }
    .carousel-indicators {
        margin-bottom: -2rem;
    }
    .carousel-indicators [data-bs-target] { 
        border-radius: 50%;
        width: 11px;
        height: 11px;
        margin-right: 5px;
        margin-left: 5px;
    }
    .profile-card {
        margin-left: 2px;
        width: 90%;
        margin-bottom: 20px;
    }
    .ot-cards-row {
        display: none;
    }
    .profile-icons-col {
        justify-content: center;
    }
    .ot-cards-col {
        margin: 0;
        width: 100%;
    }
    .form-cont-col {
        padding-left: 25px;
        padding-right: 25px;
        margin: 0;
        width: 100%;
    }
    .form-btn-col {
        margin-bottom: 10px;
    }
    .form-container {
        padding-left: 25px;
        padding-right: 25px;
    }
    .fb-sec-container {
        padding-left: 25px;
        padding-right: 25px;
    }
    .fb-sec-col {
        margin: 0;
    }
    .fb-arrow-col {
        justify-content: center;
    }
    .fb-spacer {
        height: 10px !important;
    }
}

/* Larger-tablet-version */

@media (min-width:1025px) and (max-width:1280px){
    .body {
        font-size: 16px;
    }
    .logo-box {
        margin-left: 30px;
        padding: 0;
    }
    .top-bar-container {
        padding: 1rem;
        text-align: center;
    }
    .top-bar-container .logo-box img {
        width: 100%;
    }
    .links-area {
        display: inline-block;
        margin-left: 0;
        margin-top: 5px;
        width: 52%;
    }
    .link-con {
        margin-left: 25px;
        display: inline-block;
    }
    .link-icon {
        display: inline-block;
    }
    .link {
        display: inline-block;
    }
    .link-con .link {
        font-size: 16px;
    }
    .nav-empty-col {
        display: none;
    }
    .nav-bar-container {
        padding: 12px;
        margin-bottom: 10px;
    }
    .nav-con {
        display: inline !important;
        padding: 0;
        width: 100%;
    }
    .navbar-expand-md .navbar-collapse {
        justify-content: center;
    }
    .hero-container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .title-section {
        padding-left: 0;
        padding-right: 0px;
        margin-top: 110px;
        margin-left: 50px;
        width: 41.666667%;
    }
    .title-section h1 {
        font-size: 3rem;
    }
    .action-btn {
        font-size: 16px;
    }
    .picture-section {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .picture-section .arrow-row {
        bottom: 48px;
        left: 60px;
    }
    .client-pics .review-pics {
        width: 100%;
    }
    .client-reviews-row .client-count {
        font-size: 36px;
        margin-bottom: -10px;
    }
    .client-reviews-row p {
        font-size: 16px;
    }
    .picture-section .client-reviews-row{
        width: 32%;
        top: 125px;
        left: 20px;
    }
    .exp-row h1 {
        font-size: 16px;
    }
    .exp-row p {
        font-size: 12px;
    }
    .happy-row {
        bottom: 135px;
        left: 90px;
    }
    .happy-row h1 {
        font-size: 36px;
        margin-top: 18px;
    }
    .happy-row p {
        font-size: 16px;
    }
    .video-sec-container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .heading-section {
        margin-left: 50px;
        width: 41.666667%;
    }
    .heading-section h2 {
        font-size: 3rem;
    }
    .os-sec-container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .services-heading h2 {
        font-size: 3rem;
    }
    .service-picture {
        margin-left: 50px;
    }
    .service-picture img {
        width: 100%;
    }
    .service-card-col {
        width: 26%;
    }
    .profile-icons img {
        width: 35px;
    }
    .card-details {
        margin: 45px 0 0 20px;
    }
    .card-title h3 {
        font-size: 16px;
    }
    .sc-arrows-col {
        justify-content: center;
        margin-top: 10px;
    }
    .change-arrows {
        margin-left: 0;
    }
    .team-title h2 {
        font-size: 3rem;
    }
    .profile-name {
        height: 100px;
    }
    .team-container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .carousel-card {
        display: flex;
        justify-content: center;
    }
    .carousel-control-next, .carousel-control-prev {
        width: 8%;
    }
    .carousel-control-prev {
        left: -17px;
    }
    .carousel-control-next {
        right: -17px;
    }
    .carousel-indicators {
        margin-bottom: -2rem;
    }
    .carousel-indicators [data-bs-target] { 
        border-radius: 50%;
        width: 11px;
        height: 11px;
        margin-right: 5px;
        margin-left: 5px;
    }
    .profile-card {
        margin-left: 2px;
        width: 90%;
        margin-bottom: 20px;
    }
    .ot-cards-row {
        display: none;
    }
    .ot-cards-col {
        width: 85%;
    }
    .advice-form-title {
        font-size: 3rem;
    }
    .advice-form-title {
        font-size: 3rem;
    }
    .review-card-col {
        width: 30%;
    }
}

/* Laptop-version */

@media (min-width:1281px) and (max-width:1600px){
    .body {
        font-size: 16px;
    }
    .logo-box {
        margin-left: 30px;
        padding: 0;
    }
    .top-bar-container {
        padding: 1rem;
        text-align: center;
    }
    .top-bar-container .logo-box img {
        width: 100%;
    }
    .links-area {
        margin-left: 0;
        margin-top: 15px;
        width: 65%;
    }
    .link-con {
        margin-left: 25px;
        display: inline-block;
    }
    .link-icon {
        display: inline-block;
    }
    .link {
        display: inline-block;
    }
	.link-con .link a {
		font-size: 14px;
	}
    .link-con .link {
        font-size: 14px;
    }
    .nav-empty-col {
        display: none;
    }
    .nav-bar-container {
        padding: 12px;
        margin-bottom: 10px;
    }
    .nav-con {
        display: inline !important;
        padding: 0;
        width: 100%;
    }
    .navbar-expand-md .navbar-collapse {
        justify-content: center;
    }
    .hero-container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .title-section {
        padding-left: 0;
        padding-right: 0px;
        margin-top: 110px;
        margin-left: 50px;
        width: 41.666667%;
    }
    .title-section h1 {
        font-size: 3rem;
    }
    .action-btn {
        font-size: 16px;
    }
    .picture-section {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .picture-section .arrow-row {
        bottom: 10px;
        left: 138px;
    }
    .client-pics .review-pics {
        width: 100%;
    }
    .client-reviews-row .client-count {
        font-size: 36px;
        margin-bottom: -10px;
    }
    .client-reviews-row p {
        font-size: 14px;
    }
    .picture-section .client-reviews-row{
        width: 32%;
        top: 125px;
        left: 20px;
    }
    .exp-row h1 {
        font-size: 18px;
    }
    .exp-row p {
        font-size: 14px;
    }
    .happy-row {
        bottom: 135px;
        left: 90px;
    }
    .happy-row h1 {
        font-size: 36px;
        margin-top: 18px;
    }
    .happy-row p {
        font-size: 14px;
    }
    .video-sec-container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .heading-section {
        margin-left: 50px;
        width: 41.666667%;
    }
    .heading-section h2 {
        font-size: 3rem;
    }
    .os-sec-container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .services-heading h2 {
        font-size: 3rem;
    }
    .service-picture {
        margin-left: 50px;
    }
    .service-picture img {
        width: 100%;
    }
    .service-card-col {
        width: 26%;
    }
    .profile-icons img {
        width: 35px;
    }
    .card-details {
        margin: 45px 0 0 20px;
    }
    .card-title h3 {
        font-size: 16px;
    }
    .sc-arrows-col {
        justify-content: center;
        margin-top: 10px;
    }
    .change-arrows {
        margin-left: 0;
    }
    .team-title h2 {
        font-size: 3rem;
    }
    .profile-name {
        height: 90px;
    }
    .team-container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .mobview-team-carousel {
        display: none;
    }
    .ot-cards-col {
        width: 85%;
    }
    .advice-form-title {
        font-size: 3rem;
    }
    .advice-form-title {
        font-size: 3rem;
    }
}


@media (min-width: 1281px) and (max-width: 1440px)
{

	.nav-link {
		font-size: 14px;
		margin: 0 10px;
	}
	.link-con {
		flex-direction: column;
	}
	.card-pic {
		width: 90px;
		height: 90px;
		padding: 20px;
	}
	.service-card {
		height: 192px;
		padding: 20px;
		margin: 10px 20px 20px -10px;
	}
	.card-title h3 {
		font-size: 16px;
	}

    .service-card {
        height: 185px;
        padding: 10px;
        margin: 10px 20px 10px -4px;
    }

    .card-pic {
        width: 100px;
        height: 100px;
        padding: 16px;
    }

    .card-details {
        margin: 10px 0 0 20px !important;
    }

    .au-pic-col img {
        height: 860px;
    }
}

/* Desktop-version */

@media (min-width:1601px) {
    .profile-name {
        height: 70px;
    }
    .mobview-team-carousel {
        display: none;
    }
} 

table tr {
	border: 1px solid #4a4a4a;
}

/* ----- Fixed-footer-mobile ----- */

.footer-mobile-top-scrl {
    padding: 0 25px;
    margin-bottom: 20px;
}
.footer-mobile-top-scrl a {
    padding: 0;
    text-decoration: none;
}
.ft-scrl-btn {
    display: flex;
    width: 36px;
    padding: 8px;
    justify-content: center;
    background: var(--sunrise-theme-color);
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s;
}
.ft-scrl-btn.active {
    pointer-events: auto;
    opacity: 1;
}

/* ----- Fixed-footer-mobile ----- */

#sp-ea-28474.sp-easy-accordion > .sp-ea-single {
	box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

/* ----- Google-reviews-bar-Start ----- */

.google-reviews-row {
    display: flex;
    align-items: center;
    padding: 15px;
    border: 1px solid #74a735;
    border-radius: 5px;
}
.google-reviews-row p {
    margin-bottom: 0;
    margin-left: 10px;
}
.google-reviews-row img {
    margin-left: 10px;
}
.google-logo {
    width: 80px;
    height: 27px;
}
.fivestar-img {
    width: 125px;
    height: 20px;
}
.google-review-btn {
    color: #ffffff;
    background: var(--sunrise-theme-color);
}
.gr-top-col {
    display: flex;
    justify-content: center;
    flex-wrap: inherit;
}
.gr-bot-col {
    display: flex;
}

@media (max-width:768px){

    .gr-bot-col {
        justify-content: center;
        margin-top: 10px;
    }
    .google-review-btn {
        margin: 0 !important;
    }
}

/* ----- Google-reviews-bar-End ----- */

/* ----- Mobile-Free-Advice-Form-CSS ----- */
@media (min-width: 1280px)
{
	.mob-free-enquiry {
		display: none;
	}
}
.advice-form-col{
    margin: 0;
}
.advice-form-title-row {
    text-align: center;
    margin: 0;
}
.advice-form-cont {
    margin: 0;
}
.af-title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
}
.af-field-cont {
    display: flex;
    align-items: center;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    padding: 10px;
    margin: 15px 0;
}
.af-field-cont i {
    background: var(--sunrise-theme-color);
    padding: 8px 10px;
    border-radius: 5px;
    color: #fff;
}
.af-field-area {
    border: none;
    font-size: 14px;
    font-weight: 300;
}
.af-field-area:focus {
    box-shadow: none;
    border-color: #dee2e6;
}
.af-btn-row {
    margin: 0;
    padding: 0;
}
.af-btn-row .action-btn {
    background: var(--sunrise-theme-color);
    color: #ffffff;
    padding: 12px;
}