/*
    ==================================
        Girfa IT Services
        https://girfa.co.in/
    ==================================
*/


.g-font1 {
    font-family: 'Dosis', sans-serif !important;
}

.g-font2 {
    font-family: 'Josefin Sans', sans-serif !important;
}

.g-font3 {
    font-family: 'Source Sans Pro', sans-serif !important;
}
.g-heading{
    font-size:xx-large;
    font-weight: bolder;
}
.g-bg-section {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.g-panel-blue{
    padding: 20px;
    background-color: #001a39;
    color:white;
    margin: 1% !important;
}
.g-panel-blue-hover{
   transition: all 1s;
}
.g-panel-blue-hover:hover{
    
    background-color: #05438e !important;
    
}
.g-drop-shadow{
    -webkit-box-shadow: 4px 4px 8px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 8px -3px rgba(0,0,0,0.75);
box-shadow: 4px 4px 8px -3px rgba(0,0,0,0.75);
}
.g-panel-gradient {
    /*background: linear-gradient(90deg, rgba(35,74,102,1) 22%, rgba(249,51,65,0.7371323529411764) 50%, rgba(35,74,102,1) 80%);*/

    background: linear-gradient(90deg, rgba(35,74,102,1) 5%, rgba(46,95,133,1) 17%, rgba(46,95,133,1) 50%, rgba(46,95,133,1) 78%, rgba(35,74,102,1) 97%);
    padding: 20px;
}
.g-gradient-skybluemix{
    background: rgb(215,250,251);
background: linear-gradient(90deg, rgba(215,250,251,1) 0%, rgba(255,248,234,1) 49%, rgba(236,238,255,1) 100%);
}

.g-gradient-two{
  background: rgb(250,225,219);
background: linear-gradient(90deg, rgba(250,225,219,1) 0%, rgba(255,255,255,1) 49%, rgba(231,255,252,1) 100%);
}

.g-color-blue{
    color: #001a39;
}
.g-bgcolor-blue{
   background-color: #001a39 !important;
}
.g-color-yellow{
   color: #fdc800 !important;
}
.g-bgcolor-yellow{
   background-color: #fdc800 !important;
}

.g-a-color-blue{}
.g-a-color-blue a{
    color: #001a39 !important;
}
.g-a-color-blue a:hover{
    color: red !important;
}
.g-a-color-white{}
.g-a-color-white a{ color:white !important; }
 .g-tbl-heading{
            text-align:center;display:block;padding:5  px;color:white;font-weight: bolder;font-size: 18px;
        }
.g-bold{
    font-weight: bolder !important;
}        
.g-head-tr{background-color: #234a66;border:solid 1px #2f78ac}
.g-sub-tr{background-color: #2f78ac;border:solid 1px #2f78ac}
.g-center{
    display: block;margin: auto;
}
.g-center-inline{
    display: block;text-align: center;
}
.g-p-blue{
   
}
.g-p-blue p{
     color: #001a39 !important;
    text-align: justify !important;
}
.g-team{
    background-color: #002147;
    margin-top: 20px;

}
.g-team p{
    text-align: center;
    color: white;
    padding: 5px;
    font-weight: bolder;
    font-size: large;
}
.g-img-width{
    width: 100%;
}

.g-list{

}
.g-list li{
    list-style: disc;margin-left: 2%;
}
.g-menu-social{
    padding-top: 10px !important;
}
.g-menu-social a {
margin-left: 4px;
color: white;
}
.g-menu-social a:hover{
    color: yellow;
}
.g-center-white-text{color:white !important;text-align:center;}
.g-border-radius{border-radius: 25px;}
.g-placeholder{}
.g-placeholder input::placeholder {
    
    font-weight: bold;
    text-align: left;
}
.g-img-center{}
.g-img-center img{display: block !important;margin: auto !important;}
.g-news-point  {
    color: :#05438e !important;
}
.g-news-point:hover{
    color: :red !important;
}
.g-home-banner-web {display:block;
}
@media(max-width:700px) {
    .g-home-banner-web {
        display: none;
    }
}


.g-web-show {
    display: block;
}

@media(max-width:700px) {
    .g-web-show {
        display: none !important;
    }
}

.g-mob-show {
    display: none;
}

@media(max-width:700px) {
    .g-mob-show {
        display: block !important;
    }
}
.g-img-border-radius {
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
}
 .g-background {
   
    width: 100%;
    height: 100%;
    z-index: -1;
    animation: changeBackground 5s infinite;
}
@keyframes changeBackground {
    0% {
        background-color: #ffdef8;
    }
    25% {
        background-color: #f8ffc7;
    }
    50% {
        background-color: #ff9388;
    }
    75% {
        background-color: #93ff88;
    }
    100% {
        background-color: #8893ff;
    }
}
/* ====================== Slide ================================ */
.g-slider-container {
      position: relative;
      max-width: 100%;
      margin: auto;
      overflow: hidden;
    }

    .g-slides {
      display: none;
      width: 100%;
    }

    .g-slider-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(0,0,0,0.5);
      color: #fff;
      border: none;
      padding: 10px;
      cursor: pointer;
      font-size: 18px;
    }

    .g-prev {
      left: 10px;
    }

    .g-next {
      right: 10px;
    }

    @media (max-width: 600px) {
      .g-slider-btn {
        font-size: 14px;
        padding: 6px;
      }
    }
    /* ====================== // Slide ================================ */