﻿:root {
  --ogency-black: #ffffff;
  --ogency-black-rgb: 255, 255, 255;
  --ogency-white: #000000;
  --ogency-white-rgb: 0, 0, 0;
  --ogency-black2: #f1f1f1;
  --ogency-black2-rgb: 241, 241, 241;
  --ogency-black3: #e1e1e1;
  --ogency-black3-rgb: 225, 225, 225;
  --ogency-color: #5d5d5d;
}
.txt{ color:#1E4380;}
.txt1{color:#ffff;}
.txt2{color:#000000;}
.txt3{ color:#1E4380; font-weight:50;}

.backgr{ 
  display: inline-block;
  height: 34px;
  line-height: 34px;
  color: #1E4380;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  margin-right:0px;
  }
 .backgr1{ 
  display: inline-block;
  line-height: 12px;
  background-color:#fafafa;
  color:black;
  font-weight: 600;
  font-size: 12px;
  margin-right:0px;
  margin-top:4px;
  text-align:center;
  }
  @media (max-width: 991px) {
  .backgr1{ 
  
  }

  }
.cen{
 display: flex;
  justify-content: center;
  align-items: center;
}

.bul
{
  width: 10px;
  height: 10px;
  line-height:8px;
  background-color: #1E4380;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  color: var(--ogency-base);
  font-size: 32px;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  margin-right:4px;
  
}


/* youtube respossive start*/
 .video-container {
            position: relative;
            width: 100%;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
            height: 0;
            overflow: hidden;
            
        }
        .video-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
/* youtube respossive end*/

.main-slider__one-item__shape-1,
.main-slider__one-item__shape-2 {
 

 
}

.main-slider__one-item__shape-1 img,
.main-slider__one-item__shape-2 img {
 
  
}

.client-carousel .client-carousel__one .client-carousel__one__item img:hover {
  opacity: 0.6;
}

.fact-one__item__icon,
.service-one__item__icon {
  color: #101010;
}

.ogency-btn,
.video-one__banner__curved-circle-box .video-popup:hover,
.project-one .ogency-btn:hover,
.team-one__item__social-wrapper:hover .team-one__item__links,
.sliding-text__list li,
.main-footer__social a,
.cta-one__author .cta-one__icon,
.testimonial-one__item__author-thumb span,
.video-one__banner__curved-circle-box .curved-circle,
.feature-one__item__content--icon {
  color: var(--ogency-black);
}

.blog-one__item__image span,
.video-one__banner__curved-circle-box .video-popup {
  background-color: var(--ogency-black);
}

.blog-one__item__image span,
.video-one__banner__curved-circle-box .video-popup {
  color: var(--ogency-white);
}

.testimonial-one__carousel.owl-carousel .owl-nav button,
.team-one__item__links,
.project-one .ogency-btn {
  color: var(--ogency-color);
}

.project-one__item__btn {

  color: var(--ogency-black3);
}

.main-footer {
  
}
.main-footer__about a {
	color:#1E4380;
}


.main-footer__social a {
  background-color: #1E4380;
}

.main-footer__top {
  border-bottom-color: RGBA(var(--ogency-black-rgb), 0.1);
}

.team-one__item__links {
  background-color: var(--ogency-black2);
}

.stricky-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999; /* Ensures it stays above other elements */
        background-color: #fff; /* Or any background color */
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        display: none; /* Initially hidden */
    }

    .stricky-header.active {
        display: block; /* Show sticky header when active */
    }
    
  
 :target::before {
    content: "";
    display: block;
    height: 138px; /* Adjust this value to match your sticky header's height */
    margin-top: -138px; /* Same value as height */
}

    
