/*--------------------- Copyright (c) 2020 ----------------------- 
[Master Stylesheet] 
 ------------------------------------------------------------------- 
[Table of contents] 
1. top-header Style
2. header Section Style
3. banner Section Style
4. services Section Style
5. about us Section Style 
6. counter Section Style
7. why people choose  Section Style
8. our services Section Style
9. testimonial Section Style
10.pricing Section Style
11.blog Section Style
12.contact Section Style
13.footer Section Style
14. About Page Style
15. Service Page Style
16. Blog Page Style
17. Contact Page Style
18. Responsive Style
-------------------------------------------------------------------*/


/********************************************************
1. body start
 *******************************************************/
body {
	font-family: 'Sarabun';
	font-weight:400;
	font-size: 16px;
	line-height:1.78;
	color: var(--cs-text-color);
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
span.fa.fa-angle-double-up {
    background: var(--cs-main-color);
    padding: 15px 18px;
    border-radius: 50px;
    font-size: 18px;
    color: var(--main-bg-color);
    transition: all 0.3s;
}
span.fa.fa-angle-double-up:hover {
    color: var(--main-bg-color);
}

*,*:before,*:after{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
a, a:hover, a:focus{
	color: #707070;    
	text-transform: capitalize;
	text-decoration: none;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
h1, h2, h3, h4, h5, h6{	
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	margin:0;
	padding:0;
	text-transform:capitalize;
}
img {
	max-width: 100%;
}
input, textarea, select, button, label, svg, svg path, svg rect, svg polygon, img, a, :after, :before, :hover, :focus, .form-control:focus{
	outline: none !important;
	box-shadow:none;
}
ul{
	padding:0;
	margin:0;
	list-style-type: none;
}
p {
  margin: 0px;
  font-weight:400;
 font-size: 16px;
}
.container {
    max-width: 1200px;
}
/* button css */
.cd-btn {
    min-height: 50px;
    min-width: 150px;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: linear-gradient(to right, #1956c1 0%, #e2403b 50%, #1956c1 100%);
    background-size: 200% auto;
    color: var(--main-bg-color);
    font-size: 16px;
    font-weight: 500;    
    text-transform: capitalize;
    border: none;
    padding: 0px 20px;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
    z-index: 0;
}
.cd-btn .btn-arrow {        
    width: 24px;
    height: 24px;
    transition: all 0.4s ease-in-out;
    display: block;
}
.cd-btn:hover, .cd-btn:focus {
    color: var(--main-bg-color);
    background-position: right center;
}
.cd-btn:hover .btn-arrow {
    transform: rotate(45deg);
}
/* button css */
::placeholder{
color: #898d94;
}
/********************************************************
    3. Preloader CSS
*******************************************************/
.preloader_active .preloader_holder {
    background-color: var(--main-bg-color);
}
.preloader_active .preloader_holder .preloader span {
    box-shadow: 0px 0px 0px 0px var(--main-color);
}
@-webkit-keyframes loadingCircles{
    0%{-webkit-transform: scale(0); opacity: 1; box-shadow: 0px 0px 0px 10px var(--cs-main-color);}
    100%{-webkit-transform: scale(1); opacity: 0; box-shadow: 0px 0px 0px 2px var(--cs-main-color);}
}
@-moz-keyframes loadingCircles{
    0%{-moz-transform: scale(0); opacity: 1; box-shadow: 0px 0px 0px 10px var(--cs-main-color);}
    100%{-moz-transform: scale(1); opacity: 0; box-shadow: 0px 0px 0px 2px var(--cs-main-color);}
}
@keyframes loadingCircles{
    0%{transform: scale(0); opacity: 1; box-shadow: 0px 0px 0px 10px var(--cs-main-color);}
    100%{transform: scale(1); opacity: 0; box-shadow: 0px 0px 0px 2px var(--cs-main-color);}
}
.preloader_open:before, .preloader_open:after {
    background-color: var(--main-bg-color);
}
/*=========================Top Header Style=======================*/
.cs_top_header_wrapper {
    background-color: #282932;
    padding: 11px 0 11px;
}
.cs_top_header_wrapper img {
    padding-right: 5px;
}
.cs_top_header_info p {
    color: #bcbed4;
    transition: all 0.3s;
    font-weight: 500;
}
.cs_top_header_info_btn a {
    color: #bcbed4;
    transition: all 0.3s;
    font-weight: 500;
}
.cs_top_header_info_btn a:hover {
    color: var(--cs-main-color);
}
.cs_top_header_info_call p:hover span {
    color: var(--cs-main-color);
}
.cs_top_header_info_mail p:hover span{
    color: var(--cs-main-color);
}
.cs_top_header_info {
    display: flex;
    justify-content: left;
}
.cs_top_header_info_btn {
    text-align: right;
}
.cs_top_header_info_mail {
    padding-left: 50px;
}
/*=========================Main Header Style=======================*/
header {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);
    position: unset;
    display: inline-block;
    width: 100%;
    z-index: 9;
    background: var(--main-bg-color);
}
.cs_header_top {
    background: var(--main-bg-color);
    border-bottom: 1px solid var(--main-gray-version4);
    color: var(--main-gray-version5);
}
.cs_header_info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.cs_header_info ul {
    display: flex;
    flex-wrap: wrap;
}
.cs_header_info ul li {
    margin-left: 20px;
    padding: 6px 0;
}
.cs_header_top .cs_btn {
    min-width: 190px;
    border-radius: 0;
}
.cs_header_icon svg {
    height: 18px;
    fill: var(--main-royal-red);
}
.cs_header_info ul li:first-child {
    margin-left: 0;
}
.cs_header_info ul li a {
    color: var(--main-gray-version5);
    display: inline-block;
}
.cs_header_icon {
    margin-right: 3px;
}
.cs_header_wrapper {
    padding: 15px 0px 15px 30px;
}
.cs_header_info ul li a > span {
    margin-right: 4px;
    font-weight: 700;
}
.searchBtn, .searchBtn:focus, .searchBtn:hover {
    color: var(--main-royal-blue);
    padding-left: 10px;
}
.cs_header_wrapper .cs_btn {
    min-width: 200px;
    margin: 0 0 0 30px;
    padding: 0 15px 0;
    letter-spacing: 0;
}
.cs_search_wrap .display_flex {
    align-items: center;
}
.cs_search_wrap .display_flex li {
    display: flex;
}

.main_menu_wrapper ul > li > a {
    padding: 4px 20px;
    display: inline-block;
    font-weight: 500;
    color: var(--main-bg-color);
    transition: all 0.3s;
    position: relative;
    z-index: 1;
}
ul.sub_menu li a{
    color: var(--cs-heading-color);
}
.main_menu_wrapper ul > li > a::before{
    content: '';
    width: 0px;
    height: 2px;
    background: var(--main-bg-color);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: all 0.4s;
}
.main_menu_wrapper ul > li > a:hover::before, .main_menu_wrapper ul > li.active > a::before{
    width: 30px;
}
.cs_search_wrap {
    margin-left: 25px;
}
.cs_header_wrapper .container, .cs_banner_slider_wrapper .container {
    max-width: 1400px;
}
.fixed_header {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 999;
    background: var(--cs-main-color);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    max-width: 1400px;
    width: 100%;
    margin: auto;
    border-radius: 0 0 30px 30px;
}
a.cs_startbtn {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding: 10px 20px;
}
a.cs_startbtn img{
    width: 27px;
    height: auto;
}
/*=================Banner Style==================*/
.cs_banner_text h5 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px; 
    color: var(--cs-main-color);
}
.cs_header_banner span {
    color: var(--cs-main-color);
}
.cs_header_banner h1 {
    font-size: 62px;
    font-weight: 800;
    margin: 15px 0;
    color: var(--cs-heading-color);
}
.cs_banner_text p {
    max-width: 600px;
    width: 100%;
}
.cs_banner_read_button.cs_main_btn a:hover {
    background-color: #5f5963;
    color: var(--main-bg-color);
    border: solid 2px #5e5863;
}
.cs_banner_text_button {
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.cs_banner_tracking_button {
    margin-left: 20px;
}
.cs_banner_tracking_button a {
    background-color:var(--cs-main-color);
    border: 2px solid transparent;
    color: var(--main-bg-color);    
    padding: 10px 25px;
    transition: all 0.5s;
    font-weight: 500;    
    height: 50px;
    display: inline-block;
    width: auto;
}
div#Request_Quote {
    display: block;
}
.cs_banner_tracking_button a:hover {
    background: transparent;
    color: var(--main-bg-color);
    border: solid 2px var(--main-bg-color);    
}

/*=================Banner Tab Style==================*/
.cs_header_form a.active.show {
    color: var(--main-bg-color);
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    background: var(--cs-main-color);
    padding: 18px 30px;
    margin: 0;
}
.cs_header_form a.cs_banner_tab {
    background: #665d63;
    color: var(--main-bg-color);
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 18px 30px;
    margin: 0;
    display: block;
}
.cs_header_form .who_we_tab li a.active:before {
   display: none;
}
.cs_header_form .who_we_tab .nav:after {
   display: none;
}
 .who_we_tab li a:after {
  display: none;
}
div#header_tab h3 {
    color: var(--cs-heading-color);
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
}
div#header_tab p {
    color: #898d94;
    font-size: 16px;
}
div#header_tab input[type="text"] {
    padding: 10px 25px;
    width: 100%;
    background: #f3f5f6;
    border: none;
    margin-top: 20px;
    border-radius: 6px;
}
div#header_tab1 h3 {
    color: var(--cs-heading-color);
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
}
div#header_tab1 p {
    color: #898d94;
    font-size: 16px;
}
div#header_tab1 input[type="text"] {
    padding: 10px 25px;
    width: 100%;
    background: #f3f5f6;
    border: none;
    margin-top: 20px;
}
.cs_header_form a.cs_banner_tab.active {
    background: var(--cs-main-color);
}
div#header_tab textarea {
    padding: 10px 25px;
    width: 100%;
    background: #f3f5f6;
    border: none;
    margin-top: 20px;
    height: 100px;
    border-radius: 6px;
}
div#header_tab a {
    width: 100%;
}
div#header_tab1 textarea {
    padding: 10px 25px;
    width: 80%;
    background: #f3f5f6;
    border: none;
    margin-top: 20px;
    height: 100px;
}
div#header_tab1 a {
    padding: 10px 132px;
    width: 100%;
    margin-top: 10px;
}
div#pills-tabContent {
    padding: 17px 0px;
    border-top: none;
    background: var(--main-bg-color);
    text-align: center;
}
div#pills-tabContent1 {
    padding: 30px;
}
.cs_tab_form_btn {
    margin-top: 10px;
}
.cs_header_form .who_we_tab .nav {
    position: relative;
    margin: 16px 0 15px;
}
/*=================Banner Tab Style==================*/
.cs_banner_slider_wrapper .swiper-button-prev {
    left: auto;
    right: 120px;
    opacity: 1;
    background: #595967;
    transition: all 0.3s;
}
.cs_banner_slider_wrapper .swiper-button-prev:hover{
	background: var(--cs-main-color);
}
.cs_banner_slider_wrapper .swiper-button-next {
    right: 0px;
    left: auto;
    background:#595967;
    transition: all 0.3s;
}
.cs_banner_slider_wrapper .swiper-button-next:hover {
    background:var(--cs-main-color);
}
.cs_banner_slider_wrapper .swiper-button-next img{
	padding-right: 8px;
}
.cs_banner_slider_wrapper .swiper-button-prev img{
	padding-right: 8px;
}
.cs_banner_slider_wrapper .swiper-button-next, .cs_banner_slider_wrapper .swiper-button-prev {
    position: absolute;
    bottom: 20px;
    top: auto;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content:  center;
    color: var(--main-bg-color);
    width: 120px;
    height: 60px;
}
.cs_banner_slider_wrapper {
    background: #f6f2f2;
    padding: 200px 0px 0 0;
    position: relative;
    z-index: 1;
}
.cs_banner_text {
    padding-bottom: 50px;
}
.cs_banner_right {
    text-align: right;
}
.cd-banner-right-img {
    text-align: right;
}
/*=================Services Style==================*/
.cs_top_services_wrapper {
    background: #f8f8f8;
    padding: 60px 0px;
    margin-top: 80px;
}
.cs_top_services_icon p {
    color: var(--cs-heading-color);
    transition: all 0.5s;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    margin-top: 10px;
}
.cs_top_services_box {
    text-align: center;
    background: var(--main-bg-color);
    padding: 25px 10px;
    transition: all 0.5s;
}
.cs_top_services_box:hover {
    background: var(--cs-main-color);
    box-shadow: 0px 29px 60px 0px rgb(255 90 90 / 40%);
}
.cs_top_services_icon svg {
    fill: var(--cs-heading-color);
    margin-bottom: 10px;
    transition: all 0.5s;
}
.cs_top_services_box:hover .cs_top_services_icon svg {
    fill: var(--main-bg-color);
}
.cs_top_services_box:hover .cs_top_services_icon p {
    color: var(--main-bg-color);
}
.cs_header_form {
    background: var(--main-bg-color);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
}
/*=================About Us Style==================*/
.cs_about_content p {
    padding-top: 20px; 
    line-height: 1.5;
}
.cs_about_content ul {
    padding-top: 20px;
}
.cs_about_content ul li {
    font-size: 16px;
    font-weight: 600;
    color: #222;
    display: flex;
    align-items: center;
    gap: 10px;
}
.cs_people_choose_content {
    width: 100%;
}
.cs_about_icon_text h3 {
    color: var(--cs-heading-color);
    font-size: 20px;
    font-weight: bold;
}
.cs_about_icon_text p {
    padding: 0;
}
.cs_about_icon_box {
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.cs_about_wrapper {
    padding: 80px 0;
}
.cs_about_img {
    padding-left: 120px;
}
.cd-abt-btn{
    margin-top: 30px;
}
.cs_people_choose_wrapper .who_we_tab li a {
    color: var(--cs-heading-color);
    font-size: 18px;
    font-weight: 500;
    margin: 0 35px;
    position: relative;
    text-transform: uppercase;
}
.cs_people_choose_wrapper .who_we_tab .nav {
    position: relative;
    margin: 16px 0 0px;
    border-bottom: 1px solid rgb(214 212 213);
    padding-bottom: 9px;
}
.cs_people_choose_wrapper .who_we_tab li a {
    color: var(--cs-heading-color);
    font-size: 18px;
    font-weight: 700;
    margin: 0 35px;
    position: relative;
    text-transform: capitalize;
    padding-bottom: 15px;
}
.cs_people_choose_wrapper .who_we_tab li a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
    margin: auto;
    width: 1px;
    height: 11px;
    background: rgb(236, 240, 255);
}
.cs_people_choose_wrapper .who_we_tab li a.active:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    background: var(--cs-main-color);
    bottom: 0;
    z-index: 1;
}
.cs_people_choose_wrapper .who_we_tab li:first-child a {
    margin-left: 0;
}
.cs_people_choose_wrapper .who_we_tab li:first-child a:after {
    display: none;
}
.cs_people_choose_wrapper .who_we_tab .tab-content svg {
    margin-right: 5px;
}
.cs_people_choose_wrapper .who_we_tab .tab-content1 svg {
    margin-right: 5px;
}
/*=================Counter Style==================*/
.cs_counter_wrapper{
   background-image: url(../images/count_img1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0 80px;
    position: relative;
    z-index: 1;
}
.cs_counter_wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.96;
    background: #000000bd;
    z-index: -1;
}
.cs_counter_icon svg {
    fill: var(--main-bg-color);
}
.cs_counter_icon_box {
    text-align: center;
}
.cs_counter_icon p {
    fill: var(--main-bg-color);
    background: var(--cs-main-color);
    width: 90px;
    height: 90px; 
    padding: 20px;
    margin: 0 auto;
    border: 2px solid var(--main-bg-color);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cs_counter_text h1 {
    padding: 20px 0px 8px;
    font-size: 36px;
    font-weight: 800;
    color: var(--main-bg-color);
}
.cs_counter_text p {
    font-size: 18px;
    font-weight: 500;
    color: var(--main-bg-color);
}
/*=================Why People Choose Style==================*/
.cs_top_heading {
    font-size: 18px;
    font-weight: 600;
    color: var(--cs-main-color);
    text-transform: uppercase;
    letter-spacing: 2px; 
}
.cs_main_heading {
    color: var(--cs-heading-color);
    font-size: 35px;
    font-weight: 800; 
    margin-top: 10px;
    position: relative;
}
.cs_people_choose_content p {
    color: #898d94;
    padding-top: 20px;
}
.cs_people_choose_content .tab button {
    background-color: transparent;
    position: relative;
    color: var(--cs-heading-color);
    font-weight: 600;
}
.cs_people_choose_content .tab button.active {
    color: var(--cs-heading-color);
    border-bottom: 2px solid var(--cs-main-color);
}
.cs_mission_vision_wrapper .cs_main_btn {
    margin-top: 25px;
}
.cs_mission_vision_wrapper .tabcontent {
    display: none;
    padding: 30px 0px;
    text-align: left;
}
.cs_testimonial_section {
    width: 100%;
    margin: 50px auto 0;
}
.cs_testimonial_slides {
    margin: 0 auto;
    width: 85%;
}
.cs_mission_vision_wrapper .tab {
    overflow: hidden;
    position: relative;
    z-index: 1;
}
div#Mission {
    display: block;
    text-align: left;
    color: #898d94;
}
div#Vision {
    display: block;
    text-align: left;
    color: #898d94;
}
.cs_mission_vision_wrapper .tab:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #e0e0e0;
    z-index: 0;
}
.cs_testimonial_slides {
    margin: 0 auto;
    width: 100%;
}
.cs_people_choose_wrapper {
    padding: 80px 0;
}
.cs_abt_img {
    position: relative;
    max-width: 500px;
    width: 100%;
    margin: auto;
}
.cs_abt_img img:first-child, .cd-choose-img img { 
    background: linear-gradient(60deg, #1956c1 20%, #e2403b 70%);
    padding: 5px;
}
.cd-choose-img {
    max-width: 500px;
    width: 100%;
    margin: auto;
}
.cs_mission_vision_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.years {
    font-size: 25px;
    font-weight: 300;
    line-height: 10px;
    letter-spacing: 1px;
}
.years span {    
    font-size: 140px;
    font-weight: 600;
    line-height: 120px;
    background-color: #0099F7;
    background-image: url(../images/about-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    padding-right: 30px;
}
.text {
    font-size: 22px;
    font-weight: 500;
    font-style: italic;
    line-height: 30px;
    color: var(--cs-main-color);
    border-left: 5px solid #eee;
    padding-left: 25px;
    margin-top: 20px;
}
.years > p {
    font-size: 18px;
    font-weight: 800;
    color: #222;
    text-transform: uppercase;
    letter-spacing: 0;
}
/*=================Our Services Style==================*/
.cs_our_services_wrapper{   
    padding: 80px 0px;        
}
.cs_our_service_content h1 {
    color: var(--cs-heading-color);
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
}
.cs_our_service_content p {
    color: #898d94;
    padding-bottom: 10px;
}
.cs_our_service_content a {
    color: var(--cs-main-color);
}
.cs_our_service_box {
    text-align: center;
    background: var(--main-bg-color);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
    padding: 40px 15px;
    transition: all 0.3s;
}
.cs_our_service_icon {
    margin-bottom: 20px;
}
.cs_our_services_heading {
    text-align: center;
    margin-bottom: 50px;
}
.cs_our_service_box:hover{
    transform: translateY(-8px);
}
/*=================Service Testimonial Style==================*/
.cs_testimonial_heading{
    text-align: center;
}
.cs_testimonial_heading .cs_main_heading {
    max-width: 600px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.cs_testimonial_wrapper {
    padding: 80px 0;
}
.cs_testimonial_text {
    padding: 18px 0;
}
.cs_testimonial_img img {
    border: 3px solid var(--cs-main-color);
    width: 80px;
    height: 80px;
    object-fit: cover;
}
.cs_testimonial_img_name {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.cs_testimonial_name h5 {
    font-size: 18px;
    font-weight: 800;
    color: var(--cs-heading-color);    
}
.cs_testimonial_name p {    
    color: var(--cs-main-color);
}
.cs_testimonial_name {
    position: relative;
    z-index: 1;
}
.cs_testimonial_img {
    position: relative;
    z-index: 3;
}
.cs_testimonial_quote {
    text-align: center;
}
.cs_testimonial_text p { 
    font-style: italic;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 1.5;
    max-width: 700px;
    width: 100%;
    margin: auto;
}

.cs_testimonial_wrapper .swiper-button-next:after, .cs_testimonial_wrapper .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 0;
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
}
.cs_testimonial_wrapper .swiper-button-next, .swiper-button-prev {
    position: absolute;
    bottom: 0;
    top: auto;
    right: 0;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    width: 80px;
    height: 50px;
}
.cs_testimonial_wrapper .swiper-button-next {
    position: unset;
    background: var(--cs-main-color);
    transition: all 0.3s;
    box-shadow: none;    
}
.cs_testimonial_wrapper .swiper-button-next:hover {
    background: var(--cs-main-color);    
}
.cs_testimonial_wrapper .swiper-button-prev {
    position: unset;
    background: var(--cs-main-color);
    opacity: 1;
    transition: all 0.3s;
    box-shadow: none;    
}
.cs_testimonial_wrapper .swiper-button-prev:hover {
    background: var(--cs-main-color);    
}
.cs_tesmnl_arrow {
    display: flex;
    justify-content: center;
    align-items: center; 
    gap: 2px;
    margin-top: 50px;
}
/*=================Pricing Table Style==================*/
.cs_pricing_wrapper {
    background: #fffafa;    
    padding: 80px 0 80px;
    position: relative;
    z-index: 1;
}
.cs_pricing_calculate_table_body span {
    display: grid;
}
.cs_pricing_calculate_table_body {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 10px 0px 10px;
}
.cs_pricing_calculate_btn .cd-btn {
    width: 100%;
}
.cs_pricing_calculate_btn.cs_main_btn {
    text-align: center;
    margin: 20px 30px 0px;
}
.cs_pricing_calculate_table_body label {
    color: var(--cs-heading-color);
    font-size: 14px;
    font-weight: 500;
}
.cs_pricing_charge_table table {
    width: 100%;
    background: var(--main-bg-color);
    border-radius: 10px;
}
.cs_pricing_charge_table thead {
    background: var(--cs-main-color);
    transition: all 0.3s;
}
.cs_pricing_charge_table th {
    padding: 10px 10px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    width: 20%;
    color: var(--main-bg-color);
}
.cs_pricing_charge_table td {
    padding: 18px 0px;
    text-align: center;
    font-size: 14px;
    width: 20%;
    color: #898d94;
}
.cs_pricing_charge_table tr {
    border-top: 1px solid #dedede;
}
.cs_table_heading {
    text-align: center;
    padding: 0px 0px 50px;
}
.cs_pricing_charge_table {
    background: var(--main-bg-color);
    text-align: center;
    padding: 42px 0 0px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
}
.cs_pricing_charge_table h3 {
    color: var(--cs-heading-color);
    font-size: 20px;
    font-weight: bold;
}
.cs_pricing_charge_table p {
    color: #898d94;
    padding: 8px 0;
}

.cs_pricing_calculate_heading h1 {
    color: var(--cs-heading-color);
    font-size: 20px;
    font-weight: bold;
}
.cs_pricing_calculate_heading p {
    color: #898d94;
    padding: 8px 0;
}
.cs_pricing_calculate_heading {
    text-align: center;
}
.cs_pricing_calculate_table {
    background: var(--main-bg-color);
    padding: 50px 0;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
}
.cs_pricing_calculate_table_body input[type="text"] {
    background: #f3f5f6;
    border: none;
    padding: 10px 15px;
    width: 200px;
}
/*=================Track Section Style==================*/
.cs_track_wrapper {
    background: #fffafa;
    padding: 80px 0 0 0;
    position: relative;
    z-index: 1;
}
.cs_track_img {
    text-align: center;
}
/*=================Blog Section Style==================*/
.cs_blog_heading {
    text-align: center;
    margin-bottom: 50px;
}
.cs_blog_date h1 {
    color: var(--cs-heading-color);
    font-size: 36px;
    font-weight: bold;
    background: var(--main-bg-color);
    width: 85px;
    text-align: center;
    padding: 10px;
    border-radius: 10px 10px 0 0;
}
.cs_blog_date p {
    color: var(--main-bg-color);
    background: var(--cs-main-color);
    width: 85px;
    text-align: center;
}
.cs_blog_date {
    position: absolute;
    bottom: -27px;
    left: 22px;
}
.cs_blog_img_box {
    position: relative;
}
p.cs_sbar_blog_date {
    color: var(--cs-main-color);
}
a.cs_blog_title:hover {
    color: var(--cs-main-color);
}
.cs_blog_grid_text p {
    text-align: left !important;
}
.cs_blog_text h3 {
    font-size: 20px;
    color: var(--cs-heading-color);
    font-weight: 600;
    transition: all 0.3s;
    padding-top: 10px;
}
.cs_blog_text h3:hover {
    color: var(--cs-main-color);
}
.cs_blog_text p {
    padding: 8px 0px;
    line-height: 1.5;
}
.cs_blog_user a {    
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 10px;
}
.cs_blog_user a:hover {
    color: var(--cs-main-color);
}

.cs_blog_comment a {    
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 10px;
}
.cs_blog_comment a:hover {
    color: var(--cs-main-color);
}
.cs_blog_user_comment {
    display: flex;
    align-items: center;
    margin-top: 15px;
}
.cs_blog_comment {
    padding-left: 40px;
}
.cs_blog_img img {
    transition: all 0.4s;
    position: relative;
    width: 100%;    
}
.cs_blog_img:hover img {
    transition: all 0.4s;
    transform: scale(1.1);
}
.cs_blog_img {
    overflow: hidden;
    transition: all 0.4s;
}
.cs_blog_wrapper {
    padding: 80px 0;
}
/*=================Contact Section Style==================*/
.cs_contact_wrapper {
    position: relative;
    z-index: 99;
}
.cs_contact_wrapper .row {
    background: var(--cs-main-color);
    padding: 40px;
}
.cs_contact_box h1 {
    color: var(--main-bg-color);
    font-size: 20px;
    font-weight: 500;
    padding: 20px 0px;
}
.cs_contact_box p {
    color: var(--main-bg-color);
}
.cs_contact_box {
    text-align: center;
}
/*=================Footer Section Style==================*/
.cs_footer_wrapper {
    background-image: url(../images/footer_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 200px 0 15px;
    position: relative;
    z-index: 1;
    margin-top: -130px;
}
.cs_footer_wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.96;
    background: #000000f5;
    z-index: -1;
}
.cs_footer_icon a {
    width: 40px;
    height: 40px;    
    background: #414147;    
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--main-bg-color);
    transition: all 0.3s;
}
.cs_footer_icon a svg{
    display: block;
    fill: var(--main-bg-color);
}
.cs_footer_icon a:hover {
    background: var(--cs-main-color);
    padding: 10px 13px;    
}
.cs_footer_icon a:hover i{
    color: var(--main-bg-color);
}
.cs_footer_icon ul {
    display: flex;
    align-items: center;
}
.cs_footer_icon li{
	margin-right: 12px;
}
.cs_footer_icon h5 {
    font-size: 18px;
    font-weight: 600;
    color: var(--main-bg-color);
    padding: 25px 0px 15px;
}
.cs_footer_section1 p {
    padding: 25px 0px 0px;
    color: var(--main-bg-color);
}
.cs_footer_wrapper h5 {
    font-size: 18px;
    font-weight: 600;
    color: var(--main-bg-color);
    padding: 10px 0px 15px;
}
.cs_footer_wrapper li {
    padding-bottom: 5px;
}
.cs_footer_wrapper li a{
    color: var(--main-bg-color);
}
.cs_copyright {
    text-align: center;
    margin-top: 80px;
    border-top: 1px solid #484848;
    padding: 15px 0 0;
    color: var(--main-bg-color);
}
.cs_copyright p a{
    color: var(--main-bg-color);
}
.cs_footer_wrapper a:hover {
    color: var(--cs-main-color);
}
/*=================Swiper Style==================*/
    html,
    body {
      position: relative;
      height: 100%;
    }
    .swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      font-size: 16px;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

/*=================Swiper Style==================*/
/*=================About Page Style==================*/
.cs_pagetitle {
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    color: var(--main-bg-color);
    padding: 130px 0px 50px;
    background-image: url(../images/count_img1.jpg);
    background-position: center;
    background-repeat: no-repeat;
}
.page_title h2{
    float:left;
    width:100%;
    text-align:center;
    color:var(--main-bg-color);
    float:left;
    margin:0px;
    font-size:36px;
    text-transform:capitalize;
    }
    .cs_img_overlay {
        position: absolute;
        top: 0%;
        left: 0%;
        right: 0%;
        bottom: 0%;
        background-color: rgb(0 0 0 / 72%);
    }
    .cs_pagetitle ul.breadcrumb {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
    }
.cs_pagetitle ul.breadcrumb li {
    display: inline-block;
    list-style: none;
    padding-top: 5px;
}
.cs_pagetitle ul.breadcrumb li a {
    color: var(--main-bg-color);
    font-size: 18px;    
    text-decoration: none;
    text-transform: capitalize;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.cs_pagetitle ul.breadcrumb li:last-child {
    color: var(--cs-main-color);    
}
/*=================Service Page Style==================*/
.cs_service_page_wrapper {
    margin: 0;
}
/*=================Blog Page Style==================*/
.cs_single_blog_img1 img {
    border: 3px solid var(--cs-main-color);
    width: 113px;
    height: 113px;
    object-fit: cover;
}
.cs_single_blog_img1_box1 {
    display: flex;
    justify-content: space-around;
    background: #f5f5f5;
    padding: 20px;
    margin: 30px auto;
}
.cs_img_text_container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.cs_img_text_container img {
    width: 370px;
    display: inline-block;
    margin: 6px 15px 6px 0;
}
.cs_img_text_container p {
    display: inline-block;
    width: calc(100% - 385px);
}
.cs_divider {
    margin: 15px 0;
    display: block;
}
.cs_single_blog_testimonial {
    background: #2a2a33;
    margin-top: 55px;
}
.cs_single_blog_testimonial .cs_testimonial_slides {
    padding: 20px;
    width: 100%;
}
.cs_single_blog_testimonial .cs_testimonial_text {
    padding: 0px 0 18px;
}
.cs_single_blog_text1 h5 {
    font-size: 18px;
    font-weight: 600;
    color: var(--cs-main-color);
    padding-left: 0px;
}
.cs_single_blog_text1 span {
    font-size: 16px;
    color: #808080c2;
    font-weight: 500;
}
.cs_single_blog_img1_box1 {
    display: flex;
    justify-content: space-around;
    background: #f5f5f5;
    padding: 20px;
    align-items: center;
}
.cs_single_blog_text1 {
    width: 670px;
    position: relative;
}
.cs_single_blog_text1:before {
    content: "\f10e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: var(--cs-main-color);
    position: absolute;
    right: 50%;
    font-size: 84px;
    margin: auto;
    top: 50%;
    opacity: .1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.cs_blog_sidebar_categories {
    margin-top: 30px;
}
.cs_single_blog_uname a {    
    transition: all 0.3s;
}
.cs_single_blog_uname a:hover {
    color: var(--cs-main-color);
}
.cs_blog_time a, .cs_single_blog_uname a { 
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 10px;
}
.cs_blog_time a:hover {
    color: var(--cs-main-color);
}
.cs_blog_time i {
    color: var(--cs-main-color);
}
.cs_single_blog_user_comment .cs_blog_time {
    margin-left: 40px;
}
.cs_single_blog_user_comment {
    display: flex;
    margin-top: 30px;
}
.cs_comment_holder {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 40px;
}
.cs_comment_user {
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-right: 30px;
}
.cs_comment_user img {
    width: 100px;
    height: 100px;
    border: none;    
    object-fit: fill;
}
.cs_comment_detail {
    width: calc(100% - 130px);
}
.cs_reply_btn {
    color: var(--cs-main-color);
    margin-left: 15px;
}
.cs_comment_detail p {
    padding: 0px 0px;
    font-size: 15px;
}
h5.cs_user_name {
    color: var(--cs-main-color);
    font-size: 18px;
}
.cs_blog-body.cs_single_blog_body {
    border: none;
    padding: 0;
}
.cs_comment_box {
    margin-top: 75px;
}
.cs_field_holder {
    margin-bottom: 30px;
}
.cs_form_field {
    width: 100%;
    border: 1px solid var(--main-border-color);
    padding: 0 20px;
    height: 50px;
    display: flex;
}
textarea.cs_form_field {
    height: 150px;
    resize: none;
    padding: 12px 20px;
}
.cs_comment_form {
    margin-top: 70px;
}
.cs_comment_form_heading {
    padding-bottom: 40px;
}
.cs_latestPost_field ul li {
    display: flex;
    margin-bottom: 12px;
    flex-wrap: wrap;
    align-items: center;
}
.cs_latestPost_field ul li .cs_blog_thumb {
    margin-right: 10px;
    width: 70px;
    display: inline-block;
}
.cs_blog_thumb img {
    border: none;
}
.cs_blog_title_wrap {
    width: calc(100% - 80px);
}
.cs_blog_title {
    font-weight: 400;
    text-transform: capitalize;
    color: #858585;
}.cs_latestPost_field {
    margin-top: 20px;
}
.cs_blog_sidebar_tags {
    margin-top: 106%;
}
.cs_blog_sidebar_post {
    margin-top: 154%;
}
.cs_blog_date {
    color: var(--cs-main-color);
    font-weight: 400;
}
.cs_blog_date {
    color: var(--cs-main-color);
    font-weight: 400;
}
/*=========Sidebar Style==========*/
.cs_blog_sidebar_search_section i {
    color: #8585a5;
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 18px;
}
.cs_blog_sidebar_search_section {
    position: relative;
    margin-bottom: 30px;
}
.cs_blog_sidebar_search_section input[type="text"] {
    border: 1px solid var(--main-border-color);
    padding: 10px 40px 10px 20px;
    width: 100%;
}
h4.widget-title {
    font-size: 20px;
    color: #272727;
    font-weight: 600;
    line-height: 32px;
    transition: all 0.3s;
}
.cs_blog_sidebar_categories ul {
    float: left;
    width: 100%;
    margin: 0px;
    padding-left: 20px;
    color: var(--cs-main-color);
    list-style-type: disc;
    margin-top: 10px;
}
.cs_blog_sidebar_categories li {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #f3f0f0;
    padding-bottom: 5px;
}
::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
}
.cs_blog_sidebar_start {
    margin-top: 0px;
}
.cs_blog_sidebar_categories ul li a {
    text-decoration: none;
    text-transform: capitalize;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #858585;
}
.cs_blog_sidebar_categories ul li a:hover {
    color: var(--cs-main-color);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
a.ed_btn.ed_orange {
    color: var(--main-bg-color);
    background: var(--cs-main-color);
    padding: 7px 10px;
    border:1px solid var(--cs-main-color);
    transition: all 0.4s;
}
a.ed_btn.ed_orange:hover {
    color: var(--cs-main-color);
    background: var(--main-bg-color);
    padding: 7px 10px;
    border:1px solid var(--cs-main-color);
}
.cs_sidebar_tags_box {
    margin-top: 30px;
}
.cs_blog_sidebar_tags ul{
    list-style-type: none;
}
.cs_blog_sidebar_tags ul li{
   border:none;
}
.cs_blog_sidebar_tags ul li {
    border: none;
    margin-bottom: 20px;
    display: inline-block;
    margin-right: 7px;
}
.cs_S_blog_text h3 {
    font-size: 23px;
    line-height: 1.5;
    padding-top: 0;
}
.cs_S_blog_text {
    margin-top: 10px;
}
.cs_single_blog_img1:before {
    content: "\f10e";
    right: 20px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: var(--cs-main-color);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 40px;
    height: 40px;
    line-height: 32px;
    background: var(--main-bg-color);
    border: 5px solid var(--cs-main-color);
    padding-left: 8px;    
}
.cs_single_blog_img1 {
    position: relative;
    width: 160px;
    margin-right: 10px;
}
/********************************************************
 Contact start
 *******************************************************/
 .cs_contact_form_wrapper {
    padding: 80px 0;
}
.cs_contact_info {
    padding: 60px 35px 0 50px;
    color: var(--main-bg-color);
}

.cs_info_bg {
    background: var(--cs-main-color);
    margin-bottom: 55px;
    margin-left: -30px;
    margin-top: 45px;
    margin-right: 25px;
}
.cs_contact_info .cs_sub_heading {
    color: var(--main-bg-color);
    margin-bottom: 28px;
    font-size: 26px;
}
.cs_conatact_section {
    margin-bottom: 29px;
    padding-bottom: 22px;
    position: relative;
}
.cs_conatact_section:before {
    content: "";
    border-bottom: 1px solid var(--main-bg-color);
    position: absolute;
    bottom: 0px;
    left: -50px;
    right: -50px;
    opacity: 0.2;
}
.cs_contact_info_inner {
    padding: 0 0 0 30px;
    font-size: 16px;
    position: relative;
    line-height: 25px;
}
.cs_contact_info_inner span {
    position: absolute;
    left: 0;
    top: 0;
}
.cs_contact_info_inner svg {
    width: 16px;
    fill: var(--main-bg-color);
}
.cs_contact_form {
    background: var(--main-bg-color);
    box-shadow: 0px 0px 30px 0px rgba(157, 134, 183, 0.1);
    padding: 50px;    
}
.cs_contact_form .cs_sub_heading {
    margin-bottom: 20px;
    font-size: 20px;
    color: var(--cs-heading-color);
    font-weight: 600;
}
.cs_sub_heading {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 22px;
    text-transform: capitalize;
}
.cs_field_holder textarea#message {
    height: 150px;
}
.relative {
    position: relative;
}
.cs_contact_wrapper .cs_sub_heading:before {
    width: 100px;
}

.cs_sub_heading:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 1px;
    background: var(--main-bg-color);
}
.cs_contact_wrapper .cs_sub_heading:after {
    width: 115px;
}
.cs_sub_heading:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 100px;
    height: 1px;
    background: var(--main-bg-color);
}
.cs_contact_form .cs_field_holder {
    margin-bottom: 20px;
}
button.cd-btn.submitForm {
    width: 100%;
}
button.cs_main_btn.submitForm {
    background-color: var(--cs-main-color);
    color: var(--main-bg-color);
    border: solid 2px var(--cs-main-color);
    padding: 10px 40px;
    height: 50px;
    width: auto;
    text-align: center;
    transition: all 0.5s;
    font-weight: 500;
    display: inline-block;
}
button.cs_main_btn.submitForm:hover {
    background-color: var(--main-bg-color);
    color: var(--cs-main-color);
    border: solid 2px var(--cs-main-color);
    padding: 10px 40px;
}
.cs_form_field {
    width: 100%;
    border: 1px solid var(--main-border-color);
    padding: 0 20px;
    height: 50px;
    display: flex;
}
.cs_contact_form .cs_btn {
    width: 160px;
    font-size: 15px;
}
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}
.cs_btn {
    background: var(--main-color);
    color: var(--main-bg-color);
    display: inline-block;
    border: 2px solid transparent;
    border-radius: 30px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0 15px;
    width: 170px;
    margin-top: 10px;
    z-index: 0;
    font-weight: 400;
    overflow: hidden;
    position: relative;
}
.cs_btn::after, .cs_btn.white::after {
    width: 0;
    height: 103%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border-radius: 30px;
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.cs_map_wrapper {
    margin-top: 0;
    margin-bottom: 0;
}
button.cs_btn {
    background-color: var(--cs-main-color);
    color: var(--main-bg-color);
    border: solid 2px var(--cs-main-color);
    padding: 10px 40px;
    height: 50px;
    width: auto;
    text-align: center;
    transition: all 0.5s;
    font-weight: 500;
    display: inline-block;
}
button.cs_btn:hover {
background-color: var(--main-bg-color);
    color: var(--cs-main-color);
    border: solid 2px var(--cs-main-color);
}
.response {
    color: var(--red);
    position: absolute;
    right: 12px;
    bottom: 12px;
}
/*=================Responsive Style==================*/

@media (min-width: 992px){
    .fixed_header.fixed {    
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;       
        margin-top: 0;
        position: fixed;
        top: 0;                
    }
}
@media (max-width: 1400px){
.cs_header_form {
    right: 5%;
}
}
@media (max-width: 1199px){
.cs_header_form {
    right: 1%;
    width: 385px;
}
.cs_main_header_section .cs_main_btn a {
    padding: 10px 10px;
}
.cs_main_header_menu>ul>li>a {
    margin-left: 30px;
}
.cs_top_header_info {
    display: block;
}
.cs_top_header_info_mail {
    padding-left: 0px;
}
.cs_about_wrapper .row {
    align-items: flex-end;
}
.cs_header_form {
    width: 450px;
    right: 0;    
    height: unset;
    top: 7%;
    bottom: 110px;
}
.cs_people_choose_wrapper .cs_main_btn a {
    padding: 10px 30px;
}
.cs_header_form a.cs_banner_tab{
    padding: 18px 20px;
}
.cs_banner_slider_wrapper {
    padding: 150px 0px 0 0;
}
.cs_contact_wrapper .row {
    border-radius: 0;
}
.cs_header_banner h1 {
    font-size: 45px; 
}
.cs_banner_text {
    padding-bottom: 0px;
}
.cs_pricing_calculate_table_body input[type="text"] {    
    width: 180px;
}
}

@media (max-width: 1000px){
.cs_toggle {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 15px;
}
.ss_menu_open .cs_main_header_overlay{
    position: fixed;
    
}
.cs_main_header_section{
    position: fixed;
    top: 0;
    left: -300px;
    bottom: 0;
    width: 270px;
    background: var(--main-bg-color);
    padding: 0;
    transition: all 0.3s;
    z-index: 5;
}
.ss_menu_open .cs_main_header_section{
    left: 0;
}
nav.cs_main_header_section {
    display: block;
    margin-top: 0;
}
.cs_main_header_menu li {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 8px;
    padding-top: 10px;
}
header .cs_main_header_btn {

    margin-right: 50px;
}
.cs_main_header_section {
    justify-content: flex-end;
    margin-top: -25px;
}
.cs_main_header_section ul {
    display: block;
    margin-top: 50px;
}
.cs_header_banner .cs_main_btn a {
    padding: 10px 40px;
}
}

@media (max-width: 991px){
.cs_main_header_wrapper .cs_main_btn {
    margin-left: 20px;
}
.cs_main_header_menu>ul>li>a {
    margin-left: 25px;
}
.cs_about_icon_box {
    margin-top: 25px;
}
.cs_pricing_calculate_table_body input[type="text"] {
    width: 100%;
}
.cs_pricing_calculate_table_body {
    padding: 10px 30px 10px 30px;
    justify-content: space-between;
}
.cs_pricing_calculate_table_body span {
    width: 48%;
}
.cs_header_form { 
    margin: auto;
    width: 550px;
}
.cs_header_banner h1 {
    font-size: 40px;
    max-width: 500px;
    margin: auto;
    padding: 10px 0;
}
.cs_banner_text p {
    font-size: 14px;
    margin: auto;
}
div#header_tab a {
    padding: 10px 80px;
}
div#header_tab1 a {
    padding: 10px 80px;
}
.cs_contact_form {
    margin-right: 0;
}
.cs_blog_sidebar_post {
    margin-top: 0;
}
.cs_blog_sidebar_tags {
    margin-top: 0;
}
.cs_banner_text {
    text-align: center;
}
.cs_banner_text_button { 
    justify-content: center;
}
.cs_banner_slider_wrapper::before {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.75) 100%, rgba(0, 0, 0, 0.2));    
}
.cs_header_wrapper {
    padding: 10px 0;
    border-radius: 0;
}
.cs_main_heading {
    font-size: 30px;
}
.cs_pricing_calculate_table {
    max-width: 550px;
    width: 100%;
    margin: auto;
}
.cs_track_img{
    display: none;
}
.cs_track_wrapper .col-lg-6.col-md-12:first-child {
    display: none;
}
.cs_track_wrapper {
    padding: 80px 0;
}
.cs_contact_wrapper .row {
    padding: 40px 20px;
}
.menu_btn span {
    background: var(--main-bg-color);
}
.cd-banner-right-img {
    margin-top: 30px;
    text-align: center;
}
.cd-banner-right-img img {
    max-width: 500px;
    width: 100%;
}
.years span {
    font-size: 70px;
    line-height: 70px;
    padding-right: 0px;
}
.text {
    font-size: 19px;
    line-height: 25px;
    border-left: none;
    padding-left: 0; 
}
.years > p {
    font-size: 15px;
    font-weight: 600;
    padding-top: 10px;
}
.cs_mission_vision_wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
}
@media (max-width: 991.98px) {
    .main_menu_wrapper li.has_submenu:before, .main_menu_wrapper li.has_submenu:after {
        background: var(--cs-main-color);
    }
    .main_menu_wrapper ul > li > a {
    padding: 15px 20px 0px;
    width: 100%;
}
.main_menu_wrapper li.has_submenu:before, .main_menu_wrapper li.has_submenu:after {
    background: var(--cs-main-color);
}
.main_menu_wrapper li.has_submenu:before {
    right: 26px;
    width: 2px;
    height: 12px;
    top: 20px;
}
.main_menu_wrapper li.has_submenu:before, .main_menu_wrapper li.has_submenu:after {
    position: absolute;
    bottom: 0;
    content: '';
}
.main_menu_wrapper li.has_submenu:before, .main_menu_wrapper li.has_submenu:after {
    background: var(--cs-main-color);
}
.main_menu_wrapper li.has_submenu:after {
    right: 21px;
    width: 12px;
    height: 2px;
    top: 25px;
}
.main_menu_wrapper li.has_submenu:before, .main_menu_wrapper li.has_submenu:after {
    position: absolute;
    bottom: 0;
    content: '';
}
}
@media (max-width: 767px){
.cs_pricing_calculate_table_body input[type="text"] {
    width: 125px;
}
.cs_pricing_calculate_btn.cs_main_btn a {
    padding: 10px 60px;
}
.tab {
    margin-top: 30px;
}
div#header_tab a {
    padding: 10px 65px;
}
div#header_tab1 a {
    padding: 10px 65px;
}
.tab button {
    padding: 14px 5px;
}
.cs_blog_img img {
    width: 100%;
}
.cs_contact_box {
    margin-top: 20px;
}
.cs_about_img img {
    margin-top: 30px;
}
.cs_banner_text p {
    font-size: 16px;
}
.cs_top_header_info {
    display: block;
}
.cs_top_header_info_mail {
    padding-left: 0;
}
.cs_top_header_info_btn {
    text-align: center;
}
.cs_top_header_info {
    text-align: center;
}
.cs_pricing_calculate_table_body input[type="text"] {
    background: #f3f5f6;
    border: none;
    padding: 10px 15px;
    width: 100%;
}
.cs_pricing_calculate_btn.cs_main_btn a {
    padding: 10px 40px;
}
header {
    display: flex;
    justify-content: flex-end;
    margin-top: -45px;
    margin-right: 80px;
}

.cs_toggle {
    top: -40px;
    right: 15px;
}
.cs_our_service_box2 {
    margin-top: 0;
}
.cs_banner_text {
    width: 100%;
}
.cs_header_banner .cs_main_btn a {
    padding: 10px 30px;
}
.cs_contact_form {
    margin-right: 0;
}
.cs_single_blog_user_comment {
    display: block;
}
.cs_blog_comment {
    padding-left: 40px;
    margin-top: 0;
}
.cs_S_blog_comment {
    padding: 0;
}
.cs_single_blog_user_comment .cs_blog_time {
    margin-left: 0;
}
.cs_img_text_container {
    display: block;
}
.cs_single_blog_img1_box1 {
    display: block;
}
.cs_single_blog_text1 {
    width: 100%;
}
.cs_blog_sidebar_post {
    margin-top: 0;
}
.cs_img_text_container p {
    width: 100%;
}
.fixed_header.fixed {
    padding: 20px 0;
}
.cs_header_banner h1 {
    font-size: 40px;
}
.cs_people_choose_wrapper .row {
    flex-direction: column-reverse;
}
.cs_people_choose_slider_img, .cs_people_choose_slider_img img {    
    width: 100%;
}
div#pills-tabContent {
    padding-bottom: 0;
}
.cs_header_form { 
    width: 100%;
}
.cs_copyright { 
    margin-top: 50px;    
}
.cs_search_wrap {
    margin-left: 0;
}
}

@media (max-width: 567px){
	.cs_top_header_info {
    display: block;
    text-align: center;
}
.tab button {
    padding: 14px 15px;
}
.cs_about_img img {
    margin-top: 30px;
}
.cs_pricing_charge_table td {
    padding: 18px 10px;
    white-space: nowrap;
}
.cs_testimonial_heading h1 {
    font-size: 26px;
}
.cs_our_services_heading h1 {
    font-size: 25px;
    line-height: 1.4;
    margin-top: 10px;
}
.cs_about_content p {
    text-align: left;
}
.cs_people_choose_content h1 {
    font-size: 25px;
}
.cs_pricing_calculate_table_body {
    padding: 10px 0px 10px 15px;
}
.cs_contact_wrapper .row {
    padding: 25px;
}
.cs_about_content h1 {
    font-size: 25px;
}
.cs_banner_text {
    width: 100%;
}
.cs_banner_text_button {
    display: flex;
    margin-top: 30px;
}
.cs_pricing_calculate_table_body label {
    padding-top: 10px;
}
.cs_banner_tracking_button {
    margin-left: 30px;
    margin-top: 0;
}.cs_pricing_calculate_table_body {
    display: block;
    padding: 10px 20px 10px !important;
}
header {
    margin-top: -45px;
    margin-right: 0;
}
.cs_table_heading h1 {
    font-size: 26px;
}
.cs_top_header_info_mail {
    padding-left: 0;
}
.cs_top_header_info_btn {
    text-align: center;
}
.cs_banner_tracking_button a {
    padding: 10px 15px;
}
    .cs_banner_read_button a {
    padding: 10px 15px;
}
.cs_main_header_btn.cs_main_btn a {
    padding: 6px 7px;
    font-size: 14px;
    height: 40px;
}
div#header_tab a {
    padding: 10px 90px;
}
div#header_tab1 a {
    padding: 10px 90px;
}
.cs_about_img {
    padding-left: 0;
}
.cs_our_service_box2 {
    margin-top: 0px;
}
.cs_testimonial_name:after {
    display: none;
}
.cs_testimonial_text p {    
    font-size: 14px;
    font-weight: 400;    
}
.cs_our_service_box2 {
    margin-top: 0;
}
.cs_testimonial_name p {
    padding-left: 0;
}
.cs_testimonial_name h5 { 
    color: var(--cs-heading-color);
}
.cs_testimonial_name p{
    color: var(--cs-main-color);
}
.cs_testimonial_name {
    gap: 10px;
}
.cs_testimonial_quote {
    text-align: center;
    width: 50px;
    margin: auto;
}
.cs_testimonial_section {
    margin: 20px auto 0;
}
.cs_testimonial_wrapper .swiper-button-next {
    left: auto;
    right: 0;
}
.cs_testimonial_wrapper .swiper-button-prev {
    right: 65px;
}
.cs_pricing_calculate_btn.cs_main_btn a {
    padding: 10px 20px;
    width: 90%;
}
.cs_pricing_calculate_table_body input[type="text"] {
    width: 100%;
}
.cs_contact_box {
    margin-bottom: 30px;
}
.cs_footer_wrapper {
    padding: 190px 0 15px;
}
.cs_blog_img img {
    width: 100%;
}
.cs_toggle {
    display: inline-block;
    position: absolute;
    top: -40px;
    right: 15px;
}
.cs_main_header_logo a {
    font-size: 22px;
}
div#Mission {
    text-align: left;
}
div#Mission .cs_main_btn a {
    padding: 10px 30px;
}
div#Vision {
    text-align: left;
}
div#Vision .cs_main_btn a {
    padding: 10px 30px;
}
.cs_comment_holder {
    display: block;
}
.cs_comment_detail {
    width: 100%;
    padding: 17px 0 0;
}
.cs_single_blog_user_comment .cs_blog_time {
    margin-left: 0;
}
.cs_img_text_container p {
    width: 100%;
}
.response {
    left: 12px;
    bottom: -35px;
}
.cs_pricing_calculate_table_body span {
    width: 100%;
}
}
@media (max-width: 480px){
    .cs_people_choose_wrapper, .cs_about_wrapper, .cs_counter_wrapper, .cs_our_services_wrapper, .cs_pricing_wrapper, .cs_testimonial_wrapper, .cs_track_wrapper, .cs_blog_wrapper, .cs_contact_form_wrapper{
        padding: 50px 0;
    }    
    .cs_header_form .who_we_tab .nav {     
        margin: 0px 0 15px;
    }    
    a.cs_startbtn img {     
        display: none;
    }
    .cs_header_banner h1 {
        font-size: 30px;
    }
    .cs_banner_slider_wrapper {
        padding: 100px 0px 0 0;
    }
    .cs_banner_text h5, .cs_top_heading {
        font-size: 16px;    
        letter-spacing: normal;
    }
    .cs_search_wrap {
        margin-left: 0;
    }
    a.cs_startbtn {
        height: 35px;
        font-size: 14px;
    }
    .menu_btn {
        padding: 11px 0 0;
        width: 35px;
        height: 35px;
    }
    .cs_search_wrap .display_flex {
        flex-wrap: nowrap;
    }
    .cs_top_services_icon p {
        font-size: 16px;
        margin-top: 5px;
    }
    .cs_counter_icon p {
        width: 90px;
        height: 90px;
    }
    .cs_counter_text h1 {
        padding: 15px 0px 0px;
        font-size: 30px;     
    }
    .cs_counter_text p {
        font-size: 16px;
        font-weight: 400;
    }
    .cs_our_services_heading {
        margin-bottom: 30px;
    }
    .cs_table_heading {
        padding-bottom: 30px;
    }
    .cs_pricing_table_parent {
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .cs_testimonial_heading .cs_main_heading {
        max-width: 300px;
    }
    .cs_tesmnl_arrow {
        margin-top: 20px;
    }
    .cs_testimonial_wrapper .swiper-button-next, .swiper-button-prev {
        width: 60px;
        height: 40px;
    }
    .cs_banner_text p {
        font-size: 14px;
        line-height: 1.3;
    }
    .cs_banner_text_button {
        margin-top: 20px;
    }
    .cd-banner-right-img img {
        max-width: 350px;     
    }
    .cs_testimonial_img_name { 
        flex-direction: column;
        gap: 10px;
    }
    .cs_testimonial_name {     
        text-align: center;
    }
    .cs_blog_heading {     
        margin-bottom: 30px;
    }  
    .cs_map_section iframe {
        height: 350px;
    }  
    .cs_contact_form {
        padding: 25px;
    }
    .cs_contact_form .cs_sub_heading {
        margin-bottom: 10px;
        font-size: 20px;     
    }
    .cs_contact_form .cs_field_holder {
        margin-bottom: 15px;
    }
}
@media (max-width: 420px){
    .cs_counter_icon p {
        width: 80px;
        height: 80px;
        border-width: 1px;
    }
    .cs_counter_icon svg {
        width: 30px;
    }
    .cs_counter_text h1 {
        font-size: 28px;
    }
    .cs_counter_text p {
        font-size: 15px;
    }
}
@media (max-width: 420px){
header {
    margin-top: -40px;
    margin-right: -20px;
    justify-content: flex-end;
}
.cs_pricing_calculate_table_body input[type="text"] {
    width: 100%;
}
.cs_search_wrap {
    margin-left: 0px;
}
.cs_about_content p {
    text-align: left;
}
.cs_people_choose_content p {
    text-align: left;
}
.who_we_tab li a {
    font-size: 15px;
    margin: 0 20px;
}
.cs_people_choose_wrapper .who_we_tab li a {
    font-size: 16px;
    margin: 0 10px;
}
}
@media (max-width: 350px){
header {
    margin-top: -40px;
    justify-content: flex-end;
    margin-right: -20px;
}
.cs_main_header_logo img {
    max-width: 30px;
}
.cs_header_form a.cs_banner_tab {
    padding: 15px 10px;
}
.cs_header_banner .cs_main_btn a {
    padding: 10px 15px;
}
a.cs_startbtn {    
    font-size: 12px;
}
}
@media (max-width: 320px){
.cs_main_header_btn.cs_main_btn a {
    padding: 5px 3px;
    font-size: 13px;
    height: 38px;
}
.cs_banner_read_button a {
    padding: 5px 5px;
    height: 40px;
}
.cs_banner_tracking_button a {
    padding: 5px 5px;
    height: 40px;
}
.tab button {
    padding: 10px 10px;
}
.cs_header_form a.cs_banner_tab {
    padding: 15px 10px;
}
.cs_header_form a.active.show {
    padding: 15px 10px;
}
div#header_tab a {
    padding: 10px 60px;
}
div#header_tab1 a {
    padding: 10px 60px;
}
.cs_banner_tracking_button {
    margin-left: 5px;
}
.cs_about_content p{
    text-align: left;
}
.cs_people_choose_content p {
    text-align: left;
}
div#Mission {
    text-align: left;
}
div#Vision {
    text-align: left;
}
.who_we_tab li a {
    font-size: 14px;
    margin: 0 15px;
}
.cs_blog_comment {
    padding-left: 15px;
}
}