/*��������ֻ������ʾ��,����Դ�롣Դ�����ؽ�������: http://www.bootstrapmb.com/item/7583��(��˵���������ص�Դ���ֻ������ʾҳ���)*//*-----------------------------------------------------------------------------------    Template Name: Cutclub - A Multipurpose HTML5 Template    Template URI: cutclub.maxsify.com    Description: Cutclub - Corporate Business Bootstrap4 HTML5 Template    Author: Maxsify    ����ģ�壺http://www.bootstrapmb.com/    Version: 1.0-----------------------------------------------------------------------------------    CSS INDEX    ===================    01. Theme default CSS	  02. Header    03. Hero	  04. SERVICE css    05. ABOUT css    06.COUNTER css    07.WHAT WE DO css     08.Video Play    09.Experts Block    10.Client Block    11.Articles Block    12.Business Blocks    13.Footer    14.Portfolio    15.blog Content    16.Contact     17.Coming Soon    18.Creative Strategy-----------------------------------------------------------------------------------*//*===========================    1. COMMON css ===========================*/@import url("https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,800,900&display=swap");body {  font-family: "Arimo", sans-serif;  font-weight: normal;  font-style: normal;  color: #666;  overflow-x: hidden;   word-wrap: break-word; }* {  margin: 0;  padding: 0;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; }img {  max-width: 100%; }a:focus,input:focus,textarea:focus,button:focus {  text-decoration: none;  outline: none; }a:focus,a:hover {  text-decoration: none; }i,span,a {  display: inline-block; }h1,h2,h3,h4,h5,h6 {  font-family: "Poppins", sans-serif;  font-weight: 700;  color: #543278;  margin: 0px; }h1 {  font-size: 48px; }h2 {  font-size: 36px; }h3 {  font-size: 28px; }h4 {  font-size: 22px; }h5 {  font-size: 18px; }h6 {  font-size: 16px; }ul, ol {  margin: 0px;  padding: 0px;  list-style-type: none; }p {  font-size: 18px;  font-weight: 400;  line-height: 32px;  color: #666;  margin: 0px; }.page-link:focus {  box-shadow: none; }.bg_cover {  background-position: center center;  background-size: cover;  background-repeat: no-repeat;  width: 100%;  height: 100%; }.hide-overflow {overflow: hidden;}/*===== All Button Style =====*/.main-btn {  display: inline-block;  font-weight: 700;  text-align: center;  white-space: nowrap;  vertical-align: middle;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  border: 1px solid #00c4b4;  padding: 0 34px;  font-size: 14px;  line-height: 50px;  border-radius: 0px;  color: #fff;  cursor: pointer;  z-index: 5;  -webkit-transition: all 0.4s ease-out 0s;  -moz-transition: all 0.4s ease-out 0s;  -ms-transition: all 0.4s ease-out 0s;  -o-transition: all 0.4s ease-out 0s;  transition: all 0.4s ease-out 0s;  background-color: #00c4b4;  text-transform: uppercase;  font-family: "Poppins", sans-serif; }  .main-btn:hover {    background-color: #fff;    color: #00c4b4;    border-color: #00c4b4; }  .main-btn.main-btn-2 {    background-color: #fff;    color: #00c4b4;    border-color: #00c4b4; }    .main-btn.main-btn-2:hover {      background-color: #00c4b4;      border-color: #00c4b4;      color: #fff; }/*===== SECTION TITLE =====*/.section-title {  padding-bottom: 10px; }  .section-title .title {    font-size: 50px;    font-weight: 800;    text-transform: uppercase; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .section-title .title {        font-size: 42px; } }    @media (max-width: 767px) {      .section-title .title {        font-size: 30px; } }  .section-title p {    font-size: 18px;    color: #666;    padding-bottom: 25px; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .section-title p {        font-size: 16px; } }    @media (max-width: 767px) {      .section-title p {        font-size: 16px; } }/*===== SECTION TITLE =====*/.section_title-2 {  margin-bottom: 40px; }  .section_title-2 h2 {    text-transform: uppercase;    font-size: 50px;    font-weight: 800; }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .section_title-2 h2 {        font-size: 36px;        line-height: 50px; } }    @media (max-width: 767px) {      .section_title-2 h2 {        font-size: 32px;        line-height: 42px; } }    @media (max-width: 767px) {      .section_title-2 h2 {        font-size: 28px;        line-height: 40px; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .section_title-2 h2 {        font-size: 36px;        line-height: 50px; } }  .section_title-2 p {    margin-bottom: 25px; }    @media (max-width: 767px) {      .section_title-2 p {        font-size: 16px; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .section_title-2 p {        font-size: 18px; } }  .section_title-2 i {    color: #00c4b4;    font-size: 25px; }/*===========================    2.HEADER css ===========================*/.header-area .header-top {  background: #000; }  .header-area .header-top .header-top-flex {    height: 60px;    align-items: center;    justify-content: space-between; }    .header-area .header-top .header-top-flex .header-top-item ul li {      display: inline-block; }      .header-area .header-top .header-top-flex .header-top-item ul li a {        color: #fff;        font-size: 15px;        line-height: 15px;        margin-right: 22px;        padding-right: 22px;        border-right: 1px solid #2e2e2e; }        @media only screen and (min-width: 768px) and (max-width: 991px) {          .header-area .header-top .header-top-flex .header-top-item ul li a {            margin-right: 15px;            padding-right: 15px; } }        @media (max-width: 767px) {          .header-area .header-top .header-top-flex .header-top-item ul li a {            margin-right: 10px;            padding-right: 10px; } }      .header-area .header-top .header-top-flex .header-top-item ul li:last-child a {        border-right: 0;        margin-right: 0;        padding-right: 0; }    .header-area .header-top .header-top-flex .header-top-info .header-social ul li {      display: inline-block; }      .header-area .header-top .header-top-flex .header-top-info .header-social ul li a {        color: #fff;        margin-left: 18px; }    .header-area .header-top .header-top-flex .header-top-info .header-info ul li {      display: inline-block; }      .header-area .header-top .header-top-flex .header-top-info .header-info ul li a {        color: #fff;        margin-left: 35px;        font-size: 15px; }        @media only screen and (min-width: 992px) and (max-width: 1200px) {          .header-area .header-top .header-top-flex .header-top-info .header-info ul li a {            margin-left: 30px; } }        @media only screen and (min-width: 768px) and (max-width: 991px) {          .header-area .header-top .header-top-flex .header-top-info .header-info ul li a {            margin-left: 20px; } }        .header-area .header-top .header-top-flex .header-top-info .header-info ul li a img {          margin-left: 50px;          padding-right: 9px; }          @media only screen and (min-width: 992px) and (max-width: 1200px) {            .header-area .header-top .header-top-flex .header-top-info .header-info ul li a img {              margin-left: 0; } }          @media only screen and (min-width: 768px) and (max-width: 991px) {            .header-area .header-top .header-top-flex .header-top-info .header-info ul li a img {              margin-left: 0; } }        .header-area .header-top .header-top-flex .header-top-info .header-info ul li a i {          color: #00c4b4;          padding-right: 10px; }.header-area.header-v1-area .header-nav {  top: 25px;  background-color: transparent; }  .header-area.header-v1-area .header-nav.sticky {    background: #fff;    top: 0; }    .header-area.header-v1-area .header-nav.sticky .navbar .navbar-toggler {      border-color: #543278 !important; }      .header-area.header-v1-area .header-nav.sticky .navbar .navbar-toggler .toggler-icon {        background: #543278 !important; }    .header-area.header-v1-area .header-nav.sticky .navbar .navbar-brand {      display: none !important; }    .header-area.header-v1-area .header-nav.sticky .navbar .navbar-brand-2 {      display: block !important; }    .header-area.header-v1-area .header-nav.sticky .navbar .navbar-nav .nav-item a {      line-height: 80px !important;      color: #543278 !important; }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .header-area.header-v1-area .header-nav.sticky .navbar .navbar-nav .nav-item a {          line-height: 40px !important; } }      @media (max-width: 767px) {        .header-area.header-v1-area .header-nav.sticky .navbar .navbar-nav .nav-item a {          line-height: 40px !important; } }    .header-area.header-v1-area .header-nav.sticky .navbar .navbar-nav .nav-item .sub-menu li a {      line-height: 30px !important; }    .header-area.header-v1-area .header-nav.sticky .navbar .navbar-btn span {      border-color: #543278 !important;      color: #543278 !important; }  .header-area.header-v1-area .header-nav .navigation .navbar .navbar-toggler {    border-color: #fff; }    .header-area.header-v1-area .header-nav .navigation .navbar .navbar-toggler .toggler-icon {      background: #fff; }  .header-area.header-v1-area .header-nav .navigation .navbar .navbar-brand {    display: block; }  .header-area.header-v1-area .header-nav .navigation .navbar .navbar-brand-2 {    display: none; }  .header-area.header-v1-area .header-nav .navigation .navbar .navbar-nav .nav-item a {    color: #fff; }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .header-area.header-v1-area .header-nav .navigation .navbar .navbar-nav .nav-item a {        color: #fff !important; } }  .header-area.header-v1-area .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu >li a {    color: #7e7e7e; }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .header-area.header-v1-area .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu >li a {        color: #7e7e7e !important; } }    @media (max-width: 767px) {      .header-area.header-v1-area .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu >li a {        color: #7e7e7e !important; } }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .header-area.header-v1-area .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu >li a:hover {        color: #fff !important; } }    @media (max-width: 767px) {      .header-area.header-v1-area .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu >li a:hover {        color: #fff !important; } }  .header-area.header-v1-area .header-nav .navigation .navbar .navbar-btn span {    border-color: #fff;    color: #fff; }.header-area.header-v1-area.header-v3-area .header-top {  position: absolute;  top: 0;  left: 0;  right: 0;  background: rgba(0, 0, 0, 0.7);  z-index: 9; }.header-area.header-v1-area.header-v3-area .header-nav {  top: 60px; }  .header-area.header-v1-area.header-v3-area .header-nav.sticky {    top: 0; }.header-nav {  position: absolute;  top: 60px;  right: 0;  left: 0;  z-index: 99;  background: #fff; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .header-nav {      padding: 5px 0; } }  @media (max-width: 767px) {    .header-nav {      padding: 5px 0; } }  .header-nav.sticky {    position: fixed;    top: 0;    left: 0;    right: 0;    background: #fff;    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.04);    z-index: 999;    animation: sticky  1.2s; }    .header-nav.sticky .navbar .navbar-nav .nav-item a {      line-height: 80px !important; }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .header-nav.sticky .navbar .navbar-nav .nav-item a {          line-height: 40px !important; } }      @media (max-width: 767px) {        .header-nav.sticky .navbar .navbar-nav .nav-item a {          line-height: 40px !important; } }    .header-nav.sticky .navbar .navbar-nav .nav-item .sub-menu li a {      line-height: 30px !important; }  .header-nav .navigation .navbar {    position: relative;    padding: 0; }    .header-nav .navigation .navbar .country-flag img {      border: 5px solid #fff;      border-radius: 6px;      box-shadow: 0px 8px 16px 0px rgba(60, 110, 203, 0.2); }    .header-nav .navigation .navbar .navbar-toggler {      border: 2px solid #000;      padding: 10px 12px;      border-radius: 0; }      .header-nav .navigation .navbar .navbar-toggler .toggler-icon {        width: 30px;        height: 2px;        background-color: #222;        margin: 5px 0;        display: block;        position: relative;        -webkit-transition: all 0.3s ease-out 0s;        -moz-transition: all 0.3s ease-out 0s;        -ms-transition: all 0.3s ease-out 0s;        -o-transition: all 0.3s ease-out 0s;        transition: all 0.3s ease-out 0s; }      .header-nav .navigation .navbar .navbar-toggler.active .toggler-icon:nth-of-type(1) {        -webkit-transform: rotate(45deg);        -moz-transform: rotate(45deg);        -ms-transform: rotate(45deg);        -o-transform: rotate(45deg);        transform: rotate(45deg);        top: 7px; }      .header-nav .navigation .navbar .navbar-toggler.active .toggler-icon:nth-of-type(2) {        opacity: 0; }      .header-nav .navigation .navbar .navbar-toggler.active .toggler-icon:nth-of-type(3) {        -webkit-transform: rotate(135deg);        -moz-transform: rotate(135deg);        -ms-transform: rotate(135deg);        -o-transform: rotate(135deg);        transform: rotate(135deg);        top: -7px; }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .header-nav .navigation .navbar .navbar-collapse {        position: absolute;        top: 106%;        left: 0;        width: 100%;        background-color: #00c4b4;        z-index: 8;        padding: 10px 16px;        box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15); } }    @media (max-width: 767px) {      .header-nav .navigation .navbar .navbar-collapse {        position: absolute;        top: 106%;        left: 0;        width: 100%;        background-color: #00c4b4;        z-index: 8;        padding: 10px 16px;        box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15); } }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .header-nav .navigation .navbar .navbar-nav {        margin-right: 0; } }    @media (max-width: 767px) {      .header-nav .navigation .navbar .navbar-nav {        margin-right: 0; } }    .header-nav .navigation .navbar .navbar-nav .nav-item {      position: relative; }      .header-nav .navigation .navbar .navbar-nav .nav-item a {        font-size: 16px;        font-weight: 600;        color: #543278;        text-transform: capitalize;        position: relative;        -webkit-transition: all 0.3s ease-out 0s;        -moz-transition: all 0.3s ease-out 0s;        -ms-transition: all 0.3s ease-out 0s;        -o-transition: all 0.3s ease-out 0s;        transition: all 0.3s ease-out 0s;        line-height: 120px;        padding: 0 20px;        font-family: "Poppins", sans-serif; }        @media only screen and (min-width: 768px) and (max-width: 991px) {          .header-nav .navigation .navbar .navbar-nav .nav-item a {            color: #fff; } }        @media (max-width: 767px) {          .header-nav .navigation .navbar .navbar-nav .nav-item a {            color: #fff; } }        @media only screen and (min-width: 768px) and (max-width: 991px) {          .header-nav .navigation .navbar .navbar-nav .nav-item a >i {            display: none; } }        @media (max-width: 767px) {          .header-nav .navigation .navbar .navbar-nav .nav-item a >i {            display: none; } }        @media only screen and (min-width: 992px) and (max-width: 1200px) {          .header-nav .navigation .navbar .navbar-nav .nav-item a {            font-size: 14px;            padding: 0 5px;            margin: 0 6px; } }        @media only screen and (min-width: 768px) and (max-width: 991px) {          .header-nav .navigation .navbar .navbar-nav .nav-item a {            padding: 0;            display: block;            border: 0;            margin: 0;            line-height: 40px; } }        @media (max-width: 767px) {          .header-nav .navigation .navbar .navbar-nav .nav-item a {            padding: 0;            display: block;            border: 0;            margin: 0;            line-height: 40px; } }        .header-nav .navigation .navbar .navbar-nav .nav-item a span {          padding-left: 5px;          font-size: 15px; }          @media only screen and (min-width: 768px) and (max-width: 991px) {            .header-nav .navigation .navbar .navbar-nav .nav-item a span {              display: none; } }          @media (max-width: 767px) {            .header-nav .navigation .navbar .navbar-nav .nav-item a span {              display: none; } }      .header-nav .navigation .navbar .navbar-nav .nav-item:first-child a {        margin-left: 0; }      .header-nav .navigation .navbar .navbar-nav .nav-item:last-child a {        margin-right: 0; }      .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu {        position: absolute;        left: 0;        top: 110%;        width: 200px;        background-color: #fff;        opacity: 0;        visibility: hidden;        -webkit-transition: all 0.3s ease-out 0s;        -moz-transition: all 0.3s ease-out 0s;        -ms-transition: all 0.3s ease-out 0s;        -o-transition: all 0.3s ease-out 0s;        transition: all 0.3s ease-out 0s;        z-index: 99;        -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);        -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16); }        @media only screen and (min-width: 768px) and (max-width: 991px) {          .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu {            position: relative !important;            width: 100% !important;            left: 0 !important;            top: auto !important;            opacity: 1 !important;            visibility: visible !important;            display: none;            right: auto;            -webkit-transform: translateX(0%);            -moz-transform: translateX(0%);            -ms-transform: translateX(0%);            -o-transform: translateX(0%);            transform: translateX(0%);            -webkit-transition: all none ease-out 0s;            -moz-transition: all none ease-out 0s;            -ms-transition: all none ease-out 0s;            -o-transition: all none ease-out 0s;            transition: all none ease-out 0s;            -webkit-box-shadow: none;            -moz-box-shadow: none;            box-shadow: none;            text-align: left;            border-top: 0; } }        @media (max-width: 767px) {          .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu {            position: relative !important;            width: 100% !important;            left: 0 !important;            top: auto !important;            opacity: 1 !important;            visibility: visible !important;            display: none;            right: auto;            -webkit-transform: translateX(0%);            -moz-transform: translateX(0%);            -ms-transform: translateX(0%);            -o-transform: translateX(0%);            transform: translateX(0%);            -webkit-transition: all none ease-out 0s;            -moz-transition: all none ease-out 0s;            -ms-transition: all none ease-out 0s;            -o-transition: all none ease-out 0s;            transition: all none ease-out 0s;            -webkit-box-shadow: none;            -moz-box-shadow: none;            box-shadow: none;            text-align: left;            border-top: 0; } }        .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu >li {          position: relative; }          .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu >li .sub-nav-toggler {            color: #543278;            -webkit-transition: all 0.3s ease-out 0s;            -moz-transition: all 0.3s ease-out 0s;            -ms-transition: all 0.3s ease-out 0s;            -o-transition: all 0.3s ease-out 0s;            transition: all 0.3s ease-out 0s; }          .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu >li a {            display: block;            padding: 8px 24px;            position: relative;            color: #7e7e7e;            -webkit-transition: all 0.3s ease-out 0s;            -moz-transition: all 0.3s ease-out 0s;            -ms-transition: all 0.3s ease-out 0s;            -o-transition: all 0.3s ease-out 0s;            transition: all 0.3s ease-out 0s;            border-radius: 0;            margin: 0 0;            line-height: 30px; }            .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu >li a i {              float: right;              font-size: 14px;              margin-top: 5px; }              @media only screen and (min-width: 768px) and (max-width: 991px) {                .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu >li a i {                  display: none; } }              @media (max-width: 767px) {                .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu >li a i {                  display: none; } }            .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu >li a .sub-nav-toggler i {              display: inline-block; }          .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu >li .sub-menu {            right: auto;            left: 100%;            top: 0;            opacity: 0;            visibility: hidden;            -webkit-transition: all 0.3s ease-out 0s;            -moz-transition: all 0.3s ease-out 0s;            -ms-transition: all 0.3s ease-out 0s;            -o-transition: all 0.3s ease-out 0s;            transition: all 0.3s ease-out 0s; }            @media only screen and (min-width: 768px) and (max-width: 991px) {              .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu >li .sub-menu {                padding-left: 30px; } }            @media (max-width: 767px) {              .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu >li .sub-menu {                padding-left: 30px; } }          .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu >li:hover .sub-menu {            top: 100%;            opacity: 1;            visibility: visible; }          .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu >li:hover .sub-nav-toggler {            color: #fff; }          .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu >li:hover >a {            background-color: #00c4b4;            color: #fff !important; }      .header-nav .navigation .navbar .navbar-nav .nav-item:hover .sub-menu {        opacity: 1;        visibility: visible;        top: 100%; }      .header-nav .navigation .navbar .navbar-nav .nav-item .sub-nav-toggler {        display: none; }        @media only screen and (min-width: 768px) and (max-width: 991px) {          .header-nav .navigation .navbar .navbar-nav .nav-item .sub-nav-toggler {            display: inline-block;            position: absolute;            top: -14px;            right: 0;            padding: 10px 14px;            font-size: 16px;            background: none;            border: 0;            color: #fff; } }        @media (max-width: 767px) {          .header-nav .navigation .navbar .navbar-nav .nav-item .sub-nav-toggler {            display: inline-block;            position: absolute;            top: -14px;            right: 0;            padding: 10px 14px;            font-size: 16px;            background: none;            border: 0;            color: #fff; } }    .header-nav .navigation .navbar .navbar-btn span {      height: 50px;      width: 50px;      border: 2px solid #543278;      color: #543278;      text-align: center;      line-height: 46px;      font-size: 18px;      margin-right: 8px;      cursor: pointer; }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .header-nav .navigation .navbar .navbar-btn {        position: absolute;        right: 70px;        top: 50%;        transform: translateY(-50%); } }    @media (max-width: 767px) {      .header-nav .navigation .navbar .navbar-btn {        position: absolute;        right: 70px;        top: 50%;        transform: translateY(-50%); } }@-webkit-keyframes sticky {  0% {    top: -200px; }  100% {    top: 0; } }@keyframes sticky {  0% {    top: -200px; }  100% {    top: 0; } }/*----------------------------------------   sidebar style----------------------------------------*/.body-overlay {  position: fixed;  width: 100%;  height: 100%;  display: block;  background-color: rgba(0, 0, 0, 0.54);  z-index: 99999;  content: '';  left: 100%;  top: 0;  visibility: hidden;  opacity: 0;  -webkit-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in;  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==), progress; }.body-overlay.active {  visibility: visible;  opacity: .80;  left: 0; }.sidebar-menu {  width: 0;  position: fixed;  right: 0;  top: 0;  height: 100vh;  background-color: #fff;  z-index: 99999;  padding: 100px 30px 30px 30px;  overflow-y: auto;  -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;  -moz-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;  -ms-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;  -o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;  transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);  -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);  opacity: 0;  visibility: hidden; }.sidebar-menu .sidebar-inner {  position: relative;  top: 150px;  opacity: 0;  visibility: hidden;  -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s;  transition: all .3s ease-in .3s;  -webkit-backface-visibility: hidden;  backface-visibility: hidden; }.sidebar-menu .sidebar-menu-close {  background-color: #00c4b4;  border: 0;  position: absolute;  top: 0;  right: 0;  color: #fff;  width: 50px;  height: 50px;  line-height: 50px;  cursor: pointer; }.sidebar-menu .sidebar-menu-close i {  color: #fff;  font-size: 22px; }.sidebar-menu .sidebar-logo {  margin-bottom: 23px; }.sidebar-menu .sidebar-contact {  margin-top: 33px; }.sidebar-menu .sidebar-contact h4 {  font-size: 24px;  line-height: 36px;  margin-bottom: 10px; }.sidebar-menu .sidebar-contact ul li {  font-size: 16px;  line-height: 35px;  color: #888; }.sidebar-menu .sidebar-contact ul li i {  font-size: 16px;  margin-right: 5px;  width: 25px; }.sidebar-menu .sidebar-subscribe {  margin-top: 35px;  margin-bottom: 30px;  display: flex; }.sidebar-menu .sidebar-subscribe input[type='text'] {  border: 1px solid #CCD3DC;  border-right: 0;  height: 45px;  padding: 0 20px 0 20px; }.sidebar-menu .sidebar-subscribe button {  background: rgba(4, 51, 129, 0.5);  border: 0;  height: 45px;  width: 46px;  -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s;  transition: all .3s;  cursor: pointer; }.sidebar-menu .sidebar-subscribe button:focus,.sidebar-menu .sidebar-subscribe button:hover {  background: #043381;  outline: 0; }.sidebar-menu .sidebar-subscribe button i {  color: #fff; }.sidebar-menu .social-link {  margin-top: 20px; }.sidebar-menu .social-link ul {  margin: 0;  padding: 0; }.sidebar-menu .social-link ul li {  list-style: none;  float: left;  margin: 0;  width: 40px;  height: 40px;  border-radius: 50%;  background: #00c4b4;  line-height: 43px;  text-align: center;  margin-right: 15px;  -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -ms-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s;  cursor: pointer; }.sidebar-menu .social-link ul li a {  color: #fff; }.sidebar-menu .social-link ul li:hover {  background: #543278;  color: #00c4b4; }.sidebar-menu.active {  width: 365px;  opacity: 1;  visibility: visible; }.sidebar-menu.active .sidebar-inner {  top: 0;  opacity: 1;  visibility: visible;  -webkit-transition: all 1s ease-out 1.2s;  -o-transition: all 1s ease-out 1.2s;  transition: all 1s ease-out 1.2s;  -webkit-backface-visibility: hidden;  backface-visibility: hidden; }/*===========================    3.BANNER css ===========================*/.banner_v1 {  position: relative;  padding-top: 290px;  padding-bottom: 185px; }  .banner_v1::before {    position: absolute;    content: '';    top: 0;    left: 0;    width: 100%;    height: 100%;    background: #0f041a;    opacity: 0.702; }  .banner_v1 .banner_content {    margin-bottom: 40px; }    .banner_v1 .banner_content span {      display: block;      color: #fff;      margin-bottom: 23px;      font-size: 24px; }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .banner_v1 .banner_content span {          font-size: 20px; } }      @media (max-width: 767px) {        .banner_v1 .banner_content span {          font-size: 16px; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .banner_v1 .banner_content span {          font-size: 18px; } }    .banner_v1 .banner_content h1 {      color: #fff;      line-height: 74px;      font-size: 65px;      font-weight: 800;      padding-bottom: 23px; }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .banner_v1 .banner_content h1 {          font-size: 54px;          line-height: 64px; } }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .banner_v1 .banner_content h1 {          font-size: 44px;          line-height: 60px; } }      @media (max-width: 767px) {        .banner_v1 .banner_content h1 {          font-size: 26px;          line-height: 36px; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .banner_v1 .banner_content h1 {          font-size: 36px;          line-height: 46px; } }  .banner_v1 .play_box .paly_btn {    display: inline-block;    width: 120px;    height: 120px;    line-height: 120px;    text-align: center;    border-radius: 50%;    color: #333333;    font-size: 40px;    background: #fff;    position: relative;    z-index: 5; }    .banner_v1 .play_box .paly_btn::before {      position: absolute;      content: '';      left: 0;      top: 0;      height: 100%;      width: 100%;      background: #fff;      z-index: -1;      border-radius: 50%;      animation: pulse-border 2s infinite linear; }.banner_v2 {  position: relative;  background-position: left;  padding: 365px 0 230px; }  .banner_v2 .banner_content {    max-width: 900px;    margin: 0 auto; }    .banner_v2 .banner_content h1 {      font-size: 200px;      background: url(../images/text.jpg) no-repeat;      background-size: 100% 100%;      font-weight: 900;      text-align: center;      -webkit-text-fill-color: transparent;      -webkit-background-clip: text; }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .banner_v2 .banner_content h1 {          font-size: 180px; } }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .banner_v2 .banner_content h1 {          font-size: 140px; } }      @media (max-width: 767px) {        .banner_v2 .banner_content h1 {          font-size: 60px; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .banner_v2 .banner_content h1 {          font-size: 100px; } }    .banner_v2 .banner_content p {      color: #fff;      font-size: 34px;      line-height: 40px;      padding: 0 140px; }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .banner_v2 .banner_content p {          font-size: 26px;          line-height: 34px; } }      @media (max-width: 767px) {        .banner_v2 .banner_content p {          padding: 0 0px;          font-size: 24px;          line-height: 34px; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .banner_v2 .banner_content p {          padding: 0 40px;          font-size: 28px;          line-height: 38px; } }.banner_v3 {  position: relative;  padding: 325px 0 210px;  background-position: bottom; }  .banner_v3 .banner_content {    max-width: 670px; }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .banner_v3 .banner_content {        max-width: max-content; } }    @media (max-width: 767px) {      .banner_v3 .banner_content {        max-width: max-content; } }    .banner_v3 .banner_content h1 {      color: #fff;      margin-bottom: 15px;      font-size: 65px;      line-height: 80px; }      @media (max-width: 767px) {        .banner_v3 .banner_content h1 {          font-size: 32px;          line-height: 42px; } }    .banner_v3 .banner_content h4 {      color: #fff;      font-weight: normal;      margin-bottom: 60px;      font-size: 24px; }  .banner_v3 .button_box a {    background: #00c4b4;    border-color: #00c4b4;    color: #fff; }    @media (max-width: 767px) {      .banner_v3 .button_box a {        margin-bottom: 10px; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .banner_v3 .button_box a {        margin-bottom: 0px; } }    .banner_v3 .button_box a:hover {      background-color: transparent;      border-color: #fff;      color: #fff; }    .banner_v3 .button_box a.main-btn-2 {      background-color: transparent;      border-color: #fff;      color: #fff; }      .banner_v3 .button_box a.main-btn-2:hover {        background: #00c4b4;        border-color: #00c4b4;        color: #fff; }.banner-area {  height: 850px;  position: relative; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .banner-area {      background-position: -340px;      height: 700px; } }  @media (max-width: 767px) {    .banner-area {      background-position: -350px;      height: 600px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .banner-area {      background-position: -300px;      height: 600px; } }  .banner-area .banner-content {    padding-top: 80px; }    .banner-area .banner-content .title {      font-size: 110px;      font-weight: 800;      color: #fff;      padding-bottom: 35px; }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .banner-area .banner-content .title {          font-size: 90px; } }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .banner-area .banner-content .title {          font-size: 72px; } }      @media (max-width: 767px) {        .banner-area .banner-content .title {          font-size: 50px;          line-height: 50px; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .banner-area .banner-content .title {          font-size: 80px;          line-height: 80px; } }    @media (max-width: 767px) {      .banner-area .banner-content .banner-item {        display: block !important; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .banner-area .banner-content .banner-item {        display: flex !important; } }    .banner-area .banner-content .banner-item ul {      border-right: 1px solid #d2d2d2; }      @media (max-width: 767px) {        .banner-area .banner-content .banner-item ul {          text-align: center !important;          padding: 0;          border-right: 0; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .banner-area .banner-content .banner-item ul {          text-align: center !important;          padding: 0 15px;          border-right: 1px solid #d2d2d2; } }      .banner-area .banner-content .banner-item ul li {        font-size: 26px;        line-height: 35px;        color: #fff; }        @media only screen and (min-width: 992px) and (max-width: 1200px) {          .banner-area .banner-content .banner-item ul li {            font-size: 22px;            line-height: 32px; } }        @media only screen and (min-width: 768px) and (max-width: 991px) {          .banner-area .banner-content .banner-item ul li {            font-size: 20px;            line-height: 30px; } }        @media (max-width: 767px) {          .banner-area .banner-content .banner-item ul li {            font-size: 14px;            line-height: 24px; } }      .banner-area .banner-content .banner-item ul.text-left {        border-right: 0; }  .banner-area .scroll-down-area {    position: absolute;    left: 50%;    bottom: 35px;    transform: translateX(-50%); }    .banner-area .scroll-down-area p {      font-size: 14px;      font-weight: 700;      color: #fff;      font-family: "Poppins", sans-serif;      padding-top: 4px; }.page-title-area {  height: 510px;  display: flex;  align-items: center;  position: relative; }  .page-title-area::before {    position: absolute;    content: '';    left: 0;    top: 0;    height: 100%;    width: 100%;    background: #0f041a;    opacity: .6; }  .page-title-area .page-title-content {    padding-top: 140px; }    .page-title-area .page-title-content .title {      font-size: 60px;      font-weight: 800;      color: #fff;      padding-bottom: 13px; }      @media (max-width: 767px) {        .page-title-area .page-title-content .title {          font-size: 34px; } }    .page-title-area .page-title-content nav {      display: inline-block; }      .page-title-area .page-title-content nav ol {        background-color: transparent;        padding: 0;        margin: 0; }        .page-title-area .page-title-content nav ol li {          color: #fff !important;          font-size: 20px; }          .page-title-area .page-title-content nav ol li a {            color: #fff; }.breadcrumb-item + .breadcrumb-item::before {  color: #fff;  content: "-"; }@keyframes pulse-border {  0% {    -webkit-transform: scale(1);    -moz-transform: scale(1);    -ms-transform: scale(1);    -o-transform: scale(1);    transform: scale(1);    opacity: 1; }  100% {    -webkit-transform: scale(1.5);    -moz-transform: scale(1.5);    -ms-transform: scale(1.5);    -o-transform: scale(1.5);    transform: scale(1.5);    opacity: 0; } }/*===========================    4.SERVICE css ===========================*/.services-area .services-item {  position: relative;  overflow: hidden;  z-index: 5; }  .services-area .services-item .services-overlay {    position: absolute;    left: 0;    top: 0;    height: 100%;    width: 100%;    background: rgba(0, 0, 0, 0.5);    -webkit-transition: all 0.3s ease-out 0s;    -moz-transition: all 0.3s ease-out 0s;    -ms-transition: all 0.3s ease-out 0s;    -o-transition: all 0.3s ease-out 0s;    transition: all 0.3s ease-out 0s; }    .services-area .services-item .services-overlay .services-content {      position: absolute;      left: 40px;      bottom: -28px;      -webkit-transition: all 0.3s ease-out 0s;      -moz-transition: all 0.3s ease-out 0s;      -ms-transition: all 0.3s ease-out 0s;      -o-transition: all 0.3s ease-out 0s;      transition: all 0.3s ease-out 0s; }      @media (max-width: 767px) {        .services-area .services-item .services-overlay .services-content {          left: 20px; } }      .services-area .services-item .services-overlay .services-content span {        font-size: 18px;        font-weight: 700;        color: #cfcfcf;        text-transform: uppercase;        position: relative; }        .services-area .services-item .services-overlay .services-content span::before {          position: absolute;          content: '';          left: 0;          bottom: -3px;          height: 1px;          width: 80px;          background: #d2d2d2; }      .services-area .services-item .services-overlay .services-content .title {        font-size: 34px;        line-height: 40px;        color: #fff;        padding-top: 18px;        padding-bottom: 33px; }        @media only screen and (min-width: 1200px) and (max-width: 1600px) {          .services-area .services-item .services-overlay .services-content .title {            font-size: 28px;            line-height: 38px; } }        @media only screen and (min-width: 992px) and (max-width: 1200px) {          .services-area .services-item .services-overlay .services-content .title {            font-size: 23px;            line-height: 33px; } }        @media only screen and (min-width: 768px) and (max-width: 991px) {          .services-area .services-item .services-overlay .services-content .title {            font-size: 30px;            line-height: 40px; } }        @media (max-width: 767px) {          .services-area .services-item .services-overlay .services-content .title {            font-size: 22px;            line-height: 32px; } }        @media only screen and (min-width: 576px) and (max-width: 767px) {          .services-area .services-item .services-overlay .services-content .title {            font-size: 26px;            line-height: 36px; } }      .services-area .services-item .services-overlay .services-content a {        font-size: 18px;        font-weight: 700;        text-transform: uppercase;        font-family: "Poppins", sans-serif;        color: #fff; }        .services-area .services-item .services-overlay .services-content a i {          padding-left: 5px; }  .services-area .services-item img {    width: 100%; }  .services-area .services-item:hover .services-overlay {    background: rgba(0, 196, 180, 0.9); }    .services-area .services-item:hover .services-overlay .services-content {      bottom: 32px; }/*===========================    5.ABOUT css ===========================*/.about-area .about-content .title {  font-size: 45px;  color: #543278;  font-weight: 800; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .about-area .about-content .title {      font-size: 42px; } }  @media (max-width: 767px) {    .about-area .about-content .title {      font-size: 32px; } }.about-area .about-content p {  font-size: 18px;  color: #848484;  line-height: 30px;  padding-right: 10px;  padding-top: 20px;  padding-bottom: 15px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .about-area .about-content p {      font-size: 16px;      padding-right: 0; } }  @media (max-width: 767px) {    .about-area .about-content p {      font-size: 16px;      padding-right: 0; } }.about-area .about-content ul li a {  font-size: 18px;  color: #848484;  line-height: 34px; }  @media (max-width: 767px) {    .about-area .about-content ul li a {      font-size: 16px; } }  .about-area .about-content ul li a img {    padding-right: 5px; }@media only screen and (min-width: 768px) and (max-width: 991px) {  .about-area .about-thumb {    margin-top: 40px; } }@media (max-width: 767px) {  .about-area .about-thumb {    margin-top: 40px; } }.about-area .about-thumb img {  width: 100%; }/*===========================    6.COUNTER css ===========================*/.counter-area .counter-item {  border-right: 1px solid #00c4b4;  position: relative; }  .counter-area .counter-item::before {    position: absolute;    content: '';    bottom: 0;    right: -8px;    height: 14px;    width: 14px;    border-radius: 50%;    background: #00c4b4; }  .counter-area .counter-item .title {    font-size: 70px;    font-weight: 400;    line-height: 70px; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .counter-area .counter-item .title {        font-size: 50px; } }  .counter-area .counter-item span {    color: #543278;    font-size: 18px;    font-family: "Poppins", sans-serif; }  .counter-area .counter-item.item {    border-right: 0; }    .counter-area .counter-item.item::before {      display: none; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .counter-area .counter-item.item-2 {      border-right: 0; }      .counter-area .counter-item.item-2::before {        display: none; } }  @media (max-width: 767px) {    .counter-area .counter-item.item-2 {      border-right: 0; }      .counter-area .counter-item.item-2::before {        display: none; } }  @media (max-width: 767px) {    .counter-area .counter-item.item-3 {      border-right: 0; }      .counter-area .counter-item.item-3::before {        display: none; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .counter-area .counter-item.item-3 {      border-right: 1px solid #00c4b4; }      .counter-area .counter-item.item-3::before {        display: block; } }/*===========================    7.WHAT WE DO css ===========================*/.what-we-do-area {  padding-top: 108px; }  .what-we-do-area .what-we-do-item {    background: #fff;    padding-top: 45px;    padding-bottom: 40px;    box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.05); }    .what-we-do-area .what-we-do-item a {      display: block; }    .what-we-do-area .what-we-do-item .title {      font-size: 26px;      text-transform: capitalize;      padding-top: 20px; }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .what-we-do-area .what-we-do-item .title {          font-size: 22px; } }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .what-we-do-area .what-we-do-item .title {          font-size: 22px; } }      @media (max-width: 767px) {        .what-we-do-area .what-we-do-item .title {          font-size: 22px; } }    .what-we-do-area .what-we-do-item p {      font-size: 18px;      color: #666;      padding: 13px 50px 0; }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .what-we-do-area .what-we-do-item p {          font-size: 16px;          padding: 13px 30px 0; } }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .what-we-do-area .what-we-do-item p {          font-size: 17px;          padding: 13px 40px 0; } }      @media (max-width: 767px) {        .what-we-do-area .what-we-do-item p {          font-size: 16px;          padding: 13px 20px 0; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .what-we-do-area .what-we-do-item p {          font-size: 18px;          padding: 13px 55px 0; } }  .what-we-do-area.services-2-area {    padding-top: 90px; }/*===========================    8.VIDEO PLAY css ===========================*/.video-play-area {  height: 740px; }  @media (max-width: 767px) {    .video-play-area {      height: 600px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .video-play-area {      height: 700px; } }  .video-play-area .video-play-content {    background: rgba(8, 4, 4, 0.9);    padding: 50px 60px;    position: relative; }    @media (max-width: 767px) {      .video-play-area .video-play-content {        padding: 50px 10px; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .video-play-area .video-play-content {        padding: 50px 60px; } }    .video-play-area .video-play-content span {      color: #d6d6d6;      font-weight: 700;      font-size: 18px;      text-transform: uppercase;      padding-bottom: 15px; }    .video-play-area .video-play-content .title {      font-size: 32px;      line-height: 44px;      color: #fff; }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .video-play-area .video-play-content .title {          font-size: 22px;          line-height: 32px; } }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .video-play-area .video-play-content .title {          font-size: 27px;          line-height: 37px; } }      @media (max-width: 767px) {        .video-play-area .video-play-content .title {          font-size: 19px;          line-height: 30px; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .video-play-area .video-play-content .title {          font-size: 27px;          line-height: 37px; } }    .video-play-area .video-play-content a {      position: absolute;      right: 0;      bottom: -30px;      line-height: 70px;      padding: 0 45px;      font-family: "Poppins", sans-serif;      font-weight: 700;      font-size: 14px;      display: -webkit-flex;      display: -moz-flex;      display: -ms-flex;      display: -o-flex;      display: flex;      align-items: center; }      .video-play-area .video-play-content a i {        font-size: 28px;        padding-right: 9px; }/*===========================    9.EXPERTS css ===========================*/.experts-area .experts-title .title {  font-size: 50px;  font-weight: 800;  line-height: 60px;  padding-bottom: 23px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .experts-area .experts-title .title {      font-size: 42px; } }  @media (max-width: 767px) {    .experts-area .experts-title .title {      font-size: 30px;      line-height: 40px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .experts-area .experts-title .title {      font-size: 36px;      line-height: 46px; } }.experts-area .experts-title .project-menu {  margin-bottom: 40px; }  .experts-area .experts-title .project-menu ul li {    display: inline-block;    cursor: pointer;    font-size: 18px;    font-weight: 600;    color: #999;    text-transform: capitalize;    margin: 0 22px;    position: relative; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .experts-area .experts-title .project-menu ul li {        font-size: 17px; } }    @media (max-width: 767px) {      .experts-area .experts-title .project-menu ul li {        font-size: 16px;        margin: 0 12px; } }    .experts-area .experts-title .project-menu ul li::after {      position: absolute;      content: '';      right: -22px;      top: 50%;      transform: translateY(-50%);      height: 12px;      width: 1px;      background: #d7d7d7; }      @media (max-width: 767px) {        .experts-area .experts-title .project-menu ul li::after {          left: -15px; } }    .experts-area .experts-title .project-menu ul li.active {      color: #00c4b4;      position: relative; }      .experts-area .experts-title .project-menu ul li.active::before {        position: absolute;        content: '';        left: 0;        bottom: 0;        height: 4px;        width: 100%;        background: #00c4b4; }    .experts-area .experts-title .project-menu ul li:last-child::after {      width: 0; }.experts-area .experts-btn a {  background: #000;  border-color: #000; }  .experts-area .experts-btn a i {    padding-right: 6px; }  .experts-area .experts-btn a:hover {    background: #00c4b4;    border-color: #00c4b4;    color: #fff; }.experts-item {  position: relative; }  .experts-item img {    width: 100%; }  .experts-item .experts-overlay {    position: absolute;    left: 50%;    top: 50%;    transform: scale(0) translate(-50%, -50%);    height: 80%;    width: 91%;    background: rgba(0, 196, 180, 0.9);    display: flex;    align-items: center;    justify-content: center;    -webkit-transition: all 0.3s ease-out 0s;    -moz-transition: all 0.3s ease-out 0s;    -ms-transition: all 0.3s ease-out 0s;    -o-transition: all 0.3s ease-out 0s;    transition: all 0.3s ease-out 0s;    opacity: 0; }    .experts-item .experts-overlay .experts-content .title {      font-size: 40px;      font-weight: 800;      color: #fff;      line-height: 40px; }      @media only screen and (min-width: 1200px) and (max-width: 1600px) {        .experts-item .experts-overlay .experts-content .title {          font-size: 34px; } }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .experts-item .experts-overlay .experts-content .title {          font-size: 26px; } }    .experts-item .experts-overlay .experts-content p {      color: #fff;      font-size: 18px;      padding-bottom: 20px; }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .experts-item .experts-overlay .experts-content p {          font-size: 14px; } }    .experts-item .experts-overlay .experts-content a {      height: 70px;      width: 70px;      text-align: center;      line-height: 70px;      border-radius: 50%;      background: #000;      color: #fff;      font-size: 22px; }  .experts-item:hover .experts-overlay {    transform: scale(1) translate(-50%, -50%);    opacity: 1; }/*===========================    10.CLIENT css ===========================*/.client-area .client-thumb {  position: relative; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .client-area .client-thumb {      margin-top: 75px;      margin-bottom: 200px; } }  @media (max-width: 767px) {    .client-area .client-thumb {      margin-top: 75px;      margin-bottom: 140px;      margin-left: 60px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .client-area .client-thumb {      margin-left: 120px; } }  .client-area .client-thumb .client-thumb-slide {    height: 185px;    width: 185px;    padding: 15px;    position: relative;    border: 2px dashed  #dfdfdf;    border-radius: 50%; }    .client-area .client-thumb .client-thumb-slide img {      display: inline-block;      border-radius: 50%;      width: 100%; }  .client-area .client-thumb .item {    height: 95px;    width: 95px; }    .client-area .client-thumb .item img {      width: 100%;      border-radius: 50%;      border: 5px solid #fff;      box-shadow: 0px 0px 13px -5px rgba(0, 0, 0, 0.15); }    .client-area .client-thumb .item.item-1 {      position: absolute;      top: -100px;      left: -30px; }    .client-area .client-thumb .item.item-2 {      position: absolute;      top: -100px;      left: 120px; }    .client-area .client-thumb .item.item-3 {      position: absolute;      top: 50%;      left: -120px;      transform: translateY(-50%); }      @media (max-width: 767px) {        .client-area .client-thumb .item.item-3 {          left: -65px; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .client-area .client-thumb .item.item-3 {          left: -120px; } }    .client-area .client-thumb .item.item-4 {      position: absolute;      top: 50%;      left: 210px;      transform: translateY(-50%); }      @media (max-width: 767px) {        .client-area .client-thumb .item.item-4 {          left: 135px; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .client-area .client-thumb .item.item-4 {          left: 210px; } }    .client-area .client-thumb .item.item-5 {      position: absolute;      bottom: -100px;      left: -30px; }    .client-area .client-thumb .item.item-6 {      position: absolute;      bottom: -100px;      left: 120px; }.client-area .client-content .title {  font-size: 50px;  font-weight: 800; }  @media (max-width: 767px) {    .client-area .client-content .title {      font-size: 32px; } }.client-area .client-content p {  font-size: 26px;  line-height: 42px;  color: #666;  font-style: italic;  padding-top: 40px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .client-area .client-content p {      font-size: 22px; } }  @media (max-width: 767px) {    .client-area .client-content p {      font-size: 17px;      line-height: 27px;      padding-top: 10px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .client-area .client-content p {      font-size: 22px;      line-height: 32px;      padding-top: 40px; } }.client-area .client-content span {  font-size: 30px;  font-weight: 700;  font-family: "Poppins", sans-serif;  color: #00c4b4;  padding-top: 23px; }  @media (max-width: 767px) {    .client-area .client-content span {      font-size: 22px; } }.client-area .client-slide .slick-dots {  position: absolute;  left: -100px;  top: 50%;  transform: translateY(-50%); }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .client-area .client-slide .slick-dots {      left: -45px; } }  .client-area .client-slide .slick-dots li {    position: relative;    z-index: 5; }    .client-area .client-slide .slick-dots li::before {      position: absolute;      content: '';      left: 50%;      transform: translateX(-50%);      top: 25px;      height: 100%;      width: 1px;      background: #d5d5d5;      z-index: -1; }    .client-area .client-slide .slick-dots li button {      background-color: transparent;      font-size: 0;      height: 20px;      width: 20px;      border: 3px solid #d5d5d5;      border-radius: 50%;      margin: 24px 0;      background: #fff; }    .client-area .client-slide .slick-dots li.slick-active button {      background: #00c4b4;      border-color: #7fe1d9; }    .client-area .client-slide .slick-dots li:last-child::before {      width: 0; }/*client_slider_v1*/.client_v1 {  padding-top: 110px;  padding-bottom: 120px; }  .client_v1 .client_slider_v1 {    margin-left: -5px;    margin-right: -5px;    position: relative; }    .client_v1 .client_slider_v1 .single_slider {      margin-right: 5px;      margin-left: 5px; }      .client_v1 .client_slider_v1 .single_slider .cutclub_img {        min-width: 230px;        height: 140px;        background: #fff;        text-align: center; }        .client_v1 .client_slider_v1 .single_slider .cutclub_img img {          display: inline-block; }    .client_v1 .client_slider_v1 .slick-arrow {      position: absolute;      top: 50%;      transform: translateY(-50%);      height: 60px;      width: 60px;      line-height: 60px;      border-radius: 50%;      color: #fff;      text-align: center;      background: #00c4b4;      z-index: 5;      cursor: pointer; }      .client_v1 .client_slider_v1 .slick-arrow.prev {        left: -80px; }      .client_v1 .client_slider_v1 .slick-arrow.next {        right: -80px; }.testimonial_v1 {  padding: 110px 0 120px; }  .testimonial_v1 .testimonial_slide_v1 .single_slide .testimonial_box {    display: flex;    flex-flow: row;    max-width: 520px; }    @media (max-width: 767px) {      .testimonial_v1 .testimonial_slide_v1 .single_slide .testimonial_box {        flex-wrap: wrap; } }    .testimonial_v1 .testimonial_slide_v1 .single_slide .testimonial_box .text {      margin-left: 10px;      width: calc(100% - 10px); }      .testimonial_v1 .testimonial_slide_v1 .single_slide .testimonial_box .text p {        color: #c5c5c5;        font-style: italic;        font-size: 22px;        margin-bottom: 20px; }      .testimonial_v1 .testimonial_slide_v1 .single_slide .testimonial_box .text h3 {        font-size: 28px;        font-weight: bold;        color: #fff; }        .testimonial_v1 .testimonial_slide_v1 .single_slide .testimonial_box .text h3 span {          font-size: 16px;          color: #999999; }  .testimonial_v1 .fun_fact .fun_box h2 {    color: #00c4b4; }    .testimonial_v1 .fun_fact .fun_box h2 span {      font-size: 100px;      font-weight: 800; }  .testimonial_v1 .fun_fact .fun_box h5 {    font-weight: 500;    font-size: 20px;    color: #fff; }.blog_v1 {  padding: 110px 0 120px; }  .blog_v1 .grid_item {    margin-bottom: 50px; }    .blog_v1 .grid_item .grid_inner_item .cutclub_img img {      width: 100%; }    .blog_v1 .grid_item .grid_inner_item .cutclub_info {      padding-top: 20px; }      .blog_v1 .grid_item .grid_inner_item .cutclub_info .post-meta {        margin-bottom: 5px; }        .blog_v1 .grid_item .grid_inner_item .cutclub_info .post-meta a {          margin-right: 30px;          color: #00c4b4;          font-size: 14px;          font-weight: 700; }          .blog_v1 .grid_item .grid_inner_item .cutclub_info .post-meta a img {            padding-right: 5px; }      .blog_v1 .grid_item .grid_inner_item .cutclub_info h3 {        font-size: 26px;        line-height: 30px;        font-weight: bold;        margin-bottom: 15px; }        @media only screen and (min-width: 992px) and (max-width: 1200px) {          .blog_v1 .grid_item .grid_inner_item .cutclub_info h3 {            font-size: 22px; } }        @media only screen and (min-width: 768px) and (max-width: 991px) {          .blog_v1 .grid_item .grid_inner_item .cutclub_info h3 {            font-size: 24px; } }        @media (max-width: 767px) {          .blog_v1 .grid_item .grid_inner_item .cutclub_info h3 {            font-size: 20px; } }        @media only screen and (min-width: 576px) and (max-width: 767px) {          .blog_v1 .grid_item .grid_inner_item .cutclub_info h3 {            font-size: 24px; } }        .blog_v1 .grid_item .grid_inner_item .cutclub_info h3 a {          color: #543278; }      .blog_v1 .grid_item .grid_inner_item .cutclub_info p {        padding-right: 20px; }        @media only screen and (min-width: 992px) and (max-width: 1200px) {          .blog_v1 .grid_item .grid_inner_item .cutclub_info p {            font-size: 15px;            padding-right: 0;            line-height: 26px; } }  .blog_v1.blog_page {    padding-top: 120px; }    .blog_v1.blog_page .pagination-area nav {      margin-top: 10px; }/*get_in_touch*/.get_in_touch {  padding: 70px; }  @media (max-width: 767px) {    .get_in_touch {      padding: 70px 0; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .get_in_touch {      padding: 70px; } }  .get_in_touch .cutclub_content_box h3 {    color: #fff;    font-size: 36px;    font-weight: 800; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .get_in_touch .cutclub_content_box h3 {        font-size: 28px; } }  .get_in_touch .cutclub_content_box p {    color: #fff;    font-size: 16px; }    @media only screen and (min-width: 1200px) and (max-width: 1600px) {      .get_in_touch .cutclub_content_box p {        font-size: 15px; } }    @media (max-width: 767px) {      .get_in_touch .cutclub_content_box p {        font-size: 15px; } }  .get_in_touch .subscribe_form {    position: relative; }    .get_in_touch .subscribe_form .form_control {      padding-left: 40px;      display: inline-block;      width: 68.66%;      height: 70px;      background: #fff;      margin-right: 10px;      border: 0; }      @media only screen and (min-width: 1200px) and (max-width: 1600px) {        .get_in_touch .subscribe_form .form_control {          width: 65.66%; } }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .get_in_touch .subscribe_form .form_control {          width: 66.66%; } }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .get_in_touch .subscribe_form .form_control {          width: 100%;          margin-top: 20px;          margin-bottom: 20px; } }      @media (max-width: 767px) {        .get_in_touch .subscribe_form .form_control {          width: 100%;          margin-top: 20px;          margin-bottom: 20px; } }    .get_in_touch .subscribe_form button {      background: #000;      color: #fff;      line-height: 70px;      width: 185px;      border: 0; }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .get_in_touch .subscribe_form button {          width: 140px; } }/*cutclub_crative_agency*/.agency_v1 {  position: relative;  padding-top: 107px;  padding-bottom: 128px; }  .agency_v1::before {    position: absolute;    content: '';    left: 0;    top: 0;    height: 100%;    width: 100%;    background: #2f85b2;    opacity: .9; }  .agency_v1 .cutclub_content_box {    max-width: 770px;    margin: auto;    text-align: center; }    .agency_v1 .cutclub_content_box h2 {      color: #fff;      margin-bottom: 20px;      font-size: 45px;      font-weight: 800;      line-height: 56px; }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .agency_v1 .cutclub_content_box h2 {          font-size: 40px;          line-height: 50px; } }      @media (max-width: 767px) {        .agency_v1 .cutclub_content_box h2 {          font-size: 26px;          line-height: 36px; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .agency_v1 .cutclub_content_box h2 {          font-size: 30px;          line-height: 40px; } }    .agency_v1 .cutclub_content_box p {      color: #fff;      margin: 0 95px 40px; }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .agency_v1 .cutclub_content_box p {          margin: 0 55px 40px; } }      @media (max-width: 767px) {        .agency_v1 .cutclub_content_box p {          margin: 0 0px 40px; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .agency_v1 .cutclub_content_box p {          margin: 0 10px 40px; } }  .agency_v1 .button_box a.main-btn-2 {    background-color: transparent;    color: #fff;    border: 2px solid #fff;    margin-right: 10px; }  .agency_v1 .button_box .video-popup {    position: relative;    display: inline-block;    width: 60px;    height: 60px;    line-height: 60px;    text-align: center;    border-radius: 50%;    background: #fff;    margin-left: 10px;    color: #000;    z-index: 5; }    .agency_v1 .button_box .video-popup:after {      position: absolute;      content: '';      top: 50%;      left: 50%;      width: 80px;      height: 80px;      border-radius: 50%;      background: #fff;      opacity: 0.302;      margin-left: -40px;      margin-top: -40px;      z-index: -1; }/*cutclub_what_we*/.cutclub_what_we {  background-attachment: fixed;  position: relative;  padding-top: 107px; }  .cutclub_what_we::before {    position: absolute;    content: '';    left: 0;    top: 0;    height: 100%;    width: 100%;    background: #000;    opacity: .8; }  .cutclub_what_we .section_title-2 h2 {    color: #fff; }  .cutclub_what_we .section_title-2 p {    color: #cccccc; }  .cutclub_what_we .what_we_box {    padding: 60px 30px;    text-align: center;    border: 2px solid #757575;    position: relative; }    .cutclub_what_we .what_we_box .what_we_overlay {      position: absolute;      left: 0;      top: 0;      height: 100%;      width: 100%;      background: #00c4b4;      opacity: 0;      visibility: hidden; }      .cutclub_what_we .what_we_box .what_we_overlay a {        position: absolute;        left: 50%;        top: 50%;        transform: translate(-50%, -50%); }    .cutclub_what_we .what_we_box img {      display: inline-block; }    .cutclub_what_we .what_we_box img {      margin-bottom: 30px; }    .cutclub_what_we .what_we_box h4 {      color: #fff; }  .cutclub_what_we .row.what_we_slide .slick-center .what_we_box {    border-color: #00c4b4; }    .cutclub_what_we .row.what_we_slide .slick-center .what_we_box .what_we_overlay {      opacity: 1;      visibility: visible; }  .cutclub_what_we .row .col-lg-3 {    padding-left: 0;    padding-right: 0; }.company_v1 {  background-attachment: fixed;  position: relative;  padding-bottom: 100px;  padding-top: 112px; }  .company_v1::before {    position: absolute;    content: '';    left: 0;    top: 0;    height: 100%;    width: 100%;    background: #2f85b2;    opacity: .9; }  .company_v1 .section_title-2 {    margin-bottom: 28px; }    .company_v1 .section_title-2 h2 {      text-transform: lowercase;      color: #fff;      font-size: 45px;      line-height: 56px; }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .company_v1 .section_title-2 h2 {          font-size: 40px;          line-height: 50px; } }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .company_v1 .section_title-2 h2 {          font-size: 34px;          line-height: 44px; } }      @media (max-width: 767px) {        .company_v1 .section_title-2 h2 {          font-size: 26px;          line-height: 36px; } }  .company_v1 .company_box {    padding: 45px 20px;    text-align: center;    background: #478db2;    margin-bottom: 30px; }/*cutclub_Multipurpose_agency*/.agency_v2 {  padding: 113px 0 120px; }  .agency_v2.services-agency {    padding: 118px 0 120px; }  .agency_v2 .section_title-2 h2 {    margin-bottom: 20px;    font-size: 45px;    line-height: 54px;    text-transform: lowercase; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .agency_v2 .section_title-2 h2 {        font-size: 40px;        line-height: 50px; } }    @media (max-width: 767px) {      .agency_v2 .section_title-2 h2 {        font-size: 30px;        line-height: 40px; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .agency_v2 .section_title-2 h2 {        font-size: 45px;        line-height: 54px; } }  .agency_v2 .agency_service_wrap .single_service {    margin-bottom: 40px; }    .agency_v2 .agency_service_wrap .single_service .content_title_box {      text-align: right; }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .agency_v2 .agency_service_wrap .single_service .content_title_box {          text-align: center;          padding-bottom: 15px; } }      @media (max-width: 767px) {        .agency_v2 .agency_service_wrap .single_service .content_title_box {          text-align: center;          margin-bottom: 30px; } }      .agency_v2 .agency_service_wrap .single_service .content_title_box h3 {        font-weight: 800; }        @media (max-width: 767px) {          .agency_v2 .agency_service_wrap .single_service .content_title_box h3 {            font-size: 24px; } }        @media only screen and (min-width: 576px) and (max-width: 767px) {          .agency_v2 .agency_service_wrap .single_service .content_title_box h3 {            font-size: 28px; } }    .agency_v2 .agency_service_wrap .single_service .icon_box {      position: relative;      text-align: center;      width: 140px;      height: 140px;      line-height: 140px;      border-radius: 50%;      border: 9px solid #f4f4f4;      margin: auto;      -webkit-transition: all 0.5s ease-out 0s;      -moz-transition: all 0.5s ease-out 0s;      -ms-transition: all 0.5s ease-out 0s;      -o-transition: all 0.5s ease-out 0s;      transition: all 0.5s ease-out 0s; }      @media (max-width: 767px) {        .agency_v2 .agency_service_wrap .single_service .icon_box {          margin-bottom: 30px; }          .agency_v2 .agency_service_wrap .single_service .icon_box:after {            display: none; } }      .agency_v2 .agency_service_wrap .single_service .icon_box:after {        position: absolute;        top: 130px;        left: 60px;        content: '';        width: 3px;        height: 41px;        background: #f4f4f4; }        @media only screen and (min-width: 768px) and (max-width: 991px) {          .agency_v2 .agency_service_wrap .single_service .icon_box:after {            width: 0; } }      .agency_v2 .agency_service_wrap .single_service .icon_box:hover {        border-color: #00c4b4; }        .agency_v2 .agency_service_wrap .single_service .icon_box:hover:after {          background: #00c4b4; }    .agency_v2 .agency_service_wrap .single_service .cutclub_content_box {      max-width: 370px; }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .agency_v2 .agency_service_wrap .single_service .cutclub_content_box {          text-align: center;          max-width: 100%;          padding: 15px 130px 15px; } }      @media (max-width: 767px) {        .agency_v2 .agency_service_wrap .single_service .cutclub_content_box {          text-align: center;          max-width: 100%;          padding: 0 0px; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .agency_v2 .agency_service_wrap .single_service .cutclub_content_box {          padding: 0 70px; } }  .agency_v2 .agency_service_wrap .button_box a {    border: 3px solid #f4f4f4;    line-height: 60px;    padding: 0 42px;    color: #543278;    background-color: transparent; }    .agency_v2 .agency_service_wrap .button_box a:hover {      background: #00c4b4;      color: #fff;      border-color: #00c4b4; }/*business_service*/.business_service .service_left {  padding: 90px;  width: 50%;  background: #f9f9f9; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .business_service .service_left {      padding: 90px 30px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .business_service .service_left {      width: 100%; } }  @media (max-width: 767px) {    .business_service .service_left {      width: 100%;      padding: 20px; } }  .business_service .service_left .cutclub_content_box span {    color: #00c4b4;    text-transform: uppercase;    display: block;    margin-bottom: 25px;    font-size: 18px;    font-weight: 700; }  .business_service .service_left .cutclub_content_box >h2 {    margin-bottom: 25px;    font-size: 45px;    line-height: 52px; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .business_service .service_left .cutclub_content_box >h2 {        font-size: 40px;        line-height: 50px; } }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .business_service .service_left .cutclub_content_box >h2 {        padding-right: 50px; } }    @media (max-width: 767px) {      .business_service .service_left .cutclub_content_box >h2 {        font-size: 25px;        line-height: 35px; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .business_service .service_left .cutclub_content_box >h2 {        font-size: 26px;        line-height: 36px; } }  .business_service .service_left .cutclub_content_box p {    margin-bottom: 35px; }  .business_service .service_left .cutclub_content_box .box h2 {    font-size: 110px;    background-image: url(../images/text-bg.jpg);    -webkit-background-size: cover;    background-size: 100% 100%;    background-position: center;    background-repeat: no-repeat;    -webkit-text-fill-color: transparent;    -webkit-background-clip: text; }    @media (max-width: 767px) {      .business_service .service_left .cutclub_content_box .box h2 {        font-size: 36px; } }  .business_service .service_left .cutclub_content_box .box p {    padding-top: 35px;    margin-left: 30px;    max-width: 230px;    position: relative;    margin-bottom: 0;    color: #543278;    font-size: 20px;    line-height: 26px;    font-weight: 600; }    @media (max-width: 767px) {      .business_service .service_left .cutclub_content_box .box p {        font-size: 18px; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .business_service .service_left .cutclub_content_box .box p {        font-size: 20px; } }    .business_service .service_left .cutclub_content_box .box p:after {      position: absolute;      top: 0;      left: 0;      content: '';      width: 80px;      height: 1px;      background: #222; }.business_service .service_right {  position: relative;  padding: 100px;  width: 50%;  background-repeat: no-repeat;  background-size: cover;  background-position: center; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .business_service .service_right {      width: 100%;      height: 400px; } }  @media (max-width: 767px) {    .business_service .service_right {      width: 100%;      height: 400px; } }  .business_service .service_right .button_box {    float: right;    position: absolute;    top: 50%;    right: 0;    transform: translate(-50%, -50%); }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .business_service .service_right .button_box {        right: auto;        left: 50%; } }    .business_service .service_right .button_box .nav {      display: block;      border-bottom: none; }      .business_service .service_right .button_box .nav .nav-item .nav-link {        display: block;        min-width: 230px;        height: 67px;        line-height: 67px;        text-align: center;        color: #fff;        background: #222;        border: none;        border-radius: 0;        margin-bottom: 2px;        padding: 0;        font-size: 18px;        font-weight: normal;        -webkit-transition: all 0.5s ease-out 0s;        -moz-transition: all 0.5s ease-out 0s;        -ms-transition: all 0.5s ease-out 0s;        -o-transition: all 0.5s ease-out 0s;        transition: all 0.5s ease-out 0s; }        .business_service .service_right .button_box .nav .nav-item .nav-link.active {          background: #00c4b4; }        .business_service .service_right .button_box .nav .nav-item .nav-link:hover, .business_service .service_right .button_box .nav .nav-item .nav-link:focus {          background: #00c4b4; }/*cutclub_faq*/.cutclub_faq .faq_wrapper .faq_left {  width: 50%;  background-repeat: no-repeat;  background-size: cover;  background-position: center; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .cutclub_faq .faq_wrapper .faq_left {      width: 0; } }  @media (max-width: 767px) {    .cutclub_faq .faq_wrapper .faq_left {      width: 0%; } }.cutclub_faq .faq_wrapper .faq_right {  width: 50%;  padding: 100px 100px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .cutclub_faq .faq_wrapper .faq_right {      padding: 100px 30px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .cutclub_faq .faq_wrapper .faq_right {      width: 100%; } }  @media (max-width: 767px) {    .cutclub_faq .faq_wrapper .faq_right {      width: 100%;      padding: 20px; } }  .cutclub_faq .faq_wrapper .faq_right .title span {    color: #00c4b4;    text-transform: uppercase;    display: block;    margin-bottom: 25px; }  .cutclub_faq .faq_wrapper .faq_right .title h2 {    margin-bottom: 25px; }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .cutclub_faq .faq_wrapper .faq_right .title h2 {        padding-right: 50px; } }    @media (max-width: 767px) {      .cutclub_faq .faq_wrapper .faq_right .title h2 {        font-size: 26px; } }  .cutclub_faq .faq_wrapper .faq_right .faq_content .card {    border: none; }    .cutclub_faq .faq_wrapper .faq_right .faq_content .card .card-header {      background: transparent;      border-bottom: none; }      .cutclub_faq .faq_wrapper .faq_right .faq_content .card .card-header a {        color: #543278;        font-size: 22px;        font-weight: bold;        padding-left: 30px;        vertical-align: middle;        font-family: "Poppins", sans-serif; }        @media (max-width: 767px) {          .cutclub_faq .faq_wrapper .faq_right .faq_content .card .card-header a {            font-size: 16px; } }        .cutclub_faq .faq_wrapper .faq_right .faq_content .card .card-header a .fa {          display: none;          position: absolute;          left: 0;          top: 11px;          color: #222222;          font-size: 12px;          text-align: center;          cursor: pointer;          vertical-align: middle;          height: 35px;          width: 35px;          border-radius: 50%;          line-height: 35px; }    .cutclub_faq .faq_wrapper .faq_right .faq_content .card .card-body {      padding-left: 50px; }  .cutclub_faq .faq_wrapper .faq_right .faq_content .card .card-header a[aria-expanded="true"] i.fa.fa-minus {    display: block;    background: #00c4b4;    color: #fff; }  .cutclub_faq .faq_wrapper .faq_right .faq_content .card .card-header a[aria-expanded="false"] i.fa.fa-plus {    display: block; }/*cutclub_cunter*/.cutclub_cunter {  padding: 115px 0 160px;  background-position: bottom; }  .cutclub_cunter .counter_box {    position: relative;    text-align: center; }    @media (max-width: 767px) {      .cutclub_cunter .counter_box {        margin-bottom: 40px; } }    .cutclub_cunter .counter_box h3 {      color: #fff;      font-weight: normal; }      .cutclub_cunter .counter_box h3 span {        font-size: 70px;        font-weight: normal; }    .cutclub_cunter .counter_box p {      color: #fff; }/*Start Pricing css*/.pricing_v1 {  padding-top: 107px;  padding-bottom: 108px; }  .pricing_v1.pricing-page {    padding-top: 150px;    padding-bottom: 120px; }  .pricing_v1 .section_title-2 {    padding-bottom: 21px; }  .pricing_v1 .pricing_box {    -webkit-transition: all 0.5s ease-out 0s;    -moz-transition: all 0.5s ease-out 0s;    -ms-transition: all 0.5s ease-out 0s;    -o-transition: all 0.5s ease-out 0s;    transition: all 0.5s ease-out 0s; }    @media (max-width: 767px) {      .pricing_v1 .pricing_box {        margin-bottom: 40px; } }    .pricing_v1 .pricing_box:hover .pricing_wrap {      background: url(../images/pricing_bg.png) no-repeat left;      background-size: cover;      border: none; }      .pricing_v1 .pricing_box:hover .pricing_wrap .pricing_head h2 {        color: #fff; }      .pricing_v1 .pricing_box:hover .pricing_wrap .pricing_head p {        color: #fff; }      .pricing_v1 .pricing_box:hover .pricing_wrap .pricing_body ul li {        color: #fff; }    .pricing_v1 .pricing_box .plan_title {      padding: 35px; }      .pricing_v1 .pricing_box .plan_title h4 {        font-weight: 800;        font-size: 26px;        color: #fff; }    .pricing_v1 .pricing_box .pricing_wrap {      position: relative;      padding: 45px;      border: 5px solid #f3f3f3;      border-top: none;      -webkit-transition: all 0.5s ease-out 0s;      -moz-transition: all 0.5s ease-out 0s;      -ms-transition: all 0.5s ease-out 0s;      -o-transition: all 0.5s ease-out 0s;      transition: all 0.5s ease-out 0s; }      .pricing_v1 .pricing_box .pricing_wrap .pricing_head {        position: relative;        margin-bottom: 17px;        padding-bottom: 17px;        border-bottom: 1px solid #efefef; }        .pricing_v1 .pricing_box .pricing_wrap .pricing_head h2 {          font-weight: 300;          font-size: 30px; }          .pricing_v1 .pricing_box .pricing_wrap .pricing_head h2 span {            font-size: 70px;            font-weight: 800; }      .pricing_v1 .pricing_box .pricing_wrap .pricing_body {        position: relative;        overflow: hidden; }        .pricing_v1 .pricing_box .pricing_wrap .pricing_body ul li {          padding-bottom: 15px;          border-bottom: 1px solid #efefef;          margin-bottom: 13px; }      .pricing_v1 .pricing_box .pricing_wrap .button_box {        position: relative;        margin-top: 15px; }        .pricing_v1 .pricing_box .pricing_wrap .button_box .pricing_btn {          display: block;          min-width: 260px;          height: 60px;          line-height: 60px;          text-align: center;          border: 2px solid #a0ce4e;          color: #a0ce4e;          font-size: 16px;          font-weight: bold;          text-transform: uppercase;          -webkit-transition: all 0.5s ease-out 0s;          -moz-transition: all 0.5s ease-out 0s;          -ms-transition: all 0.5s ease-out 0s;          -o-transition: all 0.5s ease-out 0s;          transition: all 0.5s ease-out 0s; }          .pricing_v1 .pricing_box .pricing_wrap .button_box .pricing_btn:hover, .pricing_v1 .pricing_box .pricing_wrap .button_box .pricing_btn:focus {            color: #fff; }  .pricing_v1 .box_1 .plan_title {    background: #a0ce4e; }  .pricing_v1 .box_1 .pricing_wrap .button_box .pricing_btn {    border-color: #a0ce4e; }    @media (max-width: 767px) {      .pricing_v1 .box_1 .pricing_wrap .button_box .pricing_btn {        min-width: 100%; } }    .pricing_v1 .box_1 .pricing_wrap .button_box .pricing_btn:hover, .pricing_v1 .box_1 .pricing_wrap .button_box .pricing_btn:focus {      background: #a0ce4e; }  .pricing_v1 .box_2 {    -webkit-transform: translateY(-30px);    -moz-transform: translateY(-30px);    -ms-transform: translateY(-30px);    -o-transform: translateY(-30px);    transform: translateY(-30px); }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .pricing_v1 .box_2 {        -webkit-transform: translateY(0px);        -moz-transform: translateY(0px);        -ms-transform: translateY(0px);        -o-transform: translateY(0px);        transform: translateY(0px);        margin-top: 30px;        margin-bottom: 30px; } }    @media (max-width: 767px) {      .pricing_v1 .box_2 {        -webkit-transform: translateY(0px);        -moz-transform: translateY(0px);        -ms-transform: translateY(0px);        -o-transform: translateY(0px);        transform: translateY(0px);        margin-top: 30px;        margin-bottom: 30px; } }    .pricing_v1 .box_2 .plan_title {      background: #00c4b4; }    .pricing_v1 .box_2 .pricing_wrap .button_box .pricing_btn {      border-color: #00c4b4;      color: #00c4b4; }      @media (max-width: 767px) {        .pricing_v1 .box_2 .pricing_wrap .button_box .pricing_btn {          min-width: 100%; } }      .pricing_v1 .box_2 .pricing_wrap .button_box .pricing_btn:hover, .pricing_v1 .box_2 .pricing_wrap .button_box .pricing_btn:focus {        background: #00c4b4; }  .pricing_v1 .box_3 .plan_title {    background: #f1894c; }  .pricing_v1 .box_3 .pricing_wrap .button_box .pricing_btn {    border-color: #f1894c;    color: #f1894c; }    @media (max-width: 767px) {      .pricing_v1 .box_3 .pricing_wrap .button_box .pricing_btn {        min-width: 100%; } }    .pricing_v1 .box_3 .pricing_wrap .button_box .pricing_btn:hover, .pricing_v1 .box_3 .pricing_wrap .button_box .pricing_btn:focus {      background: #f1894c; }/*cutclub_contact_info*/.company_v2 {  background-position: bottom;  padding: 108px 0 185px; }  .company_v2 .company_box {    padding: 45px 20px;    text-align: center;    border-right: 1px dotted #cbcbcb;    border-bottom: 1px dotted #cbcbcb; }  .company_v2 .box_2 {    border-right: none; }  .company_v2 .box_3 {    border-bottom: none; }  .company_v2 .company_us {    position: relative;    width: 100%;    height: 100%;    background: #00c4b4;    cursor: pointer; }    .company_v2 .company_us a {      font-weight: bold;      color: #fff;      position: absolute;      top: 50%;      left: 50%;      -webkit-transform: translate(-50%, -50%);      -moz-transform: translate(-50%, -50%);      -ms-transform: translate(-50%, -50%);      -o-transform: translate(-50%, -50%);      transform: translate(-50%, -50%);      text-transform: uppercase; }/*===========================    11.ARTICLES css ===========================*/.articles-area {  padding-top: 108px;  padding-bottom: 120px; }  .articles-area .articles-item .articles-thumb {    position: relative;    overflow: hidden; }    .articles-area .articles-item .articles-thumb img {      width: 100%;      -webkit-transition: all 0.3s ease-out 0s;      -moz-transition: all 0.3s ease-out 0s;      -ms-transition: all 0.3s ease-out 0s;      -o-transition: all 0.3s ease-out 0s;      transition: all 0.3s ease-out 0s; }    .articles-area .articles-item .articles-thumb span {      position: absolute;      top: 10px;      left: 10px;      background: #fff;      color: #00c4b4;      line-height: 38px;      padding: 0 18px;      font-size: 14px;      font-weight: 700; }      .articles-area .articles-item .articles-thumb span i {        padding-right: 4px; }  .articles-area .articles-item .articles-content {    background: #fff;    box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.05);    padding: 23px 0px 25px 40px; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .articles-area .articles-item .articles-content {        padding: 23px 0px 25px 20px; } }    @media (max-width: 767px) {      .articles-area .articles-item .articles-content {        padding: 23px 0px 25px 20px; } }    .articles-area .articles-item .articles-content .title {      font-size: 24px;      font-weight: 700;      line-height: 28px;      padding-bottom: 10px; }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .articles-area .articles-item .articles-content .title {          font-size: 20px; } }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .articles-area .articles-item .articles-content .title {          font-size: 25px; } }      @media (max-width: 767px) {        .articles-area .articles-item .articles-content .title {          font-size: 20px;          line-height: 28px; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .articles-area .articles-item .articles-content .title {          font-size: 24px;          line-height: 28px; } }    .articles-area .articles-item .articles-content span {      font-weight: 700;      color: #999; }      .articles-area .articles-item .articles-content span span {        color: #00c4b4; }  .articles-area .articles-item:hover .articles-thumb img {    transform: scale(1.05); }  .articles-area.blog-3-area {    padding-top: 90px; }.pagination-area {  display: -webkit-flex;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: flex;  justify-content: center; }  .pagination-area nav {    margin-top: 70px; }    .pagination-area nav ul {      display: -webkit-flex;      display: -moz-flex;      display: -ms-flex;      display: -o-flex;      display: flex;      align-items: center; }      .pagination-area nav ul li a {        height: 50px;        width: 50px;        padding: 0;        margin: 0;        text-align: center;        line-height: 50px;        font-weight: 700;        color: #444;        background: #f9f9f9;        border-color: #fff;        -webkit-transition: all 0.3s ease-out 0s;        -moz-transition: all 0.3s ease-out 0s;        -ms-transition: all 0.3s ease-out 0s;        -o-transition: all 0.3s ease-out 0s;        transition: all 0.3s ease-out 0s; }        @media (max-width: 767px) {          .pagination-area nav ul li a {            width: 35px; } }        @media only screen and (min-width: 576px) and (max-width: 767px) {          .pagination-area nav ul li a {            width: 50px; } }        .pagination-area nav ul li a:hover {          background: #00c4b4 !important;          border-color: #00c4b4 !important;          color: #fff; }      .pagination-area nav ul li:first-child a {        height: 65px;        width: 55px;        background: #383838;        color: #fff;        margin-right: 10px;        line-height: 65px;        border-radius: 0  !important;        border-color: #383838; }      .pagination-area nav ul li:last-child a {        height: 65px;        width: 55px;        background: #383838;        color: #fff;        margin-left: 10px;        line-height: 65px;        border-radius: 0  !important;        border-color: #383838; }/*===========================    12.BUSSINESS css ===========================*/.bussiness-area {  height: 550px;  position: relative; }  .bussiness-area::before {    position: absolute;    content: '';    left: 0;    top: 0;    height: 100%;    width: 100%;    background: #000;    opacity: .8; }  .bussiness-area .bussiness-content span {    color: #fff;    font-size: 22px;    color: #c8c8c8;    padding-bottom: 12px; }    @media (max-width: 767px) {      .bussiness-area .bussiness-content span {        font-size: 15px; } }  .bussiness-area .bussiness-content .title {    color: #fff;    font-size: 44px;    line-height: 56px;    font-weight: 800;    padding: 0 10px; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .bussiness-area .bussiness-content .title {        font-size: 38px;        padding: 0 0; } }    @media (max-width: 767px) {      .bussiness-area .bussiness-content .title {        font-size: 34px;        line-height: 44px;        padding: 0 0; } }    @media (max-width: 767px) {      .bussiness-area .bussiness-content .title {        font-size: 22px;        line-height: 32px;        padding: 0 0; } }  .bussiness-area .bussiness-content a {    background-color: transparent;    color: #fff;    border-color: #fff;    margin-top: 40px; }    .bussiness-area .bussiness-content a:hover {      background: #00c4b4;      border-color: #00c4b4; }.buttons-area .buttons-item-1 {  height: 200px;  background: #0e0e0e;  display: -webkit-flex;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: flex;  justify-content: center;  text-align: center;  align-items: center; }  .buttons-area .buttons-item-1 .buttons-content {    position: relative;    width: 100%; }    .buttons-area .buttons-item-1 .buttons-content span {      color: #fff;      text-transform: uppercase; }    .buttons-area .buttons-item-1 .buttons-content .title {      font-family: "Poppins", sans-serif;      color: #fff;      text-transform: uppercase;      font-weight: 800;      font-size: 50px;      padding-top: 2px; }      @media only screen and (min-width: 1200px) and (max-width: 1600px) {        .buttons-area .buttons-item-1 .buttons-content .title {          font-size: 40px; } }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .buttons-area .buttons-item-1 .buttons-content .title {          font-size: 32px; } }      @media (max-width: 767px) {        .buttons-area .buttons-item-1 .buttons-content .title {          font-size: 22px; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .buttons-area .buttons-item-1 .buttons-content .title {          font-size: 32px; } }    .buttons-area .buttons-item-1 .buttons-content a {      position: absolute;      right: 60px;      top: 50%;      transform: translateY(-50%); }      @media (max-width: 767px) {        .buttons-area .buttons-item-1 .buttons-content a {          right: 30px; } }  .buttons-area .buttons-item-1.item-2 {    background: #00c4b4; }/*===========================    13.FOOTER css ===========================*/.footer-area {  height: 430px;  display: -webkit-flex;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: flex;  align-items: center; }  .footer-area .footer-content p {    font-size: 18px;    color: #333;    font-family: "Poppins", sans-serif;    padding-top: 30px;    padding-bottom: 4px; }    .footer-area .footer-content p span {      font-weight: 600;      color: #00c4b4; }  .footer-area .footer-content ul li {    display: inline-block; }    .footer-area .footer-content ul li a {      font-size: 14px;      color: #999;      font-family: "Poppins", sans-serif;      margin: 0 12px;      text-decoration: underline; }/*===== Go Top =====*/.go-top-area {  position: relative;  z-index: 999; }  .go-top-area .go-top {    position: fixed;    cursor: pointer;    top: 0;    right: 24px;    color: #ffffff;    background-color: #00c4b4;    z-index: 9999;    width: 40px;    text-align: center;    height: 42px;    line-height: 42px;    opacity: 0;    visibility: hidden;    -webkit-transition: all 0.9s ease-out 0s;    -moz-transition: all 0.9s ease-out 0s;    -ms-transition: all 0.9s ease-out 0s;    -o-transition: all 0.9s ease-out 0s;    transition: all 0.9s ease-out 0s;    border-right: 0; }    .go-top-area .go-top i {      position: absolute;      top: 50%;      left: -4px;      right: 0;      margin: 0 auto;      font-size: 15px;      -webkit-transform: translateY(-50%);      -moz-transform: translateY(-50%);      -ms-transform: translateY(-50%);      -o-transform: translateY(-50%);      transform: translateY(-50%);      -webkit-transition: all 0.5s ease-out 0s;      -moz-transition: all 0.5s ease-out 0s;      -ms-transition: all 0.5s ease-out 0s;      -o-transition: all 0.5s ease-out 0s;      transition: all 0.5s ease-out 0s; }      .go-top-area .go-top i:last-child {        opacity: 0;        visibility: hidden;        top: 60%; }    .go-top-area .go-top::before {      content: '';      position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      z-index: -1;      background-color: #00c4b4;      opacity: 0;      visibility: hidden;      -webkit-transition: all 0.5s ease-out 0s;      -moz-transition: all 0.5s ease-out 0s;      -ms-transition: all 0.5s ease-out 0s;      -o-transition: all 0.5s ease-out 0s;      transition: all 0.5s ease-out 0s; }    .go-top-area .go-top:focus, .go-top-area .go-top:hover {      color: #fff; }      .go-top-area .go-top:focus::before, .go-top-area .go-top:hover::before {        opacity: 1;        visibility: visible; }      .go-top-area .go-top:focus i:first-child, .go-top-area .go-top:hover i:first-child {        opacity: 0;        top: 0;        visibility: hidden; }      .go-top-area .go-top:focus i:last-child, .go-top-area .go-top:hover i:last-child {        opacity: 1;        visibility: visible;        top: 50%; }    .go-top-area .go-top.active {      top: 98%;      -webkit-transform: translateY(-98%);      -moz-transform: translateY(-98%);      -ms-transform: translateY(-98%);      -o-transform: translateY(-98%);      transform: translateY(-98%);      opacity: 1;      visibility: visible;      border-radius: 0;      right: 20px; }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .go-top-area .go-top.active {          top: 93%; } }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .go-top-area .go-top.active {          top: 93%; } }.go-top-wrap {  position: relative; }  .go-top-wrap .go-top-btn {    display: inline-block;    width: 40px;    height: 40px;    line-height: 40px;    text-align: center;    color: #fff;    top: 3px;    z-index: 1;    background: #00c4b4; }    .go-top-wrap .go-top-btn i {      font-size: 20px;      font-weight: 700;      padding-left: 4px;      color: #fff; }    .go-top-wrap .go-top-btn::after {      z-index: -1;      content: "";      position: absolute;      left: 0;      top: 0;      width: 40px;      height: 40px;      -webkit-animation: ripple 1.6s ease-out infinite;      -moz-animation: ripple 1.6s ease-out infinite;      -o-animation: ripple 1.6s ease-out infinite;      animation: ripple 1.6s ease-out infinite;      opacity: 0;      background: #00c4b4; }    .go-top-wrap .go-top-btn:hover {      background-color: #222;      color: #fff; }@keyframes ripple {  0%, 35% {    -webkit-transform: scale(0);    -moz-transform: scale(0);    -ms-transform: scale(0);    -o-transform: scale(0);    transform: scale(0);    opacity: 1; }  50% {    -webkit-transform: scale(1.5);    -moz-transform: scale(1.5);    -ms-transform: scale(1.5);    -o-transform: scale(1.5);    transform: scale(1.5);    opacity: 0.8; }  100% {    opacity: 0;    -webkit-transform: scale(2);    -moz-transform: scale(2);    -ms-transform: scale(2);    -o-transform: scale(2);    transform: scale(2); } }@-webkit-keyframes ripple {  0%, 35% {    -webkit-transform: scale(0);    -moz-transform: scale(0);    -ms-transform: scale(0);    -o-transform: scale(0);    transform: scale(0);    opacity: 1; }  50% {    -webkit-transform: scale(1.5);    -moz-transform: scale(1.5);    -ms-transform: scale(1.5);    -o-transform: scale(1.5);    transform: scale(1.5);    opacity: 0.8; }  100% {    opacity: 0;    -webkit-transform: scale(2);    -moz-transform: scale(2);    -ms-transform: scale(2);    -o-transform: scale(2);    transform: scale(2); } }.footer_v1 {  position: relative;  padding: 120px 0;  position: relative; }  .footer_v1::before {    position: absolute;    content: '';    left: 0;    top: 0;    height: 100%;    width: 100%;    background: #0f041a;    opacity: .9; }  .footer_v1 .widget_wrapper .widget .widget-title {    margin-bottom: 30px;    font-size: 26px;    font-weight: 800;    color: #fff; }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .footer_v1 .widget_wrapper .widget .widget-title {        margin-top: 30px; } }    @media (max-width: 767px) {      .footer_v1 .widget_wrapper .widget .widget-title {        margin-top: 30px; } }  .footer_v1 .widget_wrapper .about_widget .logo {    margin-bottom: 22px; }  .footer_v1 .widget_wrapper .about_widget p {    margin-bottom: 10px;    color: #bbbbbb;    line-height: 24px;    padding-right: 160px; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .footer_v1 .widget_wrapper .about_widget p {        padding-right: 80px; } }    @media (max-width: 767px) {      .footer_v1 .widget_wrapper .about_widget p {        padding-right: 0; } }    .footer_v1 .widget_wrapper .about_widget p span {      color: #00c4b4;      font-weight: 600; }  .footer_v1 .widget_wrapper .what_we_widget ul li {    line-height: 36px;    position: relative; }    .footer_v1 .widget_wrapper .what_we_widget ul li:before {      display: inline-block;      content: '\f105';      font-weight: 400;      font-family: 'FontAwesome';      margin-right: 7px;      color: #00c4b4; }    .footer_v1 .widget_wrapper .what_we_widget ul li a {      color: #bbbbbb;      font-size: 16px;      -webkit-transition: all 0.3s ease-out 0s;      -moz-transition: all 0.3s ease-out 0s;      -ms-transition: all 0.3s ease-out 0s;      -o-transition: all 0.3s ease-out 0s;      transition: all 0.3s ease-out 0s; }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .footer_v1 .widget_wrapper .what_we_widget ul li a {          font-size: 13px; } }      .footer_v1 .widget_wrapper .what_we_widget ul li a:hover {        color: #00c4b4; }  .footer_v1 .widget_wrapper .contact_widget .single_info {    display: flex;    margin-bottom: 25px;    align-items: center; }    .footer_v1 .widget_wrapper .contact_widget .single_info .icon i {      display: block;      width: 40px;      height: 40px;      line-height: 40px;      text-align: center;      border-radius: 50%;      background: #1d0e2c;      color: #00c4b4; }    .footer_v1 .widget_wrapper .contact_widget .single_info .info {      margin-left: 10px; }      .footer_v1 .widget_wrapper .contact_widget .single_info .info p {        color: #bbbbbb;        font-size: 16px; }        @media only screen and (min-width: 576px) and (max-width: 767px) {          .footer_v1 .widget_wrapper .contact_widget .single_info .info p {            font-size: 13px; } }        .footer_v1 .widget_wrapper .contact_widget .single_info .info p a {          color: #bbb; }ul.social li {  display: inline-block; }  ul.social li a {    display: block;    width: 50px;    height: 50px;    line-height: 50px;    text-align: center;    background: #fff;    color: #fff; }  ul.social li .google {    background: #c72026; }  ul.social li .facebook {    background: #5e5eb7; }  ul.social li .twitter {    background: #29a4dd; }  ul.social li .linkedin {    background: #42548e; }  ul.social li .dribbble {    background: #e32a92; }.footer_end {  background: #3d192e; }  .footer_end .footer-item {    height: 95px;    display: flex;    justify-content: space-between;    align-items: center; }    @media (max-width: 767px) {      .footer_end .footer-item {        display: block;        text-align: center;        height: auto;        padding: 20px 0; } }    .footer_end .footer-item p {      font-size: 17px;      color: #fff; }      @media (max-width: 767px) {        .footer_end .footer-item p {          padding-bottom: 20px; } }      .footer_end .footer-item p span {        font-weight: 600;        color: #00c4b4; }/*===========================    14.PROJECT css ===========================*/.project-1-area .project-menu {  text-align: center; }  .project-1-area .project-menu .title {    font-size: 50px;    line-height: 60px;    padding: 0 190px 23px; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .project-1-area .project-menu .title {        font-size: 40px;        line-height: 50px; } }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .project-1-area .project-menu .title {        font-size: 40px;        padding: 0 0 23px; } }    @media (max-width: 767px) {      .project-1-area .project-menu .title {        font-size: 26px;        padding: 0 0 23px;        line-height: 36px; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .project-1-area .project-menu .title {        font-size: 36px;        line-height: 46px; } }  .project-1-area .project-menu ul li {    display: inline-block;    cursor: pointer;    font-size: 18px;    font-weight: 600;    color: #999;    text-transform: capitalize;    margin: 0 22px;    position: relative; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .project-1-area .project-menu ul li {        font-size: 17px; } }    @media (max-width: 767px) {      .project-1-area .project-menu ul li {        font-size: 16px;        margin: 0 12px; } }    .project-1-area .project-menu ul li::after {      position: absolute;      content: '';      right: -22px;      top: 50%;      transform: translateY(-50%);      height: 12px;      width: 1px;      background: #d7d7d7; }      @media (max-width: 767px) {        .project-1-area .project-menu ul li::after {          left: -15px; } }    .project-1-area .project-menu ul li.active {      color: #00c4b4;      position: relative; }      .project-1-area .project-menu ul li.active::before {        position: absolute;        content: '';        left: 0;        bottom: 0;        height: 4px;        width: 100%;        background: #00c4b4; }    .project-1-area .project-menu ul li:last-child::after {      width: 0; }.project-1-area .project-item {  position: relative;  overflow: hidden; }  .project-1-area .project-item img {    width: 100%;    -webkit-transition: all 0.3s ease-out 0s;    -moz-transition: all 0.3s ease-out 0s;    -ms-transition: all 0.3s ease-out 0s;    -o-transition: all 0.3s ease-out 0s;    transition: all 0.3s ease-out 0s; }  .project-1-area .project-item .project-overlay {    position: absolute;    left: 0;    top: 0;    height: 100%;    width: 100%;    background: rgba(0, 196, 180, 0.9);    opacity: 0;    -webkit-transition: all 0.3s ease-out 0s;    -moz-transition: all 0.3s ease-out 0s;    -ms-transition: all 0.3s ease-out 0s;    -o-transition: all 0.3s ease-out 0s;    transition: all 0.3s ease-out 0s; }    .project-1-area .project-item .project-overlay .project-content {      position: absolute;      left: 50px;      bottom: 45px; }      @media (max-width: 767px) {        .project-1-area .project-item .project-overlay .project-content {          left: 20px;          bottom: 15px; } }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .project-1-area .project-item .project-overlay .project-content {          left: 20px;          bottom: 20px; } }      .project-1-area .project-item .project-overlay .project-content .title {        font-size: 36px;        font-weight: 800;        color: #fff; }        @media (max-width: 767px) {          .project-1-area .project-item .project-overlay .project-content .title {            font-size: 26px; } }      .project-1-area .project-item .project-overlay .project-content span {        color: #fff;        font-size: 18px;        margin-top: -5px; }        @media (max-width: 767px) {          .project-1-area .project-item .project-overlay .project-content span {            font-size: 16px; } }    .project-1-area .project-item .project-overlay a {      font-size: 50px;      color: #fff;      position: absolute;      top: 15px;      right: 40px; }      @media (max-width: 767px) {        .project-1-area .project-item .project-overlay a {          font-size: 30px; } }  .project-1-area .project-item:hover img {    transform: scale(1.05); }  .project-1-area .project-item:hover .project-overlay {    opacity: 1; }.project-1-area .project-btn a {  background: #000;  border-color: #000;  color: #fff; }  .project-1-area .project-btn a:hover {    background: #00c4b4;    border-color: #00c4b4; }  .project-1-area .project-btn a i {    padding-right: 6px; }.project-details-area .project-details-item .project-details-thumb img {  width: 100%; }.project-details-area .project-details-item .project-details-board .project-content .title {  font-size: 38px;  color: #543278;  font-weight: 800; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .project-details-area .project-details-item .project-details-board .project-content .title {      font-size: 30px; } }  @media (max-width: 767px) {    .project-details-area .project-details-item .project-details-board .project-content .title {      font-size: 32px; } }.project-details-area .project-details-item .project-details-board .project-content p {  font-size: 18px;  color: #999;  line-height: 30px;  padding-right: 10px;  padding-top: 4px;  padding-bottom: 12px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .project-details-area .project-details-item .project-details-board .project-content p {      font-size: 16px;      padding-right: 0; } }  @media (max-width: 767px) {    .project-details-area .project-details-item .project-details-board .project-content p {      font-size: 16px;      padding-right: 0; } }.project-details-area .project-details-item .project-details-board .project-content ul li a {  font-size: 18px;  color: #999;  line-height: 34px; }  @media (max-width: 767px) {    .project-details-area .project-details-item .project-details-board .project-content ul li a {      font-size: 16px; } }  .project-details-area .project-details-item .project-details-board .project-content ul li a img {    padding-right: 5px; }@media only screen and (min-width: 992px) and (max-width: 1200px) {  .project-details-area .project-details-item .project-details-board .project-text {    margin-left: 0; } }@media only screen and (min-width: 768px) and (max-width: 991px) {  .project-details-area .project-details-item .project-details-board .project-text {    margin-left: 0; } }@media (max-width: 767px) {  .project-details-area .project-details-item .project-details-board .project-text {    margin-left: 0; } }.project-details-area .project-details-item .project-details-board .project-text p {  font-size: 18px;  color: #666;  line-height: 32px; }.project-details-area .project-details-item .project-details-board .project-btns span {  background: #000;  line-height: 60px;  font-weight: 700;  color: #fff;  text-transform: uppercase;  font-family: "Poppins", sans-serif;  padding: 0 48px;  margin-top: 44px;  margin-bottom: 10px; }.project-details-area .project-video {  height: 480px;  display: flex;  justify-content: flex-end; }  .project-details-area .project-video .video-play-content {    max-width: 570px;    background: rgba(0, 0, 0, 0.9);    height: 300px;    margin-top: 75px;    margin-right: 75px;    padding-left: 55px;    padding-top: 50px;    position: relative;    padding-right: 40px; }    @media (max-width: 767px) {      .project-details-area .project-video .video-play-content {        max-width: 100%;        height: 100%;        margin-right: 0;        margin-top: 0;        padding-left: 20px;        padding-right: 0; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .project-details-area .project-video .video-play-content {        margin-right: 0;        max-width: 570px;        height: 300px;        margin-top: 75px;        padding-left: 55px;        padding-right: 40px; } }    .project-details-area .project-video .video-play-content span {      font-size: 18px;      text-transform: uppercase;      color: #d6d6d6;      font-weight: 700;      padding-bottom: 18px; }    .project-details-area .project-video .video-play-content .title {      font-size: 32px;      line-height: 44px;      color: #fff; }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .project-details-area .project-video .video-play-content .title {          font-size: 28px; } }      @media (max-width: 767px) {        .project-details-area .project-video .video-play-content .title {          font-size: 30px; } }    .project-details-area .project-video .video-play-content a {      position: absolute;      right: 0;      bottom: -30px;      line-height: 70px;      padding: 0 47px;      font-size: 14px;      font-weight: 700;      display: flex;      align-items: center; }      .project-details-area .project-video .video-play-content a i {        font-size: 30px;        padding-right: 6px; }/*cutclub_portfolio*/.cutclub_portfolio {  padding-bottom: 118px; }  .cutclub_portfolio .section_title h2 {    font-size: 50px;    line-height: 60px;    font-weight: 800;    padding-bottom: 33px; }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .cutclub_portfolio .section_title h2 {        font-size: 36px;        line-height: 46px; } }    @media (max-width: 767px) {      .cutclub_portfolio .section_title h2 {        font-size: 30px;        line-height: 40px; } }  .cutclub_portfolio .portfolio_slide {    margin-left: -15px;    margin-right: -15px; }    .cutclub_portfolio .portfolio_slide .grid_item {      margin-left: 15px;      margin-right: 15px; }      .cutclub_portfolio .portfolio_slide .grid_item:hover .cutclub_img .overlay_img {        opacity: .7;        visibility: visible; }      .cutclub_portfolio .portfolio_slide .grid_item:hover .cutclub_img .overaly_content {        -webkit-transform: translateY(0);        -moz-transform: translateY(0);        -ms-transform: translateY(0);        -o-transform: translateY(0);        transform: translateY(0); }      .cutclub_portfolio .portfolio_slide .grid_item .cutclub_img {        position: relative;        overflow: hidden; }        .cutclub_portfolio .portfolio_slide .grid_item .cutclub_img .overlay_img {          background: #222;          position: absolute;          top: 0;          left: 0;          width: 100%;          height: 100%;          opacity: 0;          visibility: hidden;          -webkit-transition: all 0.5s ease-out 0s;          -moz-transition: all 0.5s ease-out 0s;          -ms-transition: all 0.5s ease-out 0s;          -o-transition: all 0.5s ease-out 0s;          transition: all 0.5s ease-out 0s; }          .cutclub_portfolio .portfolio_slide .grid_item .cutclub_img .overlay_img img {            width: 100%; }        .cutclub_portfolio .portfolio_slide .grid_item .cutclub_img .overaly_content {          position: absolute;          bottom: 0;          left: 0;          padding: 50px;          text-align: center;          -webkit-transition: all 0.5s ease-out 0s;          -moz-transition: all 0.5s ease-out 0s;          -ms-transition: all 0.5s ease-out 0s;          -o-transition: all 0.5s ease-out 0s;          transition: all 0.5s ease-out 0s;          -webkit-transform: translateY(100%);          -moz-transform: translateY(100%);          -ms-transform: translateY(100%);          -o-transform: translateY(100%);          transform: translateY(100%); }          .cutclub_portfolio .portfolio_slide .grid_item .cutclub_img .overaly_content h3 {            margin-bottom: 15px;            color: #fff; }          .cutclub_portfolio .portfolio_slide .grid_item .cutclub_img .overaly_content p {            color: #fff;            margin-bottom: 80px; }            @media only screen and (min-width: 992px) and (max-width: 1200px) {              .cutclub_portfolio .portfolio_slide .grid_item .cutclub_img .overaly_content p {                margin-bottom: 10px; } }            @media only screen and (min-width: 768px) and (max-width: 991px) {              .cutclub_portfolio .portfolio_slide .grid_item .cutclub_img .overaly_content p {                margin-bottom: 10px;                font-size: 16px; } }            @media (max-width: 767px) {              .cutclub_portfolio .portfolio_slide .grid_item .cutclub_img .overaly_content p {                margin-bottom: 10px; } }          .cutclub_portfolio .portfolio_slide .grid_item .cutclub_img .overaly_content .portfolio_btn {            display: inline-block;            width: 55px;            height: 55px;            text-align: center;            line-height: 55px;            background: #00c4b4;            color: #fff;            border-radius: 50%; }/*===========================    15.BLOG css ===========================*/.blog_v4_area .blog-sidebar .blog-post .blog-title .title {  font-size: 24px;  font-weight: 800; }.blog_v4_area .blog-sidebar .blog-post .blog-post-item {  padding-left: 105px;  position: relative;  margin-top: 35px; }  .blog_v4_area .blog-sidebar .blog-post .blog-post-item span {    font-size: 14px;    font-weight: 700;    color: #00c4b4;    display: flex;    align-items: center; }    .blog_v4_area .blog-sidebar .blog-post .blog-post-item span img {      padding-right: 4px; }  .blog_v4_area .blog-sidebar .blog-post .blog-post-item .title {    font-size: 18px;    line-height: 23px;    padding-top: 7px; }    @media (max-width: 767px) {      .blog_v4_area .blog-sidebar .blog-post .blog-post-item .title {        font-size: 16px; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .blog_v4_area .blog-sidebar .blog-post .blog-post-item .title {        font-size: 18px; } }  .blog_v4_area .blog-sidebar .blog-post .blog-post-item >img {    position: absolute;    left: 0;    top: 50%;    transform: translateY(-50%); }.blog_v4_area .blog-sidebar .blog-categories .blog-title .title {  padding-bottom: 30px;  font-size: 24px;  font-weight: 800; }.blog_v4_area .blog-sidebar .blog-categories .blog-categories-box {  border: 5px solid #eaeaea;  padding: 5px 44px; }  @media (max-width: 767px) {    .blog_v4_area .blog-sidebar .blog-categories .blog-categories-box {      padding: 5px 20px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .blog_v4_area .blog-sidebar .blog-categories .blog-categories-box {      padding: 5px 40px; } }  .blog_v4_area .blog-sidebar .blog-categories .blog-categories-box ul li {    display: -webkit-flex;    display: -moz-flex;    display: -ms-flex;    display: -o-flex;    display: flex;    justify-content: space-between;    line-height: 54px;    border-bottom: 1px dashed #cccccc; }    .blog_v4_area .blog-sidebar .blog-categories .blog-categories-box ul li:last-child {      border-bottom: 0; }    .blog_v4_area .blog-sidebar .blog-categories .blog-categories-box ul li span {      color: #444; }.blog_v4_area .blog-sidebar .blog-gallery .blog-title .title {  font-size: 24px;  font-weight: 800;  margin-top: 45px;  padding-bottom: 20px; }.blog_v4_area .blog-sidebar .blog-gallery .blog-gallery-items .item {  margin-right: 5px;  margin-top: 5px; }  .blog_v4_area .blog-sidebar .blog-gallery .blog-gallery-items .item img {    width: 100%; }.blog_v4_area .blog-sidebar .blog-video .blog-title .title {  font-size: 24px;  font-weight: 800;  margin-top: 45px;  padding-bottom: 20px; }.blog_v4_area .blog-sidebar .blog-video .blog-video-thumb {  position: relative; }  .blog_v4_area .blog-sidebar .blog-video .blog-video-thumb img {    width: 100%; }  .blog_v4_area .blog-sidebar .blog-video .blog-video-thumb .blog-video-overlay {    position: absolute;    left: 0;    top: 0;    height: 100%;    width: 100%;    background: rgba(0, 0, 0, 0.6); }    .blog_v4_area .blog-sidebar .blog-video .blog-video-thumb .blog-video-overlay .blog-video-content {      padding-left: 64px;      position: absolute;      left: 23px;      bottom: 15px; }      .blog_v4_area .blog-sidebar .blog-video .blog-video-thumb .blog-video-overlay .blog-video-content .title {        color: #fff;        font-size: 24px;        line-height: 28px; }        @media only screen and (min-width: 992px) and (max-width: 1200px) {          .blog_v4_area .blog-sidebar .blog-video .blog-video-thumb .blog-video-overlay .blog-video-content .title {            font-size: 20px; } }        @media (max-width: 767px) {          .blog_v4_area .blog-sidebar .blog-video .blog-video-thumb .blog-video-overlay .blog-video-content .title {            font-size: 20px; } }        @media only screen and (min-width: 576px) and (max-width: 767px) {          .blog_v4_area .blog-sidebar .blog-video .blog-video-thumb .blog-video-overlay .blog-video-content .title {            font-size: 24px; } }      .blog_v4_area .blog-sidebar .blog-video .blog-video-thumb .blog-video-overlay .blog-video-content span {        font-size: 14px;        color: #d6d6d6; }      .blog_v4_area .blog-sidebar .blog-video .blog-video-thumb .blog-video-overlay .blog-video-content a {        position: absolute;        left: 0;        top: 10px;        height: 45px;        width: 45px;        text-align: center;        line-height: 45px;        background: #00c4b4;        border-radius: 50%;        color: #fff; }.blog_v4_area .blog-sidebar .blog-links .blog-title .title {  font-size: 24px;  font-weight: 800;  margin-top: 45px;  padding-bottom: 20px; }.blog_v4_area .blog-sidebar .blog-links .blog-links-item {  background: #fbfbfb;  padding: 22px 50px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .blog_v4_area .blog-sidebar .blog-links .blog-links-item {      padding: 22px 20px; } }  .blog_v4_area .blog-sidebar .blog-links .blog-links-item ul li a {    font-size: 17px;    color: #444;    line-height: 40px;    -webkit-transition: all 0.3s ease-out 0s;    -moz-transition: all 0.3s ease-out 0s;    -ms-transition: all 0.3s ease-out 0s;    -o-transition: all 0.3s ease-out 0s;    transition: all 0.3s ease-out 0s; }    .blog_v4_area .blog-sidebar .blog-links .blog-links-item ul li a:hover {      color: #00c4b4; }    .blog_v4_area .blog-sidebar .blog-links .blog-links-item ul li a i {      padding-right: 6px; }.blog_v4_area .blog-sidebar .blog-twitter {  background: #20aae4;  padding: 35px;  position: relative;  z-index: 5; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .blog_v4_area .blog-sidebar .blog-twitter {      padding: 35px 20px; } }  .blog_v4_area .blog-sidebar .blog-twitter .title {    font-size: 24px;    font-weight: 800;    color: #fff; }  .blog_v4_area .blog-sidebar .blog-twitter p {    color: #fff;    line-height: 28px;    font-size: 16px;    padding-right: 10px;    padding-top: 14px;    padding-bottom: 7px; }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .blog_v4_area .blog-sidebar .blog-twitter p {        font-size: 14px; } }    @media (max-width: 767px) {      .blog_v4_area .blog-sidebar .blog-twitter p {        font-size: 14px; } }  .blog_v4_area .blog-sidebar .blog-twitter span {    color: #fff;    font-size: 14px;    font-weight: 700;    font-family: "Poppins", sans-serif;    padding-bottom: 13px; }  .blog_v4_area .blog-sidebar .blog-twitter .twitter {    position: absolute;    right: 0;    bottom: 0;    z-index: -1; }.blog_v4_area .blog-item .blog-item-thumb {  margin-right: 25px;  position: relative;  overflow: hidden; }  @media (max-width: 767px) {    .blog_v4_area .blog-item .blog-item-thumb {      margin-right: 0; } }  .blog_v4_area .blog-item .blog-item-thumb span {    position: absolute;    top: 10px;    left: 10px;    background: #fff;    color: #00c4b4;    line-height: 38px;    padding: 0 18px;    font-size: 14px;    font-weight: 700; }    .blog_v4_area .blog-item .blog-item-thumb span i {      padding-right: 4px; }  .blog_v4_area .blog-item .blog-item-thumb >img {    width: 100%;    -webkit-transition: all 0.3s ease-out 0s;    -moz-transition: all 0.3s ease-out 0s;    -ms-transition: all 0.3s ease-out 0s;    -o-transition: all 0.3s ease-out 0s;    transition: all 0.3s ease-out 0s; }.blog_v4_area .blog-item .blog-item-content {  margin-left: -10px; }  @media (max-width: 767px) {    .blog_v4_area .blog-item .blog-item-content {      margin-left: 0;      padding-top: 20px; } }  .blog_v4_area .blog-item .blog-item-content span {    font-weight: 700;    color: #999; }    .blog_v4_area .blog-item .blog-item-content span span {      color: #00c4b4; }  .blog_v4_area .blog-item .blog-item-content .title {    font-size: 28px;    font-weight: 700;    line-height: 36px;    color: #543278;    padding-right: 29px;    padding-top: 10px;    padding-bottom: 17px; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .blog_v4_area .blog-item .blog-item-content .title {        padding-right: 0;        font-size: 22px;        line-height: 32px;        padding-bottom: 0px; } }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .blog_v4_area .blog-item .blog-item-content .title {        font-size: 27px;        line-height: 37px;        padding-right: 0px; } }    @media (max-width: 767px) {      .blog_v4_area .blog-item .blog-item-content .title {        padding-right: 0px;        font-size: 22px;        line-height: 32px; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .blog_v4_area .blog-item .blog-item-content .title {        padding-right: 0px;        font-size: 28px;        line-height: 38px; } }  .blog_v4_area .blog-item .blog-item-content p {    font-size: 18px;    color: #666;    line-height: 28px;    padding-right: 10px;    padding-bottom: 37px; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .blog_v4_area .blog-item .blog-item-content p {        font-size: 16px;        padding-bottom: 10px; } }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .blog_v4_area .blog-item .blog-item-content p {        font-size: 16px;        padding-right: 0px; } }.blog_v4_area .blog-item .single-blog-item:hover .blog-item-thumb >img {  transform: scale(1.05); }.blog-details-v1 .blog-details-thumb >img {  width: 100%; }.blog-details-v1 .blog-details-thumb ul {  margin-top: 35px; }  .blog-details-v1 .blog-details-thumb ul li {    display: inline-block;    font-size: 14px;    font-weight: 700;    color: #00c4b4;    margin-right: 30px; }    .blog-details-v1 .blog-details-thumb ul li img {      padding-right: 5px; }.blog-details-v1 .blog-details-thumb .title {  font-size: 36px;  padding-top: 7px;  padding-bottom: 19px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .blog-details-v1 .blog-details-thumb .title {      font-size: 30px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .blog-details-v1 .blog-details-thumb .title {      font-size: 32px; } }  @media (max-width: 767px) {    .blog-details-v1 .blog-details-thumb .title {      font-size: 26px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .blog-details-v1 .blog-details-thumb .title {      font-size: 30px; } }.blog-details-v1 .blog-details-thumb p {  font-size: 18px;  line-height: 32px;  color: #666; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .blog-details-v1 .blog-details-thumb p {      font-size: 16px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .blog-details-v1 .blog-details-thumb p {      font-size: 16px; } }  @media (max-width: 767px) {    .blog-details-v1 .blog-details-thumb p {      font-size: 15px; } }.blog-details-v1 .blog-quote {  position: relative;  border-radius: 3px;  overflow: hidden;  z-index: 5;  padding: 48px 100px;  margin-top: 48px;  margin-bottom: 30px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .blog-details-v1 .blog-quote {      padding: 48px 65px; } }  @media (max-width: 767px) {    .blog-details-v1 .blog-quote {      padding: 48px 40px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .blog-details-v1 .blog-quote {      padding: 48px 55px; } }  .blog-details-v1 .blog-quote::before {    position: absolute;    content: '';    left: 0;    top: 0;    height: 100%;    width: 100%;    background: rgba(0, 196, 180, 0.95);    z-index: -1; }  .blog-details-v1 .blog-quote p {    font-size: 19px;    font-style: italic;    color: #fff;    line-height: 32px;    font-weight: 400;    position: relative; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .blog-details-v1 .blog-quote p {        font-size: 18px; } }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .blog-details-v1 .blog-quote p {        font-size: 18px; } }    @media (max-width: 767px) {      .blog-details-v1 .blog-quote p {        font-size: 15px; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .blog-details-v1 .blog-quote p {        font-size: 16px; } }    .blog-details-v1 .blog-quote p span {      font-size: 80px;      position: absolute;      left: -45px;      top: 22px;      font-style: italic; }.blog-details-v1 .blog-content p {  padding-bottom: 10px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .blog-details-v1 .blog-content p {      font-size: 16px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .blog-details-v1 .blog-content p {      font-size: 16px; } }  @media (max-width: 767px) {    .blog-details-v1 .blog-content p {      font-size: 15px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .blog-details-v1 .blog-content p {      font-size: 16px; } }.blog-details-v1 .blog-content .blog-content-thumb img {  width: 100%; }.blog-details-v1 .blog-tag {  background: #f6f6f6;  height: 70px;  margin-top: 60px;  display: flex;  align-items: center;  padding-left: 30px; }  .blog-details-v1 .blog-tag i {    color: #00c4b4;    padding-right: 10px; }  .blog-details-v1 .blog-tag ul li {    display: inline-block; }    .blog-details-v1 .blog-tag ul li a {      color: #666;      margin-right: 2px; }.blog-details-v1 .blog-author {  padding-left: 165px;  position: relative;  margin-top: 62px; }  @media (max-width: 767px) {    .blog-details-v1 .blog-author {      padding-left: 0px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .blog-details-v1 .blog-author {      padding-left: 110px; } }  .blog-details-v1 .blog-author p {    line-height: 28px;    padding-top: 14px;    padding-right: 15px; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .blog-details-v1 .blog-author p {        font-size: 15px; } }    @media (max-width: 767px) {      .blog-details-v1 .blog-author p {        font-size: 15px; } }  .blog-details-v1 .blog-author img {    position: absolute;    left: 0;    top: 50%;    transform: translateY(-50%); }    @media (max-width: 767px) {      .blog-details-v1 .blog-author img {        width: 100px;        position: inherit;        top: 55px; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .blog-details-v1 .blog-author img {        width: 100px;        position: absolute;        top: 50%; } }  .blog-details-v1 .blog-author .blog-author-title {    align-items: center; }    @media (max-width: 767px) {      .blog-details-v1 .blog-author .blog-author-title {        display: block !important; } }    .blog-details-v1 .blog-author .blog-author-title .title {      font-size: 24px;      padding-right: 33px;      text-transform: uppercase; }    .blog-details-v1 .blog-author .blog-author-title ul li {      display: inline-block; }      .blog-details-v1 .blog-author .blog-author-title ul li a {        color: #00c4b4;        padding-right: 15px;        padding-left: 15px;        border-right: 1px solid #c4c4c4;        line-height: 12px; }      .blog-details-v1 .blog-author .blog-author-title ul li:last-child a {        border-right: 0; }      @media (max-width: 767px) {        .blog-details-v1 .blog-author .blog-author-title ul li:first-child a {          padding-left: 0; } }.blog-details-v1 .blog-comments {  border-top: 1px solid #ccc;  margin-top: 60px; }  .blog-details-v1 .blog-comments .blog-comments-title .title {    font-size: 36px;    font-weight: 800;    padding-top: 50px; }    @media (max-width: 767px) {      .blog-details-v1 .blog-comments .blog-comments-title .title {        font-size: 28px; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .blog-details-v1 .blog-comments .blog-comments-title .title {        font-size: 36px; } }  .blog-details-v1 .blog-comments .blog-comments-item .item {    padding-left: 165px;    position: relative;    margin-top: 48px;    margin-bottom: 97px; }    @media (max-width: 767px) {      .blog-details-v1 .blog-comments .blog-comments-item .item {        padding-left: 0px; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .blog-details-v1 .blog-comments .blog-comments-item .item {        padding-left: 110px; } }    .blog-details-v1 .blog-comments .blog-comments-item .item .title {      font-size: 24px; }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .blog-details-v1 .blog-comments .blog-comments-item .item .title {          font-size: 20px; } }      .blog-details-v1 .blog-comments .blog-comments-item .item .title span {        font-size: 16px;        color: #999;        font-weight: 400;        font-style: italic;        padding-left: 22px; }        @media only screen and (min-width: 992px) and (max-width: 1200px) {          .blog-details-v1 .blog-comments .blog-comments-item .item .title span {            padding-left: 10px;            font-size: 15px; } }        @media (max-width: 767px) {          .blog-details-v1 .blog-comments .blog-comments-item .item .title span {            padding-left: 0;            font-size: 15px; } }    .blog-details-v1 .blog-comments .blog-comments-item .item p {      line-height: 28px;      padding-top: 9px; }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .blog-details-v1 .blog-comments .blog-comments-item .item p {          font-size: 15px; } }      @media (max-width: 767px) {        .blog-details-v1 .blog-comments .blog-comments-item .item p {          font-size: 15px; } }    .blog-details-v1 .blog-comments .blog-comments-item .item .thumb {      height: 130px;      width: 130px;      position: absolute;      left: 0;      top: 50%;      transform: translateY(-50%); }      @media (max-width: 767px) {        .blog-details-v1 .blog-comments .blog-comments-item .item .thumb {          width: 100px;          height: 100px;          position: inherit;          top: 50px; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .blog-details-v1 .blog-comments .blog-comments-item .item .thumb {          position: absolute;          top: 50%; } }      .blog-details-v1 .blog-comments .blog-comments-item .item .thumb a {        position: absolute;        left: 50%;        bottom: 0;        transform: translateX(-50%);        background: #00c4b4;        color: #fff;        line-height: 35px;        padding: 0 27px;        border-radius: 30px;        font-size: 14px;        font-weight: 700;        text-transform: uppercase;        font-family: "Poppins", sans-serif; }    .blog-details-v1 .blog-comments .blog-comments-item .item.item-2 {      position: relative; }      .blog-details-v1 .blog-comments .blog-comments-item .item.item-2::before {        position: absolute;        content: '';        left: 0;        bottom: -50px;        height: 1px;        width: 100%;        background: #ccc; }.blog-details-v1 .blog-input .blog-input-title .title {  font-size: 36px;  font-weight: 800;  padding-top: 10px;  padding-bottom: 20px; }  @media (max-width: 767px) {    .blog-details-v1 .blog-input .blog-input-title .title {      font-size: 28px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .blog-details-v1 .blog-input .blog-input-title .title {      font-size: 36px; } }.blog-details-v1 .blog-input .input-box input {  width: 100%;  line-height: 60px;  border: 0;  background: #fafafa;  padding-left: 30px;  font-size: 15px;  color: #888; }  .blog-details-v1 .blog-input .input-box input::placeholder {    opacity: 1; }.blog-details-v1 .blog-input .input-box textarea {  width: 100%;  padding-left: 30px;  border: 0;  background: #fafafa;  height: 200px;  resize: none;  font-size: 15px;  color: #888;  padding-top: 15px; }  .blog-details-v1 .blog-input .input-box textarea::placeholder {    opacity: 1; }.blog-details-v1 .blog-input .row .col-lg-12, .blog-details-v1 .blog-input .row .col-lg-6 {  padding-left: 5px;  padding-right: 5px; }  @media (max-width: 767px) {    .blog-details-v1 .blog-input .row .col-lg-12, .blog-details-v1 .blog-input .row .col-lg-6 {      padding-left: 15px;      padding-right: 15px; } }.blog-details-v1.blog-details-v2 .blog-details-thumb {  margin-top: -9px; }.blog-details-thumb-2 .blog-details-thumb-title {  padding-bottom: 25px; }  .blog-details-thumb-2 .blog-details-thumb-title .item .title {    font-size: 36px;    font-weight: 800;    padding-bottom: 8px; }    @media (max-width: 767px) {      .blog-details-thumb-2 .blog-details-thumb-title .item .title {        font-size: 26px; } }  .blog-details-thumb-2 .blog-details-thumb-title .item span {    font-weight: 700;    color: #999;    font-size: 16px; }    .blog-details-thumb-2 .blog-details-thumb-title .item span span {      color: #00c4b4; }.blog-details-thumb-2 .blog-thumb {  margin-bottom: 28px;  position: relative; }  .blog-details-thumb-2 .blog-thumb >img {    width: 100%; }  .blog-details-thumb-2 .blog-thumb span {    position: absolute;    top: 10px;    left: 10px;    background: #fff;    color: #00c4b4;    line-height: 38px;    padding: 0 18px;    font-size: 14px;    font-weight: 700; }    .blog-details-thumb-2 .blog-thumb span img {      padding-right: 4px; }/*blog_v2*/.blog_v2 {  background-attachment: fixed;  position: relative;  padding-bottom: 120px;  padding-top: 107px; }  .blog_v2::before {    position: absolute;    content: '';    left: 0;    top: 0;    height: 100%;    width: 100%;    background: #035a6f;    opacity: .9; }  .blog_v2 .section_title-2 h2 {    color: #fff; }  .blog_v2 .section_title-2 p {    color: #ccc; }  .blog_v2 .blog_slide_1 .grid_item {    margin-left: 15px;    margin-right: 15px; }    .blog_v2 .blog_slide_1 .grid_item:first-child {      margin-left: 0; }    .blog_v2 .blog_slide_1 .grid_item:last-child {      margin-right: 0; }    .blog_v2 .blog_slide_1 .grid_item .cutclub_img {      position: relative; }      .blog_v2 .blog_slide_1 .grid_item .cutclub_img .overlay_img {        position: absolute;        top: 0;        left: 0;        width: 100%;        height: 100%;        background: #222;        opacity: .5; }      .blog_v2 .blog_slide_1 .grid_item .cutclub_img .overlay_content {        padding: 0 40px;        position: absolute;        bottom: 50px; }        @media only screen and (min-width: 1200px) and (max-width: 1600px) {          .blog_v2 .blog_slide_1 .grid_item .cutclub_img .overlay_content {            padding: 0 20px; } }        @media only screen and (min-width: 992px) and (max-width: 1200px) {          .blog_v2 .blog_slide_1 .grid_item .cutclub_img .overlay_content {            padding: 0 20px; } }        @media (max-width: 767px) {          .blog_v2 .blog_slide_1 .grid_item .cutclub_img .overlay_content {            padding: 0 20px; } }        .blog_v2 .blog_slide_1 .grid_item .cutclub_img .overlay_content a.date {          color: #cecece;          margin-bottom: 15px;          font-size: 18px;          font-weight: 700; }        .blog_v2 .blog_slide_1 .grid_item .cutclub_img .overlay_content h3 {          font-size: 28px;          line-height: 36px;          font-weight: 600; }          @media only screen and (min-width: 992px) and (max-width: 1200px) {            .blog_v2 .blog_slide_1 .grid_item .cutclub_img .overlay_content h3 {              font-size: 25px; } }          @media (max-width: 767px) {            .blog_v2 .blog_slide_1 .grid_item .cutclub_img .overlay_content h3 {              font-size: 24px;              line-height: 34px; } }          .blog_v2 .blog_slide_1 .grid_item .cutclub_img .overlay_content h3 a {            color: #fff; }/*blog_v3*/.blog_v3 {  padding: 108px 0 70px; }  .blog_v3.blog-page {    padding: 120px 0 120px; }    .blog_v3.blog-page .pagination-area nav {      margin-top: 50px; }  .blog_v3 .blog_wrappwer {    max-width: 970px;    margin: 0 auto; }    .blog_v3 .blog_wrappwer .grid_item {      margin-bottom: 50px;      padding-bottom: 50px;      border-bottom: 1px dashed #d0d0d0; }      .blog_v3 .blog_wrappwer .grid_item:first-child {        padding-top: 50px;        border-top: 1px dashed #d0d0d0; }      .blog_v3 .blog_wrappwer .grid_item .post_meta a {        color: #999999;        margin-right: 10px; }      .blog_v3 .blog_wrappwer .grid_item .post_title {        max-width: 480px; }        .blog_v3 .blog_wrappwer .grid_item .post_title h3 {          font-weight: 600;          font-size: 28px;          line-height: 37px; }          .blog_v3 .blog_wrappwer .grid_item .post_title h3 a {            color: #543278; }      .blog_v3 .blog_wrappwer .grid_item .post_button a {        display: block;        width: 50px;        height: 50px;        text-align: center;        line-height: 50px;        border-radius: 50%;        background: #fff;        border: 1px dashed #b5b5b5;        color: #040404; }/*===========================    16.TEAM DETAILS css ===========================*/.team-details-area .team-details {  padding-top: 70px;  padding-bottom: 70px; }  .team-details-area .team-details .team-details-thumb .thumb {    height: 490px;    width: 490px;    border-radius: 50%;    display: inline-block;    position: relative; }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .team-details-area .team-details .team-details-thumb .thumb {        width: 300px;        height: 300px; } }    @media (max-width: 767px) {      .team-details-area .team-details .team-details-thumb .thumb {        width: 270px;        height: 270px; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .team-details-area .team-details .team-details-thumb .thumb {        width: 300px;        height: 300px; } }    .team-details-area .team-details .team-details-thumb .thumb::before {      position: absolute;      content: '';      left: 50%;      top: 50%;      transform: translate(-50%, -50%);      border-radius: 50%;      border: 2px dashed #fff;      height: 92%;      width: 92%; }    .team-details-area .team-details .team-details-thumb .thumb img {      width: 100%; }  .team-details-area .team-details .team-details-content {    margin-left: -50px; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .team-details-area .team-details .team-details-content {        margin-left: 0; } }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .team-details-area .team-details .team-details-content {        margin-left: 0;        padding-left: 30px; } }    @media (max-width: 767px) {      .team-details-area .team-details .team-details-content {        margin-left: 0;        padding-left: 20px; } }    .team-details-area .team-details .team-details-content .team-details-content-title .title {      font-size: 34px;      font-weight: 800;      color: #444; }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .team-details-area .team-details .team-details-content .team-details-content-title .title {          margin-top: 20px; } }      @media (max-width: 767px) {        .team-details-area .team-details .team-details-content .team-details-content-title .title {          margin-top: 20px;          font-size: 28px; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .team-details-area .team-details .team-details-content .team-details-content-title .title {          margin-top: 20px;          font-size: 36px; } }    .team-details-area .team-details .team-details-content .team-details-content-title span {      font-size: 20px;      color: #00c4b4; }    .team-details-area .team-details .team-details-content .team-details-content-item .item {      position: relative;      padding-left: 100px;      margin: 38px 0; }      @media (max-width: 767px) {        .team-details-area .team-details .team-details-content .team-details-content-item .item {          padding-left: 65px; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .team-details-area .team-details .team-details-content .team-details-content-item .item {          padding-left: 100px; } }      .team-details-area .team-details .team-details-content .team-details-content-item .item .title {        font-size: 24px;        color: #444; }      .team-details-area .team-details .team-details-content .team-details-content-item .item p {        color: #666;        margin-top: -3px; }        @media (max-width: 767px) {          .team-details-area .team-details .team-details-content .team-details-content-item .item p {            font-size: 14px; } }        @media only screen and (min-width: 576px) and (max-width: 767px) {          .team-details-area .team-details .team-details-content .team-details-content-item .item p {            font-size: 16px; } }      .team-details-area .team-details .team-details-content .team-details-content-item .item .icon {        position: absolute;        left: 0;        top: 50%;        transform: translateY(-50%);        height: 80px;        width: 80px;        text-align: center;        line-height: 80px;        background: #fff;        border-radius: 50%;        box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.05); }        @media (max-width: 767px) {          .team-details-area .team-details .team-details-content .team-details-content-item .item .icon {            height: 60px;            width: 60px;            line-height: 60px; } }        @media only screen and (min-width: 576px) and (max-width: 767px) {          .team-details-area .team-details .team-details-content .team-details-content-item .item .icon {            height: 80px;            width: 80px;            line-height: 80px; } }      .team-details-area .team-details .team-details-content .team-details-content-item .item.item-1 {        margin-top: 32px; }    @media (max-width: 767px) {      .team-details-area .team-details .team-details-content .team-details-content-btns .btns a {        padding: 0 15px;        line-height: 40px; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .team-details-area .team-details .team-details-content .team-details-content-btns .btns a {        padding: 0 35px;        line-height: 50px; } }    @media (max-width: 767px) {      .team-details-area .team-details .team-details-content .team-details-content-btns .social li a {        height: 40px;        width: 40px;        line-height: 40px; } }.team-details-area .team-details-content-text {  padding-top: 72px;  padding-bottom: 72px; }  .team-details-area .team-details-content-text p {    font-size: 17px;    padding-right: 30px; }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .team-details-area .team-details-content-text p {        padding-right: 0;        font-size: 16px; } }    @media (max-width: 767px) {      .team-details-area .team-details-content-text p {        padding-right: 0;        font-size: 16px; } }    .team-details-area .team-details-content-text p.text {      padding-top: 30px; }/*Start Cutclub Team section*/.team_v1 {  padding-top: 110px; }  .team_v1 .team_box {    overflow: hidden; }    .team_v1 .team_box:hover .cutclub_img .overlay_img {      background: #0f041a;      opacity: .9; }    .team_v1 .team_box:hover .cutclub_img .overlay_content {      bottom: 0; }      .team_v1 .team_box:hover .cutclub_img .overlay_content >span {        opacity: 1; }      .team_v1 .team_box:hover .cutclub_img .overlay_content p {        opacity: 1; }      .team_v1 .team_box:hover .cutclub_img .overlay_content ul {        opacity: 1; }    .team_v1 .team_box .cutclub_img {      position: relative;      overflow: hidden; }      .team_v1 .team_box .cutclub_img img {        width: 100%; }      .team_v1 .team_box .cutclub_img .overlay_img {        position: absolute;        top: 0;        left: 0;        width: 100%;        height: 100%;        background: #222;        opacity: .4;        -webkit-transition: all 0.5s ease-out 0s;        -moz-transition: all 0.5s ease-out 0s;        -ms-transition: all 0.5s ease-out 0s;        -o-transition: all 0.5s ease-out 0s;        transition: all 0.5s ease-out 0s; }      .team_v1 .team_box .cutclub_img .overlay_content {        position: absolute;        bottom: -225px;        left: 0;        padding: 40px;        -webkit-transition: all 0.7s ease-out 0s;        -moz-transition: all 0.7s ease-out 0s;        -ms-transition: all 0.7s ease-out 0s;        -o-transition: all 0.7s ease-out 0s;        transition: all 0.7s ease-out 0s; }        @media (max-width: 767px) {          .team_v1 .team_box .cutclub_img .overlay_content {            padding: 20px; } }        @media only screen and (min-width: 576px) and (max-width: 767px) {          .team_v1 .team_box .cutclub_img .overlay_content {            padding: 40px; } }        .team_v1 .team_box .cutclub_img .overlay_content h3 {          color: #fff;          font-weight: 800;          font-size: 30px; }        .team_v1 .team_box .cutclub_img .overlay_content >span {          font-size: 18px;          color: #00c4b4;          opacity: 0;          -webkit-transition: all 0.3s ease-out 0s;          -moz-transition: all 0.3s ease-out 0s;          -ms-transition: all 0.3s ease-out 0s;          -o-transition: all 0.3s ease-out 0s;          transition: all 0.3s ease-out 0s; }        .team_v1 .team_box .cutclub_img .overlay_content p {          font-size: 18px;          line-height: 30px;          color: #c2c2c2;          padding-right: 88px;          padding-top: 22px;          padding-bottom: 36px;          opacity: 0;          -webkit-transition: all 0.3s ease-out 0s;          -moz-transition: all 0.3s ease-out 0s;          -ms-transition: all 0.3s ease-out 0s;          -o-transition: all 0.3s ease-out 0s;          transition: all 0.3s ease-out 0s; }          @media only screen and (min-width: 1200px) and (max-width: 1600px) {            .team_v1 .team_box .cutclub_img .overlay_content p {              padding-right: 0;              font-size: 16px; } }          @media only screen and (min-width: 992px) and (max-width: 1200px) {            .team_v1 .team_box .cutclub_img .overlay_content p {              padding-right: 0; } }          @media only screen and (min-width: 768px) and (max-width: 991px) {            .team_v1 .team_box .cutclub_img .overlay_content p {              padding-right: 0;              font-size: 16px; } }          @media (max-width: 767px) {            .team_v1 .team_box .cutclub_img .overlay_content p {              padding-right: 0;              font-size: 17px; } }          @media only screen and (min-width: 576px) and (max-width: 767px) {            .team_v1 .team_box .cutclub_img .overlay_content p {              padding-right: 0;              font-size: 18px; } }        .team_v1 .team_box .cutclub_img .overlay_content ul {          opacity: 0;          -webkit-transition: all 0.3s ease-out 0s;          -moz-transition: all 0.3s ease-out 0s;          -ms-transition: all 0.3s ease-out 0s;          -o-transition: all 0.3s ease-out 0s;          transition: all 0.3s ease-out 0s; }  .team_v1.team_page {    padding-top: 120px; }    @media (max-width: 767px) {      .team_v1.team_page .team_box .cutclub_img .overlay_content h3 {        font-size: 24px; } }    @media (max-width: 767px) {      .team_v1.team_page .team_box .cutclub_img .overlay_content >span {        font-size: 16px; } }    .team_v1.team_page .team_box .cutclub_img .overlay_content p {      padding-right: 30px; }      @media only screen and (min-width: 1200px) and (max-width: 1600px) {        .team_v1.team_page .team_box .cutclub_img .overlay_content p {          padding-right: 35px; } }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .team_v1.team_page .team_box .cutclub_img .overlay_content p {          padding-right: 0px; } }      @media (max-width: 767px) {        .team_v1.team_page .team_box .cutclub_img .overlay_content p {          padding-right: 0px;          font-size: 15px; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .team_v1.team_page .team_box .cutclub_img .overlay_content p {          padding-right: 0px;          font-size: 16px; } }/*team_v2*/.team_v2 {  position: relative;  padding: 108px 0 83px; }  .team_v2::before {    position: absolute;    content: '';    left: 0;    top: 0;    height: 100%;    width: 100%;    background: #bd3c4b;    opacity: .9; }  .team_v2 .section_title-2 h2 {    color: #fff; }  .team_v2 .section_title-2 p {    color: #cccccc; }  .team_v2 .team_box {    margin-bottom: 30px; }    .team_v2 .team_box .cutclub_img {      margin-bottom: 60px;      border-radius: 50%;      position: relative;      overflow: hidden;      z-index: 10; }      .team_v2 .team_box .cutclub_img img {        width: 100%; }      .team_v2 .team_box .cutclub_img .team-overlay {        position: absolute;        left: 0;        top: 0;        height: 100%;        width: 100%;        background: rgba(0, 0, 0, 0.52);        z-index: 1;        opacity: 0;        -webkit-transition: all 0.3s ease-out 0s;        -moz-transition: all 0.3s ease-out 0s;        -ms-transition: all 0.3s ease-out 0s;        -o-transition: all 0.3s ease-out 0s;        transition: all 0.3s ease-out 0s; }        .team_v2 .team_box .cutclub_img .team-overlay .social {          z-index: 1;          position: absolute;          left: 50%;          top: 50%;          transform: translate(-50%, -50%);          display: flex; }          .team_v2 .team_box .cutclub_img .team-overlay .social li {            margin: 0 2px; }    .team_v2 .team_box .team_info {      text-align: center; }      .team_v2 .team_box .team_info h3 {        color: #fff; }        @media only screen and (min-width: 992px) and (max-width: 1200px) {          .team_v2 .team_box .team_info h3 {            font-size: 26px; } }      .team_v2 .team_box .team_info p {        color: #d9d9d9; }    .team_v2 .team_box:hover .cutclub_img .team-overlay {      opacity: 1; }/*===========================    17.CONTACT css ===========================*/.contact-info-area .contact-info-content-1 .title {  font-size: 50px;  font-weight: 800;  line-height: 50px;  text-transform: uppercase; }  @media (max-width: 767px) {    .contact-info-area .contact-info-content-1 .title {      font-size: 40px;      line-height: 40px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .contact-info-area .contact-info-content-1 .title {      font-size: 50px;      line-height: 50px; } }.contact-info-area .contact-info-content-1 p {  line-height: 30px;  padding-top: 41px;  padding-bottom: 40px;  padding-right: 50px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .contact-info-area .contact-info-content-1 p {      padding-right: 0; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .contact-info-area .contact-info-content-1 p {      padding-right: 0;      font-size: 16px; } }  @media (max-width: 767px) {    .contact-info-area .contact-info-content-1 p {      padding-right: 0px;      font-size: 14px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .contact-info-area .contact-info-content-1 p {      padding-right: 70px;      font-size: 18px; } }.contact-info-area .contact-info-content-2 .item .title {  font-size: 40px;  font-weight: 700;  color: #333;  padding-bottom: 12px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .contact-info-area .contact-info-content-2 .item .title {      font-size: 34px; } }  @media (max-width: 767px) {    .contact-info-area .contact-info-content-2 .item .title {      font-size: 30px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .contact-info-area .contact-info-content-2 .item .title {      font-size: 40px; } }.contact-info-area .contact-info-content-2 .item ul li {  font-size: 26px;  color: #999;  line-height: 36px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .contact-info-area .contact-info-content-2 .item ul li {      font-size: 22px; } }  @media (max-width: 767px) {    .contact-info-area .contact-info-content-2 .item ul li {      font-size: 22px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .contact-info-area .contact-info-content-2 .item ul li {      font-size: 26px; } }.contact-info-area .contact-info-map iframe {  width: 100%;  height: 290px; }.contact-form-area .contact-form .contact-form-title .title {  font-size: 40px;  font-weight: 800;  line-height: 48px; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .contact-form-area .contact-form .contact-form-title .title {      font-size: 36px; } }  @media (max-width: 767px) {    .contact-form-area .contact-form .contact-form-title .title {      font-size: 26px;      line-height: 36px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .contact-form-area .contact-form .contact-form-title .title {      font-size: 40px;      line-height: 48px; } }@media (max-width: 767px) {  .contact-form-area .contact-form form {    padding-left: 15px;    padding-right: 15px; } }@media only screen and (min-width: 576px) and (max-width: 767px) {  .contact-form-area .contact-form form {    padding-left: 30px;    padding-right: 30px; } }.contact-form-area .contact-form form .input-box input {  width: 100%;  background: #fff;  line-height: 60px;  padding-left: 30px;  border: 0;  font-size: 15px;  color: #888; }  .contact-form-area .contact-form form .input-box input::placeholder {    opacity: 1; }.contact-form-area .contact-form form .input-box textarea {  width: 100%;  background: #fff;  border: 0;  padding-left: 30px;  padding-top: 15px;  color: #888;  resize: none;  height: 210px;  margin-bottom: 30px; }  .contact-form-area .contact-form form .input-box textarea::placeholder {    opacity: 1; }/*contact_info_v1*/.contact_info_v1 {  background-attachment: fixed;  position: relative;  padding-top: 109px;  padding-bottom: 112px; }  .contact_info_v1::before {    position: absolute;    content: '';    left: 0;    top: 0;    height: 100%;    width: 100%;    background: #3d192e;    opacity: .9; }  .contact_info_v1 .section_title-2 h2 {    color: #fff; }  .contact_info_v1 .section_title-2 p {    color: #ccc; }  .contact_info_v1 .contact_info_box i {    font-size: 52px;    color: #00c4b4;    margin-bottom: 25px; }  .contact_info_v1 .contact_info_box h3 {    font-size: 28px;    font-weight: 800;    font-size: 28px;    color: #fff;    margin-bottom: 5px; }  .contact_info_v1 .contact_info_box p {    font-size: 16px;    color: #bfbfbf; }    .contact_info_v1 .contact_info_box p a {      color: #bfbfbf; }.cutclub_map .map_box iframe {  display: inherit;  width: 100%;  height: 510px;  border: none; }/*contact_info_v2*/.contact_info_v2 {  padding: 120px 0 210px;  background-position: bottom; }  .contact_info_v2 .cutclub_content_box h2 {    color: #fff;    margin-bottom: 45px;    font-size: 50px;    line-height: 50px;    text-transform: uppercase; }    @media (max-width: 767px) {      .contact_info_v2 .cutclub_content_box h2 {        font-size: 40px;        line-height: 50px; } }  .contact_info_v2 .cutclub_content_box p {    margin-bottom: 30px;    color: #999999;    font-size: 18px;    line-height: 30px;    padding-right: 40px; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .contact_info_v2 .cutclub_content_box p {        padding-right: 0; } }  @media (max-width: 767px) {    .contact_info_v2 .cutclub_content_box a {      margin-bottom: 30px; } }  .contact_info_v2 .contact_info_box {    margin-bottom: 55px; }    .contact_info_v2 .contact_info_box:last-child {      margin-bottom: 0; }    .contact_info_v2 .contact_info_box h2 {      color: #fff;      margin-bottom: 20px;      font-size: 40px;      font-weight: 700; }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .contact_info_v2 .contact_info_box h2 {          font-size: 34px; } }      @media (max-width: 767px) {        .contact_info_v2 .contact_info_box h2 {          font-size: 30px;          line-height: 40px; } }    .contact_info_v2 .contact_info_box p {      color: #c7c7c7;      font-size: 26px;      line-height: 36px; }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .contact_info_v2 .contact_info_box p {          font-size: 20px;          line-height: 30px; } }      @media (max-width: 767px) {        .contact_info_v2 .contact_info_box p {          font-size: 20px;          line-height: 30px; } }    .contact_info_v2 .contact_info_box h3 {      font-size: 40px;      font-family: "Poppins", sans-serif;      margin-bottom: 5px; }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .contact_info_v2 .contact_info_box h3 {          font-size: 34px; } }      @media (max-width: 767px) {        .contact_info_v2 .contact_info_box h3 {          font-size: 30px; } }      .contact_info_v2 .contact_info_box h3 a {        color: #fff; }    .contact_info_v2 .contact_info_box h4 {      font-size: 26px;      color: #c7c7c7; }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .contact_info_v2 .contact_info_box h4 {          font-size: 20px; } }      @media (max-width: 767px) {        .contact_info_v2 .contact_info_box h4 {          font-size: 20px; } }      .contact_info_v2 .contact_info_box h4 a {        color: #c7c7c7;        font-weight: 400; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .contact_info_v2 .map_box {      margin-top: 30px; } }  @media (max-width: 767px) {    .contact_info_v2 .map_box {      margin-top: 30px; } }  .contact_info_v2 .map_box iframe {    width: 100%;    height: 290px;    display: inherit;    border: none; }/*===========================    18.ERROR css ===========================*/.error-area {  padding-top: 148px;  padding-bottom: 115px; }  .error-area .error-content .title {    font-size: 45px;    font-weight: 800;    padding-top: 46px; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .error-area .error-content .title {        font-size: 36px; } }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .error-area .error-content .title {        font-size: 36px; } }    @media (max-width: 767px) {      .error-area .error-content .title {        font-size: 40px; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .error-area .error-content .title {        font-size: 30px; } }    .error-area .error-content .title span {      color: #00c4b4; }  .error-area .error-content p {    font-size: 20px;    line-height: 30px;    color: #999;    font-style: italic;    padding-top: 8px;    padding-bottom: 29px; }  .error-area .error-content form .input-box {    position: relative; }    .error-area .error-content form .input-box input {      width: 100%;      background: #fafafa;      padding-left: 30px;      line-height: 70px;      border: 0;      color: #8c8c8c; }      .error-area .error-content form .input-box input::placeholder {        opacity: 1; }    .error-area .error-content form .input-box button {      position: absolute;      right: 30px;      top: 50%;      transform: translateY(-50%);      background-color: transparent;      border: 0; }  .error-area .error-content a {    height: 70px;    width: 70px;    background: #00c4b4;    text-align: center;    line-height: 70px;    color: #fff;    font-size: 26px;    margin-top: 30px; }  .error-area .error-content >span {    color: #543278;    font-size: 14px;    font-weight: 700;    font-family: "Poppins", sans-serif;    text-transform: uppercase;    padding-top: 3px; }/*===========================    19.COMMING SOON css ===========================*/.coming-soon-area {  height: 100vh;  position: relative; }  @media (max-width: 767px) {    .coming-soon-area {      height: 900px; } }  .coming-soon-area::before {    position: absolute;    content: '';    left: 0;    top: 0;    height: 100%;    width: 100%;    background: rgba(15, 4, 26, 0.6); }  .coming-soon-area .coming-soon-content .title {    color: #fff;    font-weight: 800;    font-size: 80px;    text-transform: uppercase;    line-height: 44px;    padding-bottom: 14px;    padding-top: 76px; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .coming-soon-area .coming-soon-content .title {        font-size: 68px; } }    @media (max-width: 767px) {      .coming-soon-area .coming-soon-content .title {        font-size: 45px; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .coming-soon-area .coming-soon-content .title {        font-size: 60px; } }  .coming-soon-area .coming-soon-content b {    color: #fff;    font-weight: 800;    font-size: 30px;    text-transform: capitalize;    font-family: "Poppins", sans-serif; }    @media (max-width: 767px) {      .coming-soon-area .coming-soon-content b {        font-size: 20px; } }  .coming-soon-area .coming-soon-content form .input-box {    position: relative; }    .coming-soon-area .coming-soon-content form .input-box input {      width: 100%;      background: #fff;      line-height: 65px;      padding-left: 30px;      border: 0;      font-size: 13px;      color: #828282;      font-style: italic; }      .coming-soon-area .coming-soon-content form .input-box input::placeholder {        opacity: 1; }    .coming-soon-area .coming-soon-content form .input-box button {      position: absolute;      right: 10px;      top: 50%;      transform: translateY(-50%);      border: 0;      font-size: 18px;      height: 45px;      width: 45px;      background: #000;      text-align: center;      line-height: 45px;      color: #fff; }#simple_timer {  margin-top: 25px; }  #simple_timer .syotimer__body {    display: flex;    justify-content: space-between; }    @media (max-width: 767px) {      #simple_timer .syotimer__body {        display: inline-block; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      #simple_timer .syotimer__body {        display: flex; } }    #simple_timer .syotimer__body .syotimer-cell {      position: relative; }      #simple_timer .syotimer__body .syotimer-cell::before {        position: absolute;        content: '';        right: -50px;        top: 50%;        width: 1px;        height: 65px;        background: #8f919b;        transform: translateY(-50%); }        @media (max-width: 767px) {          #simple_timer .syotimer__body .syotimer-cell::before {            display: none; } }        @media only screen and (min-width: 576px) and (max-width: 767px) {          #simple_timer .syotimer__body .syotimer-cell::before {            right: -25px;            display: block; } }      #simple_timer .syotimer__body .syotimer-cell .syotimer-cell__value {        font-size: 48px;        font-weight: 800;        color: #fff;        font-family: "Poppins", sans-serif; }      #simple_timer .syotimer__body .syotimer-cell .syotimer-cell__unit {        font-size: 22px;        color: #fff;        letter-spacing: 2px;        font-family: "Poppins", sans-serif;        margin-top: -10px; }      #simple_timer .syotimer__body .syotimer-cell:last-child::before {        width: 0; }/*===========================    20.CREATIVE STRATEGIC css ===========================*/.creative_strategic {  background-position: bottom;  padding-top: 110px;  padding-bottom: 115px; }  .creative_strategic .cutclub_content_box h2 {    line-height: 60px; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .creative_strategic .cutclub_content_box h2 {        font-size: 34px;        line-height: 50px; } }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .creative_strategic .cutclub_content_box h2 {        line-height: 50px;        padding-bottom: 20px; } }    @media (max-width: 767px) {      .creative_strategic .cutclub_content_box h2 {        line-height: 36px;        padding-bottom: 20px;        font-size: 22px; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .creative_strategic .cutclub_content_box h2 {        line-height: 50px; } }  .creative_strategic .cutclub_content_box p {    margin-bottom: 40px; }  .creative_strategic .service_box {    text-align: center;    padding: 0 30px; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .creative_strategic .service_box {        padding: 0 0; } }    @media (max-width: 767px) {      .creative_strategic .service_box {        padding: 0 0; } }    .creative_strategic .service_box .icon_box {      position: relative;      display: flex;      margin: auto;      align-items: center;      justify-content: center;      margin-bottom: 45px;      z-index: 1; }      .creative_strategic .service_box .icon_box .icon {        position: relative;        width: 130px;        height: 130px;        line-height: 130px;        border-radius: 50%;        border: 2px dashed #00c4b4; }        .creative_strategic .service_box .icon_box .icon::before {          content: '';          background: #ffff;          border-radius: 100%;          left: -18px;          right: -10px;          top: -18px;          bottom: -10px;          position: absolute;          z-index: -1;          width: 160px;          height: 160px; }      .creative_strategic .service_box .icon_box .count {        position: absolute;        right: 60px;        top: -20px;        width: 50px;        height: 50px;        line-height: 50px;        text-align: center;        background: #00c4b4;        border-radius: 50%;        color: #fff;        z-index: -5; }    .creative_strategic .service_box h4 {      margin-bottom: 10px;      font-weight: 800;      font-size: 26px; }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .creative_strategic .service_box h4 {          font-size: 22px; } }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .creative_strategic .service_box p {        font-size: 16px; } }    @media (max-width: 767px) {      .creative_strategic .service_box p {        font-size: 16px; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .creative_strategic .service_box p {        font-size: 18px; } }/*creative_strategic*/.cutclub_story {  padding-top: 111px;  padding-bottom: 80px; }  .cutclub_story .single_stroy {    margin-bottom: 40px; }    .cutclub_story .single_stroy .cutclub_img_box img {      width: 100%; }    .cutclub_story .single_stroy .cutclub_content_box {      padding-left: 55px; }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .cutclub_story .single_stroy .cutclub_content_box {          padding-left: 0;          padding-top: 20px; } }      @media (max-width: 767px) {        .cutclub_story .single_stroy .cutclub_content_box {          padding-left: 0;          padding-top: 20px; } }      .cutclub_story .single_stroy .cutclub_content_box span {        color: #00c4b4;        font-size: 13px;        font-weight: bold;        text-transform: uppercase; }      .cutclub_story .single_stroy .cutclub_content_box h3 {        margin-bottom: 15px;        font-size: 30px;        line-height: 38px;        font-weight: 800; }        @media only screen and (min-width: 992px) and (max-width: 1200px) {          .cutclub_story .single_stroy .cutclub_content_box h3 {            font-size: 26px;            line-height: 36px; } }        @media (max-width: 767px) {          .cutclub_story .single_stroy .cutclub_content_box h3 {            font-size: 20px;            line-height: 30px; } }        @media only screen and (min-width: 576px) and (max-width: 767px) {          .cutclub_story .single_stroy .cutclub_content_box h3 {            font-size: 30px;            line-height: 38px; } }      .cutclub_story .single_stroy .cutclub_content_box p {        margin-bottom: 35px;        font-size: 18px;        line-height: 30px;        padding-right: 16px; }      .cutclub_story .single_stroy .cutclub_content_box a {        background: #000;        color: #fff;        border-color: #000; }        .cutclub_story .single_stroy .cutclub_content_box a:hover {          background: #00c4b4;          border-color: #00c4b4; }    .cutclub_story .single_stroy:nth-child(odd) .row {      flex-flow: row-reverse; }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .cutclub_story .single_stroy:nth-child(odd) .row {          flex-flow: column; } }      @media (max-width: 767px) {        .cutclub_story .single_stroy:nth-child(odd) .row {          flex-flow: column; } }    .cutclub_story .single_stroy:nth-child(odd) .cutclub_content_box {      padding-left: 0;      padding-right: 55px; }      @media (max-width: 767px) {        .cutclub_story .single_stroy:nth-child(odd) .cutclub_content_box {          padding-right: 0; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .cutclub_story .single_stroy:nth-child(odd) .cutclub_content_box {          padding-right: 55px; } }/*qoute_box*/.qoute_box {  padding: 85px 0; }  .qoute_box .cutclub_content_box span {    margin-bottom: 5px;    display: block;    font-size: 22px;    color: #fff; }    @media (max-width: 767px) {      .qoute_box .cutclub_content_box span {        font-size: 16px; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .qoute_box .cutclub_content_box span {        font-size: 22px; } }  .qoute_box .cutclub_content_box h2 {    color: #fff; }    @media (max-width: 767px) {      .qoute_box .cutclub_content_box h2 {        font-size: 22px; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .qoute_box .cutclub_content_box h2 {        font-size: 36px; } }  .qoute_box .button_box {    float: right; }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .qoute_box .button_box {        float: left;        margin-top: 30px; } }    @media (max-width: 767px) {      .qoute_box .button_box {        float: left;        margin-top: 30px; } }    .qoute_box .button_box a {      background: #000;      color: #fff;      border-color: #000; }      .qoute_box .button_box a:hover {        background: #00c4b4;        border-color: #00c4b4; }        .mb_YTPBar {display: none;}        .paly_btn.continue i:before {            content: "\f04c";        }/*# sourceMappingURL=style.css.map *//*��������ֻ������ʾ��,����Դ�롣Դ�����ؽ�������: http://www.bootstrapmb.com/item/7583��(��˵���������ص�Դ���ֻ������ʾҳ���)*/