.top_header {
    background: var(--black-color);
    padding: 10px 0px;
    border-radius: 15px 15px 0px 0px;
}
.top_detail ul {
    display: flex;
    gap: 30px;
}

.top_detail ul li, .prosanal-details li {
    display: flex;
    gap: 14px;
    align-items: center;
}

.top_detail ul li h4, .prosanal-details li h4 {
    margin: 0;
    font-size: 14px;
    color: #fff;
    font-weight: 300;
}

.top_detail ul li i, .prosanal-details li i {
    color: var(--gold-color);
}

.social_media {
    display: flex;
    gap: 15px;
    justify-content: end;
}

.social_media li a {
    color: #fff;
    width: 35px;
    height: 35px;
    display: flex;
    background: #333333;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    clip-path: polygon(6px 0%, calc(100% - 6px) 0%, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0% calc(100% - 6px), 0% 6px);
}

.social_media li a:hover{
    background: var(--gold-color);
    color: var(--black-color);
}

header {
    padding: 10px 0px;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 1000;
    border-bottom: 1px solid #80808029;
}

header .logo img {
    width: 100%;
    max-width: 140px;
}

.main_header ul {
    display: flex;
    gap: 55px;
    align-items: center;
}

.main_header ul li a {
    color: var(--black-color);
    font-size: 15px;
    font-weight: 500;
    transition: 0.5s;
}

.main_header ul li > a:hover{
    color: var(--gold-color);
}

.viedwo video {
    width: 100%;
}

.viedwo {
    position: relative;
    z-index: 1;
    height: 90vh;
    overflow: hidden;
}

.viedwo:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #00000085, #00000085);
    content: '';
}

.hero_main {
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 100%;
    display: flex;
    align-items: center;
    left: 85px;
    z-index: 100000;
}

.hero_content h4 {
    color: var(--gold-color);
    font-size: 23px;
    font-weight: 800;
    text-transform: capitalize;
}

.hero_content h1 {
    color: #fff;
    font-weight: 700;
    text-transform: capitalize;
    text-shadow: 0px 7px 0px #494949;
}

.hero_content h1 span{
    color: var(--gold-color);
}

.hero_content p {
    color: #fff;
    font-weight: 300;
    font-size: 15px;
    line-height: 26px;
    margin-top: 25px;
}

.hero_content {
    position: relative;
    z-index: 1;
    padding: 48px 40px;
}

.hero_content:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1d1d1d9c;
    content: '';
    clip-path: polygon(0 7%, 4% 0, 36% 0, 43% 10%, 70% 10%, 100% 10%, 100% 30%, 100% 93%, 96% 100%, 35% 100%, 4% 100%, 0 93%);
    z-index: -1;
}

.hero_content:after {
    position: absolute;
    right: -25px;
    top: -7px;
    width: 75px;
    height: 59px;
    background: url(../images/home.gif);
    content: '';
    background-size: cover;
}

.hero_content h4 img {
    width: 25px;
    margin-right: 10px;
}

.menu_li {
    position: relative;
}

.menu_li .sub_menu, .menu_li_2 ul {
    display: block;
    position: absolute;
    background: #fff;
    top: 55px;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: 0.5s;
    z-index: 10;
    width: 220px;
}

.menu_li .sub_menu li, .menu_li_2 ul li {
    padding: 8px 14px;
    border-bottom: 1px solid #80808042;
}

.menu_li .sub_menu li a, .menu_li_2 ul li a {
    white-space: nowrap;
    font-size: 14px !important;
    display: flex;
    transition: 0.5s;
    align-items: center;
    gap: 5px;
}

.menu_li .sub_menu li a i, .menu_li_2 ul li a i {
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
    margin-left: -10px;
}

.menu_li .sub_menu li a:hover i, .menu_li_2 ul li a:hover i {
    opacity: 1;
    visibility: visible;
    margin-left: 5px;
    color: var(--gold-color);
}

.menu_li a i{
    transition: 0.5s;
}


.menu_li:hover a i{
    color: var(--gold-color);
    transform: rotate(180deg);
}

header .menu_li:hover .sub_menu, header .menu_li_2:hover ul {
    opacity: 1;
    transform: scaleY(1);
    visibility: visible;
}

.menu_li_2 {
    position: relative;
}

.menu_li_2 ul {
    top: 0px !important;
    right: -221px !important;
}



.hamburger-icon {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    flex-flow: wrap;
    align-content: space-evenly;
    -webkit-box-pack: end;
    justify-content: flex-end;
    cursor: pointer;
    background: #06060626;
    clip-path: polygon(6px 0%, calc(100% - 6px) 0%, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0% calc(100% - 6px), 0% 6px);
    padding: 7px;
}

.hamburger-icon span {
    width: 90%;
    height: 2px;
    border-radius: 1px;
    background-color: #000;
    -webkit-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
}

.hamburger-icon span:nth-child(2){
    width: 16px;
}

.hamburger-icon:hover span:nth-child(2) {
    width: 90%;
}


.prosanal-details li h4 {
    color: var(--black-color);
    font-weight: 600;
    font-size: 15px;
}

.prosanal-details li {
    margin: 30px 0px;
}

.prosanal-details li i {
    font-size: 17px;
}

.news_update h4 {
    color: var(--black-color);
    font-size: 22px;
    font-weight: 800;
}

.news_input input {
    border: 1px solid #8080804d;
    padding: 10px 15px;
    width: 100%;
    background: #fff;
    font-size: 14px;
}


.about_services_box {
    width: 50%;
    clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
    background: radial-gradient(#c2a776a1, #00000003);
    padding: 20px 33px;
}

.about_serives {
    display: flex;
    flex-wrap: wrap;
}

.about_services_box:nth-child(1), .about_services_box:nth-child(4) {
    background: #1d1d1d;
}

.about_services_box svg {
    width: 70px;
}

.about_services_box:nth-child(1) svg, .about_services_box:nth-child(4) svg {
    fill: var(--gold-color);
}

.about_services_box h4 {
    font-size: 20px;
    font-weight: 700;
}

.about_services_box p {
    margin: 0;
    line-height: 20px;
    margin-top: 20px;
}

.about_services_box:nth-child(1) h4, .about_services_box:nth-child(4) h4 {
    color: #fff;
}

.main_img .tab-content img {
    clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 25px, 100% calc(100% - 25px), calc(100% - 25px) 100%, 25px 100%, 0% calc(100% - 25px), 0% 25px);
    height: 580px;
    object-fit: cover;
}

.main_img .nav-tabs .nav-item {
    width: 25%;
}

.main_img .nav-tabs .nav-item img {
    width: 100%;
    max-width: 150px;
    padding: 0;
    height: 120px;
    object-fit: cover;
    border-radius: 7px;
    cursor: pointer;
    clip-path: polygon(10px 0%, calc(100% - 10px) 0%, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0% calc(100% - 10px), 0% 10px);
}

.main_img .nav-tabs .nav-item .about_s.active {
    position: relative;
    height: 100%;
    display: flex;
}

.main_img .nav-tabs .nav-item .about_s.active:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff96;
    content: '';
    z-index: 1;
    clip-path: polygon(10px 0%, calc(100% - 10px) 0%, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0% calc(100% - 10px), 0% 10px);
    right: 0;
    margin: auto;
    bottom: 0;
    top: 0;
}

.service_section {
    clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 25px, 100% calc(100% - 25px), calc(100% - 25px) 100%, 25px 100%, 0% calc(100% - 25px), 0% 25px);
    background: #efefef;
}


.service_box {
    padding: 5px 5px 5px 5px;
    position: relative;
    z-index: 100;
}

.service_box:before {
    position: absolute;
    left: 0;
    width: 97%;
    height: 94%;
    background: #fff;
    content: '';
    z-index: -1;
    clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 25px, 100% calc(100% - 25px), calc(100% - 25px) 100%, 25px 100%, 0% calc(100% - 25px), 0% 25px);
    margin: auto;
    bottom: 5px;
    right: 0;
}

.service_box h4 {
    font-size: 20px;
    font-weight: 800;
    margin: 0;
}

.service_content {
    text-align: center;
    padding: 0px 15px 25px 15px;
}

.service_box p {
    color: var(--black-color);
    margin-bottom: 0px;
    line-height: 20px;
    margin-top: 10px;
}

.service_box a {
    color: #000;
    font-size: 15px;
}

.service_box:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #bfbfbf36;
    content: '';
    clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 25px, 100% calc(100% - 25px), calc(100% - 25px) 100%, 25px 100%, 0% calc(100% - 25px), 0% 25px);
    z-index: -10;
}

.service_box img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 25px, 100% calc(100% - 25px), calc(100% - 25px) 100%, 25px 100%, 0% calc(100% - 25px), 0% 25px);
}


.service_content h1 {
    font-size: 55px;
    color: transparent;
    -webkit-text-stroke: 1px #ffffff;
    font-weight: 900;
}


.rent_home_box {
    background: #fff;
    border: 1px solid #a9a9a921;
}

.rent_home_content .avialbel_list {
    display: flex;
    justify-content: space-between;
    padding: 20px 15px 0px 15px;
}

.rent_home_content .avialbel_list li {
    display: flex;
    font-size: 14px;
    gap: 10px;
    font-weight: 500;
}

.rent_home_content .avialbel_list li img {
    width: 20px;
    filter: invert(68%) sepia(9%) saturate(2430%) hue-rotate(0deg) brightness(96%) contrast(90%);
}

.rent_home_img {
    position: relative;
}

.rent_text {
    position: absolute;
    top: 10px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0px 10px;
}

.rent_text .text_had {
    background: var(--black-color);
    padding: 12px 20px;
    margin: 0;
    line-height: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
}

.icon_had:before {
    display: flex;
    border-top: 55px solid rgb(255 255 255);
    border-left: 60px solid transparent;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -3px;
    top: -3px;
    content: '';
    z-index: -1;
}

.icon_had {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
}

.icon_had i {
    color: var(--black-color);
    margin-right: 5px;
    font-size: 19px;
}

.rent_home_content h3 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 30px;
    padding: 0px 15px;
}

.rent_home_content p i {
    color: var(--gold-color);
    padding-right: 8px;
    padding-top: 4px;
}

.rent_home_content p {
    padding: 0px 15px;
    display: flex;
    line-height: 20px;
}

.rent_price {
    border-top: 1px solid #80808038;
    padding: 15px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    margin-top: 25px;
}

.rent_price h4 {
    font-size: 18px;
    font-weight: 800;
    margin: 0;
}

.rent_price ul {
    display: flex;
    gap: 3px;
}

.rent_price ul li i {
    font-size: 13px;
    color: #8080804f;
}

.rent_price h4 span{
    padding-right: 4px;
    color:var(--gold-color);
}

.feature_main_img > div img {
    width: 100%;
    object-fit: cover;
    object-position: 100% 20%;
}

.feature_main_img {
    position: relative;
    overflow: hidden;
    transition: 0.5s;
}

.feature_main_content {
    position: absolute;
    bottom: -78px;
    padding: 0px 15px;
    transition: 0.5s;
}

.feature_main_img:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.feature_main_img:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(0deg, black, transparent);
    content: '';
}

.feature_main_content h4 {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 15px;
    color: #fff;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 600;
    transition: 0.5s;
}

.feature_main_content h4 i {
    color: var(--gold-color);
}


.feature_main_img:hover .feature_main_content {
    bottom: 10px;
}

.feature_main_content p {
    color: #fff;
    line-height: 20px;
    margin-bottom: 10px;
}

.feature_main_content a {
    color: #fff;
    font-size: 20px;
}

.main_img_petenr svg {
    width: 200px;
    position: absolute;
}

.main_img_petenr {
    position: relative;
}



.progress_content ul {
    display: flex;
    flex-wrap: wrap;
}

.progress_content ul li {
    width: 50%;
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 15px;
    font-size: 20px;
    font-weight: 500;
}

.progress_content ul li span {
    width: 60px;
    height: 60px;
    border: 1px dashed var(--gold-color);
    border-radius: 50%;
    padding: 10px;
}

.progress_content ul li svg {
    fill: var(--gold-color);
}



.progress_bar h5 {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 40px;
    font-size: 17px;
    font-weight: 600;
}

.progress_bar h5:before {
    width: 100%;
    background: #0000001c;
    content: '';
    position: absolute;
    bottom: -17px;
    height: 7px;
    border-radius: 20px;
}

.progress_bar h5:after {
    width: 98%;
    height: 7px;
    background: var(--gold-color);
    content: '';
    position: absolute;
    bottom: -17px;
    border-radius: 20px;
}

.progress_bar-2 h5:after{
    width: 99% !important;
} 

.progress_bar-3 h5:after{
    width: 95% !important;
} 

.progress_content h6 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.progress_content h6 svg {
    width: 50px;
}


.service_box .explore_img {
    width: 80px;
    height: 80px;
    background: #c2a776;
    border-radius: 50%;
    margin: auto;
    display: flex;
    justify-content: center;
    position: relative;
    top: -40px;
}

.service_box .explore_img svg {
    width: 40px;
    fill: #000000;
}

.service_box .explore_img span {
    width: 95px;
    height: 95px;
    border-radius: 50%;
    position: absolute;
    border: 1px dashed var(--gold-color);
    top: 0;
    bottom: 0;
    margin: auto;
    animation: slideDas 9s infinite linear;
}

@keyframes slideDas {
    100%{
    transform: rotate(360deg);
} 
    
}

.prime_img img {
    width: 100%;
    margin-left: -65px;
}

.video_section {
    background: linear-gradient(2deg, #000000, #000000ba), url(../images/service-bg.jpg);
    background-size: cover;
}

.video_play a {
    width: 100%;
    max-width: 115px;
    display: flex;
    justify-content: center;
    margin: auto;
    background: #c2a776;
    height: 75px;
    align-items: center;
    font-size: 30px;
    border-radius: 10px;
    position: relative;
}

.video_play a i {
    color: #fff;
}

.video_play a:before {
    position: absolute;
    left: -12px;
    top: 0px;
    width: 120%;
    height: 130%;
    border: 1px solid #c2a776;
    content: '';
    border-radius: 10px;
    margin: auto;
    right: 0;
    bottom: 0;
}

.prime_box {
    border: 1px solid #efefef;
    padding: 36px 25px;
    text-align: center;
}

.prime_box svg {
    width: 90px;
    fill: var(--gold-color);
}

.prime_box h3 {
    font-size: 22px;
    font-weight: 800;
    margin-top: 10px;
}

.prime_box p {
    margin: 0;
}

.main_destination:nth-child(2) .prime_box, .main_destination:nth-child(4) .prime_box, .main_destination:nth-child(5) .prime_box, .main_destination:nth-child(7) .prime_box{
    background: #efefef;
}

.parnter_img img{
    width: 100%;
}

.parnter_img {
    padding: 50px 5px;
    border-left: 1px solid #ffffff4a;
    text-align: center;
    position: relative;
}

.parnter_img:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #efefef;
    opacity: 0.9;
    transition: 0.5s;
}

.parnter_img:hover:before {
    width: 100%;
}

.parnter_img img {
    width: 100%;
    max-width: 200px;
    height: 45px;
    object-fit: contain;
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(140deg) brightness(-120%) contrast(106%);
}

.partner_section{
    background: var(--gold-color);
    clip-path: polygon(15px 0%, calc(100% - 15px) 0%, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0% calc(100% - 15px), 0% 15px);
}

.video-play-button {
    position: relative;
    box-sizing: content-box;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
    display: flex;
    justify-content: center;
    margin: auto;
    margin-top: 50px;
}
  
  .video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #c1a676;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
  }
  
  .video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: var(--gold-color);
    border-radius: 50%;
    transition: all 200ms;
  }
  
  .video-play-button:hover:after {
    background-color: darken(#fa183d, 10%);
  }
  
  
  
  .video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 32px solid #fff;
      border-top: 22px solid transparent;
      border-bottom: 22px solid transparent;
  }
  
  @keyframes pulse-border {
    0% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      opacity: 1;
    }
    100% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      opacity: 0;
    }
  }

  .video_section {
    position: relative;
}

.faq_img img {
    clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 25px, 100% calc(100% - 25px), calc(100% - 25px) 100%, 25px 100%, 0% calc(100% - 25px), 0% 25px);
    height: 580px;
    object-fit: cover;
    width: 100%;
}

.faq_img {
    position: relative;
    padding: 5px;
}

.faq_img:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #d7d6d6;
    content: '';
    clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 25px, 100% calc(100% - 25px), calc(100% - 25px) 100%, 25px 100%, 0% calc(100% - 25px), 0% 25px);
}

.faq_box .accordion-item {
    margin: 15px 0px;
}

.faq_box .accordion-header .accordion-button {
    display: flex;
    gap: 15px;
    font-size: 19px;
    font-weight: 700;
}

.faq_box .accordion-header .accordion-button img {
    width: 60px;
    height: 60px;
    background: #c2a77666;
    border-radius: 50%;
    padding: 7px;
    object-fit: contain;
}

.faq_box .accordion-item .accordion-body {
    font-size: 15px;
    color: var(--color-paira);
    line-height: 29px;
}

.faq_box .accordion-header .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: var(--gold-color)
}

.faq_box .accordion-header .accordion-button:not(.collapsed) img {
    background: #fff;
}

.faq_box .accordion-header .accordion-button:focus {
    box-shadow: 0 0 0 0.25rem #c2a77659;
}

.team_img img {
    width: 100%;
    clip-path: polygon(15px 0%, calc(100% - 15px) 0%, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0% calc(100% - 15px), 0% 15px);
}

.team_content {
    background: #efefef;
    padding: 20px 25px;
    clip-path: polygon(0px 0%, calc(100% - 15px) 0%, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0px 100%, 0% calc(100% - 15px), 0% 15px);
}

.team_content h5 {
    font-size: 16px;
    font-weight: 600;
    color: var(--gold-color);
}

.team_content h3 {
    font-size: 25px;
    font-weight: 800;
}

.team_content ul {
    margin: 0;
    display: flex;
    gap: 20px;
}

.team_content ul li a {
    color: #000;
    transition: 0.5s;
}

.team_content ul li a:hover{
    color: var(--gold-color);
}

.team_img {
    position: relative;
    z-index: 1;
    padding: 5px;

}


.team_img:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #b39b6db8;
    content: '';
    clip-path: polygon(15px 0%, calc(100% - 15px) 0%, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0% calc(100% - 15px), 0% 15px);
    z-index: -1;
}




.blog_img img {
    width: 100%;
    clip-path: polygon(15px 0%, calc(100% - 15px) 0%, 100% 15px, 100% calc(100% - 0px), calc(100% - 0px) 100%, 0px 100%, 0% calc(100% - 0px), 0% 15px);
    height: 280px;
    object-fit: cover;
    transition: 0.5s;
}

.blog_box {
    background: #fff;
    padding: 6px;
    position: relative;
    z-index: 1;
}

.blog_box:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #efefef;
    content: '';
    z-index: -1;
    clip-path: polygon(15px 0%, calc(100% - 15px) 0%, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0% calc(100% - 15px), 0% 15px);
}

.blog_img {
    position: relative;
    overflow: hidden;
    transition: 0.5s;
    clip-path: polygon(15px 0%, calc(100% - 15px) 0%, 100% 15px, 100% calc(100% - 0px), calc(100% - 0px) 100%, 0px 100%, 0% calc(100% - 0px), 0% 15px);
}

.blog_img:hover img {
    transform: scale(1.3);
}

.blog_img span {
    background: var(--black-color);
    padding: 12px 20px;
    margin: 0;
    line-height: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
}

.blog_content {
    padding: 15px 15px 15px 15px;
    background: #ffffff;
    margin-top: 0 !important;
    clip-path: polygon(0px 0%, calc(100% - 0px) 0%, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0% calc(100% - 15px), 0% 15px);
}

.blog_content h3 a {
    color: var(--black-color);
    font-size: 22px;
    font-weight: 700;
    transition: 0.5s;
}

.blog_content h3 a:hover{
    color: var(--gold-color);
}

.blog_content h3 {
    line-height: 27px;
}

.blog_box .main_btn {
    display: flex;
    z-index: 1;
    position: relative;
}

.instgram_post {
    margin: 7px;
    position: relative;
    z-index: 1;
    background: #efefef;
    padding: 6px;
    transition: 0.5s;
    clip-path: polygon(15px 0%, calc(100% - 15px) 0%, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0% calc(100% - 15px), 0% 15px);
}

.instgram_post img {
    width: 100%;
    position: relative;
    clip-path: polygon(15px 0%, calc(100% - 15px) 0%, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0% calc(100% - 15px), 0% 15px);
}

.instgram_post:hover::before{
    width: 90%;
    height: 90%;
}

.instgram_post:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 0%;
    content: '';
    background: #c2a776ba;
    right: 0;
    margin: auto;
    z-index: 1;
    clip-path: polygon(15px 0%, calc(100% - 15px) 0%, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0% calc(100% - 15px), 0% 15px);
    bottom: 0;
    transition: 0.5s;
}

.instgram_post:hover a {
    opacity: 1;
}
.instgram_post a {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 45px;
    color: #000;
    transition: 0.5s;
    opacity: 0;
    z-index: 10;
}

/* footer section start */
footer{
    background-color: var(--black-color);
    position: relative;
 }
 .mil-footer-bg {
    position: absolute;
    top: 0px;
    left: 0;
    object-fit: contain;
    object-position: top;
    width: 100%;
    height: 100%;
    opacity: .05;
    pointer-events: none;
}



.footer_first {
    text-align: start;
}

.footer_first img {
    width: 180px;
}

.footer_first p {
    color: #b5b5b5;
    margin: 30px 0;
    font-size: 15px;
}



.title_style .main_subheading {
    font-size: 25px;
    margin-bottom: 25px;
    letter-spacing: 0.7px;
    width: fit-content;
    padding-left: 0;
    padding-right: 55px;
    font-weight: 700;
}



.footer_explore ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
    list-style: none;
}

.footer_explore a {
    text-decoration: none;
    color: #b5b5b5;
    transition: .3s all ease-in;
    font-size: 14px;
}

.footer_contact_wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 23px;
}

.footer_contact_wrapper i {
    font-size: 25px;
    color: var(--gold-color);
}

.footer_contact_info a {
    color:#b5b5b5;
    font-weight: 700;
    display: inline-block;
    text-decoration: none;
}

.footer__input {
    position: relative;
    padding-bottom: 0px;
}

.footer__input input {
    width: 100%;
    background-color: #272727;
    border: 0;
    padding-left: 20px;
    padding-right: 70px;
    height: 55px;
    color: #fff;
}

.footer__input button {
    height: 55px;
    width: 55px;
    background-color:var(--gold-color);
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
}

.footer_news p {
    color: #b5b5b5;
    font-size: 15px;
}

.footer__input h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-top: 15px;
}

.footer__input p {
    font-size: 14px;
    color: #b5b5b5;
}

.mil-footer-links {
    position: relative;
    padding: 35px 0;
    display: flex;
    justify-content: space-between;
}

.mil-footer-links ul {
    display: flex;
}

.mil-footer-links ul li {
    list-style-type: none;
    margin-right: 30px;
}

.mil-footer-links ul li a {
    transition: .2s cubic-bezier(0,0,.3642,1);
    color: #b5b5b5;
    font-size: 15px;
}

.mil-footer-links ul li a:hover{
    color: var(--gold-color);
}

.mil-divider.mil-light {
    background-color: hsla(0,0%,100%,.1);
}

.mil-divider.mil-light:after, .mil-divider.mil-light:before {
    border-color: #121820;
}

.mil-divider.mil-light:after, .mil-divider.mil-light:before {
    border-color: #121820;
}

.mil-divider {
    width: 100%;
    height: 2px;
    background-color: rgba(18,24,32,.1);
    position: relative;
}

.mil-divider:after, .mil-divider:before {
    content: "";
    width: 25px;
    border-right: 5px solid #fff;
    height: 100%;
    background-color: var(--gold-color);
    position: absolute;
    top: 0;
    left: 0;
}

.mil-divider:after {
    left: auto;
    right: 0;
    border-right: none;
    border-left: 5px solid #fff;
}

.mil-footer-links ul li:last-child {
    margin-right: 0;
}

.footer_explore a i {
    padding-right: 6px;
    color:var(--gold-color);
    transition: .3s all ease-in;
}

.footer_explore a:hover {
    color: var(--gold-color);
}

.footer_explore a:hover i {
    color: #b5b5b5;
}


 /* footer section end */


 .breadcrumb_section {
    background: linear-gradient(85deg, black, transparent), url(../images/breadcrumb.jpg);
    padding: 125px 0px;
    background-size: cover;
    clip-path: polygon(0px 0%, calc(100% - 0px) 0%, 100% 0px, 100% calc(100% - 25px), calc(100% - 25px) 100%, 25px 100%, 0% calc(100% - 25px), 0% 0px);
}

 .breadcrumb_heading h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
}

.breadcrumb_heading ul li a {
    color: var(--gold-color);
    font-size: 16px;
    font-weight: 500;
}

.breadcrumb_heading ul li i{
    color: var(--gold-color);
}

.breadcrumb_heading ul {
    gap: 10px;
}

.breadcrumb_heading ul li {
    color: #fff;
    font-weight: 500;
}

.breadcrumb_heading h2 img {
    width: 100%;
    max-width: 35px;
    margin-right: 10px;
}


.Amenities img {
    width: 100%;
    position: relative;
    clip-path: polygon(15px 0%, calc(100% - 15px) 0%, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0% calc(100% - 15px), 0% 15px);
}

.Amenities  {
    margin: 7px;
    position: relative;
    z-index: 1;
    background: #efefef;
    padding: 6px;
    transition: 0.5s;
    clip-path: polygon(15px 0%, calc(100% - 15px) 0%, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0% calc(100% - 15px), 0% 15px);
}

.Amenities > div {
    position: absolute;
    right: 40px;
    bottom: 27px;
    background: var(--black-color);
    color: #fff;
    padding: 15px 40px;
    font-size: 16px;
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    clip-path: inset(0 0 0 100%);
    transition: 0.5s cubic-bezier(.77, 0, .18, 1);
    -webkit-transition: 0.5s cubic-bezier(.77, 0, .18, 1);
    text-transform: uppercase;
}

.Amenities:hover > div{
    clip-path: inset(0 0 0 0);
}

.Prime_destination_section .service_box h4 {
    font-size: 40px;
}

.Prime_destination_section .service_box p {
    margin-top: 5px;
    font-size: 17px;
}

.Prime_destination_section .service_box .explore_img svg {
    width: 50px;
}

.page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.page-numbers li a {
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(6px 0%, calc(100% - 6px) 0%, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0% calc(100% - 6px), 0% 6px);
    background: #d7d7d7;
    color: #000;
    font-size: 15px;
    font-weight: 600;
    transition: 0.5s;
}

.page-numbers li a:hover, .page-numbers li a.active, .page-numbers li a:focus{
    background: var(--gold-color);
    color: #fff;
}

.page-numbers .next_number a{
    color: #000;
    font-size: 16px;
}

.progress_content-2 ul li {
    font-size: 16px;
    font-weight: 600;
}


.newProject_seciton {
    background: url(../images/Amenities/Amenities-Headign-Sec-Bg.jpg);
    position: relative;
    z-index: 1;
}

.newProject_seciton:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: #1d1d1d;
    opacity: 0.8;
    top: 0;
    z-index: -1;
}




.categories_type-1_img img {
    width: 100%;
    clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
}

.categories_type-1:before {
    padding: initial;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: #efefef;
    z-index: -1;
    clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
}

.categories_type-1 {
    position: relative;
    z-index: 1;
    padding: 5px;
}

.categories_type-1_content {
    position: absolute;
    left: 0px;
    bottom: 5px;
    width: 96.5%;
    background: #000000a1;
    padding: 15px 15px;
    clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 0px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
    margin: auto;
    right: 0;
}

.categories_type-1_content h4 {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 5px;
}

.categories_type-1_content h6 {
    margin: 0;
    color: var(--gold-color);
    font-weight: 500;
}

.categories_type-1_content:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 3px;
    width: 100%;
    content: '';
    background: linear-gradient(to right, #c2a776, #000000, #c2a776);
}

.categories_type-section_2 .categories_type-1_content{
    height: 97%;
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: center;
    clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
}

.categories_type-section_2 .categories_type-1_content::before{
    content: none;
}


.categories_type-4 {
    border: 5px solid #efefef;
    padding: 10px;
    text-align: center;
}

.categories_type-4_content {
    background: #efefef;
    padding: 15px 0px;
}

.categories_type-4_content h4 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 5px;
}

.categories_type-4_content h6 {
    margin: 0;
    color: var(--gold-color);
    font-weight: 500;
}


.portfolio_big {
    padding: 7px;
    background: #efefef;
    clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 25px, 100% calc(100% - 25px), calc(100% - 25px) 100%, 25px 100%, 0% calc(100% - 25px), 0% 25px);
    position: relative;
}


.portfolio_big_img img {
    clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 25px, 100% calc(100% - 25px), calc(100% - 25px) 100%, 25px 100%, 0% calc(100% - 25px), 0% 25px);
}
.portfolio_big_content {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    background: #00000094;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: 0.5s;
    opacity: 0;
    text-align: center;
}

.portfolio_big:hover .portfolio_big_content{
    opacity: 1;
    transform: scaleY(1);
    visibility: visible;
    height: 100%;
}


.portfolio_big_content h5 {
    color: var(--gold-color);
    font-weight: 700;
}

.portfolio_big_content h3 {
    color: #fff;
    font-weight: 800;
}

.portfolio_tabs {
    justify-content: center;
    border:0;
}

.portfolio_tabs .nav-link {
    background: #efefef;
    color: #000000;
    margin: 0px 5px;
    border-radius: 0px;
    border: 0;
    padding: 15px 40px;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
}

.portfolio_tabs .nav-link.active {
    background: var(--gold-color);
    border: 0;
}


.registration_form .from_box input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #80808059;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
}

.registration_form .from_box {
    margin-bottom: 15px;
}


.from_box_btn .main_btn {
    position: relative;
    z-index: 1;
    width: 100%;
}

.from_box_btn .main_btn a{
    width: 100%;
    display: flex;
    justify-content: center;
}

.registration_form .from_box_btn p a{
    color: var(--gold-color);
}

.forgont_passt a {
    color: var(--black-color);
    font-size: 15px;
}

.forgont_passt a i {
    color: var(--gold-color);
    padding-right: 5px;
}

.or_login p {
    text-align: center;
    background: #fff;
    width: fit-content;
    margin: auto;
    padding: 0px 20px;
}

.or_login .or {
    position: relative;
    z-index: 1;
}

.or_login .or:before {
    width: 100%;
    height: 1px;
    background: #d3d3d3;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: -1;
}

.or_login ul {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.or_login ul li {
    width: 100%;
    border: 1px solid #80808057;
    text-align: center;
    padding: 10px 0;
    border-radius: 7px;
}

.or_login ul li a {
    display: flex;
    justify-content: center;
    gap: 14px;
    align-items: center;
    color: var(--black-color);
}

.or_login ul li a i {
    width: 40px;
    height: 40px;
    background: var(--gold-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Error-box img {
    max-width: 550px;
}



.blog_sidebar {
    background: #efefef;
    padding: 30px 30px;
    position: sticky;
    top: 85px;
}

.blog_side-heading {
    font-size: 25px;
    font-weight: 700;
}

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

.blog_searvch_box input {
    width: 100%;
    border: 1px solid #80808036;
    padding: 14px 15px;
    font-size: 14px;
}

.blog_searvch_box button  {
   padding: 13px 18px;
   border: 0;
   background: var(--gold-color);
}
.blog_searvch_box button i {
    font-size: 20px;
}



.blog_Categories ul li {
    padding: 12px 0px;
    border-bottom: 1px solid #80808059;
}

.blog_Categories ul li a {
    color: var(--black-color);
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blog_Categories ul li a span {
    color: var(--gold-color);
}

.blog_Categories ul li:last-child {
    border: 0;
}

.recent_post_box {
    display: flex;
    align-items: center;
    gap: 15px;
    border-bottom: 1px solid #80808038;
    margin: 0 !important;
    padding: 15px 0px;
}

.recent_post_box:last-child{
    border: 0;
    padding-bottom: 0;
}

.recent_post_img img {
    width: 100%;
    max-width: 160px;
}

.recent_post_content a {
    font-size: 15px;
    font-weight: 600;
    color: var(--black-color);
    line-height: 18px;
}

.recent_post_content p {
    margin-bottom: 5px;
    line-height: 15px;
}

.tags_btn ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tags_btn ul li a {
    background: #ffffff;
    padding: 10px 15px;
    display: flex;
    color: #000;
    font-size: 12px;
    transition: 0.5s;
}

.tags_btn ul li a:hover {
    background: var(--gold-color);
}

.blog_details_content .categories_type-1_content {
    width: 99%;
    padding: 25px 20px;
}

.blgo_sider_content h3 {
    font-weight: 700;
    font-size: 23px;
}

.blgo_sider_content .listing li {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 12px;
}

.blgo_sider_content .listing li svg {
    width: 40px;
    fill:var(--gold-color)
}

.blgo_sider_content .listing li span {
    font-size: 17px;
    font-weight: 600;
}

.blog_details_img img {
    height: 350px;
    object-fit: cover;
}


.blgo_sider_content .listing-2 li {
    font-size: 14px;
    font-weight: 500;
    padding: 11px;
    padding-left: 50px;
    position: relative;
}

.blgo_sider_content .listing-2 li:before {
    position: absolute;
    left: 5px;
    top: 20px;
    width: 6px;
    height: 6px;
    background: var(--gold-color);
    content:
    '';
    border-radius: 50%;
}

.blgo_sider_content .listing-2 li:after {
    width: 16px;
    height: 16px;
    top: 15px;
    left: 0;
    background: #c2a7768a;
    content: '';
    position: absolute;
    border-radius: 50%;
}


.blog_detils_testimonial {
    background: linear-gradient(45deg, black, #000000a3), url(../images/blog/testimonial-slide1.jpg);
    background-size: cover;
    padding: 40px  40px;
    display: flex;
    gap: 25px;
}

.blog_detils_testimonial .test_img img {
    width: 110px;
}

.test_content h6 {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
}

.test_content h4 {
    color: var(--gold-color);
    font-size: 20px;
    font-weight: 700;
}

.test_content h4 span {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    padding-left: 20px;
}
.blog_comments h3 {
    font-size: 20px;
    font-weight: 700;
}

.comments_detilas {
    display: flex;
    gap: 20px;
    margin-top: 25px;
}

.comments_content a {
    color: #000;
    font-weight: 700;
    text-decoration: underline;
}

.comments_content h4 {
    font-size: 17px;
    display: flex;
    justify-content: space-between;
    font-weight: 700;
}

.blgo_form {
    background: var(--black-color);
    padding: 30px 40px;
}

.blgo_form h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
}

.blgo_form p {
    margin-bottom: 2px;
}

.blgo_form input, .blgo_form textarea {
    background: transparent;
    border: 0;
    color: #fff;
    padding: 14px 0px;
    border-bottom: 2px solid #fff;
    width: 100%;
    margin-bottom: 11px;
    outline: none;
}

.blgo_form input::placeholder, .blgo_form textarea::placeholder {
    color: #fff;
}

.blgo_form button {
    border: 0px;
    padding: 13px 0px;
    font-size: 15px;
    font-weight: 600;
    background: var(--gold-color);
    transition: 0.5s;
}

.blgo_form button:hover{
    background: #fff;
}

.contact_content {
    padding: 30px;
    box-shadow: 0px 3px 15px 0px #0000001c;
}

.contact_content h3 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 15px;
}


.contact_content .post_content h4 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 15px;
}


.address_detial li {
    display: flex;
    font-size: 13px;
    font-weight: 500;
    gap: 10px;
    margin-bottom: 15px;
    color: #5f5f5f;
}

.address_detial li i {
    color: var(--gold-color);
    margin-top: 5px;
}

.contact_content .post_content p {
    margin-bottom: 5px;
}

.form_input .form-control, .form_input select {
    padding: 11px 15px;
    font-size: 15px;
    border-radius: 0;
    border: 1px solid #80808030;
    font-weight: 500;
}

.form_input select{
    color: #a3a3a3;
}

.form_input .form-control::placeholder, .form_input select::placeholder {
    color: #808080a3;
}

.form_input .form-control:focus, .form_input select:focus {
    box-shadow: 0 0 0 5px #c2a77647;
    border-color: #c2a77680;
}

.goggle_map .container-fluid iframe {
    border: 1px solid #c2a776 !important;
    padding: 10px;
}


.property_box {
    text-align: center;
    box-shadow: 0 0 12px 0 #1373ea1a;
    -webkit-box-shadow: 0 0 12px 0 #1373ea1a;
    padding: 25px 25px;
    background: #fff;
    clip-path: polygon(10px 0%, calc(100% - 10px) 0%, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0% calc(100% - 10px), 0% 10px);
}

.property_img {
    height: 80px;
    width: 80px;
    justify-content: center;
    background: #c2a77626;
    border-radius: 50%;
    display: flex;
    align-items: center;
    margin: auto;
}

.property_img i {
    color: var(--gold-color);
    font-size: 30px;
}

.property_box a {
    color: var(--black);
}

.property_content {
    margin-top: 12px;
}

.property_content h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0px;
}

.property_content p {
    margin: 0;
    font-size: 13px;
}



.team_section{
    background: url(../images/pattern.png);
}


.prime_property {
    padding: 6px;
    transition: 0.5s;
    position: relative;
    z-index: 1;
}


.primg_img img {
    width: 100%;
    transition: 0.5s;
}

.primg_img {
    transition: 0.5s;
    clip-path: polygon(15px 0%, calc(100% - 15px) 0%, 100% 15px, 100% calc(100% - 15px), calc(100% - 1px) 100%, 0px 100%, 0% calc(100% - 15px), 0% 15px);
}

.prime_property:hover .primg_img img {
    transform: scale(1.5);
}

.prime_content {
    display: flex;
    padding: 18px 15px 15px 15px;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    clip-path: polygon(0px 0%, calc(100% - 0px) 0%, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0% calc(100% - 15px), 0% 15px);
}

.prime_content h4 {
    font-size: 17px;
    font-weight: 800;
    margin-bottom: 0px;
}

.prime_content a {
    padding: 10px 13px;
    background: #c2a7764a;
    display: flex;
    align-items: center;
    border-radius: 5px;
    color: var(--gold-color);
    font-size: 18px;
}

.prime_property:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    content: '';
    clip-path: polygon(15px 0%, calc(100% - 15px) 0%, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0% calc(100% - 15px), 0% 15px);
    background: #ebebeb;
    z-index: -1;
}



/* index 2 css */


.hero_main_text h1 span::after{
    content: '|';
    animation-name: blinking; 
    animation-duration: .71s; 
    animation-iteration-count: infinite;
}
@keyframes blinking{
    from{
        color: transparent; 
    }
    to{
        color: lightgrey; 
    }
}

.hero_section_2 {
    background: var(--black-color);
    height: 87vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

.hero_section_2::before {
    position: absolute;
    left: 0;
    bottom: -64px;
    width: 100%;
    height: 100%;
    content: '';
    background: url(../images/index-2/bottom-img1.png);
    z-index: -1;
}



.hero_main_text h5 {
    color: var(--gold-color);
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 15px;
    width: fit-content;
    padding: 10px 20px;
    position: relative;
}

.hero_main_text h5:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
    transform: skew(-30deg);
    background: #c2a77617;
}

.hero_main_text h1 {
    font-size: 50px;
    color: #fff;
    font-weight: 700;
}

.hero_main_text h1 span {
    color: var(--gold-color);
}

.hero_img-2 {
    position: absolute;
    bottom: 0px;
   
}

.hero_img-2::before{
    position: absolute;
    left: 0;
    top: 15px;
    width: 100%;
    height: 100%;
    content: '';
    background: url(../images/index-2/bottom-img2.png);
}



.hero_img-2 .hero_img {
    width: 100%;
    animation: animation-2 2.5s  infinite alternate ;
}

@keyframes animation-2 {
    0% {
      
      transform:translateX(0) ;
    }

    100% {
    
      transform: translateX(-80px);
    }
  }

  .main_heading-2 h5 {
    font-size: 18px;
    font-weight: 700;
    background: #c2a7763b;
    width: fit-content;
    margin: auto;
    margin-bottom: 15px;
    padding: 5px 29px;
    position: relative;
}

.main_heading-2 h5:before, .main_heading-2 h5:after {
    position: absolute;
    left: 0px;
    top: 0;
    width: 15px;
    height: 15px;
    background: var(--gold-color);
    content: '';
    margin: auto;
    border: 2px solid #fff;
}


.main_heading-2 h5:after{
    right: 0px;
    left: auto;
    bottom: 0;
    top: auto;
}

.main_heading-2 h2 {
    font-size: 35px;
    font-weight: 800;
}

.main_heading-2 h2 span{
    color: var(--gold-color);
}

.hero_img-2 .villa-listing {
    display: inline-block;
    position: absolute;
    top: 0%;
    left: 10%;
    z-index: 2;
}

.hero_img-2 .villa-listing .list_vis a {
    height: 32px;
    width: 32px;
    text-align: center;
    transition: all 0.4s;
    background: #fff;
    border-radius: 50%;
    color: #000;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.list_vis {
    text-align: center;
    display: flex;
    justify-content: center;
}

.hero_img-2 .villa-listing .list_vis a::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 16px;
    top: 16px;
    background: #fff;
    transition: all 0.4s;
    z-index: -1;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
    opacity: 40%;
    display: inline-block;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
  
  }

  .hero_img-2 .villa-listing .villa-images {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 10px;
    border-radius: 12px;
    margin-top: 13px;
}

.hero_img-2 .villa-listing .villa-images .img1 img {
    height: 50px;
    width: 50px;
    object-fit: cover;
    border-radius: 50%;
}

.hero_img-2 .villa-listing .villa-images .text {
    padding-left: 10px;
}

.hero_img-2 .villa-listing .villa-images .text a {
    color: #272626;
    font-size: 16px;
    font-weight: 600;
}

.hero_img-2 .villa-listing .villa-images .text p {
    font-size:12px;
    opacity: 80%;
    margin: 0;
    line-height: 15px;
    margin-top: 6px;
}

.hero_img-2 .villa-listing-2 {
    left: 60%;
    top: 40%;
}


.about-list-box {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    border-radius: 60px;
    background: #f7e6c6a1;
    padding: 12px 45px 12px 12px;
    position: relative;
    margin-bottom: 50px;
    display: inline-block;
}

.about-list-box span {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    background:var(--gold-color);
    color: #000;
    display: inline-block;
    margin: 0 10px 0 0;
}

.about-list-box::after {
    position: absolute;
    content: "";
    right: -335px;
    border: 1px solid #030E0F;
    width: 100%;
    z-index: -1;
    top: 30px;
    opacity: 20%;
}

.box2 {
    margin-left: -50px;
}

.box3 {
    margin-left: 50px;
}

 .about-list-box2 {
    left: 86px;
}

 .about-list-box2.box1::after,  .about-list-box2.box3::after {
    right: 354px !important;
}

 .work-single-boxarea {
    z-index: 1;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}

 .work-single-boxarea .imgwork {
    overflow: hidden;
    transition: all 0.4s;
    border-radius: 16px;
    position: relative;
}


 .work-single-boxarea .imgwork img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 16px;
    transition: all 0.4s;
}

.work-single-boxarea .work_content h3 {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    background: #000;
    border-radius: 50%;
    transition: all 0.4s;
    margin-bottom: 17px;
}

.work-single-boxarea .work_content a {
    color: #030E0F;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    display: block;
    transition: all 0.4s;
}

.work-single-boxarea::after {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    left: 160px;
    transition: all 0.4s;
    background: #030E0F;
    bottom: 14%;
    opacity: 10%;
}

.work_content {
    margin-top: 20px;
}

.work-single-boxarea-2::after {
    content: none;
}


 .work-single-boxarea:hover .imgwork img {
    transform: scale(1.1) rotate(-4deg);
    transition: all 0.4s;
}

 .work-single-boxarea:hover .work_content h3 {
    background: var(--gold-color);
    color: #000;
    transition: all 0.4s;
}

.featured_section {
    background: linear-gradient(45deg, black, #00000073), url(../images/index-2/bg2.png);
    width: 100%;
    height: 100%;
    background-size: cover;
    padding: 90px 0;
    background-attachment: fixed;
    position: relative;
    /* z-index: -1; */
}

.featured_section .main_heading-2 h5 {
    color: #fff;
    margin: inherit;
    margin-bottom: 15px;
}

.featured_section .main_heading-2 h2, .featured_section .main_heading-2 p {
    color: #fff;
}

.featured_section .main_btn a{
    z-index: 1;
}

.featured_slider .swiper {
    width: fit-content;
    height: 270px;
}


.featured_box {
    background: #fff;
    height: 100%;
    padding: 40px;
    border-radius: 20px;
}

.featured_box h5 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}

.featured_box h5 i {
    color: var(--gold-color);
    padding-right: 5px;
}

.featured_box h2 {
    font-size: 35px;
    font-weight: 800;
    margin-bottom: 15px;
}

.featured_box h3 s {
    font-size: 20px;
    font-weight: 600;
    color: var(--gold-color);
    padding-right: 7px;
}

.featured_box h3 {
    font-size: 25px;
    font-weight: 800;
    margin-bottom: 35px;
}

.propety-single-boxarea {
    border-radius: 10px;
    text-align: center;
    position: relative;
    overflow: hidden;
}


.image-anime img {
    width: 100%;
    border-radius: 10px;
}

.image-anime{
    position: relative;
}

.image-anime:hover:after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.image-anime:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}

.propety-single-boxarea h3 {
    width: 40px;
    height: 40px;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    right: 15px;
    top: 15px;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
}

.propety-single-boxarea a {
    background: #fff;
    position: absolute;
    bottom: 10px;
    width: 85%;
    left: 0;
    right: 0;
    margin: auto;
    padding: 7px 0;
    border-radius: 5px;
    color: #000;
    font-size: 14px;
    font-weight: 600;
}

.testimonial_img {
    border-radius: 15px;
    height: 360px;
}

.testimonial_img img {
    border-radius: 15px;
    object-fit: cover;
    height: 100%;
}

.testimonial_box {
    background: #fff;
    padding: 30px 40px;
    border-radius: 15px;
}

.testimonial_box .quiet i {
    color: var(--gold-color);
    font-size: 45px;
    margin-bottom: 15px;
}

.testimonial_box h5 {
    font-size: 20px;
    line-height: 33px;
    font-weight: 600;
}

.testimonial_user {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.testimonial_user .testimonial_name {
    display: flex;
    align-items: center;
    gap: 25px;
}

.testimonial_user .testimonial_name h4 {
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 0px;
}

.testimonial_user .testimonial_name p {
    margin: 0;
}


.team_box-2 {
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    transition: 0.5s;
}

.team_box-2:hover:after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.team_box-2:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}


.team_img-2 img {
    border-radius: 10px;
    width: 100%;
}


.team_box-2 .share-2 {
    position: absolute;
    right: 15px;
    bottom: 17px;
    width: 50px;
    height: 50px;
    background: var(--gold-color);
    border-radius: 50%;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}

.team_box-2:hover .share-2{
    background: #fff;
}

.team_content_2 {
    position: absolute;
    bottom: 7px;
    padding: 10px 15px;
    background: #141414;
    width: 95%;
    border-radius: 10px;
    margin: auto;
    right: 0;
    left: 0;
    z-index: 10;
}

.team_box-2 ul {
    position: absolute;
    right: -100px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
    gap: 10px;
    z-index: 10;
}

.team_box-2 ul li a{
    width: 50px;
    height: 50px;
    background-color: var(--gold-color);
    border-radius: 50%;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}

.team_box-2 ul li a:hover{
    background: #fff;
}

.team_box-2:hover ul {
    right: 25px;
}

.team_content_2 h4 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    color: #fff;
}

.team_box-2 .share-2 a {
    color: #000;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.team_content_2 p {
    color: #9b9b9b;
}

.error_section{
    align-items: center;
    display: flex;
    height: 100vh;
}

#thankYouMessage {
    display: none;
    color: green;
    margin-top: 10px;
}