/*================================

    GLOBAL CSS START

================================*/



@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');



a {
    margin: 0;
    padding: 0;
    font-family: "bodoni", serif;
}



ul,

ol,

li {

    list-style: none;

    margin: 0;

    padding: 0;
     font-family: "bodoni", serif;

}

.container{
    max-width: 90%!important;
  }

a {
    display: inline-block;
     font-family: "bodoni", serif;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0;
    padding: 0;
    color: #009648;
	margin-top: 10px;
    margin-bottom: 6px;
     font-family: "bodoni", serif;

}

p{
    font-size: 19px;
    font-weight: 400;
    margin: 0;
    color: #000;
    margin-bottom: 10px;
    font-family: "bodoni", serif;
}

span {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    color: #009648;
    text-align: left;
    margin-bottom: 10px;
    font-family: var(--bodyFont);
}



body {
    font-family: var(--bodyFont);
     font-family: "bodoni", serif;
}



img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}


input,

textarea {

    width: 100%;

    padding: 5px 7px;

    outline: none;

    resize: none;

    border: 1px solid #000;

    border-radius: 3px;

    font-size: 16px;

    font-weight: 300;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

}



.form-check-input:focus {

    box-shadow: none;

}



/*input::placeholder,

textarea::placeholder {

    color: #a6a6ac;

}
*/


button {

    border: none;

}



:root {

    --colorPrimary: #02039c;

    --paraColor: #3B3E3F;

    --colorBlack: #009648;

    --colorWhite: #ffffff;

    --boxShadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;

    --bodyFont: "bodoni", serif;

    --bannerFont: "bodoni", serif; 

}

.wpcf7-not-valid-tip{
  color: #dc3232;
  font-size: 14px!important;
  position: absolute!important;
  top: 40px!important;
}

#mobstar{
  display: none;
}

.common_btn{
    padding: 10px 55px 10px 30px;
    background: #02039c;
    color: var(--colorWhite) !important;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    border-radius: 20px;
    position: relative;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}



.common_btn::after {
    position: absolute;
    content: "";
    background: url(../images/arrow_icon.png);
    width: 25px;
    height: 21px;
    right: 21px;
	  margin-top: 10px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}



.common_btn:hover,

.common_btn:focus {
    background: #009648;
    color: #fff;
    border: 1px solid #009648;
    transition: all linear .3s;
    animation: pulse 1s;
    box-shadow: 0 0 0 1em transparent;
}



@keyframes pulse {

    0% {

        box-shadow: 0 0 0 0 #faa392;

    }

}

.gallery_page{
    padding: 5% 0px;
}

.read_btn {
    background: #009648;
    padding: 8px 10px;
    border-radius: 30px;
    color: var(--colorWhite) !important;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 130px;
     font-family: "bodoni", serif;
    text-align: center;
    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

}



.read_btn::after {

    position: absolute;

    content: "";

    width: 0%;

    height: 100%;

    background: #02039c;

    border-radius: 30px;

    top: 0;

    left: 0;

    z-index: -1;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

}



.read_btn:hover::after {

    width: 100%;

}




.about{
    padding-bottom: 5%!important;
}

.about .heading_left h3{
    text-align: left;
}

.play_btn {

    width: 45px;

    height: 45px;

    line-height: 45px;

    color: var(--colorWhite) !important;

    background: var(--colorPrimary);

    text-align: center;

    border-radius: 50%;

    font-size: 14px;

    position: relative;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.play_btn::before {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    border: 10px solid var(--colorPrimary);

    border-radius: 50%;

    top: 0px;

    left: 0px;

    z-index: 1;

    animation: play_animate 1.3s infinite;

    -webkit-animation: play_animate 1.3s infinite;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



@keyframes play_animate {

    from {

        transform: scale(1);

        opacity: 1;

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

    }



    to {

        opacity: 0;

        transform: scale(1.5);

        -webkit-transform: scale(1.5);

        -moz-transform: scale(1.5);

        -ms-transform: scale(1.5);

        -o-transform: scale(1.5);

    }

}



.section_heading {
    text-align: center;
}

.section_heading li{
	font-size: 19px;
    font-weight: 400;
	margin-bottom: 15px;
}

.section_heading h5 {

    font-weight: 600;

    font-size: 20px;

    color: #02039c;

    text-transform: capitalize;

    position: relative;

    padding: 0 20px;

    margin-bottom: 15px;

     text-align: justify;

    display: inline-block;

}
/* 
.section_heading h5::after {

    position: absolute;

    content: "";

    width: 30px;

    height: 4px;

    background: #02039c;

    border-radius: 5px;

    top: 10px;

    left: -20px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

} */


/* 
.section_heading h5::before {

    position: absolute;

    content: "";

    width: 30px;

    height: 4px;

    background: #02039c;

    border-radius: 5px;

    top: 10px;

    right: -40px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

} */



.section_heading h3 {

    font-weight: 600;
    font-size: 42px;
    text-transform: capitalize;
    text-align: center;

}



.heading_left {

     text-align: justify;

}
.heading_right {

    text-align: justify;

}



.heading_left h3,

.heading_left h2{

    text-align: justify;

}



.heading_left h5 {

    padding-left: 0;
     text-align: justify;
}



.heading_left h5::after {

    display: none;

}



.section_heading_2 {

    text-align: center;

}



.heading_left_2 h5,

.heading_left_2 h3 {

    text-align: left;

}



.section_heading_2 h5 {

    font-weight: 600;

    font-size: 20px;

    color: var(--colorPrimary);

    text-transform: capitalize;

    position: relative;

    margin-bottom: 15px;

}



.section_heading_2 h3 {

    font-weight: 800;

    font-size: 35px;

    text-transform: uppercase;

}



/* for mobile menu start*/

.navbar-toggler .menu_close {

    display: none;

}



.navbar-toggler.show_close .menu_icom {

    display: none;

}



.navbar-toggler.show_close .menu_close {

    display: block;

}



/* for mobile menu end*/


.toplogo{
   width: 250px!important;
   height: 100px!important;
   object-fit: contain!important;
}


/* breadcrumb start*/

.breadcrumb_area {

    background-position: center !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;

}



.breadcrumb_overlay {

    background: linear-gradient(180deg, rgba(64, 99, 27, 0.6) 0%, rgba(0, 38, 51, 0.6) 57.04%);

    padding: 125px 0px 130px 0px;

}



.breadcrumb_text h1 {

    font-size: 45px;

    font-weight: 600;

    font-family: var(--bannerFont);

    color: var(--colorWhite);

    text-transform: capitalize;

    margin-bottom: 10px;

}



.breadcrumb_text ul {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}



.breadcrumb_text ul li a {

    text-transform: capitalize;

    font-size: 16px;

    font-weight: 600;

    color: #fff;

    margin-right: 30px;

    position: relative;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.breadcrumb_text ul li a i {

    margin-right: 5px;

}



.breadcrumb_text ul li a:hover {

    color: var(--colorWhite);

}



.breadcrumb_text ul li a::after {

    position: absolute;

    content: "\f30b";

    font-family: "font awesome 5 free";

    font-size: 12px;

    color: var(--colorPrimary);

    top: 50%;

    right: -21px;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}



.breadcrumb_text ul li:last-child a {

    color: var(--colorWhite);

    margin: 0;

}



.breadcrumb_text ul li:last-child a::after {

    display: none;

}



/* breadcrumb end*/





/* pagination start */

.pagination ul {

    justify-content: center;

}



.pagination ul li a {

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    padding: 0;

    color: var(--colorPrimary);

    border: 1px solid var(--colorPrimary);

    border-radius: 3px !important;

    margin-right: 10px;

    font-size: 16px;

    font-weight: 600;

    -webkit-border-radius: 3px !important;

    -moz-border-radius: 3px !important;

    -ms-border-radius: 3px !important;

    -o-border-radius: 3px !important;

}



.pagination ul li a:hover,

.pagination ul li.active a {

    background: var(--colorPrimary);

    color: var(--colorWhite);

    border-color: var(--colorPrimary);

}



.pagination ul li a:focus {

    color: var(--colorWhite);

    background-color: var(--colorPrimary);

    box-shadow: 0px 0px 0px 2px #e05e44;

}



/* pagination end */

/*================================

    GLOBAL CSS END

================================*/





/*================================

    HOME PAGE START

================================*/

/* TOPBAR START */

.topbar {
    background: #009648;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    z-index: 99;
}



.topbar_left li a,

.topbar_left li p {
color: #F8FAFA;
margin-right: 30px;
line-height: 50px;
font-weight: bold;
font-size: 16px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.topbar_left li:last-child a,

.topbar_left li:last-child p {

    margin-right: 0;

}



.topbar_left li a i,

.topbar_left li p i {

    width: 30px;

    height: 30px;

    line-height: 32px;

    background: #F8FAFA;

    color: #02039c;

    text-align: center;

    border-radius: 50%;

    margin-right: 5px;

    font-size: 14px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}


.topbar_left li a{
    color: #fff!important;
}


.topbar_left li a:hover {
    color: #02039c!important;
}



.topbar_right {

    justify-content: end;

}



.topbar_right li {

    line-height: 50px;

}



.topbar_right li a {

    width: 30px;

    height: 30px;

    line-height: 31px;

    background: #F8FAFA;

    color: #02039c;

    text-align: center;

    border-radius: 50%;

    margin-right: 10px;

    font-size: 14px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.topbar_right li:last-child a {

    margin-right: 0;

}



.topbar_right li a:hover {

    color: #F8FAFA;

    background: var(--colorPrimary);

}



/* TOPBAR END */



/* MENU START */

.main_menu {

    width: 100%;

    height: 90px;

    background: var(--colorWhite);

    position: relative;

    top: 0px;

    left: 0;

    border-bottom: 1px solid #eee;

    z-index: 996445645649;

    transition: all linear .2s;

    -webkit-transition: all linear .2s;

    -moz-transition: all linear .2s;

    -ms-transition: all linear .2s;

    -o-transition: all linear .2s;

}



.main_menu .navbar-brand {

    margin: 0;

    padding: 0;

    max-width: 240px;

}



.main_menu .navbar-nav .nav-item {

    position: relative;

}



.main_menu .navbar-nav .nav-item .nav-link {

    text-transform: capitalize;

    font-size: 16px;

    color: #009648;

    font-weight: 600;

    transition: all linear .3s;

    padding: 0px 15px;

    margin: 0;

    line-height: 90px;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.main_menu .navbar-nav .nav-item .nav-link i {

    margin-left: 5px;

}



.main_menu .navbar-nav .nav-item:hover .nav-link,

.main_menu .navbar-nav .nav-item .nav-link.active {

    color: #02039c;

}



.main_menu .droap_menu {

    position: absolute;

    width: 250px;

    max-height: 500px;

    top: 120%;

    left: 0;

    background: var(--colorWhite);

    box-shadow: var(--boxShadow);

    overflow: hidden;

    overflow-y: auto;

    line-height: 40px;

    opacity: 0;

    visibility: hidden;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    transition: all linear .2s;

    -webkit-transition: all linear .2s;

    -moz-transition: all linear .2s;

    -ms-transition: all linear .2s;

    -o-transition: all linear .2s;

    z-index: 9;

}



.droap_menu::-webkit-scrollbar {

    scrollbar-width: thin !important;

    background: #ddd;

    width: 6px;

}



.droap_menu::-webkit-scrollbar-thumb {

    background: var(--colorPrimary);

}



.droap_menu li a {

    text-transform: capitalize;

    font-size: 15px;

    font-weight: 500;

    color: var(--colorBlack);

    display: block;

    padding: 0;

    margin: 0;

    padding-left: 20px;

    position: relative;

    border-bottom: 1px solid #feeaea;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.droap_menu li:last-child a {

    border-bottom: 0;

}



.droap_menu li a::after {

    position: absolute;

    content: "";

    width: 10px;

    height: 40px;

    background: var(--colorPrimary);

    top: 50%;

    left: -6px;

    transform: translateY(-50%);

    opacity: 0;

    border-radius: 50px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    -ms-border-radius: 50px;

    -o-border-radius: 50px;

}



.droap_menu li a:hover,

.droap_menu li a.active {

    color: var(--colorBlack);

    background: #f7eded;

    border-color: var(--colorWhite);

}



.main_menu .droap_menu li a:hover::after,

.main_menu .droap_menu li a.active::after {

    opacity: 1;

}



.main_menu .navbar-nav .nav-item:hover .droap_menu {

    top: 100%;

    opacity: 1;

    visibility: visible;

}



.main_menu .menu_right li a {

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    background: #02039c;

    margin-left: 10px;

    color: #fff;

    border: 1px solid #02039c;

    border-radius: 20px;

    font-size: 16px;

    font-weight: 500;

    text-transform: capitalize;

    transition: all linear .3s;

}
.main_menu .menu_right li a:hover{
    background: #009648;
    color: #fff;
    border: 1px solid #009648;
    transition: all linear .3s;
}


.main_menu .menu_right li:first-child a {

    margin-left: 0;

}



.main_menu .menu_right li .reservation {
    width: auto;
    padding: 0px 15px;
    position: relative;
   right: 6%;
   top: 0px;
}


.reservation{
  width: 100%!important;
  line-height: 40px;
  text-align: center;
  background: #02039c;
  margin-left: 10px;
  color: #fff;
  border: 1px solid #02039c;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  transition: all linear .3s;
}
.reservation:hover{
  width: 100%!important;
  line-height: 40px;
  text-align: center;
  background: #009648;
  margin-left: 10px;
  color: #fff;
  border: 1px solid #009648;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  transition: all linear .3s;
}

#mega-menu-wrap-primary {
  margin: auto!important;
}

.main_menu .menu_right li a.active {

    background: #02039c;

    color: var(--colorWhite);

}



.menu_fix {
    position: fixed;
    top: 0px!important;
}

.menu_fix .navbar-brand{
	margin-left: 20px;
}

/* menu search start*/

.search_form {

    position: fixed;

    width: 100%;

    height: 100vh;

    top: 0;

    left: 0;

    padding: 10px;

    background: #000000c4;

    border-radius: 5px;

    opacity: 0;

    visibility: hidden;

    z-index: 9999;

    justify-content: center;

    align-items: center;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.search_form form {

    width: 40%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

}



.search_form form .close_search {

    position: absolute;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    color: var(--colorPrimary);

    background: var(--colorWhite);

    font-size: 25px;

    border-radius: 50%;

    top: -100px;

    right: 0;

    cursor: pointer;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.search_form form .close_search:hover {

    background: var(--colorPrimary);

    color: var(--colorWhite);

}



.search_form input {

    padding: 15px 30px;

    border-radius: 30px;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

}



.search_form button {

    position: absolute;

    top: 50%;

    right: 7px;

    transform: translateY(-50%);

    background: var(--colorPrimary);

    text-transform: capitalize;

    color: var(--colorWhite);

    padding: 10px 25px;

    border-radius: 30px;

    font-size: 16px;

    font-weight: 600;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

}



.search_form button:hover {

    background: var(--colorBlack);

}



.search_form.show {

    display: block;

    opacity: 1;

    visibility: visible;

}



/* menu search end*/





/* reservation modal start */

.reservation .modal {

    background: #0000008a;

}

.modal-content{
    overflow: auto!important;
}

.reservation .modal-content {

    border-radius: 10px;

    border: none;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

}



.reservation .modal-header {

    border: none;

    background: #009648;

}



.reservation .modal-title {

    text-align: center;

    width: 100%;

    text-transform: capitalize;

    font-weight: 600;

    color: var(--colorWhite);

}



.reservation_form input[type=date] {

    text-transform: uppercase;

}



.reservation_form .reservation_input {
   color: #000!important;
   margin-bottom: 20px;
  border: 1px solid #000;
  text-transform: capitalize;
  padding: 5px 20px;
  width: 100%;
  background-color: #fff;

}



.reservation_form button {

    width: 100%;

    text-align: center;

    margin-top: 15px;

}



.reservation_form button::after,

.reservation_form button::before {

    display: none;

}



/* reservation modal end */



/* MENU END */










.videosec{
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.videosec video{
  width: 100%;
  height: 100vh;  
  object-fit: cover;
}
.videosec::before{
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    background-color: #000;
    width: 100%;
    height: 100%;
    opacity: 0.4;
}


/* .videosec::before{
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
} */







/* BANNER START */

.banner {
    height: 100vh;
    padding-top: 110px;
}



.banner div {
    height: 100%;
}

.single_slider {

    background-position: center !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;

}



.single_slider_text {

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    justify-content: center;

    align-items: start;
  position: absolute;
  top: 20%;
  width: 60%;
  left: 5%;

}



.single_slider_text h5 {

    color: var(--colorWhite);

    font-size: 18px;

    font-weight: 500;

    text-transform: capitalize;

}



.single_slider_text h1 {

    color: var(--colorWhite);

    font-size: 60px;

    font-weight: 600;

    font-family: var(--bannerFont);

    margin-top: 25px;

    margin-bottom: 25px;
  text-transform: uppercase;

}



.single_slider_text h1 span {

    color: var(--colorPrimary);

    font-size: 60px;

    font-weight: 600;

    font-family: var(--bannerFont);

}



.single_slider_text p {
    width: 70%;
    color: var(--colorWhite);
    font-size: 18px;
    margin-bottom: 45px;
    display: -webkit-box;
    text-align: left;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;

}



.single_slider_text ul li {

    display: flex;

    align-items: center;

    margin-right: 20px;

}



.single_slider_text ul li span {

    text-transform: capitalize;

    font-size: 16px;

    font-weight: 500;

    color: var(--colorWhite);

    margin-left: 20px;

}



.banner .slick-dots {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    position: absolute;

    top: 50%;

    right: 30px;

    width: auto;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}



.banner .slick-dots li button {

    margin: 5px 0px;

}



.slick-dots li button {

    width: 25px;

    height: 25px;

    border-radius: 50%;

    border: 1px solid var(--colorBlack);

    background: transparent;

    font-size: 0;

    margin: 0px 5px;

    position: relative;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.slick-dots li button::after {

    position: absolute;

    content: "";

    width: 7px;

    height: 7px;

    background: var(--colorBlack);

    border-radius: 50%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    transition: all linear .3s;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.banner .slick-dots li.slick-active button {

    border-color: var(--colorWhite);

}



.banner .slick-dots li.slick-active button::after {

    background: var(--colorWhite);

}



.slick-dots li.slick-active button {

    border-color: var(--colorPrimary);

}



.slick-dots li.slick-active button::after {

    background: #02039c;

}



.slick-dots {

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 30px;

}





/* BANNER END */





/* FUTURED SERVICES START */

.featured_service_single {
    background: #f8ddcb;
    position: relative;
    margin: 10px;
    padding: 20px;
    min-height: 260px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

}
.contact_info{
    background: #b1b1f4;
    padding: 25px;
    border-radius: 10px;
    position: relative;
    margin: 30px 12px 0px 12px;
    padding-top: 100px;
    min-height: 350px;
	align-content: center;
    align-content: start;
}

.featured_service_single span,
.contact_info span {
    display: block;
    width: 90px;
    height: 102px;
    background: url(../images/featured_servoce_shape.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    line-height: 100px;
    font-size: 40px;
    color: var(--colorWhite);
}



.featured_service_single h3,

.contact_info h3 {
    font-size: 22px;
    font-weight: bold;
    text-transform: capitalize;
    margin-bottom: 15px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.contact_info p {
    font-weight: normal;
	font-size: 17px;
    line-height: 16px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.featured_service_single p{
  min-height: 250px;
}

.featured_service_single:hover,

.contact_info:hover {
    background: #5aa700;
}



.featured_service_single:hover h3,

.featured_service_single:hover p,
.contact_info:hover p {

    color: var(--colorWhite);

}

.contact_info:hover h3{
     color: #02039c;
}

/* FUTURED SERVICES END */





/* ABOUT START*/

.about_text {

    padding-right: 50px;

}



.about_text_center p {
    color: #000;
    margin-bottom: 10px;
    text-align: justify;
}



.about_text_center_user_img {

    width: 80px;

    height: 80px;

    margin-right: 15px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.about_text_center_user_text h3 {

    font-size: 15px;

    font-weight: 700;

    text-transform: capitalize;

    color: #02039c;

    margin-bottom: 10px;

}



.about_text_center_user_text h3 span {

    font-size: 13px;

    color: var(--colorBlack);

}



.about_text_center_user_call span {

    display: block;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    background: #02039c;

    color: var(--colorWhite);

    border-radius: 5px;

    margin-right: 10px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.about_text_center_user_call p {

    text-transform: capitalize;

    margin: 0;

}



.about_text_center_user_call p a {

    display: block;

    font-size: 16px;

    font-weight: 700;

    color: #009648;

    margin-top: 3px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.about_text_center_user_call p a:hover {

    color: var(--colorPrimary);

}

.about_text .description {
    margin: -10px 0px;
  font-family: var(--bodyFont);
}
.about_text .description p{
  font-family: var(--bodyFont);
}


.about_img {
     
    position: relative;

    margin: 0px 30px;

    /* width: 550px; */

    height: 500px;

    float: right;

}



.about_img::after {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    background: #009648;

    top: 20px;

    right: -20px;

    z-index: -1;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.about_img img {

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.about_img .large_img_2,

.about_img .large_img_3 {

    width: 200px !important;

    height: 200px !important;

    position: absolute;

    bottom: -50px;

    left: 20px;

}



.about_img .large_img_3 {

    left: auto;

    right: 20px;

}



.about_img .venobox,

.why_choose_img .venobox {

    width: 80px;

    height: 80px;

    line-height: 80px;

    text-align: center;

    font-size: 20px;

    background: var(--colorPrimary);

    color: var(--colorWhite);

    border-radius: 50%;

    position: absolute;

    top: 50%;

    left: -40px;

    transition: all linear .3s;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    z-index: 1;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.about_img .venobox::after,

.why_choose_img .venobox::after {

    position: absolute;

    content: "";

    width: 100px;

    height: 100px;

    border: 5px solid var(--colorPrimary);

    top: -10px;

    left: -10px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.about_img .venobox:hover,

.why_choose_img .venobox:hover {

    background: var(--colorBlack);

}



/* ABOUT END*/

.condition_slider .fa.fa-arrow-left.slick-arrow{
    position: absolute;
    z-index: 48;
    bottom: 45%;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
    margin-left: -30px;
}
.condition_slider .fa.fa-arrow-right.slick-arrow {
  position: absolute;
  z-index: 47;
  display: flex;
  justify-content: end;
  bottom: 45%;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
  margin-left: 30px;
}





.testi_slider .fa.fa-arrow-left.slick-arrow{
    position: absolute;
    z-index: 48;
    bottom: 40%;
    font-size: 30px;
    color: #02039c;
    cursor: pointer;
    margin-left: -20px;
}
.testi_slider .fa.fa-arrow-right.slick-arrow {
  position: absolute;
  z-index: 47;
  display: flex;
  justify-content: end;
  bottom: 40%;
  font-size: 30px;
  color: #02039c;
  cursor: pointer;
  margin-left: 30px;
}















:root{ --main-color: #02039c; }

.serviceBox{
    color: var(--main-color);
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 0 30px 30px;
    position: relative;
    z-index: 1;
    width: 90%;
}
.serviceBox p{
    text-align: justify;
    min-height: 170px;
}
.serviceBox:before,
.serviceBox:after{
    content: "";
    background: #f8ddcb;
    border-radius: 20px;
    position: absolute;
    top: 38px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: -1;
}
.serviceBox:after{
    background-color: var(--main-color);
    border-radius: 30px;
    top: 55%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
}
.serviceBox .service-icon{
    color: #fff;
    background: var(--main-color);
    font-size: 35px;
    line-height: 67px;
    width: 75px;
    height: 75px;
    margin: 0 auto 60px;
    border-radius: 50%;
    border: 5px solid #fff;
    position: relative;
}
.serviceBox h3{
    font-weight: bold;
    min-height: 80px;
    margin-top: 0px;
}
.serviceBox .service-icon i{
    font-size: 35px;
}
.serviceBox .service-icon:before,
.serviceBox .service-icon:after{
    content: '';
    background-color: var(--main-color);
    height: 70px;
    width: 140px;
    border-radius: 0 0 100px 100px/0 0 100px 100px;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
}
.serviceBox .service-icon:before{
    height: 10px;
    width: 170px;
    border-radius: 10px 10px 0 0;
    top: auto;
    bottom: 50%;
}
.serviceBox .title{
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    text-shadow: 0 4px rgba(0,0,0,0.05);
    margin: 0 0 10px;
}
.serviceBox .description{
    color: #999;
    font-size: 14px;
    line-height: 25px;
    margin: 0;
}
.serviceBox.orange{ --main-color: #e77a1b; }
.serviceBox.blue{ --main-color: #0C6CBA; }
.serviceBox.green{ --main-color: #4CA131; }
@media only screen and (max-width: 1199px){
    .serviceBox{ margin: 0 0 30px; }
}






/* CATEGORIES START */


.categories{
    padding: 5% 0px;
    position: relative;
} 
.categories .heading_left h3{
  text-align: justify;
  color: #fff;
}

.categories::before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  background-color: #023c9c;
  width: 100%;
  height: 100%;
  opacity: 0.6;
}

.categories .heading_right {
  text-align: right;
}
.categories .section_heading.heading_left.mb_35 {
  position: relative;
  z-index: 50;
}
.categories .section_heading h5 {
  font-weight: 600;
  font-size: 20px;
  color: #fff;
}


.categories .single_testimonial{
    margin: 0px 0px;
    padding: 0px 30px;
    min-height: auto;
}

.categories .single_categories {
    background: #f8ddcb;
    margin-top: 0px;
    border-radius: 20px;
    padding: 15px;
    min-height: 290px;
    border: 1px solid #eeeeeeab;
    transition: all linear .3s;
}



.single_categories span {

    display: block;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    text-align: center;

    overflow: hidden;

    border: 1px solid var(--colorPrimary);

}



.single_categories h4 {
    text-transform: capitalize;
    font-size: 24px;
    font-weight: bold;
	min-height: 60px;
    margin: 15px 0px 10px 0px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.single_categories p {
    min-height: 170px;
    line-height: 25px;
    font-size: 17px;
    transition: all linear .3s;
    text-align: justify;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;

}



.single_categories:hover {

    background: #009648;

}



.single_categories:hover h4,

.single_categories:hover p {

    color: var(--colorWhite);

}



/* CATEGORIES END */





/* SERVICES START */

.services {

    background-repeat: no-repeat !important;

    background-position: center !important;

    background-size: cover !important;

}



.services_item {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    box-shadow: 5px 8px 30px rgba(5, 13, 54, 0.05);

    border-radius: 5px;

    /* padding: 20px; */

    background: var(--colorWhite);

    margin-top: 25px;

    border: 1px solid #eee;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.services_img {
    width: 100%;
    height: 400px;
    border-radius: 5px;

    overflow: hidden;

    position: relative;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.services_img img {
    width: 100%!important;
    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.services_img a {

    position: absolute;

    width: 30px;

    height: 30px;

    background: var(--colorPrimary);

    top: 10px;

    left: 10px;

    line-height: 30px;

    text-align: center;

    border-radius: 50%;

    font-size: 14px;

    color: var(--colorWhite);

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.services_img a:hover {

    background: var(--colorWhite);

    color: var(--colorPrimary);

}



.services_text {
    width: 100%;
    padding: 10px;
    align-content: center;
}

.services_text h3{
    font-weight: 600;
  font-size: 25px;
  color: #02039c;
  text-transform: capitalize;
}

.services_text .title {

    width: 100%;

    font-weight: 700;

    font-size: 20px;

    color: #02039c;

    text-transform: capitalize;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.services_text .title:hover {

    color: var(--colorPrimary);

}



.services_text p {

    margin: 15px 0px 20px 0px;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}



.services_text ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    font-size: 16px;

    font-weight: 400;

    text-transform: capitalize;

    color: var(--colorBlack);

    border-top: 2px solid #eee;

    border-bottom: 2px solid #eee;

    padding: 8px 0px;

    margin-bottom: 25px;

}



.services_text ul li {

    display: flex;

    align-items: center;

}



.services_text ul li i {

    width: 22px;

    height: 22px;

    text-align: center;

    line-height: 23px;

    background: var(--colorPrimary);

    color: var(--colorWhite);

    border-radius: 50%;

    font-size: 10px;

    margin-right: 5px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.services_btn_area {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

}



.services_btn_area p {

    color: #ff9933;

    font-size: 14px;

    margin: 0;

}



.services_btn_area p span {

    font-size: 14px;

    font-weight: 600;

    padding-left: 20px;

    position: relative;

}



.services_btn_area p span::after {

    position: absolute;

    content: "";

    width: 10px;

    height: 1px;

    background: var(--paraColor);

    top: 10px;

    left: 4px;

}



.services_item:hover img {

    transform: scale(1.2);

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

}



.services_item:hover {

    border-color: #ddd;

}



.team .slick-dots{
    display: none!important;
}

.blog_2 .container,

.testimonial_2 .container,

.team_2 .container,

.services_2 .container,

.services .container,

.team .container,

.blog .container {

    position: relative;

}



.blog_2 .common_btn,

.testimonial_2 .common_btn,

.team_2 .common_btn,

.services_2 .common_btn,

.services .common_btn,

.team .common_btn,

.blog .common_btn {

    position: absolute;

    top: 22px;

    right: 12px;

}



/* SERVICES END */





/* WHY CHOOSE START */



.why_choose{
    background-color: aliceblue;
    padding: 5% 0px;
}
.why_choose .section_heading h5{
  padding: 0px;
  margin-bottom: 0px;
}


.why_choose h3{
  padding-bottom: 3%;
}
.why_choose_text p {

    margin-bottom: 30px;

}



.why_choose_text ul {

    display: flex;

    flex-wrap: wrap;

}



.why_choose_text ul li {

    width: 50%;

    margin-bottom: 25px;

}



.why_choose_text ul li h4 {

    font-size: 20px;

    font-weight: 700;

    text-transform: capitalize;

    color: var(--colorBlack);

    position: relative;

    padding-left: 40px;

    margin-bottom: 10px;

}



.why_choose_text ul li h4::after {

    position: absolute;

    content: "";

    width: 30px;

    height: 30px;

    background: url(../images/why_choose_icon.png);

    top: 0;

    left: 0;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.why_choose_text ul li span {

    display: block;

}



.why_choose_text a {

    margin-top: 10px;

}



.why_choose_img {

    text-align: right;

    position: relative;

    overflow: hidden;

}



.why_choose_img img {

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.why_choose_img .large_img {
    height: 535px;
    float: right;
    width: 80%;
    border-radius: 20px;
}



.why_choose_img .small_img {
    width: 400px;
    height: 300px;
    border-radius: 20px;
    position: absolute;
    bottom: 30px;
    left: 0;
    z-index: 1;

}


.why_choose_img .small_img::after {
 position: absolute;
  content: "";
  width: 125%;
  height: 165%;
  border: 6px solid #009648;
  border-radius: 5px;
  top: -180px;
  left: 42%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  z-index: -1212;
}



.why_choose_img .venobox {

    top: 192px;

    left: 100px;

    background: var(--colorBlack);

}



.why_choose_img .venobox::after {

    border: 5px solid var(--colorBlack);

}



.why_choose_img .venobox:hover {

    background: #02039c;

}



/* WHY CHOOSE END */



.futured_services{
    padding: 5% 0px;
    position: relative;
}







/* WORK START */
.work{
    padding: 5% 0px;
    background-color: aliceblue;
}




.work_text_area {
    position: relative;
}



.work_text_area::after {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;
	background: url(../images/work_shapes.png);
    top: -35px;

    left: 0;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    z-index: 15;

}



.work_single {

    border: 20px solid #009648;

    width: 350px;

    height: 300px;

    text-align: center;

    border-radius: 40px 0px 40px 0px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    margin: 0 auto;

    padding: 10px;

}


.work_single.second{
    border: 20px solid #02039c;
}







.work_single h4 {

    font-size: 24px;

    font-weight: 700;

    text-transform: capitalize;

    margin-bottom: 15px;

}



.work_single p {

    display: -webkit-box;
    text-align: center;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}



.work_single.first {

    margin-left: 60px;

}



.work_single{
    position: relative;
    z-index: 4578;
}



.work_single.third {

    margin-right: 60px;

}



/* WORK END */





/* GALLERY START */

.gallery_filter {

    margin-top: 23px;

    text-align: right;

}



.gallery_filter button {

    font-size: 16px;

    font-weight: 400;

    text-transform: capitalize;

    background: var(--colorWhite);

    color: #02039c;

    border: 1px solid #02039c;

    border-radius: 5px;

    padding: 10px 20px;

    margin-left: 12px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.gallery_filter button:hover,

.gallery_filter button.active {

    background: #02039c;

    color: #fff;

}



.gallery_item {

    width: 100%;

    height: 350px;

    position: relative;

    border-radius: 5px;

    margin-top: 25px;

    overflow: hidden;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.gallery_item .venobox {

    display: block;

    width: 100%;

    height: 100%;

    position: relative;

}



.gallery_item .venobox img {

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.gallery_item .gal_img_overlay {

    position: absolute;

    bottom: -1px;

    left: -40px;

    width: 370px;

    background: var(--colorPrimary);

    padding: 50px 0px 20px 20px;

    clip-path: polygon(0 0, 100% 45%, 100% 100%, 0% 100%);

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    opacity: 0;

}



.gallery_item .gal_img_overlay h4 {

    font-size: 22px;

    font-weight: 600;

    text-transform: capitalize;

    color: var(--colorWhite);

}



.gallery_item .gal_img_overlay p {

    color: var(--colorWhite);

    margin-top: 10px;

    font-size: 15px;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

}



.gallery_item .venobox span {

    position: absolute;

    bottom: 20px;

    left: 100%;

    z-index: 1;

    width: 35px;

    height: 35px;

    background: var(--colorWhite);

    line-height: 35px;

    text-align: center;

    border-radius: 50%;

    font-size: 14px;

    color: var(--colorPrimary);

    cursor: pointer;

    opacity: 0;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.gallery_item .venobox span:hover {

    background: var(--colorBlack);

    color: var(--colorWhite);

}



.gallery_item:hover .gal_img_overlay {

    opacity: 1;

    left: -1px;

}



.gallery_item:hover span {

    left: 350px;

    opacity: 1;

}



.gallery_item:hover img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}



/* GALLERY END */





/* COUNTER START */

.counter_section {

    background-position: center !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;

}



.single_counter_center {

    width: 230px;

    height: 230px;

    border: 7px solid var(--colorPrimary);

    border-radius: 50%;

    margin: 0 auto;

    padding: 13px;

    position: relative;

    margin-top: 25px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.single_counter_center::after,

.single_counter_center::before {

    position: absolute;

    content: "";

    width: 25px;

    height: 25px;

    background: var(--colorPrimary);

    border-radius: 50%;

    top: -17px;

    left: 43%;

    transform: translateX(-50%);

    z-index: 2;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.single_counter_center::before {

    top: -17px;

    left: 55%;

}



.single_counter_center h2 {

    width: 190px;

    height: 190px;

    text-align: center;

    line-height: 180px;

    background: var(--colorPrimary);

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.single_counter_center h2 span {

    display: inline-block;

    font-size: 44px;

    font-weight: 700;

    color: var(--colorWhite);

    position: relative;

    padding-right: 27px;

}



.single_counter_center h2 span::after {

    position: absolute;

    content: "+";

    top: 0;

    right: -3px;

    font-size: 50px;

    font-weight: 900;

    color: var(--colorWhite);

}



.single_counter p {

    text-align: center;

    font-size: 24px;

    font-weight: 500;

    text-transform: capitalize;

    margin-top: 25px;

}



/* COUNTER END */





/* TEAM START*/

.team{
    padding: 5% 0px;
    background: aliceblue;
} 





.single_team{
    width: 90%; 
    margin: auto;
	text-align: center;
    margin-top: 0px;
	background-color: #e5e4df;
    margin-bottom: 30px!important;
    border-radius: 5px!important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}



.single_team_img {
    height: auto;
    width: 100%; 
    position: relative;
    overflow: hidden;
}



.single_team_img img {
    width: 100%;
	height: 400px!important;
    object-fit: cover!important;
    background-color: #F8F8F8;
    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.single_team_img ul {

    position: absolute;

    top: 0;

    right: 20px;

    background: var(--colorPrimary);

    padding: 15px 15px 30px 15px;

    clip-path: polygon(100% 0, 100% 85%, 50% 100%, 50% 100%, 0 85%, 0% 0%);

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    transform: scaleY(.8);

    transform-origin: top;

    opacity: 0;

}



.single_team_img ul li a {

    width: 35px;

    height: 35px;

    text-align: center;

    line-height: 35px;

    background: var(--colorPrimary);

    border-radius: 50%;

    margin-bottom: 10px;

    border: 1px solid var(--colorWhite);

    color: var(--colorWhite);

    font-size: 14px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.single_team_img ul li a:hover {

    background: var(--colorWhite);

    color: var(--colorPrimary);

}



.single_team_text {

    background: #02039c;

    padding: 20px 0px 25px 0px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    position: relative;

}



.single_team_text::after {

    position: absolute;

    content: "";

    width: 100%;

    height: 8px;

    bottom: -12px;

    left: 0;

    background: var(--colorBlack);

    opacity: 0;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.single_team_text .title {

    display: block;

    font-weight: 700;

    font-size: 24px;

    color: #fff;

    text-transform: capitalize;

    text-align: center;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.single_team_text p {
    color: #fff;
    text-align: center;
    min-height: 70px;
    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.single_team:hover .single_team_text {
    color: #fff;
    background: var(--colorPrimary);

}



.single_team:hover .title,

.single_team:hover p {

    color: var(--colorWhite);

}



.single_team:hover img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}



.single_team_text .title:hover {

    color: var(--colorBlack);

}



.single_team:hover ul {

    transform: scale(1);

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

}



.single_team:hover .single_team_text::after {

    bottom: 0;

    opacity: 1;

}



/* TEAM END*/





/* TESTIMONIAL START */

.testimonial{
    padding: 5% 0px;
    background-size: 100%;
    background-position: center;
    position: relative;
}
.testimonial::before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  background-color: #5aa700;
  width: 100%;
  height: 100%;
  opacity: 0.6;
}
.testimonial .section_heading.mb_35 {
  position: relative;
  z-index: 51;
}
.testimonial .section_heading h3{
    color: #fff;
}
.testimonial .section_heading h5{
    color: #fff;
}



.testimonial .single_testimonial{
    background: #f8ddcb;
    border-radius: 20px;
}

.single_testimonial{
    background: transparent;
    padding: 90px 25px 25px 25px;
    border-radius: 15px;
    position: relative;
    margin: auto;
    margin: 85px 12px 0px 12px;
    min-height: 450px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}




.single_testimonial_2 {

    background: #f8ddcb;
    padding: 90px 25px 25px 25px;
    border-radius: 5px;
    position: relative;
    margin: 85px 12px 0px 12px;
    min-height: 450px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;

}

#mainservices .single_testimonial{
    margin-top: 0px;
    padding: 0px;
    min-height: auto;
}

.single_testimonial_img,

.single_testimonial_img_2 {

    width: 130px;

    height: 130px;

    border-radius: 50%;

    overflow: hidden;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    position: absolute;

    top: -70px;

    left: 20px;

    border: 10px solid #02039c;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.single_testimonial_text {

    position: relative;

}



.single_testimonial_text .rating {

    color: #ff9933;

    font-size: 14px;

    margin: 0;

    position: absolute;

    top: -53px;

    right: 0;

}



.single_testimonial_text .cliect_comment {

    margin-bottom: 25px;

}



.single_testimonial_text .title {

    font-size: 20px;

    font-weight: 700;

    text-transform: capitalize;

    margin-bottom: 5px;

}



.single_testimonial_text .designation {

    color: #02039c;

}



.single_testimonial_2:hover .single_testimonial_img_2,

.single_testimonial:hover .single_testimonial_img {

    border-color: #009648;

}

.testimonial .slick-dots {
    display: none!important;
}

/* TESTIMONIAL END */





/* BLOG START */

.featured_blog {

    margin-top: 25px;

}



.featured_blog_img {

    height: 400px;

    border-radius: 5px;

    overflow: hidden;

    position: relative;

    z-index: -1;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.featured_blog_img img {

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.featured_blog_text {

    box-shadow: 5px 8px 30px rgba(5, 13, 54, 0.05);

    border-radius: 5px;

    background: var(--colorWhite);

    width: 85%;

    margin: 0 auto;

    padding: 20px;

    margin-top: -50px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.featured_blog_text ul li {

    font-size: 16px;

    font-weight: 400;

    text-transform: capitalize;

    color: #000;

}



.featured_blog_text ul li i {

    margin-right: 5px;

    color: #02039c;

}



.featured_blog_text .title {

    color: #009648;

    font-size: 24px;

    font-weight: 700;

    text-transform: capitalize;

    margin: 15px 0px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

}



.featured_blog_text p {

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

}



.featured_blog_text .read_more_btn {

    margin-top: 15px;

    padding-top: 15px;

    border-top: 2px solid #eee;

    font-size: 16px;

    font-weight: 400;

    text-transform: capitalize;

    color: #02039c;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.featured_blog_text .read_more_btn:hover {

    color: var(--colorBlack);

}



.featured_blog_text .title:hover {

    color: #02039c;

}



.featured_blog:hover img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}



.single_blog {

    box-shadow: 5px 8px 30px rgb(5 13 54 / 5%);

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    border-radius: 5px;

    overflow: hidden;

    margin-top: 25px;

    border: 1px solid #02039c;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.single_blog_img {
    width: 230px;
    height: 290px;
    overflow: hidden;
}



.single_blog_img img {

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.single_blog_text {

    width: 60%;

    padding: 0px 20px;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.single_blog_text ul li {
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--colorBlack);
    margin-right: 20px;
}



.single_blog_text ul li i {
    margin-right: 0px;
    color: #02039c;
}



.single_blog_text .title {

    font-weight: 700;

    font-size: 24px;

    color: #009648;

    text-transform: capitalize;

    transition: all linear .3s;

    margin: 12px 0px;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

}



.single_blog_text .title:hover {

    color: #02039c;

}



.single_blog_text p {

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

}

.about_page_about_img::after{
	display: none;
}

.single_blog_text .blog_read_btn {

    margin-top: 5px;

    padding-top: 5px;

    border-top: 2px solid #eee;

    font-size: 16px;

    font-weight: 400;

    text-transform: capitalize;

    color: #02039c;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.single_blog_text .blog_read_btn:hover {

    color: var(--colorBlack);

}



.single_blog:hover {

    border-color: #ddd;

}



.single_blog:hover img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}



/* BLOG END */





/* FOOTER START */



.footer {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-color: #3e4d79;
	margin-top: 10%;
}

.footer p{
	text-align: left!important;
}

.footer_subscribe {

    background: #02039c;

    padding: 30px 50px;

    border-radius: 100px;

    position: relative;

    top: -60px;

    -webkit-border-radius: 100px;

    -moz-border-radius: 100px;

    -ms-border-radius: 100px;

    -o-border-radius: 100px;

}



.footer_subscribe_text h4 {

    font-size: 24px;

    font-weight: 700;

    text-transform: capitalize;

    color: var(--colorWhite);

    margin-bottom: 10px;

}



.footer_subscribe_text p {

    color: var(--colorWhite);

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

}



.footer_subscribe_form {
    height: 100%;
    width: 50%;
    align-items: center;
    position: absolute;

}
.footer_subscribe_form .read_btn {
  background: #009648;
  padding: 8px 30px;
  border-radius: 30px;
  font-weight: 700;
  position: absolute;
  overflow: hidden;
  margin-top: -56px;
  width: 20%;
  right: 10px;
  height: 50px;
  z-index: 4545454;
}


.footer_subscribe_form form {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 82px;
}



.footer_subscribe_form input {
    padding: 18px 20px;
    padding-right: 170px;
    border-radius: 50px!important;
} 



.footer_subscribe_form button {

    position: absolute;

    top: 50%;

    right: 7px;

    transform: translateY(-50%);

    padding: 12px 30px;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}



.footer_logo_area .footer_logo {

    display: block;

    max-width: 100%;

}



.footer_logo_area p {
    color: var(--colorWhite);
    margin: 10px 0px;
	text-align: justify;
}



.footer_logo_area ul li a {

    width: 35px;

    height: 35px;

    line-height: 25px;

    text-align: center;

    background: var(--colorWhite);

    color: #02039c;
    border-radius: 50%;
    font-size: 16px;
    margin-right: 10px;
    margin-bottom: 8px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.footer_logo_area ul li a:hover {

    color: var(--colorWhite);
    background: var(--colorPrimary);

}

.footer_link a{
  color: #fff;
}
.footer_link a:hover{
  color: #009648;
  transition: .5s;
}
.footer_link h4 {

    font-weight: 600;

    font-size: 24px;

    color: #fff;

    text-transform: capitalize;

    position: relative;

    margin-bottom: 45px;

}
.footer_btn_group h3{
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding-top: 10px;
}
.footer_btn_group {
    display: flex;
    justify-content: start;
    gap: 10px;
    margin-top: 10%;
}
.footer_btn_group a {
    padding: 5px 10px;
    border: 1px solid #cacaca;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    transition: all 0.1s ease-in;
}
.footer_btn_group a:hover{
  background: #009648;
  color: #fff;  
}

.footer_link h4::after {

    position: absolute;

    content: "";

    background: url(../images/footer_shapes.png);

    background-position: left;

    background-size: contain;

    background-repeat: no-repeat;

    width: 70px;

    height: 3px;

    z-index: 1;

    bottom: -10px;

    left: 1px;

}



.footer_link ul li a {

    display: block;

    font-size: 16px;

    font-weight: 400;

    text-transform: capitalize;

    color: var(--colorWhite);

    margin-top: 5px;
    position: relative;

    padding-left: 15px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.footer_link ul li a::after {

    position: absolute;

    content: "";

    width: 5px;

    height: 5px;

    background: var(--colorWhite);

    top: 10px;

    left: 0;

}



.footer_link p {

    font-size: 16px;

    font-weight: 400;

    text-transform: none;

    color: var(--colorWhite);

    margin-top: 20px;

    position: relative;

    padding-left: 50px;

    padding-top: 10px;

}



.footer_link p i {

    width: 35px;

    height: 35px;

    line-height: 37px;

    text-align: center;

    background: var(--colorWhite);

    color: #02039c;

    border-radius: 50%;

    font-size: 16px;

    transition: all linear .3s;

    position: absolute;

    left: 0;

    top: 5px;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.footer_link ul li a:hover {
    color: #009648;
    transition: all linear .3s;
}



.footer hr {

    border: 1px solid var(--colorWhite);
    margin-top:  3%;
}

.hidetext {
  display: none;
}


.footer_copyright {
    padding: 20px 0px;
}



.footer_copyright p {

        text-align: center!important;

    color: var(--colorWhite);

}



.footer_copyright p a {

    color: var(--colorWhite);

    font-weight: 600;

    text-transform: capitalize;

    font-size: 16px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.footer_copyright p a:hover {

    color: var(--colorPrimary);

}



/* FOOTER END */



/* SCROLL BUTTON START */

.scroll_btn {
    width: 35px;
    height: 35px;
    border-radius: 25px;
    position: fixed;
    bottom: 10px;
    right: 0px;
    left: 0px;
    margin: auto;
    z-index: 111;
    cursor: pointer;
    text-align: center;
    line-height: 35px;
    background: #02039c;
    border: 3px solid var(--colorWhite);
    
    animation: scroll_amini linear 2s infinite alternate;

    -webkit-animation: scroll_amini linear 2s infinite alternate;

}



.scroll_btn span {
    font-size: 16px;
    color: var(--colorWhite);
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

}



.scroll_btn:hover {

    background: var(--colorBlack);

}



@keyframes scroll_amini {

    from {

        bottom: -17px;

    }



    to {

        bottom: 12px;

    }

}



/* SCROLL BUTTON END */

/* ==============================

    HOME PAGE END

============================== */





/*================================

    HOME PAGE 2 START

================================*/

/* menu 2 start */



.main_menu_2 {
    background: var(--colorBlack);
    top: 0;
    border-top: 10px solid var(--colorPrimary);
    border: none;
}



.main_menu_2 .navbar-nav .nav-item .nav-link {

    color: var(--colorWhite);

}



.main_menu_2 .menu_right li a {

    background: transparent;

    color: var(--colorPrimary);

    border: none;

    font-size: 20px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.main_menu_2 .menu_right li .reservation {

    border-radius: 40px;

    background: var(--colorPrimary);

    color: var(--colorWhite);

    border: none;

    font-size: 16px;

}



.main_menu_2 .menu_right li .reservation:hover {

    background: var(--colorWhite);

    color: var(--colorPrimary);

}



/* menu 2 end */



/* banner 2 start */

.banner_2 {

    background-position: center !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;

    height: 100vh;

}



.banner_2 div {

    height: 100vh;

}



.banner_2_text {

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding-top: 80px;

}



.banner_2_text h1 {

    font-size: 64px;

    font-weight: 600;

    text-transform: capitalize;

    font-family: var(--bannerFont);

}



.banner_2_text p {

    margin: 20px 0px 35px 0px;

}



.banner_2_text form ul {

    background: var(--colorPrimary);

    padding: 10px;

    border-radius: 40px;

    align-items: center;

    -webkit-border-radius: 40px;

    -moz-border-radius: 40px;

    -ms-border-radius: 40px;

    -o-border-radius: 40px;

}



.banner_2_text form ul li {

    width: 33.33%;

    border-right: 1px solid #ffcbcb;

}



.banner_2_text form ul li:last-child {

    border: none;

    padding-left: 10px;

}



.banner_2_text form ul li button {

    width: 100%;

    background: var(--colorBlack);

    color: var(--colorWhite);

    text-transform: capitalize;

    font-size: 16px;

    font-weight: 600;

    padding: 13px 0px;

    border-radius: 40px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 40px;

    -moz-border-radius: 40px;

    -ms-border-radius: 40px;

    -o-border-radius: 40px;

}



.banner_2_text form ul li button:hover {

    background: var(--colorWhite);

    color: var(--colorPrimary);

}



.banner_2_text .nice-select {

    height: 45px;

    background: none;

    color: var(--colorWhite);

    margin: 0;

    padding-left: 10px;

}



.banner_2_text .nice-select span {

    color: var(--colorWhite);

    font-weight: 500;

    text-transform: capitalize;

}



.banner_2_text .nice-select:after {

    border-bottom: 2px solid #fff;

    border-right: 2px solid #fff;

}



.banner_2_text .nice-select .option {

    color: var(--colorBlack);

    width: 100%;

}



.home_2 .common_btn {

    border-radius: 20px;
    padding: 10px 30px;

}



.home_2 .common_btn::after,

.home_2 .common_btn::before {

    display: none;

}



/* banner 2 end */



/* future service 2 start */

.future_service_single_2 {

    background: #f8ddcb;

    padding: 25px;

    border-radius: 10px;

    position: relative;

    margin: 0px 12px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

}



.future_service_single_2_header {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    margin-bottom: 15px;

}



.future_service_single_2_header span {

    display: inline-block;

    width: 90px;

    height: 90px;

    line-height: 90px;

    text-align: center;

    border: 3px solid var(--colorPrimary);

    border-radius: 5px;

    font-size: 40px;

    color: var(--colorPrimary);

    position: relative;

    margin-right: 20px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.future_service_single_2_header span::after,

.future_service_single_2_header span::before {

    position: absolute;

    content: "";

    width: 15px;

    height: 15px;

    background: var(--colorPrimary);

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    bottom: 15px;

    right: -9px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.future_service_single_2_header span::before {

    bottom: auto;

    top: 15px;

    right: auto;

    left: -9px;

}



.future_service_single_2_header h3 {

    font-size: 24px;

    font-weight: 700;

    text-transform: capitalize;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.future_service_single_2 p {

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.future_service_single_2:hover {

    background: var(--colorPrimary);

}



.future_service_single_2:hover span,

.future_service_single_2:hover h3,

.future_service_single_2:hover p {

    color: var(--colorWhite);

    border-color: var(--colorWhite);

}



.future_service_single_2:hover span::after,

.future_service_single_2:hover span::before {

    background: var(--colorWhite);

}



.futures_slider_2 .slick-dots {

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 20px;

}



.futures_slider_2 .slick-dots li.slick-active button::after {

    background: var(--colorPrimary);

}



/* future service 2 end */


.bayly-content-wrap{
  width: 100%;
  background-color: #009648;
  padding: 5% 0px;
} 
.bayly-content-wrap h2{
  font-size: 40px;
  color: #fff;
  padding-bottom: 2%;
  font-weight: 600;
}
.bayly-content-wrap h5{
  font-size: 20px;
  color: #fff;
  padding-bottom: 2%;
}
.bayly-content-wrap .meetbtn{
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}
.bayly-content-wrap .meetbtn:hover{
  color: #02039c;
  font-weight: bold;
  font-size: 20px;
  transition: .5s;
}









/* about 2 start */

.about_2_img {

    position: relative;

    margin-bottom: 20px;

}



.about_2_img .img_1 {

    width: 400px;

    height: 465px;

    border-radius: 5px;

    overflow: hidden;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.about_2_img .img_2 {

    width: 280px;

    height: 280px;

    border-radius: 5px;

    overflow: hidden;

    position: absolute;

    bottom: 50px;

    right: 50px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.about_2_img p {

    font-size: 44px;

    font-weight: 700;

    background: var(--colorBlack);

    color: var(--colorWhite);

    padding: 20px;

    text-align: center;

    max-width: 220px;

    position: absolute;

    bottom: -20px;

    right: 210px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.about_2_img p span {

    font-size: 24px;

    color: var(--colorWhite);

    display: block;

}



.about_2_img::after {

    position: absolute;

    content: "";

    width: 300px;

    height: 300px;

    border-radius: 50%;

    border: 30px solid var(--colorPrimary);

    top: 40px;

    right: 70px;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    z-index: -1;

    -webkit-border-radius: 50%;

}



.about_2_text a {

    margin-top: 45px;

}



/* about 2 end */





/* category 2 start */

.category_2_single {

    position: relative;

    padding-top: 40px;

    margin-top: 25px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.category_2_single span {

    display: inline-block;

    width: 100px;

    height: 100px;

    background: var(--colorPrimary);

    border-radius: 50%;

    padding: 20px;

    margin: 0 auto;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    z-index: 1;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.category_2_single_text {

    background: url(../images/category_2_bg_1.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    width: 290px;

    height: 340px;

    padding: 0px 20px;

    margin: 0 auto;

    text-align: center;

    position: relative;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



.category_2_single_text::after {

    position: absolute;

    content: "";

    background: url(../images/category_2_bg_2.png);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    opacity: 0;

    z-index: -1;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.category_2_single_text h4 {

    text-align: center;

    font-size: 22px;

    font-weight: 700;

    text-transform: capitalize;

    color: var(--colorBlack);

    margin-bottom: 15px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.category_2_single_text p {

    text-align: center;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.category_2_single:hover .category_2_single_text {

    background: transparent;

}



.category_2_single:hover .category_2_single_text::after {

    opacity: 1;

}



.category_2_single:hover span {

    background: var(--colorBlack);

}



.category_2_single:hover h4,

.category_2_single:hover p {

    color: var(--colorWhite);

}



/* category 2 end */





/* services 2 start */

.single_service_2 {

    position: relative;

    margin-top: 25px;

    height: 530px;

}



.single_service_2_img {

    height: 370px;

    position: relative;

    overflow: hidden;

}



.single_service_2_img::after {

    position: absolute;

    content: "";

    width: 500px;

    height: 235px;

    background: var(--colorPrimary);

    bottom: -160px;

    left: -30px;

    transform: rotate(187deg);

    transition: all linear .3s;

    -webkit-transform: rotate(187deg);

    -moz-transform: rotate(187deg);

    -ms-transform: rotate(187deg);

    -o-transform: rotate(187deg);

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.single_service_2_img a {

    position: absolute;

    top: 250px;

    left: 30px;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 20px;

    color: var(--colorWhite);

    background: var(--colorPrimary);

    border-radius: 50%;

    z-index: 1;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.single_service_2_text {

    background: #f8ddcb;

    padding: 80px 20px 20px 20px;

    position: absolute;

    bottom: 0;

    left: 0;

    clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%, 0 52%, 0% 0%);

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.single_service_2_text .title {

    display: block;

    font-size: 20px;

    font-weight: 700;

    text-transform: capitalize;

    color: var(--colorBlack);

    margin-bottom: 10px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.single_service_2_text .description {

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.single_service_2_text .btn_area {

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-top: 1px solid #ddd;

    margin-top: 15px;

    padding-top: 15px;

}



.single_service_2_text .btn_area a {

    font-size: 16px;

    font-weight: 500;

    text-transform: capitalize;

    color: var(--colorPrimary);

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.single_service_2_text .btn_area p {

    transition: all linear .3s;

    color: #ff9933;

    font-size: 14px;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.single_service_2_text .btn_area p span {

    font-size: 14px;

    font-weight: 600;

    padding-left: 20px;

    position: relative;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.single_service_2_text .btn_area p span::after {

    position: absolute;

    content: "";

    width: 10px;

    height: 1px;

    background: var(--colorBlack);

    top: 10px;

    left: 4px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.single_service_2:hover .single_service_2_text {

    background: var(--colorPrimary);

}



.single_service_2:hover .single_service_2_text a,

.single_service_2:hover .single_service_2_text p,

.single_service_2:hover .single_service_2_text p span {

    color: var(--colorWhite);

}



.single_service_2:hover .single_service_2_text p span::after {

    background: var(--colorWhite);

}



.single_service_2:hover .single_service_2_img a {

    color: var(--colorPrimary);

    background: var(--colorWhite);

}



.single_service_2:hover .single_service_2_img::after {

    background: var(--colorWhite);

}



.single_service_2_text .btn_area a:hover {

    color: var(--colorBlack);

}



/* services 2 end */





/* counter 2 start */

.counter_2 {

    background-position: center !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;

}



.counter_2_overlay {

    background: #009648ab;

}



.single_counter_2 {

    text-align: center;

}



.single_counter_2_area {

    background: url(../images/counter_2_shapes.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    border-radius: 50%;

    width: 250px;

    height: 250px;

    line-height: 260px;

    margin: 0 auto;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.single_counter_2 h3 {

    font-size: 44px;

    font-weight: 900;

    color: var(--colorWhite);

    text-align: center;

    position: relative;

    display: inline-block;

    padding-right: 30px;

}



.single_counter_2 h3::after {

    position: absolute;

    content: "+";

    font-size: 55px;

    font-weight: 700;

    top: -6px;

    right: -3px;

}



.single_counter_2 p {

    font-size: 24px;

    font-weight: 700;

    text-align: center;

    text-transform: capitalize;

    color: var(--colorWhite);

    display: inline-block;

    position: relative;

    margin-top: 40px;

}



.single_counter_2 p::after {

    position: absolute;

    content: "";

    width: 120px;

    height: 4px;

    background: var(--colorPrimary);

    border-radius: 50px;

    top: -17px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    -ms-border-radius: 50px;

    -o-border-radius: 50px;

}



/* counter 2 end */





/* why choose 2 start */

.why_choose_2_text ul li {

    position: relative;

    font-size: 16px;

    color: var(--colorBlack);

    padding-left: 30px;

    margin-top: 15px;

}



.why_choose_2_text ul li::after {

    position: absolute;

    content: "\f00c";

    font-family: "font awesome 5 free";

    font-weight: 600;

    font-size: 10px;

    color: var(--colorWhite);

    top: 2px;

    left: 0;

    width: 20px;

    height: 20px;

    text-align: center;

    line-height: 20px;

    border-radius: 50%;

    background: var(--colorBlack);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.why_choose_2_text a {

    margin-top: 45px;

}



.why_choose_2_img .img_1 {

    height: 400px;

    position: relative;

}



.why_choose_2_img .img_1 span {

    position: absolute;

    top: 50%;

    left: 70px;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}



.why_choose_2_img .img_1 span::after {

    position: absolute;

    content: "";

    width: 165px;

    height: 55px;

    background: var(--colorPrimary);

    top: -5px;

    right: -6px;

    z-index: -1;

    border-radius: 0px 30px 30px 0px;

    -webkit-border-radius: 0px 30px 30px 0px;

    -moz-border-radius: 0px 30px 30px 0px;

    -ms-border-radius: 0px 30px 30px 0px;

    -o-border-radius: 0px 30px 30px 0px;

}



.why_choose_2_img .img_1 span::before {

    position: absolute;

    content: "";

    width: 0;

    height: 0;

    border-top: 45px solid #d98b7b;

    border-right: 45px solid transparent;

    top: -49px;

    left: -114px;

    transform: rotate(180deg);

    z-index: -2;

}



.why_choose_2_img .img_1 a {

    background: var(--colorWhite);

    color: var(--colorPrimary) !important;

}



.why_choose_2_img .img_1 a::before {

    border: 10px solid var(--colorWhite);

}



.why_choose_2_img img {

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.why_choose_2_img .img_2 {

    height: 145px;

    margin-top: 25px;

}



.why_choose_2_text p {

    margin-bottom: 25px;

}



/* why choose 2 end */





/* gallery 2 start */

.gallery_2 .section_heading_2 h5,

.gallery_2 .section_heading_2 h3 {

    text-align: center;

}



.gallery_filter_2 {

    text-align: center;

}



.gallery_filter_2 button {

    font-size: 16px;

    font-weight: 400;

    text-transform: capitalize;

    background: var(--colorWhite);

    color: var(--colorPrimary);

    border: 1px solid var(--colorPrimary);

    border-radius: 5px;

    padding: 10px 20px;

    margin-left: 12px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.gallery_filter_2 button:hover,

.gallery_filter_2 button.active {

    background: var(--colorPrimary);

    color: var(--colorWhite);

}



.gallery_item_2 {

    height: 440px;

}



.gallery_item_2 .gal_img_overlay {

    padding: 15px 20px !important;

    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);

    bottom: 20px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.gallery_item_2 .venobox span {

    bottom: 45px !important;

}



/* gallery 2 end */





/* work 2 start */

.work_2 .section_heading_2 h5,

.work_2 .section_heading_2 h3 {

    text-align: center;

}



.work_2_area {

    background-position: center !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;

}



.work_2_area_overlay {

    background: #009648ab;

}



.work_single_2 {

    text-align: center;

}



.work_single_2 p {

    width: 300px;

    height: 300px;

    text-align: center;

    background: var(--colorWhite);

    color: var(--colorBlack);

    border-radius: 50%;

    border: 10px solid var(--colorPrimary);

    padding: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    margin: 0 auto;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.work_single_2 p::after {

    position: absolute;

    content: "";

    width: 255px;

    height: 225px;

    background: url(../images/work_2_shapes.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    bottom: -65px;

    right: -100px;

}



.work_single_2 p span {

    width: 100px;

    height: 100px;

    line-height: 100px;

    background: var(--colorPrimary);

    border: 10px solid var(--colorWhite);

    border-radius: 50%;

    position: absolute;

    top: 0;

    left: -15px;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 36px;

    font-weight: 700;

    color: var(--colorWhite);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.work_single_2 h4 {

    font-size: 24px;

    font-weight: 700;

    color: var(--colorWhite);

    text-transform: capitalize;

    margin-top: 70px;

}



/* work 2 end */





/* team 2 start */

.single_team_2 {

    padding: 15px 30px;

    background: var(--colorBlack);

    overflow: hidden;

    transition: all linear .3s;

    margin-top: 25px;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.single_team_2_img {

    height: 320px;

    position: relative;

    z-index: 1;

}



.single_team_2_img::after {

    position: absolute;

    content: "";

    width: 500px;

    height: 260px;

    background: var(--colorWhite);

    bottom: 0;

    left: -50px;

    z-index: -1;

}



.single_team_2_img ul {

    position: absolute;

    top: 50%;

    right: 0;

    opacity: 0;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.single_team_2_img ul li a {

    width: 35px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    background: var(--colorWhite);

    border-radius: 50%;

    margin: 4px 0px;

    color: var(--colorPrimary);

    font-size: 15px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.single_team_2_img ul li a:hover {

    background: var(--colorPrimary);

    color: var(--colorWhite);

}



.single_team_2_text {

    text-align: center;

    padding: 20px 0px 10px 0px;

}



.single_team_2_text h3 {

    font-size: 28px;

    font-weight: 600;

    text-transform: uppercase;

    color: var(--colorWhite);

    margin-bottom: 5px;

}



.single_team_2_text p {

    font-size: 18px;

    color: var(--colorWhite);

}



.single_team_2:hover ul {

    right: 20px;

    opacity: 1;

}



.single_team_2:hover {

    background: var(--colorPrimary);

}



/* team 2 end */





/* testimonial 2 start */

.single_testimonial_2 {

    margin-left: 0px;

    margin-right: 0px;

}



.single_testimonial_img_2 {

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

}



.single_testimonial_text_2 {

    text-align: center;

}



.single_testimonial_text_2 .title {

    font-size: 20px;

    font-weight: 700;

    text-transform: capitalize;

    text-align: center;

    color: var(--colorPrimary);

    display: inline-block;

    margin: 0 auto;

    position: relative;

}



.single_testimonial_text_2 .title::after,

.single_testimonial_text_2 .title::before {

    position: absolute;

    content: "";

    width: 50px;

    height: 8px;

    background: url(../images/testimonial_2_shapes.png);

    background-position: center !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;

    top: 10px;

    right: -65px;

}



.single_testimonial_text_2 .title::before {

    right: auto;

    left: -65px;

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

}



.single_testimonial_text_2 .designation {

    color: var(--colorBlack);

    margin: 5px 0px;

}



.single_testimonial_text_2 .rating {

    color: #ff9933;

    font-size: 14px;

}



.single_testimonial_text_2 .cliect_comment {

    margin-top: 20px;

}



/* testimonial 2 end */





/* blog 2 start */

.single_blog_2 {

    box-shadow: 5px 8px 30px rgba(5, 13, 54, 0.05);

    border-radius: 10px 10px 0px 0px;

    padding: 20px;

    margin-top: 25px;

    background: var(--colorWhite);

    border: 1px solid #eee;

    -webkit-border-radius: 10px 10px 0px 0px;

    -moz-border-radius: 10px 10px 0px 0px;

    -ms-border-radius: 10px 10px 0px 0px;

    -o-border-radius: 10px 10px 0px 0px;

}



.single_blog_2_img {

    height: 250px;

    position: relative;

    overflow: hidden;

    border-radius: 10px 10px 0px 0px;

    -webkit-border-radius: 10px 10px 0px 0px;

    -moz-border-radius: 10px 10px 0px 0px;

    -ms-border-radius: 10px 10px 0px 0px;

    -o-border-radius: 10px 10px 0px 0px;

}



.single_blog_2_img img {

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.single_blog_2_text {

    padding-top: 45px;

    position: relative;

}



.single_blog_2_text .bloger_info {

    display: flex;

    position: absolute;

    top: -25px;

    left: 50%;

    transform: translateX(-50%);

    background: var(--colorPrimary);

    width: 85%;

    padding: 10px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    overflow: hidden;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

}



.single_blog_2_text .bloger_info li {

    position: relative;

    display: flex;

    align-items: center;

    width: 50%;

}



.single_blog_2_text .bloger_info li:first-child:after {

    position: absolute;

    content: "";

    width: 90%;

    height: 60px;

    background: var(--colorBlack);

    top: -12px;

    left: -12px;

    clip-path: polygon(0 0, 85% 0%, 100% 50%, 85% 100%, 0 100%, 0% 50%);

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.single_blog_2_text .bloger_info li a {

    font-size: 13px;

    font-weight: 500;

    text-transform: capitalize;

    color: var(--colorWhite);

    display: block;

    position: relative;

    z-index: 1;

}



.single_blog_2_text .bloger_info li img {

    width: 35px !important;

    height: 35px !important;

    border-radius: 50%;

    margin-right: 10px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.single_blog_2_text .bloger_info li p {

    font-weight: 500;

    color: var(--colorWhite);

    font-size: 13px;

    margin: 0;

    padding: 0;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

}



.single_blog_2_text .title {

    font-size: 24px;

    font-weight: 700;

    text-transform: capitalize;

    color: var(--colorBlack);

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.single_blog_2_text p {

    margin: 10px 0px 20px 0px;

}



.single_blog_2_text .time_comment {

    display: flex;

    justify-content: space-between;

}



.single_blog_2_text .time_comment li {

    font-size: 14px;

    font-weight: 400;

    text-transform: capitalize;

    color: var(--paraColor);

}



.single_blog_2_text .time_comment li i {

    color: var(--colorPrimary);

    margin-right: 5px;

}



.single_blog_2_text .read_btn_2 {

    font-size: 16px;

    font-weight: 500;

    text-transform: capitalize;

    display: flex;

    justify-content: space-between;

    color: var(--colorPrimary);

    border-top: 1px solid #ddd;

    padding-top: 15px;

    margin-top: 15px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.single_blog_2 .title:hover {

    color: var(--colorPrimary);

}



.single_blog_2 .read_btn_2:hover {

    color: var(--colorBlack);

}



.single_blog_2:hover .single_blog_2_img img {

    transform: scale(1.05);

    -webkit-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

}



.single_blog_2:hover .bloger_info {

    background: var(--colorBlack);

}



.single_blog_2:hover .bloger_info li::after {

    background: var(--colorPrimary);

}



/* blog 2 end */





/* footer 2 start */

.footer_2 {

    background: var(--colorBlack);

}
.faxicon {
  width: 35px !important;
  height: 35px !important;
  background-color: #fff !important;
  border-radius: 50px !important;
  text-align: center;
  display: inline-block;
  margin-right: 15px;
  line-height: 30px;
}
.faxbox {
  position: relative;
  top: 10px;
}
.faxicon img{
    width:25px!important;
    height: 25px!important;
    object-fit: contain!important;
}


.footer_2 .footer_subscribe,

.footer_2 .footer_subscribe_form form,

.footer_2 .footer_subscribe_form button {

    border-radius: 5px;

}



.footer_2 .footer_subscribe_form button::after {

    border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

}



.footer_2 .footer_logo_area ul li a,

.footer_2 .footer_link p i {

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

}



.footer_download p {

    margin: 0;

    padding: 0;

}



.footer_download ul li a {

    display: flex;

    background: var(--colorWhite);

    border-radius: 5px;

    margin-top: 15px;

    overflow: hidden;

    align-items: center;

    max-width: 230px;

    padding-left: 0;

    position: inherit;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.footer_download ul li a i {

    width: 55px;

    height: 55px;

    line-height: 55px;

    text-align: center;

    background: var(--colorPrimary);

    color: var(--colorWhite);

    border-radius: 5px;

    margin-right: 20px;

    font-size: 25px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.footer_download ul li a p {

    color: var(--colorBlack);

    font-size: 18px;

    font-weight: 600;

    text-transform: capitalize;

    line-height: 20px;

    margin-bottom: 2px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.footer_download ul li a p span {

    display: block;

    font-size: 14px;

    text-transform: capitalize;

}



.footer_download ul li a:hover p {

    color: var(--colorPrimary);

}



.footer_2 .footer_link h4 {

    margin-bottom: 35px;

}



.footer_2 .footer_link h4::after {

    display: none;

}



.footer_2_copyright {

    background: var(--colorPrimary);

}



.footer_2_copyright p a:hover {

    color: var(--colorBlack);

}



/* footer 2 end */



/*================================

    HOME PAGE 2 END

================================*/





/*================================

    ABOUT US PAGE START

================================*/

.about_page_welcome_img {

    height: 600px;

    position: relative;

    overflow: hidden;

    padding-left: 50px;

    padding-right: 30px;

}



.about_page_welcome_img img {

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.about_page_welcome_img .call_area {

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    z-index: 1;

    background: var(--colorWhite);

    padding: 25px;

    border-left: 10px solid var(--colorPrimary);

    box-shadow: 5px 8px 30px rgb(5 13 54 / 5%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}



.about_page_welcome_img .call_area h4 {

    font-size: 18px;

    font-weight: 700;

    text-transform: capitalize;

    color: var(--colorPrimary);

    margin-bottom: 10px;

}



.about_page_welcome_img .call_area h4 span {

    font-size: 15px;

}



.about_page_welcome_img .call {

    align-items: center;

}



.about_page_welcome_img .call i {

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    background: var(--colorPrimary);

    color: var(--colorWhite);

    font-size: 25px;

    border-radius: 5px;

    margin-right: 12px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.about_page_welcome_img .call p {

    color: var(--colorBlack);

}



.about_page_welcome_img .call p span {

    display: block;

    color: var(--colorBlack);

    font-weight: 700;

}



.about_page_welcome_text h2,

.about_page_welcome_text h3,

.about_page_welcome_text h4,

.about_page_welcome_text h5 {

    font-size: 44px;

    font-weight: 700;

    text-transform: capitalize;

    margin-bottom: 25px;

}



.about_2_text p,

.about_page_welcome_text p {

    margin-top: 20px;

}



.about_2_text ul,

.about_2_text ol,

.about_page_welcome_text ul,

.about_page_welcome_text ol,

.services_details_text ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin-bottom: 20px;
    margin-left: 30px;
}
.services_details_text h1{
    font-weight: bold;
}
.services_details_text h2{
    font-weight: bold;
}
.services_details_text h3,h4,h5{
    font-weight: 600;
}






.sidebar_mail.sidebar_item.mb_25 .read_btn{
  background: #009648;
  padding: 8px 10px;
  margin: auto!important;
}
.sidebar_mail.sidebar_item .read_btn{
  margin: auto!important;
}

.services_details_text p{
    line-height: 30px;
    margin-bottom: 10px;
}
.services_details_text ol {
    display: block;
    margin-left: 3%;
}
.services_details_text ul li{
    width: 100%!important;
     font-size: 18px;
    font-weight: 500;
    margin-bottom: 2%;
    line-height: 30px;
}
.services_details_text ol li{
    width: 100%!important;
     font-size: 18px;
    font-weight: 500;
     margin-bottom: 2%;
    line-height: 30px;
}

.services_details_text li::before{
    position: absolute;
    content: "";
    background: url(../images/about_welcome_icon.png);
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: -25px;
    margin-top: 5px;
}
#physiotherapy-in-hamilton .services_details_text ol li::after{
  display: none;
}

.about_2_text ul li,

.about_2_text ol li,

.about_page_welcome_text ul li,

.about_page_welcome_text ol li{
    font-size: 18px;
    padding-left: 30px;
    position: relative;
    margin-top: 20px;
    font-weight: 500;
	text-align: justify;
    width: 48%;
}



.about_2_text ul li::after,

.about_2_text ol li::after,

.about_page_welcome_text ul li::after,

.about_page_welcome_text ol li::after{

    position: absolute;

    content: "";

    background: url(../images/about_welcome_icon.png);

    width: 20px;

    height: 20px;

    top: 4px;

    left: 0;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.about_page_about_img {
    margin-bottom: 20px;
}

.about_page_about_text_area h4{
    font-weight: bold;
}

.about_page_about_img::after {

    position: absolute;

    content: "";

    width: 200px;

    height: 200px;

    border-radius: 50%;

    border: 20px solid var(--colorPrimary);

    top: 50px;

    right: 50px;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    z-index: -1;

    animation: about_animi linear 1s infinite alternate;

    -webkit-animation: about_animi linear 1s infinite alternate;

}



@keyframes about_animi {

    from {

        transform: scale(1);

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

    }



    to {

        transform: scale(1.1);

        -webkit-transform: scale(1.1);

        -moz-transform: scale(1.1);

        -ms-transform: scale(1.1);

        -o-transform: scale(1.1);

    }

}



.about_page_about_img .img_1 {
    width: 100%;
    height: 700px;
    object-fit: cover;
    border-radius: 5px;
    overflow: hidden;
}



.about_page_about_img .img_2 {

    width: 300px;

    height: 350px;

    border-radius: 5px;

    overflow: hidden;

    position: absolute;

    bottom: 50px;

    right: 0;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.about_page_about_img p {

    font-size: 44px;

    font-weight: 700;

    background: var(--colorBlack);

    color: var(--colorWhite);

    padding: 20px;

    text-align: center;

    max-width: 220px;

    position: absolute;

    bottom: -20px;

    right: 120px;

    border-radius: 5px;

}



.about_page_about_img p span {

    font-size: 24px;

    color: var(--colorWhite);

    display: block;

}

.award_text p {

    margin-top: 20px;

}



.award_text ul li,

.award_text ol li,

.about_page_about_text ul li,

.about_page_about_text ol li {

    margin-top: 8px;
    font-size: 15px;

}



.award_text ul li h3,

.award_text ol li h3,

.about_page_about_text ul li h3,

.about_page_about_text ol li h3 {

    font-size: 18px;

    font-weight: 600;

    text-transform: capitalize;

    padding-left: 30px;

    position: relative;

}



.award_text ul li h3::after,

.award_text ol li h3::after,

.about_page_about_text ul li h3::after,

.about_page_about_text ol li h3::after {

    position: absolute;

    content: "\f00c";

    font-family: "font awesome 5 free";

    font-size: 10px;

    color: var(--colorWhite);

    top: 2px;

    left: 0;

    width: 20px;

    height: 20px;

    text-align: center;

    line-height: 20px;

    border-radius: 50%;

    background: var(--colorPrimary);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.award_text ul li p,

.award_text ol li p,

.about_page_about_text ul li p,

.about_page_about_text ol li p {

    margin-top: 10px;

}



.about_page_about_text a {

    margin-top: 25px;

}



.mission_text h3 {

    text-align: center;

    font-size: 44px;

    font-weight: 700;

    text-transform: capitalize;

    margin-bottom: 25px;

}



.mission_text p {

    text-align: center;

}



.mission_video_area {

    background-position: center !important;

    background-size: cover !important;

    background-repeat: no-repeat !important;

    height: 550px;

    margin-bottom: 300px;

}



.mission_video {

    padding: 25px;

    background: var(--colorPrimary);

    border-radius: 5px;

    position: relative;

    bottom: -400px;

    height: 450px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.mission_video img {

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.services_det_video a {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 100px;

    height: 100px;

    line-height: 100px;

    font-size: 35px;

    transform: translate(-50%, -50%);

    background: var(--colorWhite);

    color: var(--colorPrimary) !important;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

}



.mission_video a::before,

.services_det_video a::before {

    border: 10px solid var(--colorWhite);

}



.vission_text p {
    margin-top: 10px;

}



.vission_text ul li,
.vission_text ol li {
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
    color: #000;
    position: relative;
    padding-left: 30px;
    margin-top: 8px;
	text-align: justify;

}



.vission_text ul li::after,

.vission_text ol li::after {

    position: absolute;

    content: "\f058";

    font-family: "font awesome 5 free";

    font-size: 20px;

    font-weight: 600;

    color: var(--colorBlack);

    top: 2px;

    left: 0;

    width: 20px;

    height: 20px;

    text-align: center;

    line-height: 20px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.vission_img_large {

    height: 650px;

    border-radius: 5px;

    overflow: hidden;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.vission_img_small {

    height: 170px;

    border-radius: 5px;

    overflow: hidden;

    margin-top: 25px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.partnership h2 {

    text-align: center;

    font-size: 44px;

    font-weight: 700;

    margin-bottom: 35px;

    text-transform: capitalize;

}



.partner_single {

    height: 450px;

    position: relative;

    overflow: hidden;

    margin-top: 25px;

}



.partner_single img {

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.partner_overlay {

    position: absolute;

    width: 90%;

    height: 90%;

    top: 5%;

    left: 5%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    background: transparent;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.partner_overlay h3 {

    font-size: 30px;

    font-weight: 700;

    text-transform: uppercase;

    background: var(--colorPrimary);

    color: var(--colorWhite);

    padding: 5px 20px 7px 20px;

    border-radius: 5px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.partner_single:hover img {

    transform: scale(1.05);

    -webkit-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

}



.partner_single:hover .partner_overlay {

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: rgba(0, 38, 51, 0.6);

}



.partner_single:hover h3 {

    background: transparent;

}



.award_img {

    height: 440px;

    padding: 20px;

    position: relative;

    margin-right: 30px;

}



.award_img::after,

.award_img::before {

    position: absolute;

    content: "";

    width: 150px;

    height: 150px;

    background: var(--colorPrimary);

    top: 0;

    right: 0;

    z-index: -1;

    border-radius: 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

}



.award_img::before {

    top: auto;

    right: auto;

    bottom: 0;

    left: 0;

}



.award_img img {

    border-radius: 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

}



.award_img .award_small_img {

    width: 300px;

    height: 240px;

    border-radius: 10px;

    overflow: hidden;

    background: #f8ddcb;

    padding: 10px;

    position: absolute;

    bottom: 0;

    right: 0;

}



.award_text h4 {

    font-size: 30px;

    font-weight: 700;

    text-transform: uppercase;

}



.award_text ul,

.award_text ol {

    display: flex;

    flex-wrap: wrap;

}



.award_text ul li,

.award_text ol li {

    width: 50%;

}



/*================================

    ABOUT US PAGE END

================================*/





/*================================

    BLOG DETAILS PAGE START

================================*/


.blog{
	padding: 5% 0px;
}


.blog_details_img {

    height: 450px;

    overflow: hidden;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.blog_details_text .header_info {

    margin-top: 20px;

    padding: 0;

}



.blog_details_text .header_info li {

    text-transform: capitalize;

    font-size: 16px;

    font-weight: 400;

    list-style: none;

    margin: 0;

}



.blog_details_text .header_info li i {

    color: var(--colorPrimary);

    margin-right: 10px;

}
.blog_details_text h2{
    margin-bottom: 0px;
    font-weight: bold;
    padding-top: 10px;
}


.blog_details_text h1,

.blog_details_text h3,

.blog_details_text h4,

.blog_details_text h5,

.blog_details_text h6 {

    text-transform: capitalize;

    color: var(--colorBlack);

    font-weight: 700;

    padding-top: 2%;

}



.blog_details_text h1,

.blog_details_text h2 {

    font-size: 40px;

}



.blog_details_text h3 {

    font-size: 35px;

}



.blog_details_text h4 {

    font-size: 30px;

}



.blog_details_text h5 {

    font-size: 30px;

}



.blog_details_text h6 {

    font-size: 425px;

}



.blog_details_text p {
    margin-top: 5px;
}



.blog_details_text .quot_text {

    background: #f8ddcb;

    border-radius: 5px;

    padding: 80px 30px 30px 30px;

    margin-top: 20px;

    position: relative;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.blog_details_text .quot_text::after {

    position: absolute;

    content: "";

    background: url(../images/quot_icon.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    width: 50px;

    height: 38px;

    top: 25px;

    left: 30px;

}



.blog_details_text .quot_text p {

    font-size: 18px;

    font-weight: 500;

    color: var(--colorBlack);

    margin: 0;

}



.blog_details_text .quot_text h4 {

    font-size: 18px;

    font-weight: 500;

    color: var(--colorPrimary);

    margin: 0;

    margin-top: 15px;

    padding-left: 40px;

    position: relative;

}



.blog_details_text .quot_text h4::after {

    position: absolute;

    content: "";

    width: 25px;

    height: 2px;

    background: var(--colorPrimary);

    top: 10px;

    left: 0;

}



.blog_det_center_img {

    height: 350px;

    border-radius: 5px;

    overflow: hidden;

    margin-top: 25px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.blog_details_text ul,

.blog_details_text ol {
    padding-left: 18px;
    margin-top: 7px;
    margin-bottom: 7px;
}



.blog_details_text ul li,

.blog_details_text ol li {

    font-size: 18px;

    font-weight: 400;

    list-style: disc;

    margin: 10px 0px;

}



.blog_det_video_img {

    height: 300px;

    margin-top: 25px;

    position: relative;

    border-radius: 5px;

    overflow: hidden;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.blog_det_video_img a {

    position: absolute;

    bottom: 55px;

    right: 10px;

}



.blog_det_video_text {

    margin-top: 25px;

}



.blog_det_video_text h4 {

    margin-top: 0;

    font-size: 25px;

}

.sidebar_category{
    background: #f8ddcb;
    border-radius: 5px;
    padding: 25px;
}

.sidebar_category.archive ul li a {

    padding-left: 50px;

}



.sidebar_category.archive ul li a::after {

    content: "\f073";

    width: 20px;

    height: 20px;

    font-size: 10px;

    background: var(--colorPrimary);

    text-align: center;

    line-height: 20px;

    border-radius: 50%;

    color: var(--colorWhite);

    top: 12px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.sidebar_blog ul li a {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 20px;

}



.sidebar_blog ul li:last-child a {

    margin-bottom: 0;

}



.sidebar_blog ul li a .img {

    width: 90px;

    height: 90px;

    border-radius: 5px;

    overflow: hidden;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.sidebar_blog ul li a .text {

    width: 72%;

}



.sidebar_blog ul li a .text span {
    text-transform: capitalize;
    display: flex;
    align-items: center;
    font-size: 15px;
}



.sidebar_blog ul li a .text span i {

    width: 20px;

    height: 20px;

    line-height: 20px;

    text-align: center;

    background: var(--colorPrimary);

    color: var(--colorWhite);

    font-size: 11px;

    border-radius: 50%;

    margin-right: 10px;

}



.sidebar_blog ul li a .text p {
    font-weight: 500;
    height: 40px;
    font-size: 15px;
    text-transform: capitalize;

    color: var(--colorBlack);

    margin-top: 10px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.sidebar_blog ul li a:hover p {

    color: var(--colorPrimary);

}



.sidebar_tags ul li a {

    background: var(--colorWhite);

    color: var(--colorPrimary);

    font-size: 16px;

    font-weight: 400;

    text-transform: capitalize;

    margin-right: 10px;

    margin-bottom: 10px;

    padding: 5px 12px;

    border-radius: 5px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.sidebar_tags ul li a:hover {

    background: var(--colorPrimary);

    color: var(--colorWhite);

}



.sidebar_link ul li a {

    width: 35px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    background: #FFFFFF;

    color: var(--colorPrimary);

    border-radius: 50%;

    margin-right: 10px;

    transition: all linear .3s;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.sidebar_link ul li a:hover {

    background: var(--colorPrimary);

    color: var(--colorWhite);

}



.bloger_area {

    background: #f8ddcb;

    padding: 30px;

    position: relative;

    margin-top: 75px;

    text-align: center;

}



.bloger_area .img {

    display: block;

    width: 100px;

    height: 100px;

    border-radius: 50%;

    border: 10px solid var(--colorWhite);

    position: absolute;

    top: -50px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.bloger_area h3 {

    font-size: 25px;

    font-weight: 600;

    text-transform: capitalize;

    margin-top: 40px;

    margin-bottom: 15px;

}



.bloger_area ul {

    justify-content: center;

    margin-top: 15px;

}



.bloger_area ul li a {

    width: 35px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    padding: 0;

    border-radius: 50%;

    color: var(--colorPrimary);

    background: var(--colorWhite);

    margin: 0px 5px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.bloger_area ul li a:hover {

    background: var(--colorPrimary);

    color: var(--colorWhite);

}



/*================================

    BLOG DETAILS PAGE END

================================*/





/*================================

    CONTACT US PAGE START

================================*/

.contact_map {

    width: 100%;

    height: 485px;

    border-radius: 5px;

    overflow: hidden;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.contact_map iframe {

    width: 100%;

    height: 100%;

}



.contact_form h2 {

    font-size: 35px;

    font-weight: 700;

    text-transform: capitalize;

    margin-bottom: 20px;

}



.contact_form input,

.contact_form textarea {

    background: #f8ddcb;

    border-radius: 5px;

    border: none;
    margin-top: 20px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}
.wpcf7-form-control.wpcf7-submit.has-spinner.common_btn{
    background: #02039c;
}


.contact_form input::placeholder,

.contact_form textarea::placeholder {
    color: var(--colorBlack);
}
.contact_form textarea{
	height: 100px;
}
.contact_form br{
	display: none;
}
.contact .contact_info{
    padding-top: 5%;
    background: #f8ddcb;
}

.contact_form button {

    width: 100%;

    padding: 15px 30px;

    text-align: center;

    margin-top: 15px;

}



.contact_form button::after,

.contact_form button::before {

    display: none;

}



/*================================

    CONTACT US PAGE END

================================*/





/*================================

    DASHBOARD PAGE START

================================*/

.dashboard_sidebar {

    background: #f8ddcb;

    border-radius: 5px;

    padding: 30px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.dashboard_sidebar_img {

    width: 250px;

    height: 250px;

    border-radius: 50%;

    border: 10px solid var(--colorWhite);

    box-shadow: 5px 8px 30px rgb(5 13 54 / 5%);

    position: relative;

    margin: 0 auto;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.dashboard_sidebar_img img {

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.dashboard_sidebar_img label {

    width: 30px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    background: var(--colorPrimary);

    color: var(--colorWhite);

    border-radius: 50%;

    position: absolute;

    bottom: 20px;

    right: 10px;

    font-size: 14px;

    cursor: pointer;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.dashboard_sidebar_img label:hover {

    background: var(--colorBlack);

}



.dashboard_sidebar h3 {

    font-size: 24px;

    font-weight: 700;

    text-align: center;

    text-rendering: geometricPrecision;

    margin: 15px 0px 50px 0px;

}



.dashboard_sidebar .nav .nav-link {

    border: 1px solid #faa39287;

    font-size: 16px;

    font-weight: 500;

    text-transform: capitalize;

    border-radius: 5px;

    text-align: left;

    margin-top: 15px;

    color: var(--colorBlack);

    position: relative;

    padding: 12px 20px 12px 70px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    background: var(--colorWhite);

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.dashboard_sidebar .nav .nav-link::after {

    position: absolute;

    content: "";

    width: 6px;

    height: 100%;

    background: var(--colorPrimary);

    top: 0;

    right: -1px;

    border-radius: 10px;

    opacity: 0;

    transition: all linear .4s;

    -webkit-transition: all linear .4s;

    -moz-transition: all linear .4s;

    -ms-transition: all linear .4s;

    -o-transition: all linear .4s;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

}



.dashboard_sidebar .nav .nav-link span {

    display: inline-block;

    width: 49px;

    height: 49px;

    background: var(--colorPrimary);

    line-height: 49px;

    text-align: center;

    position: absolute;

    top: -1px;

    left: -1px;

    border-radius: 5px;

    font-size: 18px;

    color: var(--colorWhite);

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.dashboard_sidebar .nav .nav-link.active,

.dashboard_sidebar .nav .nav-link:hover {

    background: var(--colorWhite);

    border-color: var(--colorWhite);

}



.dashboard_sidebar .nav .nav-link.active::after,

.dashboard_sidebar .nav .nav-link:hover::after {

    opacity: 1;

}



.dashboard_content h2 {

    font-size: 28px;

    font-weight: 700;

    text-transform: capitalize;

    margin-bottom: 20px;

}



.personal_info,

.personal_info_edit {

    background: #f8ddcb;

    padding: 30px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.personal_info h4,

.personal_info_edit h4 {

    font-size: 20px;

    font-weight: 600;

    text-transform: capitalize;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

}



.personal_info h4 a,

.personal_info_edit h4 a {

    font-size: 16px;

    color: var(--colorWhite) !important;

    background: var(--colorPrimary);

    padding: 5px 10px;

    border-radius: 3px;

    cursor: pointer;

    text-transform: capitalize;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

}



.personal_info h4 a:hover,

.personal_info_edit h4 a:hover {

    background: var(--colorBlack);

}



.personal_info_address {

    border-top: 1px solid #c0c0c0;

    border-bottom: 1px solid #c0c0c0;

    margin: 20px 0px;

    padding: 5px 0px;

}



.personal_info_address li {

    font-size: 16px;

    font-weight: 400;

    text-transform: capitalize;

    margin: 15px 0px;

    color: var(--colorBlack);

}



.personal_info_address li span {

    text-transform: capitalize;

    color: var(--colorBlack);

    width: 150px;

    display: inline-block;

}



.personal_info_link {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}



.personal_info_link li {

    font-size: 22px;

    font-weight: 500;

    text-transform: capitalize;

    color: var(--colorBlack);

}



.personal_info_link li a {

    width: 35px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    color: var(--colorPrimary);

    border: 1px solid var(--colorPrimary);

    font-size: 14px;

    border-radius: 50%;

    margin-left: 10px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.personal_info_link li a:hover {

    background: var(--colorPrimary);

    color: var(--colorWhite);

}



.personal_biography p {

    margin-top: 20px;

}



.personal_info_edit {

    display: none;

}



.personal_info_edit h4 {

    margin-bottom: 20px;

}



.personal_info_edit label {

    display: block;

    font-weight: 400;

    font-size: 16px;

    color: var(--colorBlack);

    margin-bottom: 5px;

    text-transform: capitalize;

}



.personal_info_edit input,

.personal_info_edit textarea {

    padding: 12px 20px;

    margin-bottom: 20px;

    border: none;

}



.personal_info_edit textarea {

    margin-bottom: 15px;

}



.personal_area.edit_form .personal_info,

.personal_area.edit_form .personal_biography {

    display: none;

}



.personal_area.edit_form .personal_info_edit {

    display: block;

}



.dashboard_wishlist .services_item,

.dashboard_gallery .gallery_item {

    margin-top: 0;

    margin-bottom: 25px;

}



.dashboard_c_password .personal_info_edit {

    display: block;

}



/*================================

    DASHBOARD PAGE END

================================*/





/*================================

    FAQ PAGE START

================================*/

.faq h1{
    font-size: 42px;
    font-weight: bold;
    color: #02039c;
}
.faq h2{
    font-size: 36px;
    font-weight: bold;
    color: #009648;
    padding-top: 2%;
}
.faq h3{
    font-size: 30px;
    font-weight: bold;
    color: #02039c;
    padding-top: 2%;
}
.faq h4{
    font-size: 27px;
    font-weight: bold;
    color: #009648;
}
.faq ul{
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.faq ol{
    margin-left: 30px;
     margin-top: 10px;
    margin-bottom: 10px;
}
.faq li{
    list-style: square;
}












.faq_img {

    position: relative;

}



.faq_img .img_1 {

    width: 530px;

    height: 450px;

    position: relative;

    margin-bottom: 15px;

}



.faq_img .img_1 img {

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.faq_img .img_1::after {

    position: absolute;

    content: "";

    width: 80px;

    height: 80px;

    background: var(--colorPrimary);

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border: 10px solid var(--colorWhite);

    right: -15px;

    bottom: -15px;

    box-shadow: 5px 8px 30px rgb(5 13 54 / 5%);

}



.faq_img .img_2 {

    width: 240px;

    height: 270px;

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}



.faq_text h1,

.faq_text h2,

.faq_text h3,

.faq_text h4,

.faq_text h5,

.faq_text h6 {

    font-weight: 700;

    text-transform: capitalize;

    margin-bottom: 20px;

}



.faq_text h1 {

    font-size: 44px;

}



.faq_text h2 {

    font-size: 40px;

}



.faq_text h3 {

    font-size: 35px;

}



.faq_text h4 {

    font-size: 30px;

}



.faq_text h5 {

    font-size: 25px;

}



.faq_text h6 {

    font-size: 26px;

}



.faq_text p {

    margin-top: 20px;

}



.accordion-item {

    background-color: var(--colorWhite);

    border: none;

    margin-bottom: 25px;

}



.accordion-button {

    background: #f8ddcb;

    border-radius: 5px;

    border: none;

    font-size: 20px;

    font-weight: 400;

    text-transform: capitalize;

    color: var(--colorBlack);

    padding: 15px 50px 15px 15px;

    position: relative;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.accordion-button:not(.collapsed) {

    color: var(--colorWhite);

    background-color: var(--colorPrimary);

    box-shadow: none;

}



.accordion-body {

    padding: 20px;

    background: #FFFFFF;

    box-shadow: 5px 8px 30px rgba(5, 13, 54, 0.05);

}



.accordion-button::after {

    background: url(../images/faq_plus.jpg);

    width: 30px;

    height: 30px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    overflow: hidden;

    position: absolute;

    top: 12px;

    right: 12px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.accordion-button:not(.collapsed)::after {

    background: url(../images/faq_minus.jpg);

    width: 30px;

    height: 30px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    overflow: hidden;

    position: absolute;

    top: 12px;

    right: 12px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.accordion-button:focus {

    box-shadow: none;

}



.faq .accordion-body p {

    border-left: 5px solid var(--colorBlack);

    padding-left: 15px;

}



.faq .accordion-item {

    margin-bottom: 0;

    margin-top: 25px;

}



/*================================

    FAQ PAGE END

================================*/





/*================================

    LOGIN PAGE START

================================*/

.login_area {

    padding: 50px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    background: #f8ddcb;

}



.login_area h3 {

    font-size: 44px;

    font-weight: 700;

    text-transform: capitalize;

}



.login_area h5 {

    font-size: 20px;

    font-weight: 400;

    margin-top: 15px;

    margin-bottom: 25px;

}



.login_input {

    position: relative;

    margin-top: 20px;

}



.login_input span {

    position: absolute;

    width: 50px;

    height: 50px;

    background: var(--colorBlack);

    line-height: 50px;

    font-size: 20px;

    text-align: center;

    color: var(--colorWhite);

    border-radius: 5px 0px 0px 5px;

    -webkit-border-radius: 5px 0px 0px 5px;

    -moz-border-radius: 5px 0px 0px 5px;

    -ms-border-radius: 5px 0px 0px 5px;

    -o-border-radius: 5px 0px 0px 5px;

}



.login_input input {

    border: none;

    padding: 13px 20px 13px 75px;

}



.login_input .form-check input {

    padding: 0;

    border-radius: 50%;

    width: 25px;

    height: 25px;

    border: 1px solid var(--colorBlack);

    margin-right: 10px;

    margin-top: 0px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.login_input .form-check input:checked {

    background-color: var(--colorPrimary);

    border-color: var(--colorPrimary) !important;

}



.login_input .form-check label {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

}



.login_input .form-check label a {

    font-size: 16px;

    font-weight: 400;

    text-transform: capitalize;

    color: var(--colorPrimary);

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.register_area .login_input .form-check label a {

    font-weight: 600;

    text-decoration: underline;

}



.login_input .form-check label a:hover {

    color: var(--colorBlack);

}



.login_input button {

    width: 100%;

    text-align: center;

    padding: 13px 30px;

}



.login_input button::after,

.login_input button::before {

    display: none;

}



.login_area .or {

    text-transform: uppercase;

    font-size: 20px;

    font-weight: 600;

    text-align: center;

    display: block;

    position: relative;

    margin: 18px 0px 12px 0px;

    color: var(--colorBlack);

}



.login_area .or::after {

    position: absolute;

    content: "";

    width: 40%;

    height: 1px;

    background: var(--paraColor);

    top: 14px;

    right: 0;

}



.login_area .or::before {

    position: absolute;

    content: "";

    width: 40%;

    height: 1px;

    background: var(--paraColor);

    top: 14px;

    left: 0;

}



.login_area p {

    text-align: center;

    color: var(--colorBlack);

}



.login_area p a {

    color: var(--colorBlack);

    text-transform: capitalize;

    font-size: 16px;

    font-weight: 600;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.login_area ul {

    margin: 20px 0px 20px 0px;

}



.login_area ul li a {

    width: 35px;

    height: 35px;

    background: var(--colorBlack);

    line-height: 35px;

    text-align: center;

    color: var(--colorWhite);

    border-radius: 50%;

    margin: 0px 5px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.login_area ul li a:hover {

    background: var(--colorPrimary);

}



.login_area p a:hover {

    color: var(--colorPrimary);

}



.register_area .form-check label {

    display: block;

}



/*================================

    LOGIN PAGE END

================================*/





/*================================

    PRICING PAGE START

================================*/

.single_pricing {

    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;

    border-radius: 5px;

    overflow: hidden;

    margin-top: 25px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.single_pricing_header {

    padding-top: 30px;

}



.single_pricing_header .img {

    width: 100px;

    height: 100px;

    background: var(--colorPrimary);

    border-radius: 50%;

    padding: 25px;

    margin: 0 auto;

    margin-bottom: -60px;

    position: relative;

    z-index: 2;

    transition: all linear .3s;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border: 5px solid var(--colorWhite);

    box-shadow: 5px 8px 30px rgb(5 13 54 / 10%);

}



.single_pricing_header .text {

    background: var(--colorWhite);

    clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);

    padding: 80px 30px 50px 30px;

    text-align: center;

    margin: 0px 30px;

    position: relative;

    z-index: 1;

    margin-bottom: -90px;

}



.single_pricing_header .text h3 {

    font-size: 30px;

    font-weight: 700;

    text-transform: capitalize;

    color: var(--colorPrimary);

    margin-bottom: 5px;

}



.single_pricing_header .text h5 {

    font-size: 20px;

    font-weight: 600;

    text-transform: capitalize;

    color: var(--colorBlack);

    margin-bottom: 20px;

}



.single_pricing_header .text p {

    margin: 15px 0px;

}



.single_pricing_header .text h4 {

    font-size: 25px;

    font-weight: 600;

    background: var(--colorBlack);

    color: var(--colorWhite);

    display: inline-block;

    padding: 5px 20px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.single_pricing_header .text span {

    display: block;

    font-size: 16px;

    font-weight: 500;

    color: var(--colorPrimary);

    margin-top: 5px;

    text-transform: capitalize;

}



.pricing_list {

    background: var(--colorPrimary);

    padding: 125px 30px 30px 30px;

    text-align: center;

    position: relative;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.pricing_list::after {

    position: absolute;

    content: "";

    width: 240px;

    height: 110px;

    background: var(--colorBlack);

    top: 0px;

    left: 50%;

    transform: translateX(-50%);

    clip-path: polygon(0 20%, 50% 0, 100% 20%, 100% 54%, 50% 100%, 0 53%);

    transition: all linear .3s;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.pricing_list ul {

    display: flex;

    flex-direction: column;

    align-items: center;

}



.pricing_list ul li {

    font-size: 16px;

    font-weight: 400;

    color: var(--colorWhite);

    margin: 10px 0px;

    position: relative;

    padding-left: 25px;

    text-transform: capitalize;

}



.pricing_list ul li::after {

    position: absolute;

    content: "\f00c";

    font-family: "font awesome 5 free";

    font-size: 14px;

    font-weight: 600;

    color: var(--colorWhite);

    top: 2px;

    left: 0;

}



.pricing_list ul li.delete::after {

    content: "\f00d";

}



.pricing_list a {

    margin-top: 20px;

    background: var(--colorBlack);

    padding: 10px 30px;

    border-radius: 30px;

    color: var(--colorWhite) !important;

    text-transform: capitalize;

    font-size: 16px;

    font-weight: 500;

    position: relative;

    overflow: hidden;

    z-index: 1;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

}



.pricing_list a:hover {

    color: var(--colorBlack);

}



.single_pricing:hover .img,

.single_pricing:hover .pricing_list {

    background: var(--colorBlack);

}





.single_pricing:hover a,

.single_pricing:hover .pricing_list::after {

    background: var(--colorPrimary);

}



._pricing_support {

    text-align: center;

}



._pricing_support h3 {

    font-size: 44px;

    font-weight: 700;

    text-transform: capitalize;

    margin-bottom: 20px;

}



._pricing_support h4 {

    font-size: 30px;

    font-weight: 600;

    text-transform: capitalize;

    color: var(--colorPrimary);

}



._pricing_support p {

    margin: 15px 0px;

}



/*================================

    PRICING PAGE END

================================*/




/*.reservation {
  position: relative!important;
  top: -70px!important;
  z-index: 545!important;
  right: -65%!important;
}
*/


/*================================

    SERVICE DETAILS PAGE START

================================*/

.services_details .slick-dots{
    display: none!important;
}

.services_details .single_testimonial {
    background: transparent;
    padding: 10px;
    border-radius: 15px;
    position: relative;
    margin: auto;
    margin: 10px 0px;
    min-height: 450px;


.services_details_text .reservation {
    width: auto;
    position: relative;
    height: 50px;
    z-index: 445;
    float: right;
    top: -70px;
    margin-right: 30px;
    line-height: 17px;
}

.services_details_text h1,

.services_details_text h2 {
    font-size: 44px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: justify;
}



.services_details_text h1,

.services_details_text h2,

.services_details_text h3,

.services_details_text h4,

.services_details_text h5,

.services_details_text h6 {
    font-weight: 700;
    text-transform: capitalize;
    margin-top: 25px;
    color: #02039c;
	text-align: justify;
}



.services_details_text h1 {
    font-size: 35px;
}

.services_details_text h2 {
    font-size: 30px;
}

.services_details_text h3 {
    font-size: 26px;
}

.services_details_text h4 {
    font-size: 23px;
}

.services_details_text h5 {
    font-size: 20px;
}
.services_details_text h6 {
    font-size: 16px;
}



}



.services_details_img {
    width: 100%;
    height: auto;

    border-radius: 5px;

    position: relative;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}

.services_details_img .reservation {
  width: 30% !important;
  line-height: 40px;
  text-align: center;
  background: #02039c;
  margin-left: -20px;
  color: #fff;
  position: relative;
  border: 1px solid #02039c;
  border-radius: 30px !important;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  transition: all linear .3s;
  float: right;
  top: -70px;
  right: 30px;
  padding: 0px;
}

.services_details_img img {
    width: 100%;
    height: 500px!important;
    object-fit: cover;
    border-radius: 30px!important;
}



.services_details_img a {

    position: absolute;

    bottom: -22px;

    right: -1px;

    background: var(--colorPrimary);

    text-transform: capitalize;

    font-size: 16px;

    font-weight: 600;

    color: var(--colorWhite);

    padding: 12px 25px;

    border-radius: 35px;

    border: 5px solid var(--colorWhite);

    box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 35px;

    -moz-border-radius: 35px;

    -ms-border-radius: 35px;

    -o-border-radius: 35px;

}



.services_details_img a:hover {

    background: var(--colorBlack);

}



.services_det_video {

    height: 450px;

    border-radius: 5px;

    overflow: hidden;

    margin-top: 25px;

    position: relative;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.service_det_tag {

    justify-content: space-between;

    border-top: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    padding: 15px 0px;

    margin-top: 25px;

}



.service_det_tag .tag_list li,

.service_det_tag .share li {

    display: flex;

    align-items: center;

}



.service_det_tag .tag_list li span,

.service_det_tag .share li span {

    font-weight: 600;

    text-transform: capitalize;

}



.service_det_tag .tag_list li span i,

.service_det_tag .share li span i {

    margin-right: 10px;

    color: var(--colorPrimary);

}



.service_det_tag .tag_list li a,

.service_det_tag .share li a {

    background: #f8ddcb;

    padding: 2px 10px 3px 10px;

    font-size: 16px;

    font-weight: 400;

    text-transform: capitalize;

    color: var(--colorBlack);

    margin-left: 15px;

    border-radius: 3px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

}



.service_det_tag .tag_list li a:hover,

.service_det_tag .share li a:hover {

    background: var(--colorPrimary);

    color: var(--colorWhite);

}



.service_det_tag .share li a {

    width: 35px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    padding: 0;

    border-radius: 50%;

    color: var(--colorPrimary);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.service_det_btn_area ul {

    justify-content: space-between;

}



.service_det_btn_area ul li {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    width: 40%;

    margin-top: 25px;

}



.service_det_btn_area ul li .img {

    width: 100px;

    height: 100px;

    border-radius: 5px;

    overflow: hidden;

    margin-right: 15px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.service_det_btn_area ul li .text {

    max-width: 220px;

    display: block;

}



.service_det_btn_area ul li .text span {

    display: block;

    font-weight: 600;

    color: var(--colorBlack);

    text-transform: capitalize;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.service_det_btn_area ul li .text span i {

    margin-left: 5px;

    color: var(--colorPrimary);

}



.service_det_btn_area ul li .text p {

    text-transform: capitalize;

    margin-top: 5px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

}



.service_det_btn_area ul li a:hover span {

    color: var(--colorPrimary);

}



.service_det_btn_area ul li:last-child .img {

    margin-right: 0;

    margin-left: 15px;

}



.service_det_btn_area ul li:last-child span {

    text-align: right;

}



.service_det_btn_area ul li:last-child span i {

    margin-left: 0;

    margin-right: 5px;

}



.service_det_btn_area ul li:last-child p {

    text-align: right;

}



.service_review_list h3,

.service_review_input h3 {

    font-size: 36px;

    font-weight: 600;

    text-transform: capitalize;

}



.single_review {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    border-top: 1px solid #ddd;

    padding-top: 25px;

    margin-top: 25px;

}



.single_review .review_img {

    width: 100px;

    height: 100px;

    border-radius: 5px;

    overflow: hidden;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.single_review .review_text {

    width: 85%;

}



.single_review .review_text h4 {

    font-size: 20px;

    font-weight: 600;

    text-transform: capitalize;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

}



.single_review .review_text h4 span {

    color: var(--colorPrimary);

    text-transform: capitalize;

}



.single_review .review_text .review_star {

    color: var(--colorPrimary);

    margin: 8px 0px 5px 0px;

}



.single_review .review_text .review_star span {

    color: var(--colorBlack);

    margin-left: 10px;

}



.single_review .review_text .reply {

    text-transform: capitalize;

    font-size: 16px;

    font-weight: 500;

    color: var(--colorBlack);

    transition: all linear .3s;

    text-decoration: underline;

    display: inline-block;

    margin-top: 5px;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.single_review .review_text .reply:hover {

    color: var(--colorPrimary);

    text-decoration: none;

}



.single_review.reply {

    padding-left: 50px;

}



.single_review.reply .review_text {

    width: 85%;

}



.service_review_input p {

    margin-top: 15px;

}



.service_review_input p span {

    color: var(--colorPrimary);

    cursor: pointer;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.service_review_input p span:hover {

    color: var(--colorBlack);

}



.service_review_input input,

.service_review_input textarea {

    background: #f8ddcb;

    border-radius: 5px;

    border: none;

    margin-top: 25px;

    color: var(--colorBlack);

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.service_review_input .form-check {

    margin-top: 15px;

    margin-bottom: 20px;

}



.service_review_input .form-check input {

    padding: 0;

    width: 25px;

    height: 25px;

    border: 1px solid var(--colorPrimary);

    border-radius: 50%;

    margin-top: 0;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.service_review_input input::placeholder,

.service_review_input textarea::placeholder {

    color: var(--colorBlack);

}



.service_review_input .form-check input:checked {

    background-color: var(--colorPrimary);

    border-color: var(--colorPrimary);

}



.service_review_input .form-check input::placeholder {

    color: var(--colorBlack) !important;

}



.service_review_input .form-check label {

    font-size: 16px;

    font-weight: 400;

    margin-left: 10px;

}



.sidebar_item {

    background: #f8ddcb;

    border-radius: 5px;

    padding: 25px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.sidebar_item h3 {

    font-weight: bold;

    font-size: 28px;

    padding-left: 20px;

    text-transform: capitalize;

    position: relative;

    margin-bottom: 30px;

    text-align: left;

}



.sidebar_item h3::after {

    position: absolute;

    content: "";

    width: 5px;

    height: 26px;

    background: var(--colorPrimary);

    border-radius: 30px;

    top: 1px;

    left: 0;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

}



.sidebar_search form {

    position: relative;

}



.sidebar_search form input {

    border: 0;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.sidebar_search form button {

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    background: var(--colorPrimary);

    color: var(--colorWhite);

    border-radius: 5px;

    position: absolute;

    top: 50%;

    right: 6px;

    transition: all linear .3s;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.sidebar_search form button:hover {

    background: var(--colorBlack);

}



.sidebar_category ul li a {

    font-size: 16px;

    font-weight: 600;

    text-transform: capitalize;

    color: var(--colorBlack);

    background: var(--colorWhite);

    padding: 10px 20px 10px 35px;

    border-radius: 5px;

    margin-bottom: 10px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    position: relative;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.sidebar_category ul li a::after {

    position: absolute;

    content: "\f054";

    font-family: "font awesome 5 free";

    font-weight: 600;

    top: 14px;

    left: 20px;

    font-size: 12px;

    color: var(--paraColor);

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.sidebar_category ul li:last-child a {

    margin-bottom: 0;

}



.sidebar_category ul li a span {

    color: var(--colorBlack);

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.sidebar_category ul li a:hover {

    background: var(--colorPrimary);

    color: var(--colorWhite);

}



.sidebar_category ul li a:hover span {

    color: var(--colorWhite);

}



.sidebar_category ul li a:hover::after {

    color: var(--colorWhite);

}



.sidebar_time p {
    text-transform: capitalize;
}



.sidebar_mail {

    text-align: center;

}



.sidebar_mail .img {

    border-radius: 5px;

    overflow: hidden;

    height: 250px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.sidebar_mail h5 {

    font-size: 16px;

    text-transform: capitalize;

    font-weight: 600;

    margin: 15px 35px;

}



.sidebar_mail p {
    color: #02039c;
    font-size: 18px;
    margin-top: 5px;
    text-align: center;
    font-weight: bold;
}
.sidebar_mail p:hover{
    color: #009648;
    transition: .5s;
}


.related_service h3 {

    font-size: 35px;
    font-weight: 700;
    padding-bottom: 5%;
    text-transform: capitalize;

}

.services_details .fa.fa-arrow-left.slick-arrow {
    position: absolute;
    z-index: 48;
    bottom: 40%;
    font-size: 30px;
    color: #02039c;
    cursor: pointer;
    margin-left: -40px;
}

.related_service_slider .nextArrow,

.related_service_slider .prevArrow {

    top: -90px;

}



.related_service .services_item,

.related_service .single_blog {
    margin: 0px 12px;
    margin-bottom: 30px!important;
}



#sticky_sidebar {

    z-index: 90 !important;

}



/*================================

    SERVICE DETAILS PAGE END

================================*/





/*================================

    TEAM DETAILS PAGE START

================================*/

.team_sidebar {

    padding: 25px;

    background: #f8ddcb;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.team_sidebar .img {
    width: 100%!important;
    height: 380px;
    object-fit: contain!important;
    overflow: hidden;
    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}

.team_sidebar .img img{
    width: 100%!important;
    height: 380px;
    object-fit: contain!important;
    overflow: hidden;
}

.team_sidebar .title {

    text-align: center;

    font-size: 24px;

    font-weight: 700;

    text-transform: capitalize;

    margin-top: 25px;

    margin-bottom: 5px;

}



.team_sidebar .designation {

    font-size: 17px;

    text-align: center;

}



.team_sidebar .follow_area {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin: 25px 0px 25px 0px;

}



.team_sidebar .follow_area li {

    width: 50%;

}



.team_sidebar .follow_area li h5 {

    text-align: center;

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 5px;

}



.team_sidebar .follow_area li p {

    font-size: 18px;

    text-align: center;

}



.team_sidebar .read_btn {

    width: 100%;

    text-align: center;

    padding: 15px 30px;

    border-radius: 5px;

    margin-bottom: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.team_sidebar .read_btn i {

    margin-left: 5px;

}



.team_sidebar .read_btn::after {

    border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

}



.team_sidebar_details li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #e3e3e3;
}



.team_sidebar_details li span {

    width: 30px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    font-size: 14px;

    background: var(--colorBlack);

    color: var(--colorWhite);

    border-radius: 50%;

    position: absolute;

    left: 0;
	margin-top: 15px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.team_sidebar_details li h5 {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    position: relative;
    left: 30px;
}



.team_sidebar_details li p {
    font-size: 17px;
    margin-bottom: 0px;
}



.follow_link h5 {

    font-size: 22px;

    font-weight: 500;

    text-transform: capitalize;

    margin-top: 25px;

    margin-bottom: 25px;

}



.follow_link ul li a {

    width: 35px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    color: var(--colorPrimary);

    border: 1px solid var(--colorPrimary);

    border-radius: 50%;

    margin-right: 10px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.follow_link ul li a:hover {

    background: var(--colorPrimary);

    color: var(--colorWhite);

}



.team_details_text h3 {

    font-size: 30px;

    font-weight: 700;

    text-transform: capitalize;

}



.team_details_text p {
    margin-top: 0px;
}




.team_Statictics h2 {

    font-size: 30px;

    font-weight: 700;

    text-align: center;

    position: relative;

    padding-bottom: 30px;

}



.team_Statictics h2::after {

    position: absolute;

    content: "";

    background: url(../images/team_details_shapes.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    width: 80px;

    height: 5px;

    bottom: 12px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

}



.team_Statictics p {

    font-size: 18px;

    font-weight: 500;

    text-transform: capitalize;

    text-align: center;

    margin: 0;

}



.team_skills_bar p {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 400;
    font-family: var(--bodyFont);
    text-align: justify;
}
.team_skills_bar ul{
	margin-left: 30px;
}
.team_skills_bar li{
	list-style: square;
	font-size: 18px;
    font-weight: 400;
    font-family: var(--bodyFont);
    text-align: justify;
}


.team_skills_bar_single p {

    font-size: 16px;

    font-weight: 600;

    text-transform: capitalize;

    color: var(--colorBlack);

    margin: 0px 0px 10px 0px;

}



.team_skills_img {

    height: 350px;

    position: relative;

    margin-right: 25px;

    margin-bottom: 25px;

    z-index: 1;

}



.team_skills_img img {

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.team_skills_img::after {

    position: absolute;

    content: "";

    width: 100%;

    height: 113%;

    background: var(--colorPrimary);

    bottom: -25px;

    right: -25px;

    border-radius: 5px;

    z-index: -1;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.team_qualification_single {

    background: #f8ddcb;

    border-radius: 5px;

    padding: 25px;

    margin-top: 25px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.team_qualification_single i {

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    background: var(--colorPrimary);

    color: var(--colorWhite);

    border-radius: 50%;

    margin: 0 auto;

    display: block;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.team_qualification_single h4 {

    font-size: 22px;

    font-weight: 600;

    text-transform: capitalize;

    text-align: center;

    margin: 20px 0px 10px 0px;

}



.team_qualification_single span {

    display: block;

    text-align: center;

    font-weight: 500;

    color: var(--colorPrimary);

}



.team_qualification_single h6 {

    font-size: 16px;

    font-weight: 500;

    text-align: center;

    margin: 10px 0px 15px 1px;

}



.team_qualification_single p {

    text-align: center;

    margin: 0;

}



/*================================

    TEAM DETAILS PAGE END

================================*/


#conditionspage .single_testimonial{
    background: transparent;
    padding: 10px;
    border-radius: 15px;
    margin: 0px;
    min-height: auto;
}
#conditionspage .fa.fa-arrow-left.slick-arrow {
    position: absolute;
    z-index: 48;
    bottom: 40%;
    font-size: 30px;
    color: #02039c;
    cursor: pointer;
     margin-left: -40px!important;
}
#conditionspage .fa.fa-arrow-right.slick-arrow{
    position: absolute;
    z-index: 48;
    bottom: 40%;
    font-size: 30px;
    color: #02039c;
    cursor: pointer;
    margin-left: 40px!important;
}




/*================================

    TERMS AND CONDITION PAGE START

================================*/

.terms_condition_text h1,

.terms_condition_text h2,

.terms_condition_text h3,

.terms_condition_text h4,

.terms_condition_text h5,

.terms_condition_text h6 {

    font-weight: 700;

    text-transform: capitalize;

    margin: 25px 0px 20px 0px;

}



.terms_condition_text h1 {

    font-size: 50px;

}



.terms_condition_text h2 {

    font-size: 45px;

}



.terms_condition_text h3 {

    font-size: 40px;

}



.terms_condition_text h4 {

    font-size: 35px;

}



.terms_condition_text h5 {

    font-size: 30px;

}



.terms_condition_text h6 {

    font-size: 25px;

}



.terms_condition_text p {

    margin-top: 20px;

}



.terms_condition_text ul,

.terms_condition_text ol {

    margin-top: 20px;

    padding-left: 20px;

}



.terms_condition_text ul li,

.terms_condition_text ol li {

    font-size: 18px;

    color: var(--colorBlack);

    padding-left: 30px;

    position: relative;

    margin-top: 20px;

}



.terms_condition_text ul li::after,

.terms_condition_text ol li::after {

    position: absolute;

    content: "";

    background: url(../images/about_welcome_icon.png);

    width: 20px;

    height: 20px;

    top: 4px;

    left: 0;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



/*================================

    TERMS AND CONDITION PAGE END

================================*/





/*================================

    404/ERROR PAGE START

================================*/

._404 {

    padding-top: 140px;

}



._404_text {

    text-align: center;

    margin-bottom: -6px;

}



._404_text .img {

    height: 335px;

}



._404_text h4 {

    font-size: 40px;

    font-weight: 700;

    text-transform: capitalize;

    color: var(--colorPrimary);

    margin-top: 40px;

}



._404_text p {

    margin: 20px 0px;

}



._404_text a i {

    margin-right: 5px;

}



/*================================

    404/ERROR PAGE END

================================*/





/*================================

    COMMING SOON PAGE START

================================*/

.comming_soon {

    height: 100vh;

}



.comming_soon div {

    height: 100vh;

}



.comming_soon_text {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



.comming_soon_text div {

    height: auto;

}



.comming_soon_text h3 {

    font-size: 35px;

    font-weight: 700;

    text-transform: capitalize;

    text-align: center;

    margin-bottom: 30px;

}



.comming_soon_text .simply-countdown.simply-countdown-one {

    height: auto;

    display: flex;

    justify-content: center;

    align-items: center;

}



.comming_soon_text .simply-amount {

    width: 130px;

    height: 130px;

    display: block;

    background: var(--colorPrimary);

    line-height: 130px;

    text-align: center;

    font-size: 45px;

    font-weight: 700;

    margin: 0px 15px;

    color: var(--colorWhite);

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.comming_soon_text .simply-word {

    font-size: 20px;

    text-transform: capitalize;

    text-align: center;

    display: block;

    color: var(--colorBlack);

    margin-top: 5px;

}



.comming_form_area {

    background-position: center !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;

    border-radius: 5px;

    overflow: hidden;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    margin-top: 30px;

}



.comming_form_area .overlay {

    background: rgba(255, 255, 255, 0.6);

    padding: 50px;

    text-align: center;

}



.comming_form_area h4 {

    font-size: 36px;

    font-weight: 600;

}



.comming_form_area p {

    color: var(--colorBlack);

    margin: 15px 0px 20px 0px;

}



.comming_form_area form {

    position: relative;

    border-radius: 5px;

    overflow: hidden;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.comming_form_area form input {

    background: var(--colorBlack);

    border: none;

    color: var(--colorWhite);

    padding: 18px 30px;

}



.comming_form_area form button {

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

    background: var(--colorPrimary);

    color: var(--colorWhite);

    height: 101%;

    padding: 0px 40px;

    font-size: 30px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}



.comming_form_area form button:hover {

    background: #ec826d;

}



.comming_soon_text a {

    text-transform: capitalize;

    font-size: 16px;

    font-weight: 400;

    color: var(--colorBlack);

    margin-top: 10px;

    margin-bottom: 5px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}



.comming_soon_text a i {

    margin-right: 5px;

}



.comming_soon_text a:hover {

    color: var(--colorPrimary);

}



/*================================

    COMMING SOON PAGE END

================================*/









.why_choose .box {
  width: 100%;
  padding: 35px;
  text-align: center;
  top: 50%;
  position: absolute;
  z-index: 15;
}

.why_choose .button {
  background: var(--colorBlack);
  cursor: pointer;
  transition: all 0.3s ease-out;
  width: 80px;
  height: 80px;
  border-radius: 100px;
  position: absolute;
  line-height: 80px;
  cursor: pointer;
}
.why_choose .button i{
    color: #fff;
}
.why_choose .button::after{
  content: "";
  position: absolute;  
  width: 100px;
  border-radius: 100px;
  height: 100px;
  border: 5px solid var(--colorBlack);
  left: -10px;
  top: -10px;
}

.why_choose .button:hover {
  background: #02039c;
}

.why_choose .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 546456456465454;
}
.why_choose .overlay:target {
  visibility: visible;
  opacity: 1;
}

.why_choose .popup {
  margin: 10px auto;
  margin-top: 5%;
  padding: 20px;
  background: #151515;
  border-radius: 5px;
  width: 80%;
  position: relative;
  transition: all 5s ease-in-out;
}

.why_choose .popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.why_choose .popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #02039c;
  z-index: 544545;
}
.why_choose .popup .close:hover {
  color: red;
}
.why_choose .popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 870px){
 .why_choose .box{
    width: 70%;
  }
  .why_choose .popup{
    width: 70%;
  }
}














.mission_video .box {
  width: 100%;
  text-align: center;
  top: 40%;
  position: absolute;
  z-index: 15;
  left: -50px;
}

.mission_video .button {
  background: #02039c;
  cursor: pointer;
  transition: all 0.3s ease-out;
  width: 80px;
  height: 80px;
  border-radius: 100px;
  position: absolute;
  cursor: pointer;
  line-height: 80px;
}
.mission_video .button i{
    color: #fff;
}
.mission_video .button::after{
  content: "";
  position: absolute;  
  width: 100px;
  border-radius: 100px;
  height: 100px;
  border: 5px solid #02039c;
  left: -10px;
  top: -10px;
}

.mission_video .button:hover {
  background: #009648;
}

.mission_video .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 546456456465454;
}
.mission_video .overlay:target {
  visibility: visible;
  opacity: 1;
}

.mission_video .popup {
  margin: 10px auto;
  margin-top: 5%;
  padding: 20px;
  background: #151515;
  border-radius: 5px;
  width: 55%;
  position: relative;
  transition: all 5s ease-in-out;
}

.mission_video .popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.mission_video .popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #02039c;
  z-index: 4545;
}
.mission_video .popup .close:hover {
  color: red;
}
.mission_video .popup .content {
  max-height: 30%;
  overflow: auto;
}





#popup1 video{
    height: 500px;
    width: 100%;
}







#button {
  display: inline-block;
  background-color: #02039c;
  width: 30px;
  height: 40px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  right: 30px;
  bottom: 100px!important;	
  margin: auto;
    transition: background-color .3s, 
    opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    animation: scroll_amini linear 2s infinite alternate;
    -webkit-animation: scroll_amini linear 2s infinite alternate;
}
/* #button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
} */

#button i{
  line-height: 40px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}






















/* review css */
.googel_review{
    position: fixed;
    background-color: #f0f0f0;
    padding: 10px;
  cursor: pointer;
    border: 1px solid var(--btn-clr-2);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    z-index: 9999;
    bottom: 17px;
    right: 30px!important;
    width: 150px;
}
.review_details{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.googel_review .input_review_icon img{
    width: 50px!important;
    height: 50px!important;
}
.review_details img{
    width: 50px!important;
    height: 50px!important;
}
.all_input_review .input_review_icon {
  width: 120px;
  text-align: center;
  align-content: flex-start;
}
.all_input_review .input_review_icon img {
  width: 50px !important;
  height: 50px !important;
  object-fit: contain!important;
}
.review_details h3{
font-size: 26px !important;
padding: 10px;
font-family: var(--bannerFont);
}
.review_details p{
    font-size: 20px !important;
    /* padding: 10px 0 0; */
}
.review_details .review_button{
    padding: 10px 0 0;
}
.review_details .review_button a{
  padding: 5px 12px;
    color: #fff;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 300 !important;
    border: 1px solid var(--btn-clr-2);
  font-family: var(--bannerFont);
}
.review_details .review_button a:hover{
    background-color: #fff;
    color: var(--btn-clr-2);
    border: 1px solid var(--btn-clr-2);
    font-weight: 700 !important;
}
.review_details h6{
    padding: 10px 0 0;
    font-size: 12px;
}
.review_details h6 a{
    color: var(--btn-clr-1);
    text-decoration: none;
}
/* modal */
.add_review_btn{
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}
.add_review_btn a{
    color: #fff;
}
.add_review_btn .btn{
    width: 70%;
}
.add_review_btn h6 a{
    padding: 10px 0 0;
    font-size: 12px;
  font-family: var(--bannerFont);
}
.add_review_btn h6 a{
    color: var(--btn-clr-1);
    text-decoration: none;
  font-family: var(--bannerFont);
}
.modal-body {
    padding: 0 !important;
}
.modal-header .header_top .modal-title{
    color: var(--btn-clr-2);
    font-weight: 700;
  font-family: var(--bannerFont);
}
.modal-header .header_top p{
    font-size: 16px !important;
    font-weight: 500;
    color: var(--p-clr-2);
    margin: 0 !important;
  font-family: var(--bannerFont);
}
.modal_body_grid .modal_ratingbar .bar{
    width: 90%;
    height: 25px;
    border-radius: 5px;
    background-color: #1876D1;
} 
.modal_body_grid .modal_ratingbar .demandbar .bar{
    background-color: #61A9FF;
  margin-top: 5px;
}

.modal_body_grid{
    display: grid;
    grid-template-columns: 2fr 4fr;
}
.modal_body_grid .modal_rating_left{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.modal_body_grid .modal_rating_left h5{
    font-size: 20px;
  font-family: var(--bannerFont);
}
.modal_body_grid .modal_rating_left h6{
    font-size: 14px;
  font-family: var(--bannerFont);
    padding: 0 !important;
}
.modal_body_grid .modal_rating_left p{
    font-size: 16px;
    font-weight: 300;
}
.modal_body_grid .modal_ratingbar .bar_rating_top{
    display: flex;
    justify-content: space-between;
    width: 90%;
}
.modal_body_grid .modal_ratingbar .bar_rating_top h4{
    font-size: 16px;
    /* line-height: 0; */
    padding-top: 20px;
  font-family: var(--bannerFont);
    padding-bottom: 5px;
}
.input_review_date {
  color: #EC8004;
}
.modal_body_grid .modal_ratingbar .bar_rating_top h5{
    font-size: 16px !important;
    padding-top: 20px;
  font-family: var(--bannerFont);
}
.modal_body_grid .modal_ratingbar .bar_rating_top h5 i{
    font-size: 16px;
  font-family: "Font Awesome 6 Free";
}
.modal_body_grid .modal_ratingbar .bar_rating_top span i{
    font-size: 16px;
  font-family: "Font Awesome 6 Free";
}
.all_input_review{
    width: 90%;
    margin: auto;
    height: 300px;
}
.all_input_review .input_reviews{
    display: grid;
    grid-template-columns: 1fr 4fr 1fr;
    padding-bottom: 20px;
}
.input_review_admin h4{
    font-size: 18px;
    font-weight: bold;
  font-family: var(--bodyFont);
    margin: 0 !important;
}
.review-reply {
  margin-top: 10px;
  border-left: 4px solid #d3d3d3!important;
  padding-left: 10px;
}
.review-reply h4{
  font-size: 16px;
  font-weight: bold;
  color: #009648;
  font-family: var(--bodyFont);
}
.review-reply h5{
    font-size: 16px;
  font-family: var(--bodyFont);
  margin-top: 10px;
    font-weight: normal;
  color: #666a6c;
    line-height: 25px;
}

.all_input_review .input_review_admin p{
    padding-top: 0px;
     font-family: "Open Sans", sans-serif;
}
.input_review_admin p{
    font-size: 16px !important;
    padding-top: 10px;
  font-family: var(--bodyFont);
}
 .modal-dialog {
    max-width: 60%!important;
  }
.input_review_icon {
  width: 120px;
}
/* mmmmmmmmmmmm */

/* .modal {
    z-index: 1050; 
} */

#reviewpage label {
  display: inline-block;
  float: left;
}







/*******************************/
/*********** Start review page CSS **********/
/*******************************/
.gogglepic{
  width: 100%;
  margin: auto;
}
.gogglepic img{
  width: 300px!important;
    height: 150px!important;
  object-fit: contain!important;
  margin-bottom: 30px;
}
.review_secbg {
  background-color: #F1F3F4;
  width: 93%;
  min-height: 80vh;
  margin: 50px;
  border: 2px solid #F3C935;
  border-radius: 50px;  
}
.button_sec {
  padding-top: 5%;
}
#reviewpage {
    padding-top: 2%;
  padding-bottom: 4%;
    width: 100%;
  background-color: #f2f3f3;
}
#reviewpage .cancel{
  background-color: red;
  position: absolute;
  width: 100px;
  padding: 5px;
  top: 10px;
  right: 10px;
}

#reviewpage h4{
  color: #02039c;
  font-size: 18px;
  font-family: 'Poppins', sans-serif;
  font-weight: normal;
  text-align: center;
  text-transform: capitalize;
}
#reviewpage .uk-list{
  margin-top: 2%;
  margin-left: 3%;
}
#reviewpage ul li{
  list-style: none;
  text-align: left;
}
#reviewpage ul li::before {
  content: "\f14a";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  margin-left: -20px;
  font-size: 16px;
  color: #144b5f;
}
#reviewpage .section-heading h2 {
  color: #009648;
  font-size: 40px;
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
#reviewpage .section-heading p{
  color: #000;
  font-size: 20px;
  font-family: 'Poppins', sans-serif;
  font-weight: normal;
  text-align: center;
  margin-bottom: 0px;
}
#reviewpage .section-heading p b{
  color: #009648;
  font-size: 20px;
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
  text-align: center;
}
#reviewpage .padtop10{
   padding-top: 3%;
  padding-bottom: 5%;
}
#reviewpage .section-heading::after {
  content: "";
  background-size: 100% 100%;
  background: url(../images/border.png);
  background-repeat: no-repeat;
  position: absolute;
  z-index: 33333;
  height: 20px;
  width: 25%;
  left: 5%;
  right: 0%;
  margin: auto;
}
#reviewpage .reviewcon{
  border: 1px solid #A7A7A7;
  padding: 20px;
  border-radius: 10px;
}
#reviewpage .reviewcon .star i{
  color: #F96304;
  padding-right: 3px;
  margin-bottom: 5px;
}
#reviewpage .reviewcon h3{
  color: #000;
  font-weight: bold;
  font-size: 22px;
  font-family: 'Poppins', sans-serif;
  padding-bottom: 0%;
}
#reviewpage .reviewcon p{
  color: #444;
  font-weight: normal;
  font-size: 17px;
  font-family: 'Poppins', sans-serif;
  padding-bottom: 0%;
}
#reviewpage .reviewcon{
  margin-top: 2%;
}
#reviewpage input{
  width: 100%;
  border: 1px solid #009648;
  border-radius: 50px;
  padding-left: 3%;
  height: 35px;
}
#reviewpage textarea{
  width: 100%;
  border: 1px solid #009648;
  border-radius: 10px;
  padding: 1%;
}
#reviewpage select {
  border: 1px solid #009648;
  border-radius: 50px;
  padding: 8px 20px;
  background: #F2F3F3;
  width: 100%;
  height: 35px;
  margin-top: 5px;
}
#reviewpage form {
  text-align: left;
  margin-top: 2%;
}
#reviewpage form label{
  color: #000;
  font-weight: bold;
  font-size: 18px;
  font-family: 'Poppins', sans-serif;
  padding-top: 2%;
  margin-bottom: 5px;
}
#reviewpage label{
  float: left;
  font-weight: bold;
  font-size: 18px;
  font-family: 'Poppins', sans-serif;
}
.submitbtn {
  padding: 20px 30px!important;
  font-size: 20px!important;
  color: #fff!important;
  width: 100%!important;
  margin-top: 2%!important;
  font-weight: bold!important;
  border-radius: 40px!important;
  line-height: 0!important;
  border: 2px solid #02039c!important;
  background-color: #02039c!important;
  text-decoration: none!important;
}
.submitbtn:hover{
  color: #fff!important;
  border: 2px solid #009648!important;
  background-color: #009648!important;
  text-decoration: none!important;
  transition: .5s!important;  
}
.form-container .cancel {
  background-color: red;
  width: 100px!important;
  height: 30px!important;
  line-height: 0px;
  position: absolute;
  right: 20px;
  margin-top: -40px;
}
#reviewpage .section-heading{
  margin-bottom: 2%;
  background-color: #02039c;
}

.review_secbg .common_btn{
   margin-right: 20px;
}







/*******************************/
/*********** End review page CSS **********/
/*******************************/





/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
  background-color: #555;
  color: white;
  border: none;
  cursor: pointer;
}
/* The popup form - hidden by default */
.form-popup{
  display: none;
  position: relative;
  padding: 3% 0px;
  right: 15px;
  border: 3px solid #f1f1f1;
}

/* Add styles to the form container */
.form-container {
  max-width: 100%;
  padding: 10px;
  background-color: white;
}
.uk-list {
  text-align: left;
  margin-left: 2%;
}
.form-container .section-heading{
  margin-bottom: 20px;
}
.form-container br{
  display: none;
}
.form-container h2{
  font-weight: bold;
}
.form-container h4{
  font-weight: bold;
}
.form-container input{
  width: 100%;
  padding: 7px;
  margin: 5px 0 20px 0;
  border: none;
  background: #f1f1f1;
  border: 1px solid #009648;
}
.form-container select{
  width: 100%;
  padding: 7px;
  margin: 5px 0 20px 0;
  border: none;
  background: #f1f1f1;
  border: 1px solid #009648;
  height: 38px;
  border-radius: 5px;
}
.form-container p label{
  font-weight: bold;
  color: #009648
}
.form-container textarea{
  width: 100%;
  padding: 7px;
  margin: 5px 0 20px 0;
  border: none;
  background: #f1f1f1;
  border: 1px solid #009648;
  height: 100px;
  border-radius: 5px;
}


.form-container .section-heading p{
  text-align: center!important;
}
/* Full-width input fields */
.form-container input[type=text], .form-container input[type=password] {
  width: 100%;
  padding: 7px;
  margin: 5px 0 20px 0;
  border: none;
  background: #f1f1f1;
  border: 1px solid #009648;
}

/* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
  background-color: #04AA6D;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}

/* carrier page form */
.wpcf7-submit{
    background-color: #02039c!important;
} 
#career_form label{
    font-weight: 600;
    font-size: 18px;
    text-transform: capitalize;
    text-align: left;
    color: #009648;
    width: 100%;
}
#career_form select{
    font-weight: 600;
    width: 100%;
    font-size: 15px;
    text-transform: capitalize;
    text-align: left;
    height: 42px;
    color: #009648;
    border: 0px;
    background-color: #f0f4f5;
}







#career_form {
  background: #F0EDED;
  border-radius: 20px;
  width: 100%;
  margin-top: 5%;
}


#crrier_faq img{
    width: 100%;
    height: 250px;
}


#crrier_faq h2.wp-block-heading{
    text-align: center;
    padding-bottom: 30px;
}
#crrier_faq .col-lg-8 p:first-of-type strong {
    text-align: left;
/*  padding-bottom: 20px; */
    margin-bottom: 20px;
    display: block;
}
#crrier_faq form #career_form h4{
    margin-bottom: 0px;
    text-align: center;
    font-size: 40px;
}
#crrier_faq form input, #crrier_faq form textarea {
    width: 100%;
    padding: 10px 15px;
    outline: none;
    resize: none;
    border: none;
    background-color: #f0f4f5;
    border-radius: 3px;
    font-size: 17px;
    font-weight: 400;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
#crrier_faq form textarea{
    height: 100px;
}
#crrier_faq form label {
    display: inline-block;
    padding: 0px;
}

#crrier_faq p, #crrier_faq span{
    text-align: left !important;
}

 #reviewinvitation {
    width: 30%;
    margin: 3% auto;
  }

 .contact_form {
    background-color: aliceblue;
    padding: 20px;
	border-radius: 30px;
  }


.regulo_logo{
  background-color: #33c076;
}
.footer_logo_area ul {
    height: 100%;
    align-items: center;
    align-content: center;
}
.footer_btn_group a{
      border: 0px solid #cacaca;
}
.regulo_logo {
    background-color: #33c076;
    border-radius: 50px;
    padding: 15px;
}
.regulo_logo img{
    width: 100%
    height: 200px;
    object-fit: contain!important;
}
.footer_logo_area ul li a{
  color: #33c076!important;
}


.testi_slider .services_img img{
    width: 100%!important;
    height: 250px!important;
    object-fit: cover!important;
}
.testi_slider .services_img {
    width: 100%;
    height: auto;
}