@import url("bootstrap.min.css");
@import url('../css.css');

body {
    margin: 0;
    padding: 0;
    font-family: 'Nunito', sans-serif;

}


.main {
    margin: auto;
    padding: 0;
    width: 95%;
}


img {
    max-width: 100%;

}

@font-face {
    font-family: "glyphicons-halflings-regular";
    src: url("../fonts/glyphicons-halflings-regular.ttf");
}


h1,
h3,
h2 {
    font-family: 'Sansita', sans-serif;
}

.container {
    padding-right: 15px;
}




h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
}

/* start top */

/* start top */
.logo-nav-bar img {
    min-height: 130px;
}

.top-new2 {
    background-color: #ffcd00;
    color: #000;
    padding: 11px 10px 3px 10px;
    border-radius: 30px;
}

.head3 {
    text-align: center;
}

.head3 h4 {
    font-size: 22px;
    color: #ffffff;
    padding: 0 0 10px 0;
    animation: tpp new 400ms linear infinite;

}

@keyframes tppnew {
    0% {
        color: #ff0255;
    }

    50% {
        color: #4a1660;
    }

    100% {
        color: #ff0255;
    }
}

.head1 {
    border-top: 2px solid #eee;
    padding: 10px 0 0 0;
    background: red;
}

.top-new {
    background: linear-gradient(45deg, #ff0255, #4a1660);
    color: #fff;
    padding: 10px 0 10px 0;
}

.top-new4 ul {
    padding: 0px 0 0 0;
    margin: 0px;
}

.top-new4 ul li {
    padding: 0px 5px;
    margin: 0px;
    list-style: none;
    display: inline-block;
    line-height: 25px;
    font-size: 19px;
}

.top-new4 ul li span {
    padding: 0 5px;
    color: #ff0255;
}

.top-navv2 {
    font-size: 19px;
    font-weight: 700;
    animation: neeww 400ms linear infinite;
}

@keyframes neeww {
    0% {
        color: #000;
    }

    50% {
        color: #ff0255;
    }

    100% {
        color: #000;
    }
}

.head-logo2 {
    padding: 10px;
}

.head-logo4 {
    padding: 10px;
}

/* end top */

/*start top mark*/


.text-effect span {
    color: #000;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    font-size: 35px;
}

.text-effect span:before,
.text-effect span:after {
    content: attr(data-content);
    color: #82088f;
    text-shadow: 0 0 7px #fff;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    left: 0;
    top: -4px;
    animation: animate1 3s infinite;
    font-size: 35px;
}

.text-effect span:after {
    color: #ff0000;
    width: 100%;
    height: 0;
    animation: animate2 3s infinite;
}

@keyframes animate1 {
    0% {
        width: 0;
    }

    50% {
        width: 100%;
    }

    100% {
        width: 0;
    }
}

@keyframes animate2 {
    0% {
        height: 0;
    }

    50% {
        height: 100%;
    }

    100% {
        height: 0;
    }
}


.top-markk3 {
    text-align: center;
}

.top-markk2 {
    border-top: 2px solid #e2dcdc;
    padding: 10px 0;
}

.top-markk4 h4 {
    text-align: center;
    font-size: 20px;
    color: #ff0255;
    padding: 0px;
    line-height: 30px;
}

.top-markk4 h4 span {
    color: #ff0000;
}


/*end top mark*/
.serv-ourr4 {
    padding: 10px;
}

.ser-pic1 {
    text-align: center;

}

.serv-best1 {
    padding: 30px 0;
}

.best-serv6 {
    background: #ffedb4;
}

/*start testimonial*/


.best-serv3 p {
    font-size: 20px;
    line-height: 35px;
}

/* start our services */

.box {

    text-align: center;
    overflow: hidden;
    position: relative;
}

.box:before {
    content: '';
    background-image: repeating-linear-gradient(-30deg, #940000, #940000 5%, #940000 10%);
    width: 120%;
    height: 140%;
    border-radius: 25px;
    box-shadow: 0 0 15px #000;
    opacity: 0.7;
    transform: rotate(0deg);
    position: absolute;
    top: 0;
    right: 155%;
    z-index: 1;
    transition: all .7s;
}

.box:hover:before {
    transform: rotate(55deg);
    right: -60%;
}

.box img {
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.box:hover img {
    transform: rotate(10deg) scale(1.3);
}

.box .box-content {
    width: 60%;
    opacity: 0;
    transform: translateY(-50%) rotate(-55deg);
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 2;
    transition: all .7s;
}

.box:hover .box-content {
    opacity: 1;
    transform: translateY(-50%) rotate(0deg);
}

.box .title {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 0 3px #000;
    margin: 0 0 3px 0;
}

.box .post {
    color: #ffcd00;
    font-size: 19px;
    font-style: italic;
    text-transform: capitalize;
    padding: 10px 0 0 0;

}

.box .post a {
    color: #ffcd00;
}

.box .post a:hover {
    text-decoration: none;
}

.box .icon {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 10px;
    left: 5px;
}

.box .icon li {
    opacity: 0;
    transform: translateY(-20px);
    transition: all 0.3s;
}

.box:hover .icon li:nth-child(1) {
    transition-delay: 0.15s;
}

.box:hover .icon li:nth-child(2) {
    transition-delay: 0.25s;
}

.box:hover .icon li {
    opacity: 1;
    transform: translateY(0);
}

.box .icon li a {
    color: #fff;
    background-color: #6a3093;
    line-height: 30px;
    height: 35px;
    width: 35px;
    margin: 0 0 10px;
    border: 2px solid #fff;
    box-shadow: 3px 3px 5px #555;
    border-radius: 50%;
    display: block;
    transition: all 0.3s;
}

.box .icon li a:hover {
    color: #6a3093;
    background-color: #fff;
    border-color: #6a3093;
}

.ser-bxx2 {
    position: absolute;
    bottom: 30px;
    left: 0px;
    background-color: #ffcd00;
    color: #000;
    width: 80%;
    padding: 10px;
}

.ser-bxx2 h4 {
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    padding: 0 10px;
}

.box:hover .ser-bxx2 {
    width: 0px;
    opacity: 0;

}
a{
    text-decoration: none;
}
.serv-ourr2 {
    padding: 20px 0 0 0;
}

/* end our services */

/*end testimonial*/

.testi-top {
    padding: 40px 0;
    background-color: #eee;
}

.testi-top3 {
    text-align: center;
}

.testi-top3 h3 {
    color: #d2151e;
}

.testi-top3 h4 {
    color: #000;
}

.testi-top4 {
    padding: 40px 0 0 0;
}

.testi-ttp {
    background-color: #f0a600;
    padding: 40px 0;
}

.testi-ttop {
    padding: 30px 0;
}

.test-ttop6 h3 {
    font-weight: 700;
    color: #ff0255;
    font-size: 30px;
    text-align: center;
}

.othr-pic {
    padding: 10px;
}

/*start testimonilas*/


.sertv-cont {
    padding: 10px 0;
}

.sertv-cont a {
    padding: 6px 20px;
    background-color: #fff;
    border: 2px dashed #ff0255;
    font-size: 16px;
    font-weight: 700;
    color: #cc0d1c;
    text-decoration: none;
}

.sertv-cont a:hover {
    color: #ff0255;
    border: 2px dashed;
}

.best-serv9.othr-pic2 h4 {
    font-size: 18px;
}

/*start awards*/

.awards-top {
    background: linear-gradient(45deg, #ff0255, #4a1660);
    padding: 30px 0;

}

.awards-top6 {
    background-color: #fff;
    padding: 5px;
}

.awards-top5 {
    padding: 10px;
}

.awards-top3 h3 {
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-weight: 700;
}

.awards-top4 {
    padding: 20px 0 0 0;
}


/*end Awards*/


/*start head mark*/
.mark-cont {
    padding: 20px 0;
}

.mark-cont a {
    padding: 10px 45px;
    background-color: #ff0255;
    color: #fff;
    font-size: 18px;
    font-weight: 700;

    box-shadow: 0px 13px 10px -10px #000;

}

.mark-cont a:hover {
    text-decoration: none;
    background-color: #000;
}

@keyframes ttpnew {

    0% {
        transform: translateY(5px);
    }

    50% {
        transform: translateY(-0px);
    }

    100% {
        transform: translateY(5px);
    }
}

.mark-cont {
    animation: ttpnew 800ms linear infinite;
}


.head-mark {
    background-color: #f6f6f6;
    color: #111;
    padding: 30px 0 0 0;
    text-align: center;
}

.head-mark2 h4 {
    font-size: 40px;
    color: #ff0255;
    padding: 0 0 10px 0;
}

.head-mark2 h5 {
    font-size: 22px;
    line-height: 35px;
}


.head-markk1 {
    background-color: #ff0255;
    padding: 15px 0 5px 0;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    animation: newtxx 400ms linear infinite;
}

@keyframes newtxx {
    0% {
        background-color: #ff0255;
    }

    50% {
        background-color: #111;
    }

    100% {
        background-color: #ff0255;
    }
}

/*end head mark*/


/*start form us */

.place::-webkit-input-placeholder {
    color: #000;
}

.contac-main {
    background-color: #fff;
    border-radius: 10px;
}

.contactt-imag {
    padding: 0;
    margin: 0;
    background-color: #e57200;
}

.contactt-text {
    padding: 10px 0 20px 0;
}

.contac-l {
    padding: 20px 0 20px 0;
}


.contact-main {
    padding: 30px 0 20px 0;
    margin: 0;
    background-color: #262f36;
}

.cont-ll {
    background-color: rgba(241, 230, 230, 0.9803921568627451);
    padding-bottom: 12px;
}

.form-group label {
    color: #fff;
}

.btttn {
    padding-left: 18px;

}

.form-texxx h3 {
    padding: 10px 10px;
    font-size: 40px;
    text-align: center;
    color: #fff;
    margin: 0px;
}

.form-texxx p {
    padding: 0px 10px 10px 10px;
    text-align: left;
    font-size: 16px;
    color: #fff;
}

textarea.form-control {
    height: 89px;

    color: #000;
}

input.form-control {

    color: #000;
}


.btn-group {
    text-align: left;
}

button.btn-default {
    background-color: #ff0255;
    color: #fff;
    padding: 12px 15px;
    font-size: 15px;
}

button.btn-default:hover {
    background-color: #000;
    color: #fff;
}

.cont-form {
    padding-bottom: 30px;

    font-size: 30px;
    color: #800020;
}

.contact-images1 {
    padding: 20px 0 0 0;
    margin: 0;
}

.conta-form {
    padding: 60px 0 40px 0;
    margin: 0;
}

.contac-r {
    padding: 10px 0;
    margin: 0;

}

.form-group {
    padding: 8px 10px 7px 10px;
    margin: 0px;
}

.headr-frm1 {

    color: #fff;
    padding: 30px 20px;

}


/*end forms us*/

.header-frm2 {
    background-color: #ffcd00;
    padding: 10px 10px;
}

.headr-frm3 h3 {
    text-align: center;
    font-size: 30px;
    color: #000;
    padding: 10px 0;
    font-weight: 700;
}

.serv-textt {
    text-align: center;
    padding: 10px 0 10px 0;
}

.serv-textt h4 {
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    font-weight: 600;
    color: #111;
}

.serv-textt h5 {
    padding: 10px 0;
    margin: 0px;
    font-size: 20px;
    font-weight: 600;
    color: #ff0255;
}

.serv-textt p {
    padding: 10px 0 0 0;
    margin: 0px;
}

.serv-textt p a {
    padding: 10px 15px;
    margin: 0px;
    background-color: #ffcd00;
    color: #111;
    font-weight: 600;
    font-size: 14px;
    border-radius: 10px;
    text-decoration: none;

}

.serv-textt p a:hover {
    background-color: #111;
    color: #fff;
}

.our-tex h3 {
    color: #ff4500;
}


.our-neww1 {
    padding: 10px;
}


.our-ser3 {
    padding: 10px 10px;
}

.our-ser4 {

    padding: 0px;
    transition: all 200ms linear;


}


.our-texx6 {
    padding: 0px 0;
}

.our-tex3 {
    padding: 10px 0;
    text-align: center;

}


.our-tex3 h5 {
    padding: 5px 0 5px 0;
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #ffe000;
}

.our-tex3 p {
    padding: 0;
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

.our-tex3 p a {
    text-decoration: none;
    color: #fff;
}

.our-ser4:hover .our-ser6 img {
    transition: all 200ms linear;

}



.other-tex2 {
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
}


.our-ser6 {
    padding: 0px;
    text-align: center;

}

.our-ser6 img {
    transition: all 200ms linear;

}



.other-ser3 {
    padding: 10px;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 26px;
    left: 0px;
    background-color: #ff4500;
    transform: rotate(-9deg);

}

.ser-ppic {
    padding: 9px;
}

.our-pix {
    overflow: hidden;
}


.other-ser3 h4 {
    font-size: 18px;
    color: #ffe000;
    margin: 0;
    padding: 0;
    font-weight: 600;

}


.our-serr {
    padding: 30px 0;

}

.our-neww3 {
    text-align: center;
    background-color: #ff4500;

}

.texx h3 {
    color: #ff4500;
}

.best-serv3 {
    text-align: center;
}

.best-serv3 h3 {
    font-size: 30px;
    color: #ffeb3b;
    font-weight: 700;

}


.best-serv3 h4 {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    padding: 10px 0;
    line-height: 30px;
}

.best-serv1 {
    padding: 30px 0;
    background-color: #f6f6f6;
    overflow: hidden;
}

.best-serv4 {
    padding: 20px 0;
}

.top-new3 h4 {
    font-size: 40px;
    text-align: center;
    padding: 0 0 10px 0;
    font-weight: 700;
    color: #ff0255;
}

.mark-cont.mark-cont2 a:hover {
    background-color: #ffcd00;
    color: #000;
}

.topp-new {
    padding: 10px 0;
}

.baner-new2 {
    padding: 10px;
}

.frm-top5 {
    padding: 0px;
}

.form-top {
    padding: 30px 0;
}

/* start our services */
.serv-nnw2 {
    background-color: #fff;
}

.ser-pic2 h5 {
    padding: 20px 0;
}

.ser-pic2 h5 a {
    padding: 10px 20px;
    background-color: #4a1660;
    color: #000;
    font-weight: 700;
    font-size: 16px;

}

.ser-pic2 h5 a:hover {
    text-decoration: none;
    background-color: #000;
    color: #fff;
}

.our-serv.top-backk {
    background-attachment: fixed;
}

.our-serv2 {
    padding: 30px 0;
}

.our-serv3 {
    text-align: center;
}

.our-serv3 h3 {
    color: #ff0255;
    padding: 0 0 5px 0;
}

.best-serv {
    padding: 30px 0;

}

.best-serv3 h1 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    padding: 0px;

}

.baner-btm4 {
    padding: 10px;
}


.best-serv8 {
    padding: 0 0px;
    margin: 0px 0 0 0;
}

.best-serv9 {

    padding: 10px;
    color: #000;
}

.best-iccn a {
    background-color: #b3040a;
    padding: 4px 10px;
    color: #fff;
    font-weight: 700;
    font-size: 19px;
}

.best-iccn a span {
    padding: 0 5px 0 0;
}

.best-iccn a:hover {
    text-decoration: none;
    background-color: #ffcd00;
    color: #ff0255;
}

.best-serv4 {
    padding: 30px 0 0 0;
}



.best-serv7 {
    overflow: hidden;
}

.best-serv6:hover .best-serv7 img {
    transform: scale(1.2);
    transition: 400ms linear;
}

.best-serv7 img {
    transition: 400ms linear;
}

.best-iccn span {}

.best-iccn {
    padding: 10px 0;

}

.best-ttex1 {
    color: #6a0000;
    padding: 10px 10px 0 10px;
}

.best-ttex1 h4 {
    padding: 0px;
    font-size: 20px;
    font-weight: 700;
}

.best-serv9 h4 {
    padding: 10px 0 5px 0;
    font-weight: 700;
    color: #ffcd00;
    font-size: 22px;
}
.best-serv9 p.text{
    height: 100px;
    margin-bottom: 20px;
    overflow: auto;
}

.best-serv9 p.text::-webkit-scrollbar{
    display: none;
}
.our-serv4 {
    padding: 30px 0 0 0;
}



/* end our services */

/* start service list */
.serv-nnw2 {
    padding: 30px 0;
}


.serv-list2 {
    background: linear-gradient(45deg, #5f0000, #360707);
    padding: 30px 0;
    color: #fff;
}

.serv-list3 h3 {
    font-size: 30px;
    font-weight: 700;
    color: #ffcd00;
    padding: 0 0 10px 0;
}

.serv-list3 h4 {
    font-size: 18px;
    font-weight: 700;
    padding: 0 0 0px 0;
}

.serv-list5 ul {
    padding: 0px;
    margin: 0px;
    list-style-position: inside;
}

.serv-list5 ul li {
    font-size: 16px;
    margin-bottom: 10px;
    list-style: none;
    position: relative;
}
.serv-list5 ul li a{
    color: #ffcd00;
}
.serv-list5 ul li span {
    font-size: 12px;
    padding: 0 5px 0 0;
    color: #ffcd00;
}

.serv-list5 {
    column-count: 2;
    column-gap: 40px;
    column-rule: 3px solid #fff;
}

.serv-list4 {
    padding: 30px 0 0 0;
}

.banr-top1 {
    padding: 20px 0;
}

/* end service list */

/* start about */

.about-top3 {
    text-align: center;
}

.about-top3 h1 {
    font-size: 30px;
    color: #ff0255;
    font-weight: 700;
    padding: 0 0 10px 0;
}

.about-top3 h4 {
    font-weight: 700;
    color: #111;
}

.about-top4 {
    padding: 30px 0 0 0;
}

.about-top4 strong {
    /*color:#ff0255;*/
}

.about-top1 {
    padding: 30px 0;
}

.about-top4 h1 {
    font-size: 30px;
    font-weight: 700;
    color: #ff0255;
    padding: 0 0 10px 0;
}

.about-top4 h1 a {
    text-decoration: none;
    color: #ff0255;
}

p {
    padding: 0 0 10px 0;
    line-height: 28px;
    font-size: 16px;
    margin: 0px;
}

.about-top4 img {
    float: left;
    width: 400px;
    padding: 10px;
}


/* end about */



.ftr-top {
    background-color: #ff0255;
    padding: 10px 0;
    text-align: center;

}

.ftr-top h4 {
    font-size: 15px;
    color: #fff;
    line-height: 25px;
}

.ftr-copy {
    background-color: #111;
    padding: 10px 0;
    text-align: center;

}

.ftr-copy h4 {
    font-size: 15px;
    color: #fff;
    line-height: 25px;
}

/* end our services */


.fix {
    position: fixed;
    padding: 0;
    bottom: 0;
    left: 0;
    display: none;


}

.end {
    margin: 0;
    padding: 0;
    background-color: #fff;

}

.end li {

    display: block;
    padding: 3px 10px;
    text-align: left;
    display: inline-block;
    -webkit-animation: zcwphone2 1.5s linear infinite;
    -moz-animation: zcwphone2 1.5s linear infinite;
    animation: zcwphone2 1.5s linear infinite;
}

.icon-texx2 {
    position: absolute;
    left: 0px;
    right: 0px;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    top: 20px;
}

.icon-texx2 h4 {
    font-size: 15px;
    font-weight: 600;
}

.icon-texx2 h4 span {
    color: #ca312f;
}


@-webkit-keyframes zcwphone {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }

    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-moz-keyframes zcwphone {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }

    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes zcwphone {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }

    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes zcwphone2 {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }

    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-moz-keyframes zcwphone2 {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }

    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes zcwphone2 {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }

    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes zcwmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
    }

    10% {
        box-shadow: 0 0 8px 6px, 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 12px 14px;
    }

    100% {
        box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 40px rgba(207, 8, 8, 0);
    }
}

@-moz-keyframes zcwmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
    }

    10% {
        box-shadow: 0 0 8px 6px, 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 12px 14px;
    }

    100% {
        box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 40px rgba(207, 8, 8, 0);
    }
}

@keyframes zcwmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
    }

    10% {
        box-shadow: 0 0 8px 6px, 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 12px 14px;
    }

    100% {
        box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 40px rgba(207, 8, 8, 0);
    }
}

@-webkit-keyframes zcwmini2 {
    0% {
        box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
    }

    10% {
        box-shadow: 0 0 8px 6px, 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 12px 14px;
    }

    100% {
        box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 40px rgba(207, 8, 8, 0);
    }
}

@-moz-keyframes zcwmini2 {
    0% {
        box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
    }

    10% {
        box-shadow: 0 0 8px 6px, 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 12px 14px;
    }

    100% {
        box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 40px rgba(207, 8, 8, 0);
    }
}

@keyframes zcwmini2 {
    0% {
        box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
    }

    10% {
        box-shadow: 0 0 8px 6px, 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 12px 14px;
    }

    100% {
        box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 40px rgba(207, 8, 8, 0);
    }
}


/*start media query*/

@media (max-width: 767px) {
    body {
        text-align: center;
    }

    .top-new2 h4 {
        padding: 5px 0 10px 0;
        font-size: 20px;
        line-height: 30px;
    }

    .hed-logoo5 {
        display: none;
    }

    .head-logo5 {
        text-align: center;
    }

    .head-mark2 h4 {
        font-size: 25px;
    }

    .head-mark2 h5 {
        font-size: 18px;
    }

    .top-new3 h4 {
        font-size: 22px;
    }

    .best-serv3 h4 {
        font-size: 16px;
        line-height: 25px;
    }

    .fix {
        display: inline-block;
        z-index: 99;
        padding: 10px 0 10px 0;
    }

    .ph-fx {
        float: left;
    }

    .wh-fx {
        float: right;
    }

    .ftr-copy {
        padding: 10px 0 90px 0;
    }

    .topp-texx3 {
        padding: 5px 0;
    }

    .about-top4 {
        text-align: left;
    }

    .our-serv8 {
        height: 310px;
    }

    .top-new3 h5 {
        font-size: 20px;
        line-height: 30px;
    }

    .top-new3 h4 {
        font-size: 30px;
    }

    .best-serv9 {
        padding: 20px 10px;
    }

    .best-serv9 h4 {
        font-size: 19px;
    }

    .ser-pic2 h4 {
        font-size: 18px;
    }

    .top-neww1 {
        display: none;
    }

    .about-top4 {
        overflow: hidden;
        padding: 25px;
    }

    .ser-mobll {
        width: 100%;
        margin: 0 auto;
        float: none;
    }

    .ser-mobll2 {
        width: 100%;
        margin: 0 auto;
        float: none;
    }

    .serv-list4 {
        text-align: left;
        padding: 30px 0 20px 0;
    }

    .top-new3 h5 {
        padding: 0px;
    }

    .top-teex4 h4 {
        padding: 5px 0;
        text-align: center;
    }

    .head3 h4 {
        font-size: 25px;
        line-height: 30px;
    }

    .about-top4 img {
        float: none;
    }

}


@media (max-width: 575px) and (min-width: 0px) {
    .our-ser3 {
        width: 100%;
    }

    .serv-ourr4 {
        width: 100%;
    }

    .ftr-top h4 {
        font-size: 13px;
        line-height: 20px;
    }

    .top-new3 h4 {
        font-size: 22px;
        line-height: 30px;
    }

    .top-new2 h4 {
        font-size: 16px;
        line-height: 25px;
    }

    .about-top3 h4 {
        line-height: 20px;
        font-size: 14px;
    }

    .our-serv5 {
        width: 100%;
    }

    .our-serv8 {
        height: unset;
    }

    .awards-top5 {
        padding: 5px;
    }

    .topp-texx3 {
        width: 100%;
    }

    .top-icnn {
        padding: 0 0 10px 70px;
    }

    .about-top4 img {
        float: none;
    }

    .best-serv5 {
        width: 100%;
    }

    .ser-mobll {
        width: 100%;
        margin: 0 auto;
        float: none;
    }

    .ser-mobll2 {
        width: 100%;
        margin: 0 auto;
        float: none;
    }

    .serv-list5 {
        column-count: 1;
        column-rule: 0px solid #fff;
        column-gap: 0px;
    }

    .awards-top5 {
        width: 50%;
    }

    .othr-pic {
        width: 100%;
    }

    .head3 h4 {
        font-size: 16px;
        line-height: 25px;
    }

}

@media(max-width: 991px) and (min-width: 768px) {

    .top-new2 h4 {
        line-height: 30px;
    }

    .head-mark2 h4 {
        font-size: 30px;
    }

    .top-new3 h4 {
        font-size: 30px;
    }

    .our-serv8 {
        height: 230px;
    }

    .head-texx1 {
        font-size: 14px;
        padding: 5px 1px;
    }

    .head-texx4 h4 {
        padding: 0px 0 5px 0;
        font-size: 19px;
    }

    .head-texx4 h5 {
        font-size: 16px;
    }

    .top-new2 h4 {
        font-size: 24px;
    }

    .serv-list4 {
        text-align: left;
        padding: 30px 0 20px 0;
    }

    .ser-mobll {
        width: 100%;
        margin: 0 auto;
        float: none;
    }

    .ser-mobll2 {
        width: 100%;
        margin: 0 auto;
        float: none;
    }

    .top-teex4 h4 {
        font-size: 16px;
    }

    .top-new4 ul li {
        font-size: 16px;
    }

    .top-navv2 {
        font-size: 16px;
    }


}

@media(max-width: 1200px) and (min-width: 992px) {

    .ser-bxx2 {
        width: 80%;
    }

    .headr-top3 img {
        height: 380px;
    }

    .our-serv8 {
        height: 250px;
    }

}

@media(max-width: 1310px) and (min-width: 1201px) {

    .our-serv8 {
        height: 250px;
    }
}


.footer {
    background: #940000;
    color: #fff;
    padding: 30px 30px 0px 30px;
}

.footer1 {
    padding: 20px;
    position: relative;
    border-bottom: 2px solid #353434;
}

.footer1:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #ffc800;
    left: 0;
}

.footer-1 {
    padding: 0px;
}

.footer_1 {
    padding: 0px;
}

.foot1 {
    padding: 0px;
    display: flex;
}

.ftr-ico {
    font-size: 30px;
    color: #f2c039;
    position: relative;
}

.fter-call {
    padding: 0 0 0 26px;
}

.fter-call h5 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
}

.fter-call h6 a {
    color: #fff;
    padding: 5px 0 0 0;
    margin-top: 2px;
    display: block;
    font-size: 18px;
    font-family: 'Sansita';
    letter-spacing: 1px;
}

.ftr-ico:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 36px;
    background-color: #353434;
    top: 0;
    margin: 0 0 0 10px;
}

.footer2 {
    padding: 0px;
}

.foot2 {
    padding: 10px;
}

.foot-2 {
    padding: 10px;
    position: relative;
}

.foot-2:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 2px;
    background-color: #ffc800;
}

.foot-2:after {
    content: "";
    position: absolute;
    top: 0;
    right: -2px;
    height: 100%;
    width: 2px;
    background-color: #353434;
}

.foo {
    padding: 10px;
}

.foo h4 {
    color: #f2c039;
    font-size: 25px;
}

.foo1 {
    padding: 0px;
}

.foo1 ul {
    padding: 0px;
    list-style: none;
}

.foo1 li {
    font-size: 16px;
    line-height: 30px;
    padding: 5px;
    letter-spacing: 1px;
    font-family: 'Sansita';
    text-transform: capitalize;
    letter-spacing: 1px;
}
.foo1 li a{
    color: #fff;
    
}
.foo1 i {
    padding-right: 5px;
}

.foot3 {
    padding: 10px;
}

.foot-3 {
    padding: 10px;
}

.ftr {
    background-color: #ffc800;
    padding: 6px;
    border-radius: 10px;
    color: #000;
    font-size: 17px;
    font-family: 'Sansita';
    letter-spacing: 1px;
    text-transform: uppercase;
}

.ftr1 {
    padding: 10px;
}

.ftr2 {
    padding: 10px 0px;
}

.ftr2 h3 {
    color: #f2c039;
    padding: 5px 10px 12px 10px
}

.ftr2 ul {
    padding: 0px;
    list-style: none;
}

.ftr2 li {
    font-size: 17px;
    line-height: 30px;
    padding: 0px;
    font-family: system-ui;
}
.ftr2 li a{
    color: #fff;
    font-family: 'Sansita';
}
.ftr2 i {
    padding-right: 10px;
}

.ftr2 img {
    padding: 30px;
}

/*end footer*/

/*start copy-right*/

.copy {
    background: #000000;
    color: #fff;
    padding: 10px;
    font-family: system-ui;
}

.copy1 {
    padding: 0px;
}

.copy1 h5 {
    padding: 10px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.footer_list ul {
    padding: 0px;
}

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

.footer_list li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline-block;
}

.footer_list li a {
    color: #ffffff;
    font-size: 18px;
    text-decoration: none;
    display: block;
    padding: 15px;
    font-weight: 600;
}

.footer_list li a:hover {
    color: #e5000a;
}

.footer_list li a:after {
    content: "|";
    padding-left: 15px;
}

.footer_list li:last-child a:after {
    display: none;
}

.call-to-action {
    display: none;
}

.visible-xs {
    display: none;
}

@media (max-width: 767px) {
    .visible-xs {
        display: inherit !important;
    }

    .footer {
        padding: 0px 0px;
    }

    .foot1 {
        padding: 15px 0px;
    }

    .ftr-ico:after {
        display: none;
    }

    .fter-call h5 {
        line-height: 30px;
    }

    .footer2 {
        text-align: left;
    }

    .foot-2 {
        padding: 0px;
    }

    .foot-3 {
        padding: 0px;
    }

    .ftr1 {
        padding: 0px 10px;
    }

    .ftr2 img {
        padding: 0px;
    }

    .foot3 {
        padding: 0px 10px;
    }

    .top2 {
        padding: 0px 0px;
    }

    .top2 h3 {
        line-height: 30px;
        font-size: 18px;
        margin-top: 7px;
    }

    .top2 ul {
        float: none;
    }

    .head {
        padding: 10px 0px;
    }

    .call-to-action {
        display: block;
        position: fixed;
        bottom: 0;
        background: #fff;
        width: 100%;
        z-index: 9999;
    }

    .but1 {
        background: #093;
        color: #fff;
        padding: 6px 8px;
        border-radius: 4px;
        width: 48%;
        text-align: center;
        float: left;
        margin: 1%;
    }

    .but2 {
        background: #F90;
        color: #fff;
        padding: 6px 8px;
        border-radius: 4px;
        width: 48%;
        text-align: center;
        float: left;
        margin: 1%;
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .foot-3 {
        padding: 10px 0px;
    }

    .foot3 {
        padding: 10px 0px;
    }

}

@media only screen and (min-width: 991px) and (max-width:1200px) {

    .foo {
        padding: 10px 0px;
    }

    .foo1 li {
        font-size: 13px;
        padding: 5px 0px;
    }

    .ftr1 {
        padding: 9px 0px;
    }

    .ftr2 li {
        font-size: 15px;
    }
}













.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 26px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.my-float {
    margin-top: 16px;
}


.phone1 {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    left: 26px;
    background-color: #ed563b;
    color: white;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}



.about-section {
    padding: 60px 0;
    position: relative;
}

.about-section .left-content {
    min-height: 300px;
    padding: 10px;
    border-radius: 10px;
    border: 2px solid #360707;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    width: 100%;
    margin-bottom: 30px;
}

.about-section .left-content img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
}

.about-section .right-content p {
    line-height: 30px;

}

.services-section {
    background: linear-gradient(to right, #5f0000, #000000);
    padding: 60px 0;
}

.services-section .service-box{
    margin-bottom: 30px;
}
.services-section .service-box .best-iccn{
    text-align: center;
}
.services-section .service-box .best-iccn a{
    padding: 10px 20px;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
}

.other-service-box{
    background: linear-gradient(to right, #5f0000, #000000);
    padding: 60px 0;
}

.mid-banner img{
    min-height: 200px
}

.testimonial-section{
    padding: 60px 0;
}

.testimonial-section .heading h3{
    text-align: center;
    font-weight: 700;
    color: #b3040a;
margin-bottom: 40px;
}


.testimonial-section .testimonial-box{
    text-align: center;
    padding: 20px 10px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.19);
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    margin-bottom: 30px;
}

.testimonial-section .testimonial-box img{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin-bottom: 10px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.testimonial-section .testimonial-box  h6{
    font-weight: 600;
    color: #e5000a;
}

.testimonial-section .testimonial-box span{
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    font-weight: 600;
}

.testimonial-section .testimonial-box svg{
    width: 30px;
    height: 30px;
    color: rgba(0, 0, 0, 0.6);
}
.testimonial-section .testimonial-box p{
    font-size: 14px;
    min-height: 130px;
    margin-bottom: 0;
}


.certificate-section{
    padding: 60px 0;
}

.certificate-section .heading h3{
    font-weight: 600;
    color: #e5000a;
    text-align: center;
    margin-bottom: 30px;
}
.certificate-section .item{
    padding: 10px;

}
.certificate-section .item img{
    width: 100%;
    height: 180px;
    border: 1px solid rgba(0, 0, 0, 0.19);
}