@charset "utf-8";
/* CSS Document */

/*	
    font-family: 'Barlow Condensed';  200,300,400,500,600
    font-family: 'Oswald'; 400,500
*/


.homebanner {width: 100%; float:left; clear: both; position: relative;}
.homebannerslider {width: 100%; float:left; clear: both}

.slideingdiv {width: 100%; float:left; /*clear: both;*/position: relative;z-index: 0}

.bannertext-div {position: absolute;z-index: 0; top: 0; background: green}

.homebanner .slick-arrow {display: none!important}



/* how can we help style  */
.howwecan_sec {width: 100%; float:left; clear: both; padding: 100px 0 50px 0; overflow: hidden}

.howcan_left {width: 30%; float:left;}
.howcan_left ul{width: 100%; float: left; clear: both; margin: 40px 0 0 0}
.howcan_left ul li{width: 100%;float: left;border-bottom: 1px solid #d7d7d7;list-style: none; padding: 17px 20px; position: relative;z-index: 0; cursor: pointer}
.howcan_left ul li:last-child{border-bottom: 0}
.howcan_left ul li:after{content: '';position: absolute;z-index: 0;background: url(../images/why-choose-arrow-white.png)no-repeat 0 -6px;width: 29px;height: 95px;top: 0;left: 65px;}
.howcan_left ul li:hover, .howcan_left ul li.active_helptab{background: url('../images/red-texture-btn-bg.png')repeat 0 0}
.howcan_left ul li p{color: #1477bd; font-size: 28px; line-height: 100%; padding: 10px 0 0 0; float: left; display: inline-block}


.howcan_left ul li:hover p{color: #fff}
.howcan_left ul li span{background: url('../images/image-sprite.png')no-repeat -155px 0; width: 30px; height: 30px; display: inline-block; float:right; margin: 10px 0 0}
.howcan_left ul li:hover span,.howcan_left ul li.active_helptab span{background: url('../images/image-sprite.png')no-repeat -155px -58px;}
.howcan_left ul li img{float:left; margin: 0 60px 0 0; display: inline-block}
.howcan_left ul li img.blueicon{display: block}
.howcan_left ul li img.whiteicon{display: none}

.howcan_left ul li:hover img.blueicon{display: none}
.howcan_left ul li:hover img.whiteicon{display: block}

.howcan_left ul li.active_helptab p{color: #fff}

.howcan_left ul li.active_helptab img.blueicon{display: none}
.howcan_left ul li.active_helptab img.whiteicon{display: block}


.howcan_left .sectiontitle{text-align: left;margin: 0 0 30px 0}
.howcan_left .sectiontitle:after {display: none}

.howcan_right {width: 62%;float: right;margin-top: -30px}

.how_can_text_container  {width: 100%; float: right; display: none}
.how_can_text_container.showtab  {display:block}
.howcan_img {float: left; max-width: 537px;} 
.howcan_img img{max-width: 100%} 
.how_can_content{float:left; width: calc(100% - 537px); margin: 90px 0 0 0; text-align: left;padding-right: 80px;padding-left: 20px} 
.how_can_content .sectiontitle {text-align: left;line-height: 100%;}
.how_can_content .sectiontitle:after {content: '';width: 700px;height: 1px;background: #e1e1e1;position: absolute;z-index: -1;left: 0;bottom: 4px;right: 0;}

.howwecan_sec p{font-size: 18px; color: #444444; line-height: 26px; }
.howwecan_sec .howcan_right p{margin: 30px 0 60px}
.howwecan_sec .howcan_right a{border: 2px solid #1477bd; background: #fff; border-radius: 30px; color: #1477bd; font-size: 16px; text-transform: uppercase; padding: 10px 28px 10px 28px; font-weight: 500; text-decoration: none; float:left;line-height: 100%}
.howwecan_sec .howcan_right a:hover{background: #1477bd; color: #fff}
.howwecan_sec .howcan_right a span{display: inline-block;width: 20px;height: 20px;margin: 0 10px 0 0;float: left;background: url(../images/image-sprite.png)no-repeat -9px -6px; transition:all ease-out 0.3s!important; -webkit-transition: all ease-out 0.3s!important; -moz-transition: all ease-out 0.3s!important; -ms-transition: all ease-out 0.3s!important;}
.howwecan_sec .howcan_right a:hover span{background: url(../images/image-sprite.png)no-repeat -9px -48px; transition:all ease-out 0.3s!important; -webkit-transition: all ease-out 0.3s!important; -moz-transition: all ease-out 0.3s!important; -ms-transition: all ease-out 0.3s!important;}



/*testimonial section start */
.testimonialhome_section {width: 100%; float:left; clear: both; background: #ebf1f3;}
.testimonialhome_section .sitewrapper {margin-top: -200px}

.testimonial_left {width: 50%; float:left;}
.testimonial_sliderdiv {background:#fff;width: 100%; float:left; box-shadow: 0 0 30px rgba(0,0,0,0.05); border: 1px solid #ebf1f3;  margin: 50px 0 0 0; padding: 80px 65px 65px}
.testimonialtext {width: 100%; float:left; clear: both;}
.testimonialtext img{margin: 0 0 30px 0}
.testimonialtext p{font-size: 18px; color: #3d3d3d; font-weight: 300; line-height: 32px;}
.clientname {width: 100%; clear: both; float:left; text-align: left; margin: 60px 0 0 0; font-size: 18px; color: #323232; font-weight: 400; border-left: 1px solid #ff0000; padding: 5px 0 5px 20px}

.testimonialhome_section .slick-arrow{position: absolute;z-index: 0; right: 0; top: inherit; bottom: -20px;background: #fff}
/*.testimonialhome_section .slick-arrow:before{display: none}*/
.testimonialhome_section .slick-prev:before, .testimonialhome_section .slick-next:before {content: "\f060";font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 13px;color: #1477bd; opacity: 1}
.testimonialhome_section .slick-next:before{content: '\f061'}
.testimonialhome_section .slick-prev.slick-arrow{left: inherit; right: 84px; width: 85px; height: 36px; border-radius: 20px 0 0 20px; border: 1px solid #1477bd; z-index: 1!important}
.testimonialhome_section .slick-next.slick-arrow {width: 85px;height: 36px;border-radius: 0 20px 20px 0;border: 1px solid #1477bd;}
.testimonialhome_section .slick-next.slick-arrow:hover, .testimonialhome_section .slick-prev.slick-arrow:hover {background: #1477bd;}
.testimonialhome_section .slick-prev:hover:before, .testimonialhome_section .slick-next:hover:before {color: #fff!important}



.testimonialhome_section .sectiontitle {text-align: left}


.testimonial_right_img {width: 50%; float:right}
.testimonial_right_img img{max-width: 100%}


.clientgroup {width: 100%; clear: both}
.clientgroup .sectiontitle{text-align: center}
.clientgroup .sectiontitle:after{display: none}

.clientslider {margin: 0 auto; padding: 0 200px;}
.clientgroup .slick-track{margin:30px 0 50px 0}
.clientgroup .slick-track .clientbox {text-align: center; background: green; margin: 0 35px;}
.clientgroup .slick-track .clientbox img{margin: 0 auto; text-align: center; width: 100%}


.clientgroup .slick-arrow {display: none!important}

.content_block h1 ,.page-title{
    font-size: 40px;
    margin-bottom: 20px;
    color: #323232;
}
.content_block p {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
}
.home_scroll {
    max-height: 300px;
    display: inline-block;
    width: 75%;
}
.areas_list {
    font-size: 25px;
    text-align: left;
    margin-bottom: 20px;
    font-weight: 400;
    color: #1477bd;
}
.sub_home .page-title {
    text-transform: capitalize;
}
.half_widht {
    width: 50%;
    float: left;
}
.half_widht {
    width: 50%;
    float: left;
}
.content_block {
    padding-bottom: 50px;
    display: inline-block;
    width: 100%;
}
.sub_area .innerlist li {
    text-align: left;
    width: 30%;
    float: left;
}
.area_map {
    box-shadow: 0px 1px 1px 2px #ddd;
}
.sub_area .innerlist li a {
    text-decoration: none;
}
.sub_area .innerlist li a:hover,.sub_area .innerlist li.active,.sub_area p a:hover {color: #1477bd}
.contentscroll {
    max-height: 450px;
    padding: 0 50px;
    text-align: left;
}
.sub_area p {
    text-align: left;
}
.sub_area h2 {
    font-size: 25px;
    margin-bottom: 10px;
    font-weight: 400;
    color: #1477bd;
}

.homebanner  .n2-ss-section-main-content{padding: 0px !important;}
.homebanner .n2-ss-item-content{    position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.homebanner .banner1{position: absolute; max-width: 615px; box-sizing: border-box; width: 100%;padding: 19px 16px 27px; left: 100px; background: #fff; top: calc(50% - 136px); }
.homebanner .banner1 .big_text{color: #2a2a2a; text-transform: capitalize; font-size: 24px; font-family: 'Oswald'; /*font-weight: bold;*/ text-align: center; margin: 0 0 25px; line-height: 37px;}

.homebanner .banner1 .banner_btn{margin-top: 28px;}
.homebanner .banner_btn{ font-size: 20px !important; line-height: 24px !important; font-weight: 400 !important; font-family: 'Oswald', sans-serif !important; color: #fff !important; text-decoration: none !important; text-transform: uppercase !important; padding: 12px 35px ; border-radius: 40px; display: inline-block; position: relative; overflow: hidden; z-index: 0; background: #1890d7 url(../images/ft-img-repeat.jpg)repeat 0 0; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -ms-transition: all ease-out 0.3s; }
.homebanner .banner_btn:hover{    background: url(../images/black-texture.png);}

.homebanner .banner1 .n2-font-1304-paragraph{text-align: center !important;}

.homebanner .banner2{position: absolute; max-width:562px; box-sizing: border-box; width: 100%; padding: 33px 45px 19px 40px; left: 100px; background: rgba(255, 255, 255, 0.81); top: calc(50% - 95px); /*border-radius: 5px;*/}
.homebanner .banner2 .banner-img {position: absolute;left: 64px;top: 16px;}
.homebanner .banner2 .banner-img img:nth-of-type(2){bottom: -44px;position: absolute;max-width: 134px;left: 8px;}
.homebanner .banner2 .big_text,.homebanner .banner3 .big_text{color: #2a2a2a; text-transform: capitalize; font-size: 24px; font-family: 'Oswald'; /*font-weight: bold;*/ text-align: left; margin: 0 0 20px; line-height: 30px;}
.homebanner .banner2 .big_text{padding-left: 199px;}
.homebanner .banner2 img{max-width: 146px;display: block;}
.homebanner .banner2 .n2-font-1304-paragraph{text-align: center !important;}
.homebanner .banner2 .banner_btn {margin-top: 13px}
.homebanner .banner3{position: absolute; max-width: 574px; box-sizing: border-box; width: 100%; padding: 23px 34px 32px; left: 100px; background: rgba(255, 255, 255, 0.81);  top: calc(50% - 135px);}
.homebanner .banner3 .big_text{text-align: center;line-height: 36px;}
.homebanner .banner3 p{text-align: center !important;}