/* @font-face {
  font-family: 'Segoe UI';
  src: url(../fonts/SEGOEUI.ttf);
} */
html,body{
  overflow-x:hidden;
  font-family: 'Segoe UI' !important;

  /* background-color:black; */
}
.color-9{
  color:#999999;
}
.color-3{
  color:#333333;
}
.color-6{
  color:#666666;
}
.color-60{
  color:#606060;
}
.color-highlight{
  color:#EB1A25;
}
.bg-highlight{
  background-color:#EB1A25;
}
.seperator{
  margin-left:auto;
  margin-right:auto;
  margin-top:30px;
  margin-bottom:20px;
  width:40%;
  color: #0D2052;
}
*:hover{
    text-decoration:none !important;
}
.navbar{
  font-size:14px !important;
  font-weight:600;
  text-transform: uppercase;  
}
/* .navbar-dark{
    background-color: rgba(30,30,30,1) !important;
} 
.navbar-light{
  background-color: rgba(255,255,255,0.8) !important;
}  */
/* .navbar-light a{
  color:black !important;
  color: rgb(20,115,115) !important;
} */
/*.navbar-light .navbar-brand{*/
/*  filter: brightness(0.6);*/
/*}*/
.navbar-dark a{
    /* color: #cecece !important; */
    color:#163688 !important;
}
.logo{
  height:50px;
  width:auto;
}

.carousel-caption{
    left:2% !important;
    width:50%;
    top: 50% !important;
    transform: translate(0, -50%);
    text-align:left;
    bottom: auto;
}
#myCarousel h2{
  color: #e71823;
  /*font-size:24px !important;*/
  font-weight:600;
  line-height:47.5px;
  text-transform: uppercase;  
}
.carousel-caption p{
  text-transform: uppercase;
  color: #ffffff;
  font-size:16px !important;
  font-weight:400;
  line-height:18px;
  letter-spacing: 0.8px;
}

.block-img{
    max-width: 150px;
    max-height:150px;
}
/* #services {
  background-color: rgb(231,230,236);
} */
h3.block-title{
  color: #0D2052;
  font-size:25px !important;
  font-weight:600;
  line-height:27.5px;
  text-transform: uppercase;  

}
.block-body{
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.6px;
  line-height:24px;
}
.goal-block{
    background-image: linear-gradient(#0D205299 0, #ffffff00 20%);
}
.goal-block h4{
  text-transform: uppercase;
  font-size: 20px;
}
.goal-block a{
    color: #696969;
    text-decoration: none;
    transition: transform .3s ease-in-out;

    /* font-size: 14px; */
    font-weight: 400;
    letter-spacing: 0.6px;
    line-height:24px;

    top:-30px;
}
.goal-icon{
  width:120px;
  height:120px;
  border: 0px solid #EB1A25;
  margin-bottom: 15px;
}

.service-block{
  background-image: linear-gradient(#EB1A2599 0, #ffffff00 20%);
}
.service-block h4{
text-transform: uppercase;
font-size: 20px;
}
.service-block a{
  color: #696969;
  text-decoration: none;
  transition: transform .3s ease-in-out;

  font-weight: 400;
  letter-spacing: 0.6px;
  line-height:24px;
  top:-40px;
}
.service-icon{
width:125px;
height:auto;
border: 0px solid #EB1A25;
margin-bottom: 15px;
}


#our-team {
  background-color: rgb(231,230,236);
}
#testimonial_carousel{
    background-color: rgba(255,255,255,0.4);
    border-color: rgba(0,0,0,.1) !important;
}
#testimonial_carousel .content{
    padding-left: 78px;
}
.testimonial-avatar{
    vertical-align:middle;
    border-radius:50%;
    width:60px;
    height:60px;
    background-color:rgb(255 255 255 / 0.7);
} 

.faded{
  opacity: 0.5;
}

/*********projects************/
:root {
    --offset: 0.8rem;
    --last-proj-col: 2;
    --last-proj-row:0;

    --grid-gap: 0.5rem;
    /* --offset-with-gap: calc(var(--offset)); */
    --offset-with-gap: calc(var(--offset) + var(--grid-gap));
  }
  #projects img, #projects  a {
    display: block;
    height: 100%;
  }
  
  #projects img {
    /* max-width: 100%; */
    width: 100%;
    object-fit: contain;
  }
  
  #projects .grid {
    display: grid;
    grid-gap: var(--grid-gap); 
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    /* height: 100vh; */
  }
  #projects .grid li {
    position: relative;
    /* padding:5px; */
  }
  #projects .grid li .project-block{
    height:100%;
  }
  
  /* #projects .grid li:hover{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  } */
  #projects .grid li:hover ~ li:last-child:after,
  #projects .grid li:last-child:hover:after,
  #projects .grid li:hover ~ li:last-child:before,
  #projects .grid li:last-child:hover:before {
    opacity: 1;
    transition: 1s ease;
  }
  #projects .grid li:last-child:after,
  #projects .grid li:last-child:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    pointer-events: none;
    clip-path:         polygon(var(--offset) var(--offset), var(--offset) calc(100% - var(--offset)), calc(100% - var(--offset)) calc(100% - var(--offset)), calc(100% - var(--offset)) var(--offset));
    -webkit-clip-path: polygon(var(--offset) var(--offset), var(--offset) calc(100% - var(--offset)), calc(100% - var(--offset) - var()) calc(100% - var(--offset)), calc(100% - var(--offset)) var(--offset));
      /* clip-path: polygon(var(--offset) var(--offset), var(--offset) calc(100% - var(--offset-with-gap)), calc(100% - var(--offset-with-gap)) calc(100% - var(--offset-with-gap)), calc(100% - var(--offset-with-gap)) var(--offset));
    -webkit-clip-path: polygon(var(--offset) var(--offset), var(--offset) calc(100% - var(--offset-with-gap)), calc(100% - var(--offset-with-gap)) calc(100% - var(--offset-with-gap)), calc(100% - var(--offset-with-gap)) var(--offset)); */
    opacity: 0;
  }
  #projects .grid li:last-child:after {
    mix-blend-mode: multiply;
    background: #aaafc3;     
  }
  #projects .grid li:last-child:before {
    backdrop-filter: grayscale(100%) blur(2px);
    -webkit-backdrop-filter: grayscale(100%) blur(2px);
}
  #projects .grid li:nth-child(1):hover ~ li:last-child:after {
    background: #1A237E;
  }
  #projects .grid li:nth-child(2):hover ~ li:last-child:after {
    background: #c1ea1d;
  }
  #projects .grid li:nth-child(3):hover ~ li:last-child:after {
    background: #aaafc3;
  }
  #projects .grid li:nth-child(4):hover ~ li:last-child:after {
    background: #daa384;
  }
  #projects .grid li:nth-child(5):hover ~ li:last-child:after {
    background: #a5d6a7;
  }
  #projects .grid li:nth-child(6):hover ~ li:last-child:after {
    background: #6c4331;
  }
  #projects .grid li:nth-child(7):hover ~ li:last-child:after {
    background: #555;
  }
  #projects .grid li:last-child:hover:after {
    background: #a88504;
  }
  

  #projects .grid {
    grid-template-columns: repeat(3, 1fr);
    /* grid-template-rows: repeat(3, 33.3333333333%); */
  }
  /* #projects .grid li:last-child:after,
  #projects .grid li:last-child:before {
    left: 100%; 
    transform: translate3d(0%, -100%, 0);
  } */

  #projects .grid li:nth-child(1):hover ~ li:last-child:after,
  #projects .grid li:nth-child(1):hover ~ li:last-child:before {
    transform: translate3d(calc(calc(calc(0 - var(--last-proj-col))*calc(100% + var(--grid-gap))))  ,calc(calc(0 - var(--last-proj-row))*calc(100% + var(--grid-gap))), 0);
  }
  #projects .grid li:nth-child(2):hover ~ li:last-child:after,
  #projects .grid li:nth-child(2):hover ~ li:last-child:before {
    transform: translate3d(calc(calc(calc(1 - var(--last-proj-col))*calc(100% + var(--grid-gap))))  ,calc(calc(0 - var(--last-proj-row))*calc(100% + var(--grid-gap))), 0);
    /* transform: translate3d(-100%, -200%, 0); */
  }
  #projects .grid li:nth-child(3):hover ~ li:last-child:after,
  #projects .grid li:nth-child(3):hover ~ li:last-child:before {
    transform: translate3d(calc(calc(calc(2 - var(--last-proj-col))*calc(100% + var(--grid-gap))))  ,calc(calc(0 - var(--last-proj-row))*calc(100% + var(--grid-gap))), 0);
    /* transform: translate3d(0%, -200%, 0); */
  }
  #projects .grid li:nth-child(4):hover ~ li:last-child:after,
  #projects .grid li:nth-child(4):hover ~ li:last-child:before {
    transform: translate3d(calc(calc(calc(0 - var(--last-proj-col))*calc(100% + var(--grid-gap))))  ,calc(calc(1 - var(--last-proj-row))*calc(100% + var(--grid-gap))), 0);
    /* transform: translate3d(-200%, -100%, 0); */
  }
  #projects .grid li:nth-child(5):hover ~ li:last-child:after,
  #projects .grid li:nth-child(5):hover ~ li:last-child:before {
    transform: translate3d(calc(calc(calc(1 - var(--last-proj-col))*calc(100% + var(--grid-gap))))  ,calc(calc(1 - var(--last-proj-row))*calc(100% + var(--grid-gap))), 0);
    /* transform: translate3d(-100%, -100%, 0); */
  }
  #projects .grid li:nth-child(6):hover ~ li:last-child:after,
  #projects .grid li:nth-child(6):hover ~ li:last-child:before {
    transform: translate3d(calc(calc(calc(2 - var(--last-proj-col))*calc(100% + var(--grid-gap))))  ,calc(calc(1 - var(--last-proj-row))*calc(100% + var(--grid-gap))), 0);
    /* transform: translate3d(0%, -100%, 0); */
  }
  #projects .grid li:nth-child(7):hover ~ li:last-child:after,
  #projects .grid li:nth-child(7):hover ~ li:last-child:before {
    transform: translate3d(calc(calc(calc(0 - var(--last-proj-col))*calc(100% + var(--grid-gap))))  ,calc(calc(2 - var(--last-proj-row))*calc(100% + var(--grid-gap))), 0);
    /* transform: translate3d(-200%, 0%, 0); */
  }
  /* #projects .grid li:last-child:hover:after,
  #projects .grid li:last-child:hover:before {
    transform: translate3d(-100%, 0%, 0);
  } */

  #projects  .project-title{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding: 10px;
    background-color: #0000007d;
    text-align:center;
    z-index:99;
    font-weight:bold;
    color: #363636;
    font-size:1.2rem;
  }
  #projects .description {
    font-family: "Unica One", sans-serif;
    font-size: 1.25rem;
    position: absolute;
    display: block;
    /* right: 2rem;
    left: 2rem;
    top: 20px; */
    bottom:0;left:0;top:0;right: 0;
    text-align: center;
    margin: auto;
    color: white;
    z-index: 100;
    opacity: 0;
    /* transform: translate3d(0, -50%, 0); */
    transition: 0.3s 0s;
  }    
  #projects .description .details{
    display:block;
    font-size:0.7rem;
    text-align:left;
    position:absolute;
    top:50px;
    left:20px;
    right:20px;
    bottom:60px;
    /* background-color: yellow;
    border: 1px solid red; */
  }
  #projects  li:hover .description {
    opacity: 1;
    transition: 0.6s 0.3s;
  }
  #projects .description .icons-container{
    position:absolute;
    left:0;
    right:0;
    bottom:0px;
    
  }
  #projects .description .icons-container a{
    border-radius: 50%;
    height:45px;
    width:45px;
    font-size:19px;
    color:white;
  }

  .iti{display:block;}

  /************contact us page**********/
  .contact .phone-link{
    text-decoration: none;
    color: #000;
    display:flex;
    justify-items: center;
    align-items: center;
  }
  .contact .phone-link .icon{
    background-color: #f78968e6;
    width: 42px;
    height: 42px;
    padding-top: 9px;
    border-radius: 50%;
    /* border: 3px solid black; */
    color: #fff;
    font-size: 25px;
    text-align: center;
  }

  @media(max-width:950px){
    #projects .grid li .project-block h5{
      /* display:none; */
      font-size: 1rem;
    }
    /* #projects  .project-title{
      display:none;
    } */
    #projects .description {
      font-size: 1.25rem;
      /* right: 2rem;
      left: 2rem;
      top: 20px; */
      position:absolute;top:0;bottom:0;left:0;right:0
    }    
    #projects .description .details{
      font-size:0.7rem;
      text-align:left;
      display:none;
    }
  }
  @media (min-width: 576px){
    #projects .container-sm {
        max-width: 100%;
    }
  }
  @media (max-width: 70em) {
    :root {
        --grid-gap: 0;
        --offset: 0;
        --mini-last-rows:1;
        --mini-last-col:0;
    }
    
    .carousel-caption{
        left:2% !important;
        width:60%;
        top: 50% !important;
        transform: translate(0, -50%);
    }
    #myCarousel h2{
      font-size:20px !important;
    }
    .carousel-caption p{
      font-size:12px !important;
    }

    /* #projects .grid li{
      height:285px;
    } */
  
    #projects .grid {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(2, 50%);
    }
    /* #projects .grid li:last-child:after,
  #projects .grid li:last-child:before {
      left: 0%;
      transform: translate3d(-50%, -150%, 0);
    } */
    #projects .grid li:nth-child(1):hover ~ li:last-child:after,
  #projects .grid li:nth-child(1):hover ~ li:last-child:before {
    transform: translate3d(calc(calc(calc(0 - var(--mini-last-col))*(100%)))  ,calc(calc(0 - var(--mini-last-rows))*(100%)), 0);
      /* transform: translate3d(-100%, -300%, 0); */
    }
    #projects .grid li:nth-child(2):hover ~ li:last-child:after,
  #projects .grid li:nth-child(2):hover ~ li:last-child:before {
    transform: translate3d(calc(calc(calc(1 - var(--mini-last-col))*(100%)))  ,calc(calc(0 - var(--mini-last-rows))*(100%)), 0);
      /* transform: translate3d(0%, -300%, 0); */
    }
    #projects .grid li:nth-child(3):hover ~ li:last-child:after,
  #projects .grid li:nth-child(3):hover ~ li:last-child:before {
    transform: translate3d(calc(calc(calc(0 - var(--mini-last-col))*(100%)))  ,calc(calc(1 - var(--mini-last-rows))*(100%)), 0);
      /* transform: translate3d(-100%, -200%, 0); */
    }
    #projects .grid li:nth-child(4):hover ~ li:last-child:after,
  #projects .grid li:nth-child(4):hover ~ li:last-child:before {
    transform: translate3d(calc(calc(calc(1 - var(--mini-last-col))*(100%)))  ,calc(calc(1 - var(--mini-last-rows))*(100%)), 0);
      /* transform: translate3d(0%, -200%, 0); */
    }
    #projects .grid li:nth-child(5):hover ~ li:last-child:after,
  #projects .grid li:nth-child(5):hover ~ li:last-child:before {
    transform: translate3d(calc(calc(calc(0 - var(--mini-last-col))*(100%)))  ,calc(calc(2 - var(--mini-last-rows))*(100%)), 0);
      /* transform: translate3d(-100%, -100%, 0); */
    }
    #projects .grid li:nth-child(6):hover ~ li:last-child:after,
  #projects .grid li:nth-child(6):hover ~ li:last-child:before {
    transform: translate3d(calc(calc(calc(1 - var(--mini-last-col))*(100%)))  ,calc(calc(2 - var(--mini-last-rows))*(100%)), 0);
      /* transform: translate3d(0%, -100%, 0); */
    }
    #projects .grid li:nth-child(7):hover ~ li:last-child:after,
  #projects .grid li:nth-child(7):hover ~ li:last-child:before {
    transform: translate3d(calc(calc(calc(0 - var(--mini-last-col))*(100%)))  ,calc(calc(3 - var(--mini-last-rows))*(100%)), 0);
      /* transform: translate3d(-100%, 0%, 0); */
    }
    #projects .grid li:last-child:hover:after,
  #projects .grid li:last-child:hover:before {
      transform: translate3d(0%, 0%, 0);
    }    
  
  }


  
/******************************/


.footer{
    min-height:70px;
    background-color: #0D2052;
    color:#cacaca;
    position:relative;
    font-size:0.9rem;
    opacity: 0.9;
}
.footer, .footer *{
  color:#cccccc;
}
.footer .social-media i{
    font-size: 1.4rem;
}
.footer .social-media a{
    margin-top:7px;
}
.footer a{
    /* color: #cacaca; */
    text-decoration: none;
}
.copyright{
    text-align:right;
    color: #cecece;
    font-size:0.7rem;
    /*position:absolute;*/
    width:100%;
    bottom:0;
    background-color: #0D2052;
    opacity: 0.8;
}
.copyright a{
    color: #cecece;
    text-decoration:underline;
}
/*path {*/
/*    stroke:black;*/
/*    stroke-width: 1px;*/
/*    transform-origin: center center;*/
/*    transform-box: fill-box;*/
/*    opacity: 0.8;*/
/*}*/
.map{
    background-color: white;
    overflow:hidden;
}
.map-inner{
    transform: 
    perspective(1000px) 
    rotateX(52deg) 
    rotateY(6deg) 
    rotateZ(340deg)
    translate3d(0px, -216px, 0px);
  /* box-shadow: 24px 16px 64px 0 rgba(0, 0, 0, 0.08);
  border-radius: 2px; */

}
.map a:hover>path {
    opacity: 1;
    /* fill:blue; */
    stroke:green;
    stroke-width:3px;
    filter : drop-shadow(-26px -109px 0 rgb(0 0 0 / 0.7));
    /* filter:url(#dropshadow); */
    transition: 0.1s;
    transform: translate3d(30px,100px,0);
    
}