h2{font-family:"Raleway", sans-serif;}
h4{font-family:"Raleway", sans-serif;}
.mySlides{display:none;}
.mySlides img {vertical-align:middle;}
.slideshow-container{position:relative;}
.text{position:absolute;bottom:14%;width:100%;}
.numbertext{color:#f2f2f2;font-size:12px;padding:8px 12px;position:absolute;top:0;}
.dot{height:15px;width:15px;margin:0 2px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color 0.6s ease;}
.active{background-color:#717171;}
.fade{-webkit-animation-name: fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s;}
@-webkit-keyframes fade{from {opacity:.4} to {opacity:1}}
@keyframes fade{from {opacity:.4} to {opacity:1}}
@media only screen and (max-width: 300px) {.text{font-size:11px}}
.slide_info h1{font-size:55px;font-weight:bold;line-height:75px;}
.text{bottom:20%;}
.slide_info h5{font-size:14px;font-weight:bold;color:#14A800;}
.slide_info h5 span{padding:4px 8px;color: #efa800;background: #fff;}
.sec_01_1{background:url(https://www.ranksmartz.com/wp-content/uploads/2025/07/sec-01-1.jpg) center no-repeat;
float:left;width:50%;background-size:cover;}
.sec_01_info{padding:37.6% 20%;}
.sec_01_info h1{font-size:80px;color:#fff;position:relative;z-index:9;}
.sec_01_info h1::after{position:absolute;z-index:-99;content:"";width:250px;height:250px;border:4px solid #3cb2bb;left:-75px;top:-40px;}
.sec_01_2_1{background:#dabf07;text-align:right;position:relative;}
.sec_01_2{float:right;width:50%;background:#9cc11a;}
.sec_01_text{padding:6% 8%;width:65%;}
.sec_01_text h4{color:#FFFFFF;font-size:28px;margin-bottom:5px;}
.sec_01_text h2{color:#fff;padding:15px 0;font-size:48px;font-weight:700;}
.sec_01_text p{color:#fff;margin-bottom:20px;font-size:16px;font-weight:300;}
.sec_01_2_1 .sec_01_text{float:right;}
.sec_01_text .btn_1{background-color:transparent;border:1px solid;}
.sec_01_text .btn_1:hover{background-color:transparent;border:1px solid;background-color:#14AA00;}
.sec_01_2_2{position:relative;}
.sec_01_2_1 img{position:absolute;width:245px;left:0;bottom:0;}
.sec_01_2_2 img{position:absolute;width:245px;right:0;bottom:0;}
.section_02{padding:40px 0;text-align:center;}
.section_02 li{list-style-type:none;display:inline-block;width:28%;margin:0 2%;box-shadow:1px 1px 31px #e6e6e6;
border:none;border-radius:10px;}
.section_02 ul{margin-top:75px;}
.section_02 li .sec_02_text{padding:50px 49px 30px 49px;position:relative;}
.section_02 li .sec_02_text img{width:105px;margin-top:-89px;margin-bottom:12px;}
.section_02 li .sec_02_text h4{font-weight:600;}
.section_03 {background:#f7f8fb;padding:40px 0;}
.sec_03_1 {float:left;width:65%;margin-top:30px;}
.sec_03_2{float:right;}
.section_03 .wraper{width:75%;}
.section_03 h5{font-size:20px;color:rgb(105, 105, 105);font-family:"Raleway", sans-serif;}
.sec_03_1 h2{padding:15px 0;}
.section_04{padding:40px 0;}
.sec_4_1{float:left;width:45%;text-align:center;}
.sec_4_2{float:right;width:54%;margin-top:4%;}
.sec_4_2 p{margin:20px 0;}
.section_05{padding:40px 0;background:#f7f8fb;}
.sec_05_1{float:left;width:50%;}
.sec_05_2{float:right;width:50%;}
img.client{border-radius:50%;width:100px;margin:15px 0;}
.testimonial-slide h4{font-weight:bold;}
.testimonial-slide p{margin-top:15px;}
.testimonial-slider-controls button{background:none;border:none;font-size:24px;margin:0 12px;}
.sec_05_text{padding:10%;}
.sec_05_text h2{margin-bottom:20px;}



/*Responsive*/

@media only screen and (max-width: 480px) and (min-width:0px){
.slide_info h1{font-size:20px;line-height:20px;padding:8px 0;}
.slide_info h5{font-size:10px;}
.slide{padding:0 !important;background-size:cover !important;background-position-x:center !important;height:350px !important;background-attachment: fixed !important;}
.sec_01_1{width:100%;}
.sec_01_info h1{font-size:40px;}
.sec_01_2{width:100%;}
.sec_01_2_1 .sec_01_text{width:94%;padding:4% 3%;}
.sec_01_2_1 img{position:unset;position:unset;margin-right:4%;}
.sec_01_text h2{padding:5px 0;font-size:35px;}
.section_02 ul{margin-top:10px;}
.section_02 li{width:97%;margin:15% 2% 0 2%;}
.slide_info{width:auto;padding:0 5%;}
.text{bottom:35% !important;}
.nav-buttons button{padding:3px 7px !important;}
.nav-buttons{top:40%;}
.slider{height:350px !important;}
.sec_01_info{padding:31% 28% 20% 28%;}
.sec_01_info h1::after{height:165px;}
.sec_03_1{width:100%;margin-top:0px;}
.section_03 .wraper{width:95%;}
.sec_4_1{width:100%;}
.sec_4_2{width:100%;}
.slider-container{margin:0px auto !important;}
.section_02{padding:20px 0;}
.section_03{padding:20px 0;}
.section_04{padding:20px 0;}
.section_05{padding:20px 0;}
.sec_05_1{width:100%;}
.sec_05_2{width:100%;}
.sec_05_text{padding:5%;}
.sec_4_right ul li {
        width: 49%;
        margin: 0;
        height: 115px;
        overflow: hidden;
        border-radius: 5px;
    }
.serv_sec ul li {
        width: 48%;
        margin: 0.5%;
    }

}
@media only screen and (max-width: 600px) and (min-width: 481px){ 
.slide_info h1{font-size:26px;line-height:20px;padding:12px 0;}
.slide_info h5{font-size:10px;}
.slide{padding:0 !important;background-size:cover !important;background-position-x:center !important;height:300px !important;background-attachment: fixed !important;}
.sec_01_1{width:100%;}
.sec_01_info h1{font-size:40px;}
.sec_01_2{width:100%;}
.sec_01_2_1 .sec_01_text{width:94%;padding:4% 3%;}
.sec_01_2_1 img{position:unset;position:unset;margin-right:4%;}
.sec_01_text h2{padding:5px 0;font-size:35px;}
.section_02 ul{margin-top:10px;}
.section_02 li{width:97%;margin:9% 2% 0 2%;}
.slide_info{width:auto;padding:0 5%;}
.text{bottom:35% !important;}
.nav-buttons button{padding:3px 7px !important;}
.nav-buttons{top:40%;}
.slider{height:350px !important;}
.sec_01_info{padding:20%;}
.sec_01_info h1::after{height:165px;}
.sec_03_1{width:100%;margin-top:0px;}
.section_03 .wraper{width:95%;}
.sec_4_1{width:100%;}
.sec_4_2{width:100%;}
.slider-container{margin:0px auto !important;}
.section_02{padding:20px 0;}
.section_03{padding:20px 0;}
.section_04{padding:20px 0;}
.section_05{padding:20px 0;}
.section_02 li .sec_02_text img{width:80px;margin-top:-75px;}
.sec_03_2{float:left;}
.sec_05_1{width:100%;}
.sec_05_2{width:100%;}
.sec_05_text{padding:5%;}
}
@media only screen and (max-width: 800px) and (min-width: 601px){ 
.slide_info h1{font-size:26px;line-height:20px;padding:12px 0;}
.slide_info h5{font-size:10px;}
.slide{padding:0 !important;background-size:cover !important;background-position-x:center !important;height:350px !important;background-attachment: fixed !important;}
.sec_01_1{width:100%;}
.sec_01_info h1{font-size:40px;}
.sec_01_2{width:100%;}
.sec_01_2_1 .sec_01_text{width:94%;padding:4% 3%;}
.sec_01_2_1 img{position:unset;position:unset;margin-right:4%;}
.sec_01_text h2{padding:5px 0;font-size:35px;}
.section_02 ul{margin-top:10px;}
.section_02 li{width:97%;margin:9% 2% 0 2%;}
.slide_info{width:auto;padding:0 5%;}
.text{bottom:35% !important;}
.nav-buttons button{padding:3px 7px !important;}
.nav-buttons{top:40%;}
.slider{height:350px !important;}
.sec_01_info{padding:20%;}
.sec_01_info h1::after{height:165px;}
.sec_03_1{width:100%;margin-top:0px;}
.section_03 .wraper{width:95%;}
.sec_4_1{width:100%;}
.sec_4_2{width:100%;}
.slider-container{margin:0px auto !important;}
.section_02{padding:20px 0;}
.section_03{padding:20px 0;}
.section_04{padding:20px 0;}
.section_05{padding:20px 0;}
.section_02 li .sec_02_text img{width:80px;margin-top:-75px;}
.sec_03_2{float:left;}
}
@media only screen and (max-width: 962px) and (min-width: 801px){
.slide_info h1{font-size:30px;line-height:38px;}
.slide_info h5{font-size:14px;}
.text{bottom:unset !important;top:20%;}
.slide_info h1{margin:15px 0 7px 0;} 
.top_menu{display:none;}
}