@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

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

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap');



body {

    padding: 0px;

    margin: 0px;

    font-family:'Playfair Display', serif;

    overflow-x: hidden !important;

}

p{

    font-family: 'PT Sans', sans-serif;

}


section {

    width: 100%;

    overflow-x: hidden !important;

    overflow-y: hidden;

}



/*======= header sec start ======*/

.header_sec {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    background-color: transparent;

    transition: all 0.3s;

    z-index: 99;

    padding: 20px 0;

    backdrop-filter: blur(0px);



}



.fixed {

    position: fixed;

    background-color: #00000052;

    backdrop-filter: blur(10px);

    transition: all 0.3s;

    box-shadow: 0px 6px 20px #dddddd5e;

    padding: 10px 0;

}



.header_sec .container {

    max-width: 95%;

}



#dropdownMenuButton1 {

    border: none;

    background-color: transparent;

    outline: none;

    box-shadow: none;

    position: relative;

    margin-left: 10px;

    font-family: 'PT Sans', sans-serif;

    margin-bottom: 4px;

}

.dropdown-item{
   font-family: 'PT Sans', sans-serif; 
}



#dropdownMenuButton1::before {

    content: "";

    position: absolute;

    top: 42%;

    transform: translateY(-50%);

    left: -6px;

    width: 1px;

    height: 40%;

    background-color: #fff;

}



#navbarSupportedContent {

    justify-content: end;

}



.navbar-nav {

    gap: 30px;

    margin-top: -60px;

}



.navbar-expand-lg .navbar-nav .nav-link {

    padding-right: 0px;

    padding-left: 0px;

}



.navbar-light .navbar-nav .nav-link {

    color: #fff;

    text-align: center;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    text-transform: capitalize;

    padding: 0;

    position: relative;

    font-family: 'PT Sans', sans-serif;

}



.navbar-light .navbar-nav .nav-link.active,

.navbar-light .navbar-nav .show>.nav-link {

    color: #ffb000;

}



.navbar-light .navbar-nav .nav-link:focus,

.navbar-light .navbar-nav .nav-link:hover {

    color: #ffb000;

}



.navbar-light .navbar-nav .nav-link::before {

    content: "";

    position: absolute;

    bottom: -3px;

    left: 50%;

    width: 0%;

    height: 2px;

    background-color: #ffb000;

    transition: 0.2s;

    transform: translateX(-50%);

}



.navbar-light .navbar-nav .nav-link.active::before {

    width: 100%;

    opacity: 1;

}



.navbar-light .navbar-nav .nav-link:hover::before {

    width: 100%;

    opacity: 1;

    visibility: visible;

    transition: 0.2s;

}



.talk-btn {

    border: 1px solid #ddd;

    padding: 10px 15px !important;

    margin-top: -52px;

    margin-left: 30px;

    color: #fff;

    text-align: center;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    text-transform: capitalize;

    padding: 0;

    position: relative;

    z-index: 1;

    font-family: 'PT Sans', sans-serif;

}

.talk-btn:hover{

    background-color: #ffb000;

    transition: 0.5s;

    color: #fff;

}

.menu-btn {

    display: none;

}



.menu-close {

    display: none;

}

.menu-dropdown{

    position: relative;

}

.dropdown-list {
    position: absolute;
    top: 100%;
    left: -80px;
    width: 200px;
    background-color: #00b5ab;
    padding: 0;
    margin: 0;
    list-style: none;
    transform: translateY(50px);
    box-shadow: 1px 2px 20px #00b5ab4a;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
}

.menu-dropdown:hover .dropdown-list{

    transition: 0.5s;

    transform: translateY(10px);

    opacity: 1;

    visibility: visible;

} 

.dropdown-list li a {

    color: #fff;

    text-decoration: none;

    font-size: 14px;

    font-weight: 500;

    display: block;

    padding: 10px;

    background:transparent;

    transition: 0.5s;

    text-transform: capitalize;

    border-bottom: 1px solid #fff;

    text-align: center;

    font-family: 'PT Sans', sans-serif;

}

.dropdown-list li:last-child a{

    border-bottom: 0px;

}

.dropdown-list li a:hover{

    color: #fff;

    background-color: #ffb000;

    transition: 0.5s;

    border-color: #ffb000;

}

.menu-dropdown .nav-link span {

    font-size: 12px;

}

.snd-dropdown{

    position: relative;

}

.snd-drop-list {

    position: absolute;

    top: 100%;

    left: 80px;

    width: 250px;

    background-color: #00b5ab;

    padding: 0;

    margin: 0;

    list-style: none;

    transform: translateY(50px);

    box-shadow: 1px 2px 20px #0000008c;

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;

}

.snd-dropdown:hover .snd-drop-list{

    transition: 0.5s;

    transform: translateY(6px);

    opacity: 1;

    visibility: visible;

} 

.snd-dropdown a span{

    font-size: 10px;

}
.nav-btn-area{
    position: relative;
}

.download-btn {
    display: block;
    position: absolute;
    top: -82px;
    color: #fff !important;
    font-size: 13px;
    font-family: 'PT Sans', sans-serif;
    text-align: center;
    text-decoration: none;
    right: 0;
}
.fixed .download-btn{
    top: -78px;
}

/*======= header sec end ======*/



/*====== banner sec start ======*/

.banner_area {

    position: relative;

}



.banner-text h2 {

    color: #fff;

    font-size: 40px;

    font-style: normal;

    font-weight: 700;

    margin: 0 auto 0;

    text-align: center;

    width: 48%;

    display: table;

    padding: 5px;

    background: #ffb000;

}



.banner-text h1 {

    color: #fff;

    font-size: 40px;

    font-style: normal;

    font-weight: 700;

    margin: 0 auto 0;

    text-align: center;

    width: 50%;

    display: table;

    padding: 5px;

    background: #10969d;

}



.banner_item {

    position: relative;

    overflow: hidden;

}



/*.banner_item .banner-i{

    filter: blur(20px);

    transition: all 0.5s;

    transition-delay: 0.2s;

}*/

.banner_overley {

    position: absolute;

    bottom: -100%;

    left: 50%;

    transform: translateX(-50%);

    width: 100%;

    transition: all 0.5s;

    transition-delay: 0.5s;

}



.banner_area .owl-item.active.center .banner_overley {

    bottom: 10% !important;

    transition: all 0.5s;

    transition-delay: 0.5s;

}

.banner_area .owl-nav {
    display: block !important;
}


/*.banner_area .owl-item.active.center .banner-i{

    filter: blur(0px);

    transition:all 0.5s;

    transition-delay: 0.2s;

}*/

.scroll-down {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 40px;

    animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);

}

@keyframes bounce {
50% {
    transform: translateY(-15px);
  }
}



.scroll-down img {

    filter: invert(1);

    max-width: 51px;

    height: auto !important;

    transform: rotate(90deg);

}



.banner_area .owl-prev {

    position: absolute;

    top: 50%;

    left: 40px;

    transform: scale(1);

    transition: 0.5s;

}



.article_slider .owl-prev {

    position: absolute;

    top: 50%;

    left: -70px;

    transform: scale(1);

    transition: 0.5s;

}



.article_slider .owl-next {

    position: absolute;

    top: 50%;

    right: -60px;

    transform: scale(1);

    transition: 0.5s;

}



.ar-slider .owl-prev {

    position: absolute;

    top: -45px;

    left: -110px;

    transform: scale(1);

    transition: 0.5s;

}



.ar-slider .owl-next {

    position: absolute;

    top: -45px;

    right: -20px;

    transform: scale(1);

    transition: 0.5s;

}



.ar-slider .arrow,

.ar-slider .arrow:hover {

    border: none;

}



.ar-slider .arrow .article_slider .owl-prev,

.article_slider .owl-next {

    filter: invert(1);

}



.banner_area .owl-prev:hover,

.article_slider .owl-prev:hover {

    transform: scale(1.2);

    transition: 0.3s;

}



.banner_area .owl-next {

    position: absolute;

    top: 50%;

    right: 40px;

    transform: scale(1);

    transition: 0.5s;

}



.banner_area .owl-next:hover,

.article_slider .owl-prev:hover {

    transform: scale(1.2);

    transition: 0.3s;

}



.arrow,

.slick-arrow {

    height: 60px;

    width: 60px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 100%;

    border: 1px solid #fff;

    position: relative;

    transition: all 0.5s ease-in-out;

    overflow: hidden;

    z-index: 1;

}



.silk_arrowL.slick-arrow {

    top: 50%;

    left: -7%;

    position: absolute;

    transform: translateY(-50%);

}



.silk_arrowR.slick-arrow {

    top: 50%;

    right: -7%;

    position: absolute;

    transform: translateY(-50%);

}



.arrow:hover,

.slick-arrow:hover {

    border: 1px solid transparent;

}



.arrow.right,

.right.slick-arrow img {

    rotate: 180deg;

}



.arrow::after,

.slick-arrow::after {

    content: "";

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) scale(0);

    height: 100%;

    width: 100%;

    position: absolute;

    background: #963a63;

    transition: all 0.5s ease-in-out;

    z-index: -1;

    border-radius: 100%;

}



.arrow:hover::after,

.slick-arrow:hover::after {

    transform: translate(-50%, -50%) scale(1);

}



a.btn.custom_btn {

    padding: 12px 17px;

    background: transparent;

    display: flex;

    justify-content: center;

    align-items: center;

    width: max-content;

    position: relative;

    transition: all 0.5s ease-in-out;

    overflow: hidden;

    gap: 10px;

    border-radius: 0;

    border: 1px solid #ffb000;

    font-family: 'PT Sans', sans-serif;

}



a.btn.custom_btn::after {

    content: "";

    position: absolute;

    top: -3px;

    left: -90%;

    height: 110%;

    width: 54px;

    transform: skewX(49deg);

    background-color: #ffffff47;

    z-index: 0;

    transition: all 0.5s ease-in-out;

}



a.btn.custom_btn:hover::after {

    left: 150%;

}



a.btn.custom_btn span {

    position: relative;

    z-index: 1;

    margin: 0;

    transition: 0.5s ease-in-out;

}



span.btnText {

    color: #000 !important;

}



/*======= banner sec end ========*/

.ar-slider span.arrow.right {

    rotate: none;

}



/*====== service sec start ======*/

.service_sec {

    padding: 80px 0 160px;

    background: #f7f3f3;

}



.service_content h1 {

    font-size: 48px;

    text-align: left;

    line-height: 52px;

    color: #10969d;

    font-weight: 700;

}



.service_content p {

    font-size: 17px;

    color: #787878;

    line-height: 28px;

    font-family: 'PT Sans', sans-serif;

    margin: 20px 0 30px;

}



.know-more span img {

    margin-left: 10px;

}



.know-more {

    padding: 20px 35px;

    background-color: transparent;

    border: 1px solid #ffb000;

    color: #2b2e2d;

    text-transform: uppercase;

    text-decoration: none;

    display: inline-block;

    transition: 0.5s;

}



.know-more:hover {

    background-color: #ffb000;

    transition: 0.5s;

    color: #000;

}



.know-more img {

    transition: 0.5s;

}



.service-list {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 20px;

}



.service-item {

    position: relative;

    text-align: center;

    background: #fff;

    padding: 17px;

    border-radius: 25px;

    box-shadow: 1px 2px 20px #dfdede;

    transition: 0.5s;

    z-index: 1;

    overflow: hidden;

}

.service-item::after {

    content: "";

    position: absolute;

    top: 0;

    right: -200px;

    width: 50px;

    height: 50px;

    background-color: #ffb000;

    transition: 0.5s;

    z-index: -1;

    border-radius: 50%;

    opacity: 0;

    visibility: hidden;

}

.service-item:hover::after{

    right: 0;

    width: 100%;

    height: 100%;

    opacity: 1;

    visibility: visible;

    transition: 0.5s;

    border-radius: 0%;

}

.service-item:hover {

    transition: 0.5s;

    box-shadow: 1px 2px 20px #686868;

}



.service-item .service-icon {

    position: relative;

    margin-bottom: 5px;

    display: flex;

    justify-content: center;

}



.service-item .service-icon .sr-1 {
    opacity: 1;
    transition: 0.5s;
    max-width: 80px;
}



.service-item:hover .service-icon .sr-1 {

    transition: 0.5s;

    filter: brightness(0) invert(1);

}



.service-item .service-icon .sr-2 {

    opacity: 0;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    transition: 0.5s;

    display: none;

}



.service-item:hover .service-icon .sr-2 {

    opacity: 1;

    transition: 0.5s;

}



.service-item.active .service-icon .sr-2 {

    opacity: 1;

    transition: 0.5s;

}



.service-text p {

    font-size: 16px;

    color: #ffb000;

    margin: 0;

    line-height: 30px;

    font-weight: 500;

    transition: 0.5s;

}



.service-item:hover .service-text p {

    color: #fff;

    transition: 0.5s;

}



.service-item.active .service-text p {

    color: #fff;

    transition: 0.5s;

}



.service-text span {

    font-size: 16px;

    color: #10969d;

    margin: 0;

    line-height: 20px;

    font-weight: 500;

    transition: 0.5s;

    display: block;

}



.service-item:hover .service-text span {

    color: #fff;

    transition: 0.5s;

}



.service-item.active .service-text span {

    color: #fff;

    transition: 0.5s;

}



/*======== service sec end =======*/



/*======== video sec start =======*/

.video_sec {

    position: relative;

    margin-top: -80px;

    padding-bottom: 80px;

}



.video_area {

    position: relative;

}



.play-btn {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background-color: transparent;

    border: none;

    outline: none;

    box-shadow: none;

}



/*======== video sec end =======*/





/*======= finding sec start =======*/

.finding_sec {

    background-image: url(../images/banner_01.png);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    height: 767px;

    overflow: hidden;

}



.finding_heading {

    background: #fff;

    padding-bottom: 40px;

}



.finding_heading h1 {

    font-size: 48px;

    line-height: 52px;

    color: #10969d;

    text-align: center;

    margin-bottom: 1rem;

    font-weight: 700;

}



.finding_heading p {

    font-size: 14px;

    line-height: 24px;

    color: #343433;

    text-align: center;

    width: 45%;

    margin: 0 auto 0;

    font-weight: 500;

}

.finding-item {

    position: relative;

}



.finding-item .find-i {

    width: 100%;

    height: 607px;

    object-fit: cover;

    border-left: 1px solid #ddd;

    border-right: 1px solid #ddd;

}



.finding_slider .slick-current .finding-item .find-i {

    border-right: 0px;

}



.finding_text {

    position: absolute;

    bottom: 0;

    left: 0;

    padding: 40px 40px 40px;

    background-color: transparent;

    transition: 0.5s;

    width: 100%;

}



.finding_slider .slick-current .finding_text {

    background-color: #10969deb;

    transition: 0.5s;

}



.finding-item:hover .finding_text {

    background-color: #10969deb;

    transition: 0.5s;

}



.finding_text h3 {

    color: #fff;

    font-size: 30px;

    line-height: 36px;

    font-weight: 500;

}



.finding_text p {

    font-size: 14px;

    line-height: 24px;

    color: #fff;

}

.finding-item .btn.custom_btn{

    background-color: #ffb000;

}

.explore-btn {

    color: #000;

    font-size: 16px;

    text-transform: uppercase;

    padding: 15px 30px;

    background-color: #ffb000;

    border: 1px solid #ffb000;

    display: flex;

    align-items: center;

    gap: 10px;

    width: 40%;

    text-decoration: none;

    opacity: 0;

    visibility: hidden;

    transition: 0.5s;

    transform: translateY(200px);

}



.explore-btn:hover {

    background-color: transparent;

    transition: 0.5s;

    color: #fff;

}



.explore-btn img {

    filter: invert(0);

    transition: 0.5s;

}



.explore-btn:hover img {

    filter: invert(1);

    transition: 0.5s;

}



.finding_slider .slick-current .explore-btn {

    opacity: 1;

    visibility: visible;

    transform: translateY(-0px);

    transition: 0.5s;

}



.finding-item:hover .explore-btn {

    opacity: 1;

    visibility: visible;

    transform: translateY(-0px);

    transition: 0.5s;

}



.explore-btn span img {

    margin-left: 10px;

}



.finding_slider .arrow_left.slick-arrow {

    position: absolute;

    top: 50%;

    transform: scale(1);

    left: -100px;

    z-index: 1;

    cursor: pointer;

    transition: 0.5s;

}



.finding_slider .arrow_left.slick-arrow:hover {

    transition: 0.3s;

    transform: scale(1.2);

}



.finding_slider .arrow_right.slick-arrow {

    position: absolute;

    top: 50%;

    transform: scale(1);

    right: -100px;

    z-index: 1;

    cursor: pointer;

}



.finding_slider .arrow_right.slick-arrow:hover {

    transition: 0.3s;

    transform: scale(1.2);

}



/*======= findign sec end  ========*/



/*====== main sec start ==========*/

.main_sec {

    background: #f7f3f3;

    padding: 80px 0;

}



.mail_area {

    position: relative;

    margin: 20px 0 0;

}



.mail_area .service-item {

    margin: 30px 15px !important;

}



.mail_area .service-icon img {

    width: 69px !important;

    height: auto;

}



.mail_heading h1 {

    font-size: 48px;

    line-height: 52px;

    color: #10969d;

    text-align: center;

    margin-bottom: 1rem;

    font-weight: 700;

}



.mail_heading p {

    font-size: 14px;

    line-height: 24px;

    color: #343433;

    text-align: center;

    width: 65%;

    margin: 0 auto 0;

    font-weight: 500;

}



.mail_area .owl-prev {

    position: absolute;

    top: 40%;

    left: -100px;

    filter: invert(1);

    transform: scale(1);

    transition: 0.5s;

}



.mail_area .owl-prev:hover {

    transition: 0.3s;

    transform: scale(1.2);

}



.mail_area .owl-next {

    position: absolute;

    top: 40%;

    right: -100px;

    filter: invert(1);

    transform: scale(1);

    transition: 0.5s;

}



.mail_area .owl-next:hover {

    transition: 0.3s;

    transform: scale(1.2);

}



/*===== mail area end ======*/



/*===== malti images sec start ======*/

.malti_sec .container {

    max-width: 95%;

}



.malti_sec {

    padding: 80px 0 0;

}



.image-row {

    display: flex;

}



.image-row .img-grid {

    margin: 4px;

    height: auto;

    position: relative;

    overflow: hidden;

}



.grid-overley {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    background-color: #ffb000;

    padding: 30px;

    color: #fff;

    font-size: 30px;

    line-height: 36px;

    transition: 0.5s;

    transform: scale(0);

    opacity: 0;

    visibility: hidden;

}



#fixed-grid .grid-overley {

    transform: scale(1);

    opacity: 1;

    visibility: visible;

}



.image-row .img-grid:hover .grid-overley {

    opacity: 1;

    visibility: visible;

    transform: scale(1);

    transition: 0.5s;

}

.grid-overley a {

    display: inline-block;

    width: 50px;

    height: 50px;

    /*border: 1px solid #fff;*/

    text-align: center;

    line-height: 45px;

    border-radius: 50%;

    transition: 0.5s;

    transform: scale(1);

    margin-top: 0px;

}

.grid-overley a:hover{

    background-color: #963a63;

    transition: 0.5s;

    transform: scale(1.2);

    margin-top: 10px;

}



/*====== malti iamges sec end =======*/



.ab-sri{
    padding-top: 40px !important;
}
.ab-sri .about-sriram-content p{
    margin-bottom: 2.3rem;
}
.ab-sri .service-text p {
    font-size: 30px;
    line-height: 40px;
}
/*====== map sec start ======*/

.map_sec {

    position: relative;
    padding: 80px 0 0;

}
.map_sec .container{
    max-width: 95%;
}

.gallery {
    margin-top: 40px;
}


.map_sec .map_box {
    height: 600px;

    width: 100%;

    display: none;

}



.map_box.activebox {

    display: block;

}



.map_sec .map_box img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.location-main {

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    transform: translateY(-50%);

}



.location_area {

    background: #fff;

    padding: 25px;

}



.location_area h3 {

    font-size: 30px;

    line-height: 36px;

    color: #10969d;

    margin-bottom: 0.8rem;

    font-weight: 700;

}



.tablinks {

    border: none;

    color: #4b4b5d;

    font-size: 20px;

    background: transparent;

    padding: 15px 0;

    line-height: 18px;

    width: 100%;

    text-align: left;

    font-weight: 600;

}



.lg-arrow {

    float: right;

    transform: rotate(0deg);

    transition: 0.5s;

}



.tablinks.active .lg-arrow {

    transform: rotate(-90deg);

    transition: 0.5s;

}



.tablinks .loc-data {

    display: none;

    font-size: 14px;

    line-height: 18px;

    color: #ffb000;

    text-transform: capitalize;

    margin-top: 10px;

}



.tablinks .loc-data p {

    margin: 0;

}



.tablinks .loc-data span {

    color: #878793;

}



.tablinks.active .loc-data {

    display: block;

}



/* Style the tab content */

.tabcontent {

    display: none;

    margin: 0 auto 0;

    position: relative;

}



.location-form {

    position: relative;

    width: 250px;

    height: 250px;

    background-color: #f7f3f3;

    border: 2px solid #10969d;

    border-radius: 50%;

    margin: 0 auto;

}



.location-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: -33px;

}



.location-form p {

    font-size: 16px;

    line-height: 20px;

    color: #4b4b5d;

    font-weight: 500;

    margin: 0;

    text-align: center;

}



.lg-more {

    padding: 15px;

    display: inline-block;

    width: 100%;

    background: #10969d;

    color: #fff;

    text-decoration: none;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 15px;

}



.lg-more span img {

    filter: invert(1);

}

.location_area a.btn.custom_btn {

    width: 100%;

    border-color: #10969d;

    background: #10969d;

}

.location_area span.btnText {

    color: #fff !important;

}

.location_area span.btn_img img {

    filter: invert(1);

}

.location_area a.btn.custom_btn:hover{

    border-color: #ffb000;

}



/*====== map sec end  =======*/



/*====== arcitech_sec start ======*/

.arcitech_sec {

    padding: 80px 0;

}



.ar-content h1 {

    color: #10969d;

    font-size: 50px;

    line-height: 63px;

    margin-bottom: 1.6rem;

    font-weight: 700;

}

.ar-content h1 span {
    font-size: 28px;
    line-height: 40px !important;
    display: block;
}


.ar-content p {

    color: #2b2e2d;

    font-size: 14px;

    font-weight: 600;

    line-height: 24px;

    margin-bottom: 1.6rem;

    width: 73%;

    font-weight: 500;

}



.ar-content a {

    color: #000;

    font-weight: 500;

    text-transform: uppercase;

    padding: 20px;

    display: inline-block;

    border: 1px solid #ffb000;

    text-decoration: none;

}



.ar-content a img {

    margin-left: 10px;

}



#revers {

    flex-direction: row-reverse;

    padding-top: 80px;

}



.ar-slide-content {

    background-color: #10969d;

    padding: 30px;

}



.ar-slider {

    position: relative;

}



.ar-slider .owl-nav {

    position: absolute;

    bottom: 45px;

    left: 135px;

    display: flex;

    gap: 10px;

}



.ar-slider .owl-prev {

    transform: rotate(180deg);

}



.ar-slide-content h6 {

    color: #fff;

    font-size: 18px;

}



.ar-slide-content p {

    color: #fff;

    margin: 0;

}



.ar-slide-content p span {

    color: #ffb000;

    font-weight: 700;

}



/*====== arcitech_sec end  =======*/





/*====== article_sec start  =======*/

.article_sec {

    padding: 80px 0;

    background-color: #f2f6f9;

}



.artcile_content {

    margin-top: 1.5rem;

}



.artcile_content span {
    font-size: 12px;
    color: #319ea5;
    line-height: 30px;
    font-weight: 700;
    font-family: 'PT Sans', sans-serif;
}

.article_sec .mail_heading h1 {
    margin-bottom: 0;
}

.artcile_content h3 {

    font-size: 24px;

    color: #000;

    line-height: 30px;

    margin-bottom: 1.3rem;

}



.artcile_content a {

    color: #000;

    font-size: 14px;

    font-weight: 600;

    text-decoration: none;

    line-height: 26px;

}



.artcile_content a span {

    margin-left: 10px;

}



.article_area {

    margin-top: 40px;

}



/*====== article_sec end  =======*/









/*====== touch area start =====*/

.get-touch_sec {

    padding: 80px 0;

    background-color:#963a63;

}



.touch-area {

    padding: 20px;

    border: 1px solid #fff;

    color: #fff;

    font-size: 24px;

    position: relative;

    overflow: hidden;

    z-index: 1;

}

.touch-area::after{

    content: "";

    position: absolute;

    right: -200px;

    top: 0;

    width: 200px;

    height: 200px;

    background-color: #ffb000;

    opacity: 0;

    visibility: hidden;

    transition: 0.8s;

    border-radius: 50%;

    z-index: -1;

}

.touch-area:hover::after{

    width: 100%;

    height: 100%;

    opacity: 1;

    right: 0;

    visibility: visible;

    transition: 0.8s;

    border-radius: 0%;

}



.touch-area h3 {

    margin: 0;

}



.touch-area span {

    margin-left: 20px;

    transition: 0.5s;

}

.touch-area:hover span{

    margin-left: 30px;

    transition: 0.5s;

}



.touch-area span img {

    filter: invert(1);

}



.touch-area a {

    color: #fff !important;

    text-decoration: none;

}



/*======= touch area end ======*/





/*===== footer start ======*/

.ft-logo {

    margin-bottom: 40px;

}



.footer {

    background-color: #09676c;

    padding: 80px 0 0;

}



.footer-logo p {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    margin: 0;
    padding-right: 35px;
    position: relative;
}
.footer-logo p::after {
    content: "";
    position: absolute;
    top: 0;
    right: 25px;
    width: 1px;
    height: 100%;
    background: #dddddd4a;
}



.footer-wiget .ft-logo {

    margin-bottom: 30px;

}



.footer-wiget .ft-logo img {

    max-width: 193px;

}



.footer-wiget ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



.footer-wiget ul li a {

    color: #fff;

    text-decoration: none;

    font-size: 14px;

    line-height: 24px;

    font-family: 'PT Sans', sans-serif;

}



.footer-list {

    display: flex;

    gap: 80px;

}



.address-list .ft-logo {

    margin-bottom: 40px;

    height: 50px;

}



.address-list p {

    font-size: 14px;

    line-height: 24px;

    color: #fff;

    margin: 0;

}



.p-add {

    color: #fff !important;

    text-decoration: none;

    font-size: 14px;

    line-height: 24px;

    display: block;

    font-family: 'PT Sans', sans-serif;

}



.address-list ol {

    display: flex;

    gap: 10px;

    list-style: none;

    padding: 0;

    margin: 15px 0 0;

}



.copy-right p {

    color: #d8d9d8;

    font-size: 14px;

    line-height: 24px;

    margin: 0;

}



.copy-right {

    margin-top: 80px;

    padding: 20px 0;

    border-top: 1px solid #fff;

}



.right-p {

    text-align: right;

}



/*===== footer end  =======*/



/*====== sub banner start ========*/

.subbanner_sec {

    background-size: cover;

    background-repeat: no-repeat;

    background-image: url(../images/banner_01.png);

    background-position: center;

    position: relative;

    z-index: 5;

    height: 480px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.subbanner_sec::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 50%;

    z-index: -1;

    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);

}

.subbanner_sec::after{

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);

}

.subbanner_sec h1{

    color: #FFF;

    text-align: left;

    leading-trim: both;

    text-edge: cap;

    text-shadow: 0px 0px 30px rgba(23, 204, 223, 0.50);

    font-size: 60px;

    font-style: normal;

    font-weight: 800;

    line-height: 65px; /* 108.333% */


}

.breadcrumb li a {

    color: #FFF;

    leading-trim: both;

    text-edge: cap;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px; /* 100% */

    letter-spacing: 1.92px;

    text-decoration: none;

}

.breadcrumb-item.active a{

    color: #EEA034;

}

.breadcrumb-item+.breadcrumb-item::before {

    color: #ffffff;

    font-size: 20px;

}

/*====== sub banner end ========*/



/*====== inner page content =====*/

.inner-content{

    padding: 100px 0;

    background-color: #fff;

}

.inner-content-area h1 {

    font-weight: 800;

    text-transform: capitalize;

    margin-bottom: 1.5rem;

    color: #000;

}

.inner-content-area p {

    color: #333;

    font-weight: 500;

    line-height: 30px;

    margin-bottom: 1rem;

}

/*====== inner page content =====*/





/*===== about us page start =====*/

.about-sec {

    padding: 80px 0 65px;

}

.about-heading button {

    font-size: 35px;

    color: #09676c;

    position: relative;

    font-weight: 700;

    line-height: 40px;

    position: relative;

    background-color: transparent;

    border: none;

    text-align: left;

    margin-bottom: 15px;

}

.about-heading button::before {

    content: "";

    position: absolute;

    top: 25px;

    left: 0;

    width: 0;

    height: 2px;

    background-color: #ffb000;

    opacity: 0;

    visibility: hidden;

    transition: 0.5s;

}

.about-heading button.active{

    color:#ffb000;

    transition: 0.5s;

    padding-left: 50px;

}

.about-heading button.active::before{

    width: 48px;

    opacity: 1;

    visibility: visible;

    transition: 0.5s;

}

.ablinks .mb-about-ct{

    height: 0px;

    transition: 0.5s;

    opacity: 0;

    display: none;

}

.mb-about-ct p {

    font-size: 14px;

    color: #787878;

    line-height: 28px;

    text-transform: capitalize;

    font-weight: 400;

}



.aboutdes p{

    font-size: 18px;

    color: #787878;

    line-height: 28px;

}

.aboutdes{

    display: none;

}



.about-main_sec {

    background: #f7f3f3;

    padding: 80px 0;

}

.about-main_sec .mail_heading h1 {

    margin-bottom: 0.5rem;

}

.about-main_sec .service-item {

    margin-top: 20px;

}

.about-video-sec {

    padding: 80px 0 0;

}

.loves-area {
    display: flex;
    padding: 30px 10px 15px;
    border-radius: 25px;
    border: 1px solid #eae6e6;
    transition: 0.5s;
    box-shadow: 1px 2px 20px transparent;
    position: relative;
    z-index: 1;
    text-align: center;
    min-height: 140px;
    margin: 70px 20px 30px;
}
.loves-icon img {
    width: 50px !important;
}

/*.loves-area::after {

    content: "";

    position: absolute;

    top: 0;

    right: -200px;

    width: 50px;

    height: 50px;

    background-color: #ffb000;

    transition: 0.5s;

    z-index: -1;

    border-radius: 50%;

    opacity: 0;

    visibility: hidden;

}*/

.loves-area:hover::after{

    right: 0;

    width: 100%;

    height: 100%;

    opacity:1 ;

    visibility: visible;

    transition: 0.5s;

    border-radius: 0%;

}

.loves-area:hover{

    color: #fff;

    border-color:#ffb000;

    transition: 0.5s;

    box-shadow: 1px 2px 20px #686868;

    background-color: #ffb000;

}

.loves-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ddd;
    border-radius: 50%;
    transition: 0.5s;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
}

.loves-area:hover .loves-icon{

    background-color: #fff;

    transition: 0.5s;

}

.loves-content p {
    margin: 0;
    font-size: 14px;
}

.love-sec {

    padding: 80px 0;

}

/*===== about us page end =====*/





/*==== about-sriram page start ======*/

.about-sriram-heading{

    padding-top: 80px;

}

.about-sriram {

    padding: 80px 0;

}

.ab-card-row{

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 20px;

}

.about-sriram .mail_heading {

    margin-bottom: 3rem;

}

.about-sriram-content h3 {

    color: #787878;

    font-size: 30px;

    line-height: 36px;

    margin-bottom: 2rem;

}

.about-sriram-content p {

    color: #787878;

    font-size: 16px;

    line-height: 30px;

}

.about-sriram-card .service-item {

    box-shadow: 10px 10px #0000;

    border: 1px solid #ddd;

    padding: 20px;

}

.sriram-item {

    border-radius: 25px;

    overflow: hidden;

    border: 1px solid #ddd;

    box-shadow: 10px 10px 10px transparent;

    margin: 16px;

    transition: 0.5s;

}
.sriram-sd-area .owl-nav{
    display: block !important;
}

.sriram-item:hover{

    box-shadow: 1px 2px 20px #939191;

    transition: 0.5s;

}

.sd-content {

    padding: 20px 0;

    text-align: center;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    position: relative;

    overflow: hidden;

}

.sd-content::before {

    content: "";

    position: absolute;

    bottom: 0;

    right: 0;

    width: 100%;

    height: 0%;

    background-color: #ffb000;

    opacity: 0;

    visibility: hidden;

    transition: 0.5s;

}

.sd-content:hover::before{

    height: 56%;

    opacity: 1;

    visibility: visible;

    transition: 0.5s;

}

.sd-content h4 {

    color: #787878;

    border-bottom: 1px solid #ddd;

    padding-bottom: 20px;

    margin-bottom: 20px;

    width: 100%;

}

.sd-content .btn.custom_btn {

    border-radius: 25px;

    background: transparent;

    border-color: transparent;

}

.sd-content a.btn.custom_btn::before{

    display: none;

}

.sd-content a.btn.custom_btn::after{

    display: none;

}

a.btn.custom_btn::before{

    content: "";

    position: absolute;

    bottom: 0;

    right: -200px;

    width: 100px;

    height: 100px;

    background-color: #ffb000;

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;

    border-radius: 50%;

}

.btn.custom_btn:hover::before {

    opacity: 1;

    visibility: visible;

    transition: 0.5s;

    width: 100%;

    height: 100%;

    right: 0;

    border-radius: 0%;

    z-index: -1;

}

.sd-content .btn.custom_btn:hover .btn_img {

    margin-left: 10px !important;

    transition: 0.5s ease-in-out;

}

.sriram-sd-area .owl-prev {

    position: absolute;

    top: 50%;

    left: -70px;

    transform: scale(1);

    transition: 0.5s;

}

.sriram-sd-area .owl-next {

    position: absolute;

    top: 50%;

    right: -70px;

    transform: scale(1);

    transition: 0.5s;

}

.sriram-sd-area .arrow, .slick-arrow {

    border: 1px solid #000;

}

.finding_slider .slick-arrow{

   border-color: #fff !important; 

}

 .article_slider .owl-nav button.owl-prev .arrow.right{

   border: 1px solid #000; 

}

.article_slider .owl-prev:hover {

   transform:scale(1); 

}

 .article_slider .owl-nav button.owl-prev span.arrow.right img{

      filter: invert(1);

      transition: 0.5s;

}

 .article_slider .owl-nav button.owl-prev span.arrow.right:hover img{

      filter: invert(0);

}



 .article_slider .arrow:hover::after{

        background: #963a63 !important;

}



 .article_slider .arrow:hover{

        background: #963a63 !important;

transform:scale(1.1);

filter: invert(1);

}

 .article_slider .arrow.right:hover{

filter: none;

border: 1px solid #fff !important;

}

.sriram-sd-area .owl-nav img {

    filter: invert(1);

}

.sriram-slider-sec{

    padding: 0px 0px 80px;

}

/*==== about-sriram page end ======*/



/*===== platinum amenities page start ======*/

.god-details-img{

    position: relative;

    border-top-left-radius: 25px;

    border-top-right-radius: 25px;

    overflow: hidden;

}

.god-details-img img{

    width: 100%;

}

.god-overley {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

.god-overley h1 {
    font-size: 48px;
    line-height: 52px;
    color: #10969d;
    font-weight: 700;
}

.god-overley p{


    line-height: 28px;

}
#amenities-gl {
    padding-bottom: 80px;
}

.god-main-tabs {

    display: flex;

}

.god-tabs {
    min-width: 340px;
    width: 30%;
}
.godcontent ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 15px;
}
.godcontent ul li span {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    font-family: 'PT Sans', sans-serif;
}

.godlinks {

    padding: 16px 30px;

    border: none;

    background: transparent;

    width: 100%;

    text-align: left;

    border-left: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    font-size: 16px;

    line-height: 18px;

    font-weight: 700;

    color: #10969d;

    transition: 0.5s;

    font-family: 'PT Sans', sans-serif;

}

.godlinks:hover{

    color:#ffb000;

    transition: 0.5s;

}

.godlinks.active{

    color:#ffb000;

    transition: 0.5s;

    padding: 16px 40px;

}

.godlinks .direction-arrow {

    float: right;

    opacity: 0;

    visibility: hidden;

    transition: 0.5s;

}

.godlinks.active .direction-arrow{

    opacity: 1;

    visibility: visible;

    transition: 0.5s;

}

.godcontent{

    display: none;

}

.godcontent h4 {

    color: #fff;

    font-weight: 600;

    line-height: 30px;

    margin-bottom: 0.5rem;

}

.godcontent p{

    color: #fff;

    line-height: 25px;

    font-size: 14px;

    margin-bottom: 0;

}

.god-tabs-content {

    background: #ffb000;

    padding: 50px;

    width: 100%;

}

.design-highlight{

    padding: 80px 0 0px;

}

.design-highlight-area{

    display: grid;

    grid-template-columns: repeat(2, 1fr);

}

.design-highlight-img img {
    width: 100%;
    height: 534px;
}

.design-highlight-content{

    padding: 50px;

    background-color: #f7f3f3;

}

.design-highlight-content h1{

    font-size: 48px;

    line-height: 52px;

    color: #10969d;

    margin-bottom: 1rem;

    font-weight: 700;

}

.design-list ul{

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    list-style: none;

    grid-gap: 15px;

    padding: 0;

    margin: 0;

}

.design-list ul li {

    display: flex;

    gap: 10px;

    align-items: center;

    position: relative;

    cursor: pointer;

    transition: 0.5s;

    z-index: 1;

    overflow: hidden;

}

.design-list ul li::after {

    content: "";

    position: absolute;

    top: 0;

    right: -50%;

    width: 0%;

    background-color: #10969d;

    height: 4px;

    border-radius: 25px;

    opacity: 0;

    visibility: hidden;

    transition: 0.5s;

    z-index: -1;

}

.design-list ul li.active::after {

    visibility: visible;

    opacity: 1;

    transition: 0.5s;

    right: 0;

    width: 100%;

    height: 100%;

    border-radius: 0;

}

.design-list ul li p {

    color: #787878;

    font-size: 16px;

    margin: 0;

    font-weight: 500;

    transition: 0.5s;

}

.design-list ul li.active p{

    color: #fff !important;

}

#design-ltt ul li p:hover{

    color: #ffb000;

    transition: 0.5s;

}

.mastercnt{

    display: none;

}

.master-list li{

    border: 1px solid #ddd;

    padding: 9px;

} 

.artic-mb{

    display: none;

}  

.godcard-mb{

    display: none;

}

.godcard-mb h4 {

    color: #fff;

    font-weight: 600;

    line-height: 30px;

    margin-bottom: 0.5rem;

}

.godcard-mb p {

    color: #fff;

    line-height: 25px;

    font-size: 14px;

    margin-bottom: 0;

    text-transform: capitalize;

    font-weight: 400;

}

/*===== platinum amenities page end ======*/





/*====== architect-view page start =======*/



#architect-view{

    padding: 80px 0;

}

#architect-view .mail_heading{

    margin-bottom: 2rem;

}

#architect-view .god-tabs-content {

    background: #fff;

    border: 1px solid #ddd;

    padding: 30px;

    max-height: 408px;

}

#architect-view h4 {

    color: #909090;

    line-height: 30px;

}

#architect-view p {

    color: #909090;

    font-weight: 400;

    line-height: 25px;

    margin: 0;

    width: 100%;

}

.architect-detail-box {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-top: 30px;

}

.dtl-content p{

    margin-bottom: 0;

}

.dtl-img {

    border: 1px solid #ddd;

    width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

}

.master-list li span {

    width: 35px;

    height: 35px;

    text-align: center;

    line-height: 35px;

    background: #ffb000;

    color: #ffff;

    font-weight: 600;

    border-radius: 50%;

}

.master-list li p {

    font-weight: 700;

    color: #10969d !important;

    position: relative;

}

#master-plan .design-highlight-content h1 {

    color:#909090;

    text-transform: capitalize;

}

#master-plan .design-highlight-content {

    background-color: transparent;

    padding-left: 0px;

    padding-top: 0px;

    padding-bottom: 0;

}

#master-plan{

    padding: 0;

}

.the-arcitech {

    padding: 80px 0;

}

.seclect-plan{

    display: none;

}

.the-arcitech_img {

    position: relative;

}

.the-arcitech_img img{

    width: 767px;

    height: 515px;

    object-fit: cover;

}

.the-arcitech-content h1{

    font-size: 48px;

    font-weight: 700;

    color: #10969d;

    margin-bottom: 1.2rem;

}

.the-arcitech-content p{

    font-size: 14px;

    line-height: 22px;

    color: #909090;

}

.the-arcitech-content {

    position: absolute;

    top: 50%;

    right: 0%;

    background: #fff;

    border-radius: 15px;

    padding: 25px;

    transform: translateY(-50%);

    width: 600px;

    box-shadow: 1px 2px 20px #dfdede;

    transition: 0.5s;

}

.the-arcitech-content:hover{

    box-shadow:1px 2px 20px #6c6c6c;

}

/*===== architect-view page end   ========*/





/*====== blog page start ======*/

#blog-sec {

    background: #fff;

}

#blog-sec .artcile_content h3 {

    margin-bottom: 0.5rem;

}

#blog-sec .artcile_content p {

    margin-bottom: 1.5rem;

}

#blog-sec .article_area {

    padding: 15px;

    border-radius: 15px;

    transition: 0.2s;

}

#blog-sec .article_area:hover{

    box-shadow: 1px 2px 20px #dfdede;

    transition: 0.2s;

}

.artcile_content a.btn.custom_btn {

    background: transparent;

}

/*====== blog page end  =======*/





/*===== contact page start =====*/

.contact-sec {

    padding: 80px 0;

}

.contact-sec .mail_heading{

    margin-bottom: 2rem;

}

.contact-area{

    overflow: hidden;

}

.contact-heading ul {
    display: grid;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 10px;
    width: 100%;
    align-items: center;
}

.contact-heading ul li {

    position: relative;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

}

.contact-heading ul li::before {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    width: 2px;

    height: 100%;

    background-color: #ddd;
    display: none;

}

.contact-heading h5 {

    font-weight: 600;

    color: #2b2e2d;

    font-size: 24px;

}

.contact-heading ul li:last-child::before{

    display: none;

}

.contact-heading ul li p {

    margin: 0;

    font-size: 14px;

    font-weight: 600;

    color: #2b2e2d;

}

.contact-heading ul li a {

    margin: 0;

    font-size: 14px;

    font-weight: 600;

    color: #2b2e2d;

    text-decoration: none;

    font-family: 'PT Sans', sans-serif;

}



/*.contact-heading ol{

    display: grid;

    list-style: none;

    grid-template-columns: repeat(4, 1fr);

    border: 1px solid #ddd;

    padding: 0;

    margin:25px 0 0;

}

.contact-heading ol li a {

    color: #979797;

    font-size: 14px;

    text-transform: capitalize;

    text-decoration: none;

    border-right: 1px solid #ddd;

    padding: 15px 15px;

    display: block;

    position: relative;

    text-decoration: none;

    transition:0.5s;

    overflow: hidden;

    z-index: 1;

}

.contact-heading ol li a::after{

    content: "";

    position: absolute;

    top: 0;

    right: -200px;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    opacity: 0;

    visibility: hidden;

    transition: 0.5s;

    background-color: #000;

    z-index: -1;

}

.contact-heading ol li a span{

    float: right;

}

.contact-heading ol li a:hover{

    /*background-color: #910a30;

    color: #fff;

    transition: 0.5s;

    padding: 15px 30px;

}
*/
#facebook-btn:hover::after{

    background-color: #1877F2;

    width: 100%;

    height: 100%;

    opacity: 1;

    visibility: visible;

    transition: 0.5s;

    right: 0;

    border-radius: 0%;

}

#instagram-btn:hover::after{

    background-color: #910a30;

    width: 100%;

    height: 100%;

    opacity: 1;

    visibility: visible;

    transition: 0.5s;

    right: 0;

    border-radius: 0%;

}

#youtube-btn:hover::after{

    background-color: #CD201F;

    width: 100%;

    height: 100%;

    opacity: 1;

    visibility: visible;

    transition: 0.5s;

    right: 0;

    border-radius: 0%;

}

#whatsapp-btn:hover::after{

    background-color: #075e54;

    width: 100%;

    height: 100%;

    opacity: 1;

    visibility: visible;

    transition: 0.5s;

    right: 0;

    border-radius: 0%;

}

.contact-heading ol li a:hover span img{

    filter: invert(1);

}


.contact-form h5 {

    font-weight: 600;

    color: #2b2e2d;

    font-size: 24px;

}

.form-group{

    margin-bottom: 0.5rem;

}

.form-control {

    border-radius: 15px;

    box-shadow: none !important;

    padding: 12px;

}

.form-control::placeholder{

 font-size: 14px;

 line-height: 30px;

 color: #979797;

 text-transform: capitalize;

}

.contact-form textarea {

    height: 110px;

}

.contact-form a.btn.custom_btn {

    width: 100%;

    border-radius: 15px;

    background-color: #10969d;

    color: #fff;

    border-color:#10969d ;

}

.contact-form span.btnText {

    color: #fff !important;

}

.contact-form .btn.custom_btn:hover{

    background-color: #ffb000 !important;

    border-color:#ffb000;

}

/*===== contact page end =====*/



/*====== platinum-dhanbad-sec start ======*/

.platinum-dhanbad-sec {

    padding: 80px 0 65px;

}

.dhanbad-area{

    padding: 25px;

    border: 1px solid #ddd;

    border-radius: 15px;

    background-color: #fff;

    margin-top: 30px;

    transition: 0.5s;

    box-shadow: 1px 2px 20px transparent;

    position: relative;

    overflow: hidden;

    z-index: 1;
    min-height: 140px;

}

.dhanbad-area:hover{

    box-shadow:1px 2px 20px #959595;

    transition: 0.5s;

    color: #fff;

}

.dhanbad-area::after {

    content: "";

    position: absolute;

    top: 0;

    right: -200px;

    width: 50px;

    height: 50px;

    background-color: #ffb000;

    transition: 0.5s;

    z-index: -1;

    border-radius: 50%;

    opacity: 0;

    visibility: hidden;

}

.dhanbad-area:hover::after {

    right: 0;

    width: 100%;

    height: 100%;

    opacity: 1;

    visibility: visible;

    transition: 0.5s;

    border-radius: 0%;

}

.dhanbad-area p{

    color: #787878;

    font-size: 14px;

    line-height: 22px;

    margin: 0;

    transition: 0.52s;

}

.dhanbad-area:hover p{

    color: #fff;

    transition: 0.5s;

}

.growing-sec{

    position: relative;

}

.growing_overley{

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    width :100%;

}

.growing_overley h1{

   font-size: 48px;

   font-weight: 700;

   color: #10969d;

   line-height: 52px;

   margin-bottom: 1rem;

}

.growing_overley p{

    color: #787878;

    font-size: 16px;

    line-height: 22px;

    margin: 0;

}

.dhanbad-slider .owl-dots {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

    margin-top: 25px;

}

.dhanbad-slider .owl-dots button span{

    width: 20px;

    height: 8px;

    background-color: #fff;

    display: block;

}

.dhanbad-slider .owl-dots button.active span{

    background-color: #ffb000;

}

/*====== platinum-dhanbad-sec end ======*/





/*===== speak sec start =======*/

.quote img {

    width: 42px !important;

    height: 33px !important;

}

.quote {

    position: absolute;

    top: -50px;

    left: 25px;

    width: 100px;

    height: 100px;

    background: #fff;

    border-radius: 50%;

    text-align: center;

    line-height: 92px;

    border: 1px solid #ddd;

}

.singture img{

    width: 148px !important;

    height: 84px !important;

}

#testimonial-area .the-arcitech-content p {

    margin-top: 40px;

}

#testimonial-area .the-arcitech-content h5 {

    color: #909090;

    margin-top: 20px;

}

#testimonial-area .the-arcitech-content h5 {

    color: #909090;

    margin-top: 20px;

}

.sub-testi{

   color: #909090; 

}

#testimonial-area .mail_heading{

  margin-bottom: 50px;

}

/*===== speak sec end =======*/



/*====== platinum-location-sec start ======*/

.platinum-loaction-sec{

    padding: 80px 0;

}

.platinum-loaction-sec .mail_heading{

    margin-bottom: 2.5rem;

}

.platinum-loaction-area {

    display: grid;

    grid-template-columns: repeat(2, 33% 67%);

    width: 100%;

    border: 1px solid #ddd;

    overflow: hidden;

    border-radius: 25px;

}

.relatedmap{

    display: none;

}

.pt-location-map img {

    width: 100%;

    height: 650px;

    object-fit: cover;

}

.pt-location-button {

    display: grid;

}

.locbtn{

    padding: 10px 20px;

    background-color: #fff;

    border: none;

    border-bottom: 1px solid #ddd;

    transition: 0.5s;

    position: relative;

}

.locbtn.active {

    background: #ffb000;

    transition: 0.5s;

}

.locbtn:last-child{

    border-bottom: 0px;

}

.locbtn::after {

    content: "";

    position: absolute;

    top: 23px;

    right: 23px;

    width: 2px;

    height: 12px;

    background-color: #2ca2a9;

    transition: 0.5s;

    visibility: visible;

    opacity: 1;

}

.locbtn.active::after{

    opacity: 0;

    visibility: hidden;

    transition: 0.5s;

    top: 0;

}

.locbtn::before {

    content: "";

    position: absolute;

    top: 28px;

    right: 18px;

    width: 13px;

    height: 2px;

    background-color: #2ca2a9;

    transition: 0.5s;

    visibility: visible;

    opacity: 1;

}

.locbtn.active::before{

    background-color: #fff;

    transition: 0.5s;

}

.locbtn p {

    margin: 0;

    font-size: 18px;

    text-align: left;

    color: #10969d;

    font-weight: 600;


    transition: 0.5s;

}

.locbtn.active p{

    color: #fff;

    transition: 0.5s;

}

.locbtn ul {

    list-style: none;

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    padding: 0;

    margin: 0px;

    gap: 5px;

    height: 0px;

    opacity: 0;

    visibility: hidden;

    transition: 0.5s;

}

.locbtn.active ul{

    height:auto;

    opacity: 1;

    visibility: visible;

    transition: 0.5s;

    margin: 10px 0 0;

}

.locbtn ul li span {
    font-size: 12px;
    text-align: left;
    display: block;
    line-height: 15px;
    color: #fff;
}
/*.locbtn.active ul li {
    list-style: auto;
    color: #fff;
    font-size: 12px;
}*/

.locview-mb {

    display: none;

}

.sd-content h4 p{

    font-size: 16px;

    margin: 0;

    padding-top: 10px;

}

/*====== platinum-location-sec end ======*/





/*====== blog page sec start ==========*/

.blogpage_sec{

    padding: 100px 0;

    position: relative;

    z-index: 5;

}

.blog_seach_area {

    padding: 15px;

    background: #fff;

    border: 1px solid #E1E1E1;

    height: auto;

    position: sticky;

    top: 0;

}

.blog_searh{

    position: relative;

}

.blog_searh input {

    border-radius: 46px;

    border: 1px solid #E1E1E1;

    background: #FFF;

    height: 46px;

    width: 100%;

    padding-left: 15px;

    outline: none;

}

.blog_search_btn {

    position: absolute;

    background: transparent;

    border: none;

    right: 10px;

    top: 50%;

    transform: translateY(-50%);

}

.blog_keywords {

    display: flex;

    gap: 15px;

    margin-top: 20px;

    align-items: start;

}

.blog_keyimg {

    padding: 5px;

    border: 1px solid #ddd;

    border-radius: 3px;

}

.blog_keyimg img {

    max-width: 56px;

    height: 56px;

}

.blog_keycontent h6{

    overflow: hidden;

    color: #EEA034;

    leading-trim: both;

    text-edge: cap;

    text-overflow: ellipsis;

    font-size: 15px;

    font-style: normal;

    font-weight: 600;

    line-height: 15px; /* 100% */

    letter-spacing: 0.3px;

}

.blog_keycontent h5 {

    overflow: hidden;

    color: #29273C;

    text-overflow: ellipsis;

    font-size: 13px;

    font-style: normal;

    line-height: 20px;

    letter-spacing: 0.32px;

}

.blog_seach_area .size_listings li a {

    border: 1px solid #E1E1E1;

    color: #29273C;

    leading-trim: both;

    text-edge: cap;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 30px;

    display: block;

    text-align: center;

    transition: 0.5s;

    padding: 0 10px;

    width: auto;

    height: auto;

}

.blog_seach_area h4 {

    color: #29273C;

    font-size: 24px;

    font-style: normal;

    font-weight: 600;

    line-height: 24px;

    position: relative;

    margin-bottom: 1rem;

    padding-top: 1.3rem;

    margin-top: 2rem;

}

.blog_seach_area h4::before {

    content: "";

    position: absolute;

    top: 20px;

    left: -15px;

    width: 5px;

    height: 20px;

    background: #F8AC3D;

}

.blogpage_list_area p{

    color: #6E6E6E;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 26px; /* 162.5% */

    text-transform: capitalize;

}

.blogpage_list_area {

    padding-left: 45px;

}

.blog-details-area {

    padding-left: 30px;

}

.blogpage_list_area .blog_area{

    grid-template-columns: repeat(2, 1fr);

}

.blogpage_list_area .blog-item .blog_content {

    border-left: 1px solid #E1E1E1;

}

.blogpage_list_area .blog_area li:first-child {

    border-left: 0px solid #E1E1E1;

}

.load-more {

    color: #29273C;

    leading-trim: both;

    text-edge: cap;

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: 16px;

    text-transform: uppercase;

    border-radius: 50px;

    border: 2px solid #29273C;

    background: #fff;

    padding: 12px 38px;

    display: table;

    margin:  1.5rem auto 0;

    transition: 0.5s;

}

.load-more:hover{

    color: #604504;

    background: #FAAF40;

    transition: 0.5s;

    border-color: #FAAF40;

}

.blog-details-area img {

    width: 100%;

}

.blog-date {

    overflow: hidden;

    color: #29273C;

    leading-trim: both;

    text-edge: cap;

    text-overflow: ellipsis;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 15px;

    letter-spacing: 0.32px;

    margin: 2rem 0 1rem;

}

.blog-date span{

    color: #F8AC3D;

}

.blog-details-area h1 {

    color: #29273C;

    font-size: 44px;

    font-style: normal;

    font-weight: 600;

    line-height: 54px;

    letter-spacing: 0.88px;

    position: relative;

    padding-left: 20px;

}

.blog-details-area h1::before {

    content: "";

    position: absolute;

    top: 9px;

    left: 0px;

    width: 5px;

    height: 80%;

    background: #F8AC3D;

}

.blog-pera {

    color: #6E6E6E;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 26px; /* 162.5% */

    text-transform: capitalize;

    margin-bottom:1rem;

}

.blog-details-area h4 {

    color: #29273C;

    font-size: 24px;

    font-style: normal;

    font-weight: 600;

    line-height: 24px;

    letter-spacing: 0.48px;

    margin-bottom: 1rem;

    padding-left: 15px;

    position: relative;

}

.blog-details-area h4::before {

    content: "";

    position: absolute;

    top: 1px;

    left: 0px;

    width: 5px;

    height: 80%;

    background: #F8AC3D;

}

.next-prv-area{

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: 20px;

    border-bottom: 1px solid #BABABA;

}

.next-prv-area a {

    border-radius: 50px;

    border: 1px solid #29273C;

    background: #FFF;

    color: #29273C;

    leading-trim: both;

    text-edge: cap;

    font-size: 13px;

    font-style: normal;

    font-weight: 700;

    line-height: 13px;

    text-transform: uppercase;

    padding: 9px 25px;

    display: inline-block;

    text-decoration: none;

}

.next-prv-area .active{

    background: #F8AC3D;

    color: #604504;

    border-color:#F8AC3D ;

}

.blog-tags {

    display: flex;

    flex-flow: wrap;

    gap: 10px;

    align-items: center;

    margin-top: 1rem;

}

.blog-tags h4 {

    margin: 0;

}

.blog-tags a {

    border: 1px solid #E1E1E1;

    padding: 0px 10px;

    color: #29273C;

    leading-trim: both;

    text-edge: cap;

    font-size: 15px;

    font-style: normal;

    font-weight: 500;

    text-decoration: none;

}

.blog-tags .active{

    background: #F8AC3D;

    color: #604504;

}

.blog-comment {

    border: 1px solid #E1E1E1;

    background: #FFF;

    margin-top: 2rem;

    padding: 20px;

}

.blog-comment h3{

    color: #29273C;

    font-size: 36px;

    font-style: normal;

    font-weight: 700;

    line-height: 36px; /* 100% */

    letter-spacing: 0.72px;

}

.blog-comment .msg-commnet {

    color: #6E6E6E;

    leading-trim: both;

    text-edge: cap;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 16px;

    text-transform: capitalize;

    border-bottom: 2px solid #BABABA;

    padding-bottom: 10px;

    margin: 1rem 0;

}

.blog-comment .msg-commnet span{

    color: #F00;

}

.blog-comment .form-group {

    position: relative;

    z-index: 9;

    margin-bottom: 2rem;

}

.blog-comment .form-group input {

    border: none;

    border-bottom: 1px solid #BABABA;

    width: 100%;

    background: transparent;

    outline: none;

    position: relative;

    z-index: 9;

    padding: 10px 0;

}

.blog-comment .form-group textarea {

    border: none;

    border-bottom: 1px solid #BABABA;

    width: 100%;

    background: transparent;

    outline: none;

    position: relative;

    z-index: 9;

    padding: 10px 0;

}



.blog-comment .form-group input::placeholder {

    color: #9C9C9C;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px; /* 150% */

}

.blog-comment .inut-icon {

    position: absolute;

    right: 0;

    top: 0;

}

/*Checkboxes styles*/

input[type="checkbox"] { display: none; }



input[type="checkbox"] + label {

  display: block;

  position: relative;

  padding-left: 35px;

  margin-bottom: 20px;

  font: 14px/20px 'Open Sans', Arial, sans-serif;

  color: #ddd;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

}



input[type="checkbox"] + label:last-child { margin-bottom: 0; }



input[type="checkbox"] + label:before {

  content: '';

  display: block;

  width: 20px;

  height: 20px;

  border: 1px solid #BABABA;

  position: absolute;

  left: 0;

  top: 0;

  opacity: .6;

  -webkit-transition: all .12s, border-color .08s;

  transition: all .12s, border-color .08s;

}



input[type="checkbox"]:checked + label:before {

  width: 10px;

  top: -5px;

  left: 5px;

  border-radius: 0;

  opacity: 1;

  border-top-color: transparent;

  border-left-color: transparent;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}

.comment-check label{

    color: #6E6E6E;

    leading-trim: both;

    text-edge: cap;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 16px; /* 100% */

    text-transform: capitalize;

}

.post-comment {

    background: #FFB630;

    border-color: #FFB630;

    color: #604504 !important;

    text-align: center;

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: 16px;

    letter-spacing: 0.8px;


    display: inline-block;

    padding: 16px 30px;

    display: inline-block;

    margin-top: 1rem;

    border-radius: 50px;

    text-decoration: none;

}

.size_listings {

    display: flex;

    align-items: center;

    gap: 10px;

    flex-flow: wrap;

    list-style: none;

    padding: 0;

}

.blog_seach_area .size_listings li a {

    border: 1px solid #E1E1E1;

    color: #29273C;

    leading-trim: both;

    text-edge: cap;

    font-size: 12px;

    font-style: normal;

    line-height: 30px;

    display: block;

    text-align: center;

    transition: 0.5s;

    padding: 0 10px;

    width: auto;

    height: auto;

    text-decoration: none;

}

.size_listings li a:hover {

    background: #F8AC3D;

    transition: 0.5s;

}

.size_listings .active {

    background: #F8AC3D;

}

/*====== blog page sec end ==========*/







/*======= enquiry modal ======*/



.popup, .popup-dn {

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.4);

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    text-align: center;

    /*z-index: 9999999999;*/
	z-index: 9999 ;

}

.popup__content {

    width: 600px;

    height: auto;

    background: #fff;

    display: table;

    margin: 30px auto 0;

    padding: 80px;

    position: relative;

}

.popup__content .form-control {

    text-align: center;

}

.popup__content .form-group {

    margin-bottom: 1rem;

}

.popup__content h5 {

    margin-bottom: 1.1rem;

}

.close {

    position: absolute;

    top: 30px;

    right: 30px;

}

.popup__content .btn.custom_btn {

    width: 100%;

    background: #10969d;

    border-color: #10969d;

    border-radius: 15px;

}

.popup__content span.btnText {

    color: #fff !important;

}

.popup__content .btn.custom_btn:hover {

    background-color: #ffb000 !important;

    border-color: #ffb000;

}

.popup__content textarea {

    height: 110px;

}





/*======== for dasktop and mobile banner img css ==================*/
.banner-m{
    display: none !important;
}
.banner_sec2 img {
    width: 100%;
}
#dsec2 .sd-content h4 {
     padding-bottom: 0px; 
    margin-bottom:0px;
    border-bottom: 0;
}
#dsec2 .sd-content::before {
    display: none;
}
#artic-ct p {
    width: 80%;
    display: table;
    margin: auto;
}
@media (max-width:768px){
#artic-ct p {
    width: 100%;
    margin-bottom: 20px;
}
}
.godcard-mb ul {
    padding: 0;
}



/* ============ mobile menu ======= */
.mobile-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}
#mb-warp-area {
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 999;
    background: #10969d;
    width: 100%;
    height: 100vh;
    padding: 20px;
    transition: 0.5s;
    display: none;
}
@media (max-width:768px){
    #mb-warp-area {
        display: block;
    }  
}
.mb-warp-open{
    left:0 !important;
    transition: 0.5s;
}
.logo-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.mobile-nav li a {
    color: #fff;
    font-size: 25px;
    display: block;
    text-decoration: none;
}
.nav__item{
    padding: 20px 0;
    border-top: 1px solid #fff;
    display: flex;
    justify-content: space-between;
}
.mobile-nav li:first-child{
    border-top: 0px solid #fff;
}

.mobile-nav li:last-child{
    border-bottom: 1px solid #fff;
}
.nav__item span {
    width: 35px;
    height: 35px;
    background: #fff;
    color: #6b5527;
    line-height: 35px;
    border-radius: 50%;
    text-align: center;
    font-size: 15px;
    display: block;
}
.nav__sub {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100vh;
    background: #10969d;
    list-style: none;
    transition: 0.5s;
    padding: 20px;
}
.sub__close {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    margin-bottom: 30px;
}
.nav__sub.is-active{
    left: 0;
    transition: 0.5s;
}
.nav__sub li a i {
    float: none;
}
.nav__sub li:first-child a {
    border-top: 0;
    padding-top: 0;
    margin-bottom: 20px;
}



/*===== gallery =====*/
.img-enlarged__cont {
    width: 100%;
    height: 0px;
    opacity: 0;
    font-family: Helvetica, sans-serif;
    cursor: zoom-out;
    background: rgba(0,0,0,0.5);
    position: fixed; top: 0; left: 0;
    z-index: 998;
    
    transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
}

.img-enlarged__cont.open {
    height: 100%;
    opacity: 1;
    
    transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
}

.img-enlarged {
    max-width: 100%;
    max-height: 100%;
    border: 5px solid #eee;
    display: block;
    margin: auto !important;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.img-enlarged__nav.next::after {
    content: ">";
    font-size: 50px;
    font-family: monospace;
    color: #fff;
    position: absolute; right: 40%; top: 49%;
}
.img-enlarged__nav.prev::after {
    content: "<";
    font-size: 50px;
    font-family: monospace;
    color: #fff;
    position: absolute; left: 40%; top: 49%;
}


.gallery img {
    cursor: zoom-in;
}


.img-enlarged__nav {
    background: rgba(0,0,0,0.2);
    cursor: pointer;
    z-index: 999;
    text-align: center;
    height: 100%;
    width: 10%;
    vertical-align: middle;
    transition: 0.3s width, 0.2s background;
}
.img-enlarged__nav:hover {
    background: rgba(0,0,0,0.8);
    width: 11%;
    transition: 0.3s width, 0.2s background;
}
.img-enlarged__nav:active {
    width: 12%;
    transition: 0.1s width;
}

.img-enlarged__nav span {
    font-size: 25px;
    color: #fff;
    height: 20px;
    display: inline-block;
}

.img-enlarged__nav.prev {
    position: absolute; top: 0; left: 0;
    display: none;
}
.img-enlarged__nav.next {
    position: absolute; top: 0; right: 0;
    display: none;
}


.img-enlarged__counter {
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-family: monospace;
    width: 50px;
    text-align: center;
    font-size: 15px;
    padding: 7px 0 7px 0;
    margin: auto !important;
    display: block;
    
    position: absolute; left: 49%; bottom: 5%;
}


.ar-img-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 0;
    margin: 0 0 2rem;
}
.ar-img-grid li{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    list-style:none;
}
.ar-img-grid li:last-child{
    border: 0px;
}
.ar-img-grid li:first-child{
   border: 0;
}
.ar-img-grid img {
    width: 100%;
}
.ar-pera-ct p {
    margin-bottom: 20px !important;
}

.about-heading h1 {
    color: #09676c;
    position: relative;
    font-weight: 700;
    line-height: 60px;
    position: relative;
    background-color: transparent;
    border: none;
    text-align: left;
    margin-bottom: 15px;
    font-size: 55px;
}
.abot-st{
    line-height: 28px;
}

.ar-slider .arrow, .slick-arrow {
    border: 1px solid #fff !important;
}



.contact-heading ol li a {
    width: 35px;
    height: 35px;
    display: block;
    background: #10969d;
    text-align: center;
    line-height: 35px;
    font-size: 17px;
    border-radius: 50%;
    color: #ffffff;
    transition: 0.5s;
}
.contact-heading ol li a:hover{
    color: #fff;    
    transition: 0.5s;
}
#facebook:hover{
    background-color: #316FF6;
}
#linkin:hover{
    background-color: #0072b1;
}
#youtube:hover{
    background-color: #CD201F;
}
#instagram:hover{
    background-color:  #ee2a7b;
}

.contact-heading ol {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 15px 0 0;
}

.address-list ol li a {
    width: 35px;
    height: 35px;
    display: block;
    background: #fff;
    text-align: center;
    line-height: 35px;
    font-size: 17px;
    border-radius: 50%;
    color: #10969d;
    transition: 0.5s;
}
.address-list ol li a:hover{
    color: #fff;    
    transition: 0.5s;
}
.content__main {
    overflow: hidden;
}
#img_cover {
    position: relative;
}
.map_sec .mail_heading {
    margin-bottom: 40px;
}

.content__main_map{
    display: none;
}
.img_producto_container{
    display: block;
}

@media (max-width:767px){

.touch-area {
margin-bottom: 20px;
    
}

}


.get-touch_sec a {
display: flex;
align-items: center;
font-size: 20px;
justify-content: center ;

}