@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&amp;display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&amp;display=swap');
body{
	padding: 0;
	margin: 0;
	font-family: 'Cabin', sans-serif;
}
a:focus, a:hover {
    color: #000;
    text-decoration: none;
}

img{
	max-width: 100%;
}

h1,h2,h3,h4,h5,h6{
    margin:0;
}
ul{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
p{
    margin:0;
}
.main{
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 90%;
}


.top-sec{
	background:#dbf614;
    border-top: 9px solid #0EBF02;
}
.top-sec-1{
    padding: 0;
}
.top-sec-2{
    padding:0;
    text-align: center;
}
.top-left{
	padding:0;
}
.top-left-1{
	padding:0;
}
.top-left-1 ul li{
	display:inline-block;
	padding:11px 5px;
}
.top-left-1 ul li span{
	display:inline-block;
	font-size:34px;
    font-weight:700;
    color:#000;
    font-family: 'Source Serif Pro', serif;
}
.top-left-1 ul li a i{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height:40px;
    text-align:center;
    border-radius: 7px;
    color: #fff;
    font-size: 20px;
    background:#0EBF02;
}
.top-right{
	padding:0;
}
.top-right-1{
	display: inline-block;
    padding:9px 15px 6px;
    text-align:center;
    color: #fff;
    font-size: 22px;
    font-weight:100;
    background:#0EBF02;
    text-transform: capitalize;
}




.header-logo-1{
    padding:0;
}
.header-logo-2{
    padding:25px 8px 7px;
}
.header-logo-left{
    padding: 0;
}
.header-logo-left-1{
    padding: 0 0 15px 15px;
    text-align: center;
}
.header-logo-center{
    padding: 0;
    text-align: center;
}
.header-logo-center-1{
    padding: 0 15px 15px;
    text-align: center;
}
.header-logo-right{
    padding: 0;
}
.header-logo-right-1{
    padding: 0 15px 15px;
    text-align: center;
}




.top-add{
    border-bottom: 9px solid #dbf614;
    background:linear-gradient(0deg, #0EBF02 50%, transparent 51%);
}
.top-add-1{
    padding: 0;
}
.top-add-2{
    padding:17px 15px 17px;
    text-align: center;
    background:#dbf614;
    margin:0 0 -1px;
}
.top-add-2 p{
    font-size:22px;
    font-weight:700;
    line-height: 36px;
    color: #000;
    text-transform:capitalize;
}





.banner-sec-1{
    padding: 0;
}
.banner-sec-1 img{
    width: 100%;
}


}
.testi {
    float: left;
    width: 100%;
    padding-bottom: 50px;
    position: relative;
    z-index: 1;
    
}
    .testi-sub {
        float: left;
        width: 100%;
        text-align: center;
        font-size: 30px;
        color: #000;
        padding-bottom: 30px;
        
font-family: 'Roboto Condensed', sans-serif;
   

    
    }
    .testi .col-sm-4{width: 50%;
   }     



.about-sec{
    background:#ADFF008E;
}
.about-sec-1{
    padding: 0;
}
.about-sec-2{
    padding:45px 0 95px;
}
.about-title{
    padding: 0;
    text-align: center;
}
.about-title p{
    font-size:40px;
    color:#0EBF02;
    font-weight:700;
    text-transform: capitalize;
    font-family: 'Source Serif Pro', serif;
}
.about-title strong{
    font-size:18px;
    color: #000;
    font-weight:700;
    line-height: 28px;
    text-transform: capitalize;
    padding:0 0 0;
    display: inline-block;
}
.about-content{
    padding: 25px 0 0;
}
.about-content p{
    color: #000;
    font-size:16px;
    font-weight: 500;
    line-height: 29px;
    padding-bottom: 6px;
}
.about-content strong{
    font-size:16px;
    font-weight: 700;
    color:#0EBF02;
}
.about-content span{
    color: #000000;
    display: block;
    font-size: 22px;
    font-weight: 700;
    line-height:33px;
    padding: 3px 0 6px;
    text-transform: capitalize;
    font-family: 'Source Serif Pro', serif;
}
.about-content ul{
    padding:0;
}
.about-content ul li{
    color: #000;
    font-size:16px;
    font-weight: 500;
    line-height: 29px;
    padding-bottom: 6px;
}
.about-content ul li:before{
    color:#0EBF02;
    font-size: 11px;
    padding-right: 9px;
    font-weight: 600;
    content:"\e4dc";
    font-family: "Font Awesome 6 Pro";
}




.choose-sec{
    margin:-57px 0 0;
}
.choose-sec-1{
    padding:0;
}
.choose-sec-2{
    padding:30px 15px 0px;
    background:#0EBF02;
}
.choose-sec-3{
    padding: 45px 0 0;
}
.choose-1{
    padding:37px 8px 50px;
}
.choose-2{
    padding: 0;
    text-align: center;
}
.choose-icon {
    display: inline-block;
    background: transparent;
    transform: rotate(45deg);
}
.choose-icon:before{
    content: '';
    width: 100%;
    background: #fccc16;
    height: 100%;
    position: absolute;
    z-index: -1;
    margin: -15px -15px;
    left: 0;
    transition: 0.5s;
    transform: translate(-7px, -7px);
}
.choose-icon i{
    font-size: 58px;
    color:#fccc16;
    z-index: 3;
    width: 125px;
    height: 125px;
    line-height:125px;
    background:darkgreen;
    border-radius: 50%;
    transform: rotate(-45deg);
}
.choose-text{
    padding:0;
}
.choose-text p{
    font-size:24px;
    color:#fff;
    font-weight:500;
    text-transform: capitalize;
    font-family: 'Source Serif Pro', serif;
}





.add-contac-sec{
    padding:45px 0 0;
}
.add-contac-sec-1{
    padding:0;
    text-align: center;
}
.add-contac-sec-1 p{
    font-size: 43px;
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Source Serif Pro', serif;
    padding: 0 0 25px;
}
.add-contac-sec-1 a{
    font-size: 42px;
    color: #000;
    font-weight: 800;
    text-transform: capitalize;
    font-family: 'Source Serif Pro', serif;
    background:#700134;
    padding: 8px 20px;
    animation:blink .6s infinite;
}
@keyframes blink{
    0%{
        background:#0EBF02;
        color:#fff;
    }
    100%{
        background:#DFFF00;
        color:#000;
    }
}




.our-srv-sec-1{
    padding: 0;
}
.our-srv-sec-2{
    padding:38px 0 50px;
}
.our-srv-title{
    padding: 0;
    text-align: center;
}
.our-srv-title p{
    font-size:40px;
    color:#000000;
    font-weight:700;
    text-transform: capitalize;
    font-family: 'Source Serif Pro', serif;
}
.our-srv-title span{
    font-size:18px;
    color: #000;
    font-weight:700;
    line-height: 28px;
    text-transform: capitalize;
    padding: 7px 0 0;
    display: inline-block;
} 
.our-srv-content{
    padding:25px 0 0;
}
.our-srv{
    padding:35px 15px;
}
.our-srv-1{
    padding:0 30px;
    text-align: center;
    background:#0EBF02;
}
.srv-img{
    text-align: center;
    padding:0; 
    transition: 1s all ease-in-out;
}
.srv-title span{
    font-size:18px;
    color: #000000;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Source Serif Pro', serif;
    padding: 15px 15px;
    font-weight: 700;
    background: #feca16;
    display: inline-block;
    position:relative;
    margin:-10px 0 15px;
}
.srv-title span:after{
    border: 5px solid transparent;
    content: "";
    position: absolute;
    right:-10px;
    top: 0;
    transition: .5s;
    border-bottom-color: #feca16;
    border-left-color: #feca16;
    opacity: 1;
}
.srv-title span:before{
    border: 5px solid transparent;
    content: "";
    position: absolute;
    left:-10px;
    top:0;
    transition: .5s;
    border-bottom-color: #feca16;
    border-right-color: #feca16;
    opacity: 1;
}
.srv-img-1{
    box-shadow: 0px 16px 0 0 #fff;
    border-radius:50%;
    max-width: 250px;
    left:0;
    right:0;
    margin: 0 auto;
}
.srv-img-1 img{
    border-radius: 50%;
    border: 10px solid #0EBF02;
    transition: 1s all ease-in-out;
}
.our-srv-1:hover .srv-img-1 img{
    transform:rotate(359deg);
}
.srv-text{
    padding:20px 0 0;
}
.srv-content{
    color:#fff;
    font-size:16px;
    font-weight:100;
    line-height:32px;
    padding:15px 0 15px;
}
.srv-contact {
    position: relative;
    transition: 0.4s ease-in-out;
    padding:12px 20px 0;
    z-index: 1 
}
.srv-contact a{
    font-size: 20px;
    color: #000000;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Source Serif Pro', serif;
    padding: 15px 23px;
    font-weight: 700;
    background: #feca16;
    position:relative;
    margin: 0 0 -10px;
}
.srv-contact a:after{
    border: 5px solid transparent;
    content: "";
    position: absolute;
    right:-10px;
    top: 43px;
    transition: .5s;
    border-top-color: #feca16;
    border-left-color: #feca16;
    opacity: 1;
}
.srv-contact a:before{
    border: 5px solid transparent;
    content: "";
    position: absolute;
    left: -10px;
    top: 43px;
    transition: .5s;
    border-top-color: #feca16;
    border-right-color: #feca16;
    opacity: 1;
}





.banner1-sec-1{
    padding: 0;
}
.banner1-sec-2{
    padding:0 0 80px;
}
.banner1-sec-2 img{
    width: 100%;
}




.top-srv-sec{
    background:#0EBF02;
}
.top-srv-sec-1{
    padding: 0;
}
.top-srv-sec-2{
    padding:55px 0 25px;
}
.top-srv-head{
    padding: 0;
    text-align: center;
}
.top-srv-head p{
    font-size:40px;
    color:#fff;
    font-weight:600;
    text-transform: capitalize;
    font-family: 'Source Serif Pro', serif;
}
.top-srv-head span{
    font-size:18px;
    color:#feca16;
    font-weight:100;
    line-height: 28px;
    text-transform: capitalize;
    padding: 7px 0 0;
    display: inline-block;
} 
.top-srv-content{
    padding: 50px 0 0;
}
.top-srv{
    padding:35px 15px;
}
.top-srv-1{
    padding:0;
    text-align: center;
    background:#0EBF02;
    transition: 1s all ease-in-out;
}
.top-srv-img{
    text-align: center;
    padding:0; 
    transition: 1s all ease-in-out;
}
.top-srv-img-1 img{
    width:260px;
    height: 260px;
    border-radius: 5%;
    border:10px double #ffffff;
    transition: 1s all ease-in-out;
}
.top-srv-1:hover .srv-img-1 img{
    transform:rotate(359deg);
}
.top-srv-text{
    padding:0;
}
.top-srv-content{
    color:#fff;
    font-size:16px;
    font-weight:100;
    line-height:36px;
    padding:15px 0 15px;
}
.top-srv-title {
    margin:-56px 0 0;
}
.top-srv-title span{
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Source Serif Pro', serif;
    padding: 15px 23px;
    font-weight:600;
    background:#0EBF02;
    display: inline-block;
    position: relative;
}
.top-srv-title span:after{
    border: 5px solid transparent;
    content: "";
    position: absolute;
    right:-10px;
    top:56px;
    transition: .5s;
    border-top-color: #4c0023;
    border-right-color: #4c0023;
    opacity: 1;
}
.top-srv-title span:before{
    border: 5px solid transparent;
    content: "";
    position: absolute;
    left: -10px;
    top:56px;
    transition: .5s;
    border-top-color: #4c0023;
    border-left-color: #4c0023;
    opacity: 1;
}
.srv-contact {
    position: relative;
    transition: 0.4s ease-in-out;
    padding:12px 20px 0;
    z-index: 1 
}
.top-srv-contact{
    padding:6px 0 0;
}
.top-srv-contact a{
    font-size: 23px;
    color:#0EBF02;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Source Serif Pro', serif;
    padding: 15px 18px;
    font-weight: 700;
    background:#feca16;
    position: relative;
    border-radius: 0 0 40px 40px
}
.top-srv-1:hover .top-srv-img-1{
    transform: translateY(-10px);
    transition: 1s all ease-in-out;
}






.testi-sec{
    background:#fccc165c;
}
.testi-sec-1{
    padding:0;
}
.testi-sec-2{
    padding:50px 0 50px;
}
.testi-content{
    padding:40px 0 0;
}
.testi-1{
    padding:32px;
}
.testi-2{
    padding:0;
    background:#feca16;
}
.inner-box{
    position: relative;
    display: block;
    padding: 32px 30px 22px;
    border: 1px solid #e3e3e3;
    transition: all 500ms ease;
}
.quote-box {
    position: absolute;
    top: -16px;
    right: 20px;
    width: 75px;
    font-size: 60px;
    line-height: 60px;
    color: #e4e4e4;
    text-align: center;
    transition: all 500ms ease;
}
.rating-box {
    position: relative;
    display: block;
    margin-bottom: 16px;
}
.rating-box li{
    position: relative;
    display: inline-block;
    font-size: 14px;
    color:#0EBF02;
}
.inner-box p{
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 29px;
    padding-bottom:25px;
}
.author-box {
    position: relative;
    display: block;
    padding: 10px 0 10px 20px;
    background:#feca16;
    margin-bottom: 23px;
    box-shadow: 0 0 7px 0 #0000001c;
}
.author-box:before {
    position: absolute;
    content: '';
    background:#0EBF02;
    width: calc(100% + 50px);
    height: 100%;
    right: -50px;
    top: 0;
}
.author-box:after {
    position: absolute;
    content: '';
    background:#0EBF02;
    width: 20px;
    height: 25px;
    top: -24px;
    right: -50px;
    clip-path: polygon(0% 0%,0% 0%,100% 100%,0% 100%,0% 0%);
}
.inner-box .author-box .box {
    position: relative;
    display: block;
    padding: 4px 0 6px 80px;
    min-height: 60px;
}
.author-box .box .image-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
}
.author-box .box .image-box img {
    width: 100%;
    border-radius: 50%;
}
.author-box p{
    color: #feca16;
    font-size: 18px;
    font-weight: 600;
    padding:0;
    font-family: 'Source Serif Pro', serif;
    text-transform: capitalize;
}
.author-box span{
    color:#fff;
    font-size: 16px;
    font-weight:100;
    padding:0;
    text-transform: capitalize;
}






.srv-sec-1{
    padding: 0;
}
.srv-sec-2{
    padding:35px 0 35px;
}
.srv-left{
    padding:0;
}
.srv-left-1{
    padding:0 10px 0 26px;
}
.our-srv{
    padding:35px 15px;
}
.our-srv-1{
    padding:0 30px;
    text-align: center;
    background:#0EBF02;
}
.srvv-img{
    text-align: center;
    padding:0; 
    transition: 1s all ease-in-out;
}
.srvv-title span{
    font-size:18px;
    color: #000000;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Source Serif Pro', serif;
    padding: 15px 15px;
    font-weight: 700;
    background: #feca16;
    display: inline-block;
    position:relative;
    margin:-10px 0 15px;
}
.srvv-title span:after{
    border: 5px solid transparent;
    content: "";
    position: absolute;
    right:-10px;
    top: 0;
    transition: .5s;
    border-bottom-color: #feca16;
    border-left-color: #feca16;
    opacity: 1;
}
.srvv-title span:before{
    border: 5px solid transparent;
    content: "";
    position: absolute;
    left:-10px;
    top:0;
    transition: .5s;
    border-bottom-color: #feca16;
    border-right-color: #feca16;
    opacity: 1;
}
.srvv-img-1{
    box-shadow: 0px 16px 0 0 #fff;
    border-radius:50%;
    max-width: 250px;
    left:0;
    right:0;
    margin: 0 auto;
}
.srvv-img-1 img{
    border-radius: 50%;
    border: 10px solid #dbf614;
    transition: 1s all ease-in-out;
}
.our-srv-1:hover .srvv-img-1 img{
    transform:rotate(359deg);
}
.srvv-text{
    padding:20px 0 0;
}
.srvv-content{
    color:#fff;
    font-size:16px;
    font-weight:100;
    line-height:32px;
    padding:15px 0 15px;
}
.srvv-contact {
    position: relative;
    transition: 0.4s ease-in-out;
    padding:12px 20px 2px;
    z-index: 1 
}
.srvv-contact a{
    font-size: 20px;
    color: #000000;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Source Serif Pro', serif;
    padding: 15px 23px;
    font-weight: 700;
    background: #feca16;
    position:relative;
    margin: 0 0 -10px;
}
.srvv-contact a:after{
    border: 5px solid transparent;
    content: "";
    position: absolute;
    right:-10px;
    top:46px;
    transition: .5s;
    border-top-color: #feca16;
    border-left-color: #feca16;
    opacity: 1;
}
.srvv-contact a:before{
    border: 5px solid transparent;
    content: "";
    position: absolute;
    left: -10px;
    top: 46px;
    transition: .5s;
    border-top-color: #feca16;
    border-right-color: #feca16;
    opacity: 1;
}
.srv-right{
    padding:0;
}
.srv-right-1{
    padding:0 30px 0;
}
.contact-form{
    padding:49px 8px 0px;
}
.contact-form-1{
    padding:0;
}
.contact-form-2{
    padding:0;
    background:#dbf614;
}
.form-title{
    padding:0;
    text-align: center;
}
.form-title p{
    font-size:23px;
    color: #ffffff;
    font-weight: 500;
    text-transform: capitalize;
    font-family: 'Source Serif Pro', serif;
    background: #0EBF02;
    padding: 9px 15px;
    border-radius: 0 0 28px 28px;
    display:inline-block;
    max-width:296px;
}
.form-title span{
    font-size:21px;
    color: #000;
    font-weight:700;
    line-height: 28px;
    text-transform: capitalize;
    padding:15px 0 0;
    display:block;
} 
.contact-form-3{
    padding:18px 20px 24px;
}
.form-group .place::-webkit-input-placeholder{
    color:#fff;
}
input:focus::-webkit-input-placeholder { opacity: 0; }
textarea:focus::-webkit-input-placeholder { opacity: 0; }
.form-group{
    text-align: center;
    padding: 0 5px 0;
}
.btn-group{
    margin: 7px 0 0;
}
.form-control:focus{
    box-shadow: none;
    border:0;
    background: #700134;
}
.form-control {
    background: #700134;
    height: 50px;
    color:#fff!important;
    border-radius: 0;
    font-size:16px;
    min-width: auto;
    vertical-align: middle;
    font-weight:100;
    line-height:20px;
    letter-spacing: 0.5px;
    border:0;
}

textarea.form-control {
    padding: 15px;
    height:154px;
    scroll-behavior: none;
}
.submit{
    background: #700134;
    border: 1px solid #ffcf00;
    border-radius: 0;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    color: #ffffff;
    display: inline-block;
    font-weight: 100;
    font-size: 17px;
    letter-spacing: 0.5px;
    text-transform: capitalize;
}
.submit i{
    color: #fff;
    font-size:13px;
    padding: 0 6px 0 0;
}
.btn:hover {
    color:#fff;
    background:#700134;
    border:none;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.submit:focus {
    color:#fff;
    background:#700134;
    border:none!important;
}
 .btn-group, .btn-group-vertical{
    display: block;
}
.btn-group-vertical>.btn, .btn-group>.btn{
  float:left;
}

.srv-list{
    padding: 0 0 2px;
    background:#dbf614;
    text-align:center;
}
.srv-list p{
    font-size: 23px;
    color: #ffffff;
    font-weight: 500;
    text-transform: capitalize;
    font-family: 'Source Serif Pro', serif;
    background: #0EBF02;
    padding: 9px 15px;
    border-radius: 0 0 28px 28px;
    display: inline-block;
    max-width: 296px;
}
.srv-list ul{
    padding:15px 0;
}
.srv-list ul li{
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    padding:8px 8px 8px 30px;
    text-align:left;
    text-transform: capitalize;
}
.srv-list ul li:before {
    color: #0EBF02;
    font-size: 11px;
    padding-right: 9px;
    font-weight: 600;
    content: "\e4dc";
    font-family: "Font Awesome 6 Pro";
}
.srv-list ul li span{
    display: inline-block;
    transition: .6s all ease-in-out;
}



.banner2-sec-1{
    padding: 0;
}
.banner2-sec-1 img{
    width: 100%;
}




.footer{
    padding:0;
    background:#dbf614;
    border-top:15px solid #0EBF02;
}
.footer-sec{
    padding:0;
}
.footer-sec-1{
    padding:0;
}
.footer-contac{
    padding:0;
    text-align:center;
    margin:-1px 0 0;
}
.footer-contac-1{
    padding:0 15px 15px;
}
.footer-contac-2{
    padding:0;
    background: #dbf614;
}
.footer-contac-2 i{
    font-size:32px;
    color: #f5fffa;
    text-align: center;
    text-transform: uppercase;
    padding:15px 20px 20px;
    font-weight: 700;
    background: #0EBF02;
    position: relative;
    border-radius: 0 0 40px 40px;
}
.footer-contac-2 p{
    font-size:23px;
    color:#080808;
    text-align: center;
    text-transform: uppercase;
    font-family:'Source Serif Pro', serif;
    padding: 15px 18px;
    font-weight:500;
    position: relative;
    border-radius: 0 0 40px 40px;
}
.footer-contac-2 a{
    font-size: 27px;
    color: #fffafa;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Source Serif Pro', serif;
    padding:10px 18px;
    font-weight: 700;
    background: #0EBF02;
    position: relative;
    border-radius:40px;
}
.footer-marquee{
    font-size:30px;
    color:#07783d;
    text-align: center;
    text-transform: uppercase;
    padding:20px 18px 0px;
    border-bottom: 2px solid #07783d;
}
.footer-about{
    padding:0;
}
.footer-about p{
    font-size: 28px;
    color: #080808;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Source Serif Pro', serif;
    padding: 20px 18px 0;
    font-weight: 600;
}
.footer-about span{
    color: #080808;
    font-size: 16px;
    font-weight: 100;
    line-height: 36px;
    padding: 5px 0 25px;
    text-align: center;
    display:inline-block;
}





.copyright{
    background:#0EBF02;
    padding:22px 0 15px;
}
.copyright-sec{
    padding:0; 
}
.copyryt-sec-1{
    padding:0; 
}
.disclaimer{
    color: #fffafa;
    font-size: 16px;
    font-weight: 500;
    line-height: 29px;
    padding: 0 0 6px;
    text-align: center;
}
.copyryt{
    color: #fffafa;
    font-size: 15px;
    font-weight: 500;
    line-height: 29px;
    text-align: center;
    padding:0;
}

.bottomFirstCol {
    font-size: 269%;
    background: #dbf614;
    color: #fff;
    line-height: 150%;
    font-variant: small-caps;
    margin-bottom: 6px;
    box-sizing: border-box;
    text-align: center;
}
.bottomFirstCol span {
    color: #22d2e7;
}




#callbook {
    background: green;
    bottom: 0;
    height: 40px;
    left: 0;
    position: fixed;
    display: none;
    right: 0;
    z-index: 100;
}

#callbook ul {
    padding: 0
}

#callbook ul li {
    border-bottom: 1px solid #fff;
    background: red;
    position: relative;
    padding:12px 0 10px;
    width: 50%;
    float: left;
    text-align: center;
}

#callbook ul li a{
    animation: zoom-out .5s infinite alternate;
    display: inline-block;
}
@keyframes zoom-out {
  
  0% { transform: scale(1); }
  100% { transform: scale(1.2); }
     
}
#callbook ul li a span {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    position: relative;
    top: -2px;
}

#callbook ul li a i {
    color: #fff;
    position: relative;
    top: 0;
    padding: 0 5px 0 0;
    font-size: 17px
}

#callbook ul li a i {
    animation: pulsate .5s ease-out;
}


@media (max-width: 767px){
.top-add-2 p {font-size: 20px;}
.header-logo-left-1{padding:0 0px 3px;}
.header-logo-center-1 {padding: 0 0 6px;}
.header-logo-right-1{padding:0 0 15px;}
.add-contac-sec-1 p{font-size:27px;}
.choose-1{width:50%;}
.our-srv{width:50%;padding:32px 7px;}
.our-srv-1 {padding: 0 25px;}
.srv-title span {font-size: 13px;padding:15px 7px;}
.srv-contact {padding:12px 20px 4px;}
.srv-contact a {font-size: 17px;padding:15px 11px;}
.top-srv{width:50%;}
.srvv-title span{font-size: 13px;padding:15px 7px;}
.srvv-contact {padding:12px 20px 2px;}
.srvv-contact a {font-size: 18px;padding:16px 11px;}
.testi-1{padding:32px 34px 32px 15px;}
.contact-form {padding: 33px 8px 40px;}
.footer-contac-1{width:50%;padding:0 0 40px;}
.footer-contac-3{width:100%;}
.footer-contac-2 p {font-size:23px;}
.footer-contac-2 a {font-size:23px;}
.footer-contac-2 i {font-size: 26px;}
.srv-left-1 { padding: 0 20px 0 20px;}
.srv-right-1 {padding: 0 20px 0;}
.copyright{padding:22px 0 58px;}
#callbook {display: block;}
}

@media only screen and (min-width: 767px) and (max-width:991px){
.top-left-1 ul li{padding:11px 3px;}
.add-contac-sec-1 p {font-size: 33px;}
.our-srv {padding: 35px 7px;}
.srvv-title span {font-size: 16px;}
.contact-form{padding:10px 8px 49px;}
.footer-contac-2 p {font-size: 17px;}
.footer-contac-2 a {font-size:19px;}
.footer-contac-2 i {font-size: 26px;}
.footer-contac-1 {padding: 0 0px 15px;}
}

@media only screen and (min-width: 991px) and (max-width:1200px){
.top-srv {padding: 35px 6px;}
.top-srv-title span {font-size: 16px;padding:15px 15px;}
.top-srv-contact {padding: 0px 0 0;}
.top-srv-contact a {font-size: 20px;padding:13px 16px;}
.our-srv {padding:35px 7px;}
.srv-title span{font-size: 14px;padding:15px 10px;}
.srv-contact {padding:12px 20px 3px;}
.srv-contact a{font-size: 18px;padding:15px 14px;}
.testi-1 {padding: 32px 15px;}
.srvv-contact {padding:12px 20px 1px;}
.srvv-title span{font-size: 13px;padding:15px 10px;}
.srvv-contact a{font-size: 18px;padding:15px 14px;}
.srvv-contact a:before, .srvv-contact a:after{top: 44px;}
.inner-box .author-box .box{padding: 4px 0 6px 68px;}
.srv-list ul li{padding: 8px 8px 8px 20px;}
.form-title p, .srv-list p{font-size: 20px;}
.footer-contac-1 {padding: 0 0px 15px;}
.footer-contac-2 a {font-size: 25px;}
}




@media only screen and (min-width:1200px) and  (max-width:1230px){

}


@media (min-width:0) and (max-width:600px){
.choose-1{width:100%;}
.our-srv{width:100%;}
.top-srv{width:100%}
.footer-contac-1{width:100%}
}

@media (min-width: 290px) and (max-width:480px){
.top-left-1 ul li {padding:11px 3px;}
.top-left-1 ul li span{font-size: 27px;}
.top-left-1 ul li a i{width: 38px;height: 38px;line-height:38px;font-size: 18px;}
.top-add-2 p {font-size: 15px;line-height: 28px;}
.header-logo-2 {padding: 19px 8px 0px;}
.our-srv-title p {font-size: 32px;}
.about-sec-2 {padding: 28px 0 82px;}
.top-srv-head p {font-size:32px}
.top-srv-sec-2 {padding: 40px 0 20px;}
.our-srv-sec-2 {padding: 32px 0 7px;}
.add-contac-sec {padding: 40px 0 0;}
.banner1-sec-2 {padding: 0 0 29px;}
.top-srv {padding: 27px 15px;}
.add-contac-sec-1 p {font-size:21px;}
.add-contac-sec-1 a {font-size: 29px;}
.our-srv-content {padding: 15px 0 0;}
.srv-sec-2 { padding:15px 0 35px;}
.testi-sec-2 {padding: 40px 0 26px;}
.testi-1 {padding: 5px 34px 41px 15px;}
.contact-form {padding: 20px 8px 4px;}
.footer-about p {font-size:26px;padding:20px 0px 0;}
#callbook ul li a span {font-size:14px}
#callbook ul li a i{font-size:15px;}
}