:root {
	--pc: #012c58;
	--sc: #3f5f7a;
	--white: #fff;
	--black: #000;
	--muted: #CDCDCD;
	--trans: all 0.4s ease;
	scroll-behavior: smooth;
}

body a {
  transition: all .4s ease;
	text-decoration: none;
	color: var(--black);
}

p {
	line-height: 30px;
	font-size: 16px;
	font-weight: normal;
	color: #454545;
}

/*//header-----------------------start*/

header {
    box-shadow: 1px 0 9px -5px rgba(0, 0, 0, .75);
    background: #f3f2ee;
}

header nav ul li.dropdown ul {
	background: var(--white);
	border-radius: 5px;
	transition: all .3s ease;
}

header nav ul li a {
	color: var(--black);
}

header nav ul li.dropdown ul li a {
	color: var(--black);
}

header nav ul li.dropdown svg {
	transition: all .3s ease;
}

header nav ul li.dropdown:hover svg {
	transform: rotate(180deg);
	transition: all .3s ease;
}

#headerSticky {
    transition: all 0.7s ease;
    background: var(--white) !important;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(0);
    animation: smoothSticky 0.7s ease;
}

@keyframes smoothSticky {
	0% {
		transform: translateY(-100%);
	}

	100% {
		transform: translateY(0);
	}
}

.hero-sec img{
          width: 100%;
    object-fit: cover;
    height: 400px;
   }

   .site-bg{
      background: var(--pc);
      padding-block: 50px;
   }

   .site-bg :is(h2, a, div, span){
      color: var(--white);
   }

   [class*="grid"]{
      display: grid;
   }

   .grid-5{
      grid-template-columns: repeat(5, 1fr);
      gap: 20px 30px;
   }

   .wcu-container .shadow-card{
      box-shadow: 4px 6px 0px 0px #ffffff85;
   }

   .shadow-card{
      box-shadow: 4px 6px 0px 0px var(--pc);
      padding: 25px;
      background: var(--white);
      border-radius: 15px;
      height: 100%;
   }

   .service-card {
      background: #cccccc3b;
      border-radius: 15px;
      overflow: hidden;
   }

   .service-card.corp-card .h5{
      background: var(--sc);
   }

   .service-card .h5{
      padding: 20px;
      color: var(--white);
   }

   .service-card.doms-card .h5{
      background: var(--pc);
   }

   .service-card .service-detl{
      padding: 25px 30px;
   }

   .service-card .service-detl .service-list{
      gap: 10px;
      margin-bottom: 20px;
   }

   .flex-col-icon-wrap{
      border: 1px solid #ccc;
      align-items: center;
      gap: 15px;
      padding: 20px;
   }

   .flex-col-icon-wrap .icon-wrap img{
      height: 45px;
      width: 45px;
   }

   .like-cta{
      background: var(--sc);
      padding: 30px;
      border-radius: 20px;
      position: relative;
   }

   .like-cta:after{
      content: '';
    position: absolute;
    height: 120px;
    width: 120px;
    background-color: var(--white);
    right: -30px;
    top: -30px;
    border-radius: 50%;
   }

   .like-cta :is(h2, .h6, p){
      color: var(--white);
   }

   .oprt-list{
      gap: 10px;
   }

   .crtf-card img{
          height: 70px !important;
    width: 70px !important;
    object-fit: contain;
   }

   .contact-wrap{
      border-radius: 20px;
      background: var(--pc);
      padding: 50px;
   }

   .contact-wrap :is(h2, p, div, span, a){
      color: var(--white);
   }
   
   .flex-copyright-between{
        padding: 10px 20px;
        background: var(--pc);
        flex-wrap:wrap;
        gap:15px
    }
    
    .flex-copyright-between :where(p, div, span, a){
        color: var(--white);
    }