/*
    Template Name: Bipon

    table of content
    ***************

    1. top left area
    2. main menu area
    3. mobile menu
    4. slider area
    5. planning area
    6. about area
    7. service area
    8. skill area
    9. counter area
    10. member area
    11. project title
    12. pricing area
    13. bbrand area
    14. faq area
    15. btestimonial
    16. blog area
    17. footer area
    18. scroll top btn

    ***************
*/

/* ======== site font family ========*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");

:root {
  --blackc: #000;
  --whitec: #fff;
  --bgcolor: #eb101f;
  --paracolor: #272727;
  --hoverbg: #70af39;
  --textcolor: #dddd;
  --titlecolor: #070020;
  --btntlecolor: #666;
}
/* defult css */
body {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.6;
  color: var(--pracolor);
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-family: Roboto, sans-serif;
  font-style: normal;
  line-height: 1.2;
  font-weight: 700;
  transition: 0.5s;
  color: var(--titlecolor);
  margin: 0 0 10px;
  font-size: 22px;
}
h1 {
  font-size: 25.03px;
}
h2 {
  font-size: 22px;
}
h3 {
  font-size: 20.36px;
}
h4 {
  font-size: 18.94px;
}
h5 {
  font-size: 17.88px;
}
h6 {
  font-size: 16px;
}
img {
  height: auto;
}
html,
body {
  overflow-x: hidden;
}
.btn-primary:focus,
select:focus,
textarea:focus,
input:focus {
  box-shadow: none !important;
  border: none;
}
textarea,
input {
  outline: none;
}
.btn:focus {
  text-decoration: none;
  outline: none;
  box-shadow: none;
}
input:focus,
button:focus {
  border-color: transparent;
  outline-color: transparent;
}
textarea:focus {
  border-color: transparent;
  outline-color: transparent;
}
::-moz-placeholder {
  font-size: 16px;
}
::-webkit-input-placeholder {
  font-size: 16px;
}
:-ms-input-placeholder {
  font-size: 16px;
}
::placeholder {
  font-size: 16px;
}
a {
  transition: 0.5s;
  text-decoration: none;
  color: var(--linkcolor);
}
a:focus,
a:hover {
  text-decoration: none;
  outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
  transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;
}
p.form-messege {
  margin-top: 8px;
}
.witr_all_pd0 {
  padding: 0;
}
/* End defult css */

/*-------- top left area ----------*/
.header_top {
  padding: 11px 385px 11px 400px;
  background-color: var(--bgcolor);
}
.top_menu_left {
  margin-left: -13px;
  color: var(--bgcolor);
}
.top_menu_left span {
  color: var(--whitec);
  margin-right: 10px;
}
.top_menu_left span i {
  margin-right: 6px;
}
.top_menu_left a {
  margin-left: 15px;
}
/*--ICON--*/
.top_menu_left a i {
  margin-right: 6px;
  color: var(--whitec);
  font-size: 13px;
}
.top_menu_left a span {
  color: var(--whitec);
}

.top_menu_left_icon {
  display: inline-block;
  margin-left: 15px;
}
.top_menu_left_icon > a > i {
  margin-right: 0px;
}
.top_menu_left_icon a i {
  transition: 0.5s;
  font-size: 15px;
  font-weight: 600;
  color: var(--whitec);
}
.top_menu_left_icon a i:hover {
  color: var(--titlecolor);
}
/*--top_menu_right--*/
.top_menu_right {
  display: flex;
  color: var(--whitec);
  justify-content: end;
}
.top_menu_right a {
  color: var(--whitec);
  margin-left: 15px;
  transition: 0.5s;
}
.top_menu_right :hover {
  color: var(--titlecolor);
}
/*--header_top_END--*/
/* nav icon popup css */
.nav_icon_popup {
  position: fixed;
  top: 0;
  left: -110%;
  background: #000000e6 !important;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: 1s;
}
.nav_icon_popup.icon_popup {
  opacity: 1;
  visibility: visible;
  left: 0;
}
/* inner nav icon popup */
.inner_nav_icon_popup {
  width: 47%;
  margin: 0 auto;
  position: relative;
}
.inner_nav_popup_btnicon {
  position: absolute;
  top: 0;
  right: 17px;
  transform: translateY(-63%);
}
.inner_nav_icon_popup input {
  font-size: 30px;
  font-weight: 500;
  padding: 17px 40px 15px 15px;
  width: 100%;
  border: none;
  outline: none;
  box-shadow: 0px 0px 30px 0px #dddddd45;
  background: var(--bgcolor);
  border-radius: 10px;
}
.inner_nav_popup_btnicon {
  border: none;
  background: none;
}
/* search icon */
.inner_nav_popup_btnicon i {
  color: var(--titlecolor);
  font-size: 30px;
}
.inner_nav_popup_btnicon i:hover {
  color: var(--hcolor);
}
/* cross icon */
.inner_nav_icon_popup .ti-close {
  padding: 10px;
  border-radius: 100%;
  background-color: var(--hcolor);
  position: absolute;
  margin-top: 20px;
}
/*======== main menu area start ==========*/
.main_menu_area {
  padding: 0 30px;
}
/* mobile menu */
.mobile_menu {
  display: none;
}
.mobile_logo_area {
  display: none;
}
.main_menu_area.absolute_menu.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
/* home 2 main area css */
.main_menu_area.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: rgb(0 0 0 / 70%);
}
.absolute_menu .sticky_logo {
  display: none;
}
.absolute_menu.sticky .sticky_logo {
  display: block;
}
.absolute_menu.sticky .main_logo {
  display: none;
}
.main_menu_area .sticky_logo {
  display: none;
}
.main_menu_area.sticky .sticky_logo {
  display: block;
}
.main_menu_area.sticky .main_logo {
  display: none;
}
.mean-nav ul li a i {
  display: none;
}
.main_menu_area.sticky .inner_main_nav_area > ul > li > a {
  color: var(--whitec);
}
.main_menu_area.sticky .inner_main_nav_area > ul > li > a:hover {
  color: var(--bgcolor);
}
.main_menu_area.sticky .inner_main_nav_area > ul > li > a i {
  color: var(--whitec);
}
.main_menu_area.sticky .main_nav_btn a {
  color: var(--whitec);
}
.main_menu_area.sticky .main_nav_icons > i {
  color: var(--whitec);
}

/* main nav area css */
.main_nav_area {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.main_menu_all_item {
  align-items: center;
}
/* inner main nav area css */
.inner_main_nav_area ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.inner_main_nav_area > ul > li {
  display: inline-block;
  position: relative;
}
.inner_main_nav_area > ul > li > a {
  display: inline-block;
  margin: 36px 0 36px 28px;
  font-size: 18px;
  font-weight: 500;
  color: #272727;
}
.inner_main_nav_area > ul > li > a:hover {
  color: var(--bgcolor);
}
.inner_main_nav_area > ul > li > a > i {
  font-weight: 900;
}
/* main nav icons */
.main_nav_icons {
  margin-left: 15px;
}
.main_nav_area .main_nav_icons > i {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 100%;
  text-align: center;
  background: none;
  color: var(--blackc);
  cursor: pointer;
  transition: 0.5s;
}
/* nav icon popup css */
.nav_icon_popup {
  position: fixed;
  top: 0;
  left: -110%;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: 1s;
}
.nav_icon_popup.icon_popup {
  opacity: 1;
  visibility: visible;
  left: 0;
}
/* inner nav icon popup */
.inner_nav_icon_popup {
  width: 47%;
  margin: 0 auto;
  position: relative;
}
.inner_nav_icon_popup input {
  font-size: 30px;
  font-weight: 500;
  padding: 17px 40px 15px 15px;
  width: 100%;
  border: none;
  outline: none;
  box-shadow: 0px 0px 30px 0px #dddddd45;
  background: var(--whitec);
  border-radius: 10px;
}
/* inner nav popup form icons css */
.inner_nav_popup_form_icons {
  position: absolute;
  top: 35%;
  right: 10px;
  transform: translateY(-50%);
}
.inner_nav_popup_btnicon {
  font-size: 40px;
  border: none;
  outline: none;
  background: none;
}
.inner_nav_icon_popup i {
  display: inline-block;
  margin-top: 10px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 100%;
  background-color: var(--whitec);
  color: var(--blackc);
  font-size: 25px;
  cursor: pointer;
  transition: 1s;
}
.inner_nav_icon_popup i:hover {
  background-color: var(--bgcolor);
  color: var(--whitec);
}
/* drop down menu css */
.inner_main_nav_area ul li .sub_menu {
  position: absolute;
  top: 130%;
  left: 0;
  width: max-content;
  min-width: 205px;
  max-width: 320px;
  text-align: left;
  margin: 0;
  padding: 15px 5px 14px;
  z-index: 9999;
  box-shadow: 0 0 30px rgb(0 0 0 / 9%);
  background-color: var(--whitec);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.inner_main_nav_area ul li .sub_menu li {
  position: relative;
}
.inner_main_nav_area ul li .sub_menu li a {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  color: #444;
  padding: 6px 17px;
}
.inner_main_nav_area ul li .sub_menu li a:hover {
  color: var(--bgcolor);
  margin-left: 5px;
}
.inner_main_nav_area > ul > li:hover .sub_menu {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.inner_main_nav_area .sub_menu > li > ul.sub_menu {
  top: 130%;
  left: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.inner_main_nav_area ul li .sub_menu li:hover ul.sub_menu {
  top: 0;
  opacity: 1;
  visibility: visible;
}
/* main nav btn css */
.main_nav_area .main_nav_btn {
}
.menu_btn a {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 25px;
  color: var(--whitec);
  background: linear-gradient(45deg, #940711, #eb101f);
}
.menu_btn a:hover {
  background: linear-gradient(-45deg, #940711, #eb101f);
}
/* absolute menu css */
.absolute_menu {
  z-index: 999;
  background-color: var(--whitec);
  transition: 0.5s;
  padding: 0 385px 0 386px;
}
.absolute_menu .inner_main_nav_area > ul > li > a {
  color: #272727;
}
.inner_main_nav_area > ul > li > a:hover {
  color: var(--bgcolor);
}
/* absolute menu nav btn css */
.header_title {
  display: flex;
  align-items: center;
}
.header_title a i {
  display: block;
  color: var(--titlecolor);
  height: 36px;
  width: 36px;
  line-height: 36px;
  text-align: center;
  margin-right: 12px;
  border-radius: 100%;
  font-size: 20px;
}
.sticky .header_title a i {
  color: var(--whitec);
}

/*======== main menu area end ==========*/

/*======== slider area start  ==========*/
.slider_area {
  position: relative;
}
.slider_width {
  max-width: 1865px;
}

/* inner slider area */
.inner_slider_area {
  position: relative; /* Needed for positioning the overlay */
  height: 950px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex !important;
  align-items: center;
  z-index: 1;
}

/* overlay */
.inner_slider_area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* black with 50% opacity */
  z-index: -1;
}

/* inner slider area
.inner_slider_area {
  height: 950px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex !important;
  align-items: center;
} */

/* inner slider content */
.inner_slider_content {
  width: 70%;
  text-align: left;
  margin: 0 auto;
}
.inner_slider_content h1 {
  font-size: 24px;
  font-weight: 500;
  color: var(--whitec);
  margin: 0;
  text-transform: capitalize;
}
.inner_slider_content h2 {
  font-size: 70px;
  font-weight: 700;
  color: var(--whitec);
  margin: 21px auto 3px 0;
}
.sl_title {
  margin: 0 !important;
}
.inner_slider_content p {
  width: 53%;
  color: var(--whitec);
  font-size: 18px;
  font-weight: 500;
  margin: 35px 0 50px;
}
/* golobal btn css */
.g_btn {
  margin-top: 40px;
  border-radius: 0px 20px;
}
.g_btn a {
  display: inline-block;
  padding: 17px 50px;
  background: linear-gradient(45deg, #eb101f, #940711);
  color: var(--whitec);
  font-size: 18px;
  font-weight: 500;
}
.g_btn a:hover {
  background: linear-gradient(-45deg, #eb101f, #940711);
  color: var(--whitec);
}
/* home 2 inner slider css */
.h2_inner_slider {
  height: 830px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex !important;
  align-items: center;
}

/* home video page area css */
.video_slider_area {
  position: relative;
}
.slider_vedio {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -999;
}
.slider_vedio iframe {
  width: 100%;
  height: 100%;
  border: none;
}
/* slider defult arrow css */
/* golobal slick defult arrow css */
.slider_area .slick-prev,
.slider_area .slick-next {
  position: absolute;
  top: 50%;
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  background: none;
  z-index: 9999;
  outline: none;
  border: none;
  font-size: 0;
  transform: translateY(-50%);
  transition: 1s;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  right: 0;
  color: var(--whitec);
}
/* slider icon hover */
.slider_area .slick-prev:hover,
.slider_area .slick-next:hover {
  background-color: var(--whitec);
  color: var(--bgcolor);
  border-radius: 0;
  margin: 0 10px 0 10px;
}
.slider_area .slick-prev::before:hover,
.slider_area .slick-next::before:hover {
  font-size: 50px;
}
.slider_area .slick-prev {
  left: 0;
  z-index: 1;
}
.btestimonial .slick-next {
  right: 42%;
}

.slider_area:hover .slick-prev,
.slider_area:hover .slick-next {
  opacity: 1;
  visibility: visible;
}

/*======== slider area end  ==========*/

.breadcumb_area {
  position: relative;
  margin: 0 0 60px;
}
.breadcumb_area:before,
.breadcumb-blog-area:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.3);
}
.sab_text {
  text-align: center;
  padding: 52px 0;
}
.sab_text h2 {
  font-size: 30px;
  color: var(--whitec);
}
.breadcumb_inner ul {
  color: var(--whitec);
  display: block;
}
.breadcumb_inner li {
  display: inline-block;
  margin: 0 2px;
  list-style: none;
}
.breadcumb_inner ul li a {
  color: var(--whitec);
}
.current {
  color: var(--whitec);
}

/*-------planning IMG START--------*/
.planning_area {
  margin-top: -110px;
  position: relative;
  display: block;
  padding: 0 0 45px;
  z-index: -0;
}
.text_box {
  text-align: center;
  padding: 50px 32px 50px 32px;
  box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.15);
  background-color: var(--whitec);
  border-radius: 10px 10px 10px 10px;
  margin-bottom: 20px;
  transition: 0.5s;
}
.text_box h3 {
  margin: 15px 0 20px;
  transition: 0.5s;
}
.text_box h3 a {
  font-size: 22px;
  color: var(--titlecolor);
  transition: 0.5s;
}
.text_box h3 a:hover {
  color: var(--bgcolor);
}
.text_box p {
  color: var(--btntlecolor);
  width: 90%;
  margin: -5px 0 25px;
}
.text_box i {
  font-size: 35px;
  height: 80px;
  width: 80px;
  transition: 0.5s;
  text-align: center;
  border-radius: 50%;
  line-height: 80px;
  display: inline-block;
  border-radius: 100%;
  color: var(--bgcolor);
  background-color: #f3f3f3;
}
.text_box:hover.text_box i {
  color: var(--whitec);
  background-color: #eb101f;
}
/* about */
.ab_planning {
  margin: 60px 0;
}
/*------- planning IMG START --------*/

/*------- ABOUT AREA START --------*/
.about_area {
  padding: 55px 0;
}
.about_single img {
  position: relative;
}
.counter_active {
  text-align: center;
}
.ab_inner_act {
  left: 30%;
  z-index: 1;
  position: absolute;
  margin-top: 60px;
  border-radius: 10px 10px 10px 10px;
  background-color: transparent;
  padding: 10px 42px 10px 60px;
  background-image: linear-gradient(90deg, #eb101f 0%, #940711 100%);
}
.ab_counter {
  display: flex;
  align-items: baseline;
  justify-content: center;
}
.ab_counter i {
  color: var(--whitec);
  font-size: 60px;
}
.ab_counter h3 {
  font-size: 40px;
  color: var(--whitec);
}
.ab_counter span {
  font-size: 40px;
  color: var(--whitec);
}
.coun_text h4 {
  font-size: 22px;
  margin-left: 55px;
  color: var(--whitec);
}
.ab_text h2 {
  font-size: 16px;
  color: var(--bgcolor);
}
.ab_text h3 {
  font-size: 40px;
  margin: 10px 0 30px;
}
.ab_text p {
  width: 86%;
  margin-bottom: 30px;
}
/* item 1 */
.ab_single_item {
  display: flex;
}
.ab_im img {
  width: 38px;
  margin-right: 20px;
}
.ab_single_item h2 a {
  font-size: 22px;
  transition: 0.5s;
}
.ab_single_item h2 a:hover {
  color: var(--bgcolor);
}
.btitle_active {
  margin-top: 20px;
  margin-bottom: 20px;
}
.inner_title p {
  margin: 20px 0 55px;
  width: 89%;
}
/* about area */
.about_service {
  padding: 40px 0;
}
/*------- ABOUT AREA END --------*/

/*------- SKILL AREA START --------*/
.skill_area {
  padding: 70px 0 65px;
}
.inner_progres_bar h2 {
  font-size: 18px;
}
.progress {
  height: 16px;
  margin-bottom: 30px;
  border-radius: 0;
}
.progress-bar {
  background-color: var(--bgcolor);
}
.progress-bar span {
  margin-top: -10px;
  color: var(--titlecolor);
}
/* vanobox */
.skill_im {
  position: relative;
}
.tr_vedio_vano_box {
  position: absolute;
  left: 16%;
  top: 84%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.tr_vedio_vano_box a {
  position: relative;
  display: inline-block;
  width: 75px;
  height: 75px;
  font-size: 23px;
  border-radius: 100%;
  color: var(--whitec);
  background-color: var(--bgcolor);
}
.tr_vedio_vano_box i {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.tr_vedio_vano_box a:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: skill_play 1.5s ease-in-out infinite;
  animation: skill_play 1.5s ease-in-out infinite;
  background-color: transparent;
  background-image: linear-gradient(90deg, #eb101f 0%, #940711 100%);
}
@keyframes skill_play {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  20% {
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  100% {
    -webkit-transform: scale(2.1);
    transform: scale(2.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}
/* progress bar */
.inner_progres_bar h2 {
  font-size: 18px;
}
.inner_progres_bar .progress {
  height: 10px;
  margin-bottom: 20px;
  overflow: inherit;
}
.single_about_text.single_faq {
  overflow: hidden;
}
.inner_progres_bar .progress-bar {
  margin: 2px 2px 2px;
  background-color: var(--bgcolor);
  overflow: inherit;
}
.progress-bar span {
  color: var(--titlecolor);
  text-align: end;
  margin-top: -50px;
  font-size: 16px;
}
/* web */
.skill_left h4 {
  color: var(--bgcolor);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}
/*------- SKILL AREA END --------*/

/*------- SERVICE AREA START --------*/
.service_area {
  padding: 120px 0 100px;
  position: relative;
  margin: 50px 0;
}
/* section title */
.section_title {
  text-align: center;
  margin: 0 0 50px;
}
.section_title span {
  font-size: 16px;
  font-weight: 700;
  padding: 0px 0px 15px 0px;
  color: var(--bgcolor);
}
.section_title h3 {
  font-size: 40px;
}
/* animation */

.title_shap img {
  position: absolute;
  top: 10%;
  left: 0;
  animation: witr_movelr_box45 5s linear 1s infinite alternate running;
}
@keyframes witr_movelr_box45 {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(45px);
    transform: translateX(45px);
  }
}

/* section title */
.service_box:hover.service_box h3 a {
  color: var(--whitec);
}
.service_box:hover.service_box p {
  color: var(--whitec);
}
.service_box {
  position: relative;
  text-align: left;
  transition: 0.5s;
  padding: 50px 30px 50px 30px;
}
.service_box:hover {
  background-image: url(assets/img/service-hover-bg.png);
  background-position: center left;
  background-size: cover;
  transition: 0.5s;
}
.service_box i {
  color: var(--whitec);
  background-color: var(--bgcolor);
}
.ser_act {
  margin-top: 20px;
}
/* about */
.about_service {
  margin: 0;
}
.service_active {
  margin: -60px 0 0;
}
.about_title_inner {
  padding: 120px 0 60px;
}
/*------- SERVICE AREA END --------*/

/* ----- counter area ------ */
.counter_area {
  background-color: transparent;
  padding: 85px 0px 85px 0px;
  background-image: linear-gradient(90deg, #940711 0%, #eb101f 100%);
  margin: 55px 0;
}
.counter_active h3 {
  font-size: 70px;
}
.counter_active span {
  font-size: 70px;
  line-height: 1.2;
}
.counter_active h4 {
  display: inline-block;
  color: var(--whitec);
}
/* about */
.about_counter {
  margin: 0;
}
/* ----- counter area ------ */

/*=====START MEMBER AREA ======*/
.member_area {
  padding: 60px 0 45px;
}
.inner_single_title img {
  width: 100%;
  position: relative;
}
/* tr team left text */
.team_left {
  margin-top: 121px;
  margin-left: 20px;
}
.tr_team_right_text {
}
/* title tr team text */
.tr_team_right_text span {
  font-weight: 700;
}
.tr_team_right_text h3 {
  color: var(--titlecolor);
  margin: 7px 0 60px;
}
/* main team devloper */
.team_thumb {
  margin-bottom: 30px;
}
.inner_single_title {
  position: relative;
  overflow: hidden;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 20px 30px 0 rgba(42, 67, 113, 0.15);
}
/* icon overlay */

/* icon overlay */
.inner_ti_th {
  position: absolute;
  bottom: -16%;
  left: 85%;
  opacity: 0;
  transition: 0.5s;
}
/* icon */
.inner_ti_th a i {
  display: block;
  font-size: 17px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: var(--whitec);
  background-color: var(--bgcolor);
  transition: 0.5s;
  border-radius: 5px;
  margin: 0px 0px 5px 0px;
}
.inner_ti_th a i:hover {
  background-color: var(--titlecolor);
}
.team_thumb:hover .inner_ti_th {
  bottom: 27%;
  left: 85%;
  opacity: 1;
}
.inner_ex_left {
  margin-left: 20px;
}
/* Team img */

/* team de info */
.single_team_item {
  text-align: center;
  padding: 18px 0px 10px;
  padding: 22px 30px;
  text-align: center;
  margin-top: -84px;
  border-radius: 0 0 10px 10px;
  position: relative;
  background: white;
  transition: 0.5s;
}
.inner_single_title:hover .single_team_item h5 {
  color: var(--whitec);
}
.inner_single_title:hover .single_team_item span {
  color: var(--whitec);
}
.single_team_item h5 {
  font-size: 22px;
  color: var(--titlecolor);
  font-weight: 700;
  transition: 0.5s;
}
.single_team_item span {
  color: var(--btntlecolor);
}
.inner_single_title:hover .inner_icon_ov {
  background-color: var(--bgcolor);
}
.team_thumb:hover .single_team_item {
  background-color: var(--bgcolor);
}
/* title */
.team_thumb:hover .single_team_item h5 {
  color: var(--whitec);
}
.team_thumb:hover .single_team_item span {
  color: var(--whitec);
}
/* about */
.about_team {
  margin: 60px 0 0;
}
/*===== END MEMBER AREA ======*/

/*===== START PROJECT AREA ======*/

.project_title {
  padding: 50px 0;
}
.title_tx span {
  font-weight: 700;
  color: var(--bgcolor);
  padding: 0px 0px 15px 0px;
}
.title_tx h3 {
  font-size: 40px;
  margin: auto;
  line-height: 1.2;
}
.project_act {
  margin-bottom: 55px;
}
.pro_content p {
  width: 88%;
}
.inner_portfolio_items {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.portfolio_img_area img {
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.inner_portfolio_items:hover .portfolio_img_area img {
  transform: scale(1.2);
}
.pr_first {
  margin-bottom: -25px;
}
.pr_img {
  margin-top: -200px;
}
.pd100 {
  margin-top: -225px;
}
/*===== END MEMBER AREA ======*/

/*===== START PRICING AREA ======*/
.pricing_area {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  background-color: #f3f3f3;
  padding: 120px 0;
  margin: 45px 0 0;
}
.pri_item {
  background-color: var(--whitec);
  margin: 65px 0px 0 0px;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);
  padding-bottom: 40px;
}
.pricing_part {
  text-align: left;
  padding: 0 30px;
}
.pricing_btn a {
  padding: 17px 30px;
  margin-top: 20px;
}

.m_monitor i {
  color: #ffffff;
  background-color: transparent;
  background-image: linear-gradient(90deg, #940711 0%, #eb101f 100%);
  font-size: 40px;
  width: 90px;
  height: 90px;
  text-align: center;
  display: inline-block;
  line-height: 90px;
  position: relative;
  top: -45px;
  border-radius: 10px 10px 10px 10px;
}
/* title */
.pri_active h4 {
  font-size: 16px;
  margin: -20px 0 16px;
}
.price_offer_line {
  justify-content: center;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}
.price_offer_line h5 {
  font-size: 35px;
}
.price_offer_line h5 span {
  font-size: 18px;
  color: var(--titlecolor);
}
.pri_active ul {
  margin-top: 25px;
}
.pri_active ul li {
  list-style: none;
  font-size: 16px;
  margin-bottom: 17px;
  color: var(--btntlecolor);
}
.pri_active ul li i {
  margin-right: 10px;
}
.pr_btn {
  padding-top: 20px;
  padding-bottom: 40px;
}
.pr_btn a {
  padding: 18px 30px;
}
/* animation */

.pricing_shap img {
  position: absolute;
  left: 5%;
  animation: witr_movelr_box45 5s linear 1s infinite alternate running;
}
@keyframes witr_movelr_box45 {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(45px);
    transform: translateX(45px);
  }
}
/* inner pricing area */
.pricing_part_h4 h4 {
  font-size: 30px;
  padding: 26px 0 12px;
  display: block;
}
.inner_pr {
  background-color: #940711;
}
/* title */
.inner_pr h5 {
  color: var(--whitec);
  margin: 0 0 -13px;
  padding: 10px 0;
}
.inner_pr h5 span {
  color: var(--whitec);
  font-size: 24px;
}
.part_h4 {
  text-align: center;
}
/* pr_btn */
.pr_btn a {
  border-radius: 50px;
  padding: 9px 40px 9px 40px;
}
/*===== START PRICING AREA ======*/

/*======== brand area start  ==========*/
.bbrand_area {
  background-color: transparent;
  background-image: linear-gradient(90deg, #eb101f 0%, #940711 100%);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 80px 0px 80px 0px;
  margin: 0 0 60px;
}
/* single brand area testimonial css */
.single_brand_area_test {
  padding: 100px 0 25px;
}
.about_brand_area {
  padding: 75px 0 45px;
}
.inner_brand_area {
  text-align: center;
}
.inner_brand_area img {
  margin: 0 auto;
}

.brand_area .slick-prev,
.brand_area .slick-next {
  position: absolute;
  top: 50%;
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  background: none;
  z-index: 9999;
  outline: none;
  border: none;
  font-size: 0;
  transform: translateY(-50%);
  transition: 1s;
  z-index: 1;
  background-color: var(--titlecolor);
  opacity: 0;
  visibility: hidden;
  color: var(--whitec);
}
.brand_area .slick-prev.slick-arrow:hover {
  background: var(--bgcolor);
}
.brand_area .slick-next.slick-arrow:hover {
  background: var(--bgcolor);
}
.brand_area .slick-prev {
  left: -6%;
}
.brand_area .slick-next {
  right: -5%;
}
.brand_area:hover .slick-prev,
.brand_area:hover .slick-next {
  opacity: 1;
  visibility: visible;
}
.brand_left_shap {
  position: absolute;
  top: -60px;
  right: 0;
  z-index: -1;
  animation: brand_right_shap 5s linear 1s infinite alternate running;
}
@keyframes brand_right_shap {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(45px);
  }
}

/* golobal slick defult arrow css */
.slick-prev,
.slick-next {
  position: absolute;
  top: 85%;
  width: 55px;
  height: 55px;
  line-height: 55px;
  border-radius: 100px;
  text-align: center;
  background: none;
  z-index: 9999;
  outline: none;
  border: none;
  font-size: 0;
  transform: translateY(-50%);
  transition: 1s;
  z-index: 1;
  background-color: var(--titlecolor);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  opacity: 1;
  visibility: visible;
}
.slick-prev {
  left: 45%;
}
.slick-next {
  right: 42%;
}
.slick-prev::before,
.slick-next::before {
  content: "\ea93";
  font-family: IcoFont;
  font-size: 50px;
  font-weight: 700;
  transition: 1s;
  margin-left: -10px;
}
.slick-next::before {
  content: "\ea94";
}
.slick-prev:hover,
.slick-next:hover {
  background-color: var(--titlecolor);
  color: var(--whitec);
}

/*======== brand area end  ==========*/

/*======== faq area start  ==========*/
.faq_area {
  padding: 60px 0 60px;
  position: relative;
}
.inner_faq_content h2 {
  font-size: 16px;
  color: var(--bgcolor);
}
.inner_faq_content h3 {
  font-size: 40px;
}
.inner_faq_content p {
  margin: 30px 0;
}
.accordion-item {
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  background-color: #f3f3f3;
  margin-bottom: 15px;
}
.accordion-button {
  font-weight: 700;
  color: var(--titlecolor);
  background-color: #ffffff00;
  box-shadow: none;
}
.accordion-button:hover {
  color: var(--bgcolor);
}
.inner_faq_ac_item a.actives {
  color: var(--bgcolor);
}
.faq_area .accordion-button:not(.collapsed) {
  box-shadow: none;
  border: none;
}
.accordion-button:focus {
  z-index: 3;
  border: none;
  outline: 0;
  box-shadow: none;
}
/* inner faq text */

.inner_faq_text .collapse {
  color: var(--bgcolor);
}
.main_appartment .apartment_area {
  width: 83%;
}
.apartment_text span {
  font-size: 17px;
  color: var(--bgcolor);
  margin-bottom: 5px;
  font-weight: 700;
}
.twr_form_box.main_con input {
  margin: 0;
  height: 60px;
}
.google_map {
  margin-top: 100px;
}
/* shap img */
.con_shap {
  position: absolute;
  top: -106px;
  right: -168px;
  animation: con_shap 2s linear 1s infinite alternate running;
}
@keyframes con_shap {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(45px);
    transform: translateX(45px);
  }
}
/*======== faq area end  ==========*/

/*===== CONTACT AREA =====*/

.witr_apartment_form {
  padding: 60px 0;
}
.apartment_area {
  position: relative;
  background-size: cover;
  padding: 60px 35px 60px;
  border-radius: 10px;
  text-align: left;
  box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
}
/* title */
.apartment_text h2 {
  font-size: 35px;
  margin-bottom: 40px;
}

/* inner contact form */
.single_p_inner_contact_form input {
  outline: none;
  border: none;
  border: 1px solid #dddddd;
  width: 100%;
  height: 47px;
  padding: 0 20px;
  margin-right: 15px;
  margin-bottom: 20px;
  border-radius: 5px;
}
.single_p_inner_contact_form input::placeholder {
  color: var(--btntlecolor);
}
.single_p_inner_contact_form textarea {
  width: 100%;
  outline: none;
  padding: 20px 20px;
  border: 1px solid #dddddd;
  margin: 0 0 15px;
  border-radius: 5px;
  height: 150px;
}
.form-messege {
  margin-bottom: 20px;
}
/* contact massage */
.form-messege {
  margin-top: 20px;
}
textarea::placeholder {
  color: var(--btntlecolor);
}
.single_p_inner_contact_form button {
  width: 100%;
  text-align: center;
  padding: 14px 30px;
  font-size: 16px;
  font-weight: 600;
  border: none;
  outline: none;
  background-image: linear-gradient(90deg, #940711 0%, #eb101f 100%);
  color: var(--whitec);
  transition: 0.5s;
}
.single_p_inner_contact_form button:hover {
  background: linear-gradient(-45deg, #940711, #eb101f);
}
/* contact form address area css */

/* comment area */
.twr_form_box {
  margin-bottom: 15px;
}
/* text right area */
.contact_text_area {
  padding: 60px 35px 60px;
}
.contact_text_area h2 {
  font-size: 35px;
}
.contact_text_area p {
  width: 74%;
  margin-top: 10px;
}
.co_social_icon {
  margin: 0;
  padding: 0;
}
.co_social_icon li {
  list-style: none;
  margin: 50px 0;
}
.co_social_icon li i {
  font-size: 14px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  text-align: center;
  border-radius: 100%;
  color: var(--whitec);
  margin-right: 10px;
  background-color: transparent;
  background-image: linear-gradient(90deg, #eb101f 0%, #940711 100%);
}
.co_social_icon li i:hover {
  background-color: transparent;
  background-image: linear-gradient(90deg, #940711 0%, #eb101f 100%);
}
.co_social_icon li a {
  font-size: 17px;
}
.inner_contact_map iframe {
  width: 100%;
  height: 500px;
  margin-bottom: -7px;
}
/*===== TESTIMONIAL AREA =====*/
.btestimonial {
  position: relative;
  padding: 60px 0;
}
.btest_im img {
  width: 100%;
}
.btest_im a {
  position: absolute;
  display: inline-block;
  width: 75px;
  height: 75px;
  line-height: 75px;
  font-size: 23px;
  border-radius: 100%;
  color: var(--bgcolor);
  background-color: var(--whitec);
  top: 50%;
  left: 17%;
  text-align: center;
  animation: witr_squares 1.5s ease-in-out infinite;
}
@keyframes witr_squares {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
      0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
      0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
  }
}
/* testimonial slider */
.ab_btext {
  margin-top: 100px;
}
.ab_btext h2 {
  font-size: 16px;
  color: var(--bgcolor);
}
.ttext {
  margin-left: 25px;
}
.ab_btext h3 {
  width: 60%;
  margin: 0 0 60px;
  font-size: 40px;
}
.ttext p {
  width: 59%;
  margin: 20px 0;
}
.ttext i {
  color: var(--bgcolor);
  font-size: 54px;
}
.em_testi_title h2 {
  font-size: 22px;
  display: inline-block;
  color: var(--titlecolor);
}
.em_testi_title h2 span {
  margin: 5px 0 0;
  display: block;
  color: var(--btntlecolor);
  font-size: 16px;
}
/* golobal slick defult arrow css */
.btestimonial .slick-prev,
.btestimonial .slick-next {
  position: absolute;
  top: 85%;
  width: 55px;
  height: 55px;
  line-height: 55px;
  border-radius: 10px;
  text-align: center;
  background: none;
  z-index: 9999;
  outline: none;
  border: none;
  font-size: 0;
  transform: translateY(-50%);
  transition: 1s;
  z-index: 1;
  background-color: #6f2e2e00;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  opacity: 1;
  visibility: visible;
}
.btestimonial .slick-prev {
  left: 45%;
}
.btestimonial .slick-next {
  right: 42%;
}
.btestimonial .slick-prev::before,
.btestimonial .slick-next::before {
  content: "\ea93";
  font-family: IcoFont;
  font-size: 50px;
  font-weight: 700;
  color: #940711;
  transition: 1s;
  margin-left: -10px;
}
.btestimonial .slick-next::before {
  content: "\ea94";
}
.btestimonial .slick-prev.slick-arrow:hover {
}
.btestimonial:hover .slick-prev::before,
.btestimonial:hover .slick-next::before {
  background-color: var(--bgcolor);
  color: var(--whitec);
}
/* client testimonial area */
.main_test_area {
  text-align: center;
}
.testiCreCon {
  position: relative;
  box-shadow: 0 0 20px 0 rgb(0 0 0 / 6%);
  background: #fff;
  border-radius: 5px;
  padding: 50px 10px 50px;
  margin-bottom: 35px;
  width: 77%;
}
.testiCreCon p {
  margin: 0;
}
/* test after */
.testiCreCon:after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -36px;
  border-radius: 15px;
  width: 50px;
  height: 50px;
  background: #fff;
  transform: rotate(45deg) translateX(-50%);
  z-index: -1;
  box-shadow: 0 2px 29px 0 rgb(0 0 0 / 8%);
}
.testAuthor {
  margin-left: -85px;
}
.testAuthor h6 {
  font-size: 22px;
}
.testAuthor span {
  color: var(--btntlecolor);
}

/* =====  Testimonial2 Area CSS ===== */
.cs_test_area {
  padding: 60px 0 55px;
}
.cs_test_area .witr_section_title {
  margin-bottom: 45px;
}
.witr_section_title_inner h2 {
  font-size: 16px;
  text-transform: uppercase;
  color: var(--bgcolor);
}
.witr_section_title_inner h3 {
  font-size: 40px;
}
.single_creativeItem {
  text-align: center;
}
.box-size {
  padding: 10px 15px;
}
.testiCreCon {
  position: relative;
  box-shadow: 0 0 20px 0 rgb(0 0 0 / 6%);
  background: #fff;
  border-radius: 5px;
  padding: 50px 20px 50px;
  margin-bottom: 35px;
}
.testiCreCon li {
  font-size: 100px;
  color: #dddddd4f;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.testiCreCon p {
  position: relative;
  margin: 0;
  z-index: 1;
}
.testiCreCon:after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -36px;
  border-radius: 15px;
  width: 50px;
  height: 50px;
  background: #fff;
  transform: rotate(45deg) translateX(-50%);
  z-index: -1;
  box-shadow: 0 2px 29px 0 rgb(0 0 0 / 8%);
}
.post_t6 .em_test_thumb {
  float: inherit;
  margin-right: 0;
  margin-bottom: 10px;
  text-align: -webkit-center;
}
.em_test_thumb img {
  border-radius: 50%;
  width: 59px;
}
element.style {
}
.testAuthor span {
  font-size: 15px;
  color: var(--paracolor);
}

/*===== TESTIMONIAL AREA =====*/

/*=====START tr team slider arer  ======*/
.tr_tasti_shap {
  padding: 60px 0;
  position: relative;
  background-color: #f3f3f3;
}
.test_shap img {
  top: 20%;
  position: absolute;
  left: 5%;
  animation: logo 5s linear infinite;
}
@keyframes logo {
  0% {
    transform: translateX(-45px);
  }
  100% {
    transform: translateX(45px);
  }
}
/* START Te mo text */
.text_mo_te_right {
  margin: 40px 20px 50px;
  text-align: center;
  padding: 48px 40px 40px;
  border-radius: 0px 0px 0px 0px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
  background-color: var(--whitec);
}
/* testimonial title h1 */
.text_mo_te_right h1 {
  font-size: 22px;
  color: var(--bgcolor);
  font-weight: 700;
}
.text_mo_te_right span {
  display: block;
  margin: 10px 0 20px;
  color: var(--b3color);
}
.text_mo_te_right p {
  line-height: 1.5;
  font-size: 16px;
  color: var(--b3color);
}
.test_mo_img {
  text-align: center;
}
.test_mo_img img {
  display: inline;
}
/* title */

.inner_text_contant_thumb h3 {
  color: var(--titlecolor);
  font-weight: 700;
  font-size: 40px;
}

/* 2 testimonial */
.inner_ttest {
  padding: 120px 0 100px;
}
.inner_text_contant_thumb p {
  color: var(--btntlecolor);
  width: 66%;
  font-size: 16px;
  margin-right: auto;
  margin-left: auto;
}
.btitle {
  box-shadow: 0 5px 10px 0 rgb(240 241 243);
  padding: 30px 15px 30px;
  width: 83%;
}
.ex_test {
  text-align: start;
  margin: 0;
  padding: 0;
}
.ex_test span {
  display: inline-block;
  color: var(--bgcolor);
}
.ex_test i {
  color: var(--bgcolor);
}
.ex_im {
  display: flex;
  text-align: start;
}
.ex_im img {
  height: 70px;
}
.in_ttext {
  margin-left: 30px;
}
.in_ttext h1 {
  color: var(--titlecolor);
}

/* inner faq accrodion item css */
.faq_text {
  margin: 70px 0 80px 0;
}
.inner_faq_ac_title {
  margin-bottom: 15px;
  box-shadow: 1px 1px 7px -5px rgba(0, 0, 0, 0.75);
}
.inner_faq_ac_title a {
  width: 100%;
  display: inline-block;
  color: var(--titlecolor);
  font-size: 17px;
  padding: 12px 30px 12px 0;
  font-weight: 700;
  display: flex;
  align-items: center;
  border-radius: 2px;
}
.inner_faq_ac_title a:hover {
  color: var(--hcolor);
}
.inner_ac_items a i {
  margin-right: 15px;
  font-size: 15px;
  color: var(--titlecolor);
}
.inner_faq_ac_title a i:hover {
  color: var(--hcolor);
}
.inner_faq_ac_title a.active {
  color: var(--hcolor);
}
.pl_icon a {
  display: inline-flex;
}
/* inner faq text */

/*======== blog area start  ==========*/
.kdblog_left {
  padding: 60px 0;
}
.blog_area {
  padding: 55px 0 40px;
}
.txbdmb30 {
  margin-bottom: 30px;
}
/* inner blog area css */
.inner_blog_text.pd0 {
  padding: 0;
}
.inner_blog_conten h3 a {
  font-size: 22px;
}
.inner_blog_area {
  margin: 0 10px 30px;
  overflow: hidden;
  background-color: var(--whitec);
  box-shadow: 0 5px 10px 0 rgba(50, 65, 141, 0.07);
}
/* inner blog thumb css */
.inner_blog_thumb {
  position: relative;
  overflow: hidden;
}
.inner_blog_img img {
  width: 100%;
  transition: 0.5s;
}
.inner_blog_area:hover .inner_blog_img img {
  transform: scale(1.2);
}
/* blog overlay css */
.blog_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 50%);
  transform: scale(0);
  transition: 0.5s;
}
.inner_blog_area:hover .blog_overlay {
  transform: scale(1.2);
}
/* inner blog absolute css */
.inner_blog_absolute {
  position: absolute;
  top: 20px;
  left: 20px;
  display: inline-block;
  color: var(--whitec);
  background: var(--bgcolor);
  padding: 4px 10px;
  border-radius: 5px;
  font-size: 14px;
  text-align: center;
}
/* inner blog text css */
.inner_blog_text {
  padding: 0 0 15px;
}
.inner_blog_text span a {
  font-weight: 400;
  font-size: 16px;
}
.inner_blog_text span {
  font-size: 14px;
  font-weight: 400;
  margin-right: 10px;
  color: var(--paracolor);
}
.inner_blog_text span i {
  margin-right: 3px;
  color: var(--bgcolor);
}
/*inner blog content css */
.inner_blog_content_active {
  padding: 10px 20px 0px;
}
.inner_blog_content.pd0 {
  padding: 0;
}
.inner_blog_content h3 a {
  display: inline-block;
  margin-bottom: 8px;
  font-size: 22px;
}
.inner_blog_content h3 a:hover {
  color: var(--bgcolor);
}
.inner_blog_content p {
  font-size: 14px;
  width: 90%;
  margin: 10px 0 10px;
}
.inner_blog_content > a {
  font-size: 18px;
  font-weight: 400;
  color: var(--bgcolor);
  padding: 10px 20px;
  border: 1px solid #ddd;
}
.inner_blog_content > a:hover {
  color: var(--whitec);
  background-color: var(--bgcolor);
}
/* inner blog btn css */
.inner_blog_btn a {
  display: inline-block;
  padding: 10px 0 0;
  margin-bottom: 20px;
  transition: 0.5s;
}

.inner_blog_btn a i {
  font-weight: 700;
  font-size: 14px;
  color: var(--bgcolor);
}
.inner_blog_content {
  padding: 15px;
}
.single_blog_btn a {
  display: inline-block;
  padding: 7px 25px;
  transition: 0.5s;
  margin-bottom: 20px;
  margin-left: 15px;
  border: 1px solid #ddd;
}
.single_blog_btn a:hover {
  color: var(--whitec);
  background-color: var(--bgcolor);
}
.single_p_inner_contact_form.single_con_input input {
  width: 100%;
}
.yblog_left_sub .contant_button {
  margin-top: 10px;
}
.inner_single_page_content_area p iframe {
  width: 100%;
  height: 480px;
}
/*======== blog area end  ==========*/

/*======== portfolio area start  ==========*/
.portfolio_area {
  padding: 60px 0;
}
/* portfolio 2 css */
.portfolio_2 {
  margin-bottom: 0;
}
.portfolio_title h2 {
  font-size: 16px;
  color: var(--bgcolor);
  text-transform: uppercase;
}
.portfolio_title h3 {
  font-size: 40px;
  color: var(--titlecolor);
}
.portfolio_title p {
  width: 65%;
  color: #666666;
  margin: 0 auto;
}
/* portfolio 2 sub content css */
.portfolio_2_subc {
  padding: 0px 0 5px 15px;
  z-index: 1;
  top: 33%;
  position: relative;
}
.portfolio_active {
  top: 0;
}
.portfolio_2_subc h2 a {
  font-size: 24px;
  transition: 0.5s;
  color: var(--bgcolor);
}
.portfolio_2_subc h2 a:hover {
  color: var(--titlecolor);
}
.portfolio_nav_all {
  padding: 40px 0 40px;
}
/* portfolio nav css */
.portfolio_nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.portfolio_nav ul li {
  display: inline-block;
  margin: 0 5px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  cursor: pointer;
  transition: 1s;
  color: #666666;
}
.portfolio_nav ul li.current_menu_item {
  background-color: var(--bgcolor);
  color: var(--whitec);
}
.portfolio_nav ul li:hover {
  background-color: var(--bgcolor);
  color: var(--whitec);
}
/* portfolio items css */
.portfolio_img_area {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
.portfolio_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #912ecb50;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.inner_portfolio_items:hover .portfolio_overlay {
  opacity: 1;
  visibility: visible;
}

.portfolio_2_subc a i {
  border-radius: 5px;
  display: inline-block;
  font-size: 25px;
  height: 50px;
  line-height: 50px;
  margin: 0 8px 11px;
  width: 50px;
  color: var(--whitec);
  transition: 0.5s;
}
.portfolio_2_subc a i:hover {
  background-color: var(--bgcolor);
}
.overlay h2 a {
  width: 100%;
  margin-top: 10px;
  display: inline-block;
  font-size: 24px;
  color: var(--whitec);
  transition: 0.5s;
}
.overlay h2 a:hover {
  background: none;
  color: var(--bgcolor);
}
.overlay p {
  font-size: 16px;
  font-weight: 400;
  color: var(--whitec);
}
.inner_portfolio_items:hover .overlay {
  opacity: 1;
  visibility: visible;
}
/* portfolio content css */
.portfolio_overlay_cont {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
  height: 100%;
}
.port_titile {
  transform: translate(-50%, -15%);
}
.portfolio_overlay_cont > a {
  display: inline-block;
  width: 55px;
  height: 55px;
  line-height: 55px;
  border-radius: 5px;
  text-align: center;
  background-color: var(--bgcolor);
  color: var(--whitec);
  margin-right: 6px;
}
.portfolio_overlay_cont > a:hover {
  background-color: var(--titlecolor);
  color: var(--whitec);
}
.portfolio_overlay_cont > a i {
  font-size: 20px;
}
.portfolio_overlay_cont h2 a {
  margin-top: 10px;
  display: inline-block;
  font-size: 24px;
  color: var(--whitec);
  transition: 0.5s;
}
.portfolio_overlay_cont p {
  font-size: 16px;
  font-weight: 400;
  color: var(--whitec);
  margin: -20px 0 0;
}
.inner_portfolio_items:hover .portfolio_overlay_cont {
  top: 50%;
  opacity: 1;
  visibility: visible;
}
/* portfolio lower nav area css */
.portfolio_lo_nav_area {
  padding: 45px 0 0;
}
.inner_portfolio_lower_nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.inner_portfolio_lower_nav ul li {
  display: inline-block;
}
.inner_portfolio_lower_nav ul li a {
  display: inline-block;
  border-radius: 5px;
  font-size: 19px;
  line-height: 1;
  margin: 0 5px;
  padding: 15px 24px;
  box-shadow: 0 10px 40px 0 rgba(50, 65, 141, 0.12);
}
.inner_portfolio_lower_nav ul li a.current {
  background-color: var(--bgcolor);
  color: var(--whitec);
}
.inner_portfolio_lower_nav ul li a:hover {
  background-color: var(--bgcolor);
  color: var(--whitec);
}
.inner_portfolio_lower_nav ul li a i {
  font-size: 22px;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #eb101f80;
  text-align: center;
}

.overlay h2 a {
  width: 100%;
  margin-top: 10px;
  display: inline-block;
  font-size: 24px;
  color: var(--whitec);
  transition: 0.5s;
}
.overlay h2 a:hover {
  background: none;
  color: var(--bgcolor);
}
.overlay p {
  font-size: 16px;
  font-weight: 400;
  color: var(--whitec);
}
/* portfolio 2 */
.pprotfolio4 {
  padding: 20px 10px 23px;
  border: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: var(--bgcolor);
  text-align: center;
}
.pprotfolio4 h2 a:hover {
  color: var(--whitec);
}
/* portfolio content css */
/*======== portfolio area end  ==========*/

/*======== project information area start  ==========*/
.project_information_area {
  padding: 60px 0;
}
.inner_project_information_img img {
  width: 100%;
}
/* inner project right content css */
.inner_project_right_content ul li {
  list-style: none;
  border-bottom: 1px solid #ddd;
  display: table;
  padding-top: 10px;
}
.inner_project_right_content h2 {
  font-size: 22px;
  margin: 10px 30px 25px;
  color: #232323;
}
.inner_project_right_content p span {
  font-size: 18px;
  color: #666666;
  font-weight: 700;
}
/* inner project infomation icons css */
.inner_project_in_icon a {
  border: 1px solid #e6e6e6;
  display: inline-block;
  font-size: 15px;
  height: 40px;
  line-height: 41px;
  margin: 0 9px 0 0;
  text-align: center;
  width: 40px;
  color: var(--bgcolor);
  border-radius: 5px;
}
.inner_project_in_icon a:hover {
  background-color: var(--bgcolor);
  color: var(--whitec);
}
.inner_project_in_icon {
  margin-left: 30px;
  margin-top: 50px;
}
.inner_project_right_content p {
  color: #666666;
  font-size: 16px;
}
/* inner project text area css */
.inner_project_text_area {
  margin-top: 25px;
}
.inner_project_text_area h2 {
  font-size: 22px;
  color: #232323;
  margin: -10px 0 25px;
}
.inner_project_information_descrip {
  margin-bottom: 8px;
}
.inner_project_information_descrip h4 {
  font-size: 16px;
  color: #666666;
}
.inner_project_information_descrip p {
  margin: 0;
  color: #666666;
}
/* inner project information description css */
.inner_project_infor_list {
  margin-bottom: 15px;
  padding: 0;
  list-style: none;
}
.inner_project_infor_list li {
  margin-bottom: 5px;
}
/*======== project information area end  ==========*/

/*======== blog left area start  ==========*/
.yblog_left {
  padding: 60px 0;
}
.inner_yblog_form {
  margin-bottom: 30px;
  padding: 35px 30px;
  border-radius: 8px;
  box-shadow: 0 0 30px rgb(0 0 0 / 7%);
}
.inner_yblog_form input {
  width: 80%;
  outline: none;
  height: 55px;
  border: 1px solid var(--textcolor);
  margin-left: -15px;
  padding-left: 20px;
}
.inner_yblog_form button {
  display: inline-block;
  border: none;
  outline: none;
  padding: 14px 20px;
  margin-left: -5px;
  background-color: var(--bgcolor);
}
.inner_yblog_form button:hover {
  background-color: var(--titlecolor);
}
.inner_yblog_form button i {
  font-size: 18px;
  color: var(--whitec);
}
/* inner left title css */
.inner_blog_content.yblog_left_sub {
  padding: 25px 15px 30px;
}
/* single page */
.single_page_item {
  padding: 25px 0 30px !important;
}
.single_page_item h5 {
  color: var(--titlecolor);
}
.single_psingle_page_itemage p {
  color: var(--btntlecolor);
}
.troub_prev_next_dsing {
  align-items: center;
  border-top: 1px solid #dddddd;
  display: flex;
  justify-content: space-between;
  padding: 20px 0 25px;
  margin: 30px 0;
  border-bottom: 1px solid #dddddd;
}
.prevspost span,
.nextspost span {
  display: block;
  font-size: 16px;
  color: #999;
  transition: 0.5s;
}
.prevspost a:hover {
  color: var(--bgcolor);
}
/* single page */

/* comment page */
.pocket_com_title {
  border-bottom: 1px solid #f7f7f7;
  padding: 32px 0 20px;
  margin-bottom: 30px;
}
.pocket_com_title h5 {
  font-size: 21px;
  color: var(--titlecolor);
}
.comment-form-cookies-consent {
  margin: 10px 0 !important;
}
/* comment page */
.single_input input {
  margin: 0 18px 0 0;
}
label {
  cursor: pointer;
  color: var(--btntlecolor);
}
/* contact page */
.single_input {
  display: flex;
}
.md_20 {
  margin-top: 20px;
}
.tcon_form .c_blue:hover {
  background-color: #0b5ed7;
}
/* contact page */
.inner_yblog_left_title {
  margin: 20px 0 40px;
  width: 100%;
  padding: 25px 15px 15px;
  box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
  position: relative;
}
.inner_yblog_left_title h2 {
  font-size: 22px;
  position: relative;
  margin-bottom: 20px;
  color: var(--titlecolor);
}
.inner_yblog_left_title h2::before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: -8px;
  width: 19%;
  border-bottom: 2px solid var(--bgcolor);
  border-radius: 50%;
}
.bl_tti {
  margin-left: -152px;
}
.inner_yblog_left_title a {
  display: block;
  margin-top: 15px;
  font-size: 15px;
  font-weight: 400;
  color: var(--titlecolor);
}
.inner_yblog_left_title a.bottom {
  border-bottom: none;
}
.inner_yblog_left_title a:hover {
  color: var(--bgcolor);
}
/* innr blog left style 2 css*/
.inner_yblgo_left_style2 a {
  display: inline-block;
  font-weight: 700;
  font-size: 17px;
  color: #666666;
  transition: 0.5s;
}
/* item */
.recent_text {
}
.img_area {
  margin-bottom: 15px;
}
.img_area a img {
  width: 30%;
  height: 100%;
  float: left;
  margin-right: 15px;
}
.recent_text a {
  color: #17161a;
  font-size: 17px;
  font-weight: 600;
  transition: 0.5s;
}
.recent_text a:hover {
  color: var(--bgcolor);
}
.recent_text span {
  color: var(--btntlecolor);
  display: block;
  text-align: center;
  margin-left: 40px;
}
/* item */
.t_month h5 {
  background: var(--bgcolor);
  padding: 15px;
  color: var(--whitec);
  font-size: 14px;
  text-align: center;
  width: 100%;
  margin: 0;
}
.bl_le_side_text a img {
  width: 30%;
  height: 100%;
}
.inner_blog_item {
  display: flex;
}
.wp_calender {
  width: 73.5%;
}
/* category */
.inner_yblog_left_title ul {
  margin: 0;
  padding: 0;
}
.inner_yblog_left_title ul li {
  list-style: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.inner_yblog_left_title ul li a {
  margin: 15px 30px;
  font-weight: 400;
  color: #454545;
}
.inner_yblog_left_title ul li:before {
  content: "\eaa0";
  font-family: IcoFont !important;
  font-size: 18px;
  left: 0;
  margin-left: 15px;
  position: absolute;
}
/* TABLE */
.bl_le_side_text h2 {
  color: var(--titlecolor);
}
table,
th,
td {
  border: 1px solid #b3b3b3;
}
.ab_le {
  width: 20%;
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 2px solid var(--bgcolor);
}
.active_t {
  color: var(--whitec);
  background-color: var(--bgcolor);
}
.calender th {
  font-size: 13px;
  font-weight: 700;
  padding: 5px 10px;
  text-align: center;
  vertical-align: middle;
}
.calender td {
  padding: 10px 13px;
  text-align: center;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
}
.calender_text p {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  text-transform: uppercase;
  caption-side: bottom;
}
.calender_text a {
  color: #454545;
}
.single_post_comment_area {
  margin-top: 30px;
}
.single_post_comment_area input {
  width: 47%;
  outline: none;
  height: 42px;
  padding: 0 20px;
  border: 1px solid #ced4da;
  border-radius: 5px;
  margin-right: 20px;
  margin-bottom: 20px;
}
/* inner single post checkbox css */
.inner_single_post_checkbox {
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.inner_single_post_checkbox input {
  height: 15px;
  width: 12px;
  margin-right: 6px;
}
.single_post_comment_area textarea {
  width: 97%;
  padding: 10px 20px;
  height: 150px;
  margin-top: 15px;
  margin-bottom: 15px;
  outline: none;
  border: 1px solid #ced4da;
  border-radius: 5px;
}
.single_post_comment_area button {
  display: inline-block;
  text-align: center;
  padding: 16px 30px;
  margin-top: 5px;
  border-radius: 5px;
  background-color: var(--bgcolor);
  color: var(--whitec);
  border: none;
  outline: none;
  transition: 0.6s;
}
.single_post_comment_area button:hover {
  background-color: var(--bgcolor);
}
/*======== blog left area end  ==========*/

/*===========START FOOTER area  ======*/
.footer_area {
  margin: 50px 0 0;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.contact_footer {
  margin: 0;
}
.main_item {
  margin: 90px 0 40px;
}
.footer_item1 p {
  margin: 20px 0 15px;
  color: var(--whitec);
  font-size: 16px;
}
.footer_social_icon a {
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  border-radius: 4px;
  margin-right: 10px;
  margin-bottom: 5px;
  transition: 0.5s;
  color: var(--whitec);
  background-color: #3a2779;
}
.footer_social_icon a:hover {
  background-color: var(--bgcolor);
}
/* footer item 2 */
.widged h2 {
  color: var(--whitec);
  font-size: 22px;
  margin: 15px 0;
  position: relative;
}
.widged a img {
  height: 100%;
  width: 100%;
  margin: 5px 0px 5px;
}
/* footer item 3 */
.widged {
}
.widged ul {
  list-style: none;
  padding: 0;
  margin-top: 38px;
}
.widged ul li {
  margin-top: 15px;
}
.widged ul li a {
  font-size: 16px;
  font-weight: 400;
  color: var(--whitec);
  transition: 0.5s;
}
.widged ul li a:hover {
  color: var(--bgcolor);
}
.footer_icon_text {
}
.footer_icon_text ul {
  list-style: none;
}
.footer_icon_text ul li i {
  margin-right: 6px;
}
.footer_icon_text ul li span {
  color: var(--whitec);
}
/* footer item 4 */
.widged ul li i {
  float: left;
  font-size: 16px;
  line-height: 1.5;
  color: var(--whitec);
}
/* footer content */
.widged p {
  margin: 40px 0 21px;
  color: var(--whitec);
}
.widged p input {
  height: 50px;
  width: 80%;
  outline: none;
  padding-left: 15px;
}
.widged p button {
  padding: 12px 18px 12.7px;
  margin-left: -7px;
  border: none;
  color: var(--whitec);
  background-color: var(--bgcolor);
}

/* footer copy right */
/* FOOTER BORDER 1 */
.footer_border {
  position: relative;
}
.footer_border::before {
  content: "";
  position: absolute;
  width: 70%;
  left: 0;
  right: 0;
  top: 45px;
  height: 20px;
  z-index: 9999;
  border-top: 0.5px solid var(--whitec);
  margin: auto;
}
/* FOOTER BORDER 1 */
.copy_border {
}
.copyright {
  padding-top: 71px;
  text-align: center;
  margin-right: 280px;
}
.copyright p {
  font-weight: 500;
  color: var(--whitec);
  margin-top: -45px;
}
.copyright_menu {
  margin-top: 22px;
}
.copyright_menu ul {
  margin: 0;
  padding: 0;
}
.copyright_menu ul li {
  list-style: none;
  display: inline-block;
}
.copyright_menu ul li a {
  display: block;
  transition: 0.5s;
  color: var(--whitec);
  margin-right: 25px;
}
.copyright_menu ul li a:hover {
  color: var(--bgcolor);
}
.main_copyright_area {
  margin-top: 50px;
}
/*=====END FOOTER area  ======*/

/*======== copyright area start  ==========*/
.copyright_area {
  padding: 28px 0 10px;
  background-color: var(--hoverbg);
}
/* about copy right css*/
.about_copy_right_area {
  padding: 17px 0 2px;
}
.copyright_text p {
  color: var(--whitec);
}
/* copy right nav css */
.copyright_nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.copyright_nav ul li {
  display: inline-block;
}
.copyright_nav ul li a {
  display: inline-block;
  margin-left: 20px;
  font-size: 16px;
  font-weight: 400;
  color: var(--whitec);
  text-transform: uppercase;
}
.copyright_nav ul li a:hover {
  color: var(--titlecolor);
}
.about_copy_right_area .copyright_nav ul li a {
  text-transform: capitalize;
}
.about_btn a {
  font-weight: 600;
  padding: 16px 50px;
}
/*======== copyright area end  ==========*/
.witr_mar {
  margin: 0;
}
/*======== scroll top btn css  ==========*/
#scrollUp {
  bottom: 30px;
  font-size: 30px;
  right: 40px;
  border-radius: 5px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  color: var(--whitec);
  background-color: var(--bgcolor);
}