.serv2{
    background-color: #821b1c;
    border-radius:10px;
   }

   .serv4 p {
       font-size:22px;
   }

   .serv4 span {
       color:white;
   }
   .head {
       padding: 5px;
   }

   .contact-sec {
 padding: 100px 0px;
 position: relative;
 z-index: 1;

 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 background-attachment: fixed;
}

.contact-sec:after {
 content: "";
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0px;
 right: 0px;
 bottom: inherit;
 left: 0px;
 margin: 0 auto;
 background: #ffffffde;
 z-index: -2;
}

.contact-sec:before {
 content: "";
 position: absolute;
 width: 100%;
 height: 350px;
 top: 0px;
 right: 0px;
 bottom: inherit;
 left: 0px;
 margin: 0 auto;
background-color:#9d0000;;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 z-index: -1;
}

.contact-sec .cont-hd {
 padding: 0px 0px 60px;
 text-align: center;
}

.contact-sec .cont-hd p {
 font-size: 50px;
 color: #FFC800;
 font-weight: 600;
 text-transform: capitalize;
 margin: 0px;
 position: relative;
 font-family: 'Aclonica', sans-serif;
 text-transform: capitalize;
 font-weight: 800;
}

.contact-sec .cont-hd p:after {
 content: "";
 position: absolute;
 width: 200px;
 height: 35px;
 top: inherit;
 right: 0px;
 bottom: -30px;
 left: 0px;
 margin: 0 auto;
 background: url(line-divider.png);
 background-repeat: no-repeat;
 background-size: contain;
 background-position: center;
}

.contact-sec .cont-hd p:after {
 -webkit-filter: invert(1);
         filter: invert(1);
}

.contact-sec .cont-hd span {
 display: block;
 font-size: 20px;
 color: #fff;
 text-transform: capitalize;
 padding: 40px 0px 0px;
 font-weight: 600;
}

.contact-sec .contact-col1 {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 -webkit-box-align: start;
     -ms-flex-align: start;
         align-items: flex-start;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 padding: 0px 30px;
}

.contact-sec .contact-col1 .cont-inr {
 padding: 40px;
 background: #FFC800;
 -webkit-box-shadow: -20px -20px #FFC800;
         box-shadow: -20px -20px #FFC800;
 border: 10px solid #9d0000;;
}

.contact-sec .contact-col1 .cont-head {
 margin: 0px;
 font-size: 30px;
 font-weight: 900;
 color: #770000;
 text-transform: capitalize;
 padding-bottom: 30px;
 position: relative;
}

.contact-sec .contact-col1 .cont-head:after {
 content: "";
 position: absolute;
 width: 150px;
 height: 1px;
 top: inherit;
 right: inherit;
 bottom: 23px;
 left: 0px;
 margin: 0 auto;
 background: #000;
}

.contact-sec .contact-col1 ol li {
 font-size: 20px;
 font-weight: 500;
 padding: 10px 0px;
 line-height: 30px;
}

.contact-sec .contact-col1 ol li span {
 display: block;
 font-size: 18px;
 font-weight: 400;
 padding-top: 10px;
}

.contact-sec .contact-col1 ol li span .fa, .contact-sec .contact-col1 ol li span .fas, .contact-sec .contact-col1 ol li span .fab {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 display: -webkit-inline-box;
 display: -ms-inline-flexbox;
 display: inline-flex;
 width: 40px;
 height: 40px;
 border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
 background: #770000;
 color: #ffc107;
 font-size: 20px;
}

.contact-sec .contact-col2 {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 -webkit-box-align: end;
     -ms-flex-align: end;
         align-items: flex-end;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
}

.contact-sec .contact-col2 .cont-inr {
 padding: 20px 20px 0px;
}

.contact-sec .contact-col2 .cont-p2 {
 margin: 0px;
 font-size: 24px;
 font-weight: 500;
 text-transform: uppercase;
 letter-spacing: 4px;
 padding-bottom: 30px;
}

.contact-sec .contact-col2 .cont-p2 .fas {
 font-size: 70px;
 -webkit-filter: drop-shadow(-3px -2px 0px #ffc107);
         filter: drop-shadow(-3px -2px 0px #ffc107);
}

.contact-sec .contact-col2 .inpt {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 position: relative;
 padding: 10px 15px;
 z-index: 1;
}

.contact-sec .contact-col2 .inpt .fas {
 position: absolute;
 top: 20px;
 left: 30px;
 color: #ffc107;
 z-index: -1;
}

.contact-sec .contact-col2 .inpt input, .contact-sec .contact-col2 .inpt textarea {
 z-index: 1;
 border: 1px solid transparent;
 background: transparent;
 border-bottom: 1px solid #000;
 width: 100%;
 padding: 10px 10px 10px 40px;
 resize: none;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}

.contact-sec .contact-col2 .inpt input:focus, .contact-sec .contact-col2 .inpt textarea:focus {
 outline: none;
 border: 1px solid #000;
}

.contact-sec .contact-col2 .inpt textarea {
 border: 1px solid #000;
}

.contact-sec .contact-col2 .style-btn {
 -webkit-box-pack: start;
     -ms-flex-pack: start;
         justify-content: flex-start;
 padding: 10px 15px 0px;
}

.contact-sec .contact-col2 .style-btn button {
 padding: 10px 20px;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
 background: #770000;
 border: 0px;
 font-size: 18px;
 font-weight: 400;
 color: #fff;
 border: 1px solid #770000;
 z-index: 1;
}

.contact-sec .contact-col2 .style-btn button:focus {
 outline: none;
}

.contact-sec .contact-col2 .style-btn button .fas {
 position: relative;
 top: inherit;
 left: inherit;
 color: inherit;
}

.contact-sec .contact-col2 .style-btn button:hover {
 background: transparent;
 color: #770000;
}




















@keyframes pulsate {
    0% {
        transform: scale(0.9, 0.9);
        opacity: 1;
    }

    50% {
        transform: scale(1.2, 1.2);
        opacity: 1;
    }

    100% {
        transform: scale(0.9, 0.9);
        opacity: 1;
    }
}

@keyframes callb {
    0% {
        transform: scale(0.9);
    }

    20% {
        transform: scale(1);
    }

    40% {
        transform: scale(1.1);
    }

    60% {
        transform: scale(1.2);
    }

    80% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1.4);
    }
}

@keyframes calla {
    0% {
        box-shadow: 0px 0px 0px 4px rgba(162, 162, 162, 0.8);
    }

    20% {
        box-shadow: 0px 0px 0px 6px rgba(162, 162, 162, 0.6);
    }

    40% {
        box-shadow: 0px 0px 0px 8px rgba(162, 162, 162, 0.4);
    }

    60% {
        box-shadow: 0px 0px 0px 10px rgba(162, 162, 162, 0.2);
    }

    80% {
        box-shadow: 0px 0px 0px 12px rgba(162, 162, 162, 0.1);
    }

    100% {
        box-shadow: 0px 0px 0px 14px rgba(162, 162, 162, 0);
    }
}


.fix {
    display: block;
}

.fixed {
    position: fixed;
    padding: 0px;
    bottom: 20px;
    left: 0;
    right: 0;
     background: transparent;
    border-top: 1px solid #e2e2e2;
    display: none;
    
}

.ff5 {
    padding: 0px;
}

.end {
    margin: 0;
    padding: 0;
    text-align: center;
}

    .end li {
        display: inline;
        text-align: left;
        list-style: none;
        position: absolute;
        text-align: center;
        height: 60px;
        bottom: 10px;
        width: 60px;
        border-radius: 1px solid #000;
        animation-name: calla;
        animation-duration: 0.8s;
        animation-iteration-count: infinite;
        background: #df0505;
        line-height: 60px;
        border-radius: 50%;
    }

.ph-fx {
    left: 20px;
}

.end li a {
    text-decoration: none;
    position: absolute;
    z-index: 9;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.ph-fx a i {
    color: #fff !important;
}

.end li a i {
    font-size: 34px;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation: pulsate 1s ease-out;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: infinite;
    display: block;
    height: 30px;
    width: 32px;
    line-height: 57px;
    color: #fff;
    margin: 0 auto;
    z-index: 99;
}

.end li {
    display: inline;
    text-align: left;
    list-style: none;
    position: absolute;
    text-align: center;
    height: 60px;
    bottom: 10px;
    width: 60px;
    border-radius: 1px solid #000;
    animation-name: calla;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
    background: #e00000;
    line-height: 60px;
    border-radius: 50%;
}

.wh-fx {
    right: 20px;
    background: #26b144 !important;
}

.end li a {
    text-decoration: none;
    position: absolute;
    z-index: 9;
    margin: 0 auto;
    left: 0;
    right: 0;
}

    .end li a i {
        font-size: 34px;
        animation: pulsate 1s ease-out;
        animation-iteration-count: infinite;
        -webkit-animation: pulsate 1s ease-out;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: infinite;
        display: block;
        height: 30px;
        width: 32px;
        line-height: 50px;
        color: #fff;
        margin: 0 auto;
        z-index: 99;
    }

    #callbook {
display: block;
background: #fff;
bottom: 0;
left: 0;
width: 100%;
position: fixed;
right: 0;
z-index: 100;
}

#callbook ul {
padding: 0px;
}

#callbook ul li {
position: relative;
padding: 15px 0px;
width: 50%;
list-style: none;
float: left;
text-align: center;
}

#callbook ul li a {
color: #fff;
font-size: 22px;
}

#callbook ul li a .fa, #callbook ul li a .fab {
color: #fff;
position: relative;
top: 0px;
font-weight: 600;
font-size: 20px;
-webkit-animation: pulsate 0.5s ease-out;
      animation: pulsate 0.5s ease-out;
-webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
}

@media screen and (max-width: 767px) {

#callbook {
display: block;
}
}

/* .our-services1 {
  padding: 20px;
} */

#callbook li span{
	-webkit-animation: text-flicker-in-glow 1s linear both infinite;
	        animation: text-flicker-in-glow 1s linear both infinite;
}

  
  #callbook li i{
	-webkit-animation: text-flicker-in-glow 1s linear both infinite;
	        animation: text-flicker-in-glow 1s linear both infinite;
}
/* ----------------------------------------------
 * Generated by Animista on 2024-8-22 14:52:57
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation text-flicker-in-glow
 * ----------------------------------------
 */
 @-webkit-keyframes text-flicker-in-glow {
    0% {
      opacity: 0;
    }
    10% {
      opacity: 0;
      text-shadow: none;
    }
    10.1% {
      opacity: 1;
      text-shadow: none;
    }
    10.2% {
      opacity: 0;
      text-shadow: none;
    }
    20% {
      opacity: 0;
      text-shadow: none;
    }
    20.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
    }
    20.6% {
      opacity: 0;
      text-shadow: none;
    }
    30% {
      opacity: 0;
      text-shadow: none;
    }
    30.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }
    30.5% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }
    30.6% {
      opacity: 0;
      text-shadow: none;
    }
    45% {
      opacity: 0;
      text-shadow: none;
    }
    45.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }
    50% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }
    55% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }
    55.1% {
      opacity: 0;
      text-shadow: none;
    }
    57% {
      opacity: 0;
      text-shadow: none;
    }
    57.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
    }
    60% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
    }
    60.1% {
      opacity: 0;
      text-shadow: none;
    }
    65% {
      opacity: 0;
      text-shadow: none;
    }
    65.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    75% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    75.1% {
      opacity: 0;
      text-shadow: none;
    }
    77% {
      opacity: 0;
      text-shadow: none;
    }
    77.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    85% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    85.1% {
      opacity: 0;
      text-shadow: none;
    }
    86% {
      opacity: 0;
      text-shadow: none;
    }
    86.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    100% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
    }
  }
  @keyframes text-flicker-in-glow {
    0% {
      opacity: 0;
    }
    10% {
      opacity: 0;
      text-shadow: none;
    }
    10.1% {
      opacity: 1;
      text-shadow: none;
    }
    10.2% {
      opacity: 0;
      text-shadow: none;
    }
    20% {
      opacity: 0;
      text-shadow: none;
    }
    20.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
    }
    20.6% {
      opacity: 0;
      text-shadow: none;
    }
    30% {
      opacity: 0;
      text-shadow: none;
    }
    30.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }
    30.5% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }
    30.6% {
      opacity: 0;
      text-shadow: none;
    }
    45% {
      opacity: 0;
      text-shadow: none;
    }
    45.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }
    50% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }
    55% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }
    55.1% {
      opacity: 0;
      text-shadow: none;
    }
    57% {
      opacity: 0;
      text-shadow: none;
    }
    57.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
    }
    60% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
    }
    60.1% {
      opacity: 0;
      text-shadow: none;
    }
    65% {
      opacity: 0;
      text-shadow: none;
    }
    65.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    75% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    75.1% {
      opacity: 0;
      text-shadow: none;
    }
    77% {
      opacity: 0;
      text-shadow: none;
    }
    77.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    85% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    85.1% {
      opacity: 0;
      text-shadow: none;
    }
    86% {
      opacity: 0;
      text-shadow: none;
    }
    86.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    100% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
    }
  }