@charset "utf-8";
/* CSS Document */
body{ 
  width:100%;
  padding:0; 
  margin:0; 
  background:#fff; 
  overflow-x:hidden;
  color:#fff; 
  font-family: "Roboto", sans-serif;
  font-weight:400;
}

a{ 
  display:inline-block;
  text-decoration:none;
  padding:0; 
  margin:0; 
  transition:all 500ms ease-in-out;
}

a:focus, a:hover{ 
  outline:none; 
  text-decoration:none; 
}

h1, h2, h3, h4, h5, h6{
  font-weight:400;
  margin:0;
  padding:0;
}

ul,li{ 
  padding:0; 
  margin:0; 
  list-style:none; 
}

button:focus{
  outline:none;
}

img{
  max-width:100%;
  height:auto;
}

@font-face {
  font-family: 'Burgundia PERSONAL USE';
  src: url('../fonts/BurgundiaPERSONALUSE-Regular.eot');
  src: url('../fonts/BurgundiaPERSONALUSE-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/BurgundiaPERSONALUSE-Regular.woff2') format('woff2'),
      url('../fonts/BurgundiaPERSONALUSE-Regular.woff') format('woff'),
      url('../fonts/BurgundiaPERSONALUSE-Regular.ttf') format('truetype'),
      url('../fonts/BurgundiaPERSONALUSE-Regular.svg#BurgundiaPERSONALUSE-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Blank Script';
  src: url('../fonts/BlankPage-Script.eot');
  src: url('../fonts/BlankPage-Script.eot?#iefix') format('embedded-opentype'),
      url('../fonts/BlankPage-Script.woff2') format('woff2'),
      url('../fonts/BlankPage-Script.woff') format('woff'),
      url('../fonts/BlankPage-Script.ttf') format('truetype'),
      url('../fonts/BlankPage-Script.svg#BlankPage-Script') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ===== common css ====== */
.btn1{
  font-size:16px;
  color:#fff;
  line-height:18px;
  font-weight:500;
  letter-spacing:.02em;
  background:#1830ff;
  border-radius:30px;
  padding:14px 25px;
}

.btn1:hover{
  background:#d8047a;
  color:#fff;
}

.btn2{
  font-size:16px;
  color:#fff;
  line-height:18px;
  font-weight:500;
  letter-spacing:.02em;
  background:#d8047a;
  border-radius:30px;
  padding:14px 25px;
}

.btn2:hover{
  background:#1830ff;
  color:#fff;
}

.common_paragraph{
  font-size:16px;
  color:#030303;
  line-height:26px;
  letter-spacing:.03em;
  margin-bottom:20px;
}

/* ===== Header Starts ====== */
.navbar-default{ 
  background:#000; 
  border:none;
  border-bottom:1px solid rgba(255,255,255,.3);
  margin:0; 
  padding:20px 0;
  transition:all 500ms ease-in-out;
}

.header_logo{
  width:320px;
  transition:all 500ms ease-in-out;
}

.header_link ul li{
  display:inline-block;
  margin-right:20px;
}

.header_link ul li:last-child{
  margin-right:0;
}

.header_link ul li a{
  font-size:16px;
  color:#fff;
  line-height:18px;
  font-weight:500;
  letter-spacing:.02em;
}

.mobile_menu_icon span{
  background:#d8047a;
  padding:10px 8px;
}

.overlay{
  height:100%;
  width:0;
  position:fixed;
  top:0;
  left:0;
  background-color:rgba(0,0,0,.97);
  overflow-x:hidden;
  transition:0.5s;
  z-index:99999;
}

.overlay-content{
  position:relative;
  top:18%;
  width:100%;
}

.overlay ul li{
  border-bottom:1px solid rgba(255,255,255,.15);
  padding:10px 0;
}

.overlay ul li a{
  font-size:16px;
  color:#fff;
  line-height:18px;
  letter-spacing:.02em;
  padding:0 15px;
}

.overlay ul li a:hover{
  color:#d8047a;
}

.overlay .closebtn{
  position:absolute;
  top:10px;
  right:20px;
  font-size:45px;
  color:#fff;
  line-height:35px;
}


.home_banner{
  background:url(../images/banner-bg.jpg) no-repeat center top;
  background-size:cover;
  padding:180px 0 30px;
}

.banner_bg_heading{
  font-family: 'Burgundia PERSONAL USE';
  font-size:80px;
  line-height:90px;
  letter-spacing:.06em;
  margin-bottom:20px;
}

.banner_img img.big{
  border-radius:20px;
}

.banner_c_rating{
  margin-top:-42px;
  margin-right:-25px;
}

.banner_btm_sec{
  background:#2113df;
  padding:15px 0;
}

.banner_btm_sec ul li{
  font-size:18px;
  color:#fff;
  line-height:22px;
  font-weight:500;
  letter-spacing:.02em;
  background:url(../images/star-icon01.png) no-repeat left center;
  padding-left:28px;
}

.feature_sec,
.about_sec,
.serv_sec,
.skill_sec,
.project_sec,
.faq_sec,
.process_sec,
.review_sec,
.blog_sec{
/*   background:url(../images/feature-bg.png) no-repeat left top, #141414; */
background:#141414;
  padding:60px 0;
}

.feature_sm_heading,
.about_sm_heading,
.serv_sm_heading,
.skill_sm_heading,
.project_sm_heading,
.choose_sm_heading,
.faq_sm_heading,
.benefit_sm_heading,
.process_sm_heading,
.test_sm_heading,
.blog_sm_heading{
  font-size:20px;
  line-height:24px;
  letter-spacing:.05em;
  background:url(../images/star-icon02.png) no-repeat left top;
  background-size:22px;
  margin-bottom:10px;
  padding-left:18px;
}

.feature_bg_heading,
.about_bg_heading,
.serv_bg_heading,
.skill_bg_heading,
.project_bg_heading,
.choose_bg_heading,
.faq_bg_heading,
.benefit_bg_heading,
.process_bg_heading,
.test_bg_heading,
.blog_bg_heading{
  font-size:50px;
  line-height:54px;
  letter-spacing:.02em;
  margin-bottom:20px;
}

.feature_bg_heading span,
.about_bg_heading span,
.serv_bg_heading span,
.skill_bg_heading span,
.project_bg_heading span,
.choose_bg_heading span,
.faq_bg_heading span,
.benefit_bg_heading span,
.process_bg_heading span,
.test_bg_heading span,
.blog_bg_heading span{
  font-size:40px;
  color:#d4057f;
  line-height:44px;
  font-weight:400;
  font-style:italic;
}

.feature_box{
  background:#010101;
  border-radius:15px;
  min-height:347px;
  padding:20px;
}

.feature_sec .col-sm-12:nth-child(3) .feature_box{
  background:#2113df;
}

.feature_sec .col-sm-12:last-child .feature_box{
  background:#d8047a;
}
.about_sec {
  position: relative;
  overflow: hidden;
}

.about_canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

.about_sec .container {
  position: relative;
  z-index: 1;
}
.feature_heading{
  font-size:24px;
  line-height:30px;
  font-weight:500;
  letter-spacing:.04em;
  margin-bottom:12px;
}

.feature_box .content ul li{
  display:inline-block;
  font-size:16px;
  color:#fff;
  line-height:18px;
  letter-spacing:.04em;
  background:#2113df;
  border-radius:30px;
  margin:0 20px 20px 0;
  padding:12px 25px;
}

.feature_box .content ul li:nth-child(2){
  background:#d8047a;
}

.feature_box .content ul li:last-child{
  background:none;
  border:2px solid #2113df;
}

.performance_box .image{
  position:relative;
  bottom:-17px;
}

.about_sec,
.project_sec,
.faq_sec,
.benefit_sec,
.review_sec,
#footer{
  background:#010101;
}

.about_img img.big{
  border-radius:30px;
}

.ab_welcome_img{
  margin-top:-100px;
  margin-right:-25px;
}

.ab_welcome_img img{
  -webkit-animation:spin 4s linear infinite;
  -moz-animation:spin 4s linear infinite;
  animation:spin 4s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.about_sec .upper_block{
  padding-bottom:45px;
}

.ab_box_cont{
  border:2px solid #0037ff;
  border-radius:15px;
  overflow:hidden;
  padding:10px 40px 10px 20px;
}

.ab_box_cont:after{
  content:"";
  position:absolute;
  width:25px;
  height:100%;
  background:#0037ff;
  right:0;
  top:0;
}

.ab_box_cont:before{
  content:"";
  position:absolute;
  width:15px;
  height:80%;
  background:#0037ff;
  border-radius:20px;
  box-shadow:0px 0px 6px 2px rgba(0,0,0,.4);
  right:16px;
  top:0;
  bottom:0;
  margin:auto 0;
  z-index:999;
}

.h_video_box img.big{
  border-radius:20px;
}

.video_paly_btn{
  position:absolute;
  width:82px;
  height:81px;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
}

.watch_video_title{
  font-family: 'Blank Script';
  font-size:40px;
  line-height:42px;
  background:#010101;
  border-radius:200px 200px 0 0;
  position:absolute;
  width:380px;
  left:0;
  right:0;
  bottom:0;
  margin:0 auto;
  padding:50px 30px 20px;
}

.serv_sec{
  background:#141414;
}
.pay_sec{
  background:#141414;
}
.serv_box{
  border:2px solid #5e0e39;
  border-radius:20px;
  overflow:hidden;
}

.serv_img{
  display:inline-block;
  width:40%;
  padding:0 15px;
}

.serv_cont{
  display:inline-block;
  width:59%;
  vertical-align:middle;
  background:#010101;
  padding:15px;
}

.serv_heading{
  font-size:17px;
  line-height:20px;
  letter-spacing:.05em;
  margin-bottom:10px;
}

.serv_mb_heading{
  font-size:20px;
  line-height:26px;
  font-weight:600;
  letter-spacing:.04em;
  border-bottom:1px solid #fff;
  margin-bottom:15px;
  padding-bottom:12px;
}

.skill_sec{
 /*  background:url(../images/skill-bg01.png) no-repeat left bottom, url(../images/skill-bg02.png) no-repeat right center; */
  background-color:#010101;
}

.skill_r_box{
  width:170px;
  height:170px;
  background:#111111;
  box-shadow:1px -4px 5px rgba(0,66,255,.5);
  border-radius:50%;
  margin:0 auto;
  padding-top:35px;
}

.skill_title{
  font-size:18px;
  line-height:20px;
  font-weight:500;
  letter-spacing:.04em;
  margin-top:10px;
}

.choose_sec{
  background:url(../images/choose-bg.png) no-repeat right bottom, #141414;
}

.choose_img{
  background:#010101;
}

.choose_box{
  background:#010101;
  border-radius:15px;
  padding:20px;
}

.choose_box:after{
  content:"01";
  position:absolute;
  font-size:40px;
  color:#1e1e1e;
  line-height:42px;
  font-weight:600;
  letter-spacing:-.03em;
  right:20px;
  top:20px;
}

.choose_content .col-lg-6:nth-child(2) .choose_box:after{
  content:"02";
}

.choose_content .col-lg-6:nth-child(3) .choose_box:after{
  content:"03";
}

.choose_content .col-lg-6:last-child .choose_box:after{
  content:"04";
}

.choose_heading{
  font-size:22px;
  line-height:28px;
  font-weight:600;
  letter-spacing:.04em;
  margin-bottom:15px;
}

.choose_heading span{
  font-size:18px;
  color:#0107ff;
  line-height:20px;
}

.accordion-item{
  border:1px solid #181818 !important;
  margin-bottom:10px;
}

.accordion-item:last-child{
  margin-bottom:0;
}

.accordion-button{
  font-size:18px;
  color:#fff;
  line-height:25px;
  font-weight:500;
  letter-spacing:.04em;
  text-transform:inherit;
  background:#181818;
  padding:14px 20px;
}

.accordion-button:focus{
  box-shadow:none;
}

.accordion-button[aria-expanded="true"],
.accordion-button:hover{
  background:#181818;
  color:#fff;
}

.accordion-button:after{
  filter:invert(100%) sepia(0%) saturate(1%) hue-rotate(306deg) brightness(200%) contrast(101%);
}

.accordion-item:first-of-type,
.accordion-item:first-of-type .accordion-button{
  border-top-left-radius:0;
  border-top-right-radius:0;
}

.accordion-item:last-of-type,
.accordion-item:last-of-type .accordion-button.collapsed{
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
}

.benefit_sec{
  padding-bottom:60px;
}

.benefit_box{
  background-color:#181818 !important;
  border-radius:15px;
  padding:20px;
}

.benefit_heading,
.process_heading,
.blog_title{
  font-size:22px;
  line-height:28px;
  font-weight:600;
  letter-spacing:.04em;
  margin-bottom:10px;
}

.benefit_counter_text{
  font-size:38px;
  color:#004eff;
  line-height:40px;
  font-weight:600;
  letter-spacing:-.03em;
}

.save_hour_box{
  background:url(../images/benefit-box-bg.png) no-repeat center bottom;
  min-height:475px;
}

.process_sec{
  background:url(../images/process-bg.png) no-repeat right top, #141414;
  background-size:280px;
}

.process_sec .upper_block{
  border-bottom:1px solid rgba(255,255,255,.3);
}

.process_box{
  background:url(../images/process-icon-bg.png) no-repeat center top, #010101;
  background-size:100%;
  padding:15px 20px 20px;
}

.process_cont{
  padding-top:40px;
}

.p_logo_box{
  background:#111111;
  border-radius:12px;
  height:132px;
  line-height:100px;
  padding:12px 20px;
}

.client_desc:before{
  content:"";
  position:absolute;
  width:80%;
  height:1px;
  background:rgba(255,255,255,.6);
  left:0;
  top:0;
}

.client_desc:after{
  content:"";
  position:absolute;
  width:16px;
  height:16px;
  background:#004dff;
  border-radius:50%;
  left:78%;
  top:-8px;
}

.client_img img{
  border-radius:50%;
}

.client_name{
  font-size:24px;
  line-height:26px;
  font-weight:600;
  letter-spacing:.04em;
  font-style:italic;
}

.blog_sec{
  background:url(../images/blog-bg01.png) no-repeat left top, url(../images/blog-bg02.png) no-repeat right bottom, #191919;
  background-size:40%, 30%, auto;
}

.blog_box img{
  border-radius:20px;
}

.blog_post_date{
  font-size:16px;
  line-height:18px;
  letter-spacing:.04em;
  background:#010101;
  border-radius:0 0 20px 20px;
  margin:0 25px;
  padding:10px 20px;
}

.blog_content a{
  font-size:16px;
  color:#fff;
  line-height:18px;
  letter-spacing:.04em;
  background:url(../images/right-arrow02.png) no-repeat left center;
  padding-left:28px;
}

.blog_content a:hover{
  color:#d4057f;
}

#footer{
  padding:50px 0 30px;
}

.footer_top{
  border-bottom:1px solid rgba(255,255,255,.5);
  margin-bottom:30px;
}

.footer_top .col-lg-6{
  border-right:1px solid rgba(255,255,255,.5);
}

.footer_top .section:after{
  content:"";
  position:absolute;
  width:80px;
  height:68px;
/*   background:url(../images/footer-bg.png) no-repeat left top; */
  background-size:contain;
  right:-50px;
  top:0;
  bottom:0;
  margin:auto 0;
}

.ft_newsletter_title{
  font-size:32px;
  line-height:40px;
  font-weight:600;
  letter-spacing:.02em;
  margin-bottom:20px;
}

.ft_newsletter_title span{
  color:#fd0396;
}

.footer_title{
  font-size:25px;
  line-height:28px;
  font-weight:600;
  letter-spacing:.03em;
  margin-bottom:20px;
}

.footer_link li{
  line-height:0;
  margin-bottom:10px;
}

.footer_link li:last-child,
.ft_contact .block:last-child{
  margin-bottom:0;
}

.footer_link li a,
.ft_contact_title,
.ft_contact_main{
  font-size:16px;
  color:#fff;
  line-height:18px;
  letter-spacing:.03em;
}

.footer_link li a:hover,
.ft_contact_main a:hover,
.footer_bottom .common_paragraph span{
  color:#fd0396;
}

.ft_contact .block{
  margin-bottom:12px;
}

.ft_contact_title{
  font-weight:500;
  margin-bottom:6px;
}

.ft_contact_main{
  line-height:22px;
}

.ft_contact_main a{
  color:#fff;
}

.footer_bottom .common_paragraph span{
  font-weight:600;
}

#back-button {
  display:inline-block;
  background-color:#d8047a;
  width:50px;
  height:50px;
  line-height:50px;
  text-align:center;
  border-radius:50%;
  position:fixed;
  bottom:25px;
  right:25px;
  opacity:0;
  visibility:hidden;
  z-index:1000;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(0,0,0,.4);
}

#back-button.show {
  opacity:1;
  visibility:visible;
}

.cta-btn{
  left:0;
  bottom:0;
  z-index:999;
}

.cta-btn li a{
  display:block;
  font-size:15px;
  color:#fff;
  line-height:17px;
  text-transform:uppercase;
  background:#d8047a;
  padding:15px 20px;
}

.cta-btn li:last-child a{
  background:#2113df;
}
/*********************************************** CUSTOME CSS*****************************************************/
 
.ft_newsletter {
  display: flex;
  gap: 0.5rem;
  margin-top: 1.5rem;
  max-width: 500px;
}
.ft_newsletter input {
  flex: 1;
  padding: 0.75rem 1rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 0.95rem;
  outline: none;
  transition: border-color 0.3s ease;
}
.ft_newsletter input:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}
.ft_newsletter input::placeholder {
  color: #999;
}
.ft_newsletter button {
  padding: 0.75rem 1.5rem;
  background: linear-gradient(135deg, #007bff, #0056b3);
  color: white;
  border: none;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}
.ft_newsletter button:hover {
  background: linear-gradient(135deg, #0056b3, #003d82);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
}
.ft_newsletter button:active {
  transform: translateY(0);
}
							 
.paynow-title{
  font-size:40px;
  font-weight:800;
  margin:10px 0 26px;
   text-align: center;
  color:#fff;
}
.paynow-desc{
  color:#ddd;
  margin-bottom:30px;
}
.order-form{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  align-items:start;
}
.form-row{
  display:flex;
  flex-direction:column;
}
.form-input{
  height:44px;
  padding:10px 14px;
  border:1px solid #e1e1e1;
  border-radius:2px;
  background:#fff;
}
.form-select{
  height:44px;
  padding:10px 14px;
  border:1px solid #e1e1e1;
  background:#fff;
}
.full-width{grid-column:span 3}
.submit-btn{
  background:#1830ff;
  color:#fff;
  border:none;
  padding:12px 26px;
  border-radius:28px;
  cursor:pointer;
  font-weight:700;
  width:160px;
  margin-bottom:30px;
}

 
.glass-card {
  color:#fff;
  padding-top:20px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.glass-card .card-header,
.glass-card .card-body {
background: transparent;
}
            
/* INNER PAGES */


.inner_page_banner {
 	background:#000;
	background-size: cover;
	position: relative;
	margin-top:121px;
	padding: 58px 0;
}
.inner_page_banner:before {
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.inner_page_banner .container {
	position: relative;
	z-index: 9;
}
.inner_banner_heading {
	font-weight: 600;
	font-size: 30px;
}
.inner_page_banner .breadcrumb li{
	color: #ffffff;
	font-weight:600;
}

.inner_page_banner .breadcrumb a,
.inner_page_banner .breadcrumb-item + .breadcrumb-item:before{
    color:#d4057f;
}
.inner-page-list li{
    font-size:16px;
    color:#fff;
    line-height:24px;
   
    background:url(../images/tick-icon001.png) no-repeat left 5px;
    margin-bottom:10px;
        padding-left: 33px;
    text-align: left;
}
.inner-list li{
    font-size:16px;
    color:#0a0a0a;
    line-height:24px;
   
    background:url(../images/tick-icon001.png) no-repeat left 5px;
    margin-bottom:10px;
        padding-left: 33px;
    text-align: left;
}

.inner-list li:last-child{
    margin-bottom:0;
}

.bg-color{
   	background: rgba(0, 0, 0, 0.6);
}
.contact_right {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    align-items: start;
    width:100%;
}
.contact_form .block {
    margin-bottom: 15px;
}
.inner_page_container {
	padding-top:40px;
  padding-bottom:20px;
}
/* contact form */
* contact form */
.inner_page_heading {
    color: #222;
    font-weight: 700;
    font-size: 38px;
    position: relative;
    padding-bottom: 18px;
    line-height: 45px;
}
 
.contact_page_info .icon{
    display:inline-block;
    width:75px;
    height:75px;
    line-height:75px;
    background:#d4057f;
    border-radius:50%;
    text-align:center;
}

.contact_page_info .text{
    display:inline-block;
    width:75%;
    vertical-align:middle;
    padding-left:12px;
}

.contact-title{
    font-size:22px;
    color:#d4057f;
    line-height:26px;
    font-weight:600;
}

.contact-main{
    font-size:17px;
    color:#000;
    line-height:22px;
    font-weight:500;
}

.contact-main a{
    color:#000;
}
 
.contact_form .block{
    margin-bottom:15px;
}

.contact_form .checkout_form_label{
    font-size:17px;
    color:#000;
    line-height:20px;
    font-weight:500;
    padding:0 0 10px;
}

.contact_form .form-control{
    height:46px;
    background:none;
    border-radius:0;
    box-shadow:none;
    font-size:16px;
    color:#1c1c1c;
    line-height:20px;
    padding:10px 20px;
}

.contact_form textarea.form-control{
    height:105px;
    resize:none;
}

.contact_form .btn{
    font-size:16px;
    color:#fff;
    line-height:18px;
    font-weight:600;
    background:#1061BA;
    border:none;
    border-radius:0;
    box-shadow:none;
    padding:13px 25px;
}
.inner_page_heading {
	color: #222;
	font-weight: 700;
	font-size:38px;
	position: relative;
	padding-bottom: 18px;
	line-height:45px;
}

.inner_page_heading strong {
	color: #d4057f;
	font-weight: 700;
}
.inner_page_heading:before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 60px;
	border-bottom: 3px solid #ffffff;
}
.centered_heading:before {
	left: 50%;
	transform: translate(-50%, 0);
}

.inner_page_heading.line-center:before{
    right:0;
    margin:0 auto;
}
.card-header{
  text-align:center;
}
.order-details{
  margin:0 auto;
  margin-bottom:20px;
  color:#000;
}
 
.thankyou-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70vh;
    padding: 44px;
}

.thankyou-card {
    width: 100%;
    max-width: 650px;
    background: #ffffff;
    border-radius: 15px;
    padding: 50px 35px;
    text-align: center;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.1);
    transition: 0.3s ease;
}

.thankyou-card:hover {
    transform: translateY(-5px);
}
 
.thankyou-card h1 {
    font-size: 42px;
    color: #222;
    margin-bottom: 20px;
    font-weight: 700;
}

.thankyou-card p {
    font-size: 17px;
    color: #666;
    line-height: 1.8;
    margin-bottom: 10px;
}
.success-icon {
    width: 90px;
    height: 90px;
    margin: 0 auto 25px;
    background: #B00569;
    color: #fff;
    border-radius: 50%;
    font-size: 45px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 8px 20px rgba(40, 167, 69, 0.3);
}
 .home-btn {
    display: inline-block;
    margin-top: 30px;
    padding: 14px 35px;
    background: #1830ff;
    color: #fff;
    text-decoration: none;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    transition: all .3s ease;
}

.home-btn:hover {
    background: #B00569;
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px);
}

.inner_page_banner .inner_banner_heading {
    font-size: 2rem;
    font-weight: 700;
}
.blog-grid {
    
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    
}
.blog-card {
    border: 1px solid #e7eaf3;
    border-radius: 18px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 16px 40px rgba(32, 40, 70, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
.blog-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 48px rgba(32, 40, 70, 0.14);
}
.blog-card-image {
    overflow: hidden;
    line-height: 0;
}
.blog-card-image img {
   
    object-fit: cover;
    transition: transform 0.35s ease;
    display: block;
}
.blog-card:hover .blog-card-image img {
    transform: scale(1.06);
}
.blog-card-body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.blog-card-title {
    font-size: 1.35rem;
    margin-bottom: 0.85rem;
    font-weight: 700;
    color: #1f2937;
}
.blog-card-text {
    flex: 1;
    margin-bottom: 22px;
    color: #4b5563;
    line-height: 1.75;
    font-size: 0.98rem;
}
.blog-card-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.85rem 1.4rem;
    border-radius: 999px;
    background: #1891C8;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    transition: background 0.2s ease;
}
.blog-card-btn:hover {
    background: #0b5ed7;
    color: #fff;
}
 
.blog-right-panel{
  color: #000 !important; 
  text-decoration: none; 
  font-size: 13px;
}
	
	.inner-sec {
		padding: 5rem 0;
	}
	
 
	
	h2.text-center {
		font-size: 2.5rem;
		font-weight: 700;
		margin-bottom: 5rem;
	}
 
	
	.blog-detail-card {
		background: #fff;
		border-radius: 8px;
		box-shadow: 0 2px 8px rgba(0,0,0,0.1);
		padding: 20px;
		margin-bottom: 30px;
	}
	
	.blog-image {
		margin-bottom: 25px;
		overflow: hidden;
		border-radius: 6px;
	}
	
	.blog-image img {
		width: 100%;
		height: auto;
		display: block;
	}
	
	.blog-title {
		font-size: 2rem;
		font-weight: 700;
		margin-bottom: 15px;
		line-height: 1.4;
        color:#000;
	}
	
	.blog-meta {
		font-size: 0.95rem;
		color: #666;
		margin-bottom: 25px;
		padding-bottom: 20px;
		border-bottom: 1px solid #eee;
	}
	
	.blog-content {
		font-size: 1.05rem;
		line-height: 1.8;
		color: #333;
		margin-bottom: 25px;
	}
	
	.blog-tags {
		margin-top: 25px;
		padding-top: 20px;
		border-top: 1px solid #eee;
	}
	
	.blog-tags span[style*="color: #000"] {
		color: #000;
		font-weight: 600;
	}
	
	.tag {
		display: inline-block;
		background: #f0f0f0;
		color: #000;
		padding: 6px 12px;
		margin: 5px 5px 5px 0;
		border-radius: 20px;
		font-size: 0.9rem;
	}
	
	.no-data {
		font-size: 1.1rem;
		text-align: center;
		padding: 40px;
	}
	
	.blog-sidebar {
		margin: 0;
     background: 'transparent';
      color: '#000 !important';
	}
	.blog-right-panel ul{
    list-style: 'none'; padding: 0;
  }
.recent-list{
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size:11px;
}
.blog-thumb{
  flex-shrink: 0;
   width: 60px;
    height: 60px;
     overflow: hidden; 
     border-radius: 6px;
      background: #f5f5f5;
}
.blog-thumb img{
   width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  
}
	.widget {
		background: #fff;
		border-radius: 8px;
		box-shadow: 0 2px 8px rgba(0,0,0,0.1);
		padding: 20px;
		margin-bottom: 25px;
	}
	
	.widget:last-child {
		margin-bottom: 0;
	}
	
	.widget h4 {
		font-size: 1.3rem;
		font-weight: 700;
		margin-bottom: 15px;
		border-bottom: 2px solid #007bff;
		padding-bottom: 10px;
	}
	
	.widget p {
		font-size: 0.95rem;
		line-height: 1.6;
		color: #333;
	}
	
	.widget ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	.widget li {
		padding: 8px 0;
		border-bottom: 1px solid #eee;
		font-size: 0.95rem;
		color: #333;
	}
  .contact_page_info{
    color:#000;
  }
  /* order now form */
  .pay_sec {
    position: relative;
    overflow: hidden;
    padding: 20px 0;
    background: linear-gradient(135deg, #07152f, #123c68, #081a35);
}

.pay_sec:before,
.pay_sec:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    filter: blur(2px);
    opacity: 0.35;
    pointer-events: none;
}

/* .pay_sec:before {
    width: 360px;
    height: 360px;
    background: #22d3ee;
    top: -120px;
    left: -100px;
    animation: paynowFloat 9s ease-in-out infinite;
}

.pay_sec:after {
    width: 300px;
    height: 300px;
    background: #8b5cf6;
    right: -80px;
    bottom: -100px;
    animation: paynowFloat 11s ease-in-out infinite reverse;
} */

.paynow-title,
.paynow-desc,
.order-form {
    position: relative;
    z-index: 1;
}

 

.paynow-desc {
    color: #dbeafe;
    text-align: center;
    max-width: 650px;
    margin: 0 auto 28px;
}

.order-form {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 22px;
        background: rgb(114 109 109 / 12%);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(14px);
    animation: paynowReveal 0.7s ease both;
}

.form-row {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-row label {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.form-input,
.form-select {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 15px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.95);
    color: #172033;
    transition:
        transform 0.2s,
        box-shadow 0.2s,
        border-color 0.2s;
}

.form-input:focus,
.form-select:focus {
    outline: none;
    transform: translateY(-2px);
    border-color: #67e8f9;
    box-shadow: 0 0 0 4px rgba(103, 232, 249, 0.2);
}

.full-width {
    grid-column: 1 / -1;
    align-items: center;
}

.submit-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(6, 182, 212, 0.35);
}

@keyframes paynowFloat {
    40% {
        transform: translate(80px, 45px) scale(1.15);
        background-color: #000;
    }
}

@keyframes paynowReveal {
    from {
        opacity: 10;
        transform: translateY(24px);
         background-color: #000;
    }

    to {
        opacity: 11;
        transform: translateY(0);
    }
}


@media screen and (min-width:992px){
  .navbar-default.navbar-fixed{
    background:#010101;
    box-shadow:0 4px 6px rgba(0,0,0,.2);
    padding:12px 0;
  }

  .navbar-default.navbar-fixed .header_logo{
    width:250px;
  }

}

@media (max-width: 767px) {
    .order-form {
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .full-width {
        grid-column: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pay_sec:before,
    .pay_sec:after,
    .order-form {
        animation: none;
    }
}
@media (max-width:768px) {

    .thankyou-card {
        padding: 35px 20px;
    }
 .blog-card-image img {
        height: 180px;
    }
    .thankyou-card h1 {
        font-size: 32px;
    }

    .thankyou-card p {
        font-size: 15px;
    }

    .success-icon {
        width: 75px;
        height: 75px;
        font-size: 36px;
    }

    

}
@media screen and (max-width:1366px){


}

@media screen and (max-width:991px){
  .navbar-default{
    background:#010101;
    padding:12px 0;
  }

  .header_logo{
    width:220px;
  }

  .home_banner{
    margin-top:140px;
    padding:40px 0 30px;
  }

  #footer{
    padding-bottom:75px;
  }

  #back-button{
    right:20px;
    bottom:40px;
  }

  
}

@media screen and (max-width:767px){
  .home_banner{
    margin-top:135px;
  }

  .banner_bg_heading{
    font-size:40px;
    line-height:48px;
    margin-bottom:10px;
  }

  .common_paragraph{
    font-size:14px;
    line-height:22px;
  }

  .btn1,
  .btn2{
    font-size:14px;
    line-height:16px;
    padding:12px 20px;
  }

  .banner_btm_sec ul li{
    font-size:16px;
    line-height:20px;
    margin-bottom:12px;
  }

  .banner_btm_sec ul li:last-child{
    margin-bottom:0;
  }

  .feature_sec, 
  .about_sec, 
  .serv_sec, 
  .skill_sec, 
  .project_sec, 
  .faq_sec, 
  .process_sec, 
  .review_sec, 
    .pay_sec, 
  .blog_sec{
    padding:30px 0;
  }

  .feature_sec{
    background-size:100%;
  }

  .feature_sm_heading, 
  .about_sm_heading, 
  .serv_sm_heading, 
  .skill_sm_heading, 
  .project_sm_heading, 
  .choose_sm_heading, 
  .faq_sm_heading, 
  .benefit_sm_heading, 
  .process_sm_heading, 
  .test_sm_heading, 
  .blog_sm_heading{
    font-size:18px;
    line-height:22px;
  }

  .feature_bg_heading, 
  .about_bg_heading, 
  .serv_bg_heading, 
  .skill_bg_heading, 
  .project_bg_heading, 
  .choose_bg_heading, 
  .faq_bg_heading, 
  .benefit_bg_heading, 
  .process_bg_heading, 
  .test_bg_heading, 
  .blog_bg_heading{
    font-size:30px;
    line-height:38px;
  }

  .feature_bg_heading span, 
  .about_bg_heading span, 
  .serv_bg_heading span, 
  .skill_bg_heading span, 
  .project_bg_heading span, 
  .choose_bg_heading span, 
  .faq_bg_heading span, 
  .benefit_bg_heading span, 
  .process_bg_heading span, 
  .test_bg_heading span, 
  .blog_bg_heading span{
    font-size:26px;
    line-height:32px;
  }

  .feature_box,
  .save_hour_box{
    min-height:auto;
  }

  .feature_heading{
    font-size:22px;
    line-height:28px;
  }

  .feature_box .content ul li{
    font-size:14px;
    line-height:16px;
    margin:0 10px 12px 0;
    padding:12px 20px;
  }

  .performance_box .image{
    bottom:0;
  }

  .about_sec .upper_block{
    padding-bottom:25px;
  }

  .watch_video_title{
    font-size:30px;
    line-height:32px;
    padding:30px 20px 10px;
  }

  #serv-slider.owl-carousel .owl-controls{
    bottom:-28px !important;
  }

  .skill_sec{
    background-size:80%, 150px;
  }

  .serv_cont{
    width:58%;
  }

  .choose_sec{
    background-size:100%;
    padding-bottom:30px;
  }

  .accordion-button{
    font-size:16px;
    line-height:22px;
  }

  .benefit_sec{
    padding-bottom:30px;
  }

  .benefit_counter_text{
    font-size:28px;
    line-height:30px;
  }

  .benefit_heading, 
  .process_heading, 
  .blog_title{
    font-size:20px;
    line-height:26px;
  }

  .client_name{
    font-size:22px;
    line-height:24px;
  }

  #footer{
    padding-top:30px;
  }

  .footer_top .col-lg-6{
    border-right:none;
  }

  .footer_top .section:after{
    display:none;
  }

  .footer_logo img{
    width:260px;
  }

  .ft_newsletter_title{
    font-size:24px;
    line-height:32px;
  }

  .footer_title{
    font-size:22px;
    line-height:24px;
    margin-bottom:16px;
  }

  .footer_link li a, 
  .ft_contact_title, 
  .ft_contact_main{
    font-size:14px;
    line-height:16px;
  }

  .ft_contact_main{
    line-height:20px;
  }

  
}

@media screen and (max-width:575px){
  .feature_box .content ul li{
    padding:12px 16px;
  }

  .ab_welcome_img{
    margin-top:-70px;
  }

  .ab_welcome_img img{
    width:120px;
  }

  .watch_video_title{
    width:280px;
    padding:10px 10px 0;
  }

  .serv_img{
    display:block;
    width:100%;
    text-align:center;
    padding:20px 0;
  }

  .serv_cont{
    display:block;
    width:100%;
  }

  .skill_r_box{
    width:150px;
    height:150px;
    padding-top:30px;
  }

  .skill_title{
    font-size:16px;
    line-height:18px;
  }

  .blog_sec{
    background-size:70%, 70%, auto;
  }

  
}