.photography-contact {
  padding: 2rem;
}

.photography-contact .contact-icon-box {
  box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1);
  padding: 40px;
  height: 100%;
  text-align: center;
}

.photography-contact .contact-info-icon {
  width: 85px;
  height: 85px;
  line-height: 93px;
  text-align: center;
  background: rgb(255 247 244);
  margin: 0px auto;
  border-radius: 50%;
}

.photography-contact .contact-info-content {
  text-align: center;
}

.photography-contact .contact-info-icon i {
  font-size: 33px;
  color: #c97a4f;
}

.photography-contact h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 15px 0 10px;
}

.photography-contact .section-title {
  margin-top: 3rem;
}

.contact-section {
  padding: 0;
}

.photography-contact .contact-card {
  background: #fff;
  max-width: 1000px;
  margin: 0 auto;
  padding: 50px;
  box-shadow: 0px 1px 15px 0px rgba(62, 65, 159, 0.1);
}

.photography-contact .contact-map {
}

.photography-contact .contact-form label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #555;
  margin-bottom: 6px;
}

.photography-contact .form-input,
.option-input,
.form-textarea {
  width: 100%;
  padding: 14px 16px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  margin-top: 25px;
  color: #8d8d8d;
}

.photography-contact .form-textarea {
  min-height: 160px;
}

.photography-contact.form-input::placeholder,
.form-textarea::placeholder {
  color: #aaa;
}

.photography-contact .form-input:focus,
.option-input:focus,
.form-textarea:focus {
  outline: none;
  border-color: #c5a89f;
}
.contact-map {
  position: relative;
  bottom: 11rem;
  z-index: -1;
  height: 273px;
}

.contact-map .photography-map iframe {
  width: 100%;
}

.photography-contact .weddibtn {
  background-color: #c97a4f;
}

.photography-contact .weddibtn:hover {
  background-color: #b8893f;
}

.form-buttoonn {
  display: flex;
  /*justify-content: center;*/
  margin-top: 27px;
}

/*breadcrumb*/

.breadcrumb-area {
    position: relative;
    padding: 150px 0 150px;
    align-items: center;
    background: url(../image/bg/professional-event-photography.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}

.breadcrumb-area::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #00000075; 
    z-index: -1;
}


.brd-title {
   color: #fff;
    font-size: 43px;
    margin-top: 0;
    /*text-align: center;*/
    /*max-width: 75%;*/
    margin: auto;
}


.brd-menu {
    padding: 2rem 0px 2rem 0px;
       border-bottom: 1px solid #ccc;
}



.bd-list {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.bd-list li {
    font-size: 18px;
    color: #747171;
}

.bd-list li a {
    color: #a39d9d;
    text-decoration: none;
}

.bd-list li.active {
    color: #000;
    font-weight: 500;
}
/*.nv-icon{*/
/*    margin-top:10px;*/
/*}*/
.bd-list li:not(:last-child)::after {
    content: "\f101";
    font-family: flaticon_normal-icon !important;
    margin: 0 5px;
    display: inline-block;
    font-size: 11px;
}

/*intro*/

.intr-sec {
  padding:3.5rem 0 4.5rem;
}


.high-text {
  color: transparent;
  -webkit-text-stroke: 1px #c97a4f;
}

.intro-content h2 {
  padding: 10px 5px;
}
.small-image-wrapper img {
  border-radius: 15px;
    object-fit: cover;
    height: 297px;
}
.bottom-content{
    padding: 1.5rem 0 1.5rem;
}
.about-image-wrapper {

    text-align: center;
}

/*types*/

.card-section {
    position:relative;
      padding: 3rem 0 3rem;
}

.property-card {
    border-radius: 18px;
    overflow: hidden;
    transition: 0.3s;
}



.card-image {
    position: relative;
    overflow: hidden; 
    border-radius: 20px;
    padding-left: 2px;
}



.card-content {
    /*padding: 8px;*/
    margin:20px 0 0;
}

/*.card-features {*/
/*    display: flex;*/
/*    justify-content: space-evenly;*/
/*    font-size: 14px;*/
/*    color: #666;*/
/*}*/

.card-features span {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Title */
.card-content h3 {
    font-size: 20px;
    margin-bottom: 8px;
    color: #222;
}

/* Location */
.card-content p {
       font-size: 16px;
    /*display: flex;*/
    /*gap: 6px;*/
    text-align: justify;
    margin: 0;
}
.swip-title {
  position: relative;
    padding-bottom: 12px;
    margin-bottom: 0;
    /* text-align: center; */
    font-size: 17px;
}

.swip-title::after {
    content: "";
    display: block;
    width: 100%;          
    height: 1px;         
    background-color: #cc8057; 
     margin: 8px auto 0;
}



.card-image img {
    width: 100%;
  
    object-fit: cover;
    display: block;
    border-radius: 20px;
    transition: transform 0.6s ease; 
}


.property-card:hover .card-image img {
    transform: scale(1.12);
}
.wedding-coverage-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    margin-top: 20px;
}

.wedding-coverage-table th,
.wedding-coverage-table td {
    padding: 14px 16px;
    border: 1px solid #be9e75;
    text-align: left;
}
.wedding-coverage-table thead {
    background-color: #c97a4f;
}
.wedding-coverage-table th {
    font-weight: 600;
    color: #fff;
}

.wedding-coverage-table tbody tr:hover {
    background-color: #f8ece3;
}


.service-tab{
    padding: 3rem 0 3rem;
    margin-bottom:25px;
}
.service-tab .sec-big-title{
    text-align: center;
}



/* Section Header */
.section-hd {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom:20px;
    
}

/* Navigation Wrapper */
.slider-nav {
    display: flex;
    gap: 12px;
}

/* Buttons */
.slider-btn {
    width: 50px;
    height: 50px;
    background-color: #c97a4f;
    border: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #ffffff;
    cursor: pointer;
    transition: all 0.3s ease;
}


/* Disabled (Swiper auto adds this state) */
.slider-btn.swiper-button-disabled {
    opacity: 0.4;
    cursor: not-allowed;
}


.services-sec{
       position: relative;
    padding: 4.5rem 0 4.5rem;
    background: #fff7f4;
}




.service-outer-cards .our-service-cardss {
    border-radius: 24px;
    position: relative;
     position: relative;
    z-index: 1;
    width: 100%;
    overflow: hidden;
    display: inline-block;
}
.safar-thumb__anim {
   
}

.our-service-cardss {
    overflow: hidden;
}

.service-outer-cards:hover .our-service-cardss::before {
    opacity: 1;
    visibility: visible;
}

.service-outer-cards .our-service-cardss::before {
    position: absolute;
    content: "";
    inset-block-end: 0;
    inset-inline-start: 0;
    opacity: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    transition: 0.3s ease-in-out;
    background: linear-gradient(180deg, rgba(156, 117, 56, 0) 0%, rgba(156, 117, 56, 0) 15.83%, rgba(156, 117, 56, 0) 29.29%, rgba(156, 117, 56, 0.6) 68.41%, rgba(156, 117, 56, 0.8) 85%);
}

.service-outer-cards:hover .our-service-cardss a img {
    transform: scale3d(1.1, 1.1, 1.1);
}
.service-outer-cards .our-service-cardss img {
    height:400px;
    object-fit: cover;
      overflow: hidden;
    transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
}

.our-service-cardss img {
    width: 100%;
}

.service-outer-cards:hover .service-content-box {
    box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.02);
}
.service-outer-cards .service-content-box {
    border-radius: 24px;
}

.service-content-box {
    z-index: 1;
    margin: 0 15px;
    overflow: hidden;
    position: relative;
    margin-block-start: -175px;
    transition: 0.3s ease-in-out;
    padding: 32px 15px 32px 15px;
}

.service-outer-cards .service-content-box::before {
    border-radius: 0 0 24px 24px;
}
.service-content-box::before {
    position: absolute;
    content: "";
    z-index: 3;
    height: 32px;
    inset-block-end: 0;
    inset-inline-start: 1px;
    inset-inline-end: 1px;
    background-color: #fff;
}

.service-outer-cards:hover .service-content-box {
    transform: inherit;
}

.service-content-box {
    z-index: 1;
    position: relative;
    transform: translateY(49px);
    transition: all 0.3s ease-out 0s;
}


.service-outer-cards .service-content-inform::before {
   border-radius: 0 0 24px 24px;
}
.service-content-inform::before {
    position: absolute;
    content: "";
    z-index: -1;
    width: calc(100% + 64px);
    height: calc(100% + 64px);
    inset-block-start: 50%;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
}
.service-content-inform h4{
        position: relative;
    font-size: 19px;
    font-weight: 600;
    
}
.service-outer-cards:hover {
    transform: translateY(0px) scaleY(1);
}




.safar-icon__hover {
    display: inline-block;
    transition: transform 0.3s ease-in-out;
}

/*.safar-blog__btn {*/
/*    transition: transform 0.3s ease-in-out;*/
/*}*/
.service-content-inform p{
  overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-block-end: 18px;
    margin: 0;
    font-size: 16px;
}
.service-outer-cards .safar-icon-button {
    color: #c29a5c;
}
.safar-icon__hover a {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0.96px;
    color: #000;
    display: flex;
    align-items: center;
    gap: 10px;
}


.services-sec .row{
    row-gap:20px;
    margin-bottom:70px;
    justify-content: center;
}

.safar-blog__btn {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

.service-outer-cards:hover .safar-blog__btn {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


.hig-text{
    font-style: italic;
    font-size: 22px;
    background: #fff7f4;
    padding: 0.5rem;
    font-weight: 600;
    border-left: 2px solid #C97A4F;
    margin: 1.5rem 0;
}


.about-btn-wrap {
    margin-top: 25px;
}

.about-btn {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    text-decoration: none;
    padding: 14px 18px;
}

.about-text {
    font-size: 18px;
    letter-spacing: 2px;
    color: #c97b50;
    font-weight: 500;
}

.about-icon {
    width: 52px;
    height: 52px;
    border: 1.5px solid #ae8161;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #a6795b;
    transition: 0.3s ease;
}

.about-btn:hover .about-icon {
    transform: translate(4px, -4px);
}
.service-content-inform h4 {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 12px;
}

.service-content-inform h4::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #d9d9d9;
}

.cta-btns {
    margin-top: 20px;
    display: flex;
    gap: 15px;
}

.theme-btn {
    background-color: #c97a4f;
    color: #fff;
    padding: 10px 22px;
    text-decoration: none;
    font-size: 15px;
    border-radius: 4px;
    display: inline-block;
    transition: 0.3s ease;
}

.theme-btn:hover {
    background-color: #b86a40;
    color: #fff;
}

.whatsapp-btn {
    border: 2px solid #c97a4f;
    background-color: transparent;
    color: #c97a4f;
}

.whatsapp-btn:hover {
    background-color: #c97a4f;
    color: #fff;
}
/*.wed-content{  */
/*    z-index: 1;*/
/*    position: relative;*/
/*    transform: translateY(0px);*/
/*    transition: all 0.3s ease-out 0s;*/
/*    padding: 1rem 1rem;*/
/*}*/

/*.wed-content::before{*/
/*        position: absolute;*/
/*    content: "";*/
/*    z-index: -1;*/
/*    width: calc(100% + 64px);*/
/*    height: calc(100% + 64px);*/
/*    inset-block-start: 50%;*/
/*    inset-inline-start: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    background-color: var(--safar-white-color);*/
/*}*/
.serv-crds h4{
    border-bottom: 1px solid #c97a4f;
    margin-block-end: 15px;
    padding-block-end: 15px;
    font-size: 18px;
}
.wedd-lk .wed-card{
   position: relative; 
   overflow:hidden;
    padding-left: 4px;
}
.wed-card img{
   width:100%;
  transition: transform 0.4s ease;
    object-fit: cover;
    border-radius: 24px;
    overflow:hidden;
    
}


.wedd-lk{
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
}
.wedd-lk .wed-card::before{
    position: absolute;
    content: "";
    inset:0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    transition: 0.3s ease-in-out;
    background: linear-gradient(rgba(156, 117, 56, 0) 0%, rgba(156, 117, 56, 0) 15.83%, rgba(156, 117, 56, 0) 29.29%, rgba(156, 117, 56, 0.6) 68.41%, rgba(156, 117, 56, 0.8) 85%);
    border-radius:24px;
    
}
.wedd-lk:hover .wed-card img {
  transform: scale(1.1);
}

.wedd-lk:hover .wed-card::before {
  opacity: 1;
  visibility: visible;
}
.wed-card {
  position: relative;      
  border-radius: 24px;
  overflow: hidden;       
}
.wedd-lk:hover .wed-btn{
    color:#c97a4f;
}
/*.wedd-lk:hover .wed-card::before{*/
/*        opacity: 1;*/
/*    visibility: visible;*/
/*}*/

.serv-crds p {
  display: -webkit-box;
  -webkit-line-clamp: 2;     
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4 !important;
  font-size: 17px;
}
/*.wed-btn {*/
/*    display: inline-block;*/
/*    margin-top: 10px;*/
/*    transform: translateY(20px);*/
/*    opacity: 0;*/
/*    transition: all 0.3s ease;*/
/*}*/
/*.wedd-lk:hover .wed-btn {*/
/*    transform: translateY(10px);*/
/*    opacity: 1;*/
/*}*/

/*.wedd-lk:hover .wed-content {*/
/*    transform: translateY(-7px);*/
/*}*/

.serv-crds {       
     z-index: 1;
    margin: 0 20px;
    overflow: hidden;
    position: relative;
    margin-block-start: -80px;
    padding: 15px 25px 15px 25px;
    background:#fff;
    border-radius:24px;
   transition: 0.3s ease-in-out;
}


.illustration-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}

/* Left Side Illustration */
.illustration-left {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 300px;
    height: 500px;
    opacity: 0.19;
}

/* Right Side Illustration */
.illustration-right {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 300px;
    height: 500px;
    opacity: 0.19;
}

/* Camera Illustration Animation */
.camera-illustration {
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { 
        transform: translateY(0px) rotate(0deg); 
    }
    50% { 
        transform: translateY(-20px) rotate(2deg); 
    }
}

/* Decorative Elements */
.deco-circle {
    position: absolute;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(232, 180, 160, 0.2), rgba(201, 166, 144, 0.2));
    animation: pulse 4s ease-in-out infinite;
    pointer-events: none;
}

.deco-circle-1 {
    width: 150px;
    height: 150px;
    top: 10%;
    left: 5%;
}

.deco-circle-2 {
    width: 100px;
    height: 100px;
    bottom: 15%;
    right: 8%;
    animation-delay: 2s;
}

@keyframes pulse {
    0%, 100% { 
        transform: scale(1); 
        opacity: 0.3; 
    }
    50% { 
        transform: scale(1.1); 
        opacity: 0.5; 
    }
}

/* Ensure content is above illustrations */
.services-sec .container {
    position: relative;
    z-index: 1;
}
.det-ser p{
    display: unset;
}
.det-ser{
        height: 220px;
}
.det-why .row{
    justify-content: center;
}
.photo-services-sec .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    color:#ffffff;
    background:#c97b50;
    
}
.photo-services-sec .nav-link{
        color: #000;
        font-size: 14px;
}


.photo-services-sec .nav-pills{
        gap: 10px;
    justify-content: center;
    display: flex;
    flex-wrap: nowrap;
}

.hoto-service-tab .sec-big-title{
        font-size: 27px;
    margin-bottom: 1.5rem;
}


.we-testimail {
    position: relative;
    padding: 120px 0;
    background: #e9e4dd;
    overflow: hidden;
}

/* Side Background Circles */
.we-testimail::before,
.we-testimail::after {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
}

.we-testimail::before {
    left: -250px;
   background-image: url(../image/detail/chennai-photography-testimonials.webp);
}

.we-testimail::after {
    right: -250px;
   background-image: url(../image/detail/focused-photographer.webp);
}

/* FIXED CENTER CIRCLE */
.we-testimail-fixed-circle {
    width: 650px;
    height: 650px;
    background: #f4f1ec;
    border-radius: 50%;
    margin: auto;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Swiper inside circle */
.mySwiper-testimonial {
    width: 80%;
}

/* Slide Content */
.our-client-feedback {
    text-align: center;
    position:relative;
}


.testimail-client-img::after {
       position: absolute;
    content: "\f15b \f15b \f15b \f15b \f15b";
    top: 8rem;
    font-family: flaticon_normal-icon !important;
    display: inline-block;
    font-size: 15px;
    color: #c8553b;
    letter-spacing: 6px;
    background-size: contain;
    left: 13rem;
}


.testimail-client-img img {
      width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-bottom: 13px;
    position: relative;
}

.our-client-feedback h4 {
  font-size: 17px;
    font-weight: 600;
    margin: 0;
}

.our-client-feedback p {
     position: relative;
    font-size: 20px;
    line-height: 1.6;
    color: #4a3f35;
    margin: 40px 0 0;
}


/* Navigation inside circle */
.we-testimail-nav {
       position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 36px;
}

.we-testimail-nav .swiper-button-next,
.we-testimail-nav .swiper-button-prev {
    position: relative;
    width: 55px;
    height: 55px;
    background: #e1d8cc;
    border-radius: 50%;
    color: #000;
}

.we-testimail-nav .swiper-button-next:after,
.we-testimail-nav .swiper-button-prev:after {
    font-size: 18px;
}


.comman-event-btn {
       margin: 20px 0 0;
}

.what-othersd a:not(:last-child) {
    margin-right: 10px !important;
}

.comman-event-btn a:first-child {
    margin-right:10px;
}
.comman-event-btn .cmn-evnt-btn {
    border: 0 !important;
}

.cmn-evnt-btn {
    display: inline-block;
     box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    font-size: 14px;
    color: #fff;
    background:#c97a4f;
    padding: 8px 20px;
    border-radius: 30px;
    position: relative;
    z-index: 1;
    text-decoration: none;
    font-weight: 600;
}


.our-about-section{
    position:relative;
    padding:3rem 0 3rem;
}

.about-images img{
        border-radius: 30px;
        width: 100%;
}


/*we-deliver-section*/

.we-deliver-section{
      position: relative;
    padding: 4rem 0 3rem;
}
.we-deliver-section::before{
    position: absolute;
    background: url(../images/home/bg-image.webp);
    content: '';
    top: 30px;
    left: 14px;
    background-size: cover;
    background-position: center;
    width: 151px;
    height: 150px;
    overflow: hidden;
    animation: rotateImage 15s linear infinite;
    opacity: 0.2;
    z-index: -1;
}
.we-deliver-section .row {
    row-gap: 20px;
    justify-content: center;
}
.deliver-outer-box{
    padding: 40px;
        background: #FBF6F1;
    border-radius: 5px;
    transition: 0.4s;
    border: 1px solid transparent;
    position: relative;
    overflow: hidden;
    height:100%;
}
/*.deliver-outer-box:hover {*/
/*    background-color: #ffffff;*/
/*    box-shadow: 0 20px 40px rgba(3, 23, 9, 0.1);*/
/*    border-color: #ebf2f6;*/
/*}*/

.leadership-top {
    z-index: 2;
    position: relative;
}
.leadership-top .leadership-heading {
    font-size: 18px;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-weight: 600;
}

.leadership-type {
    padding: 0;
    margin: 0;
    z-index: 2;
    position: relative;
}
.leadership-type li {
    font-weight: 400;
    list-style: none;
    align-items: center;
    margin: 0;
    padding-left: 26px;
    line-height: 1.9;
    position: relative;
}
.leadership-type li:before {
      position: absolute;
    content: "\f14b";
    font-family: flaticon_normal-icon !important;
    left: 0px;
    color: #a8795b;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0.4rem;
}

.our-coverage-section{
      position: relative;
    padding: 3rem 0 3rem;
    background: #fff7f4;
}

.category-section {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    margin-top: 43px;
    gap: 1.6rem;
}

.categories-title {
    font-size: 15px;
    font-weight: 600;
    margin: 1rem 0 0;
    text-align: center;
    line-height: 1.4;
}

.coverage-images img{
        border-radius:10px;
}
.our-intr-sec{
padding: 3.5rem 0 4.5rem;
    background-color: rgba(255, 244, 239, 0.7);
}

.our-about-section .about-images{
    padding-left: 1px;
}


.error-page .big-title-head{
        margin: 3rem 0 0;
}

.error-page {
    position:relative;
    padding: 0 0 3rem;
}

.error-page-sec img{
    filter: invert(51%) sepia(71%) saturate(340%) hue-rotate(337deg) brightness(91%) contrast(98%);
}