/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 14-May-2025, 12:15:33
    Author     : HJUSER
*/


        body {
          font: 400 15px Lato,sans-serif;
          line-height: 1.8;
          color: #818181;
        }
        h2 {
          font-size: 24px;
          text-transform: uppercase;
          color: #303030;
          font-weight: 600;
          margin-bottom: 12px;
          font-family: Montserrat, sans-serif;
        }
        h4 {
          font-size: 19px;
          line-height: 1.375em;
          color: #303030;
          font-weight: 400;
          margin-bottom: 12px;
        }
        h3{
            font-size: 19px;
            color: white;
        }
        .navbar {
          margin-bottom: 0;
          background-color: #FFFFFF;
          z-index: 9999;
          border: 0;
          font-size: 12px !important;
          line-height: 1.42857143 !important;
          letter-spacing: 4px;
          border-radius: 0;
          font-family: Montserrat, sans-serif;
        }
        .navbar li a, .navbar .navbar-brand {
          color: #004B8D !important;
        }
        .navbar-nav li a:hover, .navbar-nav li.active a {
          color: #3DA9FC !important;
          background-color: #E0E0E0 !important;
        }
        .navbar-default .navbar-toggle {
          border-color: transparent;
          color: #fff !important;
        }
        .jumbotron {
          color: #fff;
          padding: 100px 25px;
          font-family: Montserrat, sans-serif;
        }
        .container-fluid {
          padding: 60px 50px;
        }
        
        .primlogomenu{height:75px;}
        #primnavlinksspace{margin: 12px -15px;}
        .h1padding{padding: 50px 5px 7px 5px;}
        .pspacing{padding: 12px 10px; line-height: 1.3}
        #bannermnss{
            background-image: url('../img/city-scape.png');
            background-repeat: no-repeat;
            background-size: 100% 100%;
            height: 600px;
        }
        .custDiv{
            width: 250px;
            height: 200px;
            margin: 3px auto;
            padding: 0 0 15px 0;
        }
        .custDiv#stat1{
            background-image: url('../img/Background images for the quick stats sections  (32).png');            
            background-repeat: no-repeat;
            background-size: 100% 100%;
            padding: 20px;
            font-size: 55px;
            color: white;
            line-height: 1.1;
        }
        .custDiv#stat2{
            background-image: url('../img/diverse-options.png');
            background-repeat: no-repeat;
            background-size: 100% 100%;
            padding: 20px;
        }
        .custDiv#stat3{
            background-image: url('../img/client-handshake.png');
            background-repeat: no-repeat;
            background-size: 100% 100%;
            padding: 20px;
            font-size: 55px;
            color: white;
            line-height: 1.1;
        }
        .custDiv#stat4{
            background-image: url('../img/Background images for the quick stats sections  (3).png');
            background-repeat: no-repeat;
            background-size: 100% 100%;
            padding: 20px;
            font-size: 55px;
            color: white;
            line-height: 1.1;
        }
        
        .custDiv2{
            margin: 5px 2px;
            background-color: red;
        }
        .custDiv2 img {
            width: 100%;
            height: 100%;
            margin-bottom: 10px;
        }
        .bg-grey {
          background-color: #f6f6f6;
        }
        .logo-small {
          color: #f4511e;
          font-size: 50px;
        }
        .logo {
          color: #f4511e;
          font-size: 200px;
        }
        .thumbnail {
          padding: 0 0 15px 0;
          border: none;
          border-radius: 0;
          background-color: transparent;
        }
        .thumbnail img {
          width: 100%;
          height: 100%;
          margin-bottom: 10px;
        }
        .carousel-control.right, .carousel-control.left {
          background-image: none;
          color: #f4511e;
        }
        .carousel-indicators li {
          border-color: #f4511e;
        }
        .carousel-indicators li.active {
          background-color: #f4511e;
        }
        .item h4 {
          font-size: 19px;
          line-height: 1.375em;
          font-weight: 400;
          font-style: italic;
          margin: 70px 0;
        }
        .item span {
          font-style: normal;
        }
        .panel {
          border: 1px solid #f4511e; 
          border-radius:0 !important;
          transition: box-shadow 0.5s;
        }
        .panel:hover {
          box-shadow: 5px 0px 40px rgba(0,0,0, .2);
        }
        .panel-footer .btn:hover {
          border: 1px solid #f4511e;
          background-color: #fff !important;
          color: #f4511e;
        }
        .panel-heading {
          color: #fff !important;
          background-color: #f4511e !important;
          padding: 25px;
          border-bottom: 1px solid transparent;
          border-top-left-radius: 0px;
          border-top-right-radius: 0px;
          border-bottom-left-radius: 0px;
          border-bottom-right-radius: 0px;
        }
        .panel-footer {
          background-color: white !important;
        }
        .panel-footer h3 {
          font-size: 32px;
        }
        .panel-footer h4 {
          color: #aaa;
          font-size: 14px;
        }
        .panel-footer .btn {
          margin: 15px 0;
          background-color: #f4511e;
          color: #fff;
        }
        footer .glyphicon {
          font-size: 20px;
          margin-bottom: 20px;
          color: #004B8D;
        }
        .slideanim {visibility:hidden;}
        .slide {
          animation-name: slide;
          -webkit-animation-name: slide;
          animation-duration: 1s;
          -webkit-animation-duration: 1s;
          visibility: visible;
        }
        @keyframes slide {
          0% {
            opacity: 0;
            transform: translateY(70%);
          } 
          100% {
            opacity: 1;
            transform: translateY(0%);
          }
        }
        @-webkit-keyframes slide {
          0% {
            opacity: 0;
            -webkit-transform: translateY(70%);
          } 
          100% {
            opacity: 1;
            -webkit-transform: translateY(0%);
          }
        }
        @media screen and (max-width: 768px) {
          .col-sm-4 {
            text-align: center;
            margin: 25px 0;
          }
          .btn-lg {
            width: 100%;
            margin-bottom: 35px;
          }
        }
        @media screen and (max-width: 480px) {
          .logo {
            font-size: 150px;
          }
        }