@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Allura&display=swap');

*{ box-sizing:border-box; padding:0; margin:0; }

body{ font-family: "Roboto", sans-serif; font-weight:400; margin:0; padding:0; overflow-x:hidden; }
ul, li{ list-style:none; margin:0; padding:0; }
a, a:focus, a:hover{ text-decoration:none; outline:none; transition:all 0.6s; }
img { max-width:100%; height:auto; display:inline-block;  }

@media screen and (min-width:1366px){
    .container{ max-width:1310px; }
}

@font-face {
    font-family: 'salvalynregular';
    src: url('salvalyn_demo-webfont.woff2') format('woff2'),
         url('salvalyn_demo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


:root {
    --black:#3C433B;
    --white:#FFFFFF;
    --theme:#E7D9D6;
}


h1,h2,h3,h4,h5,h6{ font-family: 'salvalynregular';  line-height:1; font-weight:400; margin-bottom:20px; }
h1{ font-size:160px; }
h2{ font-size:80px; text-transform:uppercase; }
h3{ font-size:30px; }
h4{ font-size:25px; }  
h5{ font-size:20px; } 
h6{ font-family: "Roboto", sans-serif; font-size:15px; }
p{ font-size:18px; line-height:1.4; font-weight:300; margin-bottom:20px; }

/* .cmn-btn{ font-family: 'LilGrotesk'; font-size:20px; line-height:1.2; font-weight:normal; letter-spacing:1px; color:var(--white); background:var(--theme); border-radius:10px; display:inline-block; padding:20px 30px; transition:0.4s; }
.cmn-btn:hover{ background:var(--black); color:var(--white); } */

input,
textarea,
select {
    font-weight:400;
    outline:none;
}
select {
    appearance:none;
    -webkit-appearance:none;
    padding-right:40px !important;
    background-image:url(../images/select-arw.png);
    background-repeat:no-repeat;
    background-position:94% center;
}

.close_menu{ display:none; }
.open_menu{ display:none; }


/*==== Header Start ====*/
.navbar{ position:absolute; top:0; left:0; width:100%; z-index:9; padding:0; margin:0; }
.navbar .inr{ width:100%; display:flex; align-items:center; justify-content:space-between; padding:14px 0; }
.navbar .inr .logo{ width:105px; }
.navbar .inr .logo a{ display:block; }
.navbar .inr .rt-block ul{ display:flex; align-items:center; gap:60px; }
.navbar .inr .rt-block ul li{ font-size:15px; font-weight:500; text-transform:uppercase; letter-spacing:0.2em; }
.navbar .inr .rt-block ul li a{ display:block; color:var(--white); transition:0.5s; }
.navbar .inr .rt-block ul li a:hover{ color:var(--black); }


/*==== Banner Css Start =====*/
.banner{ position:relative; padding:0; margin:0; }
.banner:after{ position:absolute; content:''; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.1); }

.banner .video{ height:100vh; }
.banner .video video{ width:100%; height:100%; object-fit:cover;  display:block; }
.banner .text-block{ position:absolute; top:55%; transform:translate(-50% , -50%); width:100%; left:50%; z-index:1;  }
.banner .text-block h1{ color:var(--white); font-weight:400; text-transform:uppercase; text-align:center; margin:0; }


/*==== About Css Start =====*/
.about{ background:url(../images/about-bg.png) no-repeat center center / cover; padding:57px 0 63px; margin:0; }
.about .row{ --bs-gutter-x:46px; }
.about .left .img-block{ display:flex; align-items:center; margin-bottom:55px;  }
.about .left .img-block figure:first-child{ width:60%; margin:0; }
.about .left .img-block figure:last-child{ width:40%; padding-left:43px; margin:0; }
.about .left .img-block figure img{ width:100%; }
.about .left h6{  color:var(--black); letter-spacing:2px; text-transform:uppercase; margin-bottom:10px; }
.about .left h2{ color:var(--black); }
.about .left p{ font-size:17px; color:var(--black); margin-bottom:30px; }
.about .left span{ font-size:17px; color:var(--black); font-style:italic; font-weight:500; position:relative; display:block;  margin-bottom:47px; }
.about .left span:after{ position:absolute; content:''; top:50%; transform:translateY(-50%); width:240px; right:64px; height:1px; background:rgba(0,0,0,0.1); }
.about .left .shape{ position:relative; }
.about .left .shape img:last-child{ position:absolute; top:0; right:90px; } 
.about .right-block .img-block{ position:relative; margin-bottom:73px; }
.about .right-block .img-block figure{ margin:0; }
.about .right-block .img-block .about-rt_img1{ position:absolute; top:50%; transform:translateY(-50%); right:0;}
.about .right-block .img-block .about-rt_img2{ position:absolute; top:65%; transform:translateY(-50%); left:-81px; }
.about .right-block .desc{ width:calc(100% + 81px); left:-81px; position:relative; }
.about .right-block .desc p{ font-size:20px; font-weight:500; color:#817A79; font-style:italic; margin-bottom:35px; }
.about .right-block .desc p:last-child{ margin:0; }


.video-sec{ position:relative; padding:223px 0; margin:0; z-index:1; }
.video-sec:after{ position:absolute; content:''; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.1); }
.video-sec .back-video{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; }
.video-sec .back-video video{ width:100%; height:100%; object-fit:cover; }
.video-sec .inr{position:relative; z-index:1; text-align:center; }
.video-sec .inr figure{ width:450px; margin:0 auto; }

/*===== Photography Css Start ======*/
.photography{ background:url(../images/about-bg.png) no-repeat center center / cover; padding:77px 0 91px; margin:0; }
.photography .title{ text-align:center; margin-bottom:63px; }
.photography .title h2{ color:var(--black); }
.photography .title h6{text-transform:uppercase; letter-spacing:4px; margin:0; }
.photography .photo-pnl{ display:grid; grid-template-columns:repeat(5,1fr); }
.photography .photo-pnl .box{ padding:0; margin:0; }
.photography .photo-pnl .box a{ display:block; }
.photography .photo-pnl .box a img{ width:100%; }


/*=== Dream Css Start =====*/
.dream{ position:relative; background:url(../images/dream-bg.png) no-repeat center center / cover; overflow:hidden; padding:123px 0 95px; margin:0; z-index:1; }
.dream .shape{ position:absolute; top:50%; transform:translate(-50% , -50%); left:50%; width:100%; z-index:-1; }
.dream .inr{ text-align:center;  width:70%; margin:0 auto; }
.dream .inr h2{ font-family: "Roboto", sans-serif; font-weight:300; text-transform:capitalize; color:var(--white); margin-bottom:70px;   }
.dream .inr p{ font-size:20px; color:var(--white); }
.dream .inr a{ font-size:22px; font-weight:400; color:var(--white); text-decoration:underline; display:inline-block; transition:0.5s; }
.dream .inr a:hover{ color:#000; }


/*==== Videography Css Start ======*/
.videography{ background:url(../images/about-bg.png) no-repeat center center / cover; padding:70px 0 77px; margin:0; }
.videography .title{ text-align:center; margin-bottom:64px; }
.videography .title h2{ color:var(--black); margin:0; }
.videography .row{ --bs-gutter-y:30px; }
.videography .box{ position:relative; padding:0; margin:0; overflow:hidden; border-radius:10px; }
.videography .box .video_icon{ width:65px; height:65px; border-radius:50%; display:flex; align-items:center; justify-content:center; position:absolute; top:50%; transform:translate(-50%, -50%); left:50%; color:var(--white);background:rgba(246,236,234,0.5); box-shadow: 0px 6px 50px rgba(0, 0, 0, 0.5); }



.videography .box figure{ margin:0; }
.videography .box figure img{ width:100%; }
.videography .box .text-block{ position:absolute; top:0; right:-222px; width:222px; height:100%; background:rgba(0,0,0,0.4); padding:59px 28px; transition:0.5s; }
.videography .box:hover .text-block{ right:0; }
.videography .box .text-block i{ display:block; width:28px; margin-bottom:20px; }
.videography .box .text-block h4{ font-family: "Roboto", sans-serif; font-size:25px; font-weight:400; color:var(--white); margin-bottom:25px; }
.videography .box .text-block p{ color:var(--white); margin:0; }
.videography .more-btn{ margin-top:69px; text-align:center; }
.videography .more-btn a{ font-size:20px; font-weight:400; line-height:1; color:#3C433B; text-decoration:underline; display:block; }


/*===== Blog Css Start ====*/
.blog{ position:relative; background:url(../images/about-bg.png) no-repeat center center / cover; padding:67px 0 86px; margin:0; overflow:hidden; z-index:1; }
.blog:after{ position:absolute; content:'Our Blog';  font-family: 'salvalynregular'; font-size:350px; text-transform:uppercase; line-height:1; color:#F4E4E0; bottom:-130px; left:0; right:0; width:100%; text-align:center;  z-index:-1;}
.blog .title{ text-align:center; border-bottom:1px solid rgba(0,0,0,0.1); margin-bottom:52px; padding-bottom:43px; }
.blog .title h2{ color:var(--black); margin:0; }
.blog .img{ padding:0; margin:0; }
.blog .row{ margin-bottom:70px; }
.blog .row:nth-child(odd){ flex-direction:row-reverse; }
.blog .img figure{ margin:0; }
.blog .text{ padding:27px 0 0 0; }
.blog .text span{ font-size:16px; font-weight:400; line-height:1; color:var(--black); display:block;  margin-bottom:34px; }
.blog .text h4{ font-size:45px; line-height:1.2; text-transform:uppercase; margin-bottom:30px; }
.blog .text h4 a{ color:var(--black); }
.blog .text p{ color:var(--black); margin-bottom:40px; }
.blog .text > a{ font-size:18px; font-weight:300; color:var(--black); display:inline-block; text-decoration:underline; }
.blog .more-blog_btn{ text-align:center; margin-top:111px; }
.blog .more-blog_btn a{ font-size:20px; font-weight:300; line-height:1; text-decoration:underline; color:var(--black); display:inline-block; }


/*===== Instra Css Start =====*/
.instra{ background:#E7D9D6; padding:52px 0 91px; margin:0; }
.instra .title{ text-align:center; border-bottom:1px solid rgba(0,0,0,0.1); margin-bottom:58px; padding-bottom:29px; }
.instra .title span{ width:160px; display:block; margin:0 auto 5px; }
.instra .title h2{ color:var(--black); font-size:50px; margin:0; }
.instra .instra-img_pnl{ display:grid; grid-template-columns:repeat(5, 1fr); grid-row-gap:5px; grid-column-gap:5px; }
.instra .instra-img_pnl .box figure{ margin:0; }
.instra .instra-img_pnl .box figure img{ width:100%; }

/*==== Testimonials Css Start =====*/
.testimonials{ padding:72px 0 87px; margin:0; }
.testimonials .title{ text-align:center; margin-bottom:95px; }
.testimonials .title h2{ color:var(--black); margin:0; } 
.testimonials .testimonials-slider{ width:calc(100% - 100px); margin:0 auto; }
.testimonials .testimonials-slider .slick-list{ padding:35px 0 0; }
.testimonials .testimonials-slider .item .inr{ border:1px solid rgba(0,0,0,0.1); padding:0 95px 40px; border-radius:10px; }
.testimonials .testimonials-slider .item .inr .top{ position:relative; text-align:center; margin-top:-35px; padding-bottom:5px; margin-bottom:26px; }
.testimonials .testimonials-slider .item .inr .top:after{ position:absolute; content:''; bottom:0; left:50%; transform:translateX(-50%); width:772px; height:1px; background:rgba(0,0,0,0.1); }
.testimonials .testimonials-slider .item .inr .top .icon{ width:70px; height:70px; background:var(--black); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 33px; }
.testimonials .testimonials-slider .item .inr .top h6{ font-size:17px; text-transform:uppercase; letter-spacing:2px; margin:0; }
.testimonials .testimonials-slider .item .inr .top h6 span{  font-family: "Allura", cursive; font-size:55px; text-transform:capitalize; letter-spacing:inherit; color:var(--black); margin-right:15px; }
.testimonials .testimonials-slider .item .inr .btm_block{ display:flex; flex-wrap:wrap; align-items:center; }
.testimonials .testimonials-slider .item .inr .btm_block .img{ width:231px; }
.testimonials .testimonials-slider .item .inr .btm_block .text{ width:calc(100% - 231px); padding-left:67px;  }
.testimonials .testimonials-slider .item .inr .btm_block .text p{ font-weight:300; color:var(--black); }
.testimonials .testimonials-slider .item .inr .btm_block .text span{ position:relative; font-size:18px; color:var(--black); padding-left:15px; }
.testimonials .testimonials-slider .item .inr .btm_block .text span:after{ position:absolute; content:''; top:50%; transform:translateY(-50%); left:0; width:5px; height:5px; border-radius:50%; background:var(--black); }
.testimonials .testimonials-slider .slide-arrow{ width:78px; height:78px; border-radius:50%; border:1px solid rgba(0,0,0,0.1); background:var(--white); display:flex; align-items:center; justify-content:center; position:absolute; top:50%; transform:translateY(-50%); left:-39px;  font-size:20px; color:rgba(0,0,0,0.1); z-index:1; }
.testimonials .testimonials-slider .slide-arrow.next-arrow{ right:-39px; left:auto; }


/*===== Video Css Start =====*/
.video-sec.timeless{ padding:0; }
.video-sec.timeless:after{ display:none; }
.video-sec .inr-block{ position:relative; padding:248px 0;  }
.video-sec .inr-block:after{ position:absolute; content:''; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.1); }
.video-sec.timeless .btm-text { background:#F5E6E2; padding:73px 0; }
.video-sec.timeless .btm-text .box{ text-align:center; }
.video-sec.timeless .btm-text .box h6{ position:relative; font-size:16px; text-transform:uppercase; line-height:1.2; letter-spacing:1px; font-weight:400; margin:0; padding-bottom:24px; }
.video-sec.timeless .btm-text .box h6:after{ position:absolute; content:''; bottom:0; left:50%; transform:translateX(-50%); width:224px; height:1px; background:var(--black); }


/*==== FAQ Css Start ====*/
.faq{ position:relative; background:url(../images/about-bg.png) no-repeat center center / cover; padding:73px 0 86px; margin:0; z-index:1; overflow:hidden; }
.faq:after{ position:absolute; content:"FAQ"; bottom:-15px; left:0; font-family: 'salvalynregular'; font-size:500px; line-height:0.7; font-weight:400; text-transform:uppercase; color:var(--theme); z-index:-1;   }
.faq .title{ text-align:center; width:90%; border-bottom:1px solid rgba(0,0,0,0.1); margin:0 auto 75px; padding-bottom:42px; }
.faq .title h2{ color:var(--black); margin:0; }
.faq .faq-content{ position:relative; }
.faq .faq-content .shape1{ position:absolute; top:-130px; left:-90px; width:188px; }
.faq .faq-content .shape2{ position:absolute; top:100px; right:-35px; width:70px; }
.faq .faq-content .shape3{ position:absolute; bottom:70px; right:-125px; width:204px; }
.faq .faq-content .shape4{ position:absolute; top:-29%; right:70px; width:82px; }
.faq .faq-content .inr{ width:calc(100% - 314px); margin:0 auto; }
.faq .faq-content .inr .box{ margin-bottom:50px; }
.faq .faq-content .inr .box .title-pnl{ margin-bottom:37px; }
.faq .faq-content .inr .box .title-pnl h6{ font-family: "Roboto", sans-serif;  font-size:18px; text-transform:uppercase; font-weight:400; color:var(--black); margin:0; }
.faq .faq-content .inr .box .desc-pnl p{ font-size:17px; font-weight:400; color:var(--black); margin:0; }
.faq .faq-content .inr .view-more_btn{ margin-top:60px; }
.faq .faq-content .inr .view-more_btn a{ font-size:20px; font-weight:300; color:var(--black); text-decoration:underline; display:inline-block; }


/*==== Contact Css Start ======*/
.contact{ background:#F4E4E0; padding:0; margin:0; }
.contact .text{ position:relative; height:100%; padding:75px 0 113px 92px; }
.contact .text h2{ color:var(--black); }
.contact .text > p{ width:80%; font-size:17px; color:var(--black); margin:0; }
.contact .text .rotate_text { font-size: 13px; font-weight:400; letter-spacing:0.5em; text-transform: uppercase; color:#3C433B; writing-mode:sideways-lr;  position:absolute; bottom:179px; left:0; z-index:1;  }
.contact .text .rotate_text:after{ position:absolute; content:''; bottom:320px; left:-130px; width:273px; height:1px; background:rgba(0,0,0,0.1); transform:rotate(90deg); z-index:-1; }

.contact .text .form-info{ padding:70px 90px 0 0; }
.contact .text .form-info .gform_validation_errors{ display:none !important; }
.contact .text .form-info form .gform_fields{ row-gap:40px !important; }
.contact .text .form-info form .gform_fields .large,.contact .text .form-info form .gform_fields .textarea.small{ font-size:20px; font-weight:300; color:var(--black); height:40px; background:transparent; border:0; border-bottom:1px solid #BEA7A2; outline:none; box-shadow:none; border-radius:0;  }
.contact .text .form-info form .gform_fields .textarea.small{ min-block-size:70px; resize:none; }
.contact .text .form-info form .gform_footer{ margin-top:40px; }
.contact .text .form-info form .gform_footer input{font-size:20px !important; font-weight:300 !important; color:var(--black) !important; padding:20px 30px !important; background:transparent !important; border:1px solid #3C433B !important; border-radius:10px !important; }
.contact .text .form-info form .gform_confirmation_message_1{ font-size:18px; color:green; }


.contact .img{ position:relative; height:100%; padding:0; margin:0; }
.contact .img figure{ height:100%; margin:0; }
.contact .img figure img{ height:100%; object-fit:cover; }
.contact .img .shape{ position:absolute; top:60%; transform:translateY(-50%); left:-52px; }


/*==== Footer Css Start =====*/
.footer{ position:relative; background:url(../images/footer-bg.png) no-repeat center center / cover; overflow:hidden; padding:80px 0 46px; margin:0; }
.footer .mdl-shape{ position:absolute; left:0; top:55%; transform:translateY(-50%) rotate(2.91deg); width:100%; height:265px; pointer-events: none;  }
.footer .top-block{ display:flex; flex-wrap:wrap; margin-bottom:129px; }
.footer .top-block .left{ display:flex; width:60%; }
.footer .top-block .left figure{ width:105px; margin:0; }
.footer .top-block .left > p{ font-size:17px; font-weight:300; color:var(--black); width:calc(100% - 105px); padding-left:68px; margin:0; }
.footer .top-block .right{ width:40%; padding-left:110px; }
.footer .top-block .right h2{  font-family: "Roboto", sans-serif; font-size:15px; letter-spacing:0.2em; text-decoration-line:underline; color:var(--black); margin-bottom:47px; }
.footer .top-block .right ul{ display:flex; flex-direction:column; gap:22px; }
.footer .top-block .right ul li a{ position:relative; font-size:18px; font-weight:300; color:var(--black); display:inline-block; padding-left:35px; }
.footer .top-block .right ul li a i{ font-size:18px; position:absolute; top:7px; left:0; }
.footer .btm-block{ text-align:center; }
.footer .btm-block .ftr_nav{ display:flex; align-items:center; justify-content:center; gap:60px; margin-bottom:50px; }
.footer .btm-block .ftr_nav li{ font-size:15px; font-weight:400; letter-spacing:0.2em; text-transform:uppercase;}
.footer .btm-block .ftr_nav li a{ color:var(--black); display:block; transition:0.5s; }
.footer .btm-block > p{ width:75%; font-size:17px; font-weight:300; color:var(--black); margin:0 auto; }
.footer .btm-block .copy{ margin-top:70px; text-align:center; }
.footer .btm-block .copy p{ font-size:15px; font-weight:300; letter-spacing:0.04em; color:var(--black); margin:0; }

/*====== Inner Page Css Start ======*/

/*=== Portfolio Csss =====*/
.inner-banner{ position:relative; padding:350px 0 186px; margin:0; z-index:1; }
.inner-banner:after{ position:absolute; content:''; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.1); }
.inner-banner .video{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; }
.inner-banner .video video{ width:100%; height:100%; object-fit:cover; }
.inner-banner .text-block{ position:relative; z-index:9; text-align:center; }
.inner-banner .text-block h1{ font-size:120px; font-weight:400; line-height:1; text-transform:uppercase; letter-spacing:-0.04em; color:var(--white); margin:0;  }

.photography.inr{ padding:55px 0 73px; }
.photography.inr .tab_btn_list ul{ position:relative; display:flex; align-items:center; justify-content:center; margin-bottom:25px; padding:0 0 38px; }
.photography.inr .tab_btn_list ul:after{ position:absolute; content:''; bottom:0; left:50%; transform:translateX(-50%); width:17px; height:1px; background:var(--black); }
.photography.inr .tab_btn_list ul li{ font-size:15px; font-weight:400; line-height:1; letter-spacing:0.5em; text-transform:uppercase; color:#2F2A29; padding:8px 15px; cursor:pointer; transition:0.5s; }
.photography.inr .tab_btn_list ul li.active{ background:var(--black); color:var(--white); }
.photography.inr .tab_content_wrap .tab_content{ display:none; }
.photography.inr .tab_content_wrap .tab_content.active{ display:block; }
.photography.inr .tab_content_wrap .tab_content .video-pnl{ padding:0; margin:0; overflow:hidden; }
.photography.inr .tab_content_wrap .tab_content .video-pnl .row{ --bs-gutter-y:30px; }
.photography.inr .tab_content_wrap .tab_content .video-pnl .box{ position:relative; border-radius:10px; overflow:hidden;  }
.photography.inr .tab_content_wrap .tab_content .video-pnl .box figure{ margin:0; }
.photography.inr .tab_content_wrap .tab_content .video-pnl .box figure img{ width:100%; }
.photography.inr .tab_content_wrap .tab_content .video-pnl .box .video_icon{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:65px; height:65px; border-radius:50%; color:var(--white); background:rgba(246,236,234,0.5); box-shadow: 0px 6px 50px rgba(0, 0, 0, 0.5); display:flex; align-items:center; justify-content:center; }
.photography.inr .tab_content_wrap .tab_content .load_more_btn{ margin-top:66px; text-align:center; width:100%;}
.photography.inr .tab_content_wrap .tab_content .load_more_btn a{ font-size:20px; font-weight:300; line-height:1; text-decoration-line:underline; color: #3C433B; }


/*==== Blog Page Css =====*/
.blog.inner{ padding:54px 0 86px; margin:0; }
.blog.inner:after{ display:none;  }
.blog.inner .title{ margin:0 0 72px; border:0; padding:0; }


/*==== Blog_Details-Page Css =====*/
.Blog-Details-sec{ background:url(../images/about-bg.png) no-repeat center center / cover; padding:54px 0 78px; margin:0; }
.Blog-Details-sec .blog-details-info{ width:calc(100% - 80px); text-align:center; padding:0; margin:0 auto;  }
.Blog-Details-sec .blog-details-info .title{ margin:0 0 62px; padding:0; } 
.Blog-Details-sec .blog-details-info .title h2{ font-size:60px; font-weight:400; line-height:1; letter-spacing:-0.04em; text-transform:uppercase;color:var(--black); margin:0; }
.Blog-Details-sec .blog-details-info .img{ margin:0 0 53px; }
.Blog-Details-sec .blog-details-info .img figure{ margin:0; }
.Blog-Details-sec .blog-details-info .img figure img{ width:100%; }
.Blog-Details-sec .blog-details-info .text{ padding:0; margin:0; }
.Blog-Details-sec .blog-details-info .text .date{ font-size:16px; font-weight:400; line-height:1; color:#3C433B; display:block; margin-bottom:34px;}
.Blog-Details-sec .blog-details-info .text h4{ position:relative; font-size:45px; font-weight:400; line-height:1.2; letter-spacing:-0.04em; text-transform:uppercase; color:#3C433B;  width:80%; margin:0 auto 48px; padding-bottom:38px;  }
.Blog-Details-sec .blog-details-info .text h4:after,.faq-inr_sec .title h2:after{ position:absolute; content:''; bottom:0; left:50%; transform:translateX(-50%); width:772px; height:1px; background:#DFC7C2; }
.Blog-Details-sec .blog-details-info .text h4:before,.faq-inr_sec .title h2::before{ position:absolute; content:''; bottom:-14px; left:50%; transform:translateX(-50%); width:28px; height:28px; background:url(../images/blg-dtls_title-shape.png) no-repeat center center / 28px;  z-index:1;}
.Blog-Details-sec .blog-details-info .text p{ font-size:18px; font-weight:300; line-height:1.4; color:#565656; }


/*==== Faq Page Css Start ====*/
.faq-inr_sec{ background:url(../images/about-bg.png) no-repeat center center / cover; padding:54px 0 127px; margin:0; }
.faq-inr_sec .inr{ width:70%; text-align:center; margin:0 auto; }

.faq-inr_sec .title{ padding:0; margin:0; }
.faq-inr_sec .title h2{ position:relative; font-size:60px; font-weight:400; line-height:1; letter-spacing:-0.04em; text-transform:uppercase; color:#2F2A29; margin:0 0 64px; padding:0 0 68px; }

.faq-inr_sec .inr .faq-info .faq_box{ margin:0 0 50px; }
.faq-inr_sec .inr .faq-info .faq_box:last-child{ margin:0; }
.faq-inr_sec .inr .faq-info .faq_box h6{ font-size:18px; font-weight:400; line-height:1; letter-spacing:0.04em; text-transform:uppercase; color:var(--black); margin:0 0 35px; }
.faq-inr_sec .inr .faq-info .faq_box p{ font-size:17px; font-weight:400; line-height:1.4; color:var(--black); margin:0; }















/*======= Responsive Start =======*/
@media screen and (max-width:1366px){
    .navbar .inr .logo {
        width: 95px;
    }
    .navbar .inr .rt-block ul {
        gap: 50px;
    }
    .faq .faq-content .shape1 {
        left: -20px;
        width: 147px;
    }
    .faq .faq-content .shape3 {
        right: -35px;
        width: 164px;
    }

    /*==== Faq Page Css ====*/
    .faq-inr_sec {
        padding: 54px 0 60px;
    }




} 

@media screen and (max-width:1199px){
    .navbar .inr .logo {
        width: 80px;
    }
    .navbar .inr .rt-block ul {
        gap: 30px;
    }
    .banner .video {
        height: 100%;
    }
    .about .right-block .img-block .about-rt_img1 {
        right: -15px;
        width: 120px;
    }
    .about .left .img-block figure:last-child {
        padding-left: 20px;
    }
    .photography {
        padding: 50px 0 60px;
    }
    .dream {
        padding: 60px 0 50px;
    }
    .videography {
        padding: 50px 0 50px;
    }
    .videography .title {
        margin-bottom: 44px;
    }
    .videography .box .text-block {
        padding: 25px 20px;
        width: 190px;
    }
    .videography .box .text-block h4 {
        font-size: 20px;
        margin-bottom: 17px;
    }
    .videography .box .text-block p {
        font-size: 15px;
    }
    .blog {
        padding: 50px 0 60px;
    }
    .blog::after {
        font-size: 170px;
        bottom: -29px;
    }
    .blog .text h4 {
        font-size: 30px;
    }
    .instra {
        padding: 50px 0 40px;
    }
    .testimonials {
        padding: 40px 0 50px;
    }
    .testimonials .title {
        margin-bottom: 35px;
    }
    .testimonials .testimonials-slider .item .inr {
        padding: 0 55px 30px;
    }
    .testimonials .testimonials-slider .item .inr .top .icon {
        margin: 0 auto 13px;
    }
    .video-sec.timeless .btm-text {
        padding: 50px 0;
    }
    .faq {
        padding: 50px 0 60px;
    }
    .faq .faq-content .shape2 {
        right: 45px;
        width: 80px;
    }
    .faq .faq-content .shape3 {
        bottom: 150px;
        right: -15px;
        width: 144px;
    }
    .faq::after {
        font-size: 220px;
        right: 0;
        text-align: center;
    }
    .contact .text {
        padding: 60px 0 53px 52px;
    }
    .footer {
        padding: 60px 0 36px;
    }
    .footer .top-block .left > p {
        padding-left: 38px;
    }
    .footer .top-block .right {
        padding-left: 40px;
    }
    .footer .top-block {
        margin-bottom: 50px;
    }
    .footer .btm-block > p {
        width: 100%;
    }
    .footer .btm-block .ftr_nav {
        margin-bottom: 30px;
        gap: 40px;
    }
    .footer .btm-block .copy {
        margin-top: 40px;
    }
    .footer .mdl-shape {
        display: none;
    }


    /*==== Portfolio Page Css ====*/
    .inner-banner .text-block h1 {
        font-size: 100px;
    }


    /*==== Blog-details-Page Css ===*/
    .Blog-Details-sec {
        padding: 54px 0 38px;
    }



    h1 {
        font-size: 100px;
    }
    h2 {
        font-size: 60px;
    }
}

@media screen and (max-width:991px){
    .open_menu {
        display: block;
        font-size: 22px;
        color: #fff;
        cursor:pointer;
    }
    .navbar .inr .rt-block{
        position: fixed;
        top: -100%;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        padding: 50px 0 0;
        transition:0.5s; 
    }
    .navbar .inr .rt-block.active{ top:0; }
    .navbar .inr .rt-block ul {
        gap: 0;
        flex-direction: column;
        align-items: flex-start;
    }
    .navbar .inr .rt-block ul li {
        width: 100%;
    }
    .navbar .inr .rt-block ul li a {
        padding: 18px 30px;
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }
    .close_menu {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        color: #fff;
        font-size: 20px;
        cursor: pointer;
    }
    .about .row {
        --bs-gutter-x: 1.5rem;
    }
    .about .left .img-block {
        margin-bottom: 45px;
    }
    .about .left{ text-align:center; }
    .about .left span:after{ display:none; }
    .about .left .shape {
        display: none;
    }
    .about .right-block .img-block {
        display: none;
    }
    .about .right-block .desc {
        width: 100%;
        left: 0;
        text-align: center;
    }
    .about .left span {
        margin-bottom: 17px;
    }
    .about .right-block .desc p {
        font-size: 17px;
        margin-bottom: 20px;
    }
    .video-sec .inr figure {
        width: 350px;
    }
    .photography .title {
        margin-bottom: 40px;
    }
    .photography .photo-pnl {
        grid-template-columns: repeat(3,1fr);
    }
    .dream .inr h2 {
        margin-bottom: 10px;
    }
    .dream .shape {
        display: none;
    }
    .videography .box .text-block {
        padding: 65px 40px;
        width: 260px;
        right: -260px;
    }
    .blog .title {
        border-bottom: 0;
        padding-bottom: 0;
    }
    .blog .img {
        text-align: center;
    }
    .blog .img figure img{ border-radius:10px; }
    .blog .text {
        text-align: center;
        width: 80%;
        margin: 0 auto;
    }
    .blog .text span {
        margin-bottom: 14px;
    }
    .blog .text h4 {
        font-size: 25px;
        margin-bottom: 20px;
    }
    .blog .text p {
        margin-bottom: 20px;
    }
    .blog::after {
        font-size: 140px;
        bottom: -23px;
    }
    .blog .more-blog_btn {
        margin-top: 0px;
    }
    .instra .instra-img_pnl {
        grid-template-columns: repeat(3, 1fr);
    }
    .testimonials .testimonials-slider .item .inr .btm_block .img {
        width: 100px;
    }
    .testimonials .testimonials-slider .item .inr .btm_block .text {
        width: calc(100% - 100px);
        padding-left: 17px;
    }
    .testimonials .testimonials-slider .item .inr .btm_block .text p {
        font-size: 15px;
    }
    .testimonials .testimonials-slider .slide-arrow {
        width: 58px;
        height: 58px;
        left:-29px;
    }
    .testimonials .testimonials-slider .slide-arrow.next-arrow {
        right: -29px;
    }
    .testimonials .testimonials-slider .item .inr .top .icon {
        width: 50px;
        height: 50px;
        padding: 14px;
    }
    .video-sec.timeless .btm-text .row{ justify-content:center; --bs-gutter-y:30px; }
    .faq .faq-content .shape2 {
        display: none;
    }
    .faq .faq-content .shape3 {
        display: none;
    }
    .faq .faq-content .inr {
        width: calc(100% - 194px);
    }
    .faq .faq-content .shape1 {
        width: 107px;
        top:-150px; 
        
    }
    .faq .faq-content .shape4 {
        right: 10px;
    }
    .faq .faq-content .inr .view-more_btn {
        margin-top: 0px;
        text-align: center;
    }
    .contact .row{ flex-direction:column-reverse; }
    .contact .img {
        text-align: center;
    }
    .contact .img .shape {
        left: -22px;
    }
    .contact .text {
        padding: 60px 53px 52px;
        text-align: center;
    }
    .contact .text > p {
        width: 100%;
    }
    .contact .text .form-info {
        padding: 70px 0 0 0;
    }
    .contact .text .form-info form .gform_fields .large, .contact .text .form-info form .gform_fields .textarea.small {
        text-align: left;
    }
    .contact .text .form-info form .gform_footer input {
       margin:0 auto !important;
    }
    .footer .top-block .left {
        width: 100%;
        flex-wrap:wrap; 
        text-align:center; 
    }
    .footer .top-block .left figure {
        margin: 0 auto;
    }
    .footer .top-block .left > p {
        padding-left: 0;
        width: 100%;
        padding: 30px 0px;
    }
    .footer .top-block .right {
        padding-left: 0;
        width: 100%;
        text-align: center;
    }
    .footer .top-block .right ul {
        gap: 12px;
    }
    .footer .btm-block .ftr_nav {
        gap: 20px;
    }

    /*==== Portfolio Page Css ====*/
    .inner-banner {
        padding: 260px 0 70px;
    }
    .inner-banner .text-block h1 {
        font-size: 70px;
    }

    /*==== Our Blog Page Css ====*/
    .blog.inner .title {
        margin: 0 0 32px;
    }
    .blog.inner {
        padding: 54px 0 0px;
    }


    /*==== Faq Page Css ====*/
    .faq-inr_sec .title h2 {
        font-size: 45px;
        margin: 0 0 54px;
        padding: 0px 0 28px;
    }
    .faq-inr_sec .inr {
        width: 90%;
    }

    /*==== Blog-details-Page Css ===*/
    .Blog-Details-sec .blog-details-info {
        width: 100%;
    }
    .Blog-Details-sec .blog-details-info .title {
        margin: 0 0 32px;
    }
    .Blog-Details-sec .blog-details-info .title h2 {
        font-size: 45px;
    }
    .Blog-Details-sec .blog-details-info .text h4 {
        width: 100%;
    }









    h2 {
        font-size: 45px;
    }
    h1 {
        font-size: 70px;
    }
}

@media screen and (max-width:767px){
    .banner .video {
        height: 40vh;
    }
    .navbar .inr .logo {
        width: 70px;
    }
    .about {
        padding: 40px 0 50px;
    }
    .about .left .img-block {
        margin-bottom: 35px;
    }
    .about .left .img-block figure:last-child {
        padding-left: 10px;
    }
    .about .left h2 {
        margin-bottom: 10px;
    }
    .about .left p {
        margin-bottom: 10px;
    }
    .about .right-block .desc p {
        font-size: 15px;
    }
    .video-sec .inr figure {
        width: 250px;
    }
    .photography {
        padding: 40px 0;
    }
    .photography .title {
        margin-bottom: 30px;
    }
    .photography .photo-pnl {
        grid-template-columns: repeat(2,1fr);
    }
    .dream .inr {
        width: 100%;
    }
    .dream .inr h2 {
        font-size: 34px;
    }
    .videography {
        padding: 40px 0;
    }
    .videography .title {
        margin-bottom: 30px;
    }
    .videography .box .text-block {
        display: none;
    }
    .videography .more-btn {
        margin-top: 29px;
    }
    .videography .box .video_icon {
        width: 55px;
        height: 55px;
    }
    .blog {
        padding: 50px 0 30px;
    }
    .blog .title {
        margin-bottom: 32px;
    }
    .blog .row {
        margin-bottom: 40px;
    }
    .blog .text {
        width: 100%;
    }
    .blog::after {
        display:none;
    }
    .instra .title h2 {
        font-size: 36px;
    }
    .instra .title {
        border-bottom: 0;
        margin-bottom: 38px;
        padding-bottom: 0;
    }
    .instra .instra-img_pnl {
        grid-template-columns: repeat(1, 1fr);
    }
    .testimonials .testimonials-slider {
        width: 100%;
    }
    .testimonials .testimonials-slider .item .inr .btm_block .text {
        width: 100%;
        padding-left: 0;
        text-align: center;
        margin-top: 30px;
    }
    .testimonials .testimonials-slider .item .inr .btm_block .img {
        width: 100px;
        margin: 0 auto;
    }
    .testimonials .testimonials-slider .item .inr {
        padding: 0 15px 30px;
    }
    .testimonials .testimonials-slider .slide-arrow {
        display: none !important;
    }
    .faq {
        padding: 50px 0 30px;
    }
    .faq .title {
        width: 100%;
        margin: 0 auto 35px;
        padding-bottom: 22px;
    }
    .faq .faq-content .shape1 {
        display: none;
    }
    .faq .faq-content .inr {
        width: 100%;
    }
    .faq .faq-content .inr .box .title-pnl {
        margin-bottom: 10px;
    }
    .faq::after {
        display:none;
    }
    .contact .img .shape {
        display: none;
    }
    .contact .text {
        padding: 30px 23px 32px;
    }
    .contact .text .form-info {
        padding: 20px 0 0 0;
    }
    .contact .text .rotate_text {
        display: none;
    }
    .footer {
        padding: 40px 0 20px;
    }
    .footer .btm-block .ftr_nav {
        gap: 15px;
        flex-wrap: wrap;
    }
    .footer .top-block .right ul li a {
        padding-left: 30px;
    }


    /*==== Portfolio Page Css ====*/
    .inner-banner .text-block h1 {
        font-size: 46px;
    }
    .photography.inr {
        padding: 40px 0 43px;
    }
    .photography.inr .tab_btn_list ul {
        padding: 0 0 18px;
    }

    /*=== Faq Page Css ====*/
    .faq-inr_sec .title h2 {
        font-size: 36px;
    }
    .faq-inr_sec .inr {
        width: 100%;
    }

    /*==== Blog-details-Page Css ===*/
    .Blog-Details-sec .blog-details-info .img {
        margin: 0 0 30px;
    }
    .Blog-Details-sec .blog-details-info .text h4 {
        font-size: 36px;
    }







    h1 {
        font-size: 46px;
    }
    h2 {
        font-size: 36px;
    }

}