@import url('../../fonts.googleapis.com/css2%3Ffamily=Kaushan+Script&display=swap.css');
@import url('../../fonts.googleapis.com/css2%3Ffamily=PT+Serif&display=swap.css');
.main-container {
    float: left;
    width: 100%;
}

.header {
    float: left;
    width: 100%;
    padding: 10px;
  }
.header-left {
    float: left;
    width: 100%;
}
.header-left img{
    float: left;
    width: 100%;
  
}
.logo {
    float: left;
    width: 100%;
}
.logo img {
   float: left;
    width: 100%;
}
.header-right {
    float: left;
    width: 100%;
}
.header-right img{
    float: left;
    width: 100%;
  
}
.banner_container {
    float: left;
    width: 100%;
}
.banner_container img{
    float: left;
    width: 100%;
}
.banner3
{
        width: 100%;
        float: left;
}
.banner3 img
{
        width: 100%;
        float: left;
}


.copyrt {
width: 100%;

float: left;  
text-align: center;
font-size: 20px;
font-family: 'PT Serif', serif;
padding: 20px;
color: white;
background: black;
}

.last-row
{
float: left;
width: 100%;
}
.cal
{

bottom: 0px;
left: 10px;
position: fixed;
z-index: 1111;

}

.whatsaapp img {
    -webkit-animation: mover 0.5s infinite  alternate;
    animation: mover 0.5s infinite  alternate;
}
.cal img {
    -webkit-animation: mover 0.5s infinite  alternate;
    animation: mover 0.5s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.whatsaapp
{

bottom: 0px;
right: 16px;
position: fixed;
z-index: 1111;

}
.text4 {
    float: left;
    width: 100%;
    background: #0a742b;
    color: white;
    padding: 5px 0px;
    font-size: 20px;
    font-family: 'PT Serif', serif;
}
.text2 {
    float: left;
    width: 100%;
    background: black;
    color: white;
    padding: 25px 10px;
    font-size: 25px;
    font-family: 'PT Serif', serif;
    text-align: center;
}
.text2 a {
    color: white;
    background: green;
    border-radius: 10px;
    padding: 2px;
    font-weight: bold;
}
.header-top {
    float: left;
    width: 100%;
    background: #0a742b;
}
.top-left {
    float: left;
    width: 100%;
    font-size: 20px;
    text-align: center;
    font-family: 'PT Serif', serif;
    padding-top: 30px;
    color: white;
    -webkit-animation: mover1 0.5s infinite  alternate;
    animation: mover1 0.5s infinite  alternate;
}
.top-right {
    float: left;
    width: 100%;
    font-size: 20px;
    text-align: center;
    font-family: 'PT Serif', serif;
    padding-top: 30px;
    color: white;
    -webkit-animation: mover1 0.5s infinite  alternate;
    animation: mover1 0.5s infinite  alternate;
}
.top-center {
    float: left;
    width: 100%;
}
.top-center img {
    border-radius: 50%;
    background: #fe0000;
    padding: 2px;
    display: table;
    margin: 0 auto;
    float: none;
 
}

@-webkit-keyframes mover1 {
    0% { transform: scale(1.1) }
    100% { transform: scale(1) }
}
@keyframes mover1 {
    0% { transform: scale(1.1) }
    100% { transform: scale(1) }
}
.many-part {
    float: left;
    width: 100%;
    padding: 30px 0px;
}
.many-left {
    float: left;
    width: 100%;
}
.many-left img{
    float: left;
    width: 100%;
    -webkit-animation: fa-spin 6s infinite linear;
    animation: fa-spin 6s infinite linear;
}
.many-right {
    float: left;
    width: 100%;
    padding: 50px 0px;
}
.many-header {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 35px;
    color: black;
    font-family: "Kaushan Script", cursive;
}
.many-sub {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 25px;
    color: #198705;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
}
.many-call {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-family: 'PT Serif', serif;
    padding: 10px 0px;
}
.many-call a{
position: relative;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    color: #fff;
    border: 1px solid #198705;
    padding: 10px 20px;
    border-radius: 30px;
    font-weight: 400;
    z-index: 1;
}
.many-call a::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: 0 auto;
    -webkit-transform: scale(1);
    transform: scale(1);
    background: green;
    border-radius: inherit;
    z-index: -1;
    -webkit-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}
.many-right:hover .many-call a::before{
    -webkit-transform: scale(0);
    transform: scale(0);
}
.many-right:hover .many-call a{
  color: green;
}
.about-us {
    float: left;
    width: 100%;
    padding: 50px 0px;
    background: #0a742b;
    position: relative;
    z-index: 1;
}
.about-us::before {
    content: "";
    position: absolute;
    width: 30%;
    height: 45%;
    top: 10%;
    right: 0px;
    bottom: inherit;
    left: -68%;
    margin: 0 auto;
    z-index: 0;
    background: #fffacdbf;
}
.about-us::after {
    content: "";
    position: absolute;
    width: 30%;
    height: 45%;
    top: 47%;
    right: 0px;
    bottom: inherit;
    left: 68%;
    margin: 0 auto;
    z-index: -1;
    background: #fffacdbf;
}
.about-img {
    float: left;
    width: 100%;
}
.about-img img {
    float: none;
    margin: 0 auto;
    display: table;
}
.about-header {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 45px;
    color: white;
   font-family: "Kaushan Script", cursive;
}

.about-border {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 20px;
    padding-top: 30px;
    color: white;
    font-family: 'PT Serif', serif;
    border: 4px dotted #070753;

    padding: 20px;
    background-color: #000000e3;
}
.about-desc {
    float: left;
    width: 100%;
    padding: 20px;
    font-family: 'PT Serif', serif;
    
}
.about-border span {
    color: #fff;
    border-bottom: 1px solid red;
}

.other-service {
    float: left;
    width: 100%;
    padding: 50px 0px;
    background: linear-gradient( 
        180deg
         , #13b808 35%, #c8e818 35%);
position: relative;
z-index: 1;
}
.other-service::before
{
    content: "";
    position: absolute;
    width: 80%;
    height: 100%;
    top: 0px;
    right: 0px;
    bottom: inherit;
    left: 0px;
    margin: 0 auto;
    z-index: -1;
 
}
.other-header {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 45px;
    padding-bottom: 30px;
  font-family: "Kaushan Script", cursive;
    color: white;
}
.service-border {
    float: left;
    width: 100%;
    z-index: 1;
    position: relative;
    padding: 20px;
   
   
}
.service-border::before
{
    content: "";
    position: absolute;
    width: 80%;
    height: 100%;
    top: 0px;
    right: 0px;
    bottom: inherit;
    left: 0px;
    margin: 0 auto;
    z-index: -1;
    background: linear-gradient( 
180deg
 , #070753 35%, #fe0000 35%);
}

.other-border {
    float: left;
    width: 100%;
    padding: 10px;
    background: linear-gradient( 
        180deg
         , black 35%, white 35%);
        
    margin-bottom: 30px;
    box-shadow: 0px 4px black;
}
.other-img {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
   
}
.other-img::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 80%;
    background-color: #00000094;
    opacity: 0;
    z-index: 1;
    height: 0%;
    -webkit-transition: 0.5s ease;
transition: 0.5s;
}
.other-border:hover  .other-img::before {
    height:100%;
    opacity: 0.5;
}
.other-img img{
    float: left;
    width: 100%;
  
}
.other-title {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 25px;
    color: green;
  font-family: "Kaushan Script", cursive;
}

    .other-call {
        font-size: 20px;
     font-family: 'PT Serif', serif;
        padding: 5px 0px;
        float: left;
        width: 100%;
        text-align: center;
    }
    .other-call a {
        position: relative;
        -webkit-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out;
        color: #000;
        padding: 5px 10px;
        border: 1px solid #000;
        margin: 10px;
        z-index: 1;
        background: transparent;
    }
    .other-call a::before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        right: inherit;
        bottom: inherit;
        left: 0%;
        margin: 0 auto;
        background: black;
        z-index: -1;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        margin: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    .other-border:hover .other-call a::before{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    .other-border:hover .other-call a{
        color: white;
    }
    .testi {
        float: left;
        width: 100%;
        padding: 50px 0px;
        position: relative;
        z-index: 1;
      
    }
    .testi::after {
        content: "";
        position: absolute;
        width: 80%;
        height: 100%;
        top: 30%;
        right: 0px;
        bottom: inherit;
        left: 0px;
        margin: 0 auto;
        z-index: -1;
        background-image: url(../images/just2.png);
        background-repeat: repeat-x;
        opacity: 0.5;
    }
    .testi-header {
        float: left;
        width: 100%;
        text-align: center;
        font-size: 45px;
        color: #198705 ;
       font-family: "Kaushan Script", cursive;
    }
    .line1 {
        float: left;
        width: 100%;
        position: relative;
    }
     .line1 img {
            display: table;
            margin: 0 auto;
            float: none;
        }
        .testi-sub {
            float: left;
            width: 100%;
            text-align: center;
            font-size: 20px;
            color: #070753;
            padding-bottom: 30px;
            font-family: 'PT Serif', serif;
        }
    
        .testi-border {
            float: left;
            width: 100%;
        }
        .testi-desc {
            float: left;
            width: 100%;
            padding: 15px;
            background: #198705 ;
            position: relative;
           
        }
        .p {
            float: left;
            width: 100%;
            text-align: center;
            font-size: 18px;
            color: #fff;
            font-family: 'PT Serif', serif;
        }
        .testi-content {
            float: left;
            width: 100%;
            display: table;
        padding: 15px;
        border: 1px solid #070753;
        margin: 0 auto;
        position: relative;
        margin-top: 20px;
        }
        .tetsi-img {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            border: 1px solid #070753;
            float: left;
            overflow: hidden;
        }
        .tetsi-img img{
         width: 100%;
           
        }
        .tetsi-name {
            display: inline-block;
            margin: 0 0 0 55px;
            font-size: 25px;
            color: #198705;
            position: relative;
            top: 22px;
           font-family: "Kaushan Script", cursive;
        }
        .tetsi-name::before
        {
            content: "";
            width: 1px;
            height: 70px;
            background: #070753;
            position: absolute;
            top: -8px;
            left: -15px;
        }
        .p::after
        {
            content: "";
            width: 20px;
            height: 20px;
            border-top: 20px solid #198705 ;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            margin: 0 auto;
            position: absolute;
            bottom: -20px;
            left: 0;
            right: 0;
        }
        .coma {
            float: left;
            width: 100%;
        }
        .coma img {
            float: left;
            width: 10%;
        }
        .coma2 {
            float: right;
            width: 100%;
        }
        .coma2 img {
            float: right;
            width: 10%;
        }

        .best-service {
            float: left;
            width: 100%;
            padding: 50px 0px;
            background: linear-gradient( 
        180deg
         , #13b808 35%, #c8e818 35%)
        }
        .best-header {
            float: left;
            width: 100%;
            text-align: center;
            font-size: 45px;
            padding-bottom: 30px;
          font-family: "Kaushan Script", cursive;
            color: #fff;
        }
        .service-border {
            float: left;
            width: 100%;
            z-index: 1;
            position: relative;
            padding: 20px;
           
           
        }
        .service-border::before
        {
            content: "";
            position: absolute;
            width: 80%;
            height: 100%;
            top: 0px;
            right: 0px;
            bottom: inherit;
            left: 0px;
            margin: 0 auto;
            z-index: -1;
            background: #ffffffbd;
        }
        .best-border {
            float: left;
            width: 100%;
            padding: 10px;
            background: white;
            margin-bottom: 30px;
            border: 2px solid black;
        }
        .best-img {
            float: left;
            width: 100%;
           
        }
        .best-img img{
            float: left;
            width: 100%;
            transition: 0.6s;
            outline: 0px solid #198705;
            outline-offset: -100px;
            box-shadow: none;
        }
        .best-title {
            float: left;
            width: 100%;
            text-align: center;
            font-size: 25px;
            color: #198705;
          font-family: "Kaushan Script", cursive;
          padding-bottom: 10px;
        }
        
        .best-border:hover .best-img img{
           
            outline: 4px solid #198705;
            outline-offset: 0px;
          
            }
            .best-call {
                font-size: 20px;
              font-family: 'PT Serif', serif;
                padding: 5px 0px;
                float: left;
                width: 100%;
                text-align: center;
            }
            .best-call a {
                position: relative;
                -webkit-transition: 0.4s ease-in-out;
                transition: 0.4s ease-in-out;
                color: #000;
                padding: 5px 10px;
                border: 1px solid #000;
                margin: 10px;
                z-index: 1;
                background: transparent;
            }
            .best-call a::before{
                content: "";
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0px;
                right: inherit;
                bottom: inherit;
                left: 0%;
                margin: 0 auto;
                background: black;
                z-index: -1;
                -webkit-transition: 0.3s ease-in-out;
                transition: 0.3s ease-in-out;
                margin: 0;
                -webkit-transform: scale(0);
                transform: scale(0);
            }
            .best-border:hover .best-call a::before{
                -webkit-transform: scale(1);
                transform: scale(1);
            }
            .best-border:hover .best-call a{
                color: white;
            }

            .why-us {
                float: left;
                width: 100%;
                padding: 50px 0px;
                position: relative;
                z-index: 1;
                background: white;
            }
            .why-header {
                float: left;
                width: 100%;
                text-align: center;
                font-size: 45px;
                color: #0a742b;
           font-family: "Kaushan Script", cursive;
            padding-bottom: 30px;
            }
            .why-border {
                float: left;
                width: 100%;
                position: relative;
                z-index: 1;
            font-family: 'PT Serif', serif;
                text-align: center;
                padding: 0 15px 15px;
            }
            .why-border::before {
                content: '';
                background: linear-gradient(to right,#0a742b,#0a742b);
                height: 90%;
                width: 100%;
                box-shadow: 0 -10px 10px -10px #000 inset;
                position: absolute;
                left: 0;
                bottom: 0;
                z-index: -1;
            }
            .why-box {
                float: left;
                width: 100%;
                background: #fff;
                padding: 20px 13px;
                margin: 0 0 15px;
                box-shadow: 0 -10px 10px -10px #fff inset;
                position: relative;
                z-index: 1;
                border: 1px solid orange;
            }
            .why-icon{
                color: orange;
                font-size: 50px;
                margin: 0 0 10px 0;
            }
            .why-icon i
            {
                transition: all 0.3s ease 0s;
            }
            .why-border:hover .why-icon i
            {
                transform: rotatex(360deg);
            }
           .why-box h3 {
                color: #orange;
                font-size: 22px;
                font-weight: 700;
                text-transform: uppercase;
                margin: 0px;
            }
         .read-more {
                color: #fff;
                font-size: 16px;
                font-weight: 700;
                text-transform: uppercase;
                padding: 3px 10px;
                display: inline-block;
                position: relative;
                transition: all ease 0.3s;
            }
            .read-more:before {
                content: '';
                background-color: #fff;
                height: 100%;
                width: 100%;
                border-radius: 20px;
                transform: scale(0);
                position: absolute;
                left: 0;
                top: 0;
                z-index: -1;
                transition: all 0.3s;
            }
            .why-border:hover .read-more:before {
                transform: scale(1);
            }
            .why-border:hover .read-more {
              color: #198705;
            }
            .footer {
                float: left;
                width: 100%;
                padding: 50px 0px;
            }
            .footer-header {
                float: left;
                width: 100%;
                font-size: 35px;
                padding-bottom: 20px;
                font-family: "Kaushan Script", cursive;
                color: #198705;
                font-weight: bold;
            }
            .footer ul {
                font-size: 20px;
                float: left;
                width: 100%;
                font-family: 'PT Serif', serif;
                color: black;
            }
            .footer img{
               
                float: left;
                width: 100%;
            }
            @media(min-width:320px) and (max-width:479px)
            {
                .top-left {
                    font-size: 18px;
                    padding: 5px 0px;
                }
                .top-right {
                    font-size: 18px;
                    padding: 5px 0px;
                }
                .logo{display: none;}
                .text4 {
                    font-size: 18px;
                }
                .container {
                    font-size: 20px;
                }
                .about-header {
                    font-size: 35px;
                }
                .about-border {
                    font-size: 18px;
                }
                .why-header {
                    font-size: 35px;
                }
                .why-border{margin-bottom: 30px;}
                .best-header {
                    font-size: 35px;
                }
                .many-header {
                    font-size: 25px;
                }
                .many-sub {
                    font-size: 20px;
                }
                .many-right {
                    padding: 20px 0px;
                }
                .other-header {
                    font-size: 35px;
                }
                .testi-header {
                    font-size: 35px;
                }
                .testi-border {
                    margin-bottom: 30px;
                }
                .footer-header {
                    font-size: 25px;
                }

            }
            @media(min-width:480px) and (max-width:639px)
{
    .top-left {
        font-size: 18px;
        padding: 5px 0px;
    }
    .top-right {
        font-size: 18px;
        padding: 5px 0px;
    }
    .logo{display: none;}
    .text4 {
        font-size: 18px;
    }
    .container {
        font-size: 20px;
    }
    .about-header {
        font-size: 35px;
    }
    .about-border {
        font-size: 18px;
    }
    .why-header {
        font-size: 35px;
    }
    .why-border{margin-bottom: 30px;}
    .best-header {
        font-size: 35px;
    }
    .many-header {
        font-size: 25px;
    }
    .many-sub {
        font-size: 20px;
    }
    .many-right {
        padding: 20px 0px;
    }
    .other-header {
        font-size: 35px;
    }
    .testi-header {
        font-size: 35px;
    }
    .testi-border {
        margin-bottom: 30px;
    }
    .footer-header {
        font-size: 25px;
    }

}
@media(min-width:640px) and (max-width:767px){
    .testi-border {
        margin-bottom: 30px;
    }
    .why-border{margin-bottom: 30px;}
    .logo{display: none;}
}
@media(min-width:768px) and (max-width:991px){
.header .col-sm-4
{
    width: 100%;
}
.logo{display: none;}
.best-service .col-sm-3
{
    width: 50%;
}
.why-us .col-sm-3
{
    width: 50%;
    margin-bottom: 30px;
}
.testi .col-sm-4
{
    width: 50%;
    margin-bottom: 30px;
}
.footer .col-sm-3
{
    width: 50%;
    margin-bottom: 30px;
}
.other-service .col-sm-4
{
    width: 50%;
}
.many-part .col-sm-4
{
    width: 50%;
}
.many-part .col-sm-8
{
    width: 50%;
}
}
@media(min-width:992px) and (max-width:1200px){

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