/*
Copyright (c) 2019 Template Bundle
------------------------------------------------------------------
[Master Default Stylesheet]
-------------------------------------------------------------------
[Table of contents]

1. body
2. topbar
3. header
4. banner
5. services
6. pricing table
7. about
8. projects
9. counter
10. blog
11. testimonial
12. team
13. news latter 
14. History
15.Contact
16.footer
17.Responsive CSS

 -------------------------------------------------------------------*/
 /********************************************************
1. body start
 *******************************************************/
body{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #6d6d6d;
}
*,*:before,*:after{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
a, a:hover, a:focus{
	color: #555555;
	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;
}
.container{
    max-width: 1200px;
}
:root {
    --main-bg-color: #1cb9c8;
  }
  h1,h2,h3,h4,h5,h6{
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
  }
  .pl30{
      padding-left: 30px!important;
  }
  .pr20{
      padding-right: 20px;
  }
  .cr_btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 170px;
    height: 50px;
    border: 1px solid #ffffff;
    border-radius: 50px;
    color: #ffffff;
    transition: all 0.3s;
    overflow: hidden;
    position: relative;
  }
  .cr_btn_2{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 50px;
    border-radius: 50px;
    color: #ffffff;
    background-color: var(--main-bg-color);
    transition: all 0.3s;
  }
.cr_main_head {
    text-align: center;
    padding: 0 270px;
}
.cr_main_head > h1{
    font-size: 32px;
    font-weight: 700;
    color: var(--main-bg-color);
    margin-bottom: 10px;
}
.cr_main_head > h1 > span{
    color: #222222;
}
.cr_main_head > p{
    font-size: 15px;
    margin-bottom: 44px;
    color: #6d6d6d;
}
.cr_pageinfo_wrapper{
    background: url(../images/background/head_bg.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 50px 0px;
    z-index: 1;
}
.cr_pageinfo_wrapper::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.6);
    z-index: -1;
}
.cr_pageinfo_wrapper .cr_pageinfo_inner{
    text-align: center;
    padding: 50px 0 53px;
}
.cr_pageinfo_wrapper h1{
    color: #ffffff;
    font-size: 32px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;;
}
.cr_pageinfo_wrapper ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.cr_pageinfo_wrapper ul > li{
    display: inline-flex;
    color: var(--main-bg-color);
}
.cr_pageinfo_wrapper ul > li > a{
    display: inline-flex;
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
}
.top_bottom_80{
    padding: 80px 0px;
}
.bottom_80px{
    padding: 0px 0px 80px;
}
/***** loader ******/
.loader {
	position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
}
/********************************************************
1. Body End
 *******************************************************/
 /********************************************************
2. Topbar-Start
 *******************************************************/
.cr_topbar {
    background-color: #000000;
    padding: 10px 0px;
}

.cr_topbar .cr_left_top > ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.cr_topbar .cr_left_top > ul > li {
    display: inline-block;
    font-size: 15px;
    padding-right: 37px;
    font-weight: 600;
    color: #ffffff;
}
.cr_topbar .cr_left_top > ul > li:last-child{
    padding-right: 0;
}
.cr_topbar .cr_left_top > ul > li > svg {
    fill: #1cb9c8;
    margin-right: 10px;
}
.cr_topbar .cr_left_top > ul > li:first-child::after{
    content: "";
    border-right: 1px solid #1cb9c8;
    height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 20px;
}
.cr_topbar .cr_right_top {
    text-align: right;
}
.cr_topbar .cr_right_top > ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.cr_topbar .cr_right_top > ul > li {
    display: inline-block;
}
.cr_topbar .cr_right_top > ul > li > a {
    display: block;
    margin-left: 19px;
    color: #c0c0c0;
    font-size: 18px;
}
.cr_topbar .cr_right_top > ul > li a > i {
    color: #ffffff;
}
.cr_topbar .cr_right_top > ul > li > a:hover{
    animation: heartBeat 2s;
    color: #fff;
    transition: all 0.3s;
}
@-webkit-keyframes heartBeat {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  
    14% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
    }
  
    28% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  
    42% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
    }
  
    70% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  
  @keyframes heartBeat {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  
    14% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
    }
  
    28% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  
    42% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
    }
  
    70% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  
 /********************************************************
2. Topbar-End
 *******************************************************/
/********************************************************
3. Header-Start
 *******************************************************/
.cr_header{
    background-color: #1cb9c8;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
}
.cr_fixed_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
}
.cr_header .cr_header_wrapper{
    display: flex;
    position: relative;
}
.cr_header .cr_header_logo{
    display: flex;
    align-items: center;
}
.cr_header_logo img {
    width: 180px;
}
.cr_header .cr_navbar{
    display: flex;
    justify-content: flex-end;
    width: 100%;
    align-items: center;
}
.cr_header .cr_navbar > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.cr_header .cr_navbar > ul > li{
    display: inline-block;
}
.cr_header .cr_navbar > ul > .cr_dropdown{
    position: relative;
    z-index: 999;
}
.cr_header .cr_navbar > ul > .cr_dropdown > .cr_submenu{
    padding: 0;
    margin: 0;
    visibility: hidden; 
    list-style: none;
    background: #ffffff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    border-bottom: 3px solid var(--main-bg-color);
    opacity: 0;
    width: 150px;
    top: 90px;
    position: absolute;
    left: 20px;
    z-index: 9;
    transform-origin: top;
    transform: scaleY(0);
    transition: all 0.4s ease-out;
}
.cr_header .cr_navbar > ul > .cr_dropdown:hover .cr_submenu{
    visibility: visible; 
    opacity: 1;
    transform: scaleY(1);
}
.cr_header .cr_navbar > ul > .cr_dropdown > .cr_submenu > li > a{
    display: block;
    padding: 10px 0 10px 25px;
    text-decoration: none;
}
.cr_header .cr_navbar > ul > .cr_dropdown > .cr_submenu > li:hover a{
    color: #ffffff;
}
.cr_header .cr_navbar > ul > .cr_dropdown > .cr_submenu > li:hover{
    background-color: #1cb9c8;
    transition: all 0.3s;
}
.cr_header .cr_navbar > ul > li > a {
    display: block;
    padding: 34px 17px;
    text-decoration: none;
    color: #ffffff;
   
    position: relative;
    font-size: 16px;
    font-weight: 600;
}
.cr_header .cr_navbar > ul > li > a::after{
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: #ffffff;
    height: 3px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.cr_header .cr_navbar > ul > li > a:hover::after{
    left: 0;
    right: 0;
}
.cr_header .cr_navbar > ul > li > .cr_head_nav{
    margin-left: 12px;
}
.cr_header .cr_head_search{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 23px;
}
.cr_header .cr_head_search a{
    text-decoration: none;
    display: block;
    font-size: 15px;
    color: #ffffff;
}
.cr_header .cr_navbar > ul > li > a > i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    font-size: 10px;
}
.cr_header .cr_toggle{
    display: none;
    cursor: pointer;
}
.cr_header .responsive_close{
    display: none;
}
/********************************************************
3. Header-End
 *******************************************************/
 /********************************************************
4. Banner-Start
 *******************************************************/
.cr_banner{ 
    position: relative;
}
.cr_banner .cr_banner_inner{
    background: url("../images/banner/slide_1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    position: relative;
}
.cr_banner .cr_banner_two{
    background: url("../images/banner/slide_2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    position: relative;
}
.cr_banner .cr_banner_inner .overlay{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
}
.cr_banner .cr_banner_txt{
    padding: 215px 0 263px 0;
    
}
.swiper-slide-active .cr_banner_txt h6{
    animation: slideInRight 0.3s;
}
.swiper-slide-active .cr_banner_txt h1{
    animation: slideInRight 0.4s;
}
.swiper-slide-active .cr_banner_txt p{
    animation: slideInRight 0.5s;
}
.swiper-slide-active .cr_banner_txt .cr_banner_btn{
    animation: slideInRight 1s;
}

@keyframes slideInRight {
    from {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
.cr_banner .cr_banner_txt > h6 {
    display: inline-block;
    font-size: 22px;
    letter-spacing: 3px;
    padding: 11px 25px 13px 30px;
    background-color: var(--main-bg-color);
    color: #ffffff;
    text-transform: capitalize;
    border-radius: 30px;
}
.cr_banner .cr_banner_txt > h1{
    color: #ffffff;
    font-weight: 700;
    font-size: 52px;
    margin: 0 0 3px 0;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1.3px;
    text-transform: capitalize;
}
.cr_banner .cr_banner_txt > p{
    color: #ffffff;
    font-size: 15px;
    margin: 0 0 24px 0;
}
.cr_banner .cr_banner_txt > .cr_banner_btn > a {
    text-decoration: none;
    color: #ffffff;
    position: relative;
    z-index: 1;
    transition: .3s ease-in-out;
}
.cr_banner .cr_banner_txt > .cr_banner_btn > a:first-child{
    margin-right: 30px;
}
.cr_banner .cr_banner_txt > .cr_banner_btn > a:hover{
    border-color: var(--main-bg-color);
    transition: .3s ease-in-out;
}
.cr_banner .cr_banner_txt > .cr_banner_btn > a::after{
    content: '';
    position: absolute;
    width: 0;
    height: 110%;
    top: 50%;
    left: 50%;
    background: var(--main-bg-color);
    opacity: 0;
    transform: translate(-50%,-50%);
    z-index: -1;
    transition: .3s ease-in-out;
}
.cr_banner .cr_banner_txt > .cr_banner_btn > a:hover::after{
    width: 100%;
    opacity: 1;
        }
.cr_banner .cr_banner_slide_btn{
    width: 60px;
    height: 80px;
    position: absolute;
    top: 48%;
    transform: translateY(-35%);
    font-size: 30px;
    background-color: rgba(0,0,0,0.4);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    cursor: pointer;
    transition: ease-in-out 0.3s;
}
.cr_banner .right_btn{
    right: 0;
}
.cr_banner .right_btn::before{
    content: "";
    position: absolute;
    left: 0;
    border-left: 2px solid var(--main-bg-color);
    height: 50px;
    transition: all 0.3s;
}
.cr_banner .right_btn:hover::before{
    border-left: 2px solid #ffffff;
}
.cr_banner .left_btn::after{
    content: "";
    position: absolute;
    right: 0;
    border-left: 2px solid var(--main-bg-color);
    height: 50px;
    transition: all 0.3s;
}
.cr_banner .left_btn:hover::after{
    border-left: 2px solid #ffffff;
    }
.cr_banner .cr_banner_slide_btn > a{
    cursor: pointer;
    color: #ffffff;
    outline: none;
    display: flex;

}
.cr_banner .cr_banner_slide_btn:hover{
    background-color: var(--main-bg-color);
}
/********************************************************
4. Banner-End
 *******************************************************/
 /********************************************************
5. Services-Start 
 *******************************************************/

.cr_services .cr_service_wrapper{
    background-color: var(--main-bg-color);
    border-radius: 150px;
}
.cr_services .cr_service_inner{
    text-align: center;
    padding: 45px 20px;
    color: #ffffff;
}
.cr_services .cr_service_inner::after{
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    right: 0;
    transform: translateY(-50%);
    height: 190px;
    border-right: 1px solid #ffffff;
}
.cr_services .col-md-4:last-child .cr_service_inner::after{
    border-right: none;
}
.cr_services .cr_service_inner > svg{
    margin-bottom: 15px;
}
.cr_services .cr_service_inner .cr_service_head{
    margin-bottom: 30px;
}
.cr_services .cr_service_inner > h5{
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: 'Poppins', sans-serif;
}
.cr_services .cr_service_inner > h4{
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 0;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
}
.cr_offer .cr_blog_slide{
    margin-bottom: 30px;
}
 /********************************************************
5. Services-End
 *******************************************************/
/********************************************************
6. pricing-table-start 
 *******************************************************/
.cr_pricing_tbl{
    background-color: #f5f5f5;
  
}
.cr_pricing_tbl .cr_pricing_box{
    background: url('../images/pricetable/price_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    padding: 38px 50px 50px;
    position: relative;
    z-index: 99;
    -webkit-box-shadow: 1px 9px 28px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 9px 28px 0px rgba(0,0,0,0.1);
    box-shadow: 1px 9px 28px 0px rgba(0,0,0,0.1);
    
    border-radius: 45px;
    transition: all 0.5s;
}
.cr_pricing_tbl .cr_pricing_box:hover * {
    color: #ffffff;
}
.cr_pricing_tbl .cr_pricing_box:hover .month{
    color: #ffffff;
}
.cr_pricing_tbl .cr_pricing_box:hover .currency, .month {
    color: #ffffff;
}
.cr_pricing_tbl .cr_price_overlay{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgb(28 185 200 / 85%);
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
        border-radius: 45px;
        transition: all 0.5s;
}
.cr_pricing_tbl .cr_pricing_box:hover .cr_price_overlay{
    visibility: visible;
    opacity: 1;
}
.cr_pricing_tbl .cr_pricing_box > a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 50px;
    background-color: var(--main-bg-color);
    border-radius: 50px;
    color: #ffffff;
    text-decoration: none;
    margin-top: 15px;
    transition: all 0.3s
}
.cr_pricing_tbl .cr_pricing_box:hover a{
    color: var(--main-bg-color);
    background-color: #ffffff;
}
.cr_pricing_tbl .cr_pricing_box > h2{
    font-size: 32px;
    font-weight: 700;
    color: #222222;
    position: relative;
}
.cr_pricing_tbl .cr_pricing_box > h2::after{
    content: "";
    position: absolute;
    border-bottom: 1px solid #1cb9c8;
    width: 65px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.cr_pricing_tbl .cr_pricing_box:hover h2::after{
    border-bottom: 1px solid #ffffff;
}
.cr_pricing_tbl .cr_pricing_box > p {
    color: #1cb9c8;
    font-size: 15px;
    font-weight: 600;
}
.cr_pricing_tbl .pricing_title > span{
    font-size: 62px;
    color: #222222;
    font-weight: 700;
}
.cr_pricing_tbl .pricing_title > .currency {
    font-size: 45px;
    color: #222222;
    font-weight: 600;
}
.cr_pricing_tbl .pricing_title > .month{
    font-size: 16px;
    color: #000000;
    font-weight: 700;
}
.cr_pricing_tbl .pricing_list > ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.cr_pricing_tbl .pricing_list > ul > li {
    font-size: 18px;
    color: #1cb9c8;
    font-weight: 700;
}
/********************************************************
6.Pricing-table-End
 *******************************************************/
 /********************************************************
7. About-Start
 *******************************************************/
.cr_about{
    background-image: url(../images/about/about_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.cr_about_main{
    background-color: #ffffff;
}
.cr_wecan{
    background-color: #ffffff;
    background-image: none;
}
.cr_about_container{
    position: relative;
}
.cr_about .cr_about_heading > h1{
    font-size: 32px;
    font-weight: 700;
    color: var(--main-bg-color);
}
.cr_about .cr_about_heading > h1 > span{
    color: #222222;
}
.cr_about .about_img{
    -webkit-box-shadow: 1px 0px 20px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 0px 20px 0px rgba(0,0,0,0.1);
     box-shadow: 1px 0px 20px 0px rgba(0,0,0,0.1);
}
.cr_about_main .about_img > img{
    width: 100%;
}
.cr_wecan .about_img::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.6);
}
.cr_wecan .we_can{
    position: absolute;
}
.cr_wecan .we_can::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.6);
}
.cr_wecan .cr_wecan_icon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 99;
}
.cr_wecan .cr_wecan_icon > a{
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background-color: #ffffff;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
}
.cr_wecan .cr_wecan_icon > a::before{
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 100px;
    height: 100px;
    background: rgb(28 185 200) repeat scroll 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
}
@-webkit-keyframes pulse-border {
    0% {
      -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      opacity: 1;
    }
  
    100% {
      -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.1);
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.1);
      opacity: 0;
    }
  }
  
  @keyframes pulse-border {
    0% {
      -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      opacity: 1;
    }
  
    100% {
      -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.1);
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.1);
      opacity: 0;
    }
  }
.cr_wecan .cr_wecan_icon > a > i{
    font-size: 24px;
    color: var(--main-bg-color);
}
.cr_about .about_img::after{
    content: "";
    position: absolute;
    border-right: 20px solid var(--main-bg-color);
    height: 400px;
    top: 71%;
    transform: translateY(-75%);
}
.cr_about_main .about_img::after{
    top: 50%;
    transform: translateY(-50%);
}
.cr_wecan .cr_about_inner > img::after{
    position: relative;
}
.cr_about .cr_about_txt{
    padding: 27px 0 0 15px;
}
.cr_about_main .cr_about_txt{
    padding: 7px 0 0 19px;
}
.cr_about .cr_about_txt> h4{
    font-size: 18px;
    color: var(--main-bg-color);
    word-spacing: 5px;
    letter-spacing: 2px;
    margin-top: 49px;
    text-transform: uppercase;
}
.cr_about_main .cr_about_txt > h4{
    text-transform: uppercase;
    margin-top: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}
.cr_wecan .cr_about_txt> h4 {
    margin: 0;
    padding-bottom: 15px;
}
.cr_about .cr_about_txt> h3{
    font-size: 30px;
    margin-bottom: 38px;
    position: relative;
    color: #222222;
}
.cr_about_main .cr_about_txt> h3{
    margin-bottom: 38px;
}
.cr_about .cr_about_txt> h3::after{
    content: "";
    position: absolute;
    width: 270px;
    border-bottom: 2px solid var(--main-bg-color);
    bottom: -13px;
    left: 0;
}
.cr_about_main .cr_about_txt> h3::after{
    width: 155px;
}
.cr_about .cr_about_txt > p{
    font-size: 15px;
    text-align: justify;
    margin-bottom: 17px;
}
.cr_about .cr_about_txt > h5{
    font-family: 'Homemade Apple', cursive;
    font-size: 26px;
    transform: skew(-12deg, -6deg);
    color: #222222;
}
.cr_about_main .cr_about_txt .p1{
    margin-bottom: 19px;
}
.cr_about .cr_about_txt > ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.cr_about .cr_about_txt > ul > li{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    color: #222222;
}
.cr_about .cr_about_txt > ul > li > span{
    background: var(--main-bg-color);
    fill: #ffffff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}

.cr_about .cr_about_txt > ul > li p {
    color: #1cb9c8;
    font-weight: 600;
    font-size: 18px;
    margin: 0;
}
.cr_about .cr_about_btns{
    position: relative;
}
.cr_about .cr_about_btn{
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 22px;
    -webkit-box-shadow: 1px 0px 20px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 0px 20px 0px rgba(0,0,0,0.1);
     box-shadow: 1px 0px 20px 0px rgba(0,0,0,0.1);
    z-index: 999;
}
.cr_about .cr_about_btn > a{
    display: flex;
    font-size: 40px;
    color: #222222;
    cursor: pointer;
    outline: none;
    padding: 14px 20px;
    transition: ease-in-out 0.3s;
}
.cr_about .cr_about_btn > a > svg{
    transition: all 0.3s;
}
.cr_about .cr_about_btn > a:hover svg{
    fill: var(--main-bg-color);
}
.cr_about .cr_about_btn > a:first-child::after{
    content: "";
    position: absolute;
    border-right: 2px solid #eaeaea;
    height: 35px;
    top: 50%;
    left: 50%;
    transform: translate(-50% ,-50%);
}
 /********************************************************
7. About-End
 *******************************************************/
 /********************************************************
8. Projects-Start
 *******************************************************/

.cr_projects .cr_projects_heading{
    text-align: center;
    padding: 0 250px;
}
.cr_projects .cr_projects_heading > h1{
    font-size: 32px;
    font-weight: 700;
    color: var(--main-bg-color);
    margin-bottom: 2px;
}
.cr_projects .cr_projects_heading > h1 >span{
    color: #222222;
}
.cr_projects ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cr_projects ul > li {
    display: inline-block;
    padding: 10px 8px;
    font-size: 15px;
    color: #222222;
    font-weight: 600;
    cursor: pointer;
    text-transform: capitalize;
}
.cr_projects .filters {
    width: 100%;
    text-align: center;
    margin: 44px 0 15px 0;
}
.cr_projects li.active {
    color: #ffffff;
    background-color: var(--main-bg-color);
    border-radius: 50px;
    padding: 10px 20px;
}
.cr_projects .grid-item{
    width: 33%;
    padding: 15px;
    overflow: hidden;
}
 .cr_projects .grid-item > img {
    max-width: 100%;
 }
.cr_projects .cr_project_overlay{
    position: absolute;
    top: 15px;
    bottom: 15px;
    right: 15px;
    left: -700px;
    width: 92.5%;
    background: rgb(28 185 200 / 85%);
    display: flex;
    align-items: center;
    text-align: center;
    transition: .5s ease;
}
.cr_projects .grid-item:hover .cr_project_overlay{
    left: 15px;
}
.cr_projects .cr_overlay_txt > h3{
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    position: relative;
    margin-bottom: 15px;
}
.cr_projects .cr_overlay_txt > h3::after{
    content: "";
    position: absolute;
    border-bottom: 1px solid #ffffff;
    width: 60px;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
}
.cr_projects .cr_overlay_txt > p{
    color: #ffffff;
    font-size: 15px;
}
.cr_projects .cr_project_overlay > .cr_triangle{
    position: absolute;
    width: 100px;
    height: 100px;
    border-bottom: solid 50px #ffffff;
    border-right: solid 50px #ffffff;
    border-left: solid 50px transparent;
    border-top: solid 50px transparent;
    right: 5px;
    bottom: 5px;
}
.cr_projects .cr_project_overlay > .cr_triangle > a{
    margin: 12px 0 0 12px;
}
/********************************************************
8. Projects-End
 *******************************************************/
 /********************************************************
9. Counter-Start
 *******************************************************/
.cr_counter{
    background: url(../images/counter/counter_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 0;
}
.cr_counter::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgb(28 185 200 / 85%);
    
}
.cr_counter .cr_counter_heading{
    position: relative;
    z-index: 99;
    text-align: center;
    color: #ffffff;
    width: 100%;
}
.cr_counter .cr_counter_heading > h5{
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}
.cr_counter .cr_counter_heading > h3{
    font-size: 32px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}
.cr_counter_inner {
    position: relative;
    background-color: #ffffff;
    padding: 50px 0 38px;
    text-align: center;
    -webkit-box-shadow: 1px 0px 20px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 1px 0px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 1px 0px 20px 0px rgb(0 0 0 / 10%);
    z-index: 1;
    border-radius: 45px;
}
.cr_counter_inner.cr_counter_inner_01 {
    margin-top: 40px;
}
.cr_counter_inner .cr_counter_box{
    text-align: center;
    position: relative;
}
.cr_counter_inner .col-lg-3:last-child .cr_counter_box::after{
    border: none;
}

.cr_counter_inner .cr_counter_box > h1{
    font-size: 42px;
    color: #222222;
    font-weight: 700;
    margin-bottom: 2px;
}
.cr_counter_inner .cr_counter_box > span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #e7fdff;
    margin-bottom: 12px;
}
.cr_counter_inner .cr_counter_box > span svg {
    fill: #1cb9c8;
}
.cr_counter_inner .cr_counter_box > h5{
    color: #1cb9c8;
    font-size: 18px;
    font-weight: 600;
}
.counter {
    animation-duration: 1s;
    animation-delay: 0s;
  }
 /********************************************************
9. Counter-End
 *******************************************************/
/********************************************************
10. Blog-Start
 *******************************************************/

.cr_blog .swiper-wrapper{
    padding-bottom: 10px;
}

.cr_blog .cr_blog_img{
    position: relative;
}
.cr_blog .cr_blog_img >img{
    max-width: 100%;
}

.cr_offer .cr_blog_img{
    overflow: hidden;

}
.cr_offer .cr_blog_img > img{
    width: 100%;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    transition: all 300ms;
}
.cr_offer .cr_blog_img:hover img{
    -webkit-transform: scale(1.03,1.03);
    transform: scale(1.03,1.03);
    transition: all 300ms;
}
.cr_blog_inner {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    margin-bottom: 20px;
}
.cr_blog_inner_date p a {
    color: #1cb9c8;
    font-weight: 600;
    margin-left: 20px;
}
.cr_blog .cr_admin_img img{
    border-radius: 50%;
    border: 2px solid #ffffff
}
.cr_blog .cr_blog_slide{
    transition: all 0.3s;
}
.cr_blog .cr_blog_slide:hover{
    -webkit-box-shadow: 1px 0px 20px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 0px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 1px 0px 20px 0px rgba(0,0,0,0.1);
}
.cr_blog .cr_blog_txt {
    border: 1px solid #eaeaea;
    padding: 20px 15px 20px 15px;
}
.cr_blog .cr_blog_txt >ul {
    list-style: none;
    margin: 0 0 5px 0;
    padding: 0;
}
.cr_blog .cr_blog_txt > ul > li{
    display: inline-flex;
    position: relative;
    color: #222222;
    font-family: 'Poppins', sans-serif;
}
.cr_blog .cr_blog_txt > ul > li > a{
    font-size: 15px;
    display: inline-flex;
    padding: 0 5px;
    color: #222222;
    text-decoration: none;
}
.cr_blog .cr_blog_txt > ul > li:last-child a{
    color: #1cb9c8;
}
.cr_blog .cr_blog_txt > h3 > a{
    display: block;
    color: #222222;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s;
}
.cr_blog .cr_blog_txt > h3 > a:hover{
    color: var(--main-bg-color);
}
.cr_blog .cr_blog_txt > p{
    text-align: justify;
    margin-bottom: 5px;
}
.cr_blog .cr_blog_txt > h6{
    display: flex;
    margin-top: 12px;
}
.cr_blog .cr_blog_txt > h6 > i{
    font-size: 17px;
    color: var(--main-bg-color);
    display: inline-block;
    vertical-align: middle;
}
.cr_blog .cr_blog_txt > h6 > a{
    display: block;
    color: var(--main-bg-color);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    margin-right: 3px;
    transition:  all 0.3s;
}
.cr_blog .cr_blog_txt > h6 > a:hover{
    letter-spacing: 1px;
}
.cr_blog .swiper-pagination-clickable .swiper-pagination-bullet{
    margin-right: 5px;
    width: 10px;
    height: 10px;
    background-color: #1cb9c8;
}
.cr_blog .swiper-pagination-clickable .swiper-pagination-bullet-active{
    width: 14px;
    height: 10px;
    border-radius: 40px;
    outline: none;
}
.cr_blog .swiper-pagination{
    margin-top: 11px;
    left: 50%;
    transform: translateX(-50%);
}

 /********************************************************
 Blog-mainStart
 *******************************************************/
.cr_blog_main_wrapper{
    background: url("../images/portfolio/bg.jpg");
    background-size: cover;
    position: relative;
    top: 130px;
    padding: 80px 0;
    margin-bottom: 130px;
    text-align: center;
    z-index: 1;
}
.cr_blog_main_wrapper::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0,0.8);
    z-index: -1;
}

.cr_blog_main_wrapper .cr_blog_main_inner > h1{
    font-size: 38px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
}
.cr_blog_main_wrapper .cr_blog_main_inner > ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.cr_blog_main_wrapper .cr_blog_main_inner > ul > li{
    display: inline-block;
}
.cr_blog_main_wrapper .cr_blog_main_inner > ul > li >a{
    text-decoration: none;
    color: #fff;
}
.cr_blog_main_wrapper .cr_blog_main_inner > ul > li >a >i{
    display: inline-block;
    vertical-align: middle;
    margin-left: -6px;
}
.cr_blog_main .cr_blog_main_box{
    margin-bottom: 45px;
    text-align: justify;
}
.cr_blog_main .cr_blog_main_box p{
    margin-bottom: 7px;
}
.mt_3{
    margin-top: 27px!important;
}
.cr_blog_main .cr_blog_main_box > .blog_img{
    position: relative;
}
.cr_blog_main .cr_blog_main_box > .blog_img >img{
    width: 100%;
    margin-bottom: 42px;
}
.cr_blog_main .cr_blog_main_box > .blog_img > .blog_user{
    position: absolute;
    left: 43px;
    bottom: 30px;
}
.cr_blog_main .cr_blog_main_box > .blog_img > .blog_user >img{
    border-radius: 50%;
    border: 2px solid #ffffff;
}
.cr_blog_main .cr_blog_main_box > .blog_img > ul{
    list-style: none;
    padding: 0;
    margin-bottom: 10px;
}
.cr_blog_main .cr_blog_main_box > .blog_img > ul > li{
    display: inline-block;
    position: relative;
    margin-right: 30px;
    padding-right: 30px;
    color: #222222;
    font-weight: 600;
}
.cr_blog_main .cr_blog_main_box > .blog_img > ul > li:last-child::after{
    border-right: none;
}
.cr_blog_main .cr_blog_main_box > .blog_img > ul > li::after{
    content: "";
    position: absolute;
    border-right: 1px solid #efefef;
    height: 16px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.cr_blog_main .cr_blog_main_box > .blog_img > ul > li > .fas{
    font-size: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.cr_blog_main .cr_blog_main_box > .blog_img > ul > li > a{
    text-decoration: none;
    color: #707070;
    transition: all 0.3s;
}
.cr_blog_main .cr_blog_main_box > .blog_img > ul > li > a > i{
    color: var(--main-bg-color);
    margin-right:10px
}
.cr_blog_main .cr_blog_main_box > .blog_img > ul > li > a:hover {
    color: var(--main-bg-color);
}
.cr_blog_main .cr_blog_main_box > .blog_img > ul > li > a >span{
    color: var(--main-bg-color);
}
.cr_blog_main .blog_txt{
    text-align: justify;
    padding-right: 20px;
}
.cr_blog_main .blog_txt > h1{
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #222222;
}
.cr_blog_main  .blog_txt > p{
    margin-bottom: 18px;
}
.cr_blog_main .blog_txt > .p1{
    margin-bottom: 22px;
}
.cr_blog_main .blog_txt > h1 > a{
    display: block;
    text-decoration: none;
    font-size: 22px;
    font-weight: 600;
    color: #222222;
    transition: all 0.3s;
}
.cr_blog_main .blog_txt > h1 > a:hover {
    color: var(--main-bg-color);
}
.cr_blog_main .blog_txt > a:hover {
    color: var(--main-bg-color);
    letter-spacing: 1px;
}
.cr_blog_main .cr_blog_main_box > .blog_txt > .para{
    margin-bottom: 38px;
}   
.cr_blog_main_sidebar .sidebar_block{
    margin-bottom: 34px;
}
.cr_blog_main_sidebar .sidebar_block > .siderbar_heading > h3{
    font-size: 26px;
    font-weight: 600;
    color: #222222;
    position: relative;
    margin-bottom: 18px;
    text-transform: capitalize;
}
.cr_blog_main_sidebar .sidebar_block > .sidebar_search{
    position: relative;
    width: 100%;
}
.cr_blog_main_sidebar .sidebar_block > .sidebar_search >input{
    border: none;
    background-color: #f5f5f5;
    border-radius: 50px;
    width: 100%;
    height: 50px;
    padding: 0 45px 0 20px;
    outline: none;
}
.cr_blog_main_sidebar .sidebar_block > .sidebar_search >input::placeholder{
    text-transform: capitalize;
}
.cr_blog_main_sidebar .sidebar_block > .sidebar_search > a {
    position: absolute;
    top: 50%;
    right: 20px;
    color: var(--main-bg-color);
    transform: translateY(-50%);
    cursor: pointer;
}
.cr_blog_main_sidebar .sidebar_block >.sidebar_category > ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.cr_blog_main_sidebar .sidebar_block >.sidebar_category > ul > li > span{
    color: var(--main-bg-color);
    font-weight: 600;

}
.cr_blog_main_sidebar .sidebar_block >.sidebar_category > ul > li > a {
    display: inline-block;
    color: #707070;
    font-size: 15px;
    transition: all 0.3s;
    font-weight: 600;
}
.cr_blog_main_sidebar .sidebar_block >.sidebar_category > ul > li > a:hover{
    text-decoration: none;
    color: var(--main-bg-color);
}
.cr_blog_main_sidebar .sidebar_block >.sidebar_category > ul > li:hover{
    text-decoration: none;
    color: var(--main-bg-color);
}
.cr_blog_main_sidebar .sidebar_block >.sidebar_category > ul > li > a >i{
    color: var(--main-bg-color);
    margin-right: 14px;
    
}
.cr_blog_main_sidebar .sidebar_block > .sidebar_post > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.cr_blog_main_sidebar .sidebar_block > .sidebar_post > ul > li{
    display: flex;
    margin-bottom: 6px;
}
.cr_blog_main_sidebar .sidebar_block > .sidebar_post > ul > li > .post_image{
    margin-right: 14px;
    }
.cr_blog_main_sidebar .sidebar_block > .sidebar_post > ul > li > .post_image > a{
    display: block;
    overflow: hidden;
    border-radius: 4px;
}
.cr_blog_main_sidebar .sidebar_block > .sidebar_post > ul > li > .post_image > a > img{
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    }
.cr_blog_main_sidebar .sidebar_block > .sidebar_post > ul > li > .post_image > a > img:hover{
    transform: rotate(15deg) scale(1.3);
}
.cr_blog_main_sidebar .sidebar_tag > ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.cr_blog_main_sidebar .sidebar_tag > ul > li{
    display: inline-flex;
    margin-bottom: 10px;
}
.cr_blog_main_sidebar .sidebar_tag > ul > li > a{
    display: inline-flex;
    border-radius: 50px;
    background-color: #f5f5f5;
    padding: 10px 19px;
    margin-right: 6px;
    text-decoration: none;
    transition: all 0.3s;
}
.cr_blog_main_sidebar .sidebar_tag > ul > li > a:hover{
    background-color: var(--main-bg-color);
    color: #ffffff;
}
.cr_blog_main_sidebar .sidebar_tag > ul > li > .active{
    background-color: var(--main-bg-color);
    color: #ffffff;
}
.cr_blog_main_sidebar .sidebar_block > .sidebar_post > ul > li > .post_content > a{
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    color: #222222;
    transition: all 0.3s;
}
.post_content > p {
    font-weight: 600;
    color: #1cb9c8;
    margin-top: 10px;
    margin-bottom: 0;
}
.cr_blog_main_sidebar .sidebar_block > .sidebar_post > ul > li > .post_content > a:hover{
    color: var(--main-bg-color);
}
.cr_blog_main_sidebar .sidebar_block > .sidebar_post > ul > li > .post_content > p > a{
    display: inline-block;
    margin-left: 16px;
    color: var(--main-bg-color);
    vertical-align: middle;
}
.cr_blog_main_sidebar .sidebar_block > .sidebar_post > ul > li > .post_content > p > a >i{
    display: inline-block;
    vertical-align: middle;
}
.cr_blog_main_sidebar .sidebar_block > .sidebar_post > ul > li > .post_image >img{
    border-radius: 5px;
}
.cr_blog_main_sidebar .sidebar_block >.sidebar_insta ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.cr_blog_main_sidebar .sidebar_block >.sidebar_insta ul > li {
    display: inline-block;
    margin-bottom: 11px;
    margin-right: 7px;
    overflow: hidden;
}
.cr_blog_main_sidebar .sidebar_block >.sidebar_insta ul > li > a >img{
    width: 80px;
    height: 80px;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
}
.cr_blog_main_sidebar .sidebar_block >.sidebar_insta ul > li > a > img:hover{
    transform: rotate(15deg) scale(1.3);
}
.cr_blog_main_sidebar .sidebar_block >.sidebar_insta ul > li:last-child{
    margin-right: 0;
}
.cr_blog_main .blog_paginantion{
    margin-top: 50px;
}
.cr_blog_main .blog_paginantion > ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.cr_blog_main .blog_paginantion > ul > li{
    display: inline-block;
    margin-right: 13px;
}
.cr_blog_main .blog_paginantion > ul > li > a{
    padding: 6px ;
    text-decoration: none;
    color: #222222;
    font-weight: 600;
    font-size: 18px;
    transition: all 0.3s;
}
.cr_blog_main .blog_paginantion > ul > li > a:hover{
    color: var(--main-bg-color) ;
}
.cr_blog_main .blog_paginantion > ul > li > .active{
    background: var(--main-bg-color);
    color: #fff;
    padding: 6px 18px;
    border-radius: 5px;
}
.cr_blog_main .blog_paginantion > ul > li > .active:hover{
    color: white;
}
 /********************************************************
 Blog-main-End
 *******************************************************/
/********************************************************
. Blog-Single-Start
 *******************************************************/
.cr_blog_brdr{
    border: 1px solid #eaeaea;
}
.blog_single_img >img{
    width: 100%;
}
.cr_blog_main_single .cr_blog_main_box{
    margin: 0;
}
.blog_single_testimoial .blog_single_test{
    padding-left: 25px;
    
}
.blog_single_testimoial{
    position: relative;
    margin-bottom: 25px;
}
.blog_single_testimoial::before{
    content: "";
    position: absolute;
    left: 30px;
    top: 42%;
    transform: translateY(-42%);
    height: 80px;
    border-left: 2px solid rgba(35,145,255,1);
}
.blog_single_testimoial .blog_single_test >p {
    color: #222222;
    font-size: 15px;
    font-style: italic;
    padding-left: 30px;
}
.cr_blog_main_single .cr_blog_main_box > .blog_txt > p{
    margin-bottom: 10px;
}
.cr_blog_main_single .blog_dummy_txt > .p2{
    margin-bottom: 25px;
}
.cr_blog_main_single .blog_dummy_txt > .p3{
    margin-top: 25px;
}
.blog_dummy_txt{
    padding: 0 20px 0 30px;
    text-align: justify;
}
.cr_blog_cmmnt{
    display: flex;
    border-top: 1px solid #eaeaea;
    padding: 14px 30px 10px;
}
.cr_blog_cmmnt ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.cr_blog_cmmnt .cr_blog_cmmnt_tag{
    flex: 1;
}
.cr_blog_cmmnt .cr_blog_cmmnt_tag > ul > li{
    display: inline-flex;
}
.cr_blog_cmmnt .cr_blog_cmmnt_tag > ul > li:first-child{
    margin-right: 34px;
}
.cr_blog_cmmnt .cr_blog_cmmnt_tag > ul > li >ul >li{
    margin-right: 10px;
}
.cr_blog_cmmnt .cr_blog_cmmnt_tag > ul > li >ul >li > a{
    display: block;
    color: #6d6d6d;
    text-decoration: none;
}
.cr_blog_cmmnt .cr_blog_cmmnt_tag > ul > li > a{
    display: block;
    color: #6d6d6d;
    text-decoration: none;
}
.cr_blog_cmmnt .cr_blog_cmmnt_tag > ul > li > a > i{
    color: var(--main-bg-color);
    margin-right: 10px;
}
.cr_blog_cmmnt .cr_blog_social > ul > li{
    display: inline-flex;
}
.cr_blog_cmmnt .cr_blog_social > ul > li > ul > li {
    display: inline-flex;
}
.cr_blog_cmmnt .cr_blog_social > ul > li > ul > li > a{
    display: inline-flex;
    color: #6d6d6d;
    text-decoration: none;
    padding-left: 9px;
}
.cr_blog_cmmnt .cr_blog_social > ul > li > ul > li > a:hover{
    animation: heartBeat 2s;
}
.cr_blog_cmmnt .cr_blog_social > ul > li > ul > li:nth-child(1) a:hover{
    color: #0e76a8;
}
.cr_blog_cmmnt .cr_blog_social > ul > li > ul > li:nth-child(2) a:hover{
    color: #3b5998;
}
.cr_blog_cmmnt .cr_blog_social > ul > li > ul > li:nth-child(3) a:hover{
    color: #00acee;
}
.cr_blog_cmmnt .cr_blog_social > ul > li > ul > li:nth-child(4) a:hover{
    color: #c4302b ;
}
.blog_comment{
    padding: 70px 0 22px;
}
.blog_comment h4{
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 22px;
    color: #222222;
}
.blog_comment > ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.blog_comment > ul > li > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.blog_comment_box{
    display: flex;
}
.blog_comment .blog_comment_box > .comment_image{
    margin-right: 30px;
}
.blog_comment .blog_comment_box > .comment_image > img{
    border-radius: 50%;
}
.blog_comment .blog_comment_box > .comment_txt > h5{
    font-size: 20px;
    font-weight: 600;
    color: #222222;
    margin-bottom: 7px;
}
.blog_comment .blog_comment_box > .comment_txt > h6 {
    margin-bottom: 10px;
}
.blog_comment .blog_comment_box > .comment_txt > h6 > a {
    display: inline-block;
    color: var(--main-bg-color);
    margin-left: 10px;
    text-decoration: none;
}
.mb_comment{
    margin-bottom: 25px!important;
}
.blog_comment_form .form_heading > h4{
    font-size: 32px;
    font-weight: 600;
    color: #222222;
    margin-bottom: 22px;
}
.blog_comment_form .comment_form .form_block{
    margin-bottom: 30px;
}
.blog_comment_form .comment_form .form_block > input{
    height: 48px;
    width: 100%;
    border-radius: 50px;
    padding: 0px 30px;
    border: none;
    background-color: #f5f5f5;
    outline: none;
}
.blog_comment_form .comment_form .form_block > input::placeholder{
    color: #747373;
}
.blog_comment_form .comment_form .form_block > .form_field{
    width: 100%;
    height: 170px;
    border-radius: 30px;
    padding: 24px 30px;
    border: none;
    background-color: #f5f5f5;
    outline: none;
}
.blog_comment_form  button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 50px;
    background-color: var(--main-bg-color);
    border-radius: 50px;
    color: #ffffff;
    text-decoration: none;
    outline: none;
    border: none;
    margin-top: -5px;
    cursor: pointer;
    position: relative;
    z-index: 99;
}
.blog_comment_form  button:hover{
    color: var(--main-bg-color);
}
.blog_comment_form  button::after{
    content: '';
    position: absolute;
    width: 0;
    height: 50px;
    top: 50%;
    left: 50%;
    background: #ffffff;
    border: 1px solid var(--main-bg-color);
    border-radius: 50px;
    opacity: 0;
    transform: translate(-50%,-50%);
    z-index: -1;
    transition: .3s ease-in-out;
}
.blog_comment_form  button:hover::after{
    width: 100%;
    opacity: 1;
}
/********************************************************
Blog-Single-End 
 *******************************************************/
 /********************************************************
10. Blog-End
 *******************************************************/
/********************************************************
11. Testimonial-Start 
 *******************************************************/
.cr_testimonial_about{
    background: url(../images/background/test_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 99;
}
.cr_testimonial_overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: hsl(0deg 0% 2% / 53%);
}
.cr_testimonial_about .cr_main_head {
    text-align: center;
    padding: 0 250px;
    position: relative;
}
.cr_testimonial_about .cr_main_head >h1{
    color: #ffffff;
}
.cr_testimonial_about .cr_main_head > h1 > span{
    color: #ffffff;
} 
.cr_testimonial_about .cr_main_head > p{
    color: #ffffff;
}
.cr_testimonial {
    background-color: #f5f5f5;
}
.cr_testimonial .cr_test {
    padding: 60px 73px;
    background-color: #0d9fad;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    border-radius: 150px;
}
.cr_testimonial .cr_test_img > img{
    border-radius: 50%;
    margin-right: 30px;
}
.cr_testimonial .cr_test_txt > h3{
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
}
.cr_testimonial .cr_test_txt > h3 >span{
    font-size: 15px;
    color: #ffffff;
    font-weight: normal;
}
.cr_testimonial .cr_test_txt > p{
    color: #ffffff;
}
.cr_testimonial .swiper-button-next{
    width: 32px;
    height: 32px;
    outline: none;
    right: 29px;
    display: none;
}
.cr_testimonial .swiper-button-prev{
    width: 32px;
    height: 32px;
    outline: none;
    left: 29px;
    color: #ffffff;
    display: none;
}
.cr_testimonial .swiper-button-next, .swiper-button-prev {
    top: 126px;
}
/********************************************************
11. Testimonial-End 
 *******************************************************/
/********************************************************
12. Team-Start
 *******************************************************/
.cr_team{
    position: relative;
}

.cr_team .cr_team_box{
    padding-bottom: 90px;
}

.cr_team .cr_team_box_img{
    position: relative;
}
.cr_team .cr_team_box_img >img{
    max-width: 100%;
}
.cr_team .cr_team_box_name{
    width: 320px;
    height: 100px;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    -webkit-box-shadow: -1px 0px 18px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: -1px 0px 18px 1px rgba(0,0,0,0.1);
    box-shadow: -1px 0px 18px 1px rgba(0,0,0,0.1);
    transition: 0.3s ease;
}
.cr_branch .cr_team_box_name{
    width: 300px;
    height: 90px;
}
.cr_team .cr_team_box_name h4{
    color: #222222;
    font-size: 25px;
    font-weight: 700;
}
.cr_team .cr_team_box_name p {
    color: #1cb9c8;
    margin: 0;
    font-weight: 700;
    font-size: 16px;
}
.cr_team .cr_team_overlay{
    position: absolute;
    top: 500px;
    right: 0;
    left: 0;
    bottom: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgb(28 185 200 / 85%);
    transition: .5s ease;
    visibility: hidden;
    
}
.cr_team .cr_team_box:hover .cr_team_overlay{
    visibility: visible;
    top: 0;
}
.cr_team_single .cr_team_overlay{
    left: 15px;
    right: 15px;
}
.cr_team .cr_team_box:hover .cr_team_box_name{
    visibility: hidden;
    opacity: 0;
}
.cr_branch .cr_team_box:hover .cr_team_box_name{
    visibility: visible;
    opacity: 1;
}
.cr_team .cr_team_overlay > h4{
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
}
.cr_branch .cr_team_box_name h4{
    margin-bottom: 3px;
}
.cr_team .cr_team_overlay > p{
    color: #ffffff;
    position: relative;
    margin-bottom: 25px;
}
.cr_team .cr_team_overlay > p::after{
    content: "";
    position: absolute;
    width: 70px;
    border-bottom: 1px solid #ffffff;
    bottom: -13px;
    left: 50%;
    transform: translateX(-50%);
}
.cr_team .cr_team_overlay > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.cr_team .cr_team_overlay > ul > li{
    display: inline-flex;
    margin-right: 12px;
}
.cr_team .cr_team_overlay > ul > li > a{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    color: #ffffff;
    font-size: 16px;
}
.cr_team .cr_team_overlay > ul > li > a:hover{
    -webkit-animation: heartBeat 2s;
    animation: heartBeat 2s;
}  
.cr_team .swiper-pagination-clickable .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background-color: #1cb9c8;
    border-radius: 40px;
    margin-right: 5px;
    outline: none;
}
.cr_team .swiper-pagination-clickable .swiper-pagination-bullet-active{
    width: 14px;
    height: 10px;
    border-radius: 40px;
}
.cr_team .swiper-pagination{
    bottom: 75px;
    left: 50%;
    transform: translateX(-50%);
}
/********************************************************
12. Team-End 
 *******************************************************/
 /********************************************************
13. Newsletter-Start 
 *******************************************************/
.cr_new_ltr{
    background: url(../images/background/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.cr_new_ltr::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
   background: rgb(28 185 200 / 85%);
}
.cr_new_ltr .cr_new_ltr_box{
    position: relative;
    z-index: 99;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.cr_new_ltr .cr_new_ltr_box > h6{
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 4px;
    text-transform: uppercase;
}
.cr_new_ltr .cr_new_ltr_box > h1{
    color: #ffffff;
    font-size: 42px;
    font-weight: 700;
}
.cr_new_ltr .cr_new_ltr_box > h2{
    color: #ffffff;
    font-size: 32px;
    font-weight: 700;
}
.cr_new_ltr .cr_new_ltr_box > a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 50px;
    border-radius: 50px;
    background-color: #ffffff;
    border: 1px solid #fff;
    color: #1cb9c8;
    text-decoration: none;
    margin-top: 22px;
    position: relative;
    transition: .3s ease-in-out;
}
.cr_new_ltr .cr_new_ltr_box > a:hover{
    background-color: transparent;
    color: #ffffff;
}
.cr_new_ltr .cr_new_ltr_box > a::after{
    content: '';
    position: absolute;
    width: 0;
    height: 48px;
    top: 50%;
    left: 50%;
    background: var(--main-bg-color);
    border: 1px solid #ffffff;
    border-radius: 50px;
    opacity: 0;
    transform: translate(-50%,-50%);
    z-index: -1;
    transition: .3s ease-in-out;
}
.cr_new_ltr .cr_new_ltr_box > a:hover::after{
    width: 100%;
    opacity: 1;
}
.cr_new_ltr .cr_new_ltr_box > p{
    font-size: 15px;
    color: #ffffff;
    margin-bottom: 24px;
}
.cr_new_ltr .cr_team_email input{
    width: 100%;
    height: 58px;
    padding: 0 205px 0 30px;
    border-radius: 50px;
    border: none;
    outline: none;
    position: relative;
}
.cr_new_ltr .cr_email{
    position: relative;
    width: 100%;
}
.cr_new_ltr .cr_team_email a{
    display: inline-flex;
    text-decoration: none;
    color: #ffffff;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}
.cr_new_ltr .cr_team_email a:hover{
    color: var(--main-bg-color);
}
.cr_new_ltr .cr_team_email a::after{
    content: '';
    position: absolute;
    width: 0;
    height: 48px;
    top: 50%;
    left: 50%;
    background: #ffffff;
    border: 1px solid var(--main-bg-color);
    border-radius: 50px;
    opacity: 0;
    transform: translate(-50%,-50%);
    z-index: -1;
    transition: .3s ease-in-out;
}
.cr_new_ltr .cr_team_email a:hover::after{
    width: 100%;
    opacity: 1;
   }
/********************************************************
13. Newsletter-End 
 *******************************************************/
/********************************************************
14. History-Start
 *******************************************************/

.cr_history_team{
    background-color: #f5f5f5;
}
.cr_history .cr_history_img > img{
    max-width: 100%;
}
.cr_history .cr_history_img{
    position: relative;
    left: 35px;
}
.cr_history .cr_history_img::before {
    content: "";
    position: absolute;
    width: 542px;
    height: 320px;
    top: 20px;
    left: -20px;
    background-color: var(--main-bg-color);
    z-index: -1;
}




.cr_history .cr_history_txt >h6{
    font-size: 18px;
    color: var(--main-bg-color);
    letter-spacing: 3px;
    text-transform: uppercase;
}
.cr_history .cr_history_txt > h2{
    font-size: 30px;
    color: #222222;
    position: relative;
    margin-bottom: 38px;
}
.cr_history .cr_history_txt > h2::after{
    content: "";
    position: absolute;
    bottom: -13px;
    left: 0;
    border-bottom: 2px solid var(--main-bg-color);
    width: 270px;
}
.cr_history .cr_history_txt > p{
    color: #6d6d6d;
    font-size: 15px;
    margin-bottom: 9px;
}
.cr_history .cr_history_txt{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 26px;
}
.cr_history .cr_history_txt > ol{
   display: flex;
   flex-flow: wrap;
   margin: 0;
   padding-left: 25px;
   list-style-type: decimal-leading-zero;
}
.cr_history .cr_history_txt > ol > li{
    width: 50%;
    margin-bottom: 10px;
    color: #6d6d6d;
}
/********************************************************
14. History-End 
 *******************************************************/
 /********************************************************
15. Contact-Start
 *******************************************************/
.cr_getin .cr_getin_form{
    background-color: #1cb9c8;
    padding: 45px 50px 50px;
    -webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 2;
    border-radius: 45px;
}
.cr_getin .cr_getin_form >h1{
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 24px;
}
.cr_getin .form_input input{
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 50px;
    background-color: #f5f5f5;
    margin-bottom: 30px;
    padding: 0 30px;
    outline: none;
}
.cr_getin .form_input textarea{
    width: 100%;
    height: 170px;
    border: none;
    border-radius: 20px;
    background-color: #f5f5f5;
    padding: 25px 30px;
    margin-bottom: 24px;
    outline: none;
	resize: none;
}
.cr_getin .form_input > button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 170px;
    height: 50px;
    padding: 0 30px;
    background-color: #ffffff;
    border: 1px solid var(--main-bg-color);
    border-radius: 50px;
    color: #1cb9c8;
    text-decoration: none;
    outline: none;
    transition: all 0.3s ease-in-out;
    position: relative;
    z-index: 99;
    cursor: pointer;
}
.cr_getin .form_input > button:hover{
    color: var(--main-bg-color);
}
.cr_getin .form_input > button::after{
    content: '';
    position: absolute;
    width: 0;
    height: 110%;
    top: 50%;
    left: 50%;
    background: #ffffff;
    border: 1px solid var(--main-bg-color);
    border-radius: 50px;
    opacity: 0;
    transform: translate(-50%,-50%);
    z-index: -1;
    transition: .3s ease-in-out;
}
.cr_getin .form_input > button:hover::after{
    width: 100%;
    opacity: 1;
}
.cr_getin .response{
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
}
.cr_getin .response span{
    display: inline-block;
    padding: 10px 25px;
    border-radius: 50px;
    font-weight: 500;
	animation:zoom 0.1s linear;
	background-color:var(--main-bg-color);
	color:#ffffff;
}
@keyframes zoom{
	0%{transform:scale(0.5);}
	100%{transform:scale(1);}
}
.cr_map_wrapper {
    margin-top: -270px;
    position: relative;
    z-index: 1;
}
.cr_map_wrapper > iframe{
    width: 100%;
    height: 710px;
    margin-bottom: -8px;
    border: none;
}
 /********************************************************
15. Contact-End
 *******************************************************/
  /********************************************************
16. Footer-Start 
 *******************************************************/
.cr_footer{
    color: #ffffff;
    background-color: #000000;
}
.cr_footer .cr_footer_box > h1{
    color: #ffffff;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 16px;
}
.cr_footer .cr_footer_box > p{
    color: #ffffff;
    font-size: 15px;
    margin-bottom: 15px;
}
.cr_footer ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.cr_footer .cr_footer_box > ul > li{
    display: inline-flex;
}
.cr_footer .cr_footer_box > ul > li > a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 10px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    color: #ffffff;
    margin-right: 6px;
    transition: all .4s ease-in-out;
}
.cr_footer .cr_footer_box > ul > li > a:hover{
    transform: rotate(720deg);
}
.cr_footer .cr_footer_box > ul > li .cr_link{
    background-color: #0177b4;
}
.cr_footer .cr_footer_box > ul > li .cr_fb{
    background-color: #3c5898;
}
.cr_footer .cr_footer_box > ul > li .cr_twitt{
    background-color: #55acef;
}
.cr_footer .cr_footer_box > ul > li .cr_ytube{
    background-color: #c8201d;
}

.cr_footer  h2{
    color: #ffffff;
    font-size: 26px;
    font-weight: 700;
}
.cr_footer_box img {
    width: 180px;
	margin-bottom: 15px;
}
.cr_footer .cr_footer_navigation{
    display: flex;
   
}
.cr_footer .cr_footer_navigation .footer_nav{
    margin-top: 40px;
}
.cr_footer .cr_footer_navigation .cr_footer_nav{
    position: relative;
    width: 50%;
}


.cr_footer .footer_nav ul{
    padding-left: 21px;
    margin-top: 4px;
}
.cr_footer .cr_footer_nav > ul > li{
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.cr_footer .cr_footer_nav > ul > li > a{
    display: block;
    color: #ffffff;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s;
}
.cr_footer .cr_footer_nav > ul > li > a:hover{
    color: var(--main-bg-color);
}
.cr_footer .cr_footer_nav > ul > li > i{
    color: var(--main-bg-color);
    margin-right: 15px;
}
.cr_footer h3{
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 17px;
}
.cr_footer .cr_footer_post > ul > li{
    display: block;
}
.cr_footer .cr_footer_post > ul > li > a{
    display: inline-flex;
    color: #ffffff;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s;
}
.cr_footer .cr_footer_post > ul > li > a:hover{
    color: var(--main-bg-color);
}
.cr_footer .cr_footer_post > ul > li > a > i{
    margin-top: 3px;
    color: var(--main-bg-color);
}
.cr_footer .cr_footer_post > ul > li > p{
    color: var(--main-bg-color);
    padding-left: 15px;
    margin-bottom: 11px;
}
.cr_footer .cr_footer_insta > ul > li{
    display: inline-flex;
}
.cr_footer .cr_footer_insta > ul > li > a{
    display: block;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
.cr_footer .cr_footer_insta > ul > li > a >img{
    width: 75px;
    height: 75px;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    }
    .cr_footer .cr_footer_insta > ul > li > a > img:hover{
        transform: rotate(15deg) scale(1.3); 
   }
.cr_copyright{
    background-color: #1cb9c8;
    padding: 10px 0;
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.cr_copyright p {
    margin: 0;
    color: #ffffff;
    font-weight: 600;
}
.cr_copyright a {
    color: #000000;
    font-weight: 600;
}
.cr_copyright .cr_copy_box2{
    text-align: right;
}
  /********************************************************
16. Footer-End
 *******************************************************/
   /********************************************************
17. Searchbar-Start  
 *******************************************************/
.search_field{
    position: relative;
    width: 790px;
}
.open_popup .search_field{
    animation: zoomInUp 1s;
}
@-webkit-keyframes zoomInUp {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }
  
  @keyframes zoomInUp {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }
.search_field input {
    background: transparent;
    position: relative;
    width: 100%;
    height: 60px;
    color: #ffffff;
    padding-left: 25px;
    padding-right: 50px;
    font-size: 22px;
    outline: none;
    border: none;
    border-bottom: 1px solid #a2a2a2;
    border-radius: 0;    
}
.search_field a {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    text-decoration: none;
    display: flex;
    align-items: center;
    color: #a2a2a2;
    font-size: 22px;
    padding: 0 20px;
}

.search_popup_box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 99999;
    padding: 15px;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}
.open_popup .search_popup_box {
    visibility: visible;
    opacity: 1;
}
.search_popup_box .search_close > i {
    font-size: 48px;
}
.search_popup_box .search_close_btn {
    position: absolute;
    color: #ffffff;
    font-size: 52px;
    color: var(--main-bg-color);
    height: 40px;
    width: 40px;
    cursor: pointer;
}
.search_popup_box .search_close {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
}
.search_popup_box .search_close svg{
    position: absolute;
    top: 30px;
    right: 30px;
}
/********************************************************
17. Searchbar-End 
 *******************************************************/
/********************************************************
18. Responsive-Css-Start 
 *******************************************************/
@media (max-width: 1600px){
    .cr_wecan {
        padding: 40px 0 70px;
    }
    .cr_wecan .we_can {
        top: 100px;
    }
    .cr_wecan .we_can > img{
        max-width: 100%;
    }
    .cr_wecan .cr_wecan_icon > a{
        width: 70px;
        height: 70px;
    }
    .cr_wecan .cr_wecan_icon > a::before{
        width: 80px;
        height: 80px;
    }
	.cr_banner .cr_banner_txt {
        padding: 215px 0 215px 55px;
    }
}
@media (max-width: 1199px){
    .cr_pageinfo_wrapper .cr_pageinfo_inner {
        text-align: center;
        padding: 45px 0;
    }
    .cr_topbar .cr_left_top > ul > li{
        font-size: 13px;
        padding-right: 20px;
    }
    .cr_topbar .cr_right_top > ul > li > a{
        margin-left: 15px;
    }
    .cr_topbar .cr_left_top > ul > li:first-child::after{
        margin-left: 10px;
    }
    .cr_banner .cr_banner_txt {
        padding: 150px 0 150px 40px;
    }
    .cr_banner .cr_banner_txt > h6{
        font-size: 15px;
    }
    .cr_banner .cr_banner_txt > h1{
        font-size: 40px;
    }
    .cr_banner .cr_banner_txt > p{
        font-size: 13px;
    }
    .cr_banner .cr_banner_slide_btn{
        padding: 0;
    }
    .cr_banner .cr_banner_slide_btn{
        width: 35px;
        height: 55px;
    }
    .cr_btn{
        min-width: 140px;
        height: 40px;
    }
    .cr_main_head {
        padding: 0 127px;
    }
	
	
    .cr_about .cr_about_txt> h3 {
        font-size: 22px;
        margin-bottom: 22px;
    }
    .cr_wecan .we_can {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    .cr_wecan .cr_wecan_icon > a{
        width: 50px;
        height: 50px;
    }
    .cr_wecan .cr_wecan_icon > a::before{
        width: 60px;
        height: 60px;
    }
    .cr_wecan .cr_about_txt> h3{
        margin-bottom: 12px;
    }
    .cr_about .about_img::after{
        height: 340px;
        top: 60%;
        transform: translateY(-60%);
    }
    .cr_about_main .cr_about_txt {
        padding: 0 19px 0;
    }
    .cr_about_main .about_img::after{
        top: 50%;
        transform: translateY(-50%);
    }
    .cr_wecan {
        padding: 40px 0 70px;
    }
    .cr_testimonial_about .cr_main_head{
        padding: 0 183px;
    }
    
    .cr_projects .cr_projects_heading{
        padding: 0 127px;
    }
    .cr_blog .cr_blog_txt > ul > li > a{
        font-size: 14px;
    }
    .cr_blog .cr_blog_txt{
        padding: 30px 15px 15px;
    }
    .cr_team .cr_team_box_name{
        width: 220px;
        height: 90px;
    }
    .cr_blog .swiper-pagination{
        margin-top: 8px;
    }
    .cr_team .cr_team_box_name h4 {
        margin: 0;
    }
    .cr_branch .cr_team_box_name h4 {
        font-size: 16px;
    }
    .cr_team .cr_team_box_name p {
        margin: 3px;
        font-size: 12px;
    }
    .cr_history .cr_history_txt{
        padding: 0;
    }
    .cr_history .cr_history_txt > h2{
        margin-bottom: 20px;
    }
    .cr_history .cr_history_txt > ol > li{
        width: 100%;
    }
    .cr_history {
        padding: 80px 0 80px;
    }
    .cr_map_wrapper {
        margin-top: 80px;
    }
    
    .cr_team .swiper-pagination{
        bottom:  75px;
    }
    .cr_about_main {
        padding: 80px 0 80px;
    }
    .cr_blog_main .cr_blog_main_box > .blog_img > ul > li{
        padding-right: 15px;
        margin-right: 15px;
    }
    .cr_blog_main .cr_blog_main_box > .blog_txt > h1 > a{
        font-size: 24px;
    }
    .blog_comment h4 {
        font-size: 28px;
    }
    .cr_blog_main_single {
        padding: 50px 0;
    }
    .cr_history .cr_history_img {
        left: 0;
    }
    .cr_history .cr_history_img::before{
        display: none;
    }
    .cr_about .cr_about_txt> h3::after{
        bottom: -8px;
    }
    .cr_wecan .cr_wecan_icon > a > i {
        font-size: 17px;
    }
    .blog_comment {
        padding: 44px 0 22px;
    }
    .cr_blog_main {
        padding: 50px 0 54px;
    }
	.cr_map_wrapper > iframe {
		height: 350px;
	}

}

@media (max-width: 1023px){
    .cr_pageinfo_wrapper h1 {
        font-size: 30px;
    }
    .cr_header .cr_header_logo > a > h3{
        font-size: 28px;
    }
    .cr_banner .cr_banner_txt {
        padding: 130px 0 130px 100px;
    }
    .cr_banner .cr_banner_txt > h6{
        padding: 15px 20px 15px 24px;
    }
    .cr_banner .cr_banner_txt > h1 {
        font-size: 36px;
    }
    .cr_about_main{
        padding: 55px 0 30px;
    }
    .cr_wecan {
        padding: 20px 0 0;
    }
    .cr_testimonial_about .cr_main_head {
        padding: 0 75px;
    }
    .cr_testimonial_about .cr_test {
        padding: 45px 60px 30px;
    }
    .cr_wecan .cr_about_txt {
        padding: 0 0 30px 19px;
    }
    .cr_counter_inner{
        padding: 42px 0 0;
        margin-top: 50px;
    }
    .cr_counter_box{
        margin-bottom: 45px;
    }
    .cr_team .cr_team_box_name{
        width: 180px;
    }
    .cr_team .cr_team_box_img >img{
        width: 100%;
    }
    .cr_team .cr_team_overlay{
        top: 850px;
    }
    .cr_team .cr_team_box_name{
        width: 320px;
        height: 100px;
    }
    .cr_copyright {
        text-align: center;
    }
    .cr_copyright .cr_copy_box2{
        text-align: center;
    }
    .cr_blog_main_sidebar .sidebar_tag > ul > li > a{
        padding: 10px 14px;
    }
    .cr_about .about_img::after{
        border: none;
    }
   
    .cr_wecan {
        padding: 10px 0 40px;
    }
    

}
@media (max-width: 991px){
    .cr_topbar .cr_left_top > ul > li{
        font-size: 12px;
    }
    .cr_blog_main .blog_paginantion {
    margin-top: 0;
}
.pl30 {
    padding-left: 0 !important;
}
.pr20 {
    padding-right: 0 !important;
}
    .cr_topbar{
        text-align: center;
    }
    .cr_topbar .cr_right_top{
        text-align: center;
    }
    
    .cr_header .cr_header_wrapper{
        padding: 19px 0;
    }
    .cr_header .responsive_close{
        display: flex;
        align-items: center;
        background-color: var(--main-bg-color);
        color: #ffffff;
        padding: 25px 20px;
    }

.cr_header .toggle_click svg{
   cursor: pointer;
}
    .cr_header .responsive_close > .res_logo{
        flex: 1;
    }
	.cr_header .responsive_close > .res_logo img {
		width: 150px;
	}
    .cr_header .cr_head_search {
        position: absolute;
        right: 85px;
        top: 50%;
        transform: translateY(-50%);
    }
    .cr_header .cr_head_search a{
        font-size: 18px;
    }
    .cr_header .cr_navbar{
        position: fixed;
        top: 0;
        bottom: 0;
        left: -250px;
        width: 250px;
        display: block;
        background-color: #ffffff;
        overflow: auto;
        z-index: 999;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    .cr_header .cr_navbar.nav_open{
        left: 0;
    }
    .cr_header .cr_navbar > ul > li{
        display: block;
        border-bottom: 1px solid rgba(35,145,255,0.2);
    }
    .cr_header .cr_navbar > ul > li > a{
        color: Var(--main-bg-color);
        padding: 17px 0 17px 25px;
    }
    .cr_header .cr_toggle{
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 30px;
        color: #ffffff;
        font-size: 32px;
    }
    .cr_header .cr_navbar > ul > .cr_dropdown > .cr_submenu{
        width: 100%;
        position: unset;
        visibility: visible; 
        opacity: 1;
        border: none;
        transition: none;
        transform: none;
        display: none;
    }
    .cr_header .cr_navbar > ul > li > .cr_head_nav {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .cr_header .cr_navbar > ul > li > .cr_head_nav{
        margin: 0;
    }
    .cr_header .cr_navbar > ul > li > a:hover{
        background-color: var(--main-bg-color);
        color: #ffffff;
    }
    .cr_header .cr_navbar > ul > li > a::after{
        background: transparent;
    }
    .cr_header .cr_navbar > ul > .cr_dropdown > .cr_submenu > li{
        border-top: 1px solid rgba(35,145,255,0.2);
    }
    .cr_header .cr_navbar > ul > .cr_dropdown > .cr_submenu > li > a {
        padding: 15px 0 15px 65px;
    }
    .cr_header .cr_navbar > ul > .cr_dropdown > .cr_submenu > li:last-child:hover{
        border-radius: 0;
    }
    .cr_header .cr_navbar > ul > .cr_dropdown > .cr_submenu > li:hover a{
        color: var(--main-bg-color);
    }
    .cr_header .cr_navbar > ul > .cr_dropdown > .cr_submenu > li:hover{
        background-color: #ffffff;
    }
    .cr_banner .cr_banner_txt {
        padding: 90px 60px 90px 45px;
    }
    .cr_banner .cr_banner_txt > h1 {
        font-size: 34px;
    }
    .cr_banner .cr_banner_slide_btn{
        padding: 10px 0;
    }
    .cr_main_head {
        padding: 0 45px;
    }
    .cr_main_head > h1{
        font-size: 28px;
    }
    .cr_services .cr_service_inner{
        padding: 37px 10px;
    }
    .cr_services .cr_service_inner > h5{
        font-size: 18px;
    }
    .cr_services .cr_service_inner > p{
        font-size: 13px;
    }
    .cr_about .cr_about_inner > img{
        width: 100%;
    }
    .cr_about .cr_about_txt> h3 {
        font-size: 22px;
        margin-bottom: 18px;
    }
   
   
    .cr_projects .grid-item{
        width: 50%;
        padding: 15px;
        overflow: hidden;
    }
    .cr_projects .cr_projects_heading {
        padding: 0 45px;
    }
    
    .cr_counter .cr_counter_heading > h3 {
        font-size: 26px;
    }
   
    .cr_history .cr_history_img{
        margin-bottom: 46px;
    }
    .cr_history .cr_history_img > img{
        width: 100%;
    }
    .cr_history .cr_history_txt > h2{
        margin-bottom: 16px;
    }
    .cr_history {
        padding: 80px 0 60px;
    }
   
    .cr_pricing_tbl .cr_pricing_box{
        margin-bottom: 30px;
    }
    .blog_single_img > img {
        margin-bottom: 30px;
    }
    .cr_blog_main_single .blog_dummy_txt > .p3 {
        margin-top: 0;
    }
    .blog_comment {
        padding: 34px 0 12px;
    }
    .blog_comment_form .form_heading > h4{
        font-size: 28px;
    }
    .cr_about_main {
        padding: 70px 0 110px;
    }
    
    .cr_wecan .cr_about_txt {
        padding: 0 0 40px 0;
    }
    
    .cr_offer {
        padding: 30px 0 10px;
    }
    .cr_blog .swiper-pagination {
        margin-top: 10px;
    }
    .cr_new_ltr{
        text-align: center;
         padding: 47px 0 48px;
    }
    .cr_new_ltr .cr_new_ltr_box > h1{
        font-size: 34px;
    }
    .cr_new_ltr .cr_new_ltr_box > a{
        width: 140px;
        height: 40px;
        margin: 22px auto;
    }
    .cr_new_ltr .cr_new_ltr_box > a::after{
        height: 40px;
    }
    .cr_new_ltr .cr_team_email{
        min-width: 500px;
        margin: 0 auto;
    }
    .cr_new_ltr .cr_team_email input {
        height: 45px;
        padding: 0 150px 0 30px;
    }
    .cr_new_ltr .cr_team_email a{
        width: 120px;
        height: 35px;
    }
    .cr_new_ltr .cr_team_email a::after{
        height: 35px;
    }
    .cr_branch {
        padding: 40px 0 10px;
    }
    .cr_team .swiper-pagination {
        bottom: 45px;
    }
    .cr_map_wrapper {
        margin-top: 40px;
    }
    .cr_blog_main_single {
        padding: 40px 0;
    }
    .cr_blog_main .cr_blog_main_box > .blog_img > .usr_blg{
        bottom: 55px;
    }
    .cr_about .cr_about_btn{
        top: 10px;
    }
    .cr_about .cr_about_heading > h1 {
        margin-bottom: 38px;
    }
    .cr_blog_main {
        padding: 32px 0 40px;
    }
    .cr_blog_main .cr_blog_main_box {
        margin-bottom: 20px;
    }
	.cr_footer_insta {
		margin-top: 50px;
	}
	.cr_footer_post {
		margin-top: 50px;
	}
    .cr_services .cr_service_wrapper{
        border-radius: 0;
    }
    .cr_counter_inner{
        border-radius: 0;
    }
    .cr_testimonial .cr_test{
         border-radius: 0;
    }
    .cr_getin .cr_getin_form{
        border-radius: 0;
    }
}

@media (max-width: 767px){
    .cr_pageinfo_wrapper .cr_pageinfo_inner {
        padding: 45px 0;
    }
    .cr_topbar .cr_left_top > ul > li:first-child::after{
        border-right:none;
    }
    .cr_topbar .cr_left_top > ul > li{
        padding-right: 0;
    }
    .cr_banner .cr_banner_slide_btn{
        font-size: 24px;
        padding: 10px 0;
    }
    .cr_banner .cr_banner_slide_btn > a{
        padding: 0;
    }
    .cr_banner .cr_banner_txt {
        padding: 40px 0 40px 65px;
    }
    .cr_banner .cr_banner_txt > h1 {
        font-size: 36px;
    }
    .cr_banner .cr_banner_txt {
        padding: 40px 0 40px 45px;
    }
    .cr_banner .cr_banner_txt > h6 {
        padding: 13px 16px 13px 20px;
    }
    .cr_banner .cr_banner_txt > h1 {
        font-size: 28px;
    }
    .cr_banner .cr_banner_txt > p {
        font-size: 11px;
    }
    .cr_banner .cr_banner_txt > .cr_banner_btn > a{
        font-size: 11px;
    } 
    .cr_main_head {
        padding: 0;
    }
    .cr_services .cr_service_inner {
        padding: 50px 25px 0 25px;
    }
    .cr_services .cr_service_wrapper {
        padding-bottom: 40px;
    }
    
    
    .cr_history {
        padding: 40px 0 25px;
    }
    
    .cr_about .cr_about_txt> h3 {
        margin-bottom: 18px;
    }
    .cr_about .cr_about_txt> h3::after {
        bottom: -8px;
        width: 200px;
    }
    .cr_about_main .about_img::after{
        top: 50%;
        transform: translateY(-50%);
    }
    .cr_projects .grid-item{
        width: 100%;
    }
    .cr_projects .grid-item > img{
        width: 100%;
    }
    .cr_projects .cr_project_overlay{
        width: 94.5%;
        padding: 0 30px;
    }
    .cr_projects .cr_projects_heading {
        padding: 0;
    }
    
    .cr_counter{
        padding: 29px 0;
    }
    .cr_counter .cr_counter_heading > h5{
        font-size: 16px;
    }
    .cr_counter .cr_counter_heading > h3{
        font-size: 18px;
    }
    .cr_testimonial .cr_test {
        padding: 30px 50px;
    }
    
    .cr_branch {
        padding: 40px 0 10px;
    }
    .cr_team .swiper-pagination {
        bottom: 35px;
    }
    .cr_new_ltr .cr_new_ltr_box > h1{
        font-size: 27px;
    }
    .cr_new_ltr .cr_new_ltr_box > h2 {
        font-size: 26px;
    }
    .cr_new_ltr .cr_new_ltr_box > h2{
        font-size: 30px;
    }
    .cr_new_ltr .cr_new_ltr_box > a{
        width: 135px;
        height: 40px;
        margin-top: 12px;
    }
    .cr_new_ltr .cr_new_ltr_box > a::after{
        height: 40px;
    }
    .cr_new_ltr .cr_team_email a{
        width: 120px;
        height: 40px;
    }
    .cr_new_ltr .cr_team_email a::after{
        height: 40px;
    }
    
    .cr_new_ltr {
        padding: 10px 0 15px;
    }
    .cr_footer .cr_footer_box {
        margin-bottom: 50px;
    }
    .cr_footer .cr_footer_navigation{
        margin-bottom: 30px;
    }
    .cr_footer .cr_footer_post {
        margin-bottom: 50px;
		margin-top: 0;
    }
    .cr_footer .cr_footer_insta {
        margin-bottom: 50px;
		margin-top: 0;
    }
    .cr_footer {
        padding: 50px 0 0;
    }
    .cr_footer .cr_footer_nav:first-child::after{
        left: 39%;
    }
    .cr_history .cr_history_txt > h2::after{
        bottom: -8px;
    }
    .cr_blog .cr_blog_img >img {
        width: 100%;
    }
    .cr_getin .cr_getin_form{
        padding: 35px;
    }
    .blog_single_img > img{
        max-width: 100%;
    }
    .cr_blog_main .cr_blog_main_box > .blog_txt > h1 > a {
        font-size: 20px;
    }
	.blog_comment > ul > li > ul {
		padding: 0 !important;
	}
    .blog_comment h4 {
        font-size: 24px;
    }
    .cr_blog_main_sidebar .sidebar_block > .siderbar_heading > h3{
        font-size: 24px;
    }
    .blog_comment .blog_comment_box > .comment_txt > h5{
        font-size: 18px;
    }
    .cr_blog_brdr {
        border: none;
    }
    .cr_blog_cmmnt {
        border: 1px solid #eaeaea;
        padding: 14px 10px 10px;
    }
    .cr_blog_main_single .cr_blog_main_box{
        padding: 0;
    }
    .blog_single_testimoial .blog_single_test {
        padding-left: 0;
    }
    .blog_single_testimoial::before{
        left: 0;
    }
    .blog_dummy_txt {
        padding: 0;
    }
    .blog_comment_form button{
        width: 135px;
        height: 40px;
    }
    .blog_comment_form button::after{
        height: 40px;
    }
    .cr_counter_inner {
        margin-top: 40px;
    }
    .cr_testimonial .swiper-button-prev {
        left: 10px;
    }
    .cr_testimonial .swiper-button-next {
        right: 10px;
    }
    .cr_footer .cr_footer_box > a >h1{
        font-size: 28px;
    }
    .cr_testimonial .cr_test{
        display: block;
        text-align: center;
    }
    .cr_testimonial .cr_test .cr_test_img{
        margin-bottom: 30px;
    }
    .blog_comment_box{
        display: block;
    }
    .blog_comment .blog_comment_box > .comment_image {
        margin-right: 0;
        margin-bottom: 14px;
    }
    .cr_blog_main .cr_blog_main_box > .blog_img > .usr_blg{
        bottom: 30px;
    }
    .cr_about .cr_about_txt {
        padding: 0;
    }
    .cr_wecan .cr_about_txt {
        padding: 0 0 30px 0;
    }
   
    .cr_about .cr_about_heading > h1 {
        margin-bottom: 28px;
    }
    
    
    .cr_testimonial_about {
        padding: 30px 0 40px;
    }
    .cr_history .cr_history_img {
        margin-bottom: 36px;
    }
	
	.cr_blog_main .cr_blog_main_box > .blog_img > .usr_blg {
        bottom: 55px;
	}
	
}
    
@media (max-width: 575px){
    .blog_comment_box {
   
    text-align: center;
}
    .top_bottom_80 {
    padding: 50px 0px;
}
.cr_testimonial .cr_test {
    padding: 30px 15px;
}
	.loader img {
		width: 80px;
	}
    .cr_pageinfo_wrapper .cr_pageinfo_inner {
        padding: 38px 0;
    }
    .cr_pageinfo_wrapper h1 {
        font-size: 28px;
    }
    .cr_btn {
        min-width: 110px;
        height: 35px;
    }
    .cr_banner .cr_banner_txt > h6 {
        padding: 10px 14px 11px 18px;
    }
    .cr_banner .cr_banner_txt > h1 {
        font-size: 26px;
    }
    .cr_btn {
        width: 110px;
        height: 35px;
    }
    .cr_banner .cr_banner_txt > .cr_banner_btn > a:first-child {
        margin-right: 10px;
    }
    .cr_banner .cr_banner_txt {
        padding: 40px 10px 40px 55px;
    }
    .cr_banner .cr_banner_slide_btn {
        padding: 5px 0;
    }    
    .cr_about .cr_about_heading > h1{
        font-size: 24px;
    }
    .cr_about .cr_about_btn{
        width: 100px;
        height: 40px;
        top: 15px;
    }
    .cr_about .cr_about_btn > a{
        font-size: 30px;
    }
    .cr_about_main .about_img::after{
        top: 50%;
        transform: translateY(-50%);
    }
    .cr_about .cr_about_txt {
        padding: 0;
        margin-bottom: 0;
    }
    .cr_wecan .cr_about_txt> h3::after {
        width: 58%;
    }
    .cr_wecan .we_can {
        margin-top: 20px;
    }
    .cr_counter_inner .cr_counter_box > span{
        width: 70px;
        height: 70px;
    }
    .cr_counter_inner .cr_counter_box > h1{
        font-size: 30px;
    }
    .cr_main_head {
        padding: 0 20px;
    }
    .cr_footer h1{
        font-size: 28px;
    }
    .cr_footer h3{
        font-size: 20px;
    }
    .cr_new_ltr .cr_new_ltr_box > h2 {
        font-size: 28px;
    }
    .cr_testimonial_about {
        padding: 30px 0 38px;
    }
    .cr_history .cr_history_txt > h2{
        font-size: 26px;
    }
    .cr_pricing_tbl {
        padding: 30px 30px 10px;
    }
    .cr_getin .form_input > button{
        width: 110px;
        height: 40px;
    }
    .cr_team_single .cr_team_box {
        padding-bottom: 60px;
    }
    .cr_team_single .cr_team_box_img{
        margin-bottom: 20px;
    }
    .cr_team_single .cr_team_overlay{
        bottom: 80px;
    }
    .cr_new_ltr .cr_team_email {
        min-width: 400px;
    }
}


@media (max-width: 479px){
    .cr_pageinfo_wrapper .cr_pageinfo_inner{
        padding: 25px 0;
    }
    .cr_pageinfo_wrapper h1 {
        font-size: 24px;
    }
    .cr_topbar .cr_left_top > ul > li{
        font-size: 9px;
    }
    .cr_topbar .cr_right_top > ul > li > a{
        font-size: 12px;
    }
    .cr_header .cr_header_logo > a > h3 {
        font-size: 24px;
    }
    .cr_banner .cr_banner_txt {
        padding: 40px 15px 40px 35px;
    }
    .cr_banner .cr_banner_txt > h6 {
        font-size: 11px;
    }
    .cr_banner .cr_banner_txt > h6 {
        padding: 7px 5px 7px 9px;
    }
    .cr_banner .cr_banner_txt > h1 {
        font-size: 17px;
    }
    .cr_banner .cr_banner_slide_btn {
        padding: 0;
    }
    .cr_btn {
        min-width: 88px;
        height: 29px;
    }
    .cr_about .cr_about_heading > h1 {
        font-size: 16px;
    }
    .cr_about .cr_about_btn {
        width: 80px;
        height: 30px;
        top: 10px;
    }
    .cr_about .cr_about_btn > a{
        font-size: 26px;
    }
    .cr_about .cr_about_btn > a:first-child::after{
        height: 18px;
    }
    .cr_about .cr_about_btn > a{
        padding: 0 12px;
    }
    .cr_about_main .about_img::after{
        top: 50%;
        transform: translateY(-50%);
    }
    .cr_about .cr_about_txt> h4 {
        margin: 30px 0 0 0;
    }
    .cr_about .cr_about_txt> h3 {
        font-size: 16px;
    }
    .cr_wecan .cr_about_txt> h3{
        margin-bottom: 12px;
    }
    .cr_wecan {
        padding: 0 0 50px;
    }
    .cr_about .cr_about_txt> p{
        font-size: 12px;
    }
    .cr_about .cr_about_txt > ul > li {
        font-size: 12px;
    }
    .cr_about .cr_about_txt > ul > li > span {
        width: 45px;
        height: 45px;
    }
    .cr_projects .grid-item {
        padding: 15px 0;
    }
    .cr_projects .cr_project_overlay{
        width: 100%;
    }
    .cr_projects .grid-item:hover .cr_project_overlay{
        left: 0;
    }
    .cr_projects .cr_projects_heading > h1{
        font-size: 24px;
    }
    .cr_counter{
        padding: 40px 20px;
    }
    .cr_main_head > h1 {
        font-size: 22px;
    }
    .cr_main_head {
        padding: 0;
    }
    .cr_new_ltr .cr_new_ltr_box > h1 {
        font-size: 26px;
    }
    .cr_new_ltr .cr_new_ltr_box > h2 {
        font-size: 24px;
    }
    .cr_new_ltr .cr_team_email a {
        width: 130px;
        height: 40px;
        color: #ffffff;
        border: 1px solid #ffffff;
        left: 50%;
        transform: translateX(-50%);
        top: 115%;
    }
    .cr_new_ltr {
        padding: 30px 0 80px;
    }
    .cr_wecan .cr_about_txt> h4 {
        margin-top: 20px;
    }
    .cr_team .cr_team_box_name {
        width: 225px;
        height: 70px;
        bottom: -30px;
    }
    .cr_branch {
        padding: 40px 0 0;
    }
    .cr_team .swiper-pagination {
        bottom: 50px;
    }
    .cr_pricing_tbl .cr_pricing_box > h2{
        font-size: 26px;
    }
    .cr_pricing_tbl .pricing_title > span{
        font-size: 32px;
    }
    .cr_pricing_tbl .pricing_title > .currency{
        font-size: 18px;
    }
    .cr_pricing_tbl .pricing_title > .month{
        font-size: 15px;
    }
    .cr_team_single{
        padding: 32px 0 0;
    }
    .cr_getin .cr_getin_form {
        padding: 35px 10px;
    }
    .cr_new_ltr .cr_email {
        width: 280px;
    }
    .cr_new_ltr .cr_team_email input {
        width: 288px;
        height: 45px;
        padding: 0 15px;
    }
    .cr_new_ltr .cr_team_email {
        min-width: 280px;
    }
    .cr_team .cr_team_box {
        padding-bottom: 70px;
    }
    .cr_team_single .cr_team_box {
        padding-bottom: 50px;
    }
    .cr_team_single .cr_team_overlay {
        bottom: 90px;
    }
    .cr_team .cr_team_overlay{
        bottom: 70px;
    }
	.cr_blog_main .cr_blog_main_box > .blog_img > .blog_user {
        bottom: 55px;
    }
    
}
@media (max-width: 513px){

@media (max-width: 343px){
	.cr_blog_main .cr_blog_main_box > .blog_img > .blog_user {
		bottom: 85px;
		left: 20px;
	}
}
/********************************************************
8. Responsive-Css-End 
 *******************************************************/