/*
 Theme Name:   GeneratePress Child
 Theme URI:    http://unbiazed.org/
 Description:  A child theme of Unbiazed default WordPress theme
 Author:       Anand
 Author URI:   http://intactinfo.com
 Template:     generatepress
 Version:      0.1
*/
.site-footer .flag{vertical-align:bottom}
.site-footer a{text-decoration:none}
.dmd-testimonial {
                font-family: playfair\ display,sans-serif;
                font-size: 42px;
                line-height: 1.2;
                text-align: center;
                color: #999;
                font-style: italic;
                margin-bottom: 10px
            }

            .dmd-author {
                font-family: playfair\ display,sans-serif;
                font-size: 40px;
                line-height: 1.2;
                text-align: center;
                color: #000;
                margin-bottom: 35px
            }
.dmd-input-group .wpcf7-spinner{position:absolute}

            .dmd-input-group {
                /*float: left;*/
                width: 100%;
				text-align:center;
            }

            .dmd-input {
                width: 14.5%;
                margin-left: 1.5%;
               /* float: left;*/
				display:inline-block;							   
                position: relative
            }

            .dmd-input input {
                background-color: #555!important;
                border: 1px solid #7b7a7a!important;
                border-radius: 2px;
                height: 42px;
                font-size: 16px;
                color: #fff!important;
                font-family: 'Open Sans'
            }

            .dmd-input .g-recaptcha {
                transform: scale(.56);
                -webkit-transform: scale(.56);
                transform-origin: 0 0;
                -webkit-transform-origin: 0 0
            }

            .dmd-field::-webkit-input-placeholder {
                color: #fff;
                font-family: 'Open Sans';
                font-size: 16px
            }

            .dmd-field::-moz-placeholder {
                color: #fff;
                font-family: 'Open Sans';
                font-size: 16px
            }

            .dmd-field:-ms-input-placeholder {
                color: #fff;
                font-family: 'Open Sans';
                font-size: 16px
            }

            .dmd-field:-moz-placeholder {
                color: #fff;
                font-family: 'Open Sans';
                font-size: 16px
            }

            .dmd-input input[type="submit"] {
                background-color: #0471a6!important;
                border: 1px solid #1699d8!important;
                border-radius: 2px;
                height: 42px;
                font-size: 16px;
                color: #fff!important;
                font-family: 'Open Sans';
                width: 100%;
                box-sizing: border-box!important;
                text-align: center
            }

            div.wpcf7-response-output {
                float: left;
                width: 100%
            }

            .dmd-input span.wpcf7-not-valid-tip {
                font-size: 13px;
                text-align: left;
                position: absolute;
                bottom: -32px;
                line-height: 1.25
            }

            .dmd-input.dmd-recaptch span.wpcf7-not-valid-tip {
                bottom: -5px
            }

            .dmd-banner div.wpcf7-response-output {
                display: none!important
            }

            input.dmd-field2 {
                background-color: #fff!important;
                border: 1px solid #000!important;
                border-radius: 2px;
                height: 50px;
                font-size: 21px;
                color: #000!important;
                margin-bottom: 15px;
                margin-top: 15px;
				width:100%
            }

            input[type="submit"].dmd-submit2 {
                background-color: #0471a6!important;
                border: 1px solid #1699d8!important;
                border-radius: 2px;
                height: 59px;
                font-size: 18px;
                color: #fff!important;
                width: 100%;
                box-sizing: border-box!important;
                text-align: center;
                margin-top: 10px
            }

            .dmd-field2::-webkit-input-placeholder {
                font-family: 'Open Sans';
                font-size: 16px
            }

            .dmd-field2::-moz-placeholder {
                font-family: 'Open Sans';
                font-size: 16px
            }

            .dmd-field2:-ms-input-placeholder {
                font-family: 'Open Sans';
                font-size: 16px
            }

            .dmd-field2:-moz-placeholder {
                font-family: 'Open Sans';
                font-size: 16px
            }

            .g-recaptcha.dmd-recap {
                transform: scale(.8);
                -webkit-transform: scale(.8);
                transform-origin: 0 50px;
                -webkit-transform-origin: 0 50px
            }

/* Grid Structure */
.custom-cpt-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
    padding: 20px 0;
}

.cpt-grid-item {
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

/* Image Hover Wrap */
.cpt-image-wrapper {
    position: relative;
    overflow: hidden;
    aspect-ratio: 4/3;
}

.cpt-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

/* Dim Overlay Mask Layer */
.cpt-hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Reveal Items on Mouseover */
.cpt-grid-item:hover .cpt-hover-overlay {
    opacity: 1;
}

.cpt-grid-item:hover .cpt-image-wrapper img {
    transform: scale(1.05);
}

/* Overlay Icon Layouts */
.overlay-icon {
    background: #ffffff;
    color: #333333;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.2s ease, background 0.2s ease;
    text-decoration: none;
}

.overlay-icon:hover {
    background: #1e73be; /* Theme Accent Color */
    color: #ffffff;
    transform: scale(1.1);
}

.cpt-item-title {
    padding: 15px;
    margin: 0;
    font-size: 18px;
    text-align: center;
}


.portfolio_navigation .portfolio_prev a:before, .blog_navigation .blog_prev a:before {
    margin-top: -4px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

	.portfolio_navigation .portfolio_prev a:before, .portfolio_navigation .portfolio_prev a:after, .portfolio_navigation .portfolio_next a:before, .portfolio_navigation .portfolio_next a:after, .blog_navigation .blog_prev a:before, .blog_navigation .blog_prev a:after, .blog_navigation .blog_next a:after, .blog_navigation .blog_next a:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 50%;
    width: 10px;
    height: 2px;
    background-color: #171717;
    border-radius: 1px;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform .5s ease-out, background-color .5s ease-out;
    -ms-transition: -ms-transform .5s ease-out, background-color .5s ease-out;
    transition: transform .5s ease-out, background-color .5s ease-out;
}
	.portfolio_navigation a {
    text-align: center;
}
	.portfolio_navigation .portfolio_prev a:after, .blog_navigation .blog_prev a:after {
    margin-top: 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.single-portfolio .portfolio_navigation {
    border-top: 1px solid #dadada;
    padding: 25px 20px 50px;
    margin-top: 7px;
}
.portfolio_navigation_inner, .blog_navigation_inner {
    position: relative;
    display: block;
    height: 20px;
}
.portfolio_navigation .portfolio_prev, .blog_navigation .blog_prev {
    position: absolute;
    top: 50%;
    left: 0;
}
.portfolio_navigation .portfolio_next, .blog_navigation .blog_next {
    position: absolute;
    top: 50%;
    right: 0;
}

.portfolio_navigation .portfolio_next a:before, .portfolio_navigation .portfolio_next a:after, .blog_navigation .blog_next a:before, .blog_navigation .blog_next a:after {
    right: 0;
    left: auto;
}

.portfolio_navigation .portfolio_prev a, .portfolio_navigation .portfolio_next a, .blog_navigation .blog_prev a, .blog_navigation .blog_next a {
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
}
.portfolio_navigation .portfolio_prev a span {
    position: absolute;
    left: 30px;
    line-height: 20px;
}
.portfolio_navigation .portfolio_next a span {
    position: absolute;
    right: 30px;
    line-height: 20px;
}

.portfolio_navigation a, .portfolio_navigation span, .blog_navigation a, .blog_navigation span {
    line-height: 33px;
    display: block;
}
.portfolio_navigation .portfolio_next a:after, .blog_navigation .blog_next a:after {
    margin-top: 2px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


.portfolio_navigation, .blog_navigation {
    display: inline-block;
    width: 100%;
    padding: 40px 0 50px;
    z-index: 100;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
.portfolio_navigation .portfolio_next a:before, .blog_navigation .blog_next a:before {
    margin-top: -4px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
 .blog .site-content{
                margin: 4% 10%;
            }
.blog .site-content, .single-post .site-content, .category .site-content {
    margin: 4% 10%;
	    
}

.post-type-archive-portfolio .site-content,.single-portfolio .site-content {
                margin: 4% 20%;
	
	
            }
.portfolio-archive,.single-portfolio .site-content .site-main{width:100%}
.single-portfolio .site-content .site-main .inside-article{padding:0}

h1,h2,h3{line-height:1.3em!important}

.page-hero{position:relative}
.page-hero .inside-page-hero.grid-container {
    z-index: 999;
    position: relative;
}
.single-post .page-hero::before {
  content: ""; /* Required to render the pseudo-element */
  position: absolute;
  inset: 0; /* Stretches the layer to perfectly cover the parent container */  
 background-color:#000;
  opacity: 0.7; /* Controls your background image transparency (0.0 to 1.0) */
  z-index: 1; /* Pushes the image layer back behind the text */
}
/*Content Show/Hide on Hover*/
.imbox{   
    transition: 0.5s ease-in-out;	
	 transition: all 0.3s;
    
}
.imbox .hide{		 
	 max-height: 100px;
    transition: max-height 0.15s ease-out;
    overflow: hidden;
}
.imbox:hover .hide{   
	max-height: 500px;
    transition: max-height 0.25s ease-in;
}

.separator.small, .wpb_column>.wpb_wrapper .separator.small {
   
    margin-top: 15px;
    width: 35px;
	margin:auto;
	border: 0;
	 border-bottom: 2px solid #0471a6;

}
.is-style-logos-only svg{	
  fill: #a8a8a8;
	width:20px
}
.elementor-widget-text-editor p{margin-bottom:0}

.form-container {
  display: flex; 
	 gap: 20px;
}

.two_column {
  flex: 1; /* Gives both children equal width and allows them to grow */
}
.main-navigation .main-nav ul ul{width:230px}
.main-navigation .main-nav ul ul li{
    padding: 5px 0 5px 0;

}
.main-navigation .main-nav ul ul li a{
	margin: 0 19px;
    padding: 0 0 7px 0;
}
.menu-item-has-children ul .dropdown-menu-toggle{
	    padding-bottom: 0px;

}
	/* ==========================================================================
   1. Your Working Dropdown Setup (Max-Height Method)
   ========================================================================== */
.main-navigation ul ul { 
    left: auto; 
    transition: opacity 300ms ease-in-out, transform 200ms ease-in-out, max-height 300ms ease-in-out; 
    transform: translateY(10px); 
    opacity: 0;
    max-height: 0;
    overflow: hidden; /* Keeps hidden content contained */
} 

.main-navigation:not(.toggled) ul li:hover > ul, 
.main-navigation:not(.toggled) ul li.sfhover > ul { 
    transform: translateY(0); 
    opacity: 1;
    max-height: 500px; /* Set to any value larger than your submenu */
}

/* ==========================================================================
   2. Animated Underline - ONLY for Dropdown/Submenu Links
   ========================================================================== */

/* Prepares ONLY dropdown links for absolute positioning */
.main-navigation ul ul li > a {
    position: relative;
    text-decoration: none;
    display: inline-block;
}

/* Creates the hidden underline bar inside dropdowns */
.main-navigation ul ul li > a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;              /* Distance from text */
    width: 100%;
    height: 1px;               /* Line thickness */
    background-color: #0073aa; /* Change to your choice of color */
    transform: scaleX(0);      /* Starts invisible (zero width) */
    transform-origin: bottom right;
    transition: transform 250ms ease-out;
}

/* Animates the underline on dropdown item hover */
.main-navigation ul ul li:hover > a::after {
    transform: scaleX(1);
    transform-origin: bottom left; /* Expands from left to right */
}

.cf7_custom_style_1 .wpcf7-spinner{position:absolute}
   .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-submit,
    .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
        background-color: rgba(122,154,165,1);border-width: 0px;border-radius: 0px;color: #ffffff;font-size: 14px;font-style: normal;font-weight: 400;letter-spacing: 1px;text-transform: uppercase;/*height: 40px;line-height: 40px;*/padding-left: 20px;padding-right: 20px;    }

    .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-submit:hover,
    .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover {
        color: #ffffff;background-color: rgba(4,113,166,1);    }

    .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-text,
    .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-number,
    .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-date,
    .cf7_custom_style_1 textarea.wpcf7-form-control.wpcf7-textarea,
    .cf7_custom_style_1 select.wpcf7-form-control.wpcf7-select,
    .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-quiz{
        background-color: rgba(229,229,229,1);border-color: rgba(165,165,165,0.58);border-width: 1px;border-style:solid;transform: translateZ(0);border-radius: 0px;color: #2d2d2d;font-size: 14px;line-height: 20px;font-style: normal;font-weight: 400;letter-spacing: 0px;text-transform: none;margin-top: 0px;margin-bottom: 25px;  width: 100%;  }

    .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-text:focus,
    .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-number:focus,
    .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-date:focus,
    .cf7_custom_style_1 textarea.wpcf7-form-control.wpcf7-textarea:focus,
    .cf7_custom_style_1 select.wpcf7-form-control.wpcf7-select:focus,
    .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-quiz:focus{
        color: #000000;background-color: rgba(239,239,239,1);border-color: rgba(204,204,204,0.58);    }

/* Base button styling */
.btn .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: color .5s ease, border-color .5s ease;
    border-radius: 0px !important;
}

/* Sliding background layer */
.btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%; /* Extra width accounts for the skew angle */
    height: 100%;
    background-color: #0471a6; /* Change to your desired hover background color */
    z-index: -1;
    transform: translateX(-115%) skewX(-45deg);
    transition: transform .5s ease;
}

/* Hover state triggers the slide in */
.btn .elementor-button:hover::before {
    transform: translateX(-15%) skewX(-45deg);
}

/* Optional: Text color change on hover */
.btn .elementor-button:hover {
    color: #ffffff !important; /* Change to your desired hover text color */
}

.site-footer{
	  background-image: url('https://unbiazed.us/intactinfo/wp/wp-content/uploads/2026/06/footer-img1.jpg');
	background-repeat:no-repeat;
	border-top: 1px solid #ccc;
	background-size:cover

}
.foo_logo{margin-top:30px}
.site-footer .textwidget,.site-footer li a{
	    font-size: 14px;
    line-height: 27px;
    font-weight: 400;
	text-decoration:none
}
.site-footer ul.wp-block-list li{    list-style-type: disc;	
}

.site-footer .is-style-logos-only svg {
    fill: #fff;
	    width: 30px;
    height: 30px
}

.site-footer .wp-block-heading{
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
}

.site-footer .grid-container{max-width:1100px}
.testimonial-content{
	font-size: 16px;
    font-style: italic;
    line-height: 30px;
    color: #787875;
}
.testimonial-title{
	    color: #4585a5;
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
}
.ph a{text-decoration:none}
.is-style-logos-only li{margin-bottom:0!important}
.is-style-logos-only li a{display:block;line-height:0}
.nav-float-right .primary-navigation-wrapper {
    margin-left: auto;
    text-align: right;
}
.header-widget .widget {
    display: inline-block;
    vertical-align: top;
	text-transform:uppercase;
	letter-spacing: 1px;
	color:#fff
}
.home .site-header{	    
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	background-color: rgba(33, 24, 21, 0.52);
	position: absolute;
    z-index: 9999;
    width: 100%;
	
}
.line{color:#0471a6;font-style:italic}
.line2{color:#0471a6;font-style:italic;}
.line2 .elementor-heading-title{display:inline-block;border:1px solid #000;    padding: 5px 20px;}
.line:after,.line2:after {
  display: inline-block;
  margin: 10px 0 8px 20px;
  height: 1px;
  content: " ";
  text-shadow: none;
  background-color: #7797a5;
  width: 140px;
}
.line2:after{
	margin: 10px 0 8px 0px;
}
.line:before,.line2:before {
  display: inline-block;
  margin: 10px 20px 8px 0;
  height: 1px;
  content: " ";
  text-shadow: none;
  background-color: #7797a5;
  width: 140px;
}
.line2:before{
	 margin: 10px 0px 8px 0;
}
 .split-container {
      display: flex;
      width: 100%;
      position: relative;
    }

    /* Left Side: Set to exactly 60% width */
    .left-side {
      width: 60%;
      height: 100vh;
      position: sticky;
      top: 0;
      background-color: #e2e8f0; 
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }

    /* The Monitor Mockup Wrapper */
    .monitor-wrapper {
      position: relative;
      width: 85%; /* Scaled cleanly inside the wider 60% panel */
      max-width: 800px;
      aspect-ratio: 16 / 10;
    }

    /* Transparent Monitor Frame Overlay */
    .monitor-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 10;
      pointer-events: none;
      object-fit: contain;
    }

    /* Screen Area bounding box inside the frame */
    .monitor-screen {
      position: absolute;
      top: 3.5%;
      left: 2.2%;
      width: 95.6%;
      height: 72%; 
      background-color: #000;
      overflow: hidden;
      border-radius: 4px;
		z-index:9999
    }

    /* Slide-in Image Engine */
    .image-slide {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0;
      transform: translateY(100%); 
      transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease;
		background-size: cover;
    }

    .image-slide.active {
      opacity: 1;
      transform: translateY(0);
    }

    .image-slide.exit-up {
      transform: translateY(-100%);
    }

    /* Right Side: Set to exactly 40% width */
    .right-side {
      width: 40%;
      height: auto;
      overflow: visible;
    }

    .content-section {
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 15% 10%; /* Comfortable padding for a narrower text column */
    }


   
    .content-section p {
       font-size: 16px;
  line-height: 1.6;
  color: #666;
    }

.right-side .logo{width:fit-content;margin-bottom:20px}
.transition, .schedule-cta, a.btn, a, .soc img, .soc_sm img, header,.inside-header, .main-navigation .main-nav ul li a, header .header-image, .elementor-image-box-img, .site-footer .wp-image-316, .footer-bar .fixed-cta a, form .submit, .right-item a {
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.home header.site-header {
    width: 100%;
    position: fixed !important;
    z-index: 999;
}
.inside-header {
    padding: 10px 40px;
}

header.scrolled .inside-header{  padding: 10px 40px; }

header.scrolled .header-image {   
        padding-right: 100px;
}
header.scrolled {
    background-color: rgba(0, 0, 0, 0.8)!important;	
    position: sticky;
    top: 0;
    z-index: 9999;

}

@media (max-width:1650px){
	.site-header .header-image{width:350px}
	h1{font-size:50px}
	h2{font-size:40px}
	.parallax .elementor-element,.parallax{    background-attachment: fixed;}
	
}
@media (min-width:900px) and (max-width:1200px){
	.main-navigation .main-nav ul ul li{background-color:#000}

.menu-item-has-children .dropdown-menu-toggle {    
    padding-right: 10px;
    padding-left: 10px;
	}
}

@media (max-width:1024px){
	h1{font-size:40px}
	h2{font-size:30px}
	
	header.scrolled .header-image {
    padding-right: 50px;
}
	
	header.scrolled .inside-header {
    padding: 10px 20px;
}
	.main-navigation .main-nav ul li a {
    padding-left: 15px;
    padding-right: 15px;
  
}
.site-header .header-image {
        width: 300px;
	}
}
@media (max-width:768px){
	.line:after, .line2:after,.line:before, .line2:before{   display:none} 
	
	.menu-toggle {
    padding: 0 15px;
    line-height: 45px;   
    font-size: 15px;
   
}
	button.menu-toggle {
    background-color: #555;
   
}
	.inside-header {
    padding: 10px 20px;
}
	    .site-header .header-image {
        width: 250px;
    }

.site-header .header-widget {
        margin-top: 0;
       
	}
}
@media (max-width:640px){
	
	.post-type-archive-portfolio .site-content, .single-portfolio .site-content {
    margin: 4% 5%;
}
	.blog .site-content, .single-post .site-content, .category .site-content {
    margin: 4% 0%;
}
	header.scrolled .header-widget,header.scrolled .primary-navigation-wrapper{display:none}
	.split-container{display: block;}
	
	.left-side,.right-side{
		    width: 100%;   
    height: auto;

	}
	.left-side{padding: 80px 0 60px;}
	.content-section {
    min-height: auto;
    display: block;   
    padding: 15% 10%;
}
	h1{font-size:40px}
	h2{font-size:35px}
.nav-float-right .primary-navigation-wrapper {
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    margin-top: 5px;
}
	
}