:root {
     --blackc: #000;
     --whitec: #fff;
     --bgcolor: #6145c7;
     --paracolor: #272727;
     --hoverbg: #70af39;
     --textcolor: #dddd;
     --titlecolor: #070020;
     --btntlecolor: #666;
 }

 /* defult css */
 body {
     font-family: Roboto, sans-serif;
     font-weight: 400;
     font-style: normal;
     font-size: 16px;
     line-height: 1.6;
     color: var(--pracolor);
     margin: 0;
 }

 .nOL8Xf659t h5 {
     color: #f7f7f7;
 }

 .nOL8Xf659t p {
     color: #fff;
 }

 .nOL8Xf659t {
     padding: 25px;
 }


 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 h1 a,
 h2 a,
 h3 a,
 h4 a,
 h5 a,
 h6 a {
     font-family: Roboto, sans-serif;
     font-style: normal;
     line-height: 1.2;
     font-weight: 700;
     transition: .5s;
     color: var(--titlecolor);
     margin: 0 0 10px;
     font-size: 22px;
 }

 h1 {
     font-size: 25.03px;
 }

 h2 {
     font-size: 22px;
 }

 h3 {
     font-size: 20.36px;
 }

 h4 {
     font-size: 18.94px;
 }

 h5 {
     font-size: 17.88px;
 }

 h6 {
     font-size: 16.00px;
 }

 img {
     height: auto;
 }

 .zenit-shell {
     position: relative;
     min-height: 60px;
     font-family: 'Verdana', sans-serif;
 }

 .oxxJ0rWkcm {
     display: flex;
     align-items: center;
     justify-content: space-between;
     background: #222831;
     color: #fff;
     padding: 1rem 1.5rem;
     position: relative;
     z-index: 100;
 }

 .zenit-brand a {
     color: #f96d00;
     text-decoration: none;
     font-size: clamp(1.5rem, 2.5vw, 2rem);
     font-weight: bold;
     letter-spacing: 2px;
 }

 .mXxwi7ydaU {
     display: none;
 }

 .zenit-button {
     display: flex;
     flex-direction: column;
     gap: 5px;
     cursor: pointer;
     z-index: 101;
 }

 .zenit-button i {
     display: block;
     width: 26px;
     height: 3px;
     background-color: #f96d00;
     border-radius: 2px;
     transition: all 0.3s ease-in-out;
 }

 /* Sidebar */
 .zenit-sidebar {
     position: fixed;
     top: 0;
     left: 0;
     height: 100vh;
     width: 250px;
     background: rgba(34, 40, 49, 0.98);
     backdrop-filter: blur(6px);
     transform: translateX(-100%);
     transition: transform 0.4s ease;
     padding-top: 80px;
     z-index: 99;
 }

 .zenit-sidebar ul {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     flex-direction: column;
     gap: 2rem;
     text-align: left;
     padding-left: 2rem;
 }

 .zenit-sidebar a {
     color: #fb0a0a;
     font-size: 1.2rem;
     font-weight: 500;
     text-decoration: none;
     transition: color 0.3s ease;
 }

 .zenit-sidebar a:hover {
     color: #f96d00;
 }

 /* Checkbox logic for toggle */
 .mXxwi7ydaU:checked~.zenit-sidebar {
     transform: translateX(0);
 }

 .mXxwi7ydaU:checked+.oxxJ0rWkcm .zenit-button i:nth-child(1) {
     transform: rotate(45deg) translate(5px, 6px);
 }

 .mXxwi7ydaU:checked+.oxxJ0rWkcm .zenit-button i:nth-child(2) {
     opacity: 0;
 }

 .mXxwi7ydaU:checked+.oxxJ0rWkcm .zenit-button i:nth-child(3) {
     transform: rotate(-45deg) translate(5px, -6px);
 }



 /* Desktop fix */
 @media (min-width: 992px) {
     .zenit-sidebar {
         transform: none;
         position: relative;
         height: auto;
         width: 100%;
         background: transparent;
         padding-top: 0;
     }

     .zenit-sidebar ul {
         flex-direction: row;
         justify-content: flex-end;
         gap: 2rem;
         padding: 0 2rem;
     }

     .zenit-button {
         display: none;
     }

     .mXxwi7ydaU {
         display: none;
     }
 }

 .ylam4vXh3E {
     background: #444;
     color: #fff;
     padding: 6px;
     font-size: 13px;
     text-align: center;
     position: fixed;
     bottom: 0;
     width: 100%;
     z-index: 10;
     transition: opacity 0.3s ease-in-out;
 }

 .ylam4vXh3E .cookie-checkbox {
     display: none;
 }

 .ylam4vXh3E .y83a2nuSUd {
     display: inline-block;
     background: #222;
     color: #fff;
     border: 1px solid #000;
     cursor: pointer;
     padding: 4px 7px;
     margin: 2px 0;
     font-size: 13px;
     font-weight: 700;
     transition: background 0.07s, color 0.07s, border-color 0.07s;
 }

 .ylam4vXh3E .y83a2nuSUd:hover {
     background: #fff;
     color: #222;
 }

 .cookie-checkbox:checked+.cookies-content {
     display: none;
 }


 html,
 body {
     overflow-x: hidden;
 }

 .btn-primary:focus,
 select:focus,
 textarea:focus,
 input:focus {
     box-shadow: none !important;
     border: none;
 }

 textarea,
 input {
     outline: none;
 }

 .btn:focus {
     text-decoration: none;
     outline: none;
     box-shadow: none;
 }

 input:focus,
 button:focus {
     border-color: transparent;
     outline-color: transparent;
 }

 textarea:focus {
     border-color: transparent;
     outline-color: transparent;
 }

 ::-moz-placeholder {
     font-size: 16px;
 }

 ::-webkit-input-placeholder {
     font-size: 16px;
 }

 :-ms-input-placeholder {
     font-size: 16px;
 }

 ::placeholder {
     font-size: 16px;
 }

 a {
     transition: .5s;
     text-decoration: none;
     color: var(--linkcolor);
 }

 a:focus,
 a:hover {
     text-decoration: none;
     outline: none;
 }

 input:-webkit-autofill,
 input:-webkit-autofill:hover,
 input:-webkit-autofill:focus,
 input:-webkit-autofill:active,
 textarea:-webkit-autofill,
 textarea:-webkit-autofill:hover,
 textarea:-webkit-autofill:focus,
 textarea:-webkit-autofill:active,
 select:-webkit-autofill,
 select:-webkit-autofill:hover,
 select:-webkit-autofill:focus,
 select:-webkit-autofill:active {
     transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;
 }

 p.form-messege {
     margin-top: 8px;
 }

 .witr_all_pd0 {
     padding: 0;
 }

 /* End defult css */

 /*-------- top left area ----------*/
 .header_top {
     padding: 11px 385px 11px 400px;
     background-color: var(--bgcolor);
 }

 .top_menu_left {
     margin-left: -13px;
     color: var(--bgcolor);
 }

 .top_menu_left span {
     color: var(--whitec);
     margin-right: 10px;
 }

 .top_menu_left span i {
     margin-right: 6px;
 }

 .top_menu_left a {
     margin-left: 15px;
 }

 /*--ICON--*/
 .top_menu_left a i {
     margin-right: 6px;
     color: var(--whitec);
     font-size: 13px;
 }

 .top_menu_left a span {
     color: var(--whitec);
 }

 .top_menu_left_icon {
     display: inline-block;
     margin-left: 15px;
 }

 .top_menu_left_icon>a>i {
     margin-right: 0px;
 }

 .top_menu_left_icon a i {
     transition: .5s;
     font-size: 15px;
     font-weight: 600;
     color: var(--whitec);
 }

 .top_menu_left_icon a i:hover {
     color: var(--titlecolor);
 }

 /*--top_menu_right--*/
 .top_menu_right {
     display: flex;
     color: var(--whitec);
     justify-content: end;
 }

 .top_menu_right a {
     color: var(--whitec);
     margin-left: 15px;
     transition: .5s;
 }

 .top_menu_right :hover {
     color: var(--titlecolor);
 }

 /*--header_top_END--*/
 /* nav icon popup css */
 .nav_icon_popup {
     position: fixed;
     top: 0;
     left: -110%;
     background: #000000e6 !important;
     display: flex;
     align-items: center;
     width: 100%;
     height: 100%;
     z-index: 999;
     opacity: 0;
     visibility: hidden;
     transition: 1s;
 }

 .nav_icon_popup.icon_popup {
     opacity: 1;
     visibility: visible;
     left: 0;
 }

 /* inner nav icon popup */
 .inner_nav_icon_popup {
     width: 47%;
     margin: 0 auto;
     position: relative;
 }

 .inner_nav_popup_btnicon {
     position: absolute;
     top: 0;
     right: 17px;
     transform: translateY(-63%);
 }

 .inner_nav_icon_popup input {
     font-size: 30px;
     font-weight: 500;
     padding: 17px 40px 15px 15px;
     width: 100%;
     border: none;
     outline: none;
     box-shadow: 0px 0px 30px 0px #dddddd45;
     background: var(--bgcolor);
     border-radius: 10px;
 }

 .inner_nav_popup_btnicon {
     border: none;
     background: none;
 }

 /* search icon */
 .inner_nav_popup_btnicon i {
     color: var(--titlecolor);
     font-size: 30px;
 }

 .inner_nav_popup_btnicon i:hover {
     color: var(--hcolor);
 }

 /* cross icon */
 .inner_nav_icon_popup .ti-close {
     padding: 10px;
     border-radius: 100%;
     background-color: var(--hcolor);
     position: absolute;
     margin-top: 20px;
 }

 /*======== main menu area start ==========*/
 .main_menu_area {
     padding: 0 30px;
 }

 /* mobile menu */
 .mobile_menu {
     display: none;
 }

 .mobile_logo_area {
     display: none;
 }

 .main_menu_area.absolute_menu.sticky {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     z-index: 9999;
 }

 /* home 2 main area css */
 .main_menu_area.sticky {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     z-index: 9999;
     background: rgb(0 0 0 / 70%);
 }

 .absolute_menu .sticky_logo {
     display: none;
 }

 .absolute_menu.sticky .sticky_logo {
     display: block;
 }

 .absolute_menu.sticky .main_logo {
     display: none;
 }

 .main_menu_area .sticky_logo {
     display: none;
 }

 .main_menu_area.sticky .sticky_logo {
     display: block;
 }

 .main_menu_area.sticky .main_logo {
     display: none;
 }

 .mean-nav ul li a i {
     display: none;
 }

 .main_menu_area.sticky .inner_main_nav_area>ul>li>a {
     color: var(--whitec);
 }

 .main_menu_area.sticky .inner_main_nav_area>ul>li>a:hover {
     color: var(--bgcolor);
 }

 .main_menu_area.sticky .inner_main_nav_area>ul>li>a i {
     color: var(--whitec);
 }

 .main_menu_area.sticky .main_nav_btn a {
     color: var(--whitec);
 }

 .main_menu_area.sticky .main_nav_icons>i {
     color: var(--whitec);
 }

 /* main nav area css */
 .main_nav_area {
     display: flex;
     align-items: center;
     justify-content: flex-end;
 }

 .main_menu_all_item {
     align-items: center;
 }

 /* inner main nav area css */
 .inner_main_nav_area ul {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .inner_main_nav_area>ul>li {
     display: inline-block;
     position: relative;
 }

 .inner_main_nav_area>ul>li>a {
     display: inline-block;
     margin: 36px 0 36px 28px;
     font-size: 18px;
     font-weight: 500;
     color: #272727;
 }

 .inner_main_nav_area>ul>li>a:hover {
     color: var(--bgcolor);
 }

 .inner_main_nav_area>ul>li>a>i {
     font-weight: 900;
 }

 /* main nav icons */
 .main_nav_icons {
     margin-left: 15px;
 }

 .main_nav_area .main_nav_icons>i {
     display: inline-block;
     width: 36px;
     height: 36px;
     line-height: 36px;
     border-radius: 100%;
     text-align: center;
     background: none;
     color: var(--blackc);
     cursor: pointer;
     transition: .5s;
 }

 /* nav icon popup css */
 .nav_icon_popup {
     position: fixed;
     top: 0;
     left: -110%;
     display: flex;
     align-items: center;
     width: 100%;
     height: 100%;
     z-index: 999;
     opacity: 0;
     visibility: hidden;
     transition: 1s;
 }

 .nav_icon_popup.icon_popup {
     opacity: 1;
     visibility: visible;
     left: 0;
 }

 /* inner nav icon popup */
 .inner_nav_icon_popup {
     width: 47%;
     margin: 0 auto;
     position: relative;
 }

 .inner_nav_icon_popup input {
     font-size: 30px;
     font-weight: 500;
     padding: 17px 40px 15px 15px;
     width: 100%;
     border: none;
     outline: none;
     box-shadow: 0px 0px 30px 0px #dddddd45;
     background: var(--whitec);
     border-radius: 10px;
 }

 /* inner nav popup form icons css */
 .inner_nav_popup_form_icons {
     position: absolute;
     top: 35%;
     right: 10px;
     transform: translateY(-50%);
 }

 .inner_nav_popup_btnicon {
     font-size: 40px;
     border: none;
     outline: none;
     background: none;
 }

 .inner_nav_icon_popup i {
     display: inline-block;
     margin-top: 10px;
     width: 36px;
     height: 36px;
     line-height: 36px;
     text-align: center;
     border-radius: 100%;
     background-color: var(--whitec);
     color: var(--blackc);
     font-size: 25px;
     cursor: pointer;
     transition: 1s;
 }

 .inner_nav_icon_popup i:hover {
     background-color: var(--bgcolor);
     color: var(--whitec);
 }

 /* drop down menu css */
 .inner_main_nav_area ul li .sub_menu {
     position: absolute;
     top: 130%;
     left: 0;
     width: max-content;
     min-width: 205px;
     max-width: 320px;
     text-align: left;
     margin: 0;
     padding: 15px 5px 14px;
     z-index: 9999;
     box-shadow: 0 0 30px rgb(0 0 0 / 9%);
     background-color: var(--whitec);
     opacity: 0;
     visibility: hidden;
     transition: .5s;
 }

 .inner_main_nav_area ul li .sub_menu li {
     position: relative;
 }

 .inner_main_nav_area ul li .sub_menu li a {
     display: inline-block;
     font-size: 18px;
     font-weight: 500;
     color: #444;
     padding: 6px 17px;
 }

 .inner_main_nav_area ul li .sub_menu li a:hover {
     color: var(--bgcolor);
     margin-left: 5px;
 }

 .inner_main_nav_area>ul>li:hover .sub_menu {
     top: 100%;
     opacity: 1;
     visibility: visible;
 }

 .inner_main_nav_area .sub_menu>li>ul.sub_menu {
     top: 130%;
     left: 100%;
     opacity: 0;
     visibility: hidden;
     transition: .5s;
 }

 .inner_main_nav_area ul li .sub_menu li:hover ul.sub_menu {
     top: 0;
     opacity: 1;
     visibility: visible;
 }

 /* main nav btn css */
 .main_nav_area .main_nav_btn {}

 .menu_btn a {
     display: inline-block;
     font-size: 16px;
     font-weight: 600;
     padding: 10px 25px;
     color: var(--whitec);
     background: linear-gradient(45deg, #0fafa5, #e02424);
 }

 .menu_btn a:hover {
     background: linear-gradient(-45deg, #170455, #110246);
 }

 /* absolute menu css */
 .absolute_menu {
     z-index: 999;
     background-color: var(--whitec);
     transition: .5s;
     padding: 0 385px 0 386px;
 }

 .absolute_menu .inner_main_nav_area>ul>li>a {
     color: #272727;
 }

 .inner_main_nav_area>ul>li>a:hover {
     color: var(--bgcolor);
 }

 /* absolute menu nav btn css */
 .header_title {
     display: flex;
     align-items: center;
 }

 .header_title a i {
     display: block;
     color: var(--titlecolor);
     height: 36px;
     width: 36px;
     line-height: 36px;
     text-align: center;
     margin-right: 12px;
     border-radius: 100%;
     font-size: 20px;
 }

 .sticky .header_title a i {
     color: var(--whitec);
 }

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

 /*======== slider area start  ==========*/
 .Omm4jaICW8 {
     position: relative;
     background: linear-gradient(90deg, #1e90ff 0%, #005fa3 100%);
     ;
 }

 .slider_width {
     max-width: 1865px;
 }

 /* inner slider area */
 .PRxgB4wDBI {
     /* height: 550px; */
     padding: 50px;
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     display: flex !important;
     align-items: flex-start;
 }

 /* inner slider content */
 .inner_slider_content {
     width: 70%;
     text-align: left;
     margin: 0 auto;
 }

 .inner_slider_content h1 {
     font-size: 24px;
     font-weight: 500;
     color: var(--whitec);
     margin: 0;
     text-transform: capitalize;
 }

 .inner_slider_content h2 {
     font-size: 40px;
     font-weight: 700;
     color: var(--whitec);
     margin: 25px auto 3px 0;
 }

 .sl_title {
     margin: 0 !important;
 }

 .inner_slider_content p {

     color: var(--whitec);
     font-size: 18px;
     font-weight: 500;
     margin: 35px 0 50px;
 }

 /* golobal btn css */
 .g_btn {
     margin-top: 40px;
     border-radius: 0px 20px;
 }

 .g_btn a {
     display: inline-block;
     padding: 17px 50px;
     background: linear-gradient(45deg, #0fafa5, #e02424);
     color: var(--whitec);
     font-size: 18px;
     font-weight: 500;
 }

 .g_btn a:hover {
     background: linear-gradient(-45deg, #110152, #1b0468);
     color: var(--whitec);
 }

 /* home 2 inner slider css */
 .h2_inner_slider {
     height: 830px;
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     display: flex !important;
     align-items: center;
 }

 /* home video page area css */
 .video_slider_area {
     position: relative;
 }

 .slider_vedio {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
     z-index: -999;
 }

 .slider_vedio iframe {
     width: 100%;
     height: 100%;
     border: none;
 }

 /* slider defult arrow css */
 /* golobal slick defult arrow css */
 .Omm4jaICW8 .slick-prev,
 .Omm4jaICW8 .slick-next {
     position: absolute;
     top: 50%;
     width: 55px;
     height: 55px;
     line-height: 55px;
     text-align: center;
     background: none;
     z-index: 9999;
     outline: none;
     border: none;
     font-size: 0;
     transform: translateY(-50%);
     transition: 1s;
     z-index: 0;
     opacity: 0;
     visibility: hidden;
     right: 0;
     color: var(--whitec);
 }

 /* slider icon hover */
 .Omm4jaICW8 .slick-prev:hover,
 .Omm4jaICW8 .slick-next:hover {
     background-color: var(--whitec);
     color: var(--bgcolor);
     border-radius: 0;
     margin: 0 10px 0 10px;
 }

 .Omm4jaICW8 .slick-prev::before:hover,
 .Omm4jaICW8 .slick-next::before:hover {
     font-size: 50px;
 }

 .Omm4jaICW8 .slick-prev {
     left: 0;
     z-index: 1;
 }

 .btestimonial .slick-next {
     right: 42%;
 }


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

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



 .breadcumb_area {
     position: relative;
     margin: 0 0 60px;
 }

 .breadcumb_area:before,
 .breadcumb-blog-area:before {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     content: "";
     z-index: -1;
     background-color: rgba(0, 0, 0, 0.3);
 }

 .sab_text {
     text-align: center;
     padding: 52px 0;
 }

 .sab_text h2 {
     font-size: 30px;
     color: var(--whitec);
 }

 .breadcumb_inner ul {
     color: var(--whitec);
     display: block;
 }

 .breadcumb_inner li {
     display: inline-block;
     margin: 0 2px;
     list-style: none;
 }

 .breadcumb_inner ul li a {
     color: var(--whitec);
 }

 .IcQXrX5X2c {
     color: var(--whitec);
 }

 /*-------planning IMG START--------*/
 .planning_area {
     margin-top: 110px;
     position: relative;
     display: block;
     padding: 0 0 45px;
     z-index: -0;
 }

 .text_box {
     text-align: center;
     padding: 50px 32px 50px 32px;
     box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.15);
     background-color: var(--whitec);
     border-radius: 10px 10px 10px 10px;
     margin-bottom: 20px;
     transition: .5s;
 }

 .text_box h3 {
     margin: 15px 0 20px;
     transition: .5s;
 }

 .text_box h3 a {
     font-size: 22px;
     color: var(--titlecolor);
     transition: .5s;
 }

 .text_box h3 a:hover {
     color: var(--bgcolor);
 }

 .text_box p {
     color: var(--btntlecolor);
     width: 90%;
     margin: -5px 0 25px;
 }

 .text_box i {
     font-size: 35px;
     height: 80px;
     width: 80px;
     transition: .5s;
     text-align: center;
     border-radius: 50%;
     line-height: 80px;
     display: inline-block;
     border-radius: 100%;
     color: var(--bgcolor);
     background-color: #F3F3F3;
 }

 .text_box:hover.text_box i {
     color: var(--whitec);
     background-color: #6145C7;
 }

 /* about */
 .ab_planning {
     margin: 60px 0;
 }

 /*------- planning IMG START --------*/

 /*------- ABOUT AREA START --------*/
 .g64IR6fBG6 {
     padding: 55px 0;
 }

 .about_single img {
     position: relative;
 }

 .counter_active {
     text-align: center;
 }

 .ab_inner_act {
     left: 30%;
     z-index: 1;
     position: absolute;
     margin-top: 60px;
     border-radius: 10px 10px 10px 10px;
     background-color: transparent;
     padding: 10px 42px 10px 60px;
     background-image: linear-gradient(90deg, #6145C7 0%, #080023 100%);
 }

 .ab_counter {
     display: flex;
     align-items: baseline;
     justify-content: center;
 }

 .ab_counter i {
     color: var(--whitec);
     font-size: 60px;
 }

 .ab_counter h3 {
     font-size: 40px;
     color: var(--whitec);
 }

 .ab_counter span {
     font-size: 40px;
     color: var(--whitec);
 }

 .coun_text h4 {
     font-size: 22px;
     margin-left: 55px;
     color: var(--whitec);
 }

 .ab_text h2 {
     font-size: 16px;
     color: var(--bgcolor);
 }

 .ab_text h3 {
     font-size: 40px;
     margin: 10px 0 30px;
 }

 .ab_text p {
     width: 86%;
     margin-bottom: 50px;
 }

 /* item 1 */
 .ab_single_item {
     display: flex;
 }

 .ab_im img {
     width: 38px;
     margin-right: 20px;
 }

 .ab_single_item h2 a {
     font-size: 22px;
     transition: .5s;
 }

 .ab_single_item h2 a:hover {
     color: var(--bgcolor);
 }

 .btitle_active {
     margin-top: 20px;
     margin-bottom: 20px;
 }

 .inner_title p {
     margin: 45px 0 55px;
     width: 89%;
 }

 /* about area */
 .about_service {
     padding: 40px 0;
 }

 /*------- ABOUT AREA END --------*/

 /*------- SKILL AREA START --------*/
 .skill_area {
     padding: 70px 0 65px;
 }

 .inner_progres_bar h2 {
     font-size: 18px;
 }

 .progress {
     height: 16px;
     margin-bottom: 30px;
     border-radius: 0;
 }

 .progress-bar {
     background-color: var(--bgcolor);
 }

 .progress-bar span {
     margin-top: -10px;
     color: var(--titlecolor);
 }

 /* vanobox */
 .zQe81vfNyh {
     position: relative;
 }

 .tr_vedio_vano_box {
     position: absolute;
     left: 16%;
     top: 84%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
 }

 .tr_vedio_vano_box a {
     position: relative;
     display: inline-block;
     width: 75px;
     height: 75px;
     font-size: 23px;
     border-radius: 100%;
     color: var(--whitec);
     background-color: var(--bgcolor);
 }

 .tr_vedio_vano_box i {
     position: absolute;
     left: 50%;
     top: 50%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
 }

 .tr_vedio_vano_box a:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     border-radius: 50%;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation: skill_play 1.5s ease-in-out infinite;
     animation: skill_play 1.5s ease-in-out infinite;
     background-color: transparent;
     background-image: linear-gradient(90deg, #6145C7 0%, #080023 100%);
 }

 @keyframes skill_play {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0;
         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     }

     20% {
         -webkit-transform: scale(1.24);
         transform: scale(1.24);
         opacity: 1;
         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     }

     100% {
         -webkit-transform: scale(2.1);
         transform: scale(2.1);
         opacity: 0;
         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     }
 }

 /* progress bar */
 .inner_progres_bar h2 {
     font-size: 18px;
 }

 .inner_progres_bar .progress {
     height: 10px;
     margin-bottom: 20px;
     overflow: inherit;
 }

 .single_about_text.single_faq {
     overflow: hidden;
 }

 .inner_progres_bar .progress-bar {
     margin: 2px 2px 2px;
     background-color: var(--bgcolor);
     overflow: inherit;
 }

 .progress-bar span {
     color: var(--titlecolor);
     text-align: end;
     margin-top: -50px;
     font-size: 16px;
 }

 /* web */
 .skill_left h4 {
     color: var(--bgcolor);
     font-size: 16px;
     font-weight: 700;
     line-height: 1.4;
 }

 /*------- SKILL AREA END --------*/


 /*------- SERVICE AREA START --------*/
 .ytM2g3v90Y {
     padding: 120px 0 100px;
     position: relative;
     margin: 50px 0;
 }

 /* section title */
 .section_title {
     text-align: center;
     margin: 0 0 50px;
 }

 .section_title span {
     font-size: 16px;
     font-weight: 700;
     padding: 0px 0px 15px 0px;
     color: var(--bgcolor);
 }

 .section_title h3 {
     font-size: 40px;
 }

 /* animation */

 .title_shap img {
     position: absolute;
     top: 10%;
     left: 0;
     animation: witr_movelr_box45 5s linear 1s infinite alternate running;
 }

 @keyframes witr_movelr_box45 {
     0% {
         -webkit-transform: translateX(0px);
         transform: translateX(0px);
     }

     100% {
         -webkit-transform: translateX(45px);
         transform: translateX(45px);
     }
 }

 /* section title */
 .service_box:hover.service_box h3 a {
     /* color: var(--whitec); */
 }

 .service_box:hover.service_box p {
     /* color: var(--whitec); */
 }

 .service_box {
     position: relative;
     text-align: left;
     transition: .5s;
     padding: 50px 30px 50px 30px;
 }

 .service_box:hover {
     background-position: center left;
     background-size: cover;
     transition: .5s;
 }

 .service_box i {
     color: var(--whitec);
     background-color: var(--bgcolor);
 }

 .ser_act {
     margin-top: 20px;
 }

 /* about */
 .about_service {
     margin: 0
 }

 .service_active {
     margin: -60px 0 0;
 }

 .about_title_inner {
     padding: 120px 0 60px;
 }

 /*------- SERVICE AREA END --------*/

 /* ----- counter area ------ */
 .counter_area {
     background-color: transparent;
     padding: 85px 0px 85px 0px;
     background-image: linear-gradient(90deg, #080023 0%, #6145C7 100%);
     margin: 55px 0;
 }

 .counter_active h3 {
     font-size: 70px;
 }

 .counter_active span {
     font-size: 70px;
     line-height: 1.2;
 }

 .counter_active h4 {
     display: inline-block;
     color: var(--whitec);
 }

 /* about */
 .about_counter {
     margin: 0;
 }

 /* ----- counter area ------ */


 /*=====START MEMBER AREA ======*/
 .member_area {
     padding: 60px 0 45px;
 }

 .inner_single_title img {
     width: 100%;
     position: relative;
 }

 /* tr team left text */
 .team_left {
     margin-top: 121px;
     margin-left: 20px;
 }

 .tr_team_right_text {}

 /* title tr team text */
 .tr_team_right_text span {
     font-weight: 700;
 }

 .tr_team_right_text h3 {
     color: var(--titlecolor);
     margin: 7px 0 60px;
 }

 /* main team devloper */
 .team_thumb {
     margin-bottom: 30px;
 }

 .inner_single_title {
     position: relative;
     overflow: hidden;
     border-radius: 5px 5px 5px 5px;
     box-shadow: 0 20px 30px 0 rgba(42, 67, 113, .15);
 }

 /* icon overlay */

 /* icon overlay */
 .inner_ti_th {
     position: absolute;
     bottom: -16%;
     left: 85%;
     opacity: 0;
     transition: .5s;
 }

 /* icon */
 .inner_ti_th a i {
     display: block;
     font-size: 17px;
     width: 40px;
     height: 40px;
     text-align: center;
     line-height: 40px;
     color: var(--whitec);
     background-color: var(--bgcolor);
     transition: .5s;
     border-radius: 5px;
     margin: 0px 0px 5px 0px;
 }

 .inner_ti_th a i:hover {
     background-color: var(--titlecolor);
 }

 .team_thumb:hover .inner_ti_th {
     bottom: 27%;
     left: 85%;
     opacity: 1;
 }

 .inner_ex_left {
     margin-left: 20px;
 }

 /* Team img */

 /* team de info */
 .single_team_item {
     text-align: center;
     padding: 18px 0px 10px;
     padding: 22px 30px;
     text-align: center;
     margin-top: -84px;
     border-radius: 0 0 10px 10px;
     position: relative;
     background: white;
     transition: .5s;
 }

 .inner_single_title:hover .single_team_item h5 {
     color: var(--whitec);
 }

 .inner_single_title:hover .single_team_item span {
     color: var(--whitec);
 }

 .single_team_item h5 {
     font-size: 22px;
     color: var(--titlecolor);
     font-weight: 700;
     transition: .5s;
 }

 .single_team_item span {
     color: var(--btntlecolor);
 }

 .inner_single_title:hover .inner_icon_ov {
     background-color: var(--bgcolor);
 }

 .team_thumb:hover .single_team_item {
     background-color: var(--bgcolor)
 }

 /* title */
 .team_thumb:hover .single_team_item h5 {
     color: var(--whitec);
 }

 .team_thumb:hover .single_team_item span {
     color: var(--whitec);
 }

 /* about */
 .about_team {
     margin: 60px 0 0;
 }

 /*===== END MEMBER AREA ======*/

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

 .project_title {
     padding: 50px 0;
 }

 .title_tx span {
     font-weight: 700;
     color: var(--bgcolor);
     padding: 0px 0px 15px 0px;
 }

 .title_tx h3 {
     font-size: 40px;
     margin: auto;
     line-height: 1.2;
 }

 .project_act {
     margin-bottom: 55px;
 }

 .pro_content p {
     width: 88%
 }

 .inner_portfolio_items {
     width: 100%;
     height: 100%;
     overflow: hidden;
 }

 .portfolio_img_area img {
     width: 100%;
     height: 100%;
     transition: .5s;
 }

 .inner_portfolio_items:hover .portfolio_img_area img {
     transform: scale(1.2);
 }

 .pr_first {
     margin-bottom: -25px;
 }

 .pr_img {
     margin-top: -200px;
 }

 .pd100 {
     margin-top: -225px;
 }

 /*===== END MEMBER AREA ======*/

 /*===== START PRICING AREA ======*/
 .pricing_area {
     transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
     background-color: #F3F3F3;
     padding: 120px 0;
     margin: 45px 0 0;
 }

 .pri_item {
     background-color: var(--whitec);
     margin: 65px 0px 0 0px;
     text-align: center;
     border-radius: 5px;
     box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);
     padding-bottom: 40px;
 }

 .pricing_part {
     text-align: left;
     padding: 0 30px;
 }

 .pricing_btn a {
     padding: 17px 30px;
     margin-top: 20px;
 }

 .m_monitor i {
     color: #FFFFFF;
     background-color: transparent;
     background-image: linear-gradient(90deg, #080023 0%, #6145C7 100%);
     font-size: 40px;
     width: 90px;
     height: 90px;
     text-align: center;
     display: inline-block;
     line-height: 90px;
     position: relative;
     top: -45px;
     border-radius: 10px 10px 10px 10px;
 }

 /* title */
 .pri_active h4 {
     font-size: 16px;
     margin: -20px 0 16px;
 }

 .price_offer_line {
     justify-content: center;
     border-bottom: 1px solid #ddd;
     padding-bottom: 20px;
 }

 .price_offer_line h5 {
     font-size: 35px;
 }

 .price_offer_line h5 span {
     font-size: 18px;
     color: var(--titlecolor);
 }

 .pri_active ul {
     margin-top: 25px;
 }

 .pri_active ul li {
     list-style: none;
     font-size: 16px;
     margin-bottom: 17px;
     color: var(--btntlecolor);
 }

 .pri_active ul li i {
     margin-right: 10px;
 }

 .pr_btn {
     padding-top: 20px;
     padding-bottom: 40px;
 }

 .pr_btn a {
     padding: 18px 30px;
 }

 /* animation */

 .pricing_shap img {
     position: absolute;
     left: 5%;
     animation: witr_movelr_box45 5s linear 1s infinite alternate running;
 }

 @keyframes witr_movelr_box45 {
     0% {
         -webkit-transform: translateX(0px);
         transform: translateX(0px);
     }

     100% {
         -webkit-transform: translateX(45px);
         transform: translateX(45px);
     }
 }

 /* inner pricing area */
 .pricing_part_h4 h4 {
     font-size: 30px;
     padding: 26px 0 12px;
     display: block;
 }

 .inner_pr {
     background-color: #080023;
 }

 /* title */
 .inner_pr h5 {
     color: var(--whitec);
     margin: 0 0 -13px;
     padding: 10px 0;
 }

 .inner_pr h5 span {
     color: var(--whitec);
     font-size: 24px;
 }

 .part_h4 {
     text-align: center;
 }

 /* pr_btn */
 .pr_btn a {
     border-radius: 50px;
     padding: 9px 40px 9px 40px;
 }

 /*===== START PRICING AREA ======*/


 /*======== brand area start  ==========*/
 .bbrand_area {
     background-color: transparent;
     background-image: linear-gradient(90deg, #6145C7 0%, #080023 100%);
     transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
     padding: 80px 0px 80px 0px;
     margin: 0 0 60px;
 }

 /* single brand area testimonial css */
 .single_brand_area_test {
     padding: 100px 0 25px;
 }

 .about_brand_area {
     padding: 75px 0 45px;
 }

 .inner_brand_area {
     text-align: center;
 }

 .inner_brand_area img {
     margin: 0 auto;
 }

 .brand_area .slick-prev,
 .brand_area .slick-next {
     position: absolute;
     top: 50%;
     width: 55px;
     height: 55px;
     line-height: 55px;
     text-align: center;
     background: none;
     z-index: 9999;
     outline: none;
     border: none;
     font-size: 0;
     transform: translateY(-50%);
     transition: 1s;
     z-index: 1;
     background-color: var(--titlecolor);
     opacity: 0;
     visibility: hidden;
     color: var(--whitec);
 }

 .brand_area .slick-prev.slick-arrow:hover {
     background: var(--bgcolor);
 }

 .brand_area .slick-next.slick-arrow:hover {
     background: var(--bgcolor);
 }

 .brand_area .slick-prev {
     left: -6%;
 }

 .brand_area .slick-next {
     right: -5%;
 }

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

 .brand_left_shap {
     position: absolute;
     top: -60px;
     right: 0;
     z-index: -1;
     animation: brand_right_shap 5s linear 1s infinite alternate running;
 }

 @keyframes brand_right_shap {
     0% {
         transform: translateX(0px);
     }

     100% {
         transform: translateX(45px);
     }
 }

 /* golobal slick defult arrow css */
 .slick-prev,
 .slick-next {
     position: absolute;
     top: 85%;
     width: 55px;
     height: 55px;
     line-height: 55px;
     border-radius: 100px;
     text-align: center;
     background: none;
     z-index: 9999;
     outline: none;
     border: none;
     font-size: 0;
     transform: translateY(-50%);
     transition: 1s;
     z-index: 1;
     background-color: var(--titlecolor);
     box-shadow: 0 0 5px rgba(0, 0, 0, .1);
     opacity: 1;
     visibility: visible;
 }

 .slick-prev {
     left: 45%;
 }

 .slick-next {
     right: 42%;
 }

 .slick-prev::before,
 .slick-next::before {
     content: "\ea93";
     font-family: IcoFont;
     font-size: 50px;
     font-weight: 700;
     transition: 1s;
     margin-left: -10px;
 }

 .slick-next::before {
     content: "\ea94";
 }

 .slick-prev:hover,
 .slick-next:hover {
     background-color: var(--titlecolor);
     color: var(--whitec);
 }

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

 /*======== faq area start  ==========*/
 .faq_area {
     padding: 60px 0 60px;
     position: relative;
 }

 .inner_faq_content h2 {
     font-size: 16px;
     color: var(--bgcolor);
 }

 .inner_faq_content h3 {
     font-size: 40px;
 }

 .inner_faq_content p {
     margin: 30px 0;
 }

 .accordion-item {
     border-style: solid;
     border-width: 0px 0px 0px 0px;
     background-color: #F3F3F3;
     margin-bottom: 15px;
 }

 .accordion-button {
     font-weight: 700;
     color: var(--titlecolor);
     background-color: #FFFFFF00;
     box-shadow: none;
 }

 .accordion-button:hover {
     color: var(--bgcolor);
 }

 .inner_faq_ac_item a.actives {
     color: var(--bgcolor);
 }

 .faq_area .accordion-button:not(.collapsed) {
     box-shadow: none;
     border: none;
 }

 .accordion-button:focus {
     z-index: 3;
     border: none;
     outline: 0;
     box-shadow: none;
 }

 /* inner faq text */

 .inner_faq_text .collapse {
     color: var(--bgcolor);
 }

 .ldgJ37Qxbs .tLMPNUtHFf {
     width: 83%;
 }

 .apartment_text span {
     font-size: 17px;
     color: var(--bgcolor);
     margin-bottom: 5px;
     font-weight: 700;
 }

 .twr_form_box.main_con input {
     margin: 0;
     height: 60px;
 }

 .google_map {
     margin-top: 100px;
 }

 /* shap img */
 .con_shap {
     position: absolute;
     top: -106px;
     right: -168px;
     animation: con_shap 2s linear 1s infinite alternate running;
 }

 @keyframes con_shap {
     0% {
         -webkit-transform: translateX(0px);
         transform: translateX(0px);
     }

     100% {
         -webkit-transform: translateX(45px);
         transform: translateX(45px);
     }
 }

 /*======== faq area end  ==========*/


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

 .witr_apartment_form {
     padding: 60px 0;
 }

 .tLMPNUtHFf {
     position: relative;
     background-size: cover;
     padding: 60px 35px 60px;
     border-radius: 10px;
     text-align: left;
     box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
 }

 /* title */
 .apartment_text h2 {
     font-size: 35px;
     margin-bottom: 40px;
 }

 /* inner contact form */
 .single_p_inner_contact_form input {
     outline: none;
     border: none;
     border: 1px solid #dddddd;
     width: 100%;
     height: 47px;
     padding: 0 20px;
     margin-right: 15px;
     margin-bottom: 20px;
     border-radius: 5px;
 }

 .single_p_inner_contact_form input::placeholder {
     color: var(--btntlecolor);
 }

 .single_p_inner_contact_form textarea {
     width: 100%;
     outline: none;
     padding: 20px 20px;
     border: 1px solid #dddddd;
     margin: 0 0 15px;
     border-radius: 5px;
     height: 150px;
 }

 .form-messege {
     margin-bottom: 20px;
 }

 /* contact massage */
 .form-messege {
     margin-top: 20px;
 }

 textarea::placeholder {
     color: var(--btntlecolor);
 }

 .single_p_inner_contact_form button {
     width: 100%;
     text-align: center;
     padding: 14px 30px;
     font-size: 16px;
     font-weight: 600;
     border: none;
     outline: none;
     background: linear-gradient(90deg, #1e90ff 0%, #005fa3 100%);
     color: var(--whitec);
     transition: .5s;
 }

 .single_p_inner_contact_form button:hover {
     background: linear-gradient(-45deg, #080023, #6145C7);
 }

 /* Сучасний дизайн для сервісів, тарифів і відгуків */
 .service-card,
 .X9xEB5OBm6,
 .t0brpQe6g7 {
     border-radius: 18px;
     box-shadow: 0 6px 32px rgba(30, 144, 255, 0.10), 0 1.5px 6px rgba(0, 0, 0, 0.04);
     background: #fff;
     transition: transform 0.25s cubic-bezier(.4, 2, .6, 1), box-shadow 0.25s;
     margin-bottom: 32px;
     border: none;
     padding: 28px 24px 24px 24px;
     display: flex;
     flex-direction: column;
     height: 100%;
 }

 .service-img {
     width: 100%;
     height: 200px;
     object-fit: cover;
     border-radius: 18px 18px 0 0;
     box-shadow: 0 2px 12px rgba(30, 144, 255, 0.08);
     margin-bottom: 18px;
 }

 .service-content {
     flex: 1 1 auto;
     display: flex;
     flex-direction: column;
 }

 .price-tag,
 .plan-price {
     font-size: 1.3em;
     color: #1e90ff;
     font-weight: 700;
     margin-bottom: 12px;
     letter-spacing: 1px;
 }

 .order-btn {
     background: linear-gradient(90deg, #1e90ff 0%, #005fa3 100%);
     color: #fff;
     border-radius: 10px;
     padding: 10px 28px;
     border: none;
     font-weight: 600;
     font-size: 1em;
     box-shadow: 0 2px 8px rgba(30, 144, 255, 0.10);
     transition: background 0.2s, box-shadow 0.2s, transform 0.2s;
     text-decoration: none;
     display: inline-block;
     margin-top: 10px;
 }

 .order-btn:hover {
     background: linear-gradient(90deg, #005fa3 0%, #1e90ff 100%);
     color: #fff;
     transform: scale(1.05);
     box-shadow: 0 4px 16px rgba(30, 144, 255, 0.18);
 }

 .plan-title {
     font-size: 1.4em;
     font-weight: bold;
     color: #1e90ff;
     margin-bottom: 14px;
     letter-spacing: 0.5px;
 }

 .ERDLplnxGo {
     text-align: left;
     margin-bottom: 20px;
     padding-left: 0;
     list-style: none;
 }

 .ERDLplnxGo li {
     position: relative;
     padding-left: 22px;
     margin-bottom: 8px;
     color: #333;
 }

 .ERDLplnxGo li:before {
     content: "✔";
     position: absolute;
     left: 0;
     color: #1e90ff;
     font-size: 1em;
 }

 .comment-rating {
     color: #ffc107;
     font-size: 1.3em;
     margin-bottom: 8px;
     letter-spacing: 2px;
 }

 .comment-author {
     font-weight: bold;
     color: #1e90ff;
     margin-top: 10px;
     font-size: 1.1em;
 }

 @media (max-width: 767px) {
     .service-img {
         height: 140px;
     }

     .service-card,
     .X9xEB5OBm6,
     .t0brpQe6g7 {
         padding: 16px 8px 16px 8px;
     }
 }

 /* contact form address area css */

 /* comment area */
 .twr_form_box {
     margin-bottom: 15px;
 }

 /* text right area */
 .contact_text_area {
     padding: 60px 35px 60px;
 }

 .contact_text_area h2 {
     font-size: 35px;
 }

 .contact_text_area p {
     width: 74%;
     margin-top: 10px;
 }

 .G1YpDQCO4B {
     margin: 0;
     padding: 0;
 }

 .G1YpDQCO4B li {
     list-style: none;
     margin: 50px 0;
 }

 .G1YpDQCO4B li i {
     font-size: 14px;
     width: 35px;
     height: 35px;
     line-height: 35px;
     display: inline-block;
     text-align: center;
     border-radius: 100%;
     color: var(--whitec);
     margin-right: 10px;
     background-color: transparent;
     background-image: linear-gradient(90deg, #6145C7 0%, #080023 100%);
 }

 .G1YpDQCO4B li i:hover {
     background-color: transparent;
     background-image: linear-gradient(90deg, #080023 0%, #6145C7 100%);
 }

 .G1YpDQCO4B li a {
     font-size: 17px;
 }

 .inner_contact_map iframe {
     width: 100%;
     height: 500px;
     margin-bottom: -7px;
 }

 /*===== TESTIMONIAL AREA =====*/
 .btestimonial {
     position: relative;
     padding: 60px 0;
 }

 .btest_im img {
     width: 100%;
 }

 .btest_im a {
     position: absolute;
     display: inline-block;
     width: 75px;
     height: 75px;
     line-height: 75px;
     font-size: 23px;
     border-radius: 100%;
     color: var(--bgcolor);
     background-color: var(--whitec);
     top: 50%;
     left: 17%;
     text-align: center;
     animation: witr_squares 1.5s ease-in-out infinite;
 }

 @keyframes witr_squares {
     0% {
         box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
     }

     100% {
         box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
     }
 }

 /* testimonial slider */
 .ab_btext {
     margin-top: 100px;
 }

 .ab_btext h2 {
     font-size: 16px;
     color: var(--bgcolor);
 }

 .ttext {
     margin-left: 25px;
 }

 .ab_btext h3 {
     width: 60%;
     margin: 0 0 60px;
     font-size: 40px;
 }

 .ttext p {
     width: 59%;
     margin: 20px 0;
 }

 .ttext i {
     color: var(--bgcolor);
     font-size: 54px;
 }

 .em_testi_title h2 {
     font-size: 22px;
     display: inline-block;
     color: var(--titlecolor);
 }

 .em_testi_title h2 span {
     margin: 5px 0 0;
     display: block;
     color: var(--btntlecolor);
     font-size: 16px;
 }

 /* golobal slick defult arrow css */
 .btestimonial .slick-prev,
 .btestimonial .slick-next {
     position: absolute;
     top: 85%;
     width: 55px;
     height: 55px;
     line-height: 55px;
     border-radius: 10px;
     text-align: center;
     background: none;
     z-index: 9999;
     outline: none;
     border: none;
     font-size: 0;
     transform: translateY(-50%);
     transition: 1s;
     z-index: 1;
     background-color: #6F2E2E00;
     box-shadow: 0 0 5px rgba(0, 0, 0, .1);
     opacity: 1;
     visibility: visible;
 }

 .btestimonial .slick-prev {
     left: 45%;
 }

 .btestimonial .slick-next {
     right: 42%;
 }

 .btestimonial .slick-prev::before,
 .btestimonial .slick-next::before {
     content: "\ea93";
     font-family: IcoFont;
     font-size: 50px;
     font-weight: 700;
     color: #080023;
     transition: 1s;
     margin-left: -10px;
 }

 .btestimonial .slick-next::before {
     content: "\ea94";
 }

 .btestimonial .slick-prev.slick-arrow:hover {}

 .btestimonial:hover .slick-prev::before,
 .btestimonial:hover .slick-next::before {
     background-color: var(--bgcolor);
     color: var(--whitec);
 }

 /* client testimonial area */
 .main_test_area {
     text-align: center;
 }

 .testiCreCon {
     position: relative;
     box-shadow: 0 0 20px 0 rgb(0 0 0 / 6%);
     background: #fff;
     border-radius: 5px;
     padding: 50px 10px 50px;
     margin-bottom: 35px;
     width: 77%;
 }

 .testiCreCon p {
     margin: 0;
 }

 /* test after */
 .testiCreCon:after {
     position: absolute;
     content: '';
     left: 50%;
     bottom: -36px;
     border-radius: 15px;
     width: 50px;
     height: 50px;
     background: #fff;
     transform: rotate(45deg) translateX(-50%);
     z-index: -1;
     box-shadow: 0 2px 29px 0 rgb(0 0 0 / 8%);
 }

 .testAuthor {
     margin-left: -85px;
 }

 .testAuthor h6 {
     font-size: 22px;
 }

 .testAuthor span {
     color: var(--btntlecolor);
 }

 /* =====  Testimonial2 Area CSS ===== */
 .cs_test_area {
     padding: 60px 0 55px;
 }

 .cs_test_area .witr_section_title {
     margin-bottom: 45px;
 }

 .witr_section_title_inner h2 {
     font-size: 16px;
     text-transform: uppercase;
     color: var(--bgcolor);
 }

 .witr_section_title_inner h3 {
     font-size: 40px;
 }

 .single_creativeItem {
     text-align: center;
 }

 .box-size {
     padding: 10px 15px;
 }

 .testiCreCon {
     position: relative;
     box-shadow: 0 0 20px 0 rgb(0 0 0 / 6%);
     background: #fff;
     border-radius: 5px;
     padding: 50px 20px 50px;
     margin-bottom: 35px;
 }

 .testiCreCon li {
     font-size: 100px;
     color: #dddddd4f;
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
 }

 .testiCreCon p {
     position: relative;
     margin: 0;
     z-index: 1;
 }

 .testiCreCon:after {
     position: absolute;
     content: '';
     left: 50%;
     bottom: -36px;
     border-radius: 15px;
     width: 50px;
     height: 50px;
     background: #fff;
     transform: rotate(45deg) translateX(-50%);
     z-index: -1;
     box-shadow: 0 2px 29px 0 rgb(0 0 0 / 8%);
 }

 .post_t6 .em_test_thumb {
     float: inherit;
     margin-right: 0;
     margin-bottom: 10px;
     text-align: -webkit-center;
 }

 .em_test_thumb img {
     border-radius: 50%;
     width: 59px;
 }

 element.style {}

 .testAuthor span {
     font-size: 15px;
     color: var(--paracolor);
 }

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

 /*=====START tr team slider arer  ======*/
 .tr_tasti_shap {
     padding: 60px 0;
     position: relative;
     background-color: #F3F3F3;
 }

 .test_shap img {
     top: 20%;
     position: absolute;
     left: 5%;
     animation: logo 5s linear infinite;
 }

 @keyframes logo {
     0% {
         transform: translateX(-45px);
     }

     100% {
         transform: translateX(45px);
     }
 }

 /* START Te mo text */
 .text_mo_te_right {
     margin: 40px 20px 50px;
     text-align: center;
     padding: 48px 40px 40px;
     border-radius: 0px 0px 0px 0px;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
     background-color: var(--whitec);
 }

 /* testimonial title h1 */
 .text_mo_te_right h1 {
     font-size: 22px;
     color: var(--bgcolor);
     font-weight: 700;
 }

 .text_mo_te_right span {
     display: block;
     margin: 10px 0 20px;
     color: var(--b3color);
 }

 .text_mo_te_right p {
     line-height: 1.5;
     font-size: 16px;
     color: var(--b3color);
 }

 .test_mo_img {
     text-align: center;
 }

 .test_mo_img img {
     display: inline;
 }

 /* title */

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

 /* 2 testimonial */
 .inner_ttest {
     padding: 120px 0 100px;
 }

 .inner_text_contant_thumb p {
     color: var(--btntlecolor);
     width: 66%;
     font-size: 16px;
     margin-right: auto;
     margin-left: auto;
 }

 .btitle {
     box-shadow: 0 5px 10px 0 rgb(240 241 243);
     padding: 30px 15px 30px;
     width: 83%;
 }

 .ex_test {
     text-align: start;
     margin: 0;
     padding: 0;
 }

 .ex_test span {
     display: inline-block;
     color: var(--bgcolor);
 }

 .ex_test i {
     color: var(--bgcolor);
 }

 .ex_im {
     display: flex;
     text-align: start;
 }

 .ex_im img {
     height: 70px;
 }

 .in_ttext {
     margin-left: 30px;
 }

 .in_ttext h1 {
     color: var(--titlecolor);
 }

 /* inner faq accrodion item css */
 .faq_text {
     margin: 70px 0 80px 0;
 }

 .inner_faq_ac_title {
     margin-bottom: 15px;
     box-shadow: 1px 1px 7px -5px rgba(0, 0, 0, 0.75);
 }

 .inner_faq_ac_title a {
     width: 100%;
     display: inline-block;
     color: var(--titlecolor);
     font-size: 17px;
     padding: 12px 30px 12px 0;
     font-weight: 700;
     display: flex;
     align-items: center;
     border-radius: 2px;
 }

 .inner_faq_ac_title a:hover {
     color: var(--hcolor);
 }

 .inner_ac_items a i {
     margin-right: 15px;
     font-size: 15px;
     color: var(--titlecolor);
 }

 .inner_faq_ac_title a i:hover {
     color: var(--hcolor);
 }

 .inner_faq_ac_title a.active {
     color: var(--hcolor);
 }

 .pl_icon a {
     display: inline-flex;
 }

 /* inner faq text */


 /*======== blog area start  ==========*/
 .kdblog_left {
     padding: 60px 0;
 }

 .blog_area {
     padding: 55px 0 40px;
 }

 .txbdmb30 {
     margin-bottom: 30px;
 }

 /* inner blog area css */
 .inner_blog_text.ficsmv9RnH {
     padding: 0;
 }

 .inner_blog_conten h3 a {
     font-size: 22px;
 }

 .inner_blog_area {
     margin: 0 10px 30px;
     overflow: hidden;
     background-color: var(--whitec);
     box-shadow: 0 5px 10px 0 rgba(50, 65, 141, .07);
 }

 /* inner blog thumb css */
 .XYfSZB3UPj {
     position: relative;
     overflow: hidden;
 }

 .QMJ3EYW1GN img {
     width: 100%;
     transition: .5s;
 }

 .inner_blog_area:hover .QMJ3EYW1GN img {
     transform: scale(1.2);
 }

 /* blog overlay css */
 .blog_overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgb(0 0 0 / 50%);
     transform: scale(0);
     transition: .5s;
 }

 .inner_blog_area:hover .blog_overlay {
     transform: scale(1.2);
 }

 /* inner blog absolute css */
 .inner_blog_absolute {
     position: absolute;
     top: 20px;
     left: 20px;
     display: inline-block;
     color: var(--whitec);
     background: var(--bgcolor);
     padding: 4px 10px;
     border-radius: 5px;
     font-size: 14px;
     text-align: center;
 }

 /* inner blog text css */
 .inner_blog_text {
     padding: 0 0 15px;
 }

 .inner_blog_text span a {
     font-weight: 400;
     font-size: 16px;
 }

 .inner_blog_text span {
     font-size: 14px;
     font-weight: 400;
     margin-right: 10px;
     color: var(--paracolor);
 }

 .inner_blog_text span i {
     margin-right: 3px;
     color: var(--bgcolor);
 }

 /*inner blog content css */
 .fRwhDH3JkN {
     padding: 10px 20px 0px;
 }

 .inner_blog_content.ficsmv9RnH {
     padding: 0;
 }

 .inner_blog_content h3 a {
     display: inline-block;
     margin-bottom: 8px;
     font-size: 22px;
 }

 .inner_blog_content h3 a:hover {
     color: var(--bgcolor);
 }

 .inner_blog_content p {
     font-size: 14px;
     width: 90%;
     margin: 10px 0 10px;
 }

 .inner_blog_content>a {
     font-size: 18px;
     font-weight: 400;
     color: var(--bgcolor);
     padding: 10px 20px;
     border: 1px solid #ddd;
 }

 .inner_blog_content>a:hover {
     color: var(--whitec);
     background-color: var(--bgcolor);
 }

 /* inner blog btn css */
 .inner_blog_btn a {
     display: inline-block;
     padding: 10px 0 0;
     margin-bottom: 20px;
     transition: .5s;
 }

 .inner_blog_btn a i {
     font-weight: 700;
     font-size: 14px;
     color: var(--bgcolor);
 }

 .inner_blog_content {
     padding: 15px;
 }

 .single_blog_btn a {
     display: inline-block;
     padding: 7px 25px;
     transition: .5s;
     margin-bottom: 20px;
     margin-left: 15px;
     border: 1px solid #ddd;
 }

 .single_blog_btn a:hover {
     color: var(--whitec);
     background-color: var(--bgcolor);
 }

 .single_p_inner_contact_form.single_con_input input {
     width: 100%;
 }

 .yblog_left_sub .contant_button {
     margin-top: 10px;
 }

 .inner_single_page_content_area p iframe {
     width: 100%;
     height: 480px;
 }

 /*======== blog area end  ==========*/



 /*======== portfolio area start  ==========*/
 .portfolio_area {
     padding: 60px 0;
 }

 /* portfolio 2 css */
 .portfolio_2 {
     margin-bottom: 0;
 }

 .portfolio_title h2 {
     font-size: 16px;
     color: var(--bgcolor);
     text-transform: uppercase;
 }

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

 .portfolio_title p {
     width: 65%;
     color: #666666;
     margin: 0 auto;
 }

 /* portfolio 2 sub content css */
 .portfolio_2_subc {
     padding: 0px 0 5px 15px;
     z-index: 1;
     top: 33%;
     position: relative;
 }

 .portfolio_active {
     top: 0;
 }

 .portfolio_2_subc h2 a {
     font-size: 24px;
     transition: .5s;
     color: var(--bgcolor);
 }

 .portfolio_2_subc h2 a:hover {
     color: var(--titlecolor);
 }

 .portfolio_nav_all {
     padding: 40px 0 40px;
 }

 /* portfolio nav css */
 .portfolio_nav ul {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .portfolio_nav ul li {
     display: inline-block;
     margin: 0 5px;
     padding: 10px 20px;
     font-size: 16px;
     font-weight: 500;
     border-radius: 5px;
     border-style: solid;
     border-width: 1px 1px 1px 1px;
     cursor: pointer;
     transition: 1s;
     color: #666666;
 }

 .portfolio_nav ul li.current_menu_item {
     background-color: var(--bgcolor);
     color: var(--whitec);
 }

 .portfolio_nav ul li:hover {
     background-color: var(--bgcolor);
     color: var(--whitec);
 }

 /* portfolio items css */
 .portfolio_img_area {
     position: relative;
     overflow: hidden;
     margin-bottom: 20px;
 }

 .portfolio_overlay {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background-color: #912ecb50;
     opacity: 0;
     visibility: hidden;
     transition: .5s;
 }

 .inner_portfolio_items:hover .portfolio_overlay {
     opacity: 1;
     visibility: visible;
 }

 .portfolio_2_subc a i {
     border-radius: 5px;
     display: inline-block;
     font-size: 25px;
     height: 50px;
     line-height: 50px;
     margin: 0 8px 11px;
     width: 50px;
     color: var(--whitec);
     transition: .5s;
 }

 .portfolio_2_subc a i:hover {
     background-color: var(--bgcolor);
 }

 .overlay h2 a {
     width: 100%;
     margin-top: 10px;
     display: inline-block;
     font-size: 24px;
     color: var(--whitec);
     transition: .5s;
 }

 .overlay h2 a:hover {
     background: none;
     color: var(--bgcolor);
 }

 .overlay p {
     font-size: 16px;
     font-weight: 400;
     color: var(--whitec);
 }

 .inner_portfolio_items:hover .overlay {
     opacity: 1;
     visibility: visible;
 }

 /* portfolio content css */
 .portfolio_overlay_cont {
     position: absolute;
     top: 65%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 100%;
     transition: .5s;
     opacity: 0;
     visibility: hidden;
     height: 100%;
 }

 .port_titile {
     transform: translate(-50%, -15%);
 }

 .portfolio_overlay_cont>a {
     display: inline-block;
     width: 55px;
     height: 55px;
     line-height: 55px;
     border-radius: 5px;
     text-align: center;
     background-color: var(--bgcolor);
     color: var(--whitec);
     margin-right: 6px;
 }

 .portfolio_overlay_cont>a:hover {
     background-color: var(--titlecolor);
     color: var(--whitec);
 }

 .portfolio_overlay_cont>a i {
     font-size: 20px;
 }

 .portfolio_overlay_cont h2 a {
     margin-top: 10px;
     display: inline-block;
     font-size: 24px;
     color: var(--whitec);
     transition: .5s;
 }

 .portfolio_overlay_cont p {
     font-size: 16px;
     font-weight: 400;
     color: var(--whitec);
     margin: -20px 0 0;
 }

 .inner_portfolio_items:hover .portfolio_overlay_cont {
     top: 50%;
     opacity: 1;
     visibility: visible;
 }

 /* portfolio lower nav area css */
 .portfolio_lo_nav_area {
     padding: 45px 0 0;
 }

 .inner_portfolio_lower_nav ul {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .inner_portfolio_lower_nav ul li {
     display: inline-block;
 }

 .inner_portfolio_lower_nav ul li a {
     display: inline-block;
     border-radius: 5px;
     font-size: 19px;
     line-height: 1;
     margin: 0 5px;
     padding: 15px 24px;
     box-shadow: 0 10px 40px 0 rgba(50, 65, 141, .12);
 }

 .inner_portfolio_lower_nav ul li a.IcQXrX5X2c {
     background-color: var(--bgcolor);
     color: var(--whitec);
 }

 .inner_portfolio_lower_nav ul li a:hover {
     background-color: var(--bgcolor);
     color: var(--whitec);
 }

 .inner_portfolio_lower_nav ul li a i {
     font-size: 22px;
 }

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

 .overlay h2 a {
     width: 100%;
     margin-top: 10px;
     display: inline-block;
     font-size: 24px;
     color: var(--whitec);
     transition: .5s;
 }

 .overlay h2 a:hover {
     background: none;
     color: var(--bgcolor);
 }

 .overlay p {
     font-size: 16px;
     font-weight: 400;
     color: var(--whitec);
 }

 /* portfolio 2 */
 .pprotfolio4 {
     padding: 20px 10px 23px;
     border: none;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 9;
     -webkit-transition: .5s;
     transition: .5s;
     background-color: var(--bgcolor);
     text-align: center;
 }

 .pprotfolio4 h2 a:hover {
     color: var(--whitec);
 }

 /* portfolio content css */
 /*======== portfolio area end  ==========*/

 /*======== project information area start  ==========*/
 .project_information_area {
     padding: 60px 0
 }

 .inner_project_information_img img {
     width: 100%;
 }

 /* inner project right content css */
 .inner_project_right_content ul li {
     list-style: none;
     border-bottom: 1px solid #ddd;
     display: table;
     padding-top: 10px;
 }

 .inner_project_right_content h2 {
     font-size: 22px;
     margin: 10px 30px 25px;
     color: #232323;
 }

 .inner_project_right_content p span {
     font-size: 18px;
     color: #666666;
     font-weight: 700;
 }

 /* inner project infomation icons css */
 .inner_project_in_icon a {
     border: 1px solid #e6e6e6;
     display: inline-block;
     font-size: 15px;
     height: 40px;
     line-height: 41px;
     margin: 0 9px 0 0;
     text-align: center;
     width: 40px;
     color: var(--bgcolor);
     border-radius: 5px;
 }

 .inner_project_in_icon a:hover {
     background-color: var(--bgcolor);
     color: var(--whitec);
 }

 .inner_project_in_icon {
     margin-left: 30px;
     margin-top: 50px;
 }

 .inner_project_right_content p {
     color: #666666;
     font-size: 16px;
 }

 /* inner project text area css */
 .inner_project_text_area {
     margin-top: 25px;
 }

 .inner_project_text_area h2 {
     font-size: 22px;
     color: #232323;
     margin: -10px 0 25px;
 }

 .inner_project_information_descrip {
     margin-bottom: 8px;
 }

 .inner_project_information_descrip h4 {
     font-size: 16px;
     color: #666666;
 }

 .inner_project_information_descrip p {
     margin: 0;
     color: #666666;
 }

 /* inner project information description css */
 .inner_project_infor_list {
     margin-bottom: 15px;
     padding: 0;
     list-style: none;
 }

 .inner_project_infor_list li {
     margin-bottom: 5px;
 }

 /*======== project information area end  ==========*/

 /*======== blog left area start  ==========*/
 .yblog_left {
     padding: 60px 0;
 }

 .inner_yblog_form {
     margin-bottom: 30px;
     padding: 35px 30px;
     border-radius: 8px;
     box-shadow: 0 0 30px rgb(0 0 0 / 7%);
 }

 .inner_yblog_form input {
     width: 80%;
     outline: none;
     height: 55px;
     border: 1px solid var(--textcolor);
     margin-left: -15px;
     padding-left: 20px;
 }

 .inner_yblog_form button {
     display: inline-block;
     border: none;
     outline: none;
     padding: 14px 20px;
     margin-left: -5px;
     background-color: var(--bgcolor);
 }

 .inner_yblog_form button:hover {
     background-color: var(--titlecolor);
 }

 .inner_yblog_form button i {
     font-size: 18px;
     color: var(--whitec);
 }

 /* inner left title css */
 .inner_blog_content.yblog_left_sub {
     padding: 25px 15px 30px;
 }

 /* single page */
 .single_page_item {
     padding: 25px 0 30px !important;
 }

 .single_page_item h5 {
     color: var(--titlecolor);
 }

 .single_psingle_page_itemage p {
     color: var(--btntlecolor);
 }

 .troub_prev_next_dsing {
     align-items: center;
     border-top: 1px solid #dddddd;
     display: flex;
     justify-content: space-between;
     padding: 20px 0 25px;
     margin: 30px 0;
     border-bottom: 1px solid #dddddd;
 }

 .prevspost span,
 .nextspost span {
     display: block;
     font-size: 16px;
     color: #999;
     transition: .5s;
 }

 .prevspost a:hover {
     color: var(--bgcolor);
 }

 /* single page */

 /* comment page */
 .pocket_com_title {
     border-bottom: 1px solid #f7f7f7;
     padding: 32px 0 20px;
     margin-bottom: 30px;
 }

 .pocket_com_title h5 {
     font-size: 21px;
     color: var(--titlecolor);
 }

 .comment-form-cookies-consent {
     margin: 10px 0 !important;
 }

 /* comment page */
 .single_input input {
     margin: 0 18px 0 0;
 }

 label {
     cursor: pointer;
     color: var(--btntlecolor);
 }

 /* contact page */
 .single_input {
     display: flex;
 }

 .md_20 {
     margin-top: 20px;
 }

 .tcon_form .c_blue:hover {
     background-color: #0b5ed7;
 }

 /* contact page */
 .inner_yblog_left_title {
     margin: 20px 0 40px;
     width: 100%;
     padding: 25px 15px 15px;
     box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
     position: relative;
 }

 .inner_yblog_left_title h2 {
     font-size: 22px;
     position: relative;
     margin-bottom: 20px;
     color: var(--titlecolor);
 }

 .inner_yblog_left_title h2::before {
     content: '';
     position: absolute;
     right: 0;
     left: 0;
     bottom: -8px;
     width: 19%;
     border-bottom: 2px solid var(--bgcolor);
     border-radius: 50%;
 }

 .bl_tti {
     margin-left: -152px;
 }

 .inner_yblog_left_title a {
     display: block;
     margin-top: 15px;
     font-size: 15px;
     font-weight: 400;
     color: var(--titlecolor);
 }

 .inner_yblog_left_title a.bottom {
     border-bottom: none;
 }

 .inner_yblog_left_title a:hover {
     color: var(--bgcolor);
 }

 /* innr blog left style 2 css*/
 .inner_yblgo_left_style2 a {
     display: inline-block;
     font-weight: 700;
     font-size: 17px;
     color: #666666;
     transition: .5s;
 }

 /* item */
 .recent_text {}

 .img_area {
     margin-bottom: 15px;
 }

 .img_area a img {
     width: 30%;
     height: 100%;
     float: left;
     margin-right: 15px;
 }

 .recent_text a {
     color: #17161a;
     font-size: 17px;
     font-weight: 600;
     transition: .5s;
 }

 .recent_text a:hover {
     color: var(--bgcolor);
 }

 .recent_text span {
     color: var(--btntlecolor);
     display: block;
     text-align: center;
     margin-left: 40px;
 }

 /* item */
 .t_month h5 {
     background: var(--bgcolor);
     padding: 15px;
     color: var(--whitec);
     font-size: 14px;
     text-align: center;
     width: 100%;
     margin: 0;
 }

 .bl_le_side_text a img {
     width: 30%;
     height: 100%;
 }

 .inner_blog_item {
     display: flex;
 }

 .wp_calender {
     width: 73.5%;
 }

 /* category */
 .inner_yblog_left_title ul {
     margin: 0;
     padding: 0;
 }

 .inner_yblog_left_title ul li {
     list-style: none;
     border-bottom: 1px solid rgba(0, 0, 0, .12);
 }

 .inner_yblog_left_title ul li a {
     margin: 15px 30px;
     font-weight: 400;
     color: #454545;
 }

 .inner_yblog_left_title ul li:before {
     content: "\eaa0";
     font-family: IcoFont !important;
     font-size: 18px;
     left: 0;
     margin-left: 15px;
     position: absolute;
 }

 /* TABLE */
 .bl_le_side_text h2 {
     color: var(--titlecolor);
 }

 table,
 th,
 td {
     border: 1px solid #B3B3B3;
 }

 .ab_le {
     width: 20%;
     margin-bottom: 20px;
     padding-bottom: 5px;
     border-bottom: 2px solid var(--bgcolor);
 }

 .active_t {
     color: var(--whitec);
     background-color: var(--bgcolor);
 }

 .calender th {
     font-size: 13px;
     font-weight: 700;
     padding: 5px 10px;
     text-align: center;
     vertical-align: middle;
 }

 .calender td {
     padding: 10px 13px;
     text-align: center;
     vertical-align: top;
     font-size: 15px;
     font-weight: 400;
 }

 .calender_text p {
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
     color: #6c757d;
     text-align: left;
     text-transform: uppercase;
     caption-side: bottom;
 }

 .calender_text a {
     color: #454545;
 }

 .single_post_comment_area {
     margin-top: 30px;
 }

 .single_post_comment_area input {
     width: 47%;
     outline: none;
     height: 42px;
     padding: 0 20px;
     border: 1px solid #ced4da;
     border-radius: 5px;
     margin-right: 20px;
     margin-bottom: 20px;
 }

 /* inner single post checkbox css */
 .inner_single_post_checkbox {
     display: flex;
     align-items: center;
     margin: 10px 0;
 }

 .inner_single_post_checkbox input {
     height: 15px;
     width: 12px;
     margin-right: 6px;
 }

 .single_post_comment_area textarea {
     width: 97%;
     padding: 10px 20px;
     height: 150px;
     margin-top: 15px;
     margin-bottom: 15px;
     outline: none;
     border: 1px solid #ced4da;
     border-radius: 5px;
 }

 .single_post_comment_area button {
     display: inline-block;
     text-align: center;
     padding: 16px 30px;
     margin-top: 5px;
     border-radius: 5px;
     background-color: var(--bgcolor);
     color: var(--whitec);
     border: none;
     outline: none;
     transition: .6s;
 }

 .single_post_comment_area button:hover {
     background-color: var(--bgcolor);
 }

 /*======== blog left area end  ==========*/

 /*===========START FOOTER area  ======*/
 .footer_area {
     margin: 50px 0 0;
     height: 100%;
     background-size: cover;
     background-repeat: no-repeat;
 }

 .contact_footer {
     margin: 0;
 }

 .main_item {
     margin: 90px 0 40px;
 }

 .footer_item1 p {
     margin: 20px 0 15px;
     color: var(--whitec);
     font-size: 16px;
 }

 .footer_social_icon a {
     height: 40px;
     width: 40px;
     line-height: 40px;
     text-align: center;
     display: inline-block;
     border-radius: 4px;
     margin-right: 10px;
     margin-bottom: 5px;
     transition: .5s;
     color: var(--whitec);
     background-color: #3a2779;
 }

 .footer_social_icon a:hover {
     background-color: var(--bgcolor);
 }

 /* footer item 2 */
 .widged h2 {
     color: var(--whitec);
     font-size: 22px;
     margin: 15px 0;
     position: relative;
 }

 .widged a img {
     height: 100%;
     width: 100%;
     margin: 5px 0px 5px;
 }

 /* footer item 3 */
 .widged {}

 .widged ul {
     list-style: none;
     padding: 0;
     margin-top: 38px;
 }

 .widged ul li {
     margin-top: 15px;
 }

 .widged ul li a {
     font-size: 16px;
     font-weight: 400;
     color: var(--whitec);
     transition: .5s;
 }

 .widged ul li a:hover {
     color: var(--bgcolor);
 }

 .footer_icon_text {}

 .footer_icon_text ul {
     list-style: none;
 }

 .footer_icon_text ul li i {
     margin-right: 6px;
 }

 .footer_icon_text ul li span {
     color: var(--whitec);
 }

 /* footer item 4 */
 .widged ul li i {
     float: left;
     font-size: 16px;
     line-height: 1.5;
     color: var(--whitec);
 }

 /* footer content */
 .widged p {
     margin: 40px 0 21px;
     color: var(--whitec);
 }

 .widged p input {
     height: 50px;
     width: 80%;
     outline: none;
     padding-left: 15px;
 }

 .widged p button {
     padding: 12px 18px 12.7px;
     margin-left: -7px;
     border: none;
     color: var(--whitec);
     background-color: var(--bgcolor);
 }

 /* footer copy right */
 /* FOOTER BORDER 1 */
 .footer_border {
     position: relative;

 }

 .footer_border::before {
     content: "";
     position: absolute;
     width: 70%;
     left: 0;
     right: 0;
     top: 45px;
     height: 20px;
     z-index: 9999;
     border-top: .5px solid var(--whitec);
     margin: auto;
 }

 /* FOOTER BORDER 1 */
 .copy_border {}

 .IKtMXJU6BK {
     padding-top: 71px;
     text-align: center;
     margin-right: 280px;
 }

 .IKtMXJU6BK p {
     font-weight: 500;
     color: var(--whitec);
     margin-top: -45px;
 }

 .copyright_menu {
     margin-top: 22px;
 }

 .copyright_menu ul {
     margin: 0;
     padding: 0;
 }

 .copyright_menu ul li {
     list-style: none;
     display: inline-block;
 }

 .copyright_menu ul li a {
     display: block;
     transition: .5s;
     color: var(--whitec);
     margin-right: 25px;
 }

 .copyright_menu ul li a:hover {
     color: var(--bgcolor);
 }

 .main_copyright_area {
     margin-top: 50px;
 }

 /*=====END FOOTER area  ======*/

 /*======== copyright area start  ==========*/
 .copyright_area {
     padding: 28px 0 10px;
     background-color: var(--hoverbg);
 }

 /* about copy right css*/
 .about_copy_right_area {
     padding: 17px 0 2px;
 }

 .copyright_text p {
     color: var(--whitec);
 }

 /* copy right nav css */
 .copyright_nav ul {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .copyright_nav ul li {
     display: inline-block;
 }

 .copyright_nav ul li a {
     display: inline-block;
     margin-left: 20px;
     font-size: 16px;
     font-weight: 400;
     color: var(--whitec);
     text-transform: uppercase;
 }

 .copyright_nav ul li a:hover {
     color: var(--titlecolor);
 }

 .about_copy_right_area .copyright_nav ul li a {
     text-transform: capitalize;
 }

 .about_btn a {
     font-weight: 600;
     padding: 16px 50px;
 }

 /*======== copyright area end  ==========*/
 .witr_mar {
     margin: 0;
 }

 /*======== scroll top btn css  ==========*/
 #scrollUp {
     bottom: 30px;
     font-size: 30px;
     right: 40px;
     border-radius: 5px;
     height: 40px;
     width: 40px;
     line-height: 40px;
     text-align: center;
     color: var(--whitec);
     background-color: var(--bgcolor);
 }