@media (min-width: 1200px) { .h2, h2 { font-size: 1.7rem; } }  .pd_zero { padding: 0px !important; } .gutter_minus_15px { --bs-gutter-x: -15px !important; } .gutter_minus_25px { --bs-gutter-x: -25px !important; } .gutter_15px { --bs-gutter-x: 15px !important; } .gutter_20px { --bs-gutter-x: 20px !important; } .gutter_25px { --bs-gutter-x: 25px !important; } .gutter_30px { --bs-gutter-x: 30px !important; } .gutter_35px { --bs-gutter-x: 35px !important; } .gutter_40px { --bs-gutter-x: 40px !important; } .gutter_45px { --bs-gutter-x: 45px !important; }  .pd_top_5 { padding-top: 5px !important; } .pd_top_10 { padding-top: 10px !important; } .pd_top_15 { padding-top: 15px !important; } .pd_top_20 { padding-top: 20px !important; } .pd_top_25 { padding-top: 25px !important; } .pd_top_30 { padding-top: 30px !important; } .pd_top_35 { padding-top: 35px !important; } .pd_top_40 { padding-top: 40px !important; } .pd_top_45 { padding-top: 45px !important; } .pd_top_50 { padding-top: 50px !important; } .pd_top_55 { padding-top: 55px !important; } .pd_top_60 { padding-top: 60px !important; } .pd_top_65 { padding-top: 65px !important; } .pd_top_70 { padding-top: 70px !important; } .pd_top_75 { padding-top: 75px !important; } .pd_top_80 { padding-top: 80px !important; } .pd_top_85 { padding-top: 85px !important; } .pd_top_90 { padding-top: 90px !important; } .pd_top_95 { padding-top: 95px !important; } .pd_top_100 { padding-top: 100px !important; } .pd_top_110 { padding-top: 110px !important; } .pd_top_120 { padding-top: 120px !important; } .pd_top_130 { padding-top: 130px !important; } .pd_top_140 { padding-top: 140px !important; } .pd_top_150 { padding-top: 150px !important; } .pd_top_160 { padding-top: 160px !important; } .pd_top_170 { padding-top: 170px !important; } .pd_top_180 { padding-top: 180px !important; } .pd_top_190 { padding-top: 190px !important; } .pd_top_200 { padding-top: 200px !important; } .pd_top_210 { padding-top: 210px !important; } .pd_top_220 { padding-top: 220px !important; } .pd_top_230 { padding-top: 230px !important; } .pd_top_240 { padding-top: 240px !important; } .pd_top_250 { padding-top: 250px !important; } .pd_top_260 { padding-top: 260px !important; } .pd_top_270 { padding-top: 270px !important; } .pd_top_280 { padding-top: 280px !important; } .pd_top_290 { padding-top: 290px !important; } .pd_top_300 { padding-top: 300px !important; }   .pd_left_5 { padding-left: 5px; } .pd_left_10 { padding-left: 10px !important; } .pd_left_15 { padding-left: 15px !important; } .pd_left_20 { padding-left: 20px !important; } .pd_left_25 { padding-left: 25px !important; } .pd_left_30 { padding-left: 30px !important; } .pd_left_35 { padding-left: 35px !important; } .pd_left_40 { padding-left: 40px !important; } .pd_left_45 { padding-left: 45px !important; } .pd_left_50 { padding-left: 50px !important; } .pd_left_55 { padding-left: 55px !important; } .pd_left_60 { padding-left: 60px !important; } .pd_left_65 { padding-left: 65px !important; } .pd_left_70 { padding-left: 70px !important; } .pd_left_75 { padding-left: 75px !important; } .pd_left_80 { padding-left: 80px !important; } .pd_left_85 { padding-left: 85px !important; } .pd_left_90 { padding-left: 90px !important; } .pd_left_95 { padding-left: 95px !important; } .pd_left_100 { padding-left: 100px !important; }   .pd_right_5 { padding-right: 5px !important; } .pd_right_10 { padding-right: 10px !important; } .pd_right_15 { padding-right: 15px !important; } .pd_right_20 { padding-right: 20px !important; } .pd_right_25 { padding-right: 25px !important; } .pd_right_30 { padding-right: 30px !important; } .pd_right_35 { padding-right: 35px !important; } .pd_right_40 { padding-right: 40px !important; } .pd_right_45 { padding-right: 45px !important; } .pd_right_50 { padding-right: 50px !important; } .pd_right_55 { padding-right: 55px !important; } .pd_right_60 { padding-right: 60px !important; } .pd_right_65 { padding-right: 65px !important; } .pd_right_70 { padding-right: 70px !important; } .pd_right_75 { padding-right: 75px !important; } .pd_right_80 { padding-right: 80px !important; } .pd_right_85 { padding-right: 85px !important; } .pd_right_90 { padding-right: 90px !important; } .pd_right_95 { padding-right: 95px !important; } .pd_right_100 { padding-right: 100px !important; }   .pd_bottom_5 { padding-bottom: 5px; } .pd_bottom_10 { padding-bottom: 10px; } .pd_bottom_15 { padding-bottom: 15px; } .pd_bottom_20 { padding-bottom: 20px; } .pd_bottom_25 { padding-bottom: 25px; } .pd_bottom_30 { padding-bottom: 30px; } .pd_bottom_35 { padding-bottom: 35px; } .pd_bottom_40 { padding-bottom: 40px; } .pd_bottom_45 { padding-bottom: 45px; } .pd_bottom_50 { padding-bottom: 50px; } .pd_bottom_55 { padding-bottom: 55px; } .pd_bottom_60 { padding-bottom: 60px; } .pd_bottom_65 { padding-bottom: 65px; } .pd_bottom_70 { padding-bottom: 70px; } .pd_bottom_75 { padding-bottom: 75px; } .pd_bottom_80 { padding-bottom: 80px; } .pd_bottom_85 { padding-bottom: 85px; } .pd_bottom_90 { padding-bottom: 90px; } .pd_bottom_95 { padding-bottom: 95px; } .pd_bottom_100 { padding-bottom: 100px; } .pd_bottom_110 { padding-bottom: 110px; } .pd_bottom_120 { padding-bottom: 120px !important; } .pd_bottom_130 { padding-bottom: 130px !important; } .pd_bottom_140 { padding-bottom: 140px !important; } .pd_bottom_150 { padding-bottom: 150px !important; } .pd_bottom_160 { padding-bottom: 160px !important; } .pd_bottom_170 { padding-bottom: 170px !important; } .pd_bottom_180 { padding-bottom: 180px !important; } .pd_bottom_190 { padding-bottom: 190px !important; } .pd_bottom_200 { padding-bottom: 200px !important; } .pd_bottom_210 { padding-bottom: 2010px !important; } .pd_bottom_220 { padding-bottom: 220px !important; } .pd_bottom_230 { padding-bottom: 230px !important; } .pd_bottom_240 { padding-bottom: 240px !important; } .pd_bottom_250 { padding-bottom: 250px !important; } .pd_bottom_260 { padding-bottom: 260px !important; } .pd_bottom_270 { padding-bottom: 270px !important; } .pd_bottom_280 { padding-bottom: 280px !important; } .pd_bottom_290 { padding-bottom: 290px !important; } .pd_bottom_300 { padding-bottom: 300px !important; }   .mr_top_5 { margin-top: 5px; } .mr_top_10 { margin-top: 10px; } .mr_top_15 { margin-top: 15px; } .mr_top_20 { margin-top: 20px; } .mr_top_25 { margin-top: 25px; } .mr_top_30 { margin-top: 30px; } .mr_top_35 { margin-top: 35px; } .mr_top_40 { margin-top: 40px; } .mr_top_45 { margin-top: 45px; } .mr_top_50 { margin-top: 50px; } .mr_top_55 { margin-top: 55px; } .mr_top_60 { margin-top: 60px; } .mr_top_65 { margin-top: 65px; } .mr_top_70 { margin-top: 70px; } .mr_top_75 { margin-top: 75px; } .mr_top_80 { margin-top: 80px; } .mr_top_85 { margin-top: 85px; } .mr_top_90 { margin-top: 90px; } .mr_top_95 { margin-top: 95px; } .mr_top_100 { margin-top: 100px; } .mr_top_minus_40 { margin-top: -40px; } .mr_top_minus_50 { margin-top: -50px; } .mr_top_minus_60 { margin-top: -60px; } .mr_top_minus_70 { margin-top: -70px; } .mr_top_minus_80 { margin-top: -80px; } .mr_top_minus_90 { margin-top: -90px; } .mr_top_minus_100 { margin-top: -100px; } .mr_top_minus_110 { margin-top: -110px; } .mr_top_minus_120 { margin-top: -120px; } .mr_top_minus_130 { margin-top: -130px; } .mr_top_minus_140 { margin-top: -140px; } .mr_top_minus_150 { margin-top: -150px; } .mr_top_minus_160 { margin-top: -160px; } .mr_top_minus_170 { margin-top: -170px; } .mr_top_minus_320 { margin-top: -320px; }   .mr_right_5 { margin-right: 5px; } .mr_right_10 { margin-right: 10px; } .mr_right_15 { margin-right: 15px; } .mr_right_20 { margin-right: 20px; } .mr_right_25 { margin-right: 25px; } .mr_right_30 { margin-right: 30px; } .mr_right_35 { margin-right: 35px; } .mr_right_40 { margin-right: 40px; } .mr_right_45 { margin-right: 45px; } .mr_right_50 { margin-right: 50px; } .mr_right_55 { margin-right: 55px; } .mr_right_60 { margin-right: 60px; } .mr_right_65 { margin-right: 65px; } .mr_right_70 { margin-right: 70px; } .mr_right_75 { margin-right: 75px; } .mr_right_80 { margin-right: 80px; } .mr_right_85 { margin-right: 85px; } .mr_right_90 { margin-right: 90px; } .mr_right_95 { margin-right: 95px; } .mr_right_100 { margin-right: 100px; } .mr_right_minus_40 { margin-right: -40px; } .mr_right_minus_50 { margin-right: -50px; } .mr_right_minus_60 { margin-right: -60px; } .mr_right_minus_70 { margin-right: -70px; } .mr_right_minus_80 { margin-right: -80px; } .mr_right_minus_90 { margin-right: -90px; } .mr_right_minus_100 { margin-right: -100px; } .mr_right_minus_110 { margin-right: -110px; } .mr_right_minus_120 { margin-right: -120px; } .mr_right_minus_130 { margin-right: -130px; } .mr_right_minus_140 { margin-right: -140px; } .mr_right_minus_150 { margin-right: -150px; } .mr_right_minus_160 { margin-right: -160px; } .mr_right_minus_170 { margin-right: -170px; } .mr_right_minus_320 { margin-right: -320px; }   .mr_left_5 { margin-left: 5px; } .mr_left_10 { margin-left: 10px; } .mr_left_15 { margin-left: 15px; } .mr_left_20 { margin-left: 20px; } .mr_left_25 { margin-left: 25px; } .mr_left_30 { margin-left: 30px; } .mr_left_35 { margin-left: 35px; } .mr_left_40 { margin-left: 40px; } .mr_left_45 { margin-left: 45px; } .mr_left_50 { margin-left: 50px; } .mr_left_55 { margin-left: 55px; } .mr_left_60 { margin-left: 60px; } .mr_left_65 { margin-left: 65px; } .mr_left_70 { margin-left: 70px; } .mr_left_75 { margin-left: 75px; } .mr_left_80 { margin-left: 80px; } .mr_left_85 { margin-left: 85px; } .mr_left_90 { margin-left: 90px; } .mr_left_95 { margin-left: 95px; } .mr_left_100 { margin-left: 100px; } .mr_left_minus_40 { margin-left: -40px; } .mr_left_minus_50 { margin-left: -50px; } .mr_left_minus_60 { margin-left: -60px; } .mr_left_minus_70 { margin-left: -70px; } .mr_left_minus_80 { margin-left: -80px; } .mr_left_minus_90 { margin-left: -90px; } .mr_left_minus_100 { margin-left: -100px; } .mr_left_minus_110 { margin-left: -110px; } .mr_left_minus_120 { margin-left: -120px; } .mr_left_minus_130 { margin-left: -130px; } .mr_left_minus_140 { margin-left: -140px; } .mr_left_minus_150 { margin-left: -150px; } .mr_left_minus_160 { margin-left: -160px; } .mr_left_minus_170 { margin-left: -170px; } .mr_left_minus_320 { margin-left: -320px; }   .mr_bottom_5 { margin-bottom: 5px; } .mr_bottom_10 { margin-bottom: 10px; } .mr_bottom_15 { margin-bottom: 15px; } .mr_bottom_20 { margin-bottom: 20px; } .mr_bottom_25 { margin-bottom: 25px; } .mr_bottom_30 { margin-bottom: 30px; } .mr_bottom_35 { margin-bottom: 35px; } .mr_bottom_40 { margin-bottom: 40px; } .mr_bottom_45 { margin-bottom: 45px; } .mr_bottom_50 { margin-bottom: 50px; } .mr_bottom_55 { margin-bottom: 55px; } .mr_bottom_60 { margin-bottom: 60px; } .mr_bottom_65 { margin-bottom: 65px; } .mr_bottom_70 { margin-bottom: 70px; } .mr_bottom_75 { margin-bottom: 75px; } .mr_bottom_80 { margin-bottom: 80px; } .mr_bottom_85 { margin-bottom: 85px; } .mr_bottom_90 { margin-bottom: 90px; } .mr_bottom_95 { margin-bottom: 95px; } .mr_bottom_100 { margin-bottom: 100px; } .mr_bottom_minus_90 { margin-bottom: -90px; } .mr_bottom_minus_100 { margin-bottom: -100px; } .mr_bottom_minus_110 { margin-bottom: -110px; } .mr_bottom_minus_140 { margin-bottom: -140px; } .mr_bottom_minus_150 { margin-bottom: -150px; } .mr_bottom_minus_200 { margin-bottom: -200px; } .margin_extra { margin: -47px -178px -330px 0px !important; }   @media (max-width: 992px) { .mr_md_top_zero { margin-top: 0px !important; } .mr_md_zero { margin: 0px !important; } .md_pd_left_zero { padding-left: 0 !important; } .md_pd_right_zero { padding-right: 0 !important; } .md_pd_left_15 { padding-left: 15px !important; } .md_pd_right_15 { padding-right: 15px !important; } }    .bg_op_1 { background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; } .bg_op_2 { background-repeat: no-repeat !important; background-position: top !important; background-size: contain !important; } .bg_op_3 { background-repeat: no-repeat !important; background-position: top !important; } .bg_pattern_2 { background-position: bottom left !important; background-repeat: no-repeat !important; background-size: 68% auto !important; transition: background 0.3s, border-radius 0.3s, opacity 0.3s !important; } .bg_pattern_3 { background-position: center center !important; background-repeat: no-repeat !important; background-size: 55vw auto !important; transition: background 0.3s, border-radius 0.3s, opacity 0.3s !important; }   .height_200px, .height_200 { height: 200px !important; } .height_210px, .height_210 { height: 210px !important; } .height_220px, .height_220 { height: 220px !important; } .height_230px, .height_230 { height: 230px !important; } .height_235px, .height_235 { height: 235px !important; } .height_240px, .height_240 { height: 240px !important; } .height_250px, .height_250 { height: 250px !important; } .height_260px, .height_260 { height: 260px !important; } .height_264px, .height_264 { height: 264px !important; } .height_350px, .height_350 { height: 350px !important; } .height_360px, .height_360 { height: 360px !important; } .height_400px, .height_400 { height: 400px !important; } .height_500px, .height_500 { height: 500px !important; } .height_510px, .height_510 { height: 510px !important; } .height_530px, .height_530 { height: 530px !important; } .height_540px, .height_540 { height: 540px !important; } .height_550, .height_550px { height: 550px !important; } .height_560px, .height_560 { height: 560px !important; } .height_570px, .height_570 { height: 570px !important; } .height_580px, .height_580 { height: 580px !important; } .height_590px, .height_590 { height: 590px !important; } .height_600px, .height_600 { height: 600px !important; }   .z_99 { z-index: 99; }   .image_fit { -o-object-fit: cover; object-fit: cover; width: 100%; -o-object-position: center; object-position: center; height: 100%; }   .rounded_radius { border-radius: 30px; } .rounded_bottom_right_30, .rbr_30 { border-bottom-right-radius: 30px !important; } .rounded_bottom_left_30, .rbl_30 { border-bottom-left-radius: 30px !important; } .rounded_top_left_30, .rtl_30 { border-top-left-radius: 30px !important; } .rounded_top_right_30, .rtr_30 { border-top-right-radius: 30px !important; } .rounded_bottom_right_0, .rbr_0 { border-bottom-right-radius: 0px !important; } .rounded_bottom_left_0, .rbl_0 { border-bottom-left-radius: 0px !important; } .rounded_top_left_0, .rtl_0 { border-top-left-radius: 0px !important; } .rounded_top_right_0, .rtr_0 { border-top-right-radius: 0px !important; } .border_solid_2px { border: 2px solid rgba(0, 0, 0, 0.0392156863); }   .float-unset { float: unset !important; }   .font_20 { font-size: 20px !important; line-height: 32px !important; } .font_24 { font-size: 24px !important; line-height: 36px !important; } .font_30 { font-size: 30px !important; line-height: 42px !important; } .font_70 { font-size: 70px !important; line-height: 80px !important; }  @media (max-width: 992px) { .d_md_none { display: none; } }  :root { --nas-family-one: "Spartan", sans-serif !important; --nas-family-two: "Inter", sans-serif !important; --primary-color-one: #078586; --primary-color-two: #282f3b; --primary-color-three: #f0f3f9; --color-white: #fff; --primary-color-four: #fafcff; --primary-color-five: #1f2530; --text-color-dark: #4a4e56; --text-color-dark-two: #888888; --text-color-light: #aaafb8; --heading-dark: #282f3b; --link-color-dark: #282f3b; --border-color-dark: #e4e7ee; --border-color-dark-two: #373e4a; --border-color-light: #fbfcfe; --menu-color: #282f3b; --menu-color-white: #ffffff; --menu-dropdown-color: #282f3b; --menu-active-color: #078586; --box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.09); --box-shadow-two: 0px 3px 16px 0px rgba(0, 0, 0, 0.05); --footer-default-bgcolor: #1f2530; --preloader-background-color: #078586; --bg-light-color-one: #f0f3f947; --bg-light-color-two: #f0f3f969; } .color_white { color: #fff !important; } .color_dark { color: var(--heading-dark) !important; }  .bg_light_1 { background: radial-gradient( circle at 20% 20%, rgba(0, 73, 237, 0.08) 0%, transparent 50% ), radial-gradient( circle at 80% 80%, rgba(0, 73, 237, 0.05) 0%, transparent 50% ); } .bg_light_2 { background: var(--bg-light-color-one) !important; } .bg_light_3 { background: var(--bg-light-color-two) !important; }   .bg_dark_1 { background: var(--primary-color-one) !important; } .bg_dark_2 { background: var(--primary-color-two) !important; } .bg_dark_3 { background: var(--primary-color-five) !important; }   .divider_1 { border-bottom: 1px solid var(--border-color-dark); } .divider_2 { border-bottom: 1px dashed var(--border-color-dark); } .divider_w_1 { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }   .border_l { border-left: 1px solid var(--border-color-dark); } .border_r { border-right: 1px solid var(--border-color-dark); } .border_t { border-top: 1px solid var(--border-color-dark); } .border_b { border-bottom: 1px solid var(--border-color-dark); } .border_light_color { border: 1px solid rgba(255, 255, 255, 0.1215686275); } .border_l_0 { border-left: 0px !important; } .border_r_0 { border-right: 0px !important; } .border_t_0 { border-top: 0px !important; } .border_b_0 { border-bottom: 0px !important; }   .box_shadow_2 { box-shadow: var(--box-shadow-two); }   body { font-family: var(--nas-family-two); font-size: 16px; color: var(--text-color-dark); font-weight: 400; background: #ffffff; width: 100%; height: 100%; -webkit-font-smoothing: antialiased !important; -moz-font-smoothing: antialiased !important; -o-font-smoothing: antialiased !important; -ms-font-smoothing: antialiased !important; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } img { max-width: 100%; height: auto; } ul { padding-left: 17px; } .page_wapper { position: relative; } .page_wapper #wrapper_full { overflow: hidden; } .footer_sticky_body .content_all_warpper { position: relative; z-index: 99999; } .fancybox-container { z-index: 99999999; } .admin-bar .fixed-header .sticky_header_main { top: 32px; } @media screen and (max-width: 782px) { .admin-bar .fixed-header .sticky_header_main { top: 0px; } } .single-service.right-sidebar .content-area article.col-lg-12.service, .single-service.left-sidebar .content-area article.col-lg-12.service { padding-left: 7px; padding-right: 7px; } @media (max-width: 992px) { body.home .page_header_default { padding: 20px 0px; min-height: auto; } } .no-results.not-found .header { padding: 0px !important; box-shadow: unset !important; } .row { --bs-gutter-x: 0; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right: 15px; padding-left: 15px; } h1 a, h1, h2 a, h2, h3 a, h3, h4 a, h4, h5 a, h5, h6 a, h6 { font-weight: 700; margin: 0; color: var(--primary-color-two); font-family: var(--nas-family-one); transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; word-break: break-word; } .h1, h1 { line-height: 54px; } .h2, h2 { line-height: 44px; } .h3, h3 { line-height: 38px; } .h4, h4 { line-height: 34px; } .h5, h5 { line-height: 30px; } .h6, h6 { line-height: 26px; } p { font-size: 16px; line-height: 26px; font-family: var(--nas-family-two); font-weight: 400; margin-bottom: 15px; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } input, input[type="text"], input[type="email"], input[type="number"], textarea, select { position: relative; height: 45px; line-height: 26px; border-radius: 5px; border: 1px solid var(--border-color-dark); width: 100%; padding: 4px 15px 0px 15px; display: block; transition: 0.5s ease-in-out !important; -moz-transition: 0.5s ease-in-out !important; -o-transition: 0.5s ease-in-out !important; -ms-transition: 0.5s ease-in-out !important; margin-bottom: 20px; color: var(--text-color-dark); } input::-moz-placeholder { color: var(--text-color-dark); } input::placeholder { color: var(--text-color-dark); } textarea { height: 150px; padding: 20px 20px; } input[type="checkbox"], input[type="radio"] { width: auto; height: auto; margin: 0px; display: inline-block; padding: 0px; } input:focus, textarea:focus, select:focus, input:active, textarea:active, select:active { outline: 0px; border-color: var(--primary-color-one); } body input[type="submit"], body button[type="submit"] { position: relative; display: inline-block; min-width: 160px; min-height: 60px; font-size: 16px; line-height: 60px; padding: 0px 20px; border-radius: 10px 0px 10px 0px; border: 1px solid var(--border-color-one); background: var(--primary-color-one); font-family: var(--nas-family-one); color: #fff; font-weight: 700; text-transform: uppercase; } @media (min-width: 1200px) { .container { max-width: 1170px; padding: 0px 15px; } } .container-fluid { padding: 0px; } .full-container { position: static; max-width: 1800px; padding: 0px 15px; margin: 0 auto; } .large-container { position: static; max-width: 1480px; padding: 0px 15px; margin: 0 auto; } .medium-container { position: static; max-width: 1350px; padding: 0px 15px; margin: 0 auto; } .default-container { position: static; max-width: 1280px; padding: 0px 15px; margin: 0 auto; } .auto-container, .auto_container { position: static; max-width: 1200px; padding: 0px 15px; margin: 0 auto; } .small-container { max-width: 680px; margin: 0 auto; } a { text-decoration: none; cursor: pointer; color: var(--primary-color-one); transition: 0.5s ease-in-out !important; -moz-transition: 0.5s ease-in-out !important; -o-transition: 0.5s ease-in-out !important; -ms-transition: 0.5s ease-in-out !important; } a:hover { color: var(--primary-color-one); } #wrapper, #content { width: 100%; height: 100%; } .elementor-column { min-height: 0px !important; } ul li, ol li { margin-bottom: 5px; }  .vc_custom_r_s .container-fluid { padding: 0px; } .header_area .vc_column-inner { padding: 0px !important; }  body.error404 .right-sidebar .content-area, body.error404 .left-sidebar .content-area { display: none; } .project-template-template-fullwidth article.col-lg-12 { padding: 0px; } .single-post .sec_comments .col-lg-12 { padding: 0px; }  .tj-preloader { position: fixed; top: 0; inset-inline-start: 0; width: 100%; height: 100%; background-color: var(--primary-color-one); z-index: 100000000; color: #fdfdf9; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .tj-preloader.is-loading .tj-preloader-ball-inner, .tj-preloader.is-loading .tj-preloader-ball-shadow { -webkit-animation-play-state: running; animation-play-state: running; } .tj-preloader.is-loaded { pointer-events: none; } .tj-preloader .tj-preloader-overlay { position: fixed; top: 0; inset-inline-start: 0; width: 100%; height: 100%; background-color: var(--tj-color-theme-dark); z-index: 99999999; opacity: 1; -webkit-animation: tj-fade-out 2s forwards; animation: tj-fade-out 2s forwards; } @-webkit-keyframes tj-fade-out { 0% { opacity: 1; } 50% { opacity: 1; } to { opacity: 0; } } @keyframes tj-fade-out { 0% { opacity: 1; } 50% { opacity: 1; } to { opacity: 0; } } .tj-preloader .tj-preloader-inner { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tj-preloader .tj-preloader-ball-wrap { gap: 10px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; inset-inline-start: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px); } @media only screen and (min-width: 1025px) { .tj-preloader .tj-preloader-ball-wrap { -webkit-transform: none; -ms-transform: none; transform: none; } } .tj-preloader .tj-preloader-ball-inner-wrap { position: absolute; width: 10px; height: 100%; top: 50%; inset-inline-start: -16px; -webkit-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); transform: translate(-100%, -50%); z-index: 10000; } @media only screen and (min-width: 1025px) { .tj-preloader .tj-preloader-ball-inner-wrap { inset-inline-start: -30px; } } .tj-preloader .tj-preloader-ball-shadow { position: absolute; width: 16px; height: 4px; inset-inline-start: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #9587ad; bottom: 0; border-radius: 50%; -webkit-filter: blur(12px); filter: blur(12px); -webkit-box-shadow: 0 4px 20px 0 #7e62aa; box-shadow: 0 4px 20px 0 #7e62aa; -webkit-transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1); transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1); -webkit-animation-play-state: paused; animation-play-state: paused; -webkit-animation: tj-shadow-blur 1s linear infinite; animation: tj-shadow-blur 1s linear infinite; } .tj-preloader .tj-preloader-ball-inner { position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: #f1e8ff; -webkit-animation: tj-bounce-anim 1s linear infinite; animation: tj-bounce-anim 1s linear infinite; -webkit-box-shadow: 0 0 12px 0 #fdfdf9; box-shadow: 0 0 12px 0 #fdfdf9; -webkit-transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1); transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1); -webkit-animation-play-state: paused; animation-play-state: paused; } .tj-preloader.is-loaded .tj-preloader-ball-shadow { display: none; } .tj-preloader.is-loaded .tj-preloader-ball-inner { -webkit-animation: fadeLeftToRight 0.7s linear; animation: fadeLeftToRight 0.7s linear; } .tj-preloader .tj-preloader-ball { position: absolute; width: 14px; height: 14px; bottom: 50%; inset-inline-start: 50%; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); border-radius: 50%; background-color: rgba(0, 255, 194, 0.1); -webkit-box-shadow: 0 0 20px 0 #7e62aa; box-shadow: 0 0 20px 0 #7e62aa; -webkit-filter: blur(10px); filter: blur(10px); } .tj-preloader .tj-preloader-text { font-size: 20px; position: relative; letter-spacing: 0; -webkit-transform: translateY(-0.03em); -ms-transform: translateY(-0.03em); transform: translateY(-0.03em); -webkit-transition: 0.3s; transition: 0.3s; font-weight: var(--tj-fw-sbold); } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .tj-preloader .tj-preloader-text { font-size: 16px; } } .tj-preloader.is-loaded .tj-preloader-text { opacity: 0; visibility: hidden; } #tj-weave-anim span { position: relative; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; -webkit-animation: tj-weave-anim 1.15s ease infinite; animation: tj-weave-anim 1.15s ease infinite; -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } #tj-weave-anim span:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s; } #tj-weave-anim span:nth-child(2) { -webkit-animation-delay: 0.05s; animation-delay: 0.05s; } #tj-weave-anim span:nth-child(3) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } #tj-weave-anim span:nth-child(4) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; } #tj-weave-anim span:nth-child(5) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } #tj-weave-anim span:nth-child(6) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } #tj-weave-anim span:nth-child(7) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } #tj-weave-anim span:nth-child(8) { -webkit-animation-delay: 0.35s; animation-delay: 0.35s; } #tj-weave-anim span:nth-child(9) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } #tj-weave-anim span:nth-child(10) { -webkit-animation-delay: 0.45s; animation-delay: 0.45s; } #tj-weave-anim span:nth-child(11) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } #tj-weave-anim span:nth-child(12) { -webkit-animation-delay: 0.55s; animation-delay: 0.55s; } #tj-weave-anim span:nth-child(13) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } #tj-weave-anim span:nth-child(14) { -webkit-animation-delay: 0.65s; animation-delay: 0.65s; } #tj-weave-anim span:nth-child(15) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } #tj-weave-anim span:nth-child(16) { -webkit-animation-delay: 0.75s; animation-delay: 0.75s; } #tj-weave-anim span:nth-child(17) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } #tj-weave-anim span:nth-child(18) { -webkit-animation-delay: 0.85s; animation-delay: 0.85s; } #tj-weave-anim span:nth-child(19) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } #tj-weave-anim span:nth-child(20) { -webkit-animation-delay: 0.95s; animation-delay: 0.95s; } #tj-weave-anim span:nth-child(21) { -webkit-animation-delay: 1s; animation-delay: 1s; } #tj-weave-anim span:nth-child(22) { -webkit-animation-delay: 1.05s; animation-delay: 1.05s; } #tj-weave-anim span:nth-child(23) { -webkit-animation-delay: 1.15s; animation-delay: 1.15s; } @-webkit-keyframes tj-shadow-blur { 0% { -webkit-filter: blur(12px); filter: blur(12px); -webkit-transform: translate(-50%) scale(0.6); transform: translate(-50%) scale(0.6); opacity: 0.4; } 30% { -webkit-filter: blur(2px); filter: blur(2px); -webkit-transform: translate(-50%, -0.5rem) scale(1); transform: translate(-50%, -0.5rem) scale(1); opacity: 1; } to { -webkit-filter: blur(12px); filter: blur(12px); -webkit-transform: translate(-50%) scale(0.6); transform: translate(-50%) scale(0.6); opacity: 0.4; } } @keyframes tj-shadow-blur { 0% { -webkit-filter: blur(12px); filter: blur(12px); -webkit-transform: translate(-50%) scale(0.6); transform: translate(-50%) scale(0.6); opacity: 0.4; } 30% { -webkit-filter: blur(2px); filter: blur(2px); -webkit-transform: translate(-50%, -0.5rem) scale(1); transform: translate(-50%, -0.5rem) scale(1); opacity: 1; } to { -webkit-filter: blur(12px); filter: blur(12px); -webkit-transform: translate(-50%) scale(0.6); transform: translate(-50%) scale(0.6); opacity: 0.4; } } @-webkit-keyframes fadeLeftToRight { 0% { -webkit-filter: blur(0); filter: blur(0); -webkit-transform: translate(0) scale(1); transform: translate(0) scale(1); opacity: 1; } 30% { -webkit-filter: blur(0); filter: blur(0); -webkit-transform: translate(-3000%, 0) scale(1); transform: translate(-3000%, 0) scale(1); opacity: 1; } 40% { -webkit-filter: blur(0); filter: blur(0); -webkit-transform: translate(-2000%, 0) scale(1); transform: translate(-2000%, 0) scale(1); opacity: 1; } 60% { -webkit-filter: blur(0); filter: blur(0); -webkit-transform: translate(0%, 0) scale(1); transform: translate(0%, 0) scale(1); opacity: 1; } to { -webkit-filter: blur(12px); filter: blur(12px); -webkit-transform: translate(1000%, 0) scale(7); transform: translate(1000%, 0) scale(7); opacity: 0.4; } } @keyframes fadeLeftToRight { 0% { -webkit-filter: blur(0); filter: blur(0); -webkit-transform: translate(0) scale(1); transform: translate(0) scale(1); opacity: 1; } 30% { -webkit-filter: blur(0); filter: blur(0); -webkit-transform: translate(-3000%, 0) scale(1); transform: translate(-3000%, 0) scale(1); opacity: 1; } 40% { -webkit-filter: blur(0); filter: blur(0); -webkit-transform: translate(-2000%, 0) scale(1); transform: translate(-2000%, 0) scale(1); opacity: 1; } 60% { -webkit-filter: blur(0); filter: blur(0); -webkit-transform: translate(0%, 0) scale(1); transform: translate(0%, 0) scale(1); opacity: 1; } to { -webkit-filter: blur(12px); filter: blur(12px); -webkit-transform: translate(1000%, 0) scale(7); transform: translate(1000%, 0) scale(7); opacity: 0.4; } } @-webkit-keyframes tj-bounce-anim { 0% { -webkit-transform: translateY(calc(-50% - 1rem)) scaleX(1.4); transform: translateY(calc(-50% - 1rem)) scaleX(1.4); } 3% { -webkit-transform: translateY(calc(-50% - 0.95rem)) scale(1.1, 1.05); transform: translateY(calc(-50% - 0.95rem)) scale(1.1, 1.05); } 5% { -webkit-transform: translateY(calc(-50% - 0.9rem)) scale(1.2, 1.1); transform: translateY(calc(-50% - 0.9rem)) scale(1.2, 1.1); } 8% { -webkit-transform: translateY(calc(-50% - 0.8rem)) scale(0.98, 1.15); transform: translateY(calc(-50% - 0.8rem)) scale(0.98, 1.15); } 12% { -webkit-transform: translateY(calc(-50% - 0.7rem)) scale(0.95, 1.2); transform: translateY(calc(-50% - 0.7rem)) scale(0.95, 1.2); } 16% { -webkit-transform: translateY(calc(-50% - 0.5rem)) scale(0.92, 1.25); transform: translateY(calc(-50% - 0.5rem)) scale(0.92, 1.25); } 20% { -webkit-transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4); transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4); } 24% { -webkit-transform: translateY(calc(-50% + 0.4rem)) scale(0.9, 1.7); transform: translateY(calc(-50% + 0.4rem)) scale(0.9, 1.7); } 26% { -webkit-transform: translateY(calc(-50% + 0.8rem)) scale(0.9, 1.4); transform: translateY(calc(-50% + 0.8rem)) scale(0.9, 1.4); } 28% { -webkit-transform: translateY(calc(-50% + 0.95rem)) scale(1.2, 0.7); transform: translateY(calc(-50% + 0.95rem)) scale(1.2, 0.7); } 30% { -webkit-transform: translateY(calc(-50% + 1rem)) scale(1.5, 0.3); transform: translateY(calc(-50% + 1rem)) scale(1.5, 0.3); } 32% { -webkit-transform: translateY(calc(-50% + 0.8rem)) scale(1.4, 0.4); transform: translateY(calc(-50% + 0.8rem)) scale(1.4, 0.4); } 36% { -webkit-transform: translateY(calc(-50% + 0.5rem)) scale(1.2, 0.8); transform: translateY(calc(-50% + 0.5rem)) scale(1.2, 0.8); } 42% { -webkit-transform: translateY(calc(-50% + 0.2rem)) scaleY(1.2); transform: translateY(calc(-50% + 0.2rem)) scaleY(1.2); } 48% { -webkit-transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4); transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4); } 54% { -webkit-transform: translateY(calc(-50% - 0.3rem)) scale(0.92, 1.3); transform: translateY(calc(-50% - 0.3rem)) scale(0.92, 1.3); } 62% { -webkit-transform: translateY(calc(-50% - 0.5rem)) scale(0.95, 1.2); transform: translateY(calc(-50% - 0.5rem)) scale(0.95, 1.2); } 68% { -webkit-transform: translateY(calc(-50% - 0.6rem)) scale(0.97, 1.15); transform: translateY(calc(-50% - 0.6rem)) scale(0.97, 1.15); } 75% { -webkit-transform: translateY(calc(-50% - 0.7rem)) scale(0.98, 1.1); transform: translateY(calc(-50% - 0.7rem)) scale(0.98, 1.1); } 80% { -webkit-transform: translateY(calc(-50% - 0.8rem)) scale(0.99, 1.08); transform: translateY(calc(-50% - 0.8rem)) scale(0.99, 1.08); } 85% { -webkit-transform: translateY(calc(-50% - 0.9rem)) scaleY(1.05); transform: translateY(calc(-50% - 0.9rem)) scaleY(1.05); } 90% { -webkit-transform: translateY(calc(-50% - 0.95rem)) scale(1.2, 1.03); transform: translateY(calc(-50% - 0.95rem)) scale(1.2, 1.03); } 95% { -webkit-transform: translateY(calc(-50% - 0.98rem)) scale(1.1, 1.01); transform: translateY(calc(-50% - 0.98rem)) scale(1.1, 1.01); } to { -webkit-transform: translateY(calc(-50% - 1rem)) scaleX(1.4); transform: translateY(calc(-50% - 1rem)) scaleX(1.4); } } @keyframes tj-bounce-anim { 0% { -webkit-transform: translateY(calc(-50% - 1rem)) scaleX(1.4); transform: translateY(calc(-50% - 1rem)) scaleX(1.4); } 3% { -webkit-transform: translateY(calc(-50% - 0.95rem)) scale(1.1, 1.05); transform: translateY(calc(-50% - 0.95rem)) scale(1.1, 1.05); } 5% { -webkit-transform: translateY(calc(-50% - 0.9rem)) scale(1.2, 1.1); transform: translateY(calc(-50% - 0.9rem)) scale(1.2, 1.1); } 8% { -webkit-transform: translateY(calc(-50% - 0.8rem)) scale(0.98, 1.15); transform: translateY(calc(-50% - 0.8rem)) scale(0.98, 1.15); } 12% { -webkit-transform: translateY(calc(-50% - 0.7rem)) scale(0.95, 1.2); transform: translateY(calc(-50% - 0.7rem)) scale(0.95, 1.2); } 16% { -webkit-transform: translateY(calc(-50% - 0.5rem)) scale(0.92, 1.25); transform: translateY(calc(-50% - 0.5rem)) scale(0.92, 1.25); } 20% { -webkit-transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4); transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4); } 24% { -webkit-transform: translateY(calc(-50% + 0.4rem)) scale(0.9, 1.7); transform: translateY(calc(-50% + 0.4rem)) scale(0.9, 1.7); } 26% { -webkit-transform: translateY(calc(-50% + 0.8rem)) scale(0.9, 1.4); transform: translateY(calc(-50% + 0.8rem)) scale(0.9, 1.4); } 28% { -webkit-transform: translateY(calc(-50% + 0.95rem)) scale(1.2, 0.7); transform: translateY(calc(-50% + 0.95rem)) scale(1.2, 0.7); } 30% { -webkit-transform: translateY(calc(-50% + 1rem)) scale(1.5, 0.3); transform: translateY(calc(-50% + 1rem)) scale(1.5, 0.3); } 32% { -webkit-transform: translateY(calc(-50% + 0.8rem)) scale(1.4, 0.4); transform: translateY(calc(-50% + 0.8rem)) scale(1.4, 0.4); } 36% { -webkit-transform: translateY(calc(-50% + 0.5rem)) scale(1.2, 0.8); transform: translateY(calc(-50% + 0.5rem)) scale(1.2, 0.8); } 42% { -webkit-transform: translateY(calc(-50% + 0.2rem)) scaleY(1.2); transform: translateY(calc(-50% + 0.2rem)) scaleY(1.2); } 48% { -webkit-transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4); transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4); } 54% { -webkit-transform: translateY(calc(-50% - 0.3rem)) scale(0.92, 1.3); transform: translateY(calc(-50% - 0.3rem)) scale(0.92, 1.3); } 62% { -webkit-transform: translateY(calc(-50% - 0.5rem)) scale(0.95, 1.2); transform: translateY(calc(-50% - 0.5rem)) scale(0.95, 1.2); } 68% { -webkit-transform: translateY(calc(-50% - 0.6rem)) scale(0.97, 1.15); transform: translateY(calc(-50% - 0.6rem)) scale(0.97, 1.15); } 75% { -webkit-transform: translateY(calc(-50% - 0.7rem)) scale(0.98, 1.1); transform: translateY(calc(-50% - 0.7rem)) scale(0.98, 1.1); } 80% { -webkit-transform: translateY(calc(-50% - 0.8rem)) scale(0.99, 1.08); transform: translateY(calc(-50% - 0.8rem)) scale(0.99, 1.08); } 85% { -webkit-transform: translateY(calc(-50% - 0.9rem)) scaleY(1.05); transform: translateY(calc(-50% - 0.9rem)) scaleY(1.05); } 90% { -webkit-transform: translateY(calc(-50% - 0.95rem)) scale(1.2, 1.03); transform: translateY(calc(-50% - 0.95rem)) scale(1.2, 1.03); } 95% { -webkit-transform: translateY(calc(-50% - 0.98rem)) scale(1.1, 1.01); transform: translateY(calc(-50% - 0.98rem)) scale(1.1, 1.01); } to { -webkit-transform: translateY(calc(-50% - 1rem)) scaleX(1.4); transform: translateY(calc(-50% - 1rem)) scaleX(1.4); } } @-webkit-keyframes tj-weave-anim { 0% { -webkit-transform: translate3D(0, 0, 0) scale(1) rotateY(0); transform: translate3D(0, 0, 0) scale(1) rotateY(0); } 12% { -webkit-transform: translate3D(2px, -2px, 2px) scale(1.16) rotateY(6deg); transform: translate3D(2px, -2px, 2px) scale(1.16) rotateY(6deg); } 24% { -webkit-transform: translate3D(0, 0, 0) scale(1) rotateY(0); transform: translate3D(0, 0, 0) scale(1) rotateY(0); } 36% { -webkit-transform: translate3D(0, 0, 0) scale(1); transform: translate3D(0, 0, 0) scale(1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes tj-weave-anim { 0% { -webkit-transform: translate3D(0, 0, 0) scale(1) rotateY(0); transform: translate3D(0, 0, 0) scale(1) rotateY(0); } 12% { -webkit-transform: translate3D(2px, -2px, 2px) scale(1.16) rotateY(6deg); transform: translate3D(2px, -2px, 2px) scale(1.16) rotateY(6deg); } 24% { -webkit-transform: translate3D(0, 0, 0) scale(1) rotateY(0); transform: translate3D(0, 0, 0) scale(1) rotateY(0); } 36% { -webkit-transform: translate3D(0, 0, 0) scale(1); transform: translate3D(0, 0, 0) scale(1); } 100% { -webkit-transform: scale(1); transform: scale(1); } }  .page_header_default { position: relative; min-height: 320px; padding: 100px 0px 100px; overflow: hidden; align-items: center; } .page_header_default::before { position: absolute; content: ""; top: 0; right: 0; left: 0; bottom: 0; background: rgb(36 106 244 / 51%); opacity: 0.85; z-index: 1; } .page_header_default .parallax_cover { position: absolute; top: 0; min-height: 485px; height: 100%; width: 100%; left: 0; } .page_header_default .parallax_cover img { max-width: 100%; height: 100% !important; width: 100% !important; -o-object-fit: cover; object-fit: cover; margin-bottom: 0px; } .page_header_default .page_header_content { position: relative; z-index: 3; text-align: center; } .page_header_default .page_header_content .banner_title_inner { position: relative; margin: 40px 0px 10px 0px; } .page_header_default .page_header_content .banner_title_inner .title_page { color: #fff; font-size: 35px; line-height: 70px; font-weight: 700; font-family: var(--nas-family-one); } @media (max-width: 1400px) { .page_header_default .simpleParallax { position: absolute; top: 0; height: 100%; bottom: 0; right: 0; width: 100%; left: 0; } } @media (max-width: 1200px) { .page_header_default::after { display: none; } } .breadcrumbs { position: relative; display: inline-block; } .breadcrumbs ul { position: relative; padding: 0; } .breadcrumbs ul li { margin-right: 30px; color: #fff; position: relative; font-family: var(--nas-family-one); font-size: 12px; line-height: 18px; font-weight: 600; text-transform: uppercase; } .breadcrumbs ul li a { color: rgba(255, 255, 255, 0.7); position: relative; text-decoration: none; font-family: var(--nas-family-one); font-size: 12px; line-height: 18px; text-transform: uppercase; padding-right: 30px; } .breadcrumbs ul li a:before { position: absolute; content: "\f105"; font-family: "FontAwesome"; right: 11px; top: -4px; color: rgba(255, 255, 255, 0.7); font-size: 14px; } .breadcrumbs ul li a:last-child { padding-right: 0px; } .breadcrumbs ul li a:last-child:before { display: none; } .breadcrumbs ul li:before { position: absolute; content: "\f105"; font-family: "FontAwesome"; right: -19px; top: -2px; color: rgba(255, 255, 255, 0.7); font-size: 14px; } .breadcrumbs ul li:last-child { margin-right: 0; } .breadcrumbs ul li:last-child::before { display: none; } .home.blog .page_header_default { padding: 210px 0px 100px; } .home.blog .page_header_default .banner_title_inner { margin: 0; } .home.blog .page_header_default .banner_title_inner h1 { margin: 0px; } .blog_single_pageheader.page_header_default { padding: 0px; } .blog_single_pageheader.page_header_default .page_header_content { padding: 100px 0px 60px; } .blog_single_pageheader.page_header_default .page_header_content .banner_title_inner .date span { color: #fff; font-family: var(--nas-family-one); font-weight: 600; text-transform: uppercase; font-size: 12px; line-height: 20px; display: block; margin-bottom: 15px; } .blog_single_pageheader.page_header_default .meta_blog_single { position: relative; z-index: 3; text-align: inherit; padding-bottom: 25px; } .blog_single_pageheader.page_header_default .meta_blog_single .left_side { position: relative; padding-top: 30px; float: left; } .blog_single_pageheader.page_header_default .meta_blog_single .left_side .category, .blog_single_pageheader.page_header_default .meta_blog_single .left_side .comments { position: relative; margin-right: 15px; display: inline-block; color: #fff; } .blog_single_pageheader.page_header_default .meta_blog_single .left_side .category a, .blog_single_pageheader.page_header_default .meta_blog_single .left_side .category span, .blog_single_pageheader.page_header_default .meta_blog_single .left_side .comments a, .blog_single_pageheader.page_header_default .meta_blog_single .left_side .comments span { color: #fff; font-family: var(--nas-family-one); font-weight: 600; text-transform: uppercase; font-size: 12px; line-height: 20px; } .blog_single_pageheader.page_header_default .meta_blog_single .left_side .category i, .blog_single_pageheader.page_header_default .meta_blog_single .left_side .comments i { display: inline-block; font-size: 16px; color: var(--primary-color-one); margin-right: 6px; } .blog_single_pageheader.page_header_default .meta_blog_single .right_side { position: relative; float: right; } .blog_single_pageheader.page_header_default .meta_blog_single .right_side .content_box_auht { position: relative; } .blog_single_pageheader.page_header_default .meta_blog_single .right_side .content_box_auht .authour_content { position: relative; margin-right: 10px; text-align: right; padding: 10px 0px 0px; } .blog_single_pageheader.page_header_default .meta_blog_single .right_side .content_box_auht .authour_content h6 { color: #fff; font-family: var(--nas-family-one); font-weight: 600; text-transform: uppercase; font-size: 12px; line-height: 20px; margin-bottom: 5px; } .blog_single_pageheader.page_header_default .meta_blog_single .right_side .content_box_auht .authour_content h4 { color: #fff; font-family: var(--nas-family-one); font-weight: 700; font-size: 14px; line-height: 22px; } .blog_single_pageheader.page_header_default .meta_blog_single .right_side .content_box_auht .authour_image { position: relative; width: 60px; height: 60px; overflow: hidden; border-radius: 50%; } .blog_single_pageheader.page_header_default .meta_blog_single .right_side .content_box_auht .authour_image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 992px) { .page_header_default { padding: 100px 0px; min-height: auto; } .home.blog .page_header_default { padding: 100px 0px; min-height: auto; } .page_header_default .parallax_cover { min-height: 100%; } .page_header_default .page_header_content .banner_title_inner h1 { font-size: 45px; line-height: 55px; } } @media (max-width: 768px) { .page_header_default .page_header_content .banner_title_inner h1 { font-size: 35px; line-height: 45px; } }  .blog_single_details_outer { position: relative; } .blog_single_details_outer .single_content_upper { position: relative; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid var(--border-color-dark); }  .logged-in-as { margin-bottom: 10px; } .sec_comments { position: relative; margin-top: 50px; } .sec_comments .comment_box { position: relative; padding: 50px 40px; border-radius: 10px; border: 1px solid var(--border-color-dark); margin-bottom: 60px; } .sec_comments .comment_box .title_commnt { position: relative; } .sec_comments .comment_box .title_commnt h2 a { margin-bottom: 20px; font-size: 26px; display: block; line-height: 32px; font-weight: 700; color: var(--primary-color-two); font-family: var(--nas-family-one); } .sec_comments .comment_box .comment-list { position: relative; padding: 0px; margin: 0px; } .sec_comments .comment_box .comment-list li.comment { list-style: none; padding-bottom: 20px; margin-bottom: 40px; position: relative; border-bottom: 1px solid var(--border-color-dark); } .sec_comments .comment_box .comment-list li.comment .media { position: relative; margin-left: 80px; } .sec_comments .comment_box .comment-list li.comment .media img { position: absolute; width: 60px; height: 60px; left: -80px; top: 5px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .sec_comments .comment_box .comment-list li.comment .media .comment-text { position: relative; } .sec_comments .comment_box .comment-list li.comment .media .comment-text h3 { position: relative; font-size: 18px; display: block; line-height: 28px; font-weight: 700; color: var(--primary-color-two); font-family: var(--nas-family-one); margin: 15px 0px; } .sec_comments .comment_box .comment-list li.comment .media .comment-text h1, .sec_comments .comment_box .comment-list li.comment .media .comment-text h2, .sec_comments .comment_box .comment-list li.comment .media .comment-text h4, .sec_comments .comment_box .comment-list li.comment .media .comment-text h5, .sec_comments .comment_box .comment-list li.comment .media .comment-text h6 { margin: 15px 0px; } .sec_comments .comment_box .comment-list li.comment .media .comment-text .date { position: absolute; right: 0; font-size: 12px; font-weight: 600; color: var(--primary-color-one); font-family: var(--nas-family-one); text-transform: uppercase; top: 7px; } .sec_comments .comment_box .comment-list li.comment .media .comment-text .reply { position: relative; } .sec_comments .comment_box .comment-list li.comment .media .comment-text .reply p { display: inline-block; margin-right: 15px; font-size: 12px; font-weight: 600; color: var(--primary-color-one); font-family: var(--nas-family-one); text-transform: uppercase; } .sec_comments .comment_box .comment-list li.comment:last-child { padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0px; } .sec_comments .comment_box .comment-list li.comment .children li { padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0px; padding-top: 40px; margin-top: 20px; border-top: 1px solid var(--border-color-dark); } .sec_comments .comment_box .comment-list li.comment .children li:last-child { padding-bottom: 0px; margin-bottom: 0px; } .sec_comments .comment_box .comment-list ul li, .sec_comments .comment_box .comment-list ol li { border: 0px; padding-bottom: 5px; margin-bottom: 0px; } .sec_comments .comment-respond { position: relative; margin-top: 20px; } .sec_comments .comment-respond .title_para { padding-bottom: 15px; } .sec_comments .comment-respond .comment-reply-title { font-size: 26px; display: block; line-height: 32px; font-weight: 700; color: var(--heading-dark); font-family: var(--nas-family-one); } .sec_comments .comment-respond .comment-reply-title small { margin: 5px 0px; display: block; } .sec_comments .comment-respond .comment-reply-title small a { font-size: 16px; color: var(--primary-color-one); } .sec_comments .comment-respond form label { position: relative; display: block; margin-bottom: 10px; } .sec_comments .comment-respond form .custom-checkbox label { display: inline-block; margin-left: 5px; } .sec_comments .comment-respond form .comment-form-author, .sec_comments .comment-respond form .comment-form-email { width: 50%; float: left; } .sec_comments .custom-control.custom-checkbox { position: relative; margin-bottom: 20px; } @media (min-width: 992px) { .comment-form-author { padding-right: 15px; } .comment-form-email { padding-left: 15px; } } .previouse_next_post { position: relative; } .previouse_next_post ul { position: relative; margin: 0px; padding: 0px; } .previouse_next_post ul li { position: relative; width: 50%; float: left; margin: 0px; list-style: none; padding-top: 0px; padding-bottom: 0px; } .previouse_next_post ul li:first-child { padding-right: 15px !important; padding-left: 0px !important; } .previouse_next_post ul li:last-child { padding-right: 0px; padding-left: 15px; } .previouse_next_post .text p { font-size: 12px; font-weight: 600; text-transform: uppercase; color: var(--text-color-dark); font-family: var(--nas-family-one); margin-bottom: 8px; } .previouse_next_post .text h2 a { font-size: 16px; line-height: 28px; font-weight: 700; text-transform: capitalize; color: var(--heading-dark); font-family: var(--nas-family-one); display: block; } .previouse_next_post .prev_post { padding: 30px; border-radius: 10px; position: relative; border: 1px solid var(--border-color-dark); transition: 0.5s ease-in-out !important; -moz-transition: 0.5s ease-in-out !important; -o-transition: 0.5s ease-in-out !important; -ms-transition: 0.5s ease-in-out !important; } .previouse_next_post .prev_post .text { position: relative; margin-left: 65px; } .previouse_next_post .prev_post a.arrow { position: absolute; width: 50px; height: 50px; line-height: 50px; border-radius: 0px 10px 0px 10px; border: 1px solid var(--border-color-dark); display: block; left: 30px; top: 0px; bottom: 0; margin: auto; background: #fff; text-align: center; transition: 0.5s ease-in-out !important; -moz-transition: 0.5s ease-in-out !important; -o-transition: 0.5s ease-in-out !important; -ms-transition: 0.5s ease-in-out !important; } .previouse_next_post .prev_post a.arrow i { transform: rotate(180deg); display: block; position: absolute; right: 0; bottom: 15px; left: 0; margin: auto; } .previouse_next_post .prev_post:hover { border-color: var(--primary-color-one); } .previouse_next_post .prev_post:hover a.arrow { color: #fff; border-color: var(--primary-color-one); background: var(--primary-color-one); } .previouse_next_post .next_post { padding: 30px; position: relative; border-radius: 10px; border: 1px solid var(--border-color-dark); text-align: right; transition: 0.5s ease-in-out !important; -moz-transition: 0.5s ease-in-out !important; -o-transition: 0.5s ease-in-out !important; -ms-transition: 0.5s ease-in-out !important; } .previouse_next_post .next_post a.arrow { position: absolute; width: 50px; height: 50px; line-height: 50px; border-radius: 10px 0px 10px 0px; border: 1px solid var(--border-color-dark); display: block; right: 30px; top: 0px; bottom: 0; margin: auto; background: #fff; text-align: center; transition: 0.5s ease-in-out !important; -moz-transition: 0.5s ease-in-out !important; -o-transition: 0.5s ease-in-out !important; -ms-transition: 0.5s ease-in-out !important; } .previouse_next_post .next_post a.arrow i { position: absolute; top: 16px; right: 0; display: block; left: 0; margin: auto; } .previouse_next_post .next_post .text { position: relative; margin-right: 65px; } .previouse_next_post .next_post:hover { border-color: var(--primary-color-one); } .previouse_next_post .next_post:hover a.arrow { color: #fff; border-color: var(--primary-color-one); background: var(--primary-color-one); }  .tags_and_share { position: relative; } .tags_and_share.yes_share .share_content { margin-bottom: 35px; } .tags_and_share.yes_tags .tags_content { margin-bottom: 35px; } .tags_and_share .d-flex .tags_content, .tags_and_share .d-flex .share_content { position: relative; min-width: 50%; } .tags_and_share .d-flex .tags_content .title, .tags_and_share .d-flex .share_content .title { font-size: 12px; font-weight: 600; text-transform: uppercase; color: var(--text-color-dark); font-family: var(--nas-family-one); margin-bottom: 8px; } .tags_and_share .d-flex .share_content { text-align: right; } .tags_and_share .d-flex .share_content button { position: relative; display: inline-block; width: 40px; height: 40px; line-height: 38px; color: var(--text-color-dark); background: #fff; border-radius: 50px; border: 1px solid var(--border-color-dark); text-align: center; transition: 0.5s ease-in-out !important; -moz-transition: 0.5s ease-in-out !important; -o-transition: 0.5s ease-in-out !important; -ms-transition: 0.5s ease-in-out !important; } .tags_and_share .d-flex .share_content button:hover { border-radius: 10px 0px 10px 0px; color: #fff; border-color: var(--primary-color-one); background: var(--primary-color-one); } .tags_and_share .d-flex .box_tags_psot .btn { position: relative; display: inline-block; margin-right: 5px; padding: 2px 20px 0px; font-size: 10px; font-weight: 600; text-transform: uppercase; color: var(--text-color-dark); font-family: var(--nas-family-one); border: 1px solid var(--border-color-dark); border-radius: 5px; line-height: 30px; margin: 0; transition: 0.5s ease-in-out !important; -moz-transition: 0.5s ease-in-out !important; -o-transition: 0.5s ease-in-out !important; -ms-transition: 0.5s ease-in-out !important; margin-bottom: 5px; } .tags_and_share .d-flex .box_tags_psot .btn:hover { color: #fff; border-color: var(--primary-color-one); background: var(--primary-color-one); } .tags_and_share .d-flex .box_tags_psot .btn:focus, .tags_and_share .d-flex .box_tags_psot .btn:active, .tags_and_share .d-flex .box_tags_psot .btn:hover { outline: 0px; box-shadow: 0px 0px 0px 0px !important; } .tags_and_share.yes_share .share_content { min-width: 100%; text-align: left; } .tags_and_share.yes_share.yes_tags .share_content { min-width: 50%; text-align: right; }  .prgoress_indicator { position: fixed; right: 50px; bottom: 75px; height: 46px; width: 46px; cursor: pointer; display: block; border-radius: 50px; box-shadow: inset 0 0 0 2px rgba(22, 93, 245, 0.2); z-index: 10000; opacity: 0; visibility: hidden; transform: translateY(15px); transform: translateY(15px) !important; transition: all 200ms linear !important; } .prgoress_indicator.active-progress { opacity: 1; visibility: visible; transform: translateY(0) !important; } .prgoress_indicator::after { position: absolute; content: "\f106"; font-family: "FontAwesome"; text-align: center; line-height: 46px; font-size: 18px; color: var(--primary-color-one); left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; font-weight: 900; z-index: 1; transition: all 200ms linear !important; } .prgoress_indicator::before { position: absolute; content: "\f106"; font-family: "FontAwesome"; text-align: center; line-height: 46px; font-size: 18px; font-weight: 900; opacity: 0; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 2; transition: all 200ms linear !important; } .prgoress_indicator:hover ::after { color: var(--primary-color-one); } .prgoress_indicator:hover ::before { opacity: 1; } .prgoress_indicator svg path { fill: none; } .prgoress_indicator svg.progress-circle path { stroke: var(--primary-color-one); stroke-width: 4; box-sizing: border-box; transition: all 200ms linear !important; } @media (max-width: 767px) { .prgoress_indicator { position: fixed; right: 15px; bottom: 135px; } } .footer_sticky_body .prgoress_indicator { z-index: 99999999; } body.blog .extra_tit, body.archive .extra_tit { display: none; } body.blog .enabled_custom_title .title_page .main_tit, body.archive .enabled_custom_title .title_page .main_tit { display: block; } body .enabled_custom_title .title_page .main_tit { display: none; }  .application_button { display: inline-block; padding: 0px 25px; border-radius: 10px 0px 10px 0px; background: var(--primary-color-one); color: #fff; border: 1px solid var(--primary-color-one); line-height: 56px; font-family: var(--nas-family-one); min-height: 56px; min-width: 160px; font-weight: 600; font-size: 15px; text-align: center; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .application_button:hover { background: #fff; color: var(--primary-color-one); border-radius: 0px 10px 0px 10px; } .theme-btn { position: relative; font-family: var(--nas-family-one);   } .theme-btn.one { display: inline-block; padding: 0px 25px; border-radius: 10px 0px 10px 0px; background: var(--primary-color-one); color: #fff; border: 1px solid var(--primary-color-one); line-height: 56px; min-height: 56px; min-width: 160px; font-weight: 600; font-size: 15px; text-align: center; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .theme-btn.one:hover { background: #fff; color: var(--primary-color-one); border-radius: 0px 10px 0px 10px; } .theme-btn.two { display: inline-block; padding: 0px 25px; border-radius: 10px 0px 10px 0px; background: transparent; color: var(--primary-color-one); border: 1px solid var(--primary-color-one); line-height: 56px; min-height: 56px; min-width: 160px; text-align: center; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; font-weight: 600; font-size: 15px; width: 100%; } .theme-btn.two:hover { background: var(--primary-color-one); color: #fff; border-radius: 0px 10px 0px 10px; } .theme-btn.three { display: inline-block; padding: 0px 25px; border-radius: 30px; background: var(--primary-color-one); color: #fff; line-height: 56px; min-height: 56px; min-width: 160px; text-align: center; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; overflow: hidden; font-size: 12px; text-transform: uppercase; font-weight: 500; z-index: 0; border: unset !important; } .theme-btn.three::before { position: absolute; content: ""; width: 50%; height: 100%; left: -100%; top: 0; bottom: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; background: var(--primary-color-two); z-index: -1; } .theme-btn.three::after { position: absolute; content: ""; width: 50%; height: 100%; right: -100%; top: 0; bottom: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; background: var(--primary-color-two); z-index: -1; } .theme-btn.three:hover { color: #fff; } .theme-btn.three:hover::after { right: 0; } .theme-btn.three:hover::before { left: 0; } .theme-btn.four { position: relative; display: inline-block; font-size: 12px; line-height: 22px; color: var(--heading-dark); text-transform: uppercase; background: none !important; font-family: var(--nas-family-one); font-weight: 600; } .theme-btn.four i { position: relative; top: 2px; font-size: 18px; left: 5px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .theme-btn.four:hover { color: var(--primary-color-one); background: none !important; } .theme-btn.four:hover i { left: 10px; } .theme-btn.five { font-size: 12px; position: relative; text-align: center !important; color: #fff; background: var(--primary-color-one); display: inline-block; min-width: 180px; height: 56px; padding: 0px 18px; line-height: 60px !important; font-weight: 600; transition: all 0.5s ease; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; text-transform: uppercase; border-radius: 5px; } .theme-btn.five i { position: relative; top: 2px; font-size: 18px; left: 5px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .theme-btn.five:hover { background: var(--primary-color-two); color: #fff; } .theme-btn.five:hover i { left: 10px; } .theme-btn.color_white { color: #fff !important; border-color: #fff !important; background: transparent !important; } .theme-btn.color_white_1 { color: var(--heading-dark) !important; border-color: #fff !important; background: #fff !important; } .theme_btn_all { position: relative; } .theme_btn_all.color_two a { background: var(--primary-color-two); border-color: var(--primary-color-two); color: #fff; } .theme_btn_all.color_two a:hover { background: #fff; color: var(--primary-color-one); } .theme_btn_all.color_two a.two { background: transparent; border-color: var(--primary-color-two); color: var(--primary-color-two); } .theme_btn_all.color_two a.two:hover { background: var(--primary-color-two); color: #fff; }  .top_bar { position: relative; background: var(--primary-color-two); } .top_bar .top_inner { display: table; width: 100%; } .top_bar .top_inner .common_css { display: table-cell; vertical-align: top; line-height: 50px; } .top_bar .top_inner .right_side { float: right; } .left_side { float: left; } .top_bar .top_inner .common_css .contntent { position: relative; display: inline-block; margin-left: 25px; margin-right: 25px; vertical-align: top; } .top_bar .top_inner .common_css .contntent i { position: absolute; left: -25px; top: 0; color: var(--primary-color-one); margin-right: 5px; bottom: 0; margin: auto; font-size: 16px; line-height: 16px; height: 16px; } .top_bar .top_inner .common_css .contntent .text { position: relative; } .top_bar .top_inner .common_css .contntent .text small { font-size: 15px; color: #fff; margin-right: 5px; } .top_bar .top_inner .common_css .contntent .text span, .top_bar .top_inner .common_css .contntent .text a { font-size: 15px; color: var(--text-color-light); } .top_bar .top_inner .common_css .contntent .text span i, .top_bar .top_inner .common_css .contntent .text a i { position: relative; margin-left: 9px !important; top: inherit; right: inherit; left: inherit; margin: inherit; height: auto; font-size: 13px; color: var(--text-color-light); } .top_bar .top_inner .common_css .contntent:last-child { margin-right: 0px; } .top_bar .top_inner .right_side { float: right; } .top_bar.style_two { position: relative; background: var(--primary-color-one); } .top_bar.style_two .auto-container { max-width: 1400px; } .top_bar.style_two .top_inner .common_css .cbutton { top: 8px; margin: 0px; } .top_bar.style_two .top_inner .common_css .cbutton a { background: rgba(255, 255, 255, 0.1); min-height: 35px; color: #fff; line-height: 35px; display: inline-block; text-transform: inherit; font-weight: 400; font-size: 14px; } .top_bar.style_two .top_inner .common_css .media small { font-size: 12px; text-transform: uppercase; } .top_bar.style_two .top_inner .common_css .media small, .top_bar.style_two .top_inner .common_css .media i { margin-right: 10px; position: relative; top: inherit; left: inherit; right: inherit; bottom: inherit; color: #fff !important; } .top_bar.style_two .top_inner .common_css .media a:last-child small, .top_bar.style_two .top_inner .common_css .media a:last-child i { margin-right: 0px; } .top_bar.style_two .top_inner .common_css i { color: #fff; font-size: 13px; } .top_bar.style_two .top_inner .common_css .text small { color: #fff; } .top_bar.style_two .top_inner .common_css .text span, .top_bar.style_two .top_inner .common_css .text a { color: #fff; } .header_boxed.style_four .top_bar .top_inner .common_css .contntent i { color: #fff; } .header_boxed.style_four .top_bar .top_inner .common_css .contntent .text span, .header_boxed.style_four .top_bar .top_inner .common_css .contntent .text a { color: #fff !important; opacity: 0.8; } .header_boxed.style_four .top_bar .top_inner .right_side .contntent { margin-left: 0px; } .header_boxed.style_four .top_bar .top_inner .right_side .contntent.button a i { color: var(--heading-dark); right: unset; left: 5px; } .header_boxed.style_four .top_bar .top_inner .common_css .contntent .text span i, .header_boxed.style_four .top_bar .top_inner .common_css .contntent .text a i { margin-left: 20px !important; } .top_bar .top_inner .common_css .contntent .text i { display: inline-block !important; }  @media (max-width: 992px) { .top_bar { padding: 5px 0px 5px; } .top_bar .top_inner { display: block !important; text-align: center; } .top_bar .top_inner .common_css { display: block; line-height: normal; } .top_bar .top_inner .common_css .contntent { position: relative;  } .top_bar .top_inner .common_css.right_side { float: none; } }  .header_style_six_nw .top_bar.style_six { position: relative; background: transparent; } .header_style_six_nw .top_bar.style_six .top_inner { display: flex; position: relative; justify-content: space-between; } .header_style_six_nw .top_bar.style_six .top_inner .common_css { position: relative; } .header_style_six_nw .top_bar.style_six .top_inner .common_css.left_side ul { float: left; } .header_style_six_nw .top_bar.style_six .top_inner .common_css.left_side ul li { margin-right: 12px; padding-left: 15px; } .header_style_six_nw .top_bar.style_six .top_inner .common_css.left_side ul li::before { position: absolute; content: ""; width: 4px; height: 4px; border-radius: 10px; background: #fff; opacity: 0.5; top: 0; left: 3px; bottom: 0; margin: auto; } .header_style_six_nw .top_bar.style_six .top_inner .common_css.left_side ul li::after { position: absolute; content: ""; width: 10px; height: 10px; border-radius: 10px; background: transparent; border: 1px solid #fff; opacity: 0.5; top: 0; left: 0; bottom: 0; margin: auto; } .header_style_six_nw .top_bar.style_six .top_inner .common_css ul { position: relative; padding-left: 0px; margin-bottom: 0px; } .header_style_six_nw .top_bar.style_six .top_inner .common_css ul li { display: inline-block; margin-bottom: 0px; position: relative; } .header_style_six_nw .top_bar.style_six .top_inner .common_css ul li a { font-size: 15px; color: #fff; line-height: 25px; font-weight: 400; } .header_style_six_nw .top_bar.style_six .top_inner .common_css ul li a:hover { color: #fff; } .header_style_six_nw .top_bar.style_six .top_inner .common_css.right_side .rg_content_box { display: flex; float: right; } .header_style_six_nw .top_bar.style_six .top_inner .common_css.right_side .rg_content_box .btn_lf_side { position: relative; margin-right: 20px; } .header_style_six_nw .top_bar.style_six .top_inner .common_css.right_side .rg_content_box .btn_lf_side a { font-size: 15px; line-height: 30px; border-radius: 30px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.4); display: inline-block; padding: 0px 22px; height: 31px; } .header_style_six_nw .top_bar.style_six .top_inner .common_css.right_side .rg_content_box .btn_lf_side a:hover { border-color: #fff; background: #fff; color: var(--primary-color-one); } .header_style_six_nw .top_bar.style_six .top_inner .common_css.right_side .rg_content_box .med_rg_side { position: relative; } .header_style_six_nw .top_bar.style_six .top_inner .common_css.right_side .rg_content_box .med_rg_side ul { position: relative; padding-left: 0px; margin-bottom: 0px; } .header_style_six_nw .top_bar.style_six .top_inner .common_css.right_side .rg_content_box .med_rg_side ul li { display: inline-block; margin-bottom: 0px; } .header_style_six_nw .top_bar.style_six .top_inner .common_css.right_side .rg_content_box .med_rg_side ul li:last-child { margin-right: 0px; } .header_style_six_nw .top_bar.style_six .top_inner .common_css.right_side .rg_content_box .med_rg_side ul li a { font-size: 14px; line-height: 30px; border-radius: 50px; border: 1px solid rgba(255, 255, 255, 0.4); display: block; height: 31px; text-align: center; width: 31px; color: #fff; } .header_style_six_nw .top_bar.style_six .top_inner .common_css.right_side .rg_content_box .med_rg_side ul li a:hover { border-color: #fff; background: #fff; color: var(--primary-color-one); } @media (max-width: 768px) { .top_bar .top_inner .common_css .contntent { margin: 0px 0px 0px; display: block; }  .header_style_six_nw .top_bar.style_six .top_inner .common_css.left_side ul { float: unset; } .header_style_six_nw .top_bar.style_six .top_inner .common_css.right_side .rg_content_box { float: unset !important; padding-top: 10px; display: block !important; } .header_style_six_nw .top_bar.style_six .top_inner .common_css.right_side .rg_content_box .btn_lf_side { margin-right: 0px; margin-bottom: 10px; } }  .nav-link { padding: 0px; } .transparent-bg { background: transparent !important; } .crt_mobile_menu { position: fixed; right: 0; top: 0; width: 100%; padding-right: 30px; max-width: 100%; height: 100%; z-index: 999999; visibility: hidden; transform: translateX(-100%); transition: all 500ms ease 0ms; -moz-transition: all 500ms ease 0ms; -ms-transition: all 500ms ease 0ms; -o-transition: all 500ms ease 0ms; } .crt_mobile_menu .menu-backdrop { position: absolute; right: 0; top: 0; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 1; transition: all 900ms ease; -moz-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; background: #282f3b; opacity: 0.8; cursor: pointer; } .crt_mobile_menu .menu-box { position: absolute; left: 0px; top: 0px; width: 300px; height: 100%; max-height: 100%; overflow-y: auto; background: #fff; padding: 0px 0px; z-index: 5; opacity: 0; visibility: hidden; transform: translateX(-100%); transition: all 500ms ease 0ms; -moz-transition: all 500ms ease 0ms; -ms-transition: all 500ms ease 0ms; -o-transition: all 500ms ease 0ms; border-radius: 0px; padding: 20px; } .crt_mobile_menu .menu-box form { position: relative; margin-bottom: 30px; } .crt_mobile_menu .menu-box form input { margin-bottom: 0px; } .crt_mobile_menu .menu-box form button.sch_btn { position: absolute; line-height: 41px; min-width: unset; padding: 0; min-height: unset; right: 7px; border-radius: 5px; background: var(--primary-color-one); width: 41px; height: 41px; text-align: center; font-size: 15px; color: #fff; border: 0px; bottom: 0; top: 0; margin: auto; } .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav { margin: 0px; padding: 0px; } .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li { list-style: none; position: relative; border-bottom: 1px solid var(--border-color-dark); } .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li a.nav-link { font-size: 15px; line-height: 50px; font-weight: 600; color: var(--menu-color); font-family: var(--nas-family-one); transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; padding: 0px 40px 0px 0px; display: flex; align-items: center; justify-content: space-between; } .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li a.nav-link .fa-angle-down { position: relative; right: 0px; top: 10px; height: 30px; width: 30px; line-height: 30px; text-align: center; border: 1px solid var(--border-color-dark); border-radius: 3px; cursor: pointer; } .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li.dropdown .dropdown-btn { position: absolute; right: 0px; top: 10px; height: 30px; width: 30px; line-height: 30px; text-align: center; border: 1px solid var(--border-color-dark); border-radius: 3px; cursor: pointer; z-index: 99; } .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li.dropdown.mega_menu .dropdown-menu { padding: 20px 5px !important; width: 100% !important; } .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li.dropdown.mega_menu .dropdown-menu .m_column { width: 33.33%; } .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li.dropdown.mega_menu .dropdown-menu li ul { border: 0px !important; } .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li .dropdown-menu { position: relative; border: 0px; padding: 0px !important; border-radius: 0px; } .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li .dropdown-menu h1, .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li .dropdown-menu h2, .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li .dropdown-menu h3, .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li .dropdown-menu h4, .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li .dropdown-menu h5, .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li .dropdown-menu h6 { margin-bottom: 15px; font-size: 16px; } .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li .dropdown-menu .list_item_box ul { margin-left: 0px !important; } .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li .dropdown-menu li { display: block; padding-right: 0px; } .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li:last-child { border: 0px; padding-bottom: 0px; } .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li ul { border-top: 1px solid var(--border-color-dark) !important; margin-left: 7px !important; } .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li li a.nav-link { font-size: 14px; } .crt_mobile_menu .menu-box .close-btn { position: relative; width: 40px; height: 40px; border-radius: 50px; line-height: 40px; text-align: center; border: 1px solid var(--border-color-dark); text-align: center; display: block; margin-bottom: 20px; margin-left: auto; } .crt_mobile_menu-visible .crt_mobile_menu { opacity: 1; visibility: visible; transform: translateX(0); transition: all 500ms ease 0ms; -moz-transition: all 500ms ease 0ms; -ms-transition: all 500ms ease 0ms; -o-transition: all 500ms ease 0ms; } .crt_mobile_menu-visible .crt_mobile_menu .menu-box { opacity: 1; visibility: visible; transform: translateX(0); transition: all 500ms ease 0ms; -moz-transition: all 500ms ease 0ms; -ms-transition: all 500ms ease 0ms; -o-transition: all 500ms ease 0ms; }  .sticky_header_main { position: relative; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .header, .default_sickty_heaad { position: relative; background: #ffffff; padding: 20px 0px 20px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .header .header_logo_box, .default_sickty_heaad .header_logo_box { position: relative; } .header .header_logo_box img, .default_sickty_heaad .header_logo_box img { display: block; width: 80px; height: auto; margin-bottom: 0px; } .header .header_logo_box .logo_default, .default_sickty_heaad .header_logo_box .logo_default { display: block; } .header .header_logo_box .logo__sticky, .default_sickty_heaad .header_logo_box .logo__sticky { display: none; } .header .header_logo_box .site-description, .default_sickty_heaad .header_logo_box .site-description { position: absolute !important; text-indent: -9999px !important; height: 0 !important; line-height: 0 !important; visibility: hidden !important; } .header .header_logo_box .mobile_logo, .default_sickty_heaad .header_logo_box .mobile_logo { display: none; } .header .header_logo_box .mobile_logo_sticky, .default_sickty_heaad .header_logo_box .mobile_logo_sticky { display: none; } .header .header_content_collapse .navigation_menu, .default_sickty_heaad .header_content_collapse .navigation_menu { float: right; } .header .header_content_collapse .navigation_menu .navbar_nav, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav { padding: 0; margin: 0px; } .header .header_content_collapse .navigation_menu .navbar_nav li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li { position: relative; margin-right: 20px; padding: 0px 0px; margin-bottom: 0px !important; display: inline-block; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } .header .header_content_collapse .navigation_menu .navbar_nav li.dropdown, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.dropdown { margin-right: 20px; } .header .header_content_collapse .navigation_menu .navbar_nav li.dropdown.mega_menu, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.dropdown.mega_menu { margin-right: 27px; } .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-btn, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-btn { position: absolute; right: -31px; top: 0; bottom: 0; margin: auto; height: 40px; width: 40px; line-height: 40px; text-align: center; } .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-btn span:before, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-btn span:before { font-family: "FontAwesome"; color: var(--text-color-light); font-weight: 400; } .header .header_content_collapse .navigation_menu .navbar_nav li.mega_menu a.nav-link span.fa-angle-down, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.mega_menu a.nav-link span.fa-angle-down { display: inline-block; margin-left: 6px; color: var(--text-color-light); top: 1px; position: relative; } .header .header_content_collapse .navigation_menu .navbar_nav li.mega_menu a.nav-link span.fa-angle-down::before, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.mega_menu a.nav-link span.fa-angle-down::before { font-weight: 400; font-family: "fontawesome"; } .header .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-btn, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-btn { display: none; } .header .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu { z-index: 999; } .header .header_content_collapse .navigation_menu .navbar_nav li a.nav-link, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li a.nav-link { font-size: 15px; line-height: 65px; padding: 0; font-weight: 600; color: var(--menu-color); font-family: var(--nas-family-one); transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } .header .header_content_collapse .navigation_menu .navbar_nav li a.nav-link:hover, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li a.nav-link:hover { color: var(--menu-active-color); } .header .header_content_collapse .navigation_menu .navbar_nav li:last-child, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li:last-child { margin-right: 0px; } .header .header_content_collapse .navigation_menu .navbar_nav li.active a.nav-link, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.active a.nav-link { color: var(--menu-active-color) !important; } .header .header_content_collapse .navigation_menu .navbar_nav li.active .dropdown-btn span, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.active .dropdown-btn span { color: var(--menu-active-color); } .header .header_content_collapse .navigation_menu .navbar_nav li.active .dropdown-btn span:before, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.active .dropdown-btn span:before { color: var(--menu-active-color); } .header .header_content_collapse .navigation_menu .navbar_nav li.active.mega_menu a.nav-link span.fa-angle-down, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.active.mega_menu a.nav-link span.fa-angle-down { color: var(--menu-active-color); } .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu { position: absolute; display: block !important; pointer-events: none; left: 0; margin-left: 0; background-color: #fff; min-width: 250px; padding: 20px 25px; transform: translateX(-10px); -ms-transform: translateX(-10px); -moz-transform: translateX(-10px); -o-transform: translateX(-10px); transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; opacity: 0; visibility: hidden; border-radius: 10px; z-index: 0; box-shadow: var(--box-shadow); border: 0px !important; } .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li { display: block; padding: 5px 0px; margin: 0 !important; } .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li a.nav-link, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li a.nav-link { color: var(--text-color-dark) !important; font-size: 15px; line-height: 25px; font-weight: 400; font-family: var(--nas-family-two); display: block; white-space: inherit; } .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu ul li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu ul li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu ul li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu ul li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu ul li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu ul li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu ul li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu ul li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu ul li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu ul li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu ul li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu ul li { transition-delay: 0.1s; } .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu .dropdown-btn, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu .dropdown-btn { right: -25px; transform: rotate(-90deg); } .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu .dropdown-btn span:before, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu .dropdown-btn span:before { color: var(--text-color-dark); } .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu .dropdown-menu, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu .dropdown-menu { left: 205px; margin-top: -22px; opacity: 1; } .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu .dropdown-menu::before, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu .dropdown-menu::before { left: -35px; height: 60px; } .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-menu, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-menu { left: -40px; margin-top: 10px; } .header .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu { width: 96%; margin-left: auto !important; margin-right: auto !important; right: 0; } .header .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu li { position: relative; } .header .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu li a, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu li a { display: block; font-size: 15px; line-height: 26px; color: var(--menu-color); font-weight: 400; } .header .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu h2, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu h2 { font-weight: 600; font-size: 16px; line-height: 26px !important; } .header .header_content_collapse .navigation_menu .navbar_nav li:hover > .dropdown-menu, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li:hover > .dropdown-menu { opacity: 1; z-index: 99; margin-left: 0; margin-top: 0 !important; z-index: 9999 !important; visibility: visible; transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); pointer-events: fill; } .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li { transition: all 0.2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s; opacity: 0; visibility: hidden; transform: translateY(5px); transition-delay: 0.19s; } .header .header_content_collapse .navigation_menu .navbar_nav li:hover .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li:hover .dropdown-menu li { opacity: 1; visibility: visible; transform: translateY(0); } .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li:hover .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li:hover .dropdown-menu li { opacity: 1; visibility: visible; transform: translateY(0); } .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu li { opacity: 1; visibility: visible; transform: translateY(0); } .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu li { opacity: 1; visibility: visible; transform: translateY(0); } .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu li { opacity: 1; visibility: visible; transform: translateY(0); } .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu li { opacity: 1; visibility: visible; transform: translateY(0); } .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu li { opacity: 1; visibility: visible; transform: translateY(0); } .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu li, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu li { opacity: 1; visibility: visible; transform: translateY(0); } .header .hamburger_menu, .default_sickty_heaad .hamburger_menu { position: relative; float: none; top: 0px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; margin-top: 0px; z-index: 11; } .header .hamburger_menu .line, .default_sickty_heaad .hamburger_menu .line { width: 25px; height: 2px; background-color: var(--menu-color); display: block; margin: 6px auto; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .header .hamburger_menu:before, .default_sickty_heaad .hamburger_menu:before { content: ""; position: absolute; box-sizing: border-box; width: 40px; height: 40px; border: 1px solid transparent; top: calc(50% - 20px); left: calc(50% - 21px); border-radius: 100%; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; margin-left: 1px; } .default_sickty_heaad { padding: 12px 0px 7px !important; } .default_sickty_heaad .header_logo_box img { width: 140px; margin-top: 7px; } .hamburger_menu.color_white .line { background-color: var(--color-white); }  .header .navbar_togglers, .sticky_header_main .navbar_togglers { position: relative; display: none; } .default_sickty_heaad .d-flex { justify-content: space-between; } .default_sickty_heaad .logo_column { padding-right: 50px; } .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li:last-child { margin-left: 0px !important; } .dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active { background: transparent; border: none; } .dropdown-toggle::after { display: none !important; }  .search-popup { position: fixed; left: 0; top: 0px; width: 100%; height: 20%; z-index: 99999; visibility: hidden; opacity: 0; overflow: auto; background: var(--primary-color-one); transform: translateY(-101%); transition: all 700ms ease; -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; } .search-popup.popup-visible { transform: translateY(0%); visibility: visible; opacity: 1; } .search-popup.popup-visible .search-form { opacity: 1; transform: translateY(0px); transition: all 500ms ease 500ms; -moz-transition: all 900ms ease 500ms; -webkit-transition: all 900ms ease 500ms; -ms-transition: all 900ms ease 500ms; -o-transition: all 900ms ease 500ms; } .search-popup.popup-visible .search-form fieldset { position: relative; padding: 0px; } .search-popup .overlay-layer { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; } .search-popup .close-search { position: absolute; right: 25px; top: 25px; width: 30px; color: #fff; height: 30px; line-height: 26px; text-align: center; border-radius: 50%; font-size: 10px; font-weight: 700; cursor: pointer; z-index: 5; transition: all 500ms ease; } .search-popup .close-search i { font-size: 20px; } .search-popup .search-form { position: relative; padding: 55px 15px 0px; max-width: 1024px; margin: 0 auto; opacity: 0; transform: translateY(50px); z-index: 10; } .search-popup .search-form { margin-bottom: 30px; } .search-popup .search-form input, .search-popup .search-form input[type="search"] { position: relative; height: 60px; padding: 20px 60px 20px 30px; background: #fff; line-height: 30px; font-size: 16px; color: var(--primary-color-one); border-radius: 5px; box-shadow: none; outline: none; border: none; margin: auto; } .search-popup .search-form button { position: absolute; top: 0; right: 5px; width: 50px; height: 50px; line-height: 50px; font-size: 16px; background: var(--primary-color-two); color: #fff; border-radius: 5px; bottom: 0; margin: auto; border: 0px; font-weight: 400; } .search-popup h3 { text-transform: uppercase; font-size: 20px; font-weight: 600; margin-bottom: 20px; letter-spacing: 1px; text-align: center; } .search-popup .recent-searches { font-size: 16px; text-align: center; } .search-popup .recent-searches li { display: inline-block; margin: 0px 10px 10px 0px; } .search-popup .recent-searches li a { display: block; line-height: 24px; padding: 7px 15px; border-radius: 3px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }  .contact-section { position: relative; background: radial-gradient( circle at 80% 20%, rgba(0, 73, 237, 0.08) 0%, transparent 50% ), radial-gradient( circle at 20% 80%, rgba(0, 73, 237, 0.05) 0%, transparent 50% ); } .modal_popup { position: fixed; left: 0; top: 0px; width: 100%; height: 100%; z-index: 99999; visibility: hidden; opacity: 0; padding: 100px 0px 0px; overflow: auto; background: none; transform: translateY(-101%); transition: all 700ms ease; -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; } .modal_popup::before { position: absolute; content: ""; background: #fff; opacity: 0.3; width: 100%; height: 100%; left: 0; right: 0; top: 0; } .modal_popup.contact-popup-visible { transform: translateY(0%); visibility: visible; opacity: 1; } .modal_popup .modal-popup-inner { background: var(--primary-color-three); border-radius: 10px; position: relative; max-width: 1140px; margin: auto; } .modal_popup .modal-popup-inner .close-modal { position: absolute; right: -15px; top: -15px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50px; background: var(--primary-color-one); color: #fff; font-size: 16px; z-index: 3; cursor: pointer; } .modal_popup .modal-popup-inner .form_inner { position: relative; padding: 40px 50px 30px; background: #fff; border-radius: 10px; box-shadow: var(--box-shadow-two); } .modal_popup .modal-popup-inner .form_inner p { position: relative; margin: 0px 0px 15px; padding: 0px; } .modal_popup .modal-popup-inner .form_inner p:last-child input { margin: 0px; } .modal_popup .modal-popup-inner .form_inner p span { display: block; width: 100%; } .modal_popup .modal-popup-inner .form_inner p label { display: block; width: 100%; font-size: 12px; color: var(--heading-dark); font-weight: 600; text-transform: uppercase; font-family: var(--nas-family-one); } .modal_popup .modal-popup-inner .form_inner textarea { height: 150px; } .modal_popup .modal-popup-inner .form_inner .ajax-loader, .modal_popup .modal-popup-inner .form_inner .wpcf7-spinner { position: absolute; bottom: 20px; right: 4px; width: auto; display: inline-block; } .modal_popup .modal-popup-inner .form_inner .wpcf7-not-valid-tip { font-size: 14px; font-weight: 400; font-family: var(--nas-family-one); line-height: 26px; color: var(--primary-color-one); text-transform: none; } .modal_popup .modal-popup-inner .form_inner .wpcf7-response-output { position: absolute; z-index: 11; background: var(--primary-color-one); text-align: center; font-size: 14px; font-weight: 400; margin: 0px 50px; font-family: var(--nas-family-two); color: #fff; padding: 20px; border-radius: 5px; border-color: var(--primary-color-one); bottom: -50px; right: 0; left: 0; width: auto; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .modal_popup .modal-popup-inner .form_inner .wpcf7-response-output::before { position: absolute; content: ""; left: 0; right: 0; width: 20px; height: 20px; top: -22px; margin: auto; border-top: 10px solid transparent; border-bottom: 10px solid var(--primary-color-one); border-left: 10px solid transparent; border-right: 10px solid transparent; } .modal_popup .modal-popup-inner .about_company_inner { position: relative; border-radius: 10px; padding: 40px 50px 50px 50px; overflow: hidden; } .modal_popup .modal-popup-inner .about_company_inner .logo { position: relative; margin-bottom: 30px; } .modal_popup .modal-popup-inner .about_company_inner .logo img { width: 150px; } .modal_popup .modal-popup-inner .about_company_inner .text { position: relative; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid var(--border-color-dark); } .modal_popup .modal-popup-inner .about_company_inner .text p { margin-bottom: 30px; } .modal_popup .modal-popup-inner .about_company_inner .text a { display: block; text-transform: uppercase; font-size: 12px; font-weight: 700; color: var(--text-color-dark); font-family: var(--nas-family-one); } .modal_popup .modal-popup-inner .post_contet_modal { position: relative; margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid var(--border-color-dark); } .modal_popup .modal-popup-inner .post_contet_modal h2 { font-size: 20px; line-height: 30px; font-weight: 700; margin-bottom: 20px; color: var(--heading-dark); } .modal_popup .modal-popup-inner .post_contet_modal .post_enable { position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 10px; } .modal_popup .modal-popup-inner .post_contet_modal .post_enable .modal_post_grid { position: relative; margin-bottom: 15px; } .modal_popup .modal-popup-inner .post_contet_modal .post_enable .modal_post_grid a { display: block; width: 100%; height: 100%; overflow: hidden; border-radius: 10px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .modal_popup .modal-popup-inner .post_contet_modal .post_enable .modal_post_grid a::before { position: absolute; background: var(--primary-color-two); content: ""; width: 100%; height: 100%; overflow: hidden; border-radius: 10px; left: 0; top: 0; opacity: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .modal_popup .modal-popup-inner .post_contet_modal .post_enable .modal_post_grid a:after { position: absolute; content: "\e912"; font-family: "icomoon"; width: 16px; font-size: 16px; height: 16px; color: var(--primary-color-one); margin: auto; top: 0; bottom: 0; right: 0; left: 0; opacity: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .modal_popup .modal-popup-inner .post_contet_modal .post_enable .modal_post_grid img { height: 100px; width: 100%; -o-object-fit: cover; object-fit: cover; } .modal_popup .modal-popup-inner .post_contet_modal .post_enable .modal_post_grid:hover a:before { opacity: 0.8; } .modal_popup .modal-popup-inner .post_contet_modal .post_enable .modal_post_grid:hover a:after { opacity: 1; }  .navbar-brand { padding: 0px; display: block; margin: 0px; }  .header .header_content_collapse, .default_sickty_heaad .header_content_collapse { display: table; width: 100%; } .header .header_content_collapse .header_menu_box, .default_sickty_heaad .header_content_collapse .header_menu_box { display: table-cell; vertical-align: middle; } .header .header_right_content, .default_sickty_heaad .header_right_content { display: table-cell; vertical-align: middle; float: right; } .header .header_right_content ul, .default_sickty_heaad .header_right_content ul { padding: 2px 0px 0px; margin: 0px; } .header .header_right_content ul li, .default_sickty_heaad .header_right_content ul li { display: inline-block; margin-left: 20px; } .header .header_right_content .lang-toggler, .default_sickty_heaad .header_right_content .lang-toggler { position: relative; width: 54px; height: 54px; line-height: 30px; border-radius: 50%; border: 1px solid var(--border-color-dark); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; background: #fff; box-shadow: 0px 0px 0px 0px; top: 4px; display: inline-block; } .footer-darkbk { background: var(--primary-color-two); } .menu-footer .mobile-language-switcher { position: relative; border-top: 1px solid #eee; padding-top: 18px; } .menu-footer .mobile-language-switcher ul { list-style: none; margin: 0; padding-left: 17px; } .menu-footer .mobile-language-switcher ul li a { font-size: 25px; color: #333; } .header .header_right_content .lang-toggler i, .default_sickty_heaad .header_right_content .lang-toggler i { color: #fff; font-size: 18px; position: relative; z-index: 1; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .header .header_right_content .lang-toggler:hover, .default_sickty_heaad .header_right_content .lang-toggler:hover { border-color: transparent; } .header .header_right_content .lang-toggler:hover::before, .default_sickty_heaad .header_right_content .lang-toggler:hover::before { width: 100%; height: 100%; } .header .header_right_content .search-toggler, .default_sickty_heaad .header_right_content .search-toggler { position: relative; display: inline-block; background: transparent; border: 0px; box-shadow: 0px 0px 0px 0px; font-size: 20px; line-height: 20px; color: var(--text-color-dark); top: 4px; } .header.style_two, .default_sickty_heaad.style_two { position: absolute; background: transparent; left: 0; right: 0; width: 100%; z-index: 99; } .header.style_two .auto-container, .default_sickty_heaad.style_two .auto-container { max-width: 1400px; } .header.style_two .logo_column, .default_sickty_heaad.style_two .logo_column { position: relative; } .header.style_two .logo_column .header_log_outer, .default_sickty_heaad.style_two .logo_column .header_log_outer { position: relative; display: flex; } .header.style_two .logo_column .header_log_outer .header_logo_box, .default_sickty_heaad.style_two .logo_column .header_log_outer .header_logo_box { position: relative; margin-right: 50px; } .header.style_two .logo_column .header_log_outer .phone_box, .default_sickty_heaad.style_two .logo_column .header_log_outer .phone_box { position: relative; margin-left: 50px; } .header.style_two .logo_column .header_log_outer .phone_box i, .default_sickty_heaad.style_two .logo_column .header_log_outer .phone_box i { position: absolute; left: -50px; font-size: 40px; line-height: 40px; top: 0; margin: auto; bottom: 0; height: 40px; color: var(--primary-color-one); } .header.style_two .logo_column .header_log_outer .phone_box .text, .default_sickty_heaad.style_two .logo_column .header_log_outer .phone_box .text { position: relative; top: 10px; } .header.style_two .logo_column .header_log_outer .phone_box .text small, .default_sickty_heaad.style_two .logo_column .header_log_outer .phone_box .text small { display: block; font-size: 15px; line-height: 22px; font-weight: 600; font-family: var(--nas-family-one); margin-bottom: 0; color: #fff; opacity: 0.8; } .header.style_two .logo_column .header_log_outer .phone_box .text a, .default_sickty_heaad.style_two .logo_column .header_log_outer .phone_box .text a { font-size: 16px; font-weight: 500; text-decoration: underline; color: #fff; } .header.style_two .header_content_collapse .navigation_menu .navbar_nav li a.nav-link, .default_sickty_heaad.style_two .header_content_collapse .navigation_menu .navbar_nav li a.nav-link { color: var(--menu-color-white); } .header.style_two .header_content_collapse .navigation_menu .navbar_nav li a.nav-link .fa, .default_sickty_heaad.style_two .header_content_collapse .navigation_menu .navbar_nav li a.nav-link .fa { color: var(--menu-color-white); opacity: 0.5; } .header.style_two .header_content_collapse .navigation_menu .navbar_nav li .dropdown-btn, .default_sickty_heaad.style_two .header_content_collapse .navigation_menu .navbar_nav li .dropdown-btn { color: var(--menu-color-white); opacity: 0.5; } .header.style_two .header_content_collapse .navigation_menu .navbar_nav li.active > a.nav-link, .default_sickty_heaad.style_two .header_content_collapse .navigation_menu .navbar_nav li.active > a.nav-link { color: #fff; } .header.style_two .header_content_collapse .navigation_menu .navbar_nav li.active .dropdown-menu li.active a.nav-link, .default_sickty_heaad.style_two .header_content_collapse .navigation_menu .navbar_nav li.active .dropdown-menu li.active a.nav-link { color: var(--primary-color-one) !important; } .header.style_two .header_content_collapse .navigation_menu .navbar_nav li.active .dropdown-btn span, .default_sickty_heaad.style_two .header_content_collapse .navigation_menu .navbar_nav li.active .dropdown-btn span { color: #fff; opacity: 0.5; } .header.style_two .header_content_collapse .navigation_menu .navbar_nav li.active .dropdown-btn span:before, .default_sickty_heaad.style_two .header_content_collapse .navigation_menu .navbar_nav li.active .dropdown-btn span:before { color: #fff; } .header.style_two .header_content_collapse .navigation_menu .navbar_nav li, .default_sickty_heaad.style_two .header_content_collapse .navigation_menu .navbar_nav li { margin-right: 40px; } .header.style_two .header_content_collapse .navigation_menu .navbar_nav li.dropdown, .default_sickty_heaad.style_two .header_content_collapse .navigation_menu .navbar_nav li.dropdown { margin-right: 50px; } .header.style_two .header_content_collapse .header_right_content, .default_sickty_heaad.style_two .header_content_collapse .header_right_content { position: relative; top: 10px; } .header.style_two .header_content_collapse .header_right_content ul li, .default_sickty_heaad.style_two .header_content_collapse .header_right_content ul li { margin-left: 10px; } .header.style_two .header_content_collapse .header_right_content .lang-toggler, .header.style_two .header_content_collapse .header_right_content .search-toggler, .default_sickty_heaad.style_two .header_content_collapse .header_right_content .lang-toggler, .default_sickty_heaad.style_two .header_content_collapse .header_right_content .search-toggler { width: 40px; height: 40px; line-height: 42px; border: 0px; background: var(--primary-color-one); border-radius: 50px; top: 0; font-size: 17px; color: #fff; } .header.style_two .header_content_collapse .header_right_content .lang-toggler::before, .header.style_two .header_content_collapse .header_right_content .search-toggler::before, .default_sickty_heaad.style_two .header_content_collapse .header_right_content .lang-toggler::before, .default_sickty_heaad.style_two .header_content_collapse .header_right_content .search-toggler::before { display: none; } .header.style_three, .default_sickty_heaad.style_three { position: relative; padding: 0px; } .header.style_three .header_top, .default_sickty_heaad.style_three .header_top { position: relative; background: var(--primary-color-one); } .header.style_three .header_top .top_left, .default_sickty_heaad.style_three .header_top .top_left { position: relative; } .header.style_three .header_top .top_left p, .default_sickty_heaad.style_three .header_top .top_left p { padding: 13px 0px; color: #fff; font-size: 15px; font-weight: 400; margin: 0px; } .header.style_three .header_top .top_mid ul li:last-child, .default_sickty_heaad.style_three .header_top .top_mid ul li:last-child { margin-right: 0px; } .header.style_three .header_top .top_mid ul li span, .default_sickty_heaad.style_three .header_top .top_mid ul li span { margin-right: 5px; } .header.style_three .header_top .top_mid ul li small, .default_sickty_heaad.style_three .header_top .top_mid ul li small { font-size: 11px; font-weight: 500; font-family: var(--nas-family-one); text-transform: uppercase; margin-right: 5px; opacity: 0.8; } .header.style_three .header_top .top_right, .default_sickty_heaad.style_three .header_top .top_right { text-align: right; position: relative; } .header.style_three .header_top .top_right ul li, .default_sickty_heaad.style_three .header_top .top_right ul li { margin-right: 3px; padding: 6px 0px 0px; } .header.style_three .header_top .top_right ul li:last-child, .default_sickty_heaad.style_three .header_top .top_right ul li:last-child { margin-right: 0px; } .header.style_three .header_top .top_right ul li a i, .default_sickty_heaad.style_three .header_top .top_right ul li a i { width: 40px; height: 40px; border-radius: 50px; text-align: center; background: #117f80; line-height: 40px; } .header.style_three .header_top ul, .default_sickty_heaad.style_three .header_top ul { padding: 0; margin: 0; } .header.style_three .header_top ul li, .default_sickty_heaad.style_three .header_top ul li { position: relative; display: inline-block; color: #fff; font-size: 15px; padding: 15px 0px; font-weight: 400; margin-right: 30px; } .header.style_three .header_top ul li a, .default_sickty_heaad.style_three .header_top ul li a { color: #fff; } .header.style_three .header_mid, .default_sickty_heaad.style_three .header_mid { position: relative; background: #fff; padding: 27px 0px 27px; border-top: 4px solid var(--primary-color-one); } .header.style_three .header_mid .mid_logo_icon img, .default_sickty_heaad.style_three .header_mid .mid_logo_icon img { width: 200px; } .header.style_three .header_mid .same_column, .default_sickty_heaad.style_three .header_mid .same_column { position: relative; margin-top: 7px; } .header.style_three .header_mid .mid_content, .default_sickty_heaad.style_three .header_mid .mid_content { position: relative; margin-left: 62px; } .header.style_three .header_mid .mid_content .mid_icon, .default_sickty_heaad.style_three .header_mid .mid_content .mid_icon { position: absolute; left: -62px; height: 48px; top: 0; bottom: 0; margin: auto; font-size: 48px; color: var(--primary-color-one); } .header.style_three .header_mid .mid_content .text, .default_sickty_heaad.style_three .header_mid .mid_content .text { position: relative; } .header.style_three .header_mid .mid_content .text h4, .default_sickty_heaad.style_three .header_mid .mid_content .text h4 { font-size: 15px; line-height: 25px; color: var(--primary-color-one); font-weight: 600; margin-bottom: 3px; } .header.style_three .header_mid .mid_content .text p, .default_sickty_heaad.style_three .header_mid .mid_content .text p { font-size: 15px; margin: 0px; } .header.style_three .navbar_outer, .default_sickty_heaad.style_three .navbar_outer { position: relative; padding: 7px 0px; background: var(--primary-color-one); } .header.style_three .navbar_outer .modal_box_buttom, .default_sickty_heaad.style_three .navbar_outer .modal_box_buttom { position: relative; left: 0px; top: 14px; bottom: 0; margin-right: 40px; width: 40px; height: 40px; display: inline-block; } .header.style_three .navbar_outer .modal_box_buttom .lang-toggler, .default_sickty_heaad.style_three .navbar_outer .modal_box_buttom .lang-toggler { width: 40px; height: 40px; line-height: 42px; border: 0px; background: var(--primary-color-one); border-radius: 50px; top: 0; font-size: 17px; color: #fff; border: 1px solid #fff; } .header.style_three .navbar_outer .modal_box_buttom i, .default_sickty_heaad.style_three .navbar_outer .modal_box_buttom i { color: #fff; font-size: 18px; position: relative; z-index: 1; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .header.style_three .navbar_outer .header_content_collapse, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse { display: block; } .header.style_three .navbar_outer .header_content_collapse .header_menu_box, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_menu_box { display: inline-block; } .header.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li a, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li a { color: #fff; } .header.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li ul.dropdown-menu li, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li ul.dropdown-menu li { padding: 5px; } .header.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li ul.dropdown-menu li a.nav-link, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li ul.dropdown-menu li a.nav-link { color: var(--text-color-dark) !important; } .header.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active > a.nav-link, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active > a.nav-link { color: #fff; } .header.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active > a.nav-link span, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active > a.nav-link span { color: #fff; } .header.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active .dropdown-menu li.active a.nav-link, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active .dropdown-menu li.active a.nav-link { color: var(--primary-color-one) !important; } .header.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active .dropdown-btn span, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active .dropdown-btn span { color: #fff; opacity: 0.5; } .header.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active .dropdown-btn span:before, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active .dropdown-btn span:before { color: #fff; } .header.style_three .navbar_outer .header_content_collapse .header_right_content, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_right_content { padding-top: 4px; } .header.style_three .navbar_outer .header_content_collapse .header_right_content .search-toggler, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_right_content .search-toggler { position: relative; width: 40px; height: 40px; font-size: 16px; border-radius: 50px; border: 1px solid #fff; color: #fff; line-height: 40px; text-align: center; } .header.style_three .navbar_outer .header_content_collapse .header_right_content .theme-btn, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_right_content .theme-btn { background: var(--primary-color-two) !important; } .header.style_three .navbar_outer .header_content_collapse .header_right_content .theme-btn:hover, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_right_content .theme-btn:hover { background: #fff !important; color: var(--primary-color-one) !important; } .header.style_one .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active > a.nav-link, .default_sickty_heaad.style_one .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active > a.nav-link { color: var(--menu-active-color); } .header.style_one .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active .dropdown-menu > li.active > a.nav-link, .default_sickty_heaad.style_one .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active .dropdown-menu > li.active > a.nav-link { color: var(--primary-color-one) !important; } .header.style_one.style_two_remade, .default_sickty_heaad.style_one.style_two_remade { padding: 0px !important; background: transparent !important; position: absolute; box-shadow: unset !important; z-index: 999; left: 0; width: 100%; right: 0; } .header.style_one.style_two_remade .auto-container, .default_sickty_heaad.style_one.style_two_remade .auto-container { padding: 15px 20px 10px; background: #fff; border-radius: 60px 0px 0px 60px; box-shadow: var(--box-shadow); } .header.style_one.style_two_remade .auto-container:before, .default_sickty_heaad.style_one.style_two_remade .auto-container:before { position: absolute; content: ""; width: 100%; right: -50%; height: 100%; background: #fff; top: 0; } .header.style_five .container-fluid, .default_sickty_heaad.style_five .container-fluid { padding: 0px 50px; } .header.style_five .header_content_collapse .header_menu_box, .default_sickty_heaad.style_five .header_content_collapse .header_menu_box { text-align: left; } .header.style_five .header_content_collapse .header_menu_box .navigation_menu, .default_sickty_heaad.style_five .header_content_collapse .header_menu_box .navigation_menu { float: none; } .header.style_five .header_content_collapse .header_menu_box .navbar_nav li a.nav-link, .default_sickty_heaad.style_five .header_content_collapse .header_menu_box .navbar_nav li a.nav-link { font-size: 16px; } .header.style_five .header_content_collapse .header_right_content, .default_sickty_heaad.style_five .header_content_collapse .header_right_content { position: relative; } .header.style_five .header_content_collapse .header_right_content ul, .default_sickty_heaad.style_five .header_content_collapse .header_right_content ul { display: flex; align-items: center; } .header.style_five .header_content_collapse .header_right_content ul li, .default_sickty_heaad.style_five .header_content_collapse .header_right_content ul li { margin-bottom: 0px; margin-left: 30px; } .header.style_five .header_content_collapse .header_right_content .theme-btn, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .theme-btn { border-radius: 30px; box-shadow: var(--box-shadow-two); border-color: #fff; background: #fff; color: var(--primary-color-one); } .header.style_five .header_content_collapse .header_right_content .theme-btn:hover, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .theme-btn:hover { background: var(--primary-color-one); color: #fff; } .header.style_five .header_content_collapse .header_right_content .contntent.phone small, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .contntent.phone small { color: var(--primary-color-one); font-size: 16px; font-weight: 500; font-family: var(--nas-family-one); margin-right: 6px; } .header.style_five .header_content_collapse .header_right_content .contntent.phone small i, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .contntent.phone small i { font-size: 25px; margin-right: 14px; top: 5px; position: relative; color: var(--text-color-light); } .header.style_five .header_content_collapse .header_right_content .contntent.phone a, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .contntent.phone a { font-size: 16px; font-weight: 600; font-family: var(--nas-family-one); color: var(--primary-color-two); } .header.style_five .header_content_collapse .header_right_content .round_btn, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .round_btn { position: relative; display: inline-block; padding: 8px 15px; background: var(--primary-color-one); border-radius: 50px; top: 0px; line-height: 28px; width: 120px; height: 56px; text-align: center; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .header.style_five .header_content_collapse .header_right_content .round_btn::before, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .round_btn::before { position: absolute; content: ""; width: 1px; height: 15px; right: 0; left: 0; top: 0; bottom: 0; margin: auto; background: #fff; opacity: 0.5; } .header.style_five .header_content_collapse .header_right_content .round_btn button, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .round_btn button { position: absolute; } .header.style_five .header_content_collapse .header_right_content .round_btn:hover, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .round_btn:hover { background: var(--primary-color-two); color: #fff; } .header.style_five .header_content_collapse .header_right_content .search-toggler, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .search-toggler { display: inline-block; margin: 0px; padding: 0px; color: #fff; font-size: 18px; left: 24px; top: 3px; bottom: 0; } .header.style_five .header_content_collapse .header_right_content .lang-toggler, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .lang-toggler { display: inline-block; width: 0px; right: 38px; bottom: 0; top: 3px; color: #fff; margin: 0px; height: 0px; border: 0px; background: transparent; border-radius: 0px; } .header.style_five .header_content_collapse .header_right_content .lang-toggler::before, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .lang-toggler::before { display: none; } .header.style_five .header_content_collapse .header_right_content .lang-toggler::after, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .lang-toggler::after { display: none; } .header_boxed.style_four { position: absolute; width: 100%; z-index: 99; left: 0; right: 0; top: 25px; } .header_boxed.style_four .top_bar { border-radius: 10px 10px 0px 0px; background: var(--primary-color-one); } .header_boxed.style_four .top_bar .col-lg-12 { padding: 7px 10px 5px 19px; } .header_boxed.style_four .top_bar .theme-btn { height: auto; width: auto; font-size: 12px; min-height: auto; min-width: auto; padding: 10px 22px 8px; line-height: 22px; background: #fff; border-radius: 5px; color: var(--primary-color-two); text-transform: uppercase; font-weight: 600; font-family: var(--nas-family-one); } .header_boxed.style_four .top_bar .theme-btn i { position: relative; left: inherit; right: -5px; top: 2px; font-size: 19px; color: var(--primary-color-two); } .header_boxed.style_four .header { position: unset; border-radius: 0px 0px 10px 10px; } .header_boxed.style_four .header .header_content_collapse .header_menu_box { text-align: center; } .header_boxed.style_four .header .header_content_collapse .header_menu_box .navigation_menu { float: none; } .header_boxed.style_four .header .header_content_collapse .navigation_menu .navbar_nav li a.nav-link span, .header_boxed.style_four .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li a.nav-link span { color: unset; opacity: unset; }  .sticky_header_main { position: fixed; visibility: hidden; opacity: 0; left: 0; top: 0; width: 100%; z-index: -1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); transition: top 0.3s ease; } .default_sickty_heaad { padding: 20px 0px 14px; background: #fff; } .default_sickty_heaad .header_content_collapse .search-toggler { height: 54px; } .default_sickty_heaad .header_content_collapse .navigation_menu { float: none; text-align: center; } .default_sickty_heaad .header_content_collapse.no_right_content .navigation_menu { text-align: right; } .df_before ul li a.nav-link { color: var(--primary-color-two) !important; }  .header_area { position: relative; display: block; width: 100%; z-index: 9999; top: 0; left: 0; background: 0 0; } .header_area .header_position_absolute { position: absolute !important; width: 100%; left: 0; top: 0; z-index: 999; }  .header_solo { background: none; padding: unset !important; } .header_solo .header_content_collapse { display: block; } .header_solo .header_content_collapse .header_menu_box { display: block; } .header_solo .header_content_collapse .navigation_menu { float: unset !important; } .header_solo .header_content_collapse .navigation_menu .navbar_nav { display: inline-block; } .header_solo .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu { width: 150%; left: -30%; } .header_solo .header_content_collapse .navigation_menu { float: none; }  .header_style_six_nw { position: absolute; z-index: 999; width: 100%; left: 0; top: 0; } .header_style_six_nw .header { background: rgba(40, 47, 59, 0.4); padding: 14px 0px 14px; min-height: auto; } .header_style_six_nw .header .header_content_collapse .navigation_menu { float: none; text-align: center; } .header_style_six_nw .header .header_content_collapse .navigation_menu .navbar_nav li a.nav-link { color: #fff; } .header_style_six_nw .header .header_content_collapse .navigation_menu .navbar_nav li:hover a, .header_style_six_nw .header .header_content_collapse .navigation_menu .navbar_nav li.active a { color: var(--primary-color-one); } .header_style_six_nw .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li a.nav-link { color: var(--text-color-dark); } .header_style_six_nw .header .header_content_collapse .header_right_content ul { margin-bottom: 0px; padding: 0px 0px 0px; position: relative; height: 50px; padding-left: 0px; top: -4px; } .header_style_six_nw .header .header_content_collapse .header_right_content ul .header_side_cart .mini-cart-count { position: absolute; width: 20px; top: -12px; height: 20px; border-radius: 20px; background: var(--primary-color-one); color: #fff; line-height: 20px; font-size: 10px; text-align: center; } .header_style_six_nw .header .header_content_collapse .header_right_content ul .lang-toggler { border: 0px; background: transparent; } .header_style_six_nw .header .header_content_collapse .header_right_content ul .lang-toggler::before { display: none; } .header_style_six_nw .header .header_content_collapse .header_right_content ul li { margin-bottom: 0px; margin-left: 10px; position: relative; height: 40px; width: 40px; text-align: center; top: 10px; } .header_style_six_nw .header .header_content_collapse .header_right_content ul li .search-toggler, .header_style_six_nw .header .header_content_collapse .header_right_content ul li .header_side_cart, .header_style_six_nw .header .header_content_collapse .header_right_content ul li .lang-toggler { position: absolute; cursor: pointer; height: 38px; width: 38px; line-height: 38px; text-align: center; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .header_style_six_nw .header .header_content_collapse .header_right_content ul li .search-toggler i, .header_style_six_nw .header .header_content_collapse .header_right_content ul li .header_side_cart i, .header_style_six_nw .header .header_content_collapse .header_right_content ul li .lang-toggler i { font-size: 20px !important; line-height: 20px !important; color: #fff; } .header_style_six_nw .header .header_content_collapse .header_right_content ul li.last { width: unset; top: -13px; margin-left: 40px; } .header_style_six_nw .header .header_content_collapse .header_right_content ul li.last::before { position: absolute; content: ""; height: 42px; width: 1px; left: -24px; top: -1px; background: rgba(255, 255, 255, 0.2); } .header_style_six_nw .header .header_content_collapse .header_right_content ul li.last a { color: #fff; font-size: 15px; line-height: 25px; font-family: var(--nas-family-one); display: block; padding-left: 28px; position: relative; font-weight: 600; top: 9px; } .header_style_six_nw .header .header_content_collapse .header_right_content ul li.last a i { font-size: 20px; line-height: 20px; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; } .header_style_six_nw .header .header_content_collapse .header_right_content ul li .lang-toggler i { font-size: 25px !important; line-height: 35px !important; color: #fff; } .header_style_six_nw .header.dark_color .header_content_collapse .navigation_menu .navbar_nav li a.nav-link { color: var(--menu-color); } .header_style_six_nw .header.dark_color .header_content_collapse .header_right_content ul li .search-toggler i, .header_style_six_nw .header.dark_color .header_content_collapse .header_right_content ul li .header_side_cart i, .header_style_six_nw .header.dark_color .header_content_collapse .header_right_content ul li .lang-toggler i { color: var(--menu-color); } .header_style_six_nw .header.dark_color .header_content_collapse .header_right_content ul li.last::before { position: absolute; content: ""; height: 42px; width: 1px; left: -24px; top: -1px; background: var(--border-color-dark); } .header_style_six_nw .header.dark_color .header_content_collapse .header_right_content ul li.last a { color: var(--menu-color); } .header_style_six_nw .header.dark_color .header_content_collapse .header_right_content ul li .lang-toggler i { font-size: 25px !important; line-height: 35px !important; color: var(--menu-color); } .header_style_six_nw.ver_2 { position: relative; } .header_style_six_nw.ver_2 .top_bar.style_six { background: var(--primary-color-one); } .header_style_six_nw.ver_2 .header { background: #fff !important; } .header_style_six_nw.ver_2 .header .header_content_collapse .navigation_menu .navbar_nav li a.nav-link { color: var(--menu-color); } .header_style_six_nw.ver_2 .header .header_content_collapse .header_right_content { text-align: right; float: unset !important; } .header_style_six_nw.ver_2 .header .header_content_collapse .header_right_content ul li .search-toggler i, .header_style_six_nw.ver_2 .header .header_content_collapse .header_right_content ul li .header_side_cart i, .header_style_six_nw.ver_2 .header .header_content_collapse .header_right_content ul li .lang-toggler i { color: var(--menu-color); } .header_style_six_nw.ver_2 .header .header_content_collapse .header_right_content ul li.last::before { position: absolute; content: ""; height: 42px; width: 1px; left: -24px; top: -1px; background: var(--border-color-dark); } .header_style_six_nw.ver_2 .header .header_content_collapse .header_right_content ul li.last a { color: var(--menu-color); } .header_style_six_nw.ver_2 .header .header_content_collapse .header_right_content ul li .lang-toggler i { font-size: 25px !important; line-height: 35px !important; color: var(--menu-color); }  .header_default.head_absolute { position: absolute !important; width: 100%; left: 0; top: 0; z-index: 999; } .header_default.style_seven { position: relative; background: #fff; padding: 20px 0px 10px; } .header_default.style_seven .left_side_box { position: relative; display: flex; padding-top: 2px; } .header_default.style_seven .left_side_box .modal_box_buttom { position: relative; min-width: 120px; width: 120px; } .header_default.style_seven .left_side_box .modal_box_buttom::before { position: absolute; width: 1px; height: 54px; right: 33px; top: 0; background: var(--border-color-dark); content: ""; } .header_default.style_seven .left_side_box .modal_box_buttom .lang-toggler { position: relative; width: 54px; height: 54px; line-height: 54px; border-radius: 50%; border: 1px solid var(--border-color-dark); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; background: transparent; box-shadow: 0px 0px 0px 0px; } .header_default.style_seven .left_side_box .modal_box_buttom .lang-toggler::before { content: ""; position: absolute; width: 40px; height: 40px; border-radius: 50%; background: var(--primary-color-one); border-radius: 50%; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .header_default.style_seven .left_side_box .modal_box_buttom .lang-toggler i { color: #fff; font-size: 18px; position: relative; z-index: 1; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .header_default.style_seven .container-fluid { padding: 0px 100px; } .header_default.style_seven .header_content_collapse .navigation_menu { float: none; } .header_default.style_seven .right_column { padding-left: 0px; } .header_default.style_seven .header_right_content { position: relative; top: 17px; text-align: right; } .header_default.style_seven .header_right_content ul { padding-left: 0px; position: relative; } .header_default.style_seven .header_right_content ul li { display: inline-block; margin-left: 15px; margin-bottom: 0px; } .header_default.style_seven .header_right_content ul li .med_rg_side .social_media_head { padding-right: 20px; padding-left: 0px; margin-right: 2px; } .header_default.style_seven .header_right_content ul li .med_rg_side .social_media_head li { display: inline-block; margin-right: 10px; margin-left: 0px; margin-bottom: 0px; } .header_default.style_seven .header_right_content ul li .med_rg_side .social_media_head li a { font-size: 14px; line-height: 14px; color: var(--text-color-dark); text-transform: uppercase; } .header_default.style_seven .header_right_content ul li .med_rg_side .social_media_head li a small { font-size: 14px; line-height: 15px; } .header_default.style_seven .header_right_content ul li .med_rg_side .social_media_head li.shared_m { color: var(--text-color-dark); } .header_default.style_seven .header_right_content ul li .med_rg_side .social_media_head li.shared_m span { margin-right: 5px; } .header_default.style_seven .header_right_content ul li .med_rg_side .social_media_head li.shared_m a { font-size: 14px; line-height: 14px; } .header_default.style_seven .header_right_content ul li .med_rg_side .social_media_head:before { position: absolute; width: 1px; height: 50px; right: 0px; top: -12px; background: var(--border-color-dark); content: ""; } .header_default.style_seven .header_right_content ul li .search-toggler, .header_default.style_seven .header_right_content ul li .mini_cart_togglers { background: transparent; border: 0px; position: relative; box-shadow: none; cursor: pointer; } .header_default.style_seven .header_right_content ul li .search-toggler i, .header_default.style_seven .header_right_content ul li .mini_cart_togglers i { font-size: 20px; position: relative; top: 3px; line-height: 20px; } .header_default.style_seven .header_right_content ul li .search-toggler .mini-cart-count, .header_default.style_seven .header_right_content ul li .mini_cart_togglers .mini-cart-count { position: absolute; width: 18px; height: 18px; font-size: 10px; border-radius: 30px; color: #fff; top: -17px; left: 0; right: 0; margin: auto; text-align: center; background: var(--primary-color-one); } .header_default.style_seven .header_right_content ul li .login { position: relative; font-family: var(--nas-family-one); font-size: 16px; font-weight: 500; padding-left: 26px; line-height: 26px; color: var(--text-color-dark); } .header_default.style_seven .header_right_content ul li .login i { margin-right: 5px; font-size: 20px; position: absolute; height: 20px; margin: auto; top: 0; bottom: 0; left: 0; line-height: 20px; } .header_default.style_seven .header_right_content ul li:first-child { margin-left: 0px; } .header_default.style_seven.style_eight .container-fluid { padding: 0px 50px; } .header_default.style_seven.style_eight .header_right_content { top: 9px; } .header_default.style_seven.style_eight .header_right_content ul li { position: relative; } .header_default.style_seven.style_eight .header_right_content ul li .mini_cart_togglers i, .header_default.style_seven.style_eight .header_right_content ul li .lang-toggler i, .header_default.style_seven.style_eight .header_right_content ul li .search-toggler i { font-size: 20px; } .header_default.style_seven.style_eight .header_right_content ul li .lang-toggler i { position: relative; top: 3px; font-size: 25px; } .header_default.style_seven.style_eight .header_right_content ul li .med_rg_side .social_media_head { margin-right: 0px; padding-right: 0px; } .header_default.style_seven.style_eight .header_right_content ul li .med_rg_side .social_media_head::before { display: none; } .header_default.style_seven.style_eight .header_right_content ul li .med_rg_side .social_media_head li { margin-right: 5px; } .header_default.style_seven.style_eight .header_right_content ul li .med_rg_side .social_media_head li a { width: 42px; height: 42px; line-height: 42px; border-radius: 40px; border: 1px solid var(--border-color-dark); display: block; text-align: center; } .header_default.style_seven.style_eight .header_right_content ul li .med_rg_side .social_media_head li a i, .header_default.style_seven.style_eight .header_right_content ul li .med_rg_side .social_media_head li a small { font-size: 14px; color: var(--text-color-dark); } .header_default.style_seven.style_eight .header_right_content ul li.last { padding-left: 25px; margin-left: 20px; } .header_default.style_seven.style_eight .header_right_content ul li.last:before { position: absolute; width: 1px; height: 50px; left: 0px; top: -12px; background: var(--border-color-dark); content: ""; } .header_default.style_seven.style_eight .header_right_content ul li button { border: 0px; box-shadow: none; background: none; } @media (max-width: 1200px) { .header_default.style_seven.style_eight .header_right_content { display: none; } .header_default.style_seven.style_eight .container-fluid { padding: 0px 15px; } }  .header.style_nine { position: relative; padding: 15px 0px; } .header.style_nine .d-flex { justify-content: space-between; } .header.style_nine .header_content_collapse .navigation_menu .navbar_nav li a.nav-link { color: var(--menu-color-white); } .header.style_nine .header_content_collapse .navigation_menu .navbar_nav li a.nav-link .fa { color: var(--menu-color-white); opacity: 0.5; } .header.style_nine .header_content_collapse .navigation_menu .navbar_nav li .dropdown-btn { color: var(--menu-color-white); opacity: 0.5; } .header.style_nine .header_content_collapse .navigation_menu .navbar_nav li.active > a.nav-link { color: var(--primary-color-two) !important; } .header.style_nine .header_content_collapse .navigation_menu .navbar_nav li.active > a.nav-link span.fa-angle-down { color: var(--primary-color-two) !important; } .header.style_nine .header_content_collapse .navigation_menu .navbar_nav li.active .dropdown-menu > li.active > a.nav-link { color: var(--primary-color-one) !important; } .header.style_nine .header_content_collapse .navigation_menu .navbar_nav li.active .dropdown-btn span { color: #fff; opacity: 0.5; } .header.style_nine .header_content_collapse .navigation_menu .navbar_nav li.active .dropdown-btn span:before { color: #fff; } .header.style_nine .header_content_collapse .navigation_menu .navbar_nav li { margin-right: 40px !important; } .header.style_nine .header_right_content { position: relative; } .header.style_nine .header_right_content ul li { margin-left: 10px; } .header.style_nine .header_right_content .lang-toggler, .header.style_nine .header_right_content .search-toggler { color: #fff; } .header.style_nine.header_eleven .header_content_collapse .navigation_menu .navbar_nav li.active > a.nav-link { color: var(--primary-color-one) !important; } .header.style_nine.header_eleven .header_content_collapse .navigation_menu .navbar_nav li.active > a.nav-link span.fa-angle-down { color: var(--primary-color-one) !important; } .icon-search3 { font-weight: 600; font-size: 15px; }  .header_style_ten { position: relative; } .header_style_ten .top_bar.style_six { background: #ffffff; border-bottom: 1px solid var(--border-color-dark); } .header_style_ten .top_bar.style_six .top_inner .common_css ul li a, .header_style_ten .top_bar.style_six .top_inner .common_css.right_side .rg_content_box .med_rg_side ul li a { color: var(--heading-dark); } .header_style_ten .notice { position: relative; padding-right: 20px; float: left; font-size: 15px; padding: 12px 29px 12px 0px; bottom: 0; left: 0; margin: 0px 20px 0px 0px; } .header_style_ten .notice::before { position: absolute; content: ""; width: 10px; height: 2px; background: var(--border-color-dark); right: 0; top: 0; bottom: 0; margin: auto; } .header_style_ten .header_content_collapse { position: unset !important; } .header_style_ten .rg_content_box .med_rg_side { margin-left: 20px; } .header_style_ten .rg_content_box .med_rg_side ul li a { border: 1px solid var(--border-color-dark) !important; } .header_style_ten .serch_simple { position: relative; top: 7px; } .header_style_ten .serch_simple button { position: absolute; top: 11px; right: 4px; background: transparent; border: 0px; color: var(--heading-dark); font-size: 15px; } .header_style_ten .serch_simple input { height: auto !important; padding: 5px 12px !important; border-radius: 5px; border: 1px solid var(--border-color-dark); background: transparent !important; margin: 0px !important; } .header_style_ten .serch_simple input::-moz-placeholder { color: var(--text-color-dark) !important; opacity: 0.7; } .header_style_ten .serch_simple input::placeholder { color: var(--text-color-dark) !important; opacity: 0.7; } .header_style_ten .auto-container { max-width: 1600px; } .header_style_ten .con_button { width: auto !important; } .header_style_ten .con_button a { padding: 0px 30px; height: auto; min-height: auto; background: var(--primary-color-one); display: block; line-height: 40px; color: #fff; top: -15px; position: relative; margin-left: 8px; } .header_style_ten .header_content_collapse .header_right_content { position: relative; top: 7px; } .header_style_ten .header_default { background: #fff; } .header_style_ten .header_default .header_content_collapse .navigation_menu .navbar_nav li { padding: 19px 0px 14px; } .header_style_ten .header_default .header_content_collapse .navigation_menu .navbar_nav li a.nav-link { color: var(--heading-dark); } .header_style_ten .header_default .header_content_collapse .header_right_content ul li .search-toggler i, .header_style_ten .header_default .header_content_collapse .header_right_content ul li .header_side_cart i, .header_style_ten .header_default .header_content_collapse .header_right_content ul li .lang-toggler i { color: var(--text-color-dark); } @media (max-width: 992px) { .header_style_ten { position: relative; } .header_style_ten .top_inner { display: block !important; } .header_style_ten .top_inner .common_css { min-width: 100% !important; width: 100% !important; text-align: center; } .header_style_ten .top_inner .common_css .notice { float: none !important; padding: 10px 0px !important; margin: unset !important; } .header_style_ten .top_inner .common_css .notice::before { display: none; } .header_style_ten .top_inner .common_css ul, .header_style_ten .top_inner .common_css .serch_simple { margin-bottom: 20px !important; } .header_style_ten .top_inner .common_css .rg_content_box { display: block !important; float: none !important; } .header_style_ten .top_inner .common_css .serch_simple { top: unset !important; } } body.single-header { padding: 0px 0px 0px 0px !important; } .mega_menu .mg_image_box h2 { padding: 2px 10px; } .mega_menu .mg_image_box h2 a { font-size: 14px; color: #fff !important; } .mega_menu .mg_image_box .image_box .ab_link span { width: 40px; height: 40px; line-height: 40px; font-size: 18px; } .mega_menu .mg_image_box { margin-bottom: 20px; } .mega_menu .mg_image_box .tag { background: #fc2158 !important; }  @media (max-width: 1200px) { .mega_menu .image_grid_content .col-xs-12 { flex: 0 0 auto; width: 100%; } .mega_menu .image_grid_content .col-xs-12 .mg_image_box h2 a { font-size: 15px !important; } .mega_menu .image_grid_content .col-xs-12 .mg_image_box .image_box { height: auto; } .mega_menu .image_grid_content .col-xs-12 .mg_image_box .tag { font-size: 14px !important; line-height: 24px !important; } .mega_menu .image_grid_content .col-xs-12 .mg_image_box h2 a { color: #fff !important; font-size: 14px !important; line-height: 24px !important; display: block !important; min-height: unset !important; padding: 0px !important; } .mega_menu .elementor-section { padding: 10px 0px !important; display: block !important; } .mega_menu .elementor-section .elementor-container { display: block !important; } .mega_menu .elementor-section .elementor-column { width: 100% !important; display: block !important; } .mega_menu .elementor-section .elementor-widget-wrap { display: block !important; } } .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li .elementor-element .menu { margin: 0px 0px 0px 0px !important; padding: 0px !important; border: 0px !important; } .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li .elementor-element .menu li { border-bottom: 0px !important; } .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li .elementor-element .list_item_box ul { position: relative; margin: 0px 0px 0px 0px !important; padding: 0px !important; border: 0px !important; } .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li .elementor-element .list_item_box ul li a { min-height: unset !important; } .floating_menu_box { position: fixed; width: 100%; height: auto; text-align: center; left: 0; z-index: 99; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; opacity: 0; bottom: -100px; visibility: hidden; } .floating_menu_box ul { display: inline-block; position: relative; border-radius: 50px; background: #fff; padding: 10px 55px 10px 15px; box-shadow: var(--box-shadow-two); margin: auto; margin: 0px; } .floating_menu_box ul .close { position: absolute; right: 4px; top: 0; width: 38px; height: 38px; background: var(--primary-color-one); color: #fff; font-size: 16px; text-align: center; line-height: 38px; border-radius: 50px; bottom: 0; cursor: pointer; margin: auto; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .floating_menu_box ul .close:hover { background: var(--primary-color-two); color: #fff; } .floating_menu_box ul li { display: inline-block; position: relative; margin-bottom: 0px !important; } .floating_menu_box ul li a { font-size: 15px; font-family: var(--nas-family-one); font-weight: 600; color: var(--heading-dark); padding: 7px 12px; border-radius: 30px; margin-right: 5px; cursor: pointer; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; margin-bottom: 0px !important; } .floating_menu_box ul li.active a, .floating_menu_box ul li:hover a { background: var(--primary-color-one); color: #fff; } .floating_menu_box ul li:last-child a { margin-right: 0px; } .floating_menu_box.remove_floating { display: none; } .floating-menu .floating_menu_box { opacity: 1; visibility: visible; bottom: 30px; } .floating-menu.floating_close .floating_menu_box { opacity: 0 !important; visibility: hidden !important; } @media (max-width: 768px) { .floating_menu_box { display: none !important; } } .dropdown-menu .list_item_box ul { margin-left: 0px !important; } .dropdown-menu .list_item_box.style_one li .d-flex { justify-content: flex-start !important; } .dropdown-menu .list_item_box.style_one li .only_icon { color: var(--primary-color-one); margin-right: 5px; font-size: 16px; display: inline-block; line-height: 16px; position: relative; top: -1px; } .dropdown-menu h1, .dropdown-menu h2, .dropdown-menu h3, .dropdown-menu h4, .dropdown-menu h5, .dropdown-menu h6 { font-size: 18px; line-height: 26px; margin-bottom: 10px; } .header_v15 .top { padding: 10px 0px; background: var(--primary-color-two); } .header_v15 .top .row { align-items: center; } .header_v15 .top .infotext { color: var(--color-white); margin: 0px; font-size: 15px; } .header_v15 .top .infotext i { display: inline-block; margin-right: 5px; } .header_v15 .top .same_contact a, .header_v15 .top .same_contact p { color: var(--color-white) !important; font-size: 15px; } .header_v15 .top .same_contact a i, .header_v15 .top .same_contact a span, .header_v15 .top .same_contact p i, .header_v15 .top .same_contact p span { color: var(--color-white) !important; } .header_v15 .header { position: relative; background: var(--primary-color-one); } .header_v15 .header .header_content_collapse .navigation_menu .navbar_nav li a.nav-link { color: var(--color-white); } .header_v15 .header .theme-btn { color: var(--primary-color-one); border-color: var(--color-white); background: var(--color-white); } .header_v15 .header .navigation_menu { float: unset; text-align: center; } .header_v15 .header .header_content_collapse .navigation_menu .navbar_nav li.active a.nav-link { color: var(--color-white) !important; } .header_v15 .header .header_content_collapse .navigation_menu .navbar_nav li.active a.nav-link span.fa-angle-down { color: var(--color-white) !important; }  @keyframes slideInUp { 0% { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translateZ(0); } } .fixed-header .get_sticky_header { position: fixed !important; visibility: visible; opacity: 1; left: 0; top: 0; padding: 10px 0px; width: 100%; background: #ffffff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); transition: top 0.3s ease; animation-name: slideInUp; } .fixed-header .get_sticky_header.style_two { background: var(--primary-color-two); } .fixed-header .header_default.style_seven.style_eight.get_sticky_header { padding: 10px 0px !important; background: #ffffff !important; } .fixed-header .header_default.style_six.get_sticky_header { padding: 10px 0px !important; background: #ffffff !important; } .fixed-header .header_default.style_nine { background: var(--primary-color-one) !important; } .fixed-header .header_default.style_nine .theme-btn { background: #fff; color: var(--primary-color-one); border-radius: 0px 10px 0px 10px; } .fixed-header .header_default.style_nine .header_content_collapse .navigation_menu .navbar_nav li.active > a.nav-link { color: #fff !important; } .fixed-header .header_default.style_nine .header_content_collapse .navigation_menu .navbar_nav li.active > a.nav-link span.fa-angle-down { color: #fff !important; } .fixed-header .header_v15 .get_sticky_header { background: var(--primary-color-two) !important; } .fixed-header .header_v15 .get_sticky_header .hamburger_menu .line { background: #fff; } .fixed-header .header_v14 .navbar_outer { margin-top: 5px; background: unset !important; box-shadow: unset; } .dropdown-menu li.dropdown a.nav-link { position: relative !important; display: flex !important; justify-content: space-between !important; } .mega_menu .width_45_percentage { width: 45% !important; } .mega_menu .width_50_percentage { width: 50% !important; } .mega_menu .width_55_percentage { width: 55% !important; } .mega_menu .width_60_percentage { width: 60% !important; } .mega_menu .width_65_percentage { width: 65% !important; } .mega_menu .width_70_percentage { width: 70% !important; } .mega_menu .width_75_percentage { width: 75% !important; } .mega_menu .width_80_percentage { width: 80% !important; } .mega_menu .width_85_percentage { width: 85% !important; } .mega_menu .width_90_percentage { width: 90% !important; } .mega_menu .width_95_percentage { width: 95% !important; } .dropdown-menu .dropdown-menu { top: 0px; margin-left: -5px !important; } .header_v14 .header_mid .d_md_block { display: none; } .header_v14 .header_mid .hamburger_menu .line, .header_v14 .header_mid .hamburger_menu .line { margin: 6px 0 6px auto; }  @media (max-width: 1200px) { .header_content_collapse { display: none !important; } .header .navbar_togglers, .sticky_header_main .navbar_togglers { display: block; } .header .logo_column, .sticky_header_main .logo_column { width: 86%; } .header .menu_column, .sticky_header_main .menu_column { width: 14%; } .crt_mobile_menu .navbar_nav li.mega_menu { position: relative !important; } .crt_mobile_menu .navbar_nav li.mega_menu a span.fa-angle-down { display: none !important; } .crt_mobile_menu .navbar_nav li.mega_menu .dropdown-btn { display: block; } .crt_mobile_menu .navbar_nav li.mega_menu .vc_row.wpb_row { margin: 10px 0px !important; } .crt_mobile_menu .navbar_nav li.mega_menu .vc_column_container > .vc_column-inner { padding: 0px !important; } .crt_mobile_menu .navbar_nav li.mega_menu .wpb_column { width: 100%; } .crt_mobile_menu .navbar_nav li.mega_menu .wpb_column .wpb_button, .crt_mobile_menu .navbar_nav li.mega_menu .wpb_column .wpb_content_element, .crt_mobile_menu .navbar_nav li.mega_menu .wpb_column ul.wpb_thumbnails-fluid > li { margin: 10px 0px !important; } .header.header_default.style_two .hamburger_menu .line { background: #fff; } header.header_default.style_nine .right_column { display: none; } .header_v14 .header_mid { padding: 10px 0px !important; } .header_v14 .header_top { display: none; } .header_v14 .navbar_outer { display: none; } .header_v14 .header_mid .d_md_block { display: block; } .header_v14 .header_mid .dnone { display: none; } } @media (max-width: 1200px) { .header_v15 .top { text-align: center; } .header_v15 .top .d-flex { display: block !important; } .header_v15 .top .d-flex .contact_list { display: flex; justify-content: center; padding: 5px 0px 5px !important; } .header_v15 .hamburger_menu .line { margin: 6px 0px 6px auto !important; } .header_v13 .header_top .header_top_inner { text-align: center; display: block !important; } .header_v13 .header_top .header_top_inner .top_left { display: block !important; } .header_v13 .header_top .header_top_inner .contact_info_two { text-align: center; margin: auto; padding-top: 8px; } .header_v13 .header_top .header_top_inner .contact_info_two li { margin-left: unset !important; padding: 5px 10px; } } .navbar_right .dropdown-btn { display: none; } .header_v13 .logo img, .header_v14 .logo img, .header_v17 .logo img { display: block; width: 170px; height: auto; margin-bottom: 0px; } .header_v13 .search-toggler, .header_v14 .search-toggler { border: 0px; background: unset; } .header_v13 .mini_cart_togglers, .header_v14 .mini_cart_togglers { position: relative; } .header_v13 { position: relative; padding: 0px !important; } .header_v13 .header_top { position: relative; padding: 10px 0px; background: var(--primary-color-two); } .header_v13 .header_top ul { margin-bottom: 0px; padding-left: 0px; } .header_v13 .header_top ul li { display: inline-block; color: var(--color-white); font-size: 15px; line-height: 25px; font-weight: 400; margin: 0px; } .header_v13 .header_top ul li a { color: var(--color-white); font-size: 15px; line-height: 25px; font-weight: 400; } .header_v13 .header_top ul li span { color: var(--primary-color-one); font-size: 16px; margin-right: 6px; line-height: 25px; } .header_v13 .header_top ul li:last-child { margin-right: 0px; } .header_v13 .header_top p { margin-bottom: 0px; color: var(--color-white); font-size: 15px; line-height: 25px; font-weight: 400; } .header_v13 .header_top .header_top_inner { position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .header_v13 .header_top .top_right, .header_v13 .header_top .top_left { display: flex; align-items: center; flex-wrap: wrap; } .header_v13 .header_top .contact_info_two li { padding-left: 15px; } .header_v13 .header_top .get_a_quote { background: var(--primary-color-one); padding: 5px 16px; color: var(--color-white); border-radius: 5px; font-size: 15px; line-height: 26px; margin-right: 15px; } .header_v13 .navbar_outer { position: relative; padding: 10px 0px; } .header_v13 .navbar_outer .site-logo { position: relative; padding-right: 30px; } .header_v13 .navbar_outer .site-logo a { display: block; } .header_v13 .navbar_outer .inner_box { display: flex; justify-content: space-between; align-items: center; } .header_v13 .navbar_outer .header_content .navbar_nav > li.dropdown::after { top: 3px; } .header_v13 .navbar_outer .header_content .navbar_nav > li .dropdown_menu { margin-top: 3rem; } .header_v13 .navbar_outer .header_content .navbar_nav > li .dropdown_menu > li.dropdown::after { transform: rotate(270deg); } .header_v13 .navbar_outer .header_content .navbar_nav > li:hover > .dropdown_menu { margin-top: 2.5rem !important; } .header_v13 .navbar_outer .header_content .navbar_nav > li:hover > .dropdown_menu li:hover .dropdown_menu { margin-top: 1rem !important; } .header_v13 .navbar_outer .navbar_right { position: relative; padding-left: 40px; margin-bottom: 0px; text-align: right; } .header_v13 .navbar_outer .navbar_right li { display: inline-block; padding-left: 20px; margin-left: 6px; padding-top: 15px !important; } .header_v13 .navbar_outer .navbar_right li i { font-size: 22px; color: var(--menu-color); line-height: 40px; transition: all 0.6s ease-in-out; font-weight: normal !important; } .header_v13 .navbar_outer .navbar_right li .lang-toggler { width: 40px; border-radius: 8px; background: var(--primary-color-one); color: var(--color-white); font-size: 22px; align-items: center !important; font-weight: normal !important; border: 0px; } .header_v13 .navbar_outer .navbar_right li .lang-toggler i { color: var(--color-white); } .header_v13 .navbar_outer .navbar_right li .lang-toggler:hover { background: var(--primary-color-two); color: var(--color-white); } .header_v13 .navbar_outer .navbar_right li .mini-cart-count { top: 2px; } .header_v13 .header_content { display: flex; justify-content: end; } header .flaticon-list { display: block !important; } .header_v14 { position: relative; padding: 0px !important; } .header_v14 ul { padding: 0px; margin: 0px; } .header_v14 ul.navbar_left { padding-left: 10px; } .header_v14 .header_top { position: relative; background: var(--primary-color-one); } .header_v14 .header_top ul.contact_info_two li { position: relative; display: inline-block; color: var(--color-white); font-size: 15px; padding: 15px 0px; font-weight: 400; margin-bottom: 0px; margin-right: 30px; } .header_v14 .header_top ul.contact_info_two li:last-child { margin-right: 0px; } .header_v14 .header_top .top_right { text-align: right; } .header_v14 .header_top .top_right ul li { position: relative; display: inline-block; list-style: none; font-size: 15px; font-weight: 400; padding-bottom: 0px; margin-right: 25px; } .header_v14 .header_top .top_right ul li a { color: #fff; } .header_v14 .header_top .top_right ul li:last-child { margin-right: 0px; } .header_v14 .header_mid { position: relative; padding: 27px 0px 47px; } .header_v14 .header_mid .contact_widget { text-align: center; } .header_v14 .header_mid .logo a { display: block; } .header_v14 .header_mid .contact_info { display: inline-block; margin: auto; } .header_v14 .header_mid .contact_info li { list-style: none; padding-left: 60px; position: relative; display: inline-block; margin-right: 45px; text-align: left; } .header_v14 .header_mid .contact_info li small { font-size: 18px; font-weight: 600; color: var(--heading-dark); line-height: 26px; margin-bottom: 3px; font-family: var(--nas-family-one); } .header_v14 .header_mid .contact_info li span { position: absolute; left: 0; top: 0; font-size: 40px; display: block; font-weight: 500; line-height: 50px; color: var(--primary-color-one); } .header_v14 .header_mid .contact_info li p { margin-bottom: 0px; } .header_v14 .header_mid .contact_info li p a { color: var(--text-color-dark); } .header_v14 .header_mid .contact_info li:last-child { margin-right: 0px; } .header_v14 .header_mid .theme_btn.type_one { min-width: 200px; width: auto; padding: 0px 15px; border-radius: 50px; } .header_v14 .navbar_outer { position: absolute; content: ""; width: 100%; z-index: 99; background: transparent; left: 0; margin-top: -25px; } .header_v14 .navbar_outer .navbar_inner { position: relative; padding: 6px 0px 4px; } .header_v14 .navbar_outer .navbar_inner:before { position: absolute; content: ""; width: 100%; height: 100%; top: 6px; left: 6px; background: var(--color-white); z-index: -2; border-radius: 4px; opacity: 0.3; } .header_v14 .navbar_outer .navbar_inner:after { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: var(--color-white); z-index: -1; border-radius: 5px; box-shadow: var(--box-shadow); } .header_v14 .navbar_outer .header_content_collapse { display: flex; justify-content: space-between; align-items: center; } .header_v14 .navbar_outer .header_menu_box { padding-left: 10px; } .header_v14 .navbar_outer .navbar_right li { list-style: none; margin-left: 0px !important; padding: 0px 25px !important; display: inline-block; position: relative; } .header_v14 .navbar_outer .navbar_right li i { font-size: 20px; color: var(--heading-dark); font-weight: 500; } .header_v14 .navbar_outer .navbar_right li:before { position: absolute; content: ""; width: 1px; background: var(--text-color-dark); height: 25px; right: 0; opacity: 0.5; top: 1px; } .header_v14 .navbar_outer .navbar_right li:last-child { padding-right: 0px !important; } .header_v14 .navbar_outer .navbar_right li:last-child::before { display: none; } .header_v14 .navbar_outer .navbar_right li.dropdown::after { display: none; } .header_v14 .navbar_outer .navbar_right li .dropdown_menu { left: unset; right: 0; } .header_v14 .navbar_outer .navbar_right li .woocommerce-mini-cart li::before { display: none; } .header_v14 .navbar_outer .navbar_right li.search_link .dropdown_menu { margin-top: 27px !important; left: unset !important; right: 0; width: 350px !important; padding: 10px !important; } .header_v14 .navbar_outer .navbar_right li.search_link .dropdown_menu:before { position: absolute; content: ""; width: 54%; height: 30px; top: -37px; right: 0; z-index: 1; } .header_v14 .navbar_outer .navbar_right li.search_link .dropdown_menu li { padding: 0px !important; } .header_v14 .navbar_outer .navbar_right li.search_link .dropdown_menu input { border-radius: 30px; } .header_v14 .navbar_outer .navbar_right li.search_link .dropdown_menu .search_box { position: relative; } .header_v14 .navbar_outer .navbar_right li.search_link .dropdown_menu .search_box button[type="submit"] { position: absolute; width: 50px; height: 50px; top: 0; right: 0; line-height: 50px; border-radius: 50px; } .header_v14 .navbar_outer .navbar_right .widget_shopping_cart_content { padding: 0px; } .header_v14 .navbar_outer .navbar_right .lang-toggler { width: 40px; border-radius: 8px; background: var(--primary-color-one); font-size: 22px; height: 40px; border: unset; border-radius: 50%; align-items: center !important; font-weight: normal !important; } .header_v14 .navbar_outer .navbar_right .lang-toggler i { display: block !important; color: var(--color-white); } .header_v14 .navbar_outer .navbar_right .nav-item { padding: 0px 18px; position: relative; } .header_v14 .navbar_outer .navbar_right .search_btn { background: unset; border: 0; } .header_v14 .navbar_outer .navbar_right .search_btn:after { display: none; } .header_v14 .navbar_outer .site-logo { display: none; } .header_v17 { position: relative; padding: 0px !important; background: unset !important; } .header_v17 .header_mid { position: relative; background: var(--primary-color-two); padding: 15px 0px; } .header_v17 .header_mid .midbar_mid { text-align: center; } .header_v17 .header_mid .midbar_mid ul { margin: 0px; padding: 0px; } .header_v17 .header_mid .midbar_mid ul li { list-style: none; display: inline-block; position: relative; padding-right: 50px; text-align: left; } .header_v17 .header_mid .midbar_mid ul li:last-child { padding-right: 0px; } .header_v17 .header_mid .midbar_mid ul li span { position: absolute; height: 32px; top: 0; bottom: 0; left: 0; margin: auto; font-size: 32px; line-height: 32px; color: var(--primary-color-one); margin-right: 20px; } .header_v17 .header_mid .midbar_mid ul li small { color: var(--color-white); padding-left: 50px; } .header_v17 .header_mid .midbar_mid ul li p { margin: 0px; padding-left: 50px; color: var(--color-white); } .header_v17 .header_mid .midbar_mid ul li p a { color: var(--color-white); } .header_v17 .navbar_outer { position: absolute; left: 0; width: 100%; z-index: 99; padding: 20px 0px; } .header_v17 .navbar_outer .site-logo { position: relative; padding-right: 30px; } .header_v17 .navbar_outer .site-logo a { display: block; } .header_v17 .navbar_outer .inner_box { display: flex; justify-content: space-between; align-items: center; padding: 10px 30px; border: 1px solid var(--color-white); border-radius: 50px; } .header_v17 .navbar_outer .header_content { display: flex; align-items: center; justify-content: center; } .header_v17 .navbar_outer .navbar_right { position: relative; padding: 5px 5px; border-radius: 30px; background: var(--color-white); } .header_v17 .navbar_outer .navbar_right .flaticon-list { display: block !important; } .header_v17 .navbar_outer .navbar_right .flaticon-list:before { content: "\f146"; position: relative; top: 2px; } .header_v17 .navbar_outer .navbar_right ul { display: flex; align-items: center; margin: 0px; padding: 0px; } .header_v17 .navbar_outer .navbar_right ul li { display: block; padding: 0px 10px; padding-top: 0px !important; margin: 0px; } .header_v17 .navbar_outer .navbar_right ul li.search_link i { top: 2px; position: relative; } .header_v17 .navbar_outer .navbar_right ul li .mini-cart-count { top: -3px; } .header_v17 .navbar_outer .navbar_right ul li .lang-toggler { border-radius: 30px; } .header_v17 .navbar_outer .navbar_right ul li a { cursor: pointer; text-align: center; padding: 0px; margin: 0px; } .header_v17 .navbar_outer .navbar_right ul li a i { font-size: 22px; color: var(--menu-color); line-height: 22px; transition: all 0.6s ease-in-out; font-weight: normal !important; } .header_v17 .navbar_outer .navbar_right ul li a.side-menu__toggler { width: 40px; height: 40px; border-radius: 30px; background: var(--primary-color-one); color: var(--color-white); font-size: 20px; align-items: center !important; font-weight: normal !important; } .header_v17 .navbar_outer .navbar_right ul li a.side-menu__toggler i { color: var(--color-white); } .header_v17 .navbar_outer .navbar_right ul li a.side-menu__toggler:hover { background: var(--primary-color-two); color: var(--primary-color-one); } .header_v17 .navbar_outer .navbar_right ul li:last-child { padding-right: 0px; } .header_v17 .navbar_outer .navbar_right ul li:first-child { padding-left: 0px; } .header_v17 .navbar_outer .navbar_right .search_link .dropdown-menu { margin-top: 27px !important; left: -190px !important; width: 350px !important; padding: 10px !important; } .header_v17 .navbar_outer .navbar_right .search_link .dropdown-menu .search_box button[type="submit"] { position: absolute; width: 50px; height: 50px; top: 0; right: 0; line-height: 50px; border-radius: 50px; } .header_v17 .navbar_outer .navbar_right .cart_box .dropdown-menu { margin-top: 27px !important; left: -200px !important; width: 300px !important; padding: 10px !important; } .main-header .mini-cart-count { position: absolute; background: var(--primary-color-one); font-size: 10px; font-family: var(--nas-family-one); font-weight: 700; width: 16px; top: -10px; right: 0; left: 0; margin: auto; height: 16px; text-align: center; line-height: 19px; border-radius: 27px; display: block; color: var(--color-white); } .main-header .mini-cart-count i { font-size: 24px; line-height: 24px; color: var(--menu-color); font-weight: 500; } .main-header .dropdown-menu-mini-cart { left: unset !important; right: 0 !important; min-width: 350px !important; padding: 10px 10px !important; } .main-header .dropdown-menu-mini-cart li { display: block !important; list-style: none !important; } .main-header .dropdown-menu-mini-cart li .remove_from_cart_button { font-size: 16px; } .header_v13 .navbar_outer .header_content .navbar_nav > li:hover > .dropdown_menu.dropdown-menu-mini-cart { margin-top: 1.6rem !important; } @media (max-width: 1024px) { .display_none_after_1200 { display: none; } .navbar_right { display: none !important; } .button_box_menu { display: block !important; } .main-header.header_v2 .header_top { text-align: center; } .main-header.header_v2 .header_top ul li { margin-left: 15px; } .main-header.header_v2 .header_top .top_right { padding-bottom: 15px; text-align: center !important; } .main-header.header_v2 .navbar_outer .col-lg-12 { padding: 15px 30px; display: flex; justify-content: space-between; align-items: center; } .main-header.header_v2 .navbar_outer .site-logo { display: block !important; } .main-header.header_v2 .navbar_outer .site-logo a { display: block; } } @media (max-width: 768px) { .header_v13 .header_top ul { text-align: center; } .header_v2 .header_top ul.contact_info_two { margin-bottom: 15px; margin-top: 10px; } .header_v2 .header_top ul.contact_info_two li { padding: 5px 10px !important; margin: 0px !important; } .header_v2 .header_mid .contact_info li { padding-bottom: 20px !important; margin: 0px !important; } .header_v2 .header_mid .contact_info li:last-child { padding-bottom: 0px !important; } }  .owl-item .animate_up { position: relative; display: block; overflow: hidden; opacity: 0; transform: perspective(400px) rotateY(0deg) translateY(-120px); transform-origin: bottom; transition: all 1000ms ease; z-index: 10; } .owl-item.active .animate_up { opacity: 1 !important; visibility: visible !important; transform: perspective(400px) rotateY(0deg) translateY(0px); transition-delay: 1000ms; } .owl-item .animate_down { position: relative; display: block; overflow: hidden; opacity: 0; transform: perspective(400px) rotateY(0deg) translateY(120px); transform-origin: bottom; transition: all 1000ms ease; z-index: 10; } .owl-item.active .animate_down { opacity: 1 !important; visibility: visible !important; transform: perspective(400px) rotateY(0deg) translateY(0px); transition-delay: 1000ms; } .owl-item .animate_left { position: relative; display: block; overflow: hidden; opacity: 0; transform: perspective(400px) rotateY(0deg) translateX(120px); transform-origin: bottom; transition: all 1000ms ease; z-index: 10; } .owl-item.active .animate_left { opacity: 1 !important; visibility: visible !important; transform: perspective(400px) rotateY(0deg) translateX(0px); transition-delay: 1000ms; } .owl-item .animate_right { position: relative; display: block; overflow: hidden; opacity: 0; transform: perspective(400px) rotateY(0deg) translateX(-120px); transform-origin: bottom; transition: all 1000ms ease; z-index: 10; } .owl-item.active .animate_right { opacity: 1 !important; visibility: visible !important; transform: perspective(400px) rotateY(0deg) translateX(0px); transition-delay: 1000ms; }  .slider { position: relative; width: 100%; } .slider .slide-item { position: relative; display: block; background-color: #fff; background-size: cover; background-repeat: no-repeat; background-position: center center; overflow: hidden; width: 100%; } .slider .animated { animation-duration: 1.25s; } .slider.style_one .slide-item-content { position: relative; overflow: hidden; } .slider.style_one .slide-item-content .image-layer { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; } .slider.style_one .slide-item-content .auto-container { position: relative; z-index: 10; padding: 0px 15px; } .slider.style_one .slide-item-content .slider_content { position: relative; padding: 350px 0px 200px; z-index: 11; } .slider.style_one .slide-item-content .slider_content h1 { font-size: 72px; line-height: 90px; font-weight: 800; margin-bottom: 20px; color: #fff; opacity: 0; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .slider.style_one .slide-item-content .slider_content h6 { font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 15px; color: #fff; opacity: 0; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .slider.style_one .slide-item-content .slider_content p { font-size: 17px; line-height: 27px; font-weight: 400; color: var(--text-color-light); margin-bottom: 30px; opacity: 0; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .slider.style_one .slide-item-content .slider_content .theme-btn.one { opacity: 0; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .slider.style_one .slide-item-content .slider_image { opacity: 0; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; margin-bottom: -100px; -ms-transition: 0.9s ease-in-out; } .slider.style_one .slide-item-content::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; background: var(--primary-color-two); opacity: 0.8; z-index: 1; } .slider.style_one .slide-item-content.content_left .slider_image { position: relative; margin-right: -100px; height: auto; width: 700px; } .slider.style_one .slide-item-content.content_right .slider_image { position: relative; margin-left: -270px; height: auto; width: 700px; } .slider.style_one .slide-item-content.content_right .image_column { order: -1; } .slider.style_one .owl-item.active .slide-item-content .slider_image { opacity: 1; } .slider.style_one .owl-item.active .slide-item-content .slider_content h1 { opacity: 1; } .slider.style_one .owl-item.active .slide-item-content .slider_content h6 { opacity: 1; } .slider.style_one .owl-item.active .slide-item-content .slider_content p { opacity: 1; } .slider.style_one .owl-item.active .slide-item-content .slider_content .theme-btn.one { opacity: 1; } .slider.style_two { min-height: 740px; } .slider.style_two .slide-item-content { position: relative; overflow: hidden; } .slider.style_two .slide-item-content .image-layer { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .slider.style_two .slide-item-content .auto-container { position: relative; z-index: 10; padding: 180px 15px 110px; } .slider.style_two .slide-item-content .slider_content { padding: 50px 0px 50px 0px; position: relative; z-index: 11; } .slider.style_two .slide-item-content .slider_content h1 { font-size: 70px; line-height: 90px; font-weight: 700; margin-bottom: 25px; color: #fff; opacity: 0; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; padding-left: 22px; padding-bottom: 20px; border-left: 1px solid rgba(255, 255, 255, 0.09); border-bottom: 1px solid rgba(255, 255, 255, 0.09); } .slider.style_two .slide-item-content .slider_content p { font-size: 18px; line-height: 28px; font-weight: 400; color: #fff; opacity: 0.8; margin-bottom: 50px; opacity: 0; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .slider.style_two .slide-item-content .slider_content ul { padding: 0; margin: 0; opacity: 0; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .slider.style_two .slide-item-content .slider_content ul li { display: inline-block; } .slider.style_two .slide-item-content .slider_content ul li .video_box { position: relative; top: -20px; left: 28px; } .slider.style_two .slide-item-content .slider_content ul li .video_box a { position: relative; display: inline-block; font-size: 18px !important; color: #ffffff; width: 56px; height: 56px; line-height: 60px; text-align: center !important; border-radius: 50%; background: rgba(255, 255, 255, 0.2); background-image: inherit; } .slider.style_two .slide-item-content .slider_image { border-radius: 15px; border-left: 5px solid var(--primary-color-one); border-top: 5px solid var(--primary-color-one); overflow: hidden; height: 500px; width: 500px; opacity: 0; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .slider.style_two .slide-item-content .slider_image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .slider.style_two .slide-item-content.content_left .slider_image { position: relative; margin: 0px 0px 0px 0px; margin-left: auto; } .slider.style_two .slide-item-content.content_right .slider_image { position: relative; margin-left: -100px; } .slider.style_two .slide-item-content.content_right .image_column { order: -1; } .slider.style_two .slide-item-content::after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; background: var(--primary-color-two); opacity: 0.92; z-index: 1; } .slider.style_two .owl-item.active .slide-item-content .image-layer { opacity: 1; } .slider.style_two .owl-item.active .slide-item-content .slider_image { opacity: 1; } .slider.style_two .owl-item.active .slide-item-content .slider_content h1 { opacity: 1; } .slider.style_two .owl-item.active .slide-item-content .slider_content p { opacity: 1; } .slider.style_two .owl-item.active .slide-item-content .slider_content ul { opacity: 1; } .slider.style_two .swiper-button-prev::before, .slider.style_two .swiper-button-next::before { position: absolute; font-family: "FontAwesome" !important; width: 70px; height: 70px; line-height: 70px; background: rgba(255, 255, 255, 0.08); text-align: center; font-size: 18px; border-radius: 50%; color: #fff; } .slider.style_two .swiper-button-next { right: 50px; } .slider.style_three .content_right .slider_content { text-align: right; } .slider.style_three .content_center .slider_content { text-align: center; } .slider.style_three .slide-item-content { position: relative; overflow: hidden; } .slider.style_three .slide-item-content.content_right .slider_content ul li .video_box { left: inherit !important; } .slider.style_three .slide-item-content.content_right .slider_content ul li .theme-btn { margin-right: 40px; } .slider.style_three .slide-item-content .image-layer { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; } .slider.style_three .slide-item-content .auto-container { position: relative; z-index: 10; padding: 150px 15px; } .slider.style_three .slide-item-content .slider_content { padding: 50px 0px 0px 0px; position: relative; z-index: 11; } .slider.style_three .slide-item-content .slider_content h1 { font-size: 80px; line-height: 100px; font-weight: 800; margin-bottom: 25px; color: #fff; opacity: 0; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .slider.style_three .slide-item-content .slider_content p { font-size: 18px; line-height: 28px; font-weight: 400; color: rgba(255, 255, 255, 0.8); margin-bottom: 50px; opacity: 0; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .slider.style_three .slide-item-content .slider_content a.theme-btn { background: #fff; color: var(--primary-color-one); } .slider.style_three .slide-item-content .slider_content ul { padding: 0; margin: 0; opacity: 0; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .slider.style_three .slide-item-content .slider_content ul li { display: inline-block; } .slider.style_three .slide-item-content .slider_content ul li .video_box { position: relative; top: 3px; left: 40px; } .slider.style_three .slide-item-content .slider_content ul li .video_box a { position: relative; display: inline-block; font-size: 18px !important; color: #ffffff; width: 56px; height: 56px; line-height: 60px; text-align: center !important; border-radius: 50%; background: var(--primary-color-one); background-image: inherit; } .slider.style_three .slide-item-content .slider_content .video_box a:before, .slider.style_three .slide-item-content .slider_content .video_box a:after { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1); width: 56px; height: 56px; } .slider.style_three .slide-item-content .slider_image { border-radius: 50%; overflow: hidden; height: 500px; width: 500px; } .slider.style_three .slide-item-content .slider_image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .slider.style_three .slide-item-content.content_left .slider_image { position: relative; margin: 0px 0px 0px 0px; margin-left: auto; } .slider.style_three .slide-item-content.content_right .slider_image { position: relative; margin: 0px 0px 0px 0px; } .slider.style_three .slide-item-content.content_right .image_column { order: -1; } .slider.style_three .slide-item-content::after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; background: linear-gradient( 180deg, var(--primary-color-two) 40%, rgba(0, 0, 0, 0) 100% ); opacity: 0.9; z-index: 1; } .slider.style_three .slide-item-content .content_left { text-align: left; } .slider.style_three .slide-item-content .content_left::after { background: linear-gradient( 132deg, var(--primary-color-two) 40%, rgba(0, 0, 0, 0) 100% ); } .slider.style_three .slide-item-content .content_center { text-align: center; } .slider.style_three .slide-item-content .content_center::after { background: linear-gradient( 180deg, var(--primary-color-two) 60%, rgba(0, 0, 0, 0) 120% ); } .slider.style_three .slide-item-content .content_right { text-align: right; } .slider.style_three .slide-item-content .content_right::after { background: linear-gradient( -132deg, var(--primary-color-two) 40%, rgba(0, 0, 0, 0) 100% ); } .slider.style_three .owl-item.active .image-layer { opacity: 1; } .slider.style_three .owl-item.active .slider_content h1, .slider.style_three .owl-item.active .slider_content p, .slider.style_three .owl-item.active .slider_content ul { opacity: 1; } .slider.style_three .swiper-button-prev::before, .slider.style_three .swiper-button-next::before { position: absolute; font-family: "FontAwesome" !important; width: 70px; height: 70px; line-height: 70px; background: rgba(255, 255, 255, 0.08); text-align: center; font-size: 18px; color: var(--primary-color-two); border-radius: 50%; color: #fff; } .slider.style_three .swiper-button-next { right: 50px; } .slider.style_three .swiper-button-prev::before, .slider.style_three .swiper-button-next::before { background: rgba(0, 0, 0, 0.2); } .slider.style_four .slide-item-content { position: relative; overflow: hidden; } .slider.style_four .slide-item-content .image-layer { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; } .slider.style_four .slide-item-content .auto-container { position: relative; z-index: 10; padding: 0px 15px; } .slider.style_four .slide-item-content .slider_content { position: relative; padding: 350px 0px 200px; z-index: 11; } .slider.style_four .slide-item-content .slider_content h1 { font-size: 72px; line-height: 90px; font-weight: 800; margin-bottom: 20px; color: #fff; opacity: 0; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .slider.style_four .slide-item-content .slider_content h6 { font-size: 18px; background: rgba(255, 255, 255, 0.1); border: 2px solid var(--primary-color-one); padding: 10px 30px; line-height: 32px; display: inline-block; font-weight: 600; margin-bottom: 25px; border-radius: 20px 0px; color: #fff; opacity: 0; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .slider.style_four .slide-item-content .slider_content p { font-size: 17px; line-height: 27px; font-weight: 400; color: var(--text-color-light); margin-bottom: 30px; opacity: 0; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .slider.style_four .slide-item-content .slider_content .theme-btn.one { opacity: 0; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .slider.style_four .slide-item-content .content_left { text-align: left !important; } .slider.style_four .slide-item-content .content_right { text-align: right !important; } .slider.style_four .slide-item-content .content_center { text-align: center !important; } .slider.style_four .owl-item.active .slide-item-content .image-layer { opacity: 1; } .slider.style_four .owl-item.active .slide-item-content .slider_content h1 { opacity: 1; } .slider.style_four .owl-item.active .slide-item-content .slider_content h6 { opacity: 1; } .slider.style_four .owl-item.active .slide-item-content .slider_content p { opacity: 1; } .slider.style_four .owl-item.active .slide-item-content .slider_content .theme-btn.one { opacity: 1; } .slider.slider_version_v4.slider .owl-prev::before, .slider.slider_version_v4.slider .owl-next::before { background: #fff; color: var(--primary-color-one); } .slider.slider_version_v4 .slide-item-content::before { display: none; } .slider.slider_version_v4 .slide-item-content .slider_content { padding: 250px 0px 200px; } .slider.slider_version_v4 .slide-item-content .slider_content h1 { font-size: 54px; line-height: 66px; color: var(--heading-dark); } .slider.slider_version_v4 .slide-item-content .slider_content h6 { font-size: 18px; line-height: 30px; padding: 5px 15px; background: #fff; color: var(--primary-color-one); font-weight: 600; display: inline-block; margin-bottom: 30px; } .slider.slider_version_v4 .slide-item-content .slider_content ul { margin: 0px; padding: 0px; } .slider.slider_version_v4 .slide-item-content .slider_content ul li { display: inline-block; } .slider.slider_version_v4 .slide-item-content .slider_content ul li:first-child { margin-right: 20px; } .slider.slider_version_v4 .slide-item-content .slider_content .tag_content { position: relative; font-size: 30px; font-family: var(--nas-family-one); font-weight: 700; line-height: 40px; display: flex; top: 7px; color: var(--heading-dark); } .slider .owl-nav { display: none; position: absolute; top: 0; bottom: 0; margin: auto; width: 100%; height: 0px; left: 0; right: 0; } .slider.nav_position_two .owl-nav, .slider.nav_position_one .owl-nav { display: block; } .slider .owl-prev, .slider .owl-next { background: none; } .slider .owl-prev span, .slider .owl-next span { display: none; } .slider .owl-prev::before, .slider .owl-next::before { position: absolute; font-family: "FontAwesome" !important; width: 60px; height: 60px; line-height: 60px; background: rgba(255, 255, 255, 0.1); text-align: center; font-size: 22px; color: #fff; border-radius: 50%; } .slider .owl-prev::after, .slider .owl-next::after { display: none !important; } .slider .owl-next::before { content: "\f105"; } .slider .owl-prev::before { content: "\f104"; } .slider.nav_position_one .owl-next { position: absolute; top: 0; right: 110px; bottom: 0; margin: auto; z-index: 99; } .slider.nav_position_one .owl-prev { position: absolute; top: 0; left: 50px; bottom: 0; margin: auto; z-index: 99; } .slider.nav_position_two .owl-nav { position: absolute; bottom: 80px; width: 100%; top: inherit; left: 0; right: 0; text-align: center; height: auto; } .slider.nav_position_two .owl-next, .slider.nav_position_two .owl-prev { position: relative; display: inline-block; top: inherit; left: 0; right: 0; margin: auto; } .slider.nav_position_two .owl-next { right: -70px; } .slider.nav_position_two .owl-prev { left: -70px; } .slider .owl-dots { display: none; } .slider.pag_position_two .owl-dots, .slider.pag_position_one .owl-dots { display: block; } .slider .banner_carousel .owl-dots { position: absolute !important; bottom: 20px !important; left: 0 !important; right: 0 !important; margin: auto; width: 100% !important; transform: inherit !important; text-align: center; } .slider .banner_carousel .owl-dots .owl-dot { position: relative; left: 0 !important; display: inline-block; margin: 0px 10px; width: 10px; height: 10px; opacity: 1; background: transparent; border: 1px solid #fff; border-radius: 30px; transform: inherit !important; transition: all 500ms ease 0ms !important; -moz-transition: all 500ms ease 0ms !important; -ms-transition: all 500ms ease 0ms !important; -o-transition: all 500ms ease 0ms !important; } .slider .banner_carousel .owl-dots .owl-dot.active { background: var(--primary-color-one); width: 15px; border-color: var(--primary-color-one); } .slider .banner_carousel .owl-dots .owl-dot:hover { background: var(--primary-color-one); width: 15px; border-color: var(--primary-color-one); } .slider.pag_position_two .owl-dots { position: absolute !important; left: 20px !important; top: 50%; bottom: inherit !important; transform: translate3d(0px, -50%, 0) !important; -ms-transform: translate3d(0px, -50%, 0) !important; -moz-transform: translate3d(0px, -50%, 0) !important; -o-transform: translate3d(0px, -50%, 0) !important; margin: inherit !important; width: 50px !important; } .slider.pag_position_two .owl-dots .owl-dot { display: block !important; margin: 10px 0px; } .slider.pag_position_two .owl-dots .owl-dot.active { width: 10px; height: 15px; } .slider.pag_position_two .owl-dots .owl-dot:hover { width: 10px; height: 15px; }  .slider_version_v2 { position: relative; } .slider_version_v2 .slide-item-content.content_left { text-align: left; } .slider_version_v2 .slide-item-content.content_center { text-align: center; } .slider_version_v2 .slide-item-content.content_right { text-align: right; } .slider_version_v2 .slide-item-content .full-container { padding: 200px 100px 200px; } .slider_version_v2 .banner_carousel .owl-dots .owl-dot { margin: 0px 5px; } .slider_version_v2 .banner_carousel .owl-dots .owl-dot.active { background: #fff; border-color: #fff; } .slider_version_v2 .owl-prev { top: -64px !important; } .slider_version_v2 .owl-prev::before { content: "\e934"; font-family: "icomoon" !important; } .slider_version_v2 .owl-next { top: -64px !important; } .slider_version_v2 .owl-next::before { content: "\e933"; font-family: "icomoon" !important; } .slider_version_v2.style_one .slide-item-content::before { display: none !important; } .slider_version_v2.style_one .slide-item-content .slider_content h6 { font-size: 22px; line-height: 32px; font-weight: 600; color: #fff; margin-bottom: 20px; } .slider_version_v2.style_one .slide-item-content .slider_content h1 { font-size: 72px; text-decoration: underline; line-height: 90px; font-weight: 700; color: #fff; margin-bottom: 20px; -webkit-text-decoration: 4px underline; text-decoration: 4px underline; } .slider_version_v2.style_one .slide-item-content .slider_content p { font-size: 17px; color: var(--text-color-dark); font-weight: 400; line-height: 28px; margin-bottom: 40px; } .slider_version_v2.style_two .slide-item-content::before { display: none !important; } .slider_version_v2.style_two .slide-item-content::after { display: none !important; } .slider_version_v2.style_two .slide-item-content .slider_content h6 { font-size: 14px; -webkit-text-decoration: 1px underline; text-decoration: 1px underline; text-transform: uppercase; line-height: 28px; font-weight: 600; color: var(--primary-color-one); margin-bottom: 25px; } .slider_version_v2.style_two .slide-item-content .slider_content h1 { font-size: 72px; line-height: 90px; font-weight: 700; color: var(--primary-color-two); margin-bottom: 20px; padding-left: 0px; padding-bottom: 0px; border: 0px !important; } .slider_version_v2.style_two .slide-item-content .slider_content p { font-size: 17px; color: var(--text-color-dark); font-weight: 400; line-height: 28px; margin-bottom: 40px; } .slider_version_v2.style_two .slide-item-content .slider_content a.theme-btn { font-size: 12px; font-weight: 600; font-family: var(--nas-family-one); text-transform: uppercase; } .slider_version_v2.style_two .owl-prev::before { background: rgba(0, 0, 0, 0.1); } .slider_version_v2.style_two .owl-next::before { background: rgba(0, 0, 0, 0.1); } .slider_version_v2.style_three .slide-item-content:before { display: none !important; } .slider_version_v2.style_three .slide-item-content:after { display: none !important; } .slider_version_v2.style_three .slide-item-content .slider_content h6 { font-size: 22px; line-height: 32px; font-weight: 600; color: #fff; margin-bottom: 25px; } .slider_version_v2.style_three .slide-item-content .slider_content h1 { font-size: 72px; line-height: 90px; font-weight: 700; color: #fff; margin-bottom: 30px; padding-left: 0px; padding-bottom: 0px; border: 0px !important; } .slider_version_v2.style_three .slide-item-content .slider_content p { font-size: 17px; color: rgba(255, 255, 255, 0.6); font-weight: 400; line-height: 28px; margin-bottom: 40px; } .slider_version_v2.style_three .slide-item-content .slider_content a.theme-btn { font-size: 12px; font-weight: 600; font-family: var(--nas-family-one); color: #fff; background: var(--primary-color-one); text-transform: uppercase; } .slider_version_v2.style_five .slide-item { background: transparent !important; } .slider_version_v2.style_five .image-layer { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; } .slider_version_v2.style_five .slide-item-content::before { display: none !important; } .slider_version_v2.style_five .slide-item-content::after { display: none !important; } .slider_version_v2.style_five .slide-item-content .slider_content { padding: 100px 0px; } .slider_version_v2.style_five .slide-item-content .slider_content h6 { font-size: 14px; line-height: 28px; font-weight: 600; color: #fff; margin-bottom: 20px; display: block; position: relative; } .slider_version_v2.style_five .slide-item-content .slider_content h1 { font-size: 72px; line-height: 90px; font-weight: 800; color: #fff; margin-bottom: 20px; padding-left: 0px; padding-bottom: 0px; border: 0px !important; position: relative; } .slider_version_v2.style_five .slide-item-content .slider_content p { font-size: 17px; color: #fff; opacity: 0.9; font-weight: 400; line-height: 28px; margin-bottom: 40px; } .slider_version_v2.style_five .slide-item-content .slider_content a.theme-btn { font-size: 12px; font-weight: 600; font-family: var(--nas-family-one); text-transform: uppercase; border-radius: 8px; } .slider_version_v2.style_five .owl-prev::before { background: rgba(0, 0, 0, 0.1); } .slider_version_v2.style_five .owl-next::before { background: rgba(0, 0, 0, 0.1); } .slider_version_v2.style_four .slider_content h1 { font-size: 85px; line-height: 100px; font-weight: 800; color: #fff; margin-bottom: 20px; } .slider_version_v2.style_four .slider_content h1 span { font-size: 50px; display: block; line-height: 70px; font-weight: 600; margin-bottom: 10px; } .slider_version_v2.style_four .slider_content p { font-size: 17px; color: #fff; opacity: 0.9; font-weight: 400; line-height: 28px; margin-bottom: 40px; } .slider_version_v2.style_four .slider_content .thm_btn { position: relative; padding-top: 20px; } .slider_version_v2.style_four .slider_content .thm_btn a { font-size: 15px; text-transform: unset; font-weight: 600; border-radius: 50px; } .slider_version_v2.style_four .slider_content .thm_btn a.two { border-color: #fff; color: #fff; } .slider_version_v2.style_four .slider_content .thm_btn a.two:hover { border-color: var(--primary-color-one); } .slider_version_v2.style_four .content_left .slider_content .thm_btn a { margin-right: 15px; } .slider_version_v2.style_four .content_center .slider_content .thm_btn a { margin: 0px 10px; } .slider_version_v2.style_four .content_right .slider_content .thm_btn a { margin-left: 15px; } .slider_version_v3.style_one .slide-item-content::before { display: none; } .slider_version_v3.style_one .slide-item-content .contnet_d_flex { display: flex; padding: 0px 15px; } .slider_version_v3.style_one .slide-item-content .contnet_d_flex .text_box_content { position: relative; width: 55%; min-width: 55%; } .slider_version_v3.style_one .slide-item-content .slider_content { padding: 215px 0px 240px; } .slider_version_v3.style_one .slide-item-content .slider_content h6 { font-size: 14px; -webkit-text-decoration: 1px underline; text-decoration: 1px underline; text-transform: uppercase; line-height: 28px; font-weight: 600; color: var(--primary-color-one); margin-bottom: 25px; } .slider_version_v3.style_one .slide-item-content .slider_content h1 { font-size: 60px; line-height: 72px; font-weight: 700; color: var(--primary-color-two); margin-bottom: 20px; padding-left: 0px; padding-bottom: 0px; border: 0px !important; } .slider_version_v3.style_one .slide-item-content .slider_content p { font-size: 17px; color: var(--text-color-dark); font-weight: 400; line-height: 28px; margin-bottom: 25px; } .slider_version_v3.style_one .slide-item-content .slider_content ul { position: relative; margin: 0 0 40px 0; padding: 0 0px 0px 20px; } .slider_version_v3.style_one .slide-item-content .slider_content ul li { list-style: none; position: relative; } .slider_version_v3.style_one .slide-item-content .slider_content ul li::before { position: absolute; content: ""; width: 6px; height: 6px; left: -20px; top: 0; bottom: 0; margin: auto; background: var(--primary-color-one); } .slider_version_v3.style_one .slide-item-content .slider_content ul li:after { position: absolute; content: ""; width: 6px; height: 6px; opacity: 0.4; left: -14px; top: 0; bottom: 0; margin: auto; background: var(--primary-color-one); } .slider_version_v3.style_one .slide-item-content .slider_content a.theme-btn { font-size: 12px; font-weight: 600; font-family: var(--nas-family-one); text-transform: uppercase; } .slider_version_v3.style_one .slide-item-content .slider_image { position: absolute; display: flex; min-width: 695px; bottom: -21px; } .slider_version_v3 .pr_relative { position: relative; } .slider_version_v3 .pr_relative .contact_box_ban { position: absolute; display: flex; bottom: 0; left: 0; z-index: 9; padding: 10px 20px 50px; } .slider_version_v3 .pr_relative .contact_box_ban .icon_bx { min-width: 65px; width: 65px; align-items: center; } .slider_version_v3 .pr_relative .contact_box_ban .icon_bx span { font-size: 25px; width: 50px; height: 50px; background: var(--primary-color-one); line-height: 50px; border-radius: 50px; text-align: center; display: block; color: #fff; top: 6px; } .slider_version_v3 .pr_relative .contact_box_ban .conent_bx { position: relative; } .slider_version_v3 .pr_relative .contact_box_ban .conent_bx h6 { margin-bottom: 5px; font-size: 18px; line-height: 26px; } .slider_version_v3 .pr_relative .contact_box_ban .conent_bx p { margin-bottom: 0px; } .slider_version_v4 .slide-item-content::before { display: none; } .slider_version_v4.slider.style_one .tag_content { position: relative; font-size: 30px; font-family: var(--nas-family-one); font-weight: 700; line-height: 40px; display: flex; top: 7px; color: var(--heading-dark); } .slider_version_v4.slider.style_one .tag_content span { font-size: 16px; display: inline-block; font-weight: 600; font-style: italic; margin-right: 15px; color: var(--primary-color-one); } .slider_version_v4.slider.style_one .slide-item-content .slider_content h6 { font-size: 18px; line-height: 30px; padding: 5px 15px; background: #fff; color: var(--primary-color-one); font-weight: 600; display: inline-block; margin-bottom: 30px; } .slider_version_v4.slider.style_one .slide-item-content .slider_content h1 { font-size: 54px; line-height: 66px; } .slider_version_v4.slider.style_one .slide-item-content ul { padding: 0px; margin: 0px; } .slider_version_v4.slider.style_one .slide-item-content ul li { display: inline-block; margin-right: 20px; } .slide-item-content.content_left .video_box:before, .slide-item-content.content_left .video_box:after { top: 40% !important; left: 40% !important; } .slide-item-content.content_center .video_box:before, .slide-item-content.content_center .video_box:after { top: 40% !important; } .slide-item-content.content_right .video_box:before, .slide-item-content.content_right .video_box:after { top: 40% !important; left: 60% !important; } .slider.style_two .slide-item-content.content_right .video_box:before, .slider.style_two .slide-item-content.content_right .video_box:after { top: 40% !important; left: 40% !important; } @media (max-width: 992px) { .slider_version_v3.style_one .slide-item-content { text-align: left !important; padding: 200px 0px !important; } .slider_version_v3.style_one .slide-item-content .contnet_d_flex { display: block; } .slider_version_v3.style_one .slide-item-content .contnet_d_flex .text_box_content { width: 100%; min-height: 100%; } .slider_version_v3.style_one .slide-item-content .slider_image { display: none; position: relative; border: 0px; min-width: 30%; margin: auto; } .slider_version_v3.style_one .owl-nav { display: none !important; } .slider_version_v4.style_one .tag_content { display: block !important; } .slider_version_v4 .owl-nav { display: none !important; } } .style_page_eleven .slide-item-content { position: relative; overflow: hidden; } .style_page_eleven .slide-item-content .image-layer { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; } .style_page_eleven .slide-item-content .auto-container { position: relative; z-index: 10; padding: 0px 15px; } .style_page_eleven .slide-item-content .slider_content { position: relative; padding: 250px 0px 200px; z-index: 11; } .style_page_eleven .slide-item-content .slider_content h6 { color: #fff; text-decoration: none; white-space: normal; line-height: 40px; font-weight: 600; font-size: 20px; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; margin-bottom: 30px; } .style_page_eleven .slide-item-content .slider_content h1 { line-height: 77px; letter-spacing: 1px; font-weight: 800; font-size: 57px; margin-bottom: 50px; color: #fff; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .style_page_eleven .slide-item-content .slider_content .theme-btn.one { transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .style_page_eleven .slide-item-content .slide-item { min-height: 750px; } .style_page_eleven .slide-item-content .content_center { text-align: center; } .style_page_eleven .slide-item-content .content_right { text-align: right; } .style_page_twelve .slide-item-content { position: relative; overflow: hidden; } .style_page_twelve .slide-item-content .image-layer { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; } .style_page_twelve .slide-item-content .auto-container { position: relative; z-index: 10; padding: 0px 15px; } .style_page_twelve .slide-item-content .slider_content { position: relative; z-index: 11; } .style_page_twelve .slide-item-content .slider_content h6 { color: #fff; text-decoration: none; white-space: normal; line-height: 40px; font-weight: 600; font-size: 20px; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; margin-bottom: 30px; } .style_page_twelve .slide-item-content .slider_content h1 { line-height: 77px; letter-spacing: 1px; font-weight: 800; font-size: 57px; margin-bottom: 50px; color: #fff; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .style_page_twelve .slide-item-content .slider_content .theme-btn.one { transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .style_page_twelve .slide-item-content .slide-item { min-height: 750px; padding: 150px 0px 170px; } .style_page_twelve .slide-item-content .slider_image { z-index: 12; color: var(--color-white); width: 600px; height: 600px; min-height: 0px; min-width: 0px; max-height: none; max-width: none; overflow: hidden; border-color: rgba(7, 127, 128, 0.68); border-style: solid; border-width: 40px; border-radius: 50%; -webkit-backdrop-filter: none; backdrop-filter: none; filter: none; transform-origin: 50% 50%; } .style_page_twelve .slide-item-content .content_center { text-align: center; } .style_page_twelve .slide-item-content .content_right { text-align: right; } .style_page_thirteen .slide-item-content { position: relative; overflow: hidden; } .style_page_thirteen .slide-item-content .image-layer { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; } .style_page_thirteen .slide-item-content .auto-container { position: relative; z-index: 10; padding: 0px 15px; } .style_page_thirteen .slide-item-content .slider_content { position: relative; z-index: 11; } .style_page_thirteen .slide-item-content .slider_content h6 { color: #fff; text-decoration: none; white-space: normal; line-height: 40px; font-weight: 700; font-size: 25px; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; margin-bottom: 32px; } .style_page_thirteen .slide-item-content .slider_content h1 { z-index: 9; color: var(--color-white); line-height: 90px; text-shadow: rgba(7, 133, 134, 0.83) 4px 2px 0px; letter-spacing: 0px; font-weight: 800; font-size: 80px; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; margin-bottom: 20px; } .style_page_thirteen .slide-item-content .slider_content p { color: var(--color-white); text-decoration: none; white-space: normal; line-height: 28px; letter-spacing: 0px; font-weight: 400; font-size: 18px; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; margin-bottom: 30px; } .style_page_thirteen .slide-item-content .slider_content ul { margin: 0px; padding: 0px; } .style_page_thirteen .slide-item-content .slider_content ul li { display: inline-block; padding-right: 30px; } .style_page_thirteen .slide-item-content .slider_content ul li:last-child { padding-right: 0px; } .style_page_thirteen .slide-item-content .slider_content .theme-btn.one { transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .style_page_thirteen .slide-item-content .slide-item { min-height: 750px; padding: 170px 0px 200px; } .style_page_thirteen .slide-item-content .slider_image { z-index: 12; color: var(--color-white); width: 600px; height: 600px; min-height: 0px; min-width: 0px; max-height: none; max-width: none; overflow: hidden; border-color: rgba(7, 127, 128, 0.68); border-style: solid; border-width: 40px; border-radius: 50%; -webkit-backdrop-filter: none; backdrop-filter: none; filter: none; transform-origin: 50% 50%; } .style_page_thirteen .slide-item-content .content_center { text-align: center; } .style_page_thirteen .slide-item-content .content_right { text-align: right; } .style_page_fourteen .slide-item-content { position: relative; overflow: hidden; } .style_page_fourteen .slide-item-content .image-layer { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; } .style_page_fourteen .slide-item-content .auto-container { position: relative; z-index: 10; padding: 0px 15px; } .style_page_fourteen .slide-item-content .slider_content { position: relative; z-index: 11; } .style_page_fourteen .slide-item-content .slider_content h6 { color: #fff; text-decoration: none; white-space: normal; line-height: 40px; font-weight: 700; font-size: 25px; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; margin-bottom: 32px; } .style_page_fourteen .slide-item-content .slider_content h1 { color: var(--color-white); line-height: 90px; letter-spacing: 0px; font-weight: 800; font-size: 80px; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; margin-bottom: 20px; } .style_page_fourteen .slide-item-content .slider_content p { color: var(--color-white); text-decoration: none; white-space: normal; line-height: 28px; letter-spacing: 0px; font-weight: 400; font-size: 18px; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; margin-bottom: 30px; } .style_page_fourteen .slide-item-content .slider_content ul { margin: 0px; padding: 0px; } .style_page_fourteen .slide-item-content .slider_content ul li { display: inline-block; padding-right: 30px; } .style_page_fourteen .slide-item-content .slider_content ul li:last-child { padding-right: 0px; } .style_page_fourteen .slide-item-content .slider_content .theme-btn.one { transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .style_page_fourteen .slide-item-content .slide-item { min-height: 750px; padding: 200px 0px 160px; } .style_page_fourteen .slide-item-content .slider_image { z-index: 12; color: var(--color-white); width: 600px; height: 600px; min-height: 0px; min-width: 0px; max-height: none; max-width: none; overflow: hidden; border-color: rgba(7, 127, 128, 0.68); border-style: solid; border-width: 40px; border-radius: 50%; -webkit-backdrop-filter: none; backdrop-filter: none; filter: none; transform-origin: 50% 50%; } .style_page_fourteen .slide-item-content .content_center { text-align: center; } .style_page_fourteen .slide-item-content .content_right { text-align: right; }  .single_banner { position: relative; } .single_banner.style_one { padding: 100px 0px; background: var(--border-color-light); } .single_banner.style_one .slider_image { position: relative; text-align: right; } .single_banner.style_one .d_inline_block { position: relative; padding: 0px; margin: 0px; } .single_banner.style_one .d_inline_block li { display: inline-block; list-style: none; } .single_banner.style_one .d_inline_block li .video_box { height: 56px !important; width: 56px !important; position: relative; } .single_banner.style_one .d_inline_block li .video_box a { height: 56px !important; width: 56px !important; line-height: 56px; position: relative; background: var(--primary-color-three); color: var(--primary-color-one); } .single_banner.style_one .d_inline_block li .video_box a i { position: absolute; font-size: 18px; line-height: 18px; height: 18px; width: 18px; margin: auto; top: 0; bottom: 0; left: 0; right: 0; } .single_banner.style_one .d_inline_block li .video_box:before, .single_banner.style_one .d_inline_block li .video_box:after { display: none !important; } .single_banner.style_one .d_inline_block li.vd_bx { position: relative; top: 25px; left: 20px; margin-bottom: 0px; } .single_banner.style_one .slider_content { position: relative; } .single_banner.style_one .slider_content h6 { font-size: 16px; line-height: 30px; background: #fff; color: var(--primary-color-one); border-radius: 10px 0px 10px 0px; padding: 0px 5px; display: inline-block; margin-bottom: 20px; } .single_banner.style_one .slider_content h1 { font-size: 66px; line-height: 82px; font-weight: 800; margin-bottom: 20px; } ._media { padding: 20px; } ._media li { display: inline-block; margin: 0px 5px; } @media (max-width: 992px) { .single_banner.style_one { padding: 0px; } .single_banner.style_one .slider_image { width: 50%; margin: auto !important; } .style_page_twelve .slide-item-content .slider_image { width: 100%; height: 100%; margin: 0px; } } .banner_section_hm_15 { position: relative; padding-top: 80px; padding-bottom: 60px; background-color: transparent; background-image: linear-gradient( 180deg, var(--primary-color-one) 0%, #ffffff 63% ); transition: background 0.3s, border-radius 0.3s, opacity 0.3s; } .banner_section_hm_15 .image { margin-top: 30px; border-radius: 30px; position: relative; height: 812px; text-align: center; } .banner_section_hm_15 .image .video_btn_all .video_box { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .banner_section_hm_16 .inner_section { border-radius: 30px; } .banner_section_hm_16 .inner_section .team_intro_box .team_intro_inner .team_intro_start .left_content { padding: 120px 0px; } .banner_section_hm_16 .inner_section .team_intro_box .team_intro_inner .team_intro_start .title h6 { color: #fff; } .banner_section_hm_16 .inner_section .team_intro_box .team_intro_inner .team_intro_start .authour_dtls h4 span { color: #fff; } .banner_section_hm_16 .inner_section .team_intro_box .image_right { height: 700px; margin: 3% 0 0 0; } .banner_section_hm_16 .inner_section .team_intro_box .image_right img { height: 700px; }   .img_hover-1 { position: relative; overflow: hidden; cursor: pointer; } .img_hover-1::before { position: absolute; content: ""; width: 100%; left: 0; top: 0; right: 0; bottom: 0; height: 100%; opacity: 0; background: var(--primary-color-two); opacity: 0; transition: 0.5s ease-in-out !important; } .img_hover-1::after { position: absolute; z-index: 1; display: block; content: ""; width: 30px; height: 30px; background: rgba(255, 255, 255, 0.2); border-radius: 10px; bottom: 0; top: 0; left: 0; right: 0; opacity: 0; margin: auto; } @keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 100%; height: 100%; opacity: 0; } } .news_box:hover .img_hover-1::before { opacity: 0.85; } .news_box:hover .img_hover-1::after { animation: circle 0.75s; }  .sticky .news_box.normal_view .content_box:before { position: absolute; content: ""; border-left: 15px solid transparent; border-top: 15px solid var(--primary-color-one); border-right: 15px solid var(--primary-color-one); border-bottom: 15px solid transparent; top: 0; right: 0; border-radius: 0px 10px 0px 0px; } .tag-sticky-2 .single_content_upper:before { position: absolute; content: ""; width: 30px; height: 30px; right: -54px; background: var(--primary-color-one); border-radius: 50px 0px 0px 50px; top: 3px; }  .news_box.style_one { position: relative; margin: 0px 0px 30px; text-align: center; box-shadow: var(--box-shadow); border-radius: 10px; overflow: hidden; } .news_box.style_one .image { position: relative; overflow: hidden; width: 100%; height: 340px; } .news_box.style_one .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .news_box.style_one .image .arrow { position: absolute; width: 60px; height: 60px; border-radius: 15px 0px 15px 0px; background: var(--primary-color-one); color: #fff; font-size: 14px; line-height: 60px; text-align: center; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; left: 0; right: 0; opacity: 0; margin: auto; top: 30px; bottom: 0; z-index: 3; } .news_box.style_one .content_box { position: relative; z-index: 4; padding: 60px 20px 30px; } .news_box.style_one .content_box .date { position: absolute; width: 66px; height: 66px; border-radius: 50%; background: var(--primary-color-one); border: 4px solid #ffffff; top: 0; left: 0; right: 0; padding: 9px 10px 0px; } .news_box.style_one .content_box .date span { display: block; color: #fff; font-family: var(--nas-family-one); font-weight: 600; font-size: 12px; text-transform: uppercase; } .news_box.style_one .content_box .date span.date_in_number { font-size: 18px; line-height: 24px; } .news_box.style_one .content_box .categories { font-size: 12px; display: block; color: var(--text-color-dark); font-family: var(--nas-family-one); text-transform: uppercase; font-weight: 600; margin-bottom: 15px; } .news_box.style_one .content_box .categories i { font-size: 16px; margin-right: 5px; } .news_box.style_one .content_box h2 a { display: block; color: var(--heading-dark); line-height: 32px; font-size: 22px; font-weight: 700; } .news_box.style_one .content_box h2 a:hover { color: var(--primary-color-one); } .news_box.style_one .content_box p { line-height: 26px; } .news_box.style_one:hover .img_hover-1 .arrow { opacity: 1; top: 0; } .news_box.style_one:hover .content_box .categories { color: var(--primary-color-one); } .news_box.style_one.has_images .content_box .date { margin: -30px auto 0; } .news_box.style_one.no_images .content_box { padding: 30px 20px; } .news_box.style_one.no_images .content_box .date { position: relative; margin: 0px auto 20px; display: inline-block; }  .news_box.default_style.list_view { position: relative; display: flex; box-shadow: var(--box-shadow); margin-bottom: 50px; overflow: hidden; border-radius: 10px; } .news_box.default_style.list_view .image { position: relative; max-width: 40%; min-width: 40%; min-height: 378px; } .news_box.default_style.list_view .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .news_box.default_style.list_view .image .categories { position: absolute; top: 0; left: 0; padding: 7px 12px 2px; background: var(--primary-color-two); color: #fff; font-weight: 600; font-size: 12px; text-transform: uppercase; line-height: 26px; border-radius: 0px 0px 10px 0px; font-family: var(--nas-family-one); transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .news_box.default_style.list_view .image .categories i { margin-right: 6px; } .news_box.default_style.list_view .content_box { position: relative; padding: 40px; } .news_box.default_style.list_view .content_box .date { position: relative; margin-bottom: 15px; } .news_box.default_style.list_view .content_box .date span { display: block; color: var(--primary-color-one); font-family: var(--nas-family-one); font-weight: 600; font-size: 12px; text-transform: uppercase; } .news_box.default_style.list_view .content_box h2 a { display: block; color: var(--heading-dark); line-height: 32px; font-size: 22px; font-weight: 700; margin-bottom: 15px; } .news_box.default_style.list_view .content_box h2 a:hover { color: var(--primary-color-one); } .news_box.default_style.list_view .content_box p { margin-bottom: 25px; } .news_box.default_style.list_view .content_box a.link__go { display: block; color: var(--text-color-dark); font-family: var(--nas-family-one); font-weight: 600; font-size: 12px; text-transform: uppercase; } .news_box.default_style.list_view .content_box .source { margin-bottom: 30px; border-bottom: 1px solid var(--border-color-dark); padding-bottom: 25px; } .news_box.default_style.list_view .content_box .auhtour_box { position: relative; } .news_box.default_style.list_view .content_box .auhtour_box img { width: 50px; height: 50px; -o-object-fit: cover; object-fit: cover; float: left; border-radius: 50%; } .news_box.default_style.list_view .content_box .auhtour_box .contnet_a { position: relative; margin-left: 60px; padding: 6px 0px 0px 0px; } .news_box.default_style.list_view .content_box .auhtour_box .contnet_a p { font-family: var(--nas-family-one); font-size: 12px; line-height: 18px; font-weight: 600; margin-bottom: 4px; color: var(--primary-color-one); } .news_box.default_style.list_view .content_box .auhtour_box .contnet_a h4 { font-size: 14px; line-height: 22px; font-weight: 600; color: var(--text-color-dark); } .news_box.default_style.list_view:hover .image .categories { background: var(--primary-color-one); } .news_box.default_style.list_view.has_image .content_box { margin-left: 45%; } .news_box.default_style.list_view.no_images { display: block; } .news_box.default_style.list_view.normal_view { display: block; } .news_box.default_style.list_view.normal_view .image { height: 350px; min-width: auto; width: 100%; max-width: 100%; } .news_box.default_style.list_view.normal_view .content_box { margin-left: 0px; } .news_box.style_two { position: relative; margin-bottom: 25px; } .news_box.style_two .content_box { position: relative; padding: 25px; overflow: hidden; border-radius: 10px; } .news_box.style_two .content_box img { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; left: 0; top: 0; bottom: 0; right: 0; z-index: 0; border-radius: 13px; } .news_box.style_two .content_box .overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: var(--primary-color-two); opacity: 0.4; z-index: 1; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .news_box.style_two .content_box .category { position: relative; z-index: 2; } .news_box.style_two .content_box .category a { font-size: 12px; font-family: var(--nas-family-one); font-weight: 600; text-transform: uppercase; color: #fff; } .news_box.style_two .content_box .category a i { margin-right: 6px; font-size: 14px; } .news_box.style_two .content_box .content_mid { position: relative; z-index: 2; text-align: center; padding: 80px 40px; } .news_box.style_two .content_box .content_mid .date_in_number { display: block; color: #fff; font-family: var(--nas-family-one); font-weight: 600; font-size: 12px; text-transform: uppercase; margin-bottom: 15px; } .news_box.style_two .content_box .content_mid h2 a { display: block; color: #fff; line-height: 30px; font-size: 20px; font-weight: 700; } .news_box.style_two .content_box .content_mid h2 a:hover { color: var(--primary-color-one); } .news_box.style_two .content_box .content_mid p { line-height: 26px; } .news_box.style_two .content_box .auhtour_box { position: absolute; z-index: 2; left: 20px; bottom: 20px; } .news_box.style_two .content_box .auhtour_box img { width: 50px; height: 50px; -o-object-fit: cover; object-fit: cover; float: left; border-radius: 50%; } .news_box.style_two .content_box .auhtour_box .contnet_a { position: relative; margin-left: 60px; padding: 6px 0px 0px 0px; } .news_box.style_two .content_box .auhtour_box .contnet_a p { font-family: var(--nas-family-one); font-size: 12px; line-height: 18px; font-weight: 600; margin-bottom: 4px; color: #fff; } .news_box.style_two .content_box .auhtour_box .contnet_a h4 { font-size: 14px; line-height: 22px; font-weight: 700; color: #fff; } .news_box.style_two:hover { cursor: pointer; } .news_box.style_two:hover .content_box .overlay { opacity: 0.8; } .news_box.style_four { position: relative; overflow: hidden; border-radius: 10px; min-height: 390px; background: transparent; margin-bottom: 30px; background-position: center; background-repeat: no-repeat; background-size: cover; } .news_box.style_four.no_radius { border-radius: 0px; } .news_box.style_four .overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: var(--primary-color-two); opacity: 0.4; z-index: 0; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .news_box.style_four .date { position: absolute; width: 60px; background: var(--primary-color-one); top: 0; right: 0; padding-bottom: 5px; padding-top: 18px; border-radius: 0px 0px 50px 50px; text-align: center; text-transform: uppercase; } .news_box.style_four .date span { display: block; font-size: 12px; font-family: var(--nas-family-one); font-weight: 600; line-height: 20px; color: #fff; } .news_box.style_four .date span.date_in_number { position: relative; width: 50px; background: #fff; font-size: 18px; line-height: 58px; height: 50px; color: var(--text-color-dark); font-weight: 700; text-align: center; border-radius: 50%; margin: 10px auto 0px; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .news_box.style_four .content_box { position: relative; padding: 300px 25px 25px 25px; } .news_box.style_four .content_box .category { position: relative; z-index: 2; margin-bottom: 12px; } .news_box.style_four .content_box .category a { font-size: 12px; font-family: var(--nas-family-one); font-weight: 600; text-transform: uppercase; color: #fff; } .news_box.style_four .content_box .category a i { margin-right: 6px; } .news_box.style_four .content_box h2 a { display: block; color: #fff; line-height: 30px; font-size: 20px; font-weight: 700; } .news_box.style_four .content_box h2 a:hover { color: var(--primary-color-one); } .news_box.style_four .auhtour_box { position: absolute; z-index: 2; top: 25px; left: -100px; opacity: 0; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .news_box.style_four .auhtour_box img { width: 50px; height: 50px; -o-object-fit: cover; object-fit: cover; float: left; border-radius: 50%; } .news_box.style_four .auhtour_box .contnet_a { position: relative; margin-left: 60px; padding: 6px 0px 0px 0px; } .news_box.style_four .auhtour_box .contnet_a p { font-family: var(--nas-family-one); font-size: 12px; line-height: 18px; font-weight: 600; margin-bottom: 4px; color: #fff; } .news_box.style_four .auhtour_box .contnet_a h4 { font-size: 14px; line-height: 22px; font-weight: 700; color: #fff; } .news_box.style_four:hover { cursor: pointer; } .news_box.style_four:hover .overlay { opacity: 0.8; } .news_box.style_four:hover .auhtour_box { left: 25px; opacity: 1; } .news_box.style_four:hover .date span.date_in_number { transform: rotate(360deg); } .news_box.style_five { background: #fff; position: relative; padding: 30px; border-radius: 5px; border: 1px solid var(--border-color-dark); transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; overflow: hidden; } .news_box.style_five .content_box { position: relative; z-index: 1; } .news_box.style_five::before { position: absolute; content: ""; background: var(--primary-color-one); width: 100%; top: 100%; left: 0; height: 100%; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } .news_box.style_five h2 a { font-size: 20px; color: var(--heading-dark); line-height: 30px; padding: 15px 0px; display: block; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } .news_box.style_five p { transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } .news_box.style_five ul { position: relative; padding-bottom: 15px; border-bottom: 1px solid var(--border-color-dark); transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; margin: 0px; padding-left: 0px; } .news_box.style_five ul li { display: inline-block; padding-right: 12px; } .news_box.style_five ul li span, .news_box.style_five ul li i { margin-right: 5px; color: var(--text-color-light); transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } .news_box.style_five ul li a { color: var(--text-color-dark); transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; font-size: 15px; } .news_box.style_five ul li:last-child { padding-right: 0px; } .news_box.style_five a.link__go { padding-top: 15px; border-top: 1px solid var(--border-color-dark); transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; font-family: var(--nas-family-one); font-size: 15px; display: block; font-weight: 500; color: var(--primary-color-one); } .news_box.style_five a.link__go i { position: relative; left: 6px; top: 3px; font-size: 19px; } .news_box.style_five:hover { border-color: var(--primary-color-one); } .news_box.style_five:hover h2 A { color: #fff; } .news_box.style_five:hover::before { top: 0; } .news_box.style_five:hover p { transform: translateY(-30px); opacity: 0; } .news_box.style_five:hover a.link__go { border-color: rgba(255, 255, 255, 0.2); color: #fff; } .news_box.style_five:hover ul { border-color: rgba(255, 255, 255, 0.2); } .news_box.style_five:hover ul li span, .news_box.style_five:hover ul li i { color: #fff; } .news_box.style_five:hover ul li a { color: #fff; } .news_box.style_six { position: relative; margin-bottom: 30px; } .news_box.style_six .content_box { position: relative; padding: 25px; overflow: hidden; border-radius: 10px; } .news_box.style_six .content_box::before { position: absolute; content: url(../../../images/dot-bg.png); bottom: -249px; left: -36px; width: 100%; height: 100%; z-index: 2; transform: rotate(13deg); transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; } .news_box.style_six .content_box::after { position: absolute; content: url(../../../images/dot-bg.png); right: -33px; top: -243px; width: 100%; height: 100%; z-index: 2; transform: rotate(-170deg); transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; } .news_box.style_six .content_box img { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; left: 0; top: 0; bottom: 0; right: 0; z-index: 0; border-radius: 13px; } .news_box.style_six .content_box .overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: var(--primary-color-three); opacity: 1; z-index: 1; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; border-radius: 10px; } .news_box.style_six .content_box .category { position: relative; z-index: 3; } .news_box.style_six .content_box .category a { font-size: 12px; font-family: var(--nas-family-one); font-weight: 600; text-transform: uppercase; color: var(--text-color-dark); } .news_box.style_six .content_box .category a i { margin-right: 6px; color: var(--primary-color-one); font-size: 14px; } .news_box.style_six .content_box .content_mid { position: relative; z-index: 3; text-align: center; padding: 80px 40px; } .news_box.style_six .content_box .content_mid .date_in_number { display: block; color: var(--text-color-dark); font-family: var(--nas-family-one); font-weight: 600; font-size: 12px; text-transform: uppercase; margin-bottom: 15px; } .news_box.style_six .content_box .content_mid h2 a { display: block; color: var(--heading-dark); line-height: 30px; font-size: 20px; font-weight: 700; } .news_box.style_six .content_box .content_mid h2 a:hover { color: var(--primary-color-one); } .news_box.style_six .content_box .auhtour_box { position: absolute; z-index: 2; bottom: 20px; left: 20px; } .news_box.style_six .content_box .auhtour_box img { width: 50px; height: 50px; -o-object-fit: cover; object-fit: cover; float: left; border-radius: 50%; } .news_box.style_six .content_box .auhtour_box .contnet_a { position: relative; margin-left: 60px; padding: 6px 0px 0px 0px; } .news_box.style_six .content_box .auhtour_box .contnet_a p { font-family: var(--nas-family-one); font-size: 12px; line-height: 18px; font-weight: 600; margin-bottom: 4px; color: var(--text-color-dark); } .news_box.style_six .content_box .auhtour_box .contnet_a h4 { font-size: 14px; line-height: 22px; font-weight: 700; color: var(--heading-dark); } .news_box.style_six:hover { cursor: pointer; } .news_box.style_six:hover .content_box::before { opacity: 0; } .news_box.style_six:hover .content_box::after { opacity: 0; } .news_box.style_six:hover .content_box .overlay { opacity: 0.93; } .news_box.style_seven { position: relative; margin-bottom: 30px; box-shadow: var(--box-shadow-two); border-radius: 10px; overflow: hidden; } .news_box.style_seven .image_box { position: relative; overflow: hidden; } .news_box.style_seven .image_box img { height: 250px; width: 100%; -o-object-fit: cover; object-fit: cover; } .news_box.style_seven .image_box::before { position: absolute; content: ""; top: 0px; border-radius: 5px; left: 0px; opacity: 0; width: 0%; background: var(--primary-color-one); height: 0%; transition: all 0.5s ease-in-out; } .news_box.style_seven .image_box .date { position: absolute; padding: 5px 10px; font-size: 15px; color: #fff; border-radius: 5px; top: 10px; left: 10px; background: var(--primary-color-one); transition: all 0.5s ease-in-out; } .news_box.style_seven .content_box { position: relative; padding: 30px; } .news_box.style_seven .content_box h2 { line-height: normal; } .news_box.style_seven .content_box h2 a { font-size: 20px; display: block; line-height: 28px; color: var(--heading-dark); margin-bottom: 15px; } .news_box.style_seven .content_box ul { position: relative; margin-bottom: 15px; padding-bottom: 15px; margin-left: 0px; padding-left: 0px; border-bottom: 1px solid var(--border-color-dark); } .news_box.style_seven .content_box ul li { position: relative; margin-right: 30px; display: inline-block; } .news_box.style_seven .content_box ul li::before { position: absolute; content: ""; width: 1px; background: var(--border-color-dark); right: -18px; height: 16px; top: 5px; } .news_box.style_seven .content_box ul li:last-child:before { display: none; } .news_box.style_seven .content_box ul li a { font-size: 15px; color: var(--text-color-dark); } .news_box.style_seven .content_box ul li a span { margin-right: 8px; color: var(--primary-color-one); } .news_box.style_seven .content_box ul li:last-child { margin-right: 0px !important; } .news_box.style_seven .content_box a.read_more { position: relative; display: block; margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--border-color-dark); font-size: 15px; line-height: 25px; font-family: var(--nas-family-one); font-weight: 600; } .news_box.style_seven .content_box a.read_more i { position: relative; right: -8px; top: 2px; font-size: 17px; } .news_box.style_seven:hover .image_box::before { opacity: 0.8; width: 100%; height: 100%; } .news_box.style_eight { position: relative; margin-bottom: 30px; } .news_box.style_eight .image_box { position: relative; overflow: hidden; border-radius: 10px; } .news_box.style_eight .image_box img { position: relative; width: 100%; height: 250px; -o-object-fit: cover; object-fit: cover; transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transition: all 700ms ease; } .news_box.style_eight .image_box a { position: absolute; opacity: 0; } .news_box.style_eight .content_box { position: relative; padding: 0px 0px 0px; margin-top: -22px; } .news_box.style_eight .content_box .category { display: inline-block; background: var(--primary-color-one); padding: 10px 20px; font-size: 12px; text-transform: uppercase; line-height: 22px; font-weight: 600; border-radius: 30px; margin-bottom: 20px; margin-left: 20px; } .news_box.style_eight .content_box .category a { color: #fff; } .news_box.style_eight .content_box .category a i { margin-right: 5px; font-size: 15px; position: relative; top: 1px; } .news_box.style_eight .content_box h2 { line-height: normal; } .news_box.style_eight .content_box h2 a { font-size: 20px; line-height: 30px; display: block; color: var(--heading-dark); margin-bottom: 10px; } .news_box.style_eight .content_box a.link__go { display: block; font-size: 16px; line-height: 26px; color: var(--text-color-dark); } .news_box.style_eight .content_box a.link__go i { position: relative; top: 4px; left: 10px; font-size: 20px; } .news_box.style_eight:hover .image_box img { transform: scale(1.2) rotate(2deg); -moz-transform: scale(1.2) rotate(2deg); -ms-transform: scale(1.2) rotate(2deg); -o-transform: scale(1.2) rotate(2deg); } .masonary_enable .style_man:nth-child(2) .news_box.style_four .content_box, .masonary_enable .style_man:nth-child(7) .news_box.style_four .content_box, .masonary_enable .style_man:nth-child(12) .news_box.style_four .content_box, .masonary_enable .style_man:nth-child(17) .news_box.style_four .content_box { padding-top: 680px; } .grid_box .news_box { margin-bottom: 0px !important; } .grid_layout.row .grid_box .news_box { margin-bottom: 30px !important; } .three_column .news_box.default_style.list_view.normal_view .image, .four_column .news_box.default_style.list_view.normal_view .image, .five_column .news_box.default_style.list_view.normal_view .image, .two_column .news_box.default_style.list_view.normal_view .image { height: 280px !important; min-height: 280px !important; } .four_column .news_box.style_six .content_box .content_mid, .four_column .news_box.style_two .content_box .content_mid, .five_column .news_box.style_six .content_box .content_mid, .five_column .news_box.style_two .content_box .content_mid { padding: 90px 0px 0px; } .four_column .news_box.style_six .content_box, .five_column .news_box.style_six .content_box { padding: 25px 30px; } .four_column .news_box.style_six .content_box .content_mid h2 a, .four_column .news_box.style_two .content_box .content_mid h2 a, .five_column .news_box.style_six .content_box .content_mid h2 a, .five_column .news_box.style_two .content_box .content_mid h2 a { font-size: 18px; line-height: 28px; } .four_column .news_box.style_six .content_box, .four_column .news_box.style_two .content_box, .five_column .news_box.style_six .content_box, .five_column .news_box.style_two .content_box { min-height: 400px; } .three_column .news_box.style_six .content_box .content_mid, .three_column .news_box.style_two .content_box .content_mid { padding: 90px 15px 0px; } .three_column .news_box.style_six .content_box, .three_column .news_box.style_two .content_box { min-height: 414px; } .two_column .news_box.style_six .content_box .content_mid, .two_column .news_box.style_two .content_box .content_mid { padding: 90px 40px 0px; } .two_column .news_box.style_six .content_box, .two_column .news_box.style_two .content_box { min-height: 370px; } .one_column .news_box.style_six .content_box .content_mid, .one_column .news_box.style_two .content_box .content_mid { padding: 90px 40px 110px; } .blog_feature_image { position: relative; overflow: hidden; } .blog_feature_image img { width: 100%; height: 400px; -o-object-fit: cover; object-fit: cover; border-radius: 15px; }  .related_post { position: relative; margin-top: 50px; padding-top: 50px; margin-bottom: 20px; border-top: 1px solid var(--border-color-dark); } .related_post .title_sections_inner { position: relative; margin-bottom: 30px; } .related_post .title_sections_inner h2 { font-size: 24px; color: var(--heading-dark); line-height: 34px; } .related_post .news_box.default_style.list_view { box-shadow: none !important; background: var(--primary-color-three); margin-bottom: 20px; } .related_post .news_box.default_style.list_view .image { height: 250px !important; min-height: 250px !important; } .related_post .news_box.default_style.list_view .content_box { padding: 30px !important; } .related_post .news_box.default_style.list_view .content_box h2 a { font-size: 20px; line-height: 30px; margin-bottom: 8px; } .related_post .news_box.default_style.list_view .content_box .source { margin: 0px !important; padding: 0px !important; border-bottom: 0px !important; } .related_post .news_box.default_style.list_view .content_box .source p { margin: 0px !important; } .related_post .arrow_related { position: absolute; right: 0; top: 43px; } .related_post .arrow_related .related-button-next, .related_post .arrow_related .related-button-prev { display: inline-block; position: relative; width: 50px; height: 50px; border-radius: 50px; text-align: center; line-height: 50px; border: 1px solid var(--border-color-dark); } .related_post .arrow_related .related-button-next i, .related_post .arrow_related .related-button-prev i { position: absolute; font-size: 20px; height: 20px; width: 20px; margin: auto; top: 0; bottom: 0; right: 0; left: 0; display: block; } .related_post .arrow_related .related-button-prev { margin-right: 8px; } @media (max-width: 992px) { .arrow_related { top: inherit !important; bottom: -40px; left: 0; margin: auto; text-align: center; } } .news_box.style_nine { position: relative; } .news_box.style_nine .content_box { position: relative; padding: 25px 25px 32px; border-top: 1px solid var(--border-color-dark); border-left: 1px solid var(--border-color-dark); border-right: 1px solid var(--border-color-dark); border-radius: 5px 5px 0px 0px; background: #fff; } .news_box.style_nine .content_box .category a { display: block; font-size: 16px; line-height: 26px; color: var(--primary-color-one); margin-bottom: 10px; } .news_box.style_nine .content_box .category a i { position: relative; margin-right: 5px; } .news_box.style_nine .content_box .date { position: absolute; width: 66px; height: 66px; border-radius: 50%; background: var(--primary-color-one); border: 4px solid var(--primary-color-three); right: 15px; padding: 9px 10px 0px; text-align: center; bottom: -33px; z-index: 1; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } .news_box.style_nine .content_box .date span { display: block; color: #fff; font-family: var(--nas-family-one); font-weight: 600; font-size: 12px; text-transform: uppercase; } .news_box.style_nine .content_box .date span.date_in_number { font-size: 18px; line-height: 24px; } .news_box.style_nine .content_box h2 { line-height: normal; } .news_box.style_nine .content_box h2 a { font-size: 20px; line-height: 30px; margin-bottom: 4px; color: var(--heading-dark); display: block; } .news_box.style_nine .image_box { position: relative; overflow: hidden; height: 220px; margin-bottom: 5px; border-radius: 0px 0px 5px 5px; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } .news_box.style_nine .image_box::before { position: absolute; content: ""; width: 100%; height: 100%; left: -100%; border-radius: 0px 0px 5px 5px; top: 0; background: linear-gradient( 90deg, var(--primary-color-two) 40%, rgba(0, 0, 0, 0.09) 180% ); transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } .news_box.style_nine .image_box img { border-radius: 0px 0px 5px 5px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .news_box.style_nine:hover .image_box::before { left: 0; opacity: 0.9; } .news_box.style_nine:hover .content_box .date { border-color: var(--primary-color-one); } .news_box.style_ten { position: relative; padding: 15px; box-shadow: var(--box-shadow-two); background: #fff; transform: translateY(0px); transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } .news_box.style_ten .image_box { position: relative; overflow: hidden; margin-bottom: 25px; } .news_box.style_ten .image_box::before { position: absolute; content: ""; width: 100%; height: 100%; background: #fff; top: 0; left: 0; bottom: 0; right: 0; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; opacity: 0; } .news_box.style_ten .image_box img { height: 200px; -o-object-fit: cover; object-fit: cover; width: 100%; } .news_box.style_ten:hover { transform: translateY(-10px); } .news_box.style_ten:hover .image_box:before { opacity: 0.5; } .news_box.style_ten h2 { line-height: normal; } .news_box.style_ten h2 a { font-size: 18px; line-height: 30px; margin-bottom: 15px; color: var(--heading-dark); display: block; } .news_box.style_ten ul { padding: 0px; position: relative; margin: 0px 0px 5px; } .news_box.style_ten ul li { display: inline-block; margin-right: 15px; font-size: 15px; } .news_box.style_ten ul li.cag { position: relative; padding: 5px 15px; background: var(--primary-color-one); } .news_box.style_ten ul li.cag a { color: #fff; } .news_box.style_ten ul li.cag i { display: none; } .news_box.style_ten ul li.dte i { color: var(--primary-color-one); margin-right: 5px; } .news_box.style_ten ul li:last-child { margin-right: 0px; }  .team_box { position: relative; margin-bottom: 30px; } .team_box.style_one .team_box_outer { position: relative; min-height: 370px; border-radius: 10px; overflow: hidden; cursor: pointer; } .team_box.style_one .team_box_outer .member_image { position: relative; overflow: hidden; } .team_box.style_one .team_box_outer .member_image img { width: 100%; height: 370px; -o-object-fit: cover; object-fit: cover; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .team_box.style_one .team_box_outer .member_image::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; bottom: -30px; background: linear-gradient( to top, var(--primary-color-two) 6%, rgba(0, 0, 0, 0) 70% ); z-index: 9; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .team_box.style_one .team_box_outer .about_member { position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; z-index: 15; } .team_box.style_one .team_box_outer .about_member .share_media { position: absolute; top: 0; right: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .team_box.style_one .team_box_outer .about_member .share_media ul { position: absolute; width: 54px; height: auto; padding: 10px 7px 4px; background: var(--primary-color-one); border-radius: 0px 0px 50px 50px; top: 0; right: 0; opacity: 0; z-index: 1; margin: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transform: translateY(-40px); } .team_box.style_one .team_box_outer .about_member .share_media ul li { display: block; margin: 5px 0px; cursor: pointer; } .team_box.style_one .team_box_outer .about_member .share_media ul li i, .team_box.style_one .team_box_outer .about_member .share_media ul li a { width: 40px; height: 40px; line-height: 40px; display: block; color: var(--text-color-dark); background: #fff; text-align: center; border-radius: 50%; } .team_box.style_one .team_box_outer .about_member .share_media ul li.shar_alt i, .team_box.style_one .team_box_outer .about_member .share_media ul li.shar_alt a { background: transparent; border: 1px dashed #fff; color: #fff; } .team_box.style_one .team_box_outer .about_member .share_media ul.first { opacity: 1; z-index: 2; padding: 15px 7px 8px; transform: translateY(0px); } .team_box.style_one .team_box_outer .about_member .share_media ul.first li { margin: 0px 0px; } .team_box.style_one .team_box_outer .about_member .share_media ul.first .text { transform: rotate(-90deg); margin-bottom: 30px; margin-top: 17px; color: #fff; font-size: 15px; font-weight: 400; font-family: var(--nas-family-two); text-transform: uppercase; display: inline-block; margin-left: -4px; } .team_box.style_one .team_box_outer .about_member .share_media:hover ul { opacity: 1; transform: translateY(0); } .team_box.style_one .team_box_outer .about_member .share_media:hover ul.first { opacity: 0; transform: translateY(-40px); } .team_box.style_one .team_box_outer .about_member .authour_details { position: absolute; width: 100%; height: auto; padding: 20px 25px; bottom: 0; left: 0; } .team_box.style_one .team_box_outer .about_member .authour_details span { display: block; font-size: 12px; line-height: 20px; font-weight: 600; font-weight: 600; color: #fff; text-transform: uppercase; font-family: var(--nas-family-one); margin-bottom: 10px; transition: all 0.45s ease; -moz-transition: all 0.45s ease; -o-transition: all 0.45s ease; -ms-transition: all 0.45s ease; } .team_box.style_one .team_box_outer .about_member .authour_details h6 { font-size: 22px; font-weight: 700; color: #fff; display: block; line-height: 30px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .team_box.style_one .team_box_outer .about_member .authour_details .button_view { position: absolute; left: 25px; transform: translateX(-100%); bottom: 25px; opacity: 0; transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; } .team_box.style_one .team_box_outer:hover .about_member .authour_details span { transform: translateX(-140%); } .team_box.style_one .team_box_outer:hover .about_member .authour_details h6 { transform: translateX(-140%); } .team_box.style_one .team_box_outer:hover .about_member .authour_details .button_view { left: 25px; opacity: 1; transform: translateX(0%); } .team_box.style_one .team_box_outer:hover .member_image img { transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); } .team_box.style_one .team_box_outer:hover .member_image::before { bottom: 0; } .team_box.style_two .team_box_outer { position: relative; background: var(--primary-color-three); margin-bottom: 30px; margin: 0px 0px 30px; border-radius: 0px 0px 5px 5px; } .team_box.style_two .team_box_outer .image_box { position: relative; overflow: hidden; } .team_box.style_two .team_box_outer .image_box img { height: 250px; width: 100%; -o-object-fit: cover; object-fit: cover; } .team_box.style_two .team_box_outer .image_box::before { position: absolute; content: ""; top: 100%; left: 0px; width: 100%; height: 100%; display: block; opacity: 0; text-align: center; transition: all 0.5s; background-color: var(--primary-color-two); z-index: 10; } .team_box.style_two .team_box_outer .image_box .overlay { position: absolute; top: 0%; left: 0; z-index: 10; width: 100%; height: 100%; } .team_box.style_two .team_box_outer .image_box .overlay .read_m { position: absolute; top: 38%; opacity: 0; text-align: center; left: 0; font-size: 16px; font-weight: 500; right: 0; left: 0; width: 100%; font-family: var(--nas-family-one); text-align: center; transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; color: #fff; } .team_box.style_two .team_box_outer .image_box .overlay .read_m i { position: relative; font-size: 16px; display: inline-block; top: 1px; } .team_box.style_two .team_box_outer .image_box .overlay ul { padding: 0; margin: 0; position: absolute; width: 100%; bottom: 40px; text-align: center; } .team_box.style_two .team_box_outer .image_box .overlay ul li { padding: 0px 10px; display: inline-block; transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; } .team_box.style_two .team_box_outer .image_box .overlay ul li:first-child { transform: translateY(200px); } .team_box.style_two .team_box_outer .image_box .overlay ul li:nth-child(2) { transform: translateY(300px); } .team_box.style_two .team_box_outer .image_box .overlay ul li:nth-child(3) { transform: translateY(400px); } .team_box.style_two .team_box_outer .image_box .overlay ul li:last-child { transform: translateY(500px); } .team_box.style_two .team_box_outer .image_box .overlay ul li a { color: var(--primary-color-two); font-size: 15px; width: 50px; height: 50px; line-height: 50px; display: block; text-align: center; background: #fff; transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; } .team_box.style_two .team_box_outer .image_box .overlay ul li a:hover { color: #fff; background: var(--primary-color-one); } .team_box.style_two .team_box_outer .content_box { position: relative; text-align: center; overflow: hidden; padding: 30px 30px; z-index: 0; border-radius: 0px 0px 5px 5px; } .team_box.style_two .team_box_outer .content_box::before { position: absolute; content: ""; width: 100%; left: 0; height: 100%; top: 100%; background: var(--primary-color-one); transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; z-index: -1; } .team_box.style_two .team_box_outer .content_box h2 a { position: relative; display: block; font-size: 18px; line-height: 26px; margin-bottom: 5px; color: var(--heading-dark); } .team_box.style_two .team_box_outer .content_box p { margin-bottom: 0px; } .team_box.style_two .team_box_outer .content_box p.job_details { font-weight: 600; font-family: var(--nas-family-one); font-size: 16px; color: var(--primary-color-one); margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--border-color-dark); transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; } .team_box.style_two .team_box_outer:hover .image_box::before { opacity: 0.9; top: 0; } .team_box.style_two .team_box_outer:hover .image_box .overlay .read_m { color: #fff; top: 34%; opacity: 1; } .team_box.style_two .team_box_outer:hover .image_box .overlay ul li { transform: translateY(0); } .team_box.style_two .team_box_outer:hover .content_box::before { top: 0; } .team_box.style_two .team_box_outer:hover .content_box h2 a { color: #fff; } .team_box.style_two .team_box_outer:hover .content_box p { color: #fff; opacity: 0.8; } .team_box.style_two .team_box_outer:hover .content_box p.job_details { color: #fff; opacity: 1; border-color: rgba(255, 255, 255, 0.1); } .team_box.style_three .team_box_outer { position: relative; } .team_box.style_three .team_box_outer .image_box { position: relative; margin-top: 10px; margin-bottom: 20px; overflow: hidden; border-radius: 10px; } .team_box.style_three .team_box_outer .image_box::before { position: absolute; content: ""; top: 0px; border-radius: 5px; left: 0; opacity: 0; width: 0%; background: var(--primary-color-one); height: 0%; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .team_box.style_three .team_box_outer .image_box img { width: 100%; height: 300px; -o-object-fit: cover; object-fit: cover; } .team_box.style_three .team_box_outer .image_box .share_links { position: absolute; content: ""; right: 0px; width: 100%; padding: 20px; height: 100%; bottom: 0px; } .team_box.style_three .team_box_outer .image_box .share_links a.shar_icon { position: absolute; width: 40px; height: 40px; font-size: 14px; color: var(--primary-color-one); bottom: 20px; right: 20px; line-height: 40px; background: #fff; border-radius: 50px; text-align: center; display: block; z-index: 10; transition: all 0.9s ease-in-out; transform: rotate(0); } .team_box.style_three .team_box_outer .image_box .share_links ul { position: absolute; width: 40px; padding: 10px 0px; border-radius: 30px; bottom: 20px; right: 20px; opacity: 0; transition: all 0.9s ease-in-out; background: #fff; z-index: 0; padding-bottom: 30px; background: var(--primary-color-two); } .team_box.style_three .team_box_outer .image_box .share_links ul li { display: block; padding: 5px 15px; } .team_box.style_three .team_box_outer .image_box .share_links ul li a { font-size: 15px; color: #fff; } .team_box.style_three .team_box_outer .content_box { position: relative; } .team_box.style_three .team_box_outer .content_box h2 { font-size: 20px; line-height: 28px; margin-bottom: 5px; } .team_box.style_three .team_box_outer .content_box h6 { font-size: 16px; margin-bottom: 10px; color: var(--primary-color-one); font-weight: 500; } .team_box.style_three .team_box_outer .content_box p { margin-bottom: 0px; } .team_box.style_three .team_box_outer:hover .image_box::before { opacity: 0.8; width: 100%; height: 100%; } .team_box.style_three .team_box_outer:hover .image_box .share_links a.shar_icon { transform: rotate(360deg); color: var(--primary-color-two); } .team_box.style_three .team_box_outer:hover .image_box .share_links ul { opacity: 1; } .team_box.style_four { position: relative; } .team_box.style_four .team_box_outer { position: relative; padding: 10px; background: #fff; border-radius: 5px; } .team_box.style_four .team_box_outer .image_box { position: relative; height: 220px; overflow: hidden; border-radius: 5px; margin: auto; z-index: 1; } .team_box.style_four .team_box_outer .image_box::after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; right: 0; bottom: -100%; background: linear-gradient( 0deg, var(--primary-color-two) 40%, rgba(0, 0, 0, 0.09) 150% ); border-radius: 0px; opacity: 0.8; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .team_box.style_four .team_box_outer .image_box img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 5px; } .team_box.style_four .team_box_outer .content_box { position: relative; padding: 30px 15px 10px 15px; background: #fff; text-align: center; } .team_box.style_four .team_box_outer .content_box .share_links { position: relative; } .team_box.style_four .team_box_outer .content_box .share_links ul { margin-left: 0px; padding-left: 0px; margin-bottom: 10px; } .team_box.style_four .team_box_outer .content_box .share_links ul li { display: inline-block; padding: 0px 5px; } .team_box.style_four .team_box_outer .content_box .share_links ul li a { width: 30px; height: 30px; background: transparent; color: var(--primary-color-one); border: 1px solid var(--primary-color-three); border-radius: 30px; line-height: 30px; display: block; text-align: center; font-size: 14px; } .team_box.style_four .team_box_outer .content_box h2 { line-height: normal; } .team_box.style_four .team_box_outer .content_box h2 a { font-size: 20px; line-height: 30px; margin-bottom: 4px; display: block; } .team_box.style_four .team_box_outer .content_box h6 { font-size: 16px; line-height: 26px; color: var(--primary-color-one); font-weight: 500; margin-bottom: 10px; } .team_box.style_four .team_box_outer:hover .image_box::after { bottom: 0%; }  .team_intro_box { position: relative; } .team_intro_box .team_intro_inner { position: relative; overflow: hidden; border-radius: 10px; min-height: 480px; } .team_intro_box .team_intro_inner .image_bg { position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; } .team_intro_box .team_intro_inner .image_bg::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; background: var(--primary-color-two); opacity: 0.9; z-index: 2; } .team_intro_box .team_intro_inner .team_intro_start { position: relative; z-index: 3; } .team_intro_box .team_intro_inner .team_intro_start .left_content { position: relative; padding: 80px 60px 80px; } .team_intro_box .team_intro_inner .team_intro_start .title { margin-bottom: 30px; } .team_intro_box .team_intro_inner .team_intro_start .title h6 { font-size: 30px; font-weight: 700; text-decoration: underline; color: var(--primary-color-one); line-height: 40px; margin-bottom: 5px; } .team_intro_box .team_intro_inner .team_intro_start .title h1 { font-size: 44px; font-weight: 700; color: #fff; line-height: 54px; margin-bottom: 10px; } .team_intro_box .team_intro_inner .team_intro_start .quotes { position: relative; padding-left: 75px; margin-bottom: 20px; margin-bottom: 20px; } .team_intro_box .team_intro_inner .team_intro_start .quotes span { position: absolute; left: 0; top: 0; font-size: 46px; line-height: 46px; color: #fff; } .team_intro_box .team_intro_inner .team_intro_start .quotes h5 { font-size: 22px; font-weight: 700; color: #fff; line-height: 36px; margin-bottom: 10px; } .team_intro_box .team_intro_inner .team_intro_start .authour_dtls { position: relative; margin-left: 75px; } .team_intro_box .team_intro_inner .team_intro_start .authour_dtls img { margin-bottom: 10px; } .team_intro_box .team_intro_inner .team_intro_start .authour_dtls h4 { font-size: 18px; font-weight: 600; color: #fff; line-height: 28px; } .team_intro_box .team_intro_inner .team_intro_start .authour_dtls h4 span { color: var(--primary-color-one); font-family: var(--nas-family-two); font-size: 16px; font-weight: 400; } .team_intro_box .image_right { position: absolute; right: 0; top: 0; z-index: 2; margin: -50px 13px 0px 0px; height: 536px; } .team_intro_box .image_right img { width: auto !important; height: 536px; }  .team_box_all { position: relative; } .team_box.type_one { position: relative; background: var(--color-white); box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.06); margin-bottom: 30px; border-radius: 10px; } .team_box.type_one .image_box { position: relative; overflow: hidden; } .team_box.type_one .image_box img { border-radius: 10px; } .team_box.type_one .image_box::before { position: absolute; content: ""; top: 0px; left: 0px; width: 100%; height: 100%; display: block; opacity: 0; text-align: center; transform: perspective(400px) rotateX(-90deg); transform-origin: top; transition: all 0.5s; background-color: var(--heading-dark); z-index: 10; border-radius: 10px; } .team_box.type_one .image_box .overlay { position: absolute; top: 40%; left: 0; z-index: 10; width: 100%; height: 100%; } .team_box.type_one .image_box .overlay ul { position: relative; text-align: center; } .team_box.type_one .image_box .overlay ul li { padding: 0px 2px; display: inline-block; transition: all 0.6s ease-in-out; opacity: 0; } .team_box.type_one .image_box .overlay ul li a { color: var(--heading-dark); width: 50px; height: 50px; line-height: 50px; border-radius: 50px; display: block; text-align: center; background: var(--color-white); transition: all 0.6s ease-in-out; } .team_box.type_one .image_box .overlay ul li a i { line-height: 50px; display: block; } .team_box.type_one .image_box .overlay ul li:hover a { color: var(--color-white); background: var(--primary-color-one); } .team_box.type_one .image_box .overlay ul li:first-child { transform: translateY(-200px); } .team_box.type_one .image_box .overlay ul li:nth-child(2) { transform: translateY(-300px); } .team_box.type_one .image_box .overlay ul li:nth-child(3) { transform: translateY(-400px); } .team_box.type_one .image_box .overlay ul li:last-child { transform: translateY(-500px); } .team_box.type_one .content_box { position: relative; text-align: center; padding: 30px 20px; } .team_box.type_one .content_box p { margin-bottom: 0px; } .team_box.type_one .content_box h2 a { position: relative; display: block; font-size: 22px; line-height: 30px; margin-bottom: 8px; color: #000; } .team_box.type_one .content_box h2 a:hover { color: var(--primary-color-one); } .team_box.type_one .content_box h6 { color: var(--primary-color-one); font-weight: 500; font-size: 18px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--border-color-dark); transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .team_box.type_one:hover .image_box::before { opacity: 0.8; transform: perspective(400px) rotateX(0deg); transition: all 700ms ease 100ms; } .team_box.type_one:hover .image_box .overlay ul li { transform: translateY(0); opacity: 1; }  .service_section { position: relative; } .service_box { position: relative; } .service_box.style_one .service_content { position: relative; cursor: pointer; background: #fff; padding: 30px; box-shadow: var(--box-shadow); border-radius: 10px; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } .service_box.style_one .service_content .image { position: relative; margin-bottom: 20px; } .service_box.style_one .service_content .image img { width: auto; display: block; } .service_box.style_one .service_content .image.image_fit { overflow: hidden; width: 100%; border-radius: 10px; height: 100%; } .service_box.style_one .service_content .image.image_fit::before { position: absolute; content: ""; width: 50%; height: 100%; left: -50%; top: 0; bottom: 0; background: var(--primary-color-one); opacity: 0; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; border-radius: 10px 0px 0px 10px; } .service_box.style_one .service_content .image.image_fit::after { position: absolute; content: ""; width: 50%; height: 100%; right: -50%; top: 0; bottom: 0; background: var(--primary-color-one); opacity: 0; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; border-radius: 0px 10px 10px 0px; } .service_box.style_one .service_content .image.image_fit img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 5px; transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .service_box.style_one .service_content .content_inner { position: relative; } .service_box.style_one .service_content .content_inner h2 a { font-size: 22px; font-weight: 700; color: var(--heading-dark); display: block; line-height: 32px; margin-bottom: 10px; } .service_box.style_one .service_content .content_inner h2 a:hover { color: var(--primary-color-one); } .service_box.style_one .service_content .content_inner a.read_more { font-size: 12px; line-height: 26px; font-weight: 600; font-family: var(--nas-family-one); color: var(--heading-dark); position: relative; text-transform: uppercase; transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .service_box.style_one .service_content .content_inner a.read_more::before { position: absolute; content: "\f105"; font-family: "FontAwesome"; right: -16px; top: -4px; font-size: 17px; color: var(--heading-dark); height: 15px; line-height: 15px; transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .service_box.style_one .service_content .content_inner a.read_more:hover { color: var(--primary-color-one); } .service_box.style_one .service_content .content_inner a.read_more:hover::before { right: -25px; color: var(--primary-color-one); } .service_box.style_one .service_content:hover .image_fit::before { left: 0; opacity: 0.8; } .service_box.style_one .service_content:hover .image_fit::after { right: 0; opacity: 0.8; } .service_box.style_one .service_content:hover .content_inner h2 a { color: var(--primary-color-one); } .service_box.style_one .service_content:hover { transform: translateY(-10px); } .service_box.style_one.light_color .service_content { background: var(--primary-color-two); } .service_box.style_one.light_color .service_content h2 a { color: #fff; } .service_box.style_one.light_color .service_content p { color: #fff; opacity: 0.8; } .service_box.style_one.light_color .service_content a.read_more { color: #fff; } .service_box.style_one.light_color .service_content a.read_more::before { color: #fff; } .service_box.style_two .service_content_two { position: relative; overflow: hidden; border-radius: 10px; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } .service_box.style_two .service_content_two .content_inner { position: relative; padding: 20px; background-size: cover; background-position: center; background-repeat: no-repeat; } .service_box.style_two .service_content_two .content_inner .content_inner_in { background: #fff; height: 100%; width: 100%; top: 0; padding: 25px; border-radius: 10px 0px 10px 0px; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } .service_box.style_two .service_content_two .content_inner .content_inner_in .icon_image { position: relative; text-align: center; margin-bottom: 20px; } .service_box.style_two .service_content_two .content_inner .content_inner_in .icon_image img { width: 90px; margin: auto; } .service_box.style_two .service_content_two .content_inner ul { margin: 0; padding: 0; } .service_box.style_two .service_content_two .content_inner ul li { padding-left: 20px; list-style: none; font-size: 16px; line-height: 26px; color: var(--text-color-dark); font-weight: 400; position: relative; margin-bottom: 8px; } .service_box.style_two .service_content_two .content_inner ul li::before, .service_box.style_two .service_content_two .content_inner ul li:after { position: absolute; content: ""; width: 6px; height: 6px; background: var(--primary-color-one); left: 0; top: 0; bottom: 0; margin: auto; } .service_box.style_two .service_content_two .content_inner ul li:after { opacity: 0.6; left: 6px; } .service_box.style_two .service_content_two .content_inner h2 a { font-size: 22px; font-weight: 700; color: var(--heading-dark); display: block; line-height: 30px; margin-bottom: 10px; } .service_box.style_two .service_content_two .ovarlay_link { position: absolute; width: 60px; height: 60px; border-radius: 10px 0px 10px 0px; background: var(--primary-color-one); text-align: center; line-height: 64px; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; opacity: 0; top: 50%; left: 50%; transform: translate(-50%, -150%); -ms-transform: translate(-50%, -150%); } .service_box.style_two .service_content_two .ovarlay_link a { width: 60px; height: 60px; display: block; } .service_box.style_two .service_content_two .ovarlay_link i { color: #fff; } .service_box.style_two .service_content_two .overlay_content { position: absolute; opacity: 0; width: 100%; height: auto; left: 0; bottom: 0; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); padding: 25px; background: #fff; } .service_box.style_two .service_content_two .overlay_content h2 a { font-size: 22px; font-weight: 700; color: var(--heading-dark); display: block; line-height: 30px; margin-bottom: 10px; } .service_box.style_two .service_content_two .overlay_content p { margin: 0px; } .service_box.style_two .service_content_two:hover { box-shadow: var(--box-shadow); } .service_box.style_two .service_content_two:hover .ovarlay_link { opacity: 1; } .service_box.style_two .service_content_two:hover .content_inner_in { opacity: 0; transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); } .service_box.style_two .service_content_two:hover .overlay_content { bottom: 0; opacity: 1; transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); } .service_box.style_two .service_content_two.active_ser { box-shadow: var(--box-shadow); } .service_box.style_two .service_content_two.active_ser .ovarlay_link { opacity: 1; } .service_box.style_two .service_content_two.active_ser .content_inner_in { opacity: 0; transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); } .service_box.style_two .service_content_two.active_ser .overlay_content { bottom: 0; opacity: 1; transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); } .service_box.style_two.light_color .service_content_two .content_inner_in { background: var(--primary-color-two); } .service_box.style_two.light_color .service_content_two .content_inner_in h2 a { color: #fff; } .service_box.style_two.light_color .service_content_two .content_inner_in p { color: #fff; opacity: 0.6; } .service_box.style_two.light_color .service_content_two .content_inner_in ul li { color: #fff; opacity: 0.6; } .service_box.style_two.light_color .overlay_content { background: var(--primary-color-two); } .service_box.style_two.light_color .overlay_content h2 a { color: #fff; } .service_box.style_two.light_color .overlay_content p { color: #fff; opacity: 0.6; } .service_box.style_three { margin-left: 25px; } .service_box.style_three .service_content { position: relative; padding: 25px; background: #fff; border-radius: 0px 0px 30px 0px; box-shadow: var(--box-shadow); } .service_box.style_three .service_content .content_inner { position: relative; padding-top: 85px; } .service_box.style_three .service_content .content_inner span { position: absolute; top: -50px; left: -50px; width: 110px; height: 110px; background: var(--primary-color-one); color: #fff; border-radius: 50%; text-align: center; font-size: 35px; line-height: 110px; } .service_box.style_three .service_content .content_inner span i { position: absolute; width: 110px; height: 110px; background: transparent; top: -10px; left: 9px; border: 4px solid var(--primary-color-two); border-radius: 50%; transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; } .service_box.style_three .service_content .content_inner .nom { position: absolute; top: 0; right: 0; font-size: 24px; font-family: var(--nas-family-one); line-height: 60px; font-weight: 700; color: var(--primary-color-one); opacity: 0.5; transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; } .service_box.style_three .service_content .content_inner h2 a { font-size: 22px; line-height: 32px; font-weight: 700; display: block; color: var(--heading-dark); margin-bottom: 10px; } .service_box.style_three .service_content .content_inner h2 a:hover { color: var(--primary-color-one); } .service_box.style_three .service_content .content_inner .read_more { font-size: 12px; font-weight: 600; color: var(--heading-dark); text-transform: uppercase; display: block; line-height: 23px; font-family: var(--nas-family-one); margin-top: 5px; } .service_box.style_three .service_content .content_inner .read_more i { font-size: 11px; display: inline-block; position: relative; font-size: 20px; top: 3px; left: 5px; } .service_box.style_three .service_content .content_inner .read_more:hover { color: var(--primary-color-one); } .service_box.style_three:hover .service_content .content_inner span i { top: 0; left: 0; } .service_box.style_three:hover .service_content .content_inner small { font-size: 60px; color: var(--primary-color-one); } .service_box.style_four .service_content { position: relative; padding: 0px 20px 20px 20px; box-shadow: var(--box-shadow); background: #fff; border-radius: 10px; text-align: center; margin-top: 20px; } .service_box.style_four .service_content .image_box { position: relative; overflow: hidden; border-radius: 10px; top: -20px; } .service_box.style_four .service_content .image_box img { width: 100%; height: 230px; -o-object-fit: cover; object-fit: cover; } .service_box.style_four .service_content .image_box span { position: absolute; display: block; bottom: 10px; right: 10px; width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 10px 0px 10px 0px; background: #fff; font-size: 25px; color: var(--primary-color-one); transition: 0.5s ease-in-out !important; -moz-transition: 0.5s ease-in-out !important; -o-transition: 0.5s ease-in-out !important; -ms-transition: 0.5s ease-in-out !important; } .service_box.style_four .service_content .image_box::before { position: absolute; content: ""; width: 100%; height: 100%; bottom: -100%; left: 0; background: rgb(0 73 237 / 55%); opacity: 0; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } .service_box.style_four .service_content .content_inner { position: relative; padding: 5px 15px; } .service_box.style_four .service_content .content_inner h2 a { display: block; font-size: 20px; line-height: 30px; color: var(--heading-dark); margin-bottom: 8px; } .service_box.style_four .service_content .content_inner p { text-transform: uppercase; margin-bottom: 0px; font-size: 12px; font-family: var(--nas-family-one); font-weight: 500; color: var(--primary-color-one); line-height: 22px; } .service_box.style_four .service_content:hover .image_box span { background: var(--primary-color-one); color: #fff; } .service_box.style_four .service_content:hover .image_box::before { bottom: 0; opacity: 0.9; } .service_box.style_five .service_content { position: relative; } .service_box.style_five .service_content .image_box { position: relative; overflow: hidden; height: 220px; margin-bottom: 5px; border-radius: 5px; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } .service_box.style_five .service_content .image_box img { border-radius: 5px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .service_box.style_five .service_content .image_box::before { position: absolute; content: ""; width: 100%; height: 100%; left: -100%; border: 5px; top: 0; background: linear-gradient( 90deg, var(--primary-color-two) 40%, rgba(0, 0, 0, 0.09) 180% ); transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } .service_box.style_five .service_content .content_inner { position: relative; padding: 25px 20px; border: 1px solid var(--border-color-dark); border-radius: 5px; background: #fff; } .service_box.style_five .service_content .content_inner span { display: block; position: absolute; width: 60px; border-radius: 5px; color: var(--primary-color-one); border: 1px solid var(--border-color-dark); height: 60px; left: 20px; top: 0px; bottom: 0; margin: auto; font-size: 30px; text-align: center; line-height: 60px; border-radius: 50px; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } .service_box.style_five .service_content .content_inner .text_box { position: relative; margin-left: 80px; } .service_box.style_five .service_content .content_inner .text_box h2 { line-height: normal; } .service_box.style_five .service_content .content_inner .text_box h2 a { font-size: 20px; font-weight: 700; color: var(--heading-dark); line-height: 30px; margin-bottom: 6px; display: block; } .service_box.style_five .service_content .content_inner .text_box p { margin-bottom: 0px; } .service_box.style_five .service_content:hover .image_box::before { left: 0; opacity: 0.9; } .service_box.style_five .service_content:hover .content_inner span { border-color: var(--primary-color-one); background: var(--primary-color-one); color: #fff; } .service_box.type_one { position: relative; margin: 0px 0px 30px; background: var(--color-white); border-radius: 6px; overflow: hidden; box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.04); } .service_box.type_one .image_box { position: relative; border-top-left-radius: 6px; border-top-right-radius: 6px; overflow: hidden; display: block; } .service_box.type_one .image_box img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; height: 350px; } .service_box.type_one .image_box .overlay { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; } .service_box.type_one .image_box .overlay:before { position: absolute; width: 0%; height: 100%; border-top-left-radius: 6px; border-top-right-radius: 6px; right: 0; top: 0; content: ""; background: var(--heading-dark); transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .service_box.type_one .content_box { position: relative; padding: 45px 30px 30px; } .service_box.type_one .content_box h2 a { position: relative; font-size: 20px; display: block; font-weight: 700; color: var(--heading-dark); line-height: 30px; margin-bottom: 8px; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .service_box.type_one .content_box h2 a:hover { color: var(--primary-color-one); } .service_box.type_one .content_box .icon_box { position: absolute; width: 100%; left: 0; top: -36px; } .service_box.type_one .content_box .icon_box .icon_box_inner { position: relative; margin: 0px 30px; } .service_box.type_one .content_box .icon_box .icon_box_inner:before { position: absolute; content: ""; width: 100%; left: 2px; top: 34px; height: 5px; background: var(--primary-color-one); transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .service_box.type_one .content_box .icon_box .icon_box_inner .icon { width: 60px; height: 60px; line-height: 60px; display: block; background: var(--primary-color-one); text-align: center; border-radius: 50%; color: var(--color-white); font-size: 35px; position: relative; z-index: 1; right: inherit; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .service_box.type_one .content_box p { margin-bottom: 15px; } .service_box.type_one:hover .image_box .overlay:before { width: calc(100% + 60px); left: -30px; opacity: 0.8; } .service_box.type_two { position: relative; background: var(--color-white); border-radius: 10px; margin: 0px 0px 30px; padding: 10px 10px 30px; text-align: center; box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.06); } .service_box.type_two .icon_box { position: relative; width: 100%; text-align: center; z-index: 11; bottom: 0; left: 0; height: 30px; } .service_box.type_two .icon_box .icon { width: 60px; height: 60px; line-height: 60px; display: block; background: var(--primary-color-one); text-align: center; border-radius: 50%; color: var(--color-white); font-size: 40px; position: absolute; z-index: 1; right: inherit; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; left: 0; right: 0; margin: auto; } .service_box.type_two .image_box { position: relative; z-index: 0; overflow: hidden; border-radius: 10px; } .service_box.type_two .image_box img { position: relative; border-radius: 10px; } .service_box.type_two .image_box::before { position: absolute; content: ""; top: 0px; left: 0px; width: 102%; border-radius: 10px; height: 102%; display: block; opacity: 0; text-align: center; transform: perspective(400px) rotateX(-90deg); transform-origin: top; transition: all 0.5s; background-color: var(--heading-dark); z-index: 10; } .service_box.type_two .content_heaing { position: relative; padding: 20px 20px 0px; } .service_box.type_two .content_heaing h2 a { display: block; position: relative; font-size: 20px; color: var(--heading-dark); line-height: 30px; margin-bottom: 10px; } .service_box.type_two .content_heaing p { margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(34, 34, 34, 0.1); margin-bottom: 20px; } .service_box.type_two .btn_box { position: relative; padding-top: 20px; } .service_box.type_two:hover .image_box::before { opacity: 0.9; transform: perspective(400px) rotateX(0deg); transition: all 700ms ease 100ms; } .service_box.type_two.light_color { background: rgba(40, 47, 59, 0.09); } .service_box.type_two.light_color .icon_box .icon { background: var(--color-white); color: var(--primary-color-one); } .service_box.type_two.light_color .content_heaing h2 a { color: var(--color-white); } .service_box.type_two.light_color .content_heaing p { color: var(--color-white); border-color: rgba(255, 255, 255, 0.05); } .service_box.type_two.light_color .btn_box a { color: var(--color-white); } .service_box.type_three { position: relative; padding: 5px; background: var(--color-white); margin-bottom: 20px; } .service_box.type_three .image_box { position: relative; overflow: hidden; } .service_box.type_three .image_box img { height: 300px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .service_box.type_three .image_box .overlay { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; } .service_box.type_three .image_box .overlay:before { position: absolute; width: 0%; height: 100%; border-top-left-radius: 6px; border-top-right-radius: 6px; right: 0; top: 0; content: ""; background: var(--heading-dark); transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .service_box.type_three .content_box { padding: 25px 25px 20px; position: relative; } .service_box.type_three .content_box .icon_box { position: absolute; top: -55px; width: 60px; height: 60px; background: var(--primary-color-one); right: 1px; z-index: 1; text-align: center; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .service_box.type_three .content_box .icon_box img { width: 40px; height: auto; margin: auto; } .service_box.type_three .content_box .icon_box i { font-size: 40px; line-height: 60px; color: var(--color-white); } .service_box.type_three .content_box h2 a { font-size: 20px; line-height: 30px; display: block; margin-bottom: 10px; } .service_box.type_three .content_box p { margin-bottom: 0px; } .service_box.type_three:hover .image_box .overlay:before { width: calc(100% + 60px); left: -30px; opacity: 0.8; } .service_post { position: relative; } .service_post.style_one { border-top: 2px solid var(--primary-color-one); margin-bottom: 40px; cursor: pointer; } .service_post.style_one .image { position: relative; overflow: hidden; } .service_post.style_one .image .overlay { position: absolute; width: 100%; height: 100%; content: ""; left: 0; top: 100%; opacity: 0; background: var(--primary-color-two); z-index: 1; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .service_post.style_one .image img { width: 100%; height: 220px; -o-object-fit: cover; object-fit: cover; } .service_post.style_one .service_content { position: relative; z-index: 10; border-left: 1px solid var(--border-color-dark); border-right: 1px solid var(--border-color-dark); border-bottom: 1px solid var(--border-color-dark); padding: 25px 20px 20px; text-align: center; border-radius: 0px 0px 10px 10px; } .service_post.style_one .service_content.icon_yes { padding: 40px 20px 20px; } .service_post.style_one .service_content .icon_box { position: absolute; top: -33px; left: 0px; width: 60px; line-height: 60px; height: 60px; border-radius: 50%; background: var(--primary-color-one); text-align: center; right: 0; margin: auto; z-index: 2; } .service_post.style_one .service_content .icon_box span { color: #fff; font-size: 30px; display: block; line-height: 60px; } .service_post.style_one .service_content .icon_box img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: 30px; margin: auto; } .service_post.style_one .service_content h2 a { display: block; color: var(--heading-dark); line-height: 28px; font-size: 20px; font-weight: 700; margin-bottom: 10px; } .service_post.style_one .service_content p { margin-bottom: 30px; } .service_post.style_one .service_content a.read_more { position: absolute; width: 150px; height: 50px; background: var(--primary-color-one); text-align: center; line-height: 50px; color: #fff; border-radius: 50px; left: 0; padding-top: 2px; right: 0; font-size: 11px; font-weight: 600; text-transform: uppercase; margin: auto; font-family: var(--nas-family-one); bottom: -24px; } .service_post.style_one .service_content a.read_more i { margin-left: 6px; display: inline-block; position: relative; top: 2px; font-size: 15px; } .service_post.style_one:hover .image .overlay { top: 0%; opacity: 0.8; } .service_post.style_two { position: relative; background: #fff; border-radius: 10px; box-shadow: var(--box-shadow); padding: 20px; text-align: center; } .service_post.style_two .image { position: relative; border-radius: 10px; overflow: hidden; height: 190px; } .service_post.style_two .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .service_post.style_two .image .overlay { position: absolute; width: 100%; height: 100%; content: ""; left: 0; top: 100%; opacity: 0; background: var(--primary-color-two); z-index: 1; transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; } .service_post.style_two .image .icon_box { position: absolute; right: 10px; bottom: 10px; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 10px 3px 10px 3px; background: #fff; z-index: 3; transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; } .service_post.style_two .image .icon_box span { display: block; font-size: 25px; color: var(--primary-color-one); line-height: 53px; transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; opacity: 1; } .service_post.style_two .image .icon_box a { position: absolute; font-size: 26px; line-height: 26px; width: 26px; height: 26px; right: 0; top: 0; bottom: 0; left: 0; margin: auto; transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; opacity: 0; } .service_post.style_two .service_content { position: relative; padding: 20px 10px 0px; } .service_post.style_two .service_content .catss { position: relative; display: block; margin-bottom: 6px; } .service_post.style_two .service_content .catss a { color: var(--primary-color-one); text-transform: uppercase; line-height: 23px; font-size: 13px; font-weight: 500; display: inline-block; } .service_post.style_two .service_content .catss a:last-child span { display: none; } .service_post.style_two .service_content h2 { margin: 0px; } .service_post.style_two .service_content h2 a { display: block; color: var(--heading-dark); line-height: 32px; font-size: 22px; font-weight: 700; } .service_post.style_two:hover .image .overlay { top: 0; opacity: 0.8; } .service_post.style_two:hover .image .icon_box { width: 60px; height: 60px; line-height: 60px; right: 0; bottom: 0; background: var(--primary-color-one); } .service_post.style_two:hover .image .icon_box span { opacity: 0; } .service_post.style_two:hover .image .icon_box a { color: #fff; opacity: 1; } .service_post.style_three { position: relative; background: #fff; box-shadow: var(--box-shadow-two); border-radius: 0px 0px 5px 5px; } .service_post.style_three .image_box { position: relative; overflow: hidden; } .service_post.style_three .image_box::before { position: absolute; content: ""; left: 0; top: 100%; background: var(--primary-color-two); width: 100%; height: 100%; z-index: 1; opacity: 0; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .service_post.style_three .image_box img { height: 200px; width: 100%; -o-object-fit: cover; object-fit: cover; } .service_post.style_three .text_box { position: relative; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; z-index: 2; } .service_post.style_three .text_box .text_box_inner { position: relative; padding: 40px 30px 30px; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; overflow: hidden; z-index: 0; } .service_post.style_three .text_box .text_box_inner::before { transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; border-radius: 0px 0px 5px 5px; position: absolute; content: ""; height: 100%; width: 100%; top: 100%; left: 0; background: var(--primary-color-one); z-index: -1; } .service_post.style_three .text_box .text_box_inner span.icon { font-size: 50px; line-height: 50px; display: block; margin-bottom: 22px; color: var(--primary-color-one); transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .service_post.style_three .text_box .text_box_inner img { margin-bottom: 22px; height: 50px; width: auto; } .service_post.style_three .text_box .text_box_inner h2 a { font-size: 18px; color: var(--heading-dark); display: block; font-weight: 700; margin-bottom: 10px; line-height: 26px; } .service_post.style_three .text_box .text_box_inner p { margin-bottom: 10px; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .service_post.style_three .text_box .text_box_inner .read_more { position: relative; display: inline-block; font-size: 15px; color: var(--heading-dark); font-weight: 500; line-height: 25px; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .service_post.style_three .text_box .text_box_inner .read_more i { position: relative; top: 2px; font-size: 18px; left: 10px; } .service_post.style_three .text_box .text_box_inner .bg_icon { position: absolute; top: 25px; right: 40px; } .service_post.style_three .text_box .text_box_inner .bg_icon span { opacity: 0.1; font-size: 30px; } .service_post.style_three .text_box .text_box_inner .bg_icon img { height: 40px; opacity: 0.1; } .service_post.style_three:hover .image_box::before { top: 0%; opacity: 0.8; } .service_post.style_three:hover .text_box .text_box_inner::before { top: 0; } .service_post.style_three:hover .text_box .text_box_inner span.icon, .service_post.style_three:hover .text_box .text_box_inner h2 a, .service_post.style_three:hover .text_box .text_box_inner p, .service_post.style_three:hover .text_box .text_box_inner a.read_more { color: #fff; } .service_post.style_four { position: relative; padding: 10px; box-shadow: var(--box-shadow); background: #fff; z-index: 0; border-radius: 10px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } .service_post.style_four .image_box { position: relative; overflow: hidden; margin-bottom: 36px; border-radius: 10px; } .service_post.style_four .image_box img { height: 200px; width: 100%; -o-object-fit: cover; object-fit: cover; } .service_post.style_four::before { position: absolute; content: ""; width: 5px; height: 50px; left: 0; bottom: 0; background: var(--primary-color-one); opacity: 0; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; top: 100%; z-index: 1; } .service_post.style_four::after { position: absolute; content: ""; width: 10px; height: 10px; left: 38px; top: 40px; background: var(--primary-color-three); transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; z-index: -1; } .service_post.style_four .content_in_box { position: relative; padding: 10px 20px 25px; } .service_post.style_four .icon_box { width: 60px; height: 60px; position: relative; } .service_post.style_four .icon_box::before { width: 60px; height: 60px; line-height: 60px; font-size: 30px; border-radius: 5px; color: #fff; content: ""; text-align: center; display: block; margin-bottom: 20px; background: var(--primary-color-one); position: relative; z-index: 1; text-transform: uppercase; transition: 0.5s; } .service_post.style_four .icon_box::after { position: absolute; content: ""; width: 60px; height: 71px; border-radius: 5px; top: -5px; left: 7px; background: #eee; } .service_post.style_four .icon_box .icons { position: absolute; font-size: 25px; line-height: 25px; height: 25px; text-align: center; color: #fff; top: 0; z-index: 77; bottom: 0; right: 0; left: 0; margin: auto; } .service_post.style_four .icon_box img { position: absolute; width: 30px; height: auto; top: 0; bottom: 0; right: 0; left: 0; margin: auto; z-index: 77; } .service_post.style_four .bg_im { position: absolute; right: 27px; font-size: 50px; line-height: 50px; color: var(--primary-color-three); width: 50px; height: auto; top: 3px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } .service_post.style_four h2 { line-height: normal; } .service_post.style_four h2 a { position: relative; font-size: 20px; line-height: 30px; display: block; margin-bottom: 10px; font-weight: 700; color: var(--heading-dark); font-family: var(--nas-family-one); margin-top: 30px; } .service_post.style_four p { margin-bottom: 15px; } .service_post.style_four a.read_more { font-size: 15px; line-height: 25px; font-family: var(--nas-family-one); color: var(--primary-color-two); display: block; font-weight: 600; margin-top: 15px; transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .service_post.style_four a.read_more i { position: relative; right: -8px; top: 3px; font-size: 17px; } .service_post.style_four small { position: absolute; font-size: 60px; font-weight: 700; text-transform: uppercase; color: var(--primary-color-two); opacity: 0.2; top: 64px; right: 34px; } .service_post.style_four:hover::after { width: 100%; height: 100%; top: 0; left: 0; } .service_post.style_four:hover::before { opacity: 1; top: 50px; } .service_post.style_four:hover a.read_more { color: var(--primary-color-one); } .service_post.style_four:hover .bg_im { color: #fff; } .service_post.style_five { margin-bottom: 20px; } .service_post.style_five .image_box { position: relative; overflow: hidden; border-radius: 6px; } .service_post.style_five .image_box .gradient { content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient( 0deg, var(--primary-color-two) 6%, rgba(0, 0, 0, 0.09) 122% ); left: 0; top: 0; transition: 0.5s; } .service_post.style_five .image_box img { position: relative; width: 100%; height: 430px; -o-object-fit: cover; object-fit: cover; transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; } .service_post.style_five .image_box::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; background: var(--primary-color-one); transition: all 0.5s ease-in-out; z-index: 1; } .service_post.style_five .content_box { position: absolute; bottom: 0; left: 0px; z-index: 4; padding: 40px 30px 30px; overflow: hidden; } .service_post.style_five .content_box h2 { line-height: normal; } .service_post.style_five .content_box h2 a { display: block; font-size: 20px; line-height: 28px; margin-bottom: 16px; color: #fff; transition: all 0.5s ease-in-out; transform: translateY(70px); } .service_post.style_five .content_box p { transform: translateY(200px); color: #fff; margin-bottom: 10px; transition: all 0.5s ease-in-out; } .service_post.style_five .content_box .read_more { display: block; color: #fff; transform: translateY(0px); transition: all 0.5s ease-in-out; font-family: var(--nas-family-one); font-size: 15px; line-height: 25px; } .service_post.style_five .content_box .read_more i { margin-right: 8px; position: relative; top: 1px; display: inline-block; } .service_post.style_five .icon_box { position: absolute; left: 0; bottom: -26px; background: var(--primary-color-one); width: 65px; height: 65px; border-radius: 50px; line-height: 65px; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; z-index: 10; left: 75%; } .service_post.style_five .icon_box span { position: absolute; font-size: 30px; line-height: 35px; display: block; height: 35px; width: 35px; text-align: center; top: 0; bottom: 0; color: #fff; left: 0; right: 0; margin: auto; } .service_post.style_five .icon_box img { width: 30px; height: auto; top: 0; bottom: 0; position: absolute; left: 0; right: 0; margin: auto; } .service_post.style_five:hover .image_box img { transform: scale(1.2) rotate(2deg); } .service_post.style_five:hover .image_box::before { opacity: 0.8; } .service_post.style_five:hover .icon_box { left: 30px; } .service_post.style_five:hover .content_box h2 a { transform: translateY(-30px); } .service_post.style_five:hover .content_box p { transform: translateY(-30px); } .service_post.style_five:hover .content_box .read_more { transform: translateY(-20px); } .service_carousel { position: relative; } .service_carousel.style_one { margin: 0px 15px; } .service_carousel.style_one .image { position: relative; overflow: hidden; } .service_carousel.style_one .image img { width: 100%; height: 400px; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .service_carousel.style_one .image .overlay { position: absolute; content: ""; width: 100%; height: 100%; left: 0; bottom: 0; background: linear-gradient( 0deg, var(--primary-color-two) 30%, rgba(0, 0, 0, 0) 70% ); opacity: 0.8; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .service_carousel.style_one .content { position: absolute; bottom: 0; left: 0; padding: 25px; width: 100%; display: inline-block; margin: 0px; z-index: 9; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .service_carousel.style_one .content .icon_box { position: relative; margin-bottom: 20px; } .service_carousel.style_one .content .icon_box span { font-size: 30px; display: inline-block; text-align: center; background: var(--primary-color-one); color: #fff; width: 70px; height: 70px; line-height: 70px; border-radius: 0px; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .service_carousel.style_one .content .icon_box img { width: 30px; } .service_carousel.style_one .content h2 { position: relative; } .service_carousel.style_one .content h2 a { display: block; font-size: 20px; line-height: 32px; color: #fff; } .service_carousel.style_one .content h2 a:hover { color: vr(--primary-color-one); } .service_carousel.style_one:hover .image .overlay { height: 110%; }  .project_caro_section .swiper__center.swiper-container, .project_caro_section .swiper__center_three.swiper-container { overflow: inherit !important; } .project_caro_section .p_pagination .swiper-pagination { padding: 20px 0px 0px; } .project_caro_section.style_three .p_pagination .swiper-pagination { padding: 40px 0px 0px; } .project_caro_section.style_four .swiper, .project_caro_section.style_four .swiper-container { overflow: unset; } .project_post { position: relative; } .project_post.style_one { padding: 30px; background: #fff; box-shadow: var(--box-shadow); border-radius: 10px; } .project_post.style_one .image { position: relative; overflow: hidden; border-radius: 10px; } .project_post.style_one .image img { width: 100%; height: 370px; -o-object-fit: cover; object-fit: cover; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .project_post.style_one .image::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; bottom: -100%; background: linear-gradient( to top, var(--primary-color-two) 1%, rgba(0, 0, 0, 0) 100% ); z-index: 9; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .project_post.style_one .project_caro_content { position: relative; padding: 20px 60px 0px 0px; } .project_post.style_one .project_caro_content p { font-size: 12px; font-family: var(--nas-family-one); font-weight: 600; text-transform: uppercase; color: var(--primary-color-one); margin-bottom: 5px; } .project_post.style_one .project_caro_content h2 a { font-size: 20px; font-weight: 700; color: var(--heading-dark); display: block; line-height: 30px; } .project_post.style_one .project_caro_content .right_side { position: absolute; right: 0; top: 27px; bottom: 0; overflow: hidden; height: 50px; width: 50px; } .project_post.style_one .project_caro_content .right_side a { position: absolute; right: 0; top: 0; display: block; height: 50px; width: 50px; line-height: 50px; text-align: center; border-radius: 10px 0px 10px 0px; border: 1px solid var(--border-color-dark); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .project_post.style_one .project_caro_content .right_side a.two { opacity: 0; background: var(--primary-color-one); border-color: var(--primary-color-one); color: #fff; transform: translateY(-100px); } .project_post.style_one:hover .image img { transform: scale(1.05); } .project_post.style_one:hover .image::before { bottom: 0; } .project_post.style_one:hover .right_side a { opacity: 0; transform: translateY(100px); } .project_post.style_one:hover .right_side a.two { opacity: 1 !important; transform: translateY(0px); } .project_post.style_one.style_four_caro { padding: 10px; background: #fff; box-shadow: unset; border-radius: 0; border: 1px solid var(--border-color-dark); } .project_post.style_one.style_four_caro .image { border-radius: 0px; } .project_post.style_one.style_four_caro .project_caro_content { padding: 30px 105px 20px 25px; } .project_post.style_one.style_four_caro .project_caro_content .right_side { top: 0; bottom: 0; margin: auto; right: 30px; }  .project_all { position: relative; } .project_all.filter_enabled { padding: 0px; } .project_all.filt_style_one .fliter_group, .project_all.filt_style_six .fliter_group { position: relative; margin-bottom: 50px; } .project_all.filt_style_one .fliter_group .project_filter, .project_all.filt_style_six .fliter_group .project_filter { position: relative; display: block; padding-left: 0px; } .project_all.filt_style_one .fliter_group .project_filter li, .project_all.filt_style_six .fliter_group .project_filter li { display: inline-block; margin: 0px 15px; position: relative; padding: 9px 15px 5px; border-left: 1px solid var(--border-color-dark); border-bottom: 1px solid var(--border-color-dark); cursor: pointer; font-size: 12px; line-height: 20px; text-transform: uppercase; text-transform: uppercase; font-family: var(--nas-family-one); font-weight: 600; } .project_all.filt_style_one .fliter_group .project_filter li.current, .project_all.filt_style_six .fliter_group .project_filter li.current { border-color: var(--primary-color-one); background: var(--primary-color-one); color: #fff; } .project_all.filt_style_six .fliter_group .project_filter { padding-left: 0px; } .project_all.filt_style_six .fliter_group .project_filter li { border: 0px; padding: 8px 20px; background: var(--primary-color-three); margin: 0px 5px; border-radius: 5px; } .project_all.filt_style_six .fliter_group .project_filter li.current { background: var(--primary-color-one); color: #fff; } .project_all.filt_style_two .fliter_group, .project_all.filt_style_three .fliter_group, .project_all.filt_style_four .fliter_group, .project_all.filt_style_five .fliter_group { position: relative; margin-bottom: 60px; } .project_all.filt_style_two .fliter_group .project_filter, .project_all.filt_style_three .fliter_group .project_filter, .project_all.filt_style_four .fliter_group .project_filter, .project_all.filt_style_five .fliter_group .project_filter { position: relative; display: block; border-bottom: 1px solid var(--border-color-dark); } .project_all.filt_style_two .fliter_group .project_filter li, .project_all.filt_style_three .fliter_group .project_filter li, .project_all.filt_style_four .fliter_group .project_filter li, .project_all.filt_style_five .fliter_group .project_filter li { display: inline-block; position: relative; padding: 0px 8px 16px; margin: 0px 3px; cursor: pointer; font-size: 12px; line-height: 20px; text-transform: uppercase; text-transform: uppercase; font-weight: 600; background: transparent; font-family: var(--nas-family-one); font-weight: 700; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .project_all.filt_style_two .fliter_group .project_filter li.current, .project_all.filt_style_three .fliter_group .project_filter li.current, .project_all.filt_style_four .fliter_group .project_filter li.current, .project_all.filt_style_five .fliter_group .project_filter li.current { color: var(--primary-color-one); } .project_all.filt_style_two .fliter_group .project_filter li:after, .project_all.filt_style_three .fliter_group .project_filter li:after, .project_all.filt_style_four .fliter_group .project_filter li:after, .project_all.filt_style_five .fliter_group .project_filter li:after { position: absolute; content: ""; background: var(--primary-color-one); width: 100%; height: 3px; left: 0; bottom: 0; opacity: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .project_all.filt_style_two .fliter_group .project_filter li.current:after, .project_all.filt_style_three .fliter_group .project_filter li.current:after, .project_all.filt_style_four .fliter_group .project_filter li.current:after, .project_all.filt_style_five .fliter_group .project_filter li.current:after { opacity: 1; } .project_all.filt_style_eight .fliter_group { position: relative; margin-bottom: 40px; } .project_all.filt_style_eight .fliter_group .project_filter { position: relative; display: block; margin-bottom: 0px; } .project_all.filt_style_eight .fliter_group .project_filter li { display: inline-block; position: relative; padding: 0px 8px 0px; margin: 0px 3px; cursor: pointer; font-size: 16px; line-height: 20px; font-weight: 600; background: transparent; font-family: var(--nas-family-one); font-weight: 700; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .project_all.filt_style_eight .fliter_group .project_filter li.current { color: var(--primary-color-one); } .project_box.style_two { position: relative; margin-bottom: 30px; } .project_box.style_two .image { position: relative; overflow: hidden; border-radius: 5px; } .project_box.style_two .image img { width: 100%; height: 250px; -o-object-fit: cover; object-fit: cover; } .project_box.style_two .image .overlay { position: absolute; top: -150px; right: -150px; width: 100px; height: 100px; line-height: 100px; border-radius: 50px; background: var(--primary-color-one); text-align: center; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .project_box.style_two .image .overlay a span { font-size: 18px; color: #fff; position: relative; top: 17px; right: 13px; } .project_box.style_two .image::before { position: absolute; z-index: 1; display: block; content: ""; width: 30px; height: 30px; background: rgba(255, 255, 255, 0.2); border-radius: 10px; bottom: 0; top: 0; left: 0; right: 0; opacity: 0; margin: auto; } .project_box.style_two .content_inner { padding: 20px; margin: 0px 15px 0px 15px; background: #fff; box-shadow: var(--box-shadow); border: 1px solid var(--border-color-dark); margin-top: -25px; z-index: 23; position: relative; border-radius: 5px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transform: translateY(0px); } .project_box.style_two .content_inner::before { position: absolute; content: ""; border: 1px dashed var(--border-color-dark); width: 98%; height: 97%; top: 0; right: 0; left: 0; bottom: 0; margin: auto; border-radius: 10px; } .project_box.style_two .content_inner h2 a { position: relative; font-family: var(--nas-family-one); font-size: 18px; font-weight: 700; line-height: 26px; margin-bottom: 15px; display: block; } .project_box.style_two .content_inner .meta_value a { background: var(--primary-color-three); padding: 6px 13px 7px; border-radius: 5px; font-size: 14px; line-height: 20px; text-transform: capitalize; } .project_box.style_two:hover .image .overlay { top: -40px; right: -40px; } .project_box.style_two:hover .image::before { animation: circle 0.75s; -moz-animation: circle 0.75s; -ms-animation: circle 0.75s; -o-animation: circle 0.75s; } .project_box.style_two:hover .content_inner { transform: translateY(20px); } .project_box.style_three { position: relative; padding: 30px 30px 30px 0px; border-radius: 10px; box-shadow: var(--box-shadow); background: #fff; margin-bottom: 30px; } .project_box.style_three .content_inner { position: relative; float: left; width: 35%; padding: 5px 35px; } .project_box.style_three .content_inner div a { font-size: 12px; line-height: 16px; font-weight: 600; color: var(--primary-color-one); font-family: var(--nas-family-one); text-transform: uppercase; margin-bottom: 15px; padding: 9px 11px 4px; background: var(--primary-color-three); display: inline-block; border-radius: 5px; } .project_box.style_three .content_inner h2 a { position: relative; font-size: 22px; font-weight: 700; line-height: 32px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--border-color-dark); display: block; } .project_box.style_three .content_inner .read_more { font-size: 15px; color: var(--primary-color-one); line-height: 25px; display: inline-block; } .project_box.style_three .content_inner .read_more span { display: inline-block; margin-left: 5px; font-size: 17px; top: 2px; position: relative; } .project_box.style_three .content_inner .tags_and_share { margin-top: 30px; } .project_box.style_three .content_inner .share_socail { position: relative; padding-top: 25px; } .project_box.style_three .content_inner .share_socail .title { display: none; } .project_box.style_three .content_inner .share_socail button { margin-right: 10px; } .project_box.style_three .content_inner .share_socail button:last-child { margin-right: 0px; } .project_box.style_three .content_inner .share_socail button { position: relative; width: 40px; height: 40px; line-height: 40px; text-align: center; display: block; border-radius: 50px; background: var(--primary-color-three); border: 1px solid var(--border-color-dark); color: var(--text-color-dark); display: inline-block; margin-right: 5px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; box-shadow: none; } .project_box.style_three .content_inner .share_socail button i { position: absolute; width: 15px; height: 15px; text-align: center; font-size: 15px; margin: auto; top: 0; right: 0; left: 0; bottom: 0; } .project_box.style_three .image { position: relative; width: 65%; float: right; border-radius: 10px; overflow: hidden; } .project_box.style_three .image::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; bottom: -100%; opacity: 0; background: var(--primary-color-one); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .project_box.style_three .image img { width: 100%; height: 350px; -o-object-fit: cover; object-fit: cover; } .project_box.style_three .image .text { padding: 20px 30px; border-radius: 10px 10px 0px 0px; background: var(--primary-color-three); position: absolute; right: 30px; bottom: 0; } .project_box.style_three .image .text ul { margin: 0; padding: 0; } .project_box.style_three .image .text ul li { list-style: none; font-size: 13px; text-transform: uppercase; line-height: 23px; margin-bottom: 5px; color: var(--heading-dark); font-weight: 600; } .project_box.style_three .image .text ul li:last-child { margin-bottom: 0px; } .project_box.style_three .image .text ul li span { font-size: 16px; line-height: 26px; font-family: var(--nas-family-two); font-weight: 400; display: inline-block; text-transform: none; opacity: 0.8; margin-left: 5px; } .project_box.style_three:hover .image::before { bottom: 0; opacity: 0.8; }  .project_information { position: relative; } .project_information h2 { font-size: 30px; font-weight: 700; line-height: 40px; margin-bottom: 30px; } .project_information .repeat_informtion { position: relative; margin-bottom: 15px; padding-bottom: 15px; } .project_information .repeat_informtion h6 { font-size: 13px; font-weight: 600; text-transform: uppercase; margin-bottom: 8px; } .project_information .repeat_informtion p { margin: 0px; font-size: 15px; } .project_information .social_medias { position: relative; } .project_information .social_medias a { display: inline-block; width: 40px; height: 40px; border-radius: 50px; margin-right: 10px; line-height: 40px; font-size: 16px; text-align: center; color: var(--primary-color-one); border: 1px solid var(--border-color-dark); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; margin-bottom: 15px; } .project_information .social_medias a:last-child { margin-right: 0px; } .project_information .social_medias a:hover { color: #fff; background: var(--primary-color-one); border-color: var(--primary-color-one); } .project_information .theme-btn { margin-top: 15px; } .project_post { position: relative; margin-bottom: 30px; } .project_post.style_four { padding: 30px; background: #fff; box-shadow: var(--box-shadow); border-radius: 10px; } .project_post.style_four .image { position: relative; overflow: hidden; border-radius: 10px; } .project_post.style_four .image a.two { position: absolute; right: 10px; bottom: 10px; display: block; height: 50px; width: 50px; line-height: 50px; text-align: center; color: var(--primary-color-one); border-radius: 10px 0px 10px 0px; background: #fff; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; z-index: 10; } .project_post.style_four .image img { width: 100%; height: 370px; -o-object-fit: cover; object-fit: cover; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .project_post.style_four .image::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; bottom: -100%; background: linear-gradient( to top, var(--primary-color-two) 1%, rgba(0, 0, 0, 0) 100% ); z-index: 9; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .project_post.style_four .project_caro_content { position: relative; padding: 20px 0px 0px 0px !important; } .project_post.style_four .project_caro_content p { font-size: 12px; font-family: var(--nas-family-one); font-weight: 600; text-transform: uppercase; color: var(--primary-color-one); margin-bottom: 5px; } .project_post.style_four .project_caro_content h2 a { font-size: 20px; font-weight: 700; color: var(--heading-dark); display: block; line-height: 30px; } .project_post.style_four:hover .image img { transform: scale(1.05); } .project_post.style_four:hover .image::before { bottom: 0; } .project_post.style_four:hover .image a { background: var(--primary-color-one); color: #fff; } .project_post { position: relative; margin-bottom: 30px; } .project_post.style_five { padding: 20px; background: #fff; box-shadow: var(--box-shadow); border-radius: 10px; } .project_post.style_five .image { position: relative; overflow: hidden; border-radius: 10px; } .project_post.style_five .image a.two { position: absolute; right: 10px; top: -200px; display: block; height: 50px; width: 50px; line-height: 50px; text-align: center; color: var(--primary-color-one); border-radius: 0px 10px 0px 10px; background: #fff; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; z-index: 10; font-size: 14px; } .project_post.style_five .image img { width: 100%; height: 370px; -o-object-fit: cover; object-fit: cover; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .project_post.style_five .image::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; bottom: -100%; background: linear-gradient( to top, var(--primary-color-two) 1%, rgba(0, 0, 0, 0) 100% ); z-index: 9; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .project_post.style_five .project_caro_content { position: absolute; width: 100%; height: auto; bottom: 0; left: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; opacity: 0; padding: 20px; z-index: 11; } .project_post.style_five .project_caro_content p { font-size: 12px; font-family: var(--nas-family-one); font-weight: 600; text-transform: uppercase; color: #fff; margin-bottom: 5px; } .project_post.style_five .project_caro_content h2 a { font-size: 20px; font-weight: 700; color: #fff; display: block; line-height: 30px; } .project_post.style_five:hover .image img, .project_post.style_five.hover_actives .image img { transform: scale(1.05); } .project_post.style_five:hover .image::before, .project_post.style_five.hover_actives .image::before { bottom: 0; } .project_post.style_five:hover .image a.two, .project_post.style_five.hover_actives .image a.two { background: var(--primary-color-one); color: #fff; top: 10px; } .project_post.style_five:hover .project_caro_content, .project_post.style_five.hover_actives .project_caro_content { opacity: 1; } .project_post.style_seven { position: relative; overflow: hidden; background: transparent; } .project_post.style_seven h2 a { font-size: 18px; color: var(--heading-dark); line-height: 26px; font-weight: 700; display: block; margin-bottom: 5px; } .project_post.style_seven p { color: var(--primary-color-one); } .project_post.style_seven .image_box { position: relative; overflow: hidden; border-radius: 5px; } .project_post.style_seven .image_box img { height: 300px; width: 100%; -o-object-fit: cover; object-fit: cover; } .project_post.style_seven .content_box { position: relative; text-align: center; padding: 25px 0px 40px; border-bottom: 1px solid var(--primary-color-three); margin-bottom: 30px; } .project_post.style_seven .content_box .image_zoom_box { text-align: center; position: relative; z-index: 10; width: 100%; } .project_post.style_seven .content_box .image_zoom_box img { height: 340px; width: 100%; -o-object-fit: cover; object-fit: cover; } .project_post.style_seven .content_box .image_zoom_box .zoom_icon { position: absolute; font-size: 20px; width: 40px; height: 40px; line-height: 40px; border-radius: 50px; border: 1px solid var(--border-color-dark); left: 0; right: 0; color: var(--heading-dark); bottom: -60px; margin: 0 auto; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .project_post.style_seven .content_box p { margin-bottom: 5px; } .project_post.style_seven .overlay { position: absolute; width: 100%; height: 100%; left: 0; opacity: 0; top: 0px; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; border-radius: 5px; } .project_post.style_seven .overlay::before { transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; position: absolute; content: ""; height: 100%; border-radius: 5px; width: 100%; top: 100%; left: 0; background: var(--primary-color-one); } .project_post.style_seven .overlay .text { position: absolute; text-align: center; top: 20%; padding: 30px 40px; width: 100%; text-align: center; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .project_post.style_seven .overlay .text h2 a { color: #fff; margin-bottom: 8px; } .project_post.style_seven .overlay .text p { color: #fff; margin-bottom: 20px; } .project_post.style_seven .overlay .text .read_more { position: relative; display: inline-block; padding: 12px 25px 8px; text-align: center; border-radius: 50px; border: 1px solid #fff; color: #fff; font-size: 12px; font-family: var(--nas-family-one); font-weight: 600; text-transform: uppercase; } .project_post.style_seven:hover .content_box .zoom_icon { bottom: 0px; border-color: #fff; color: #fff; } .project_post.style_seven:hover .overlay { opacity: 1; } .project_post.style_seven:hover .overlay::before { top: 0; } .project_post.style_seven:hover .overlay .text { top: 12%; } .project_post.style_six { position: relative; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .project_post.style_six .image_box { position: relative; overflow: hidden; z-index: 1; border-radius: 10px; } .project_post.style_six .image_box img { height: 270px; -o-object-fit: cover; object-fit: cover; width: 100%; } .project_post.style_six .overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .project_post.style_six .overlay:before { position: absolute; content: ""; bottom: 0px; border-radius: 5px; right: 0px; opacity: 0; width: 0%; background: var(--primary-color-one); height: 0%; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .project_post.style_six .overlay .content_box { position: absolute; width: 100%; height: 100%; padding: 20px; top: 0px; left: 100%; transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; } .project_post.style_six .overlay .content_box h2 { line-height: normal; } .project_post.style_six .overlay .content_box h2 a { font-size: 20px; color: #fff; line-height: 30px; margin-bottom: 4px; display: block; } .project_post.style_six .overlay .content_box p { color: #f1f1f1; } .project_post.style_six:hover .overlay:before { width: 100%; height: 100%; opacity: 0.8; } .project_post.style_six:hover .overlay .content_box { left: 20px; } .project_post.style_six .zoom_icon { position: absolute; bottom: 15px; right: 15px; width: 40px; height: 40px; border-radius: 5px; background: #fff; line-height: 40px; text-align: center; display: block; color: #222; z-index: 10; } .project_post.style_eight { position: relative; } .project_post.style_eight .image_box { position: relative; overflow: hidden; border-radius: 10px 10px 10px 10px; } .project_post.style_eight .image_box img { position: relative; width: 100%; height: 300px; -o-object-fit: cover; object-fit: cover; transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transition: all 700ms ease; } .project_post.style_eight .image_box::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: var(--primary-color-one); opacity: 0; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; z-index: 1; } .project_post.style_eight .image_box span { position: absolute; top: 47%; left: 43%; font-size: 40px; line-height: 40px; z-index: 2; color: #fff; opacity: 0; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } .project_post.style_eight .content_box { position: relative; margin-right: 40px; padding: 30px; box-shadow: var(--box-shadow-two); background: #fff; z-index: 5; margin-top: -40px; border-radius: 0px 10px 10px 10px; } .project_post.style_eight .content_box h2 { line-height: normal; } .project_post.style_eight .content_box h2 a { position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 700; color: var(--heading-dark); margin-bottom: 8px; } .project_post.style_eight .content_box p { letter-spacing: 3px; color: var(--primary-color-one); font-weight: 600; font-size: 15px; line-height: 25px; margin: 0px; } .project_post.style_eight .content_box a.arrow_btn { position: absolute; right: -18px; bottom: 20px; font-size: 16px; font-weight: 600; color: #fff; width: 40px; height: 40px; line-height: 40px; display: block; text-align: center; border-radius: 50px; background: var(--primary-color-one); box-shadow: var(--box-shadow-two); } .project_post.style_eight .content_box a.arrow_btn span { position: absolute; font-size: 16px; height: 16px; width: 16px; line-height: 16px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .project_post.style_eight:hover .image_box img { transform: scale(1.2) rotate(2deg); -moz-transform: scale(1.2) rotate(2deg); -ms-transform: scale(1.2) rotate(2deg); -o-transform: scale(1.2) rotate(2deg); } .project_post.style_eight:hover .image_box::before { opacity: 0.9; } .project_post.style_eight:hover .image_box span { opacity: 1; } .project_post.style_nine { position: relative; margin: 0px 10px; } .project_post.style_nine .image { position: relative; overflow: hidden; border-radius: 5px; height: 400px; width: 100%; } .project_post.style_nine .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .project_post.style_nine .image::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; right: 0; bottom: 0; background: linear-gradient( 0deg, var(--primary-color-two) 20%, rgba(0, 0, 0, 0.09) 100% ); z-index: 1; border-radius: 0px; opacity: 0.9; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .project_post.style_nine .image::after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; right: 0; bottom: -100%; background: linear-gradient( 0deg, var(--primary-color-two) 40%, rgba(0, 0, 0, 0.09) 150% ); z-index: 1; border-radius: 0px; opacity: 0.8; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .project_post.style_nine .project_caro_content { position: absolute; bottom: 0; padding: 20px; left: 0; width: 100%; height: auto; z-index: 2; } .project_post.style_nine .project_caro_content p { font-size: 16px; font-weight: 600; color: #fff; line-height: 26px; display: block; margin-bottom: 6px; font-family: var(--nas-family-one); } .project_post.style_nine .project_caro_content h2 { line-height: normal; } .project_post.style_nine .project_caro_content h2 a { font-size: 20px; font-weight: 700; color: #fff; line-height: 30px; display: block; font-family: var(--nas-family-one); } .project_post.style_nine:hover .image::after { bottom: 0; } .filt_style_three .project_post { margin-bottom: 30px; } .project_caro_section.light_color .project_post.style_seven h2 a { color: #fff; } .project_caro_section.light_color .project_post.style_seven .content_box { border-bottom: 1px solid rgba(255, 255, 255, 0.07); } .project_caro_section.light_color .project_post.style_seven .content_box .image_zoom_box .zoom_icon { border-color: rgba(255, 255, 255, 0.07); color: #fff; } .project_caro_section.light_color .project_post.style_seven:hover .content_box .image_zoom_box .zoom_icon { border-color: #fff; color: var(--primary-color-one); background: #fff; } .project_caro_section.style_two .p_pagination, .project_caro_section.style_nine .p_pagination { position: relative; } .project_caro_section.style_two .p_pagination .swiper-pagination, .project_caro_section.style_nine .p_pagination .swiper-pagination { padding: 40px 0px 0px; } .project_caro_section.style_two .p_pagination .swiper-pagination::before, .project_caro_section.style_nine .p_pagination .swiper-pagination::before { position: absolute; content: ""; height: 1px; width: 75%; left: 0; bottom: 11px; background: var(--primary-color-three); margin: auto; right: 0; } .project_caro_section.style_two .p_pagination .swiper-pagination .swiper-pagination-bullet, .project_caro_section.style_nine .p_pagination .swiper-pagination .swiper-pagination-bullet { border: 1px solid var(--primary-color-three); width: 12px; background: var(--primary-color-three); height: 12px; border-radius: 0px; } .project_caro_section.style_two .p_pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .project_caro_section.style_nine .p_pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--primary-color-one); border-color: var(--primary-color-one); } .project_caro_section.style_two.light_color .p_pagination .swiper-pagination::before, .project_caro_section.style_nine.light_color .p_pagination .swiper-pagination::before { background: rgba(255, 255, 255, 0.09); } .project_caro_section.style_two.light_color .p_pagination .swiper-pagination .swiper-pagination-bullet, .project_caro_section.style_nine.light_color .p_pagination .swiper-pagination .swiper-pagination-bullet { border: 1px solid var(--primary-color-three); background: var(--primary-color-three); } .project_caro_section.style_two.light_color .p_pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .project_caro_section.style_nine.light_color .p_pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--primary-color-one); border-color: var(--primary-color-one); }  .simple_search { position: relative; } .simple_search .sch_btn { position: absolute; content: ""; font-size: 16px; line-height: 40px; height: 40px; width: 46px; text-align: center; box-shadow: 0px 0px 0px 0px transparent; background: transparent; color: var(--primary-color-one); border: 0px; top: 0; padding: 0; right: 0; } .wp-block-search__no-button { position: relative; } .wp-block-search__no-button .wp-block-search__inside-wrapper { position: relative; } .wp-block-search__no-button .wp-block-search__inside-wrapper::before { position: absolute; content: "\e914"; font-family: "icomoon"; font-size: 20px; color: var(--primary-color-two); top: 0px; right: 20px; bottom: 0; margin: auto; z-index: 1; height: 56px; line-height: 56px; font-weight: 500; } .wp-block-search__label { display: none !important; } .wp-block-search input, .wp-block-search .wp-block-search__input { height: 56px; border-radius: 10px; padding: 0px 20px; font-size: 14px; color: var(--heading-dark); font-weight: 400; border: 1px solid var(--border-color-dark); margin-bottom: 0px; } .wp-block-search input::-moz-placeholder, .wp-block-search .wp-block-search__input::-moz-placeholder { color: var(--heading-dark); } .wp-block-search input::placeholder, .wp-block-search .wp-block-search__input::placeholder { color: var(--heading-dark); } .wp-block-search__inside-wrapper { position: relative; } .wp-block-search__inside-wrapper i { position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; height: 20px; } .wp-block-search__inside-wrapper input { height: 56px; border-radius: 10px; font-size: 14px; color: var(--heading-dark); font-weight: 400; border: 1px solid var(--border-color-dark); } .wp-block-search__inside-wrapper input::-moz-placeholder { color: var(--heading-dark); } .wp-block-search__inside-wrapper input::placeholder { color: var(--heading-dark); } .wp-block-search__inside-wrapper .wp-block-search__button { position: absolute; content: ""; font-size: 11px; text-transform: uppercase; font-family: var(--nas-family-one); color: #fff; font-weight: 600; padding: 6px 12px; top: 0px; right: 7px; bottom: 0; margin: auto; border: 0px; box-shadow: none; height: 43px; line-height: 35px; border-radius: 5px; background: var(--primary-color-one); }  @media (min-width: 992px) { .left-sidebar .all_side_bar { order: -1; } } .right-sidebar .all_side_bar .side_bar, .left-sidebar .all_side_bar .side_bar { position: relative; padding-left: 45px; margin-left: 20px; } .right-sidebar .all_side_bar .side_bar::before, .left-sidebar .all_side_bar .side_bar::before { position: absolute; content: ""; height: 100%; left: -3px; right: inherit; top: 0; width: 1px; background: var(--border-color-dark); } .right-sidebar .all_side_bar .side_bar.sticky, .left-sidebar .all_side_bar .side_bar.sticky { padding-bottom: 100px; } .left-sidebar .all_side_bar .side_bar { padding-left: 0px; margin-left: 0px; padding-right: 45px; margin-right: 20px; } .left-sidebar .all_side_bar .side_bar::before { display: none; } .left-sidebar .all_side_bar .side_bar::after { position: absolute; content: ""; height: 100%; right: -3px; top: 0; width: 1px; background: var(--border-color-dark); } .single-post.left-sidebar .all_side_bar .side_bar::before { display: none; } .single-post.left-sidebar .all_side_bar .side_bar::after { right: -3px; } .single-post.right-sidebar .all_side_bar .side_bar::before { left: -3px; right: inherit; } .right-sidebar .content-area, .left-sidebar .content-area { position: relative; } .right-sidebar .content-area::before, .left-sidebar .content-area::before { position: absolute; content: ""; height: 100%; right: -33px; left: inherit; top: 0; width: 1px; background: var(--border-color-dark); } .left-sidebar .content-area::before { left: -33px; right: inherit; } .side_bar ol { margin: 0; padding: 0; } .single-post.right-sidebar .content-area::before, .single-post.left-sidebar .content-area::before { display: none; } .single-post.right-sidebar .blog_single_details_outer, .single-post.left-sidebar .blog_single_details_outer { position: relative; } .single-post.right-sidebar .blog_single_details_outer::before, .single-post.left-sidebar .blog_single_details_outer::before { position: absolute; content: ""; height: 100%; right: -48px; top: 0; width: 1px; background: var(--border-color-dark); } .single-post.left-sidebar .blog_single_details_outer::before { left: -48px; right: inherit; } @media (max-width: 992px) { .right-sidebar .all_side_bar .side_bar, .left-sidebar .all_side_bar .side_bar { padding-left: 0px; margin-left: 0px; padding-top: 75px; border-top: 1px solid var(--border-color-dark); padding-bottom: 30px; } .right-sidebar .all_side_bar .side_bar::before, .left-sidebar .all_side_bar .side_bar::before { display: none; } .right-sidebar .content-area, .left-sidebar .content-area { position: relative; } .right-sidebar .content-area::before, .left-sidebar .content-area::before { display: none; } .single-post.right-sidebar .blog_single_details_outer::before, .single-post.left-sidebar .blog_single_details_outer::before { display: none; } } .right-sidebar .content-area.no_sidebar::before, .left-sidebar .content-area.no_sidebar::before { display: none; }  .widgets_grid_box { position: relative; margin-bottom: 50px; } .widgets_grid_box .widget-title, .widgets_grid_box .wp-block-search__label, .widgets_grid_box .wp-block-group__inner-container h2, .widgets_grid_box .widget_block.widget_text p { position: relative; margin-bottom: 50px; font-size: 18px; margin-left: 60px; font-weight: 700; line-height: 26px; color: var(--heading-dark); font-family: var(--nas-family-one); } .widgets_grid_box .widget-title:before, .widgets_grid_box .wp-block-search__label:before, .widgets_grid_box .wp-block-group__inner-container h2:before, .widgets_grid_box .widget_block.widget_text p:before { position: absolute; content: ""; width: 50px; left: -60px; height: 2px; background: var(--primary-color-one); top: 0; bottom: 0; margin: auto; } .widgets_grid_box .widget-title:after, .widgets_grid_box .wp-block-search__label:after, .widgets_grid_box .wp-block-group__inner-container h2:after, .widgets_grid_box .widget_block.widget_text p:after { position: absolute; content: ""; width: 10px; left: -60px; height: 10px; border-radius: 10px; background: var(--primary-color-one); top: 0; bottom: 0; margin: auto; } .widgets_grid_box ul { position: relative; padding: 0px; } .widgets_grid_box ul li { position: relative; list-style: none; padding: 14px 0px 8px; border-bottom: 1px solid var(--border-color-dark); transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; display: block; text-transform: uppercase; font-family: var(--nas-family-one); font-weight: 600; font-size: 12px; } .widgets_grid_box ul li a { line-height: 22px; display: inline-block; position: relative; transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; color: var(--text-color-dark); text-transform: uppercase; font-size: 12px; } .widgets_grid_box ul li:last-child { padding-bottom: 0px; border-bottom: 0px; } .widgets_grid_box ul.wp-block-page-list { padding-left: 5px; } .widgets_grid_box ul.wp-block-page-list li { display: block; } .widgets_grid_box ul.wp-block-page-list li .wp-block-page-list__submenu-icon { position: absolute; right: 0; bottom: 0; top: 11px; margin: auto; } .widgets_grid_box ul.wp-block-page-list li .wp-block-page-list__submenu-icon svg path { fill: var(--primary-color-one); } .widgets_grid_box ul.wp-block-page-list .submenu-container { padding-left: 5px; } .widgets_grid_box.widget_block.widget_text p { margin-bottom: 15px !important; } .widgets_grid_box .widget_categories ul, .widgets_grid_box .widget_meta ul, .widgets_grid_box .widget_archive ul { padding: 15px 30px 25px; border-radius: 10px; border: 1px solid var(--border-color-dark); } .widgets_grid_box .widget_categories ul li, .widgets_grid_box .widget_meta ul li, .widgets_grid_box .widget_archive ul li { padding: 14px 0px !important; } .widgets_grid_box .widget_categories ul li:last-child, .widgets_grid_box .widget_meta ul li:last-child, .widgets_grid_box .widget_archive ul li:last-child { padding-bottom: 0px !important; } .widgets_grid_box .widget_categories ul li { padding: 14px 0px 10px; display: flex; } .widgets_grid_box ul.wp-block-categories { padding: 15px 30px 25px; border-radius: 10px; border: 1px solid var(--border-color-dark); } .widgets_grid_box ul.wp-block-categories li { padding: 14px 0px !important; } .widgets_grid_box ul.wp-block-categories li:last-child { padding-bottom: 0px !important; } .widgets_grid_box ul.wp-block-categories li a { padding-right: 8px; } .widgets_grid_box .widget_meta ul li { padding: 14px 0px 10px !important; } .widgets_grid_box .widget_meta ul li:last-child { padding-bottom: 0px !important; } .widgets_grid_box .widget_pages ul li { display: block; border: 0px; padding: 0px; } .widgets_grid_box .widget_pages ul li a { padding: 10px 0px; } .widgets_grid_box .widget_pages ul ul.children { padding-left: 5px; } .widgets_grid_box .widget_recent_comments ul li { display: block; text-transform: capitalize; font-size: 15px; font-family: var(--nas-family-one); font-weight: 500; line-height: 26px; } .widgets_grid_box .widget_recent_comments ul li a { text-transform: none; font-size: 15px; line-height: 26px; } .widgets_grid_box .widget_categories ul li a::before, .widgets_grid_box .widget_meta ul li a::before, .widgets_grid_box .widget_archive ul li a::before { position: absolute; content: "\f105"; font-family: "FontAwesome"; left: 0px; top: 0; bottom: 0; font-size: 16px; opacity: 0; color: var(--text-color-dark); transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; line-height: 18px; } .widgets_grid_box .widget_categories ul li a:hover, .widgets_grid_box .widget_meta ul li a:hover, .widgets_grid_box .widget_archive ul li a:hover { padding-left: 12px; } .widgets_grid_box .widget_categories ul li a:hover::before, .widgets_grid_box .widget_meta ul li a:hover::before, .widgets_grid_box .widget_archive ul li a:hover::before { opacity: 1; } .widgets_grid_box .wp-block-tag-cloud a { position: relative; padding: 12px 10px 12px 20px; border-radius: 5px; border: 1px solid var(--border-color-dark); transition: 0.5s ease-in-out !important; font-size: 10px !important; text-transform: uppercase; font-weight: 600; display: inline-block; color: var(--text-color-dark); margin-bottom: 9px; margin-right: 5px; font-family: var(--nas-family-one); line-height: 10px; transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; } .widgets_grid_box .wp-block-tag-cloud a::before { position: absolute; content: "#"; left: 10px; top: 0px; bottom: 0; margin: auto; height: 10px; font-size: 10px; line-height: 10px; } .widgets_grid_box .wp-block-tag-cloud a:hover { color: #fff; background: var(--primary-color-one); border-color: var(--primary-color-one); border-radius: 15px 0px 15px 0px; } .widget_block.widget_text p { margin-bottom: 0px; } .widget_post_box { position: relative; } .widget_post_box .blog_in { position: relative; margin-bottom: 19px; padding-bottom: 12px; border-bottom: 1px solid var(--border-color-dark); } .widget_post_box .blog_in .content_inner { position: relative; } .widget_post_box .blog_in .content_inner .post-date { text-transform: uppercase; font-size: 12px; color: var(--text-color-dark); line-height: 22px; font-weight: 600; font-family: var(--nas-family-one); margin-bottom: 6px; } .widget_post_box .blog_in .content_inner .post-date span { display: inline-block; font-size: 16px; color: var(--primary-color-one); margin-right: 5px; } .widget_post_box .blog_in .content_inner h3 a { display: block; font-size: 16px; line-height: 26px; color: var(--heading-dark); font-family: var(--nas-family-one); font-weight: 700; margin-bottom: 6px; text-transform: none; } .widget_post_box .blog_in.image_in .image { float: left; } .widget_post_box .blog_in.image_in .image img { width: 70px; height: 70px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .widget_post_box .blog_in.image_in .content_inner { margin-left: 85px; } .widget_post_box .blog_in:last-child { border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px; } .widgets_grid_box .widget-title { position: relative; margin-bottom: 50px; font-size: 18px; margin-left: 60px; font-weight: 700; line-height: 26px; color: var(--heading-dark); font-family: var(--nas-family-one); } .widgets_grid_box .widget-title:before { position: absolute; content: ""; width: 50px; left: -60px; height: 2px; background: var(--primary-color-one); top: 0; bottom: 0; margin: auto; } .widgets_grid_box .widget-title:after { position: absolute; content: ""; width: 10px; left: -60px; height: 10px; border-radius: 10px; background: var(--primary-color-one); top: 0; bottom: 0; margin: auto; }  .widgets_grid_box .widget_recent_entries .wp-block-latest-posts { margin: 0; padding: 0; } .widgets_grid_box .widget_recent_entries .wp-block-latest-posts li { list-style: none; display: block; padding: 0px 0px 15px; margin: 0px 0px 0px 0px; border-bottom: 1px solid var(--border-color-dark); } .widgets_grid_box .widget_recent_entries .wp-block-latest-posts li::before { display: none; } .widgets_grid_box .widget_recent_entries .wp-block-latest-posts li .wp-block-latest-posts__featured-image { position: relative; margin-bottom: 10px; } .widgets_grid_box .widget_recent_entries .wp-block-latest-posts li .wp-block-latest-posts__featured-image img { border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .widgets_grid_box .widget_recent_entries .wp-block-latest-posts li a { display: block !important; font-size: 16px !important; line-height: 26px !important; color: var(--heading-dark) !important; font-family: var(--nas-family-one) !important; font-weight: 700 !important; margin-bottom: 6px; text-transform: none !important; text-transform: none; text-transform: none; width: 100% !important; } .widgets_grid_box .widget_recent_entries .wp-block-latest-posts li .wp-block-latest-posts__post-excerpt { font-size: 15px; line-height: 26px; font-family: var(--nas-family-two); font-weight: 400; margin-bottom: 0px; text-transform: none; } .widgets_grid_box .widget_recent_entries .wp-block-latest-posts.has-dates time { text-transform: uppercase; font-size: 12px; color: var(--text-color-dark); line-height: 22px; font-weight: 600; font-family: var(--nas-family-one); margin-bottom: 6px; } .widgets_grid_box .widget_recent_entries .wp-block-latest-posts.has-author .wp-block-latest-posts__post-author { font-size: 14px; color: var(--primary-color-one); line-height: 24px; font-weight: 600; font-family: var(--nas-family-one); margin-bottom: 6px; text-transform: none; } .widgets_grid_box .wp-block-latest-posts { margin: 0; padding: 0; } .widgets_grid_box .wp-block-latest-posts li { list-style: none; display: block; padding: 0px 0px 15px; margin: 0px 0px 0px 0px; border-bottom: 1px solid var(--border-color-dark); } .widgets_grid_box .wp-block-latest-posts li::before { display: none; } .widgets_grid_box .wp-block-latest-posts li .wp-block-latest-posts__featured-image { position: relative; margin-bottom: 10px; } .widgets_grid_box .wp-block-latest-posts li .wp-block-latest-posts__featured-image img { border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .widgets_grid_box .wp-block-latest-posts li a { display: block !important; font-size: 16px !important; line-height: 26px !important; color: var(--heading-dark) !important; font-family: var(--nas-family-one) !important; font-weight: 600 !important; margin-bottom: 6px; text-transform: none !important; text-transform: none; text-transform: none; width: 100% !important; } .widgets_grid_box .wp-block-latest-posts li .wp-block-latest-posts__post-excerpt { font-size: 15px; line-height: 26px; font-family: var(--nas-family-two); font-weight: 400; margin-bottom: 0px; text-transform: none; } .widgets_grid_box .wp-block-latest-posts.has-dates time { text-transform: uppercase; font-size: 12px; color: var(--text-color-dark); line-height: 22px; font-weight: 600; font-family: var(--nas-family-one); margin-bottom: 6px; } .widgets_grid_box .wp-block-latest-posts.has-author .wp-block-latest-posts__post-author { font-size: 14px; color: var(--primary-color-one); line-height: 24px; font-weight: 600; font-family: var(--nas-family-one); margin-bottom: 6px; text-transform: none; } .widgets_grid_box .widget_recent_entries .wp-block-latest-posts li { margin: 0px 0px 25px 0px; } .widgets_grid_box ul li { margin-bottom: 0px !important; } .widget ul li::before { clear: both; content: ""; overflow: auto; }  .brouchure_box_widget { position: relative; padding: 30px 30px 0px; border-radius: 10px; background: var(--primary-color-one); text-align: center; } .brouchure_box_widget h3 { font-size: 22px; line-height: 32px; color: #fff; font-weight: 700; margin-bottom: 20px; } .brouchure_box_widget img { width: auto; margin: auto; height: 150px; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 0px 10px 13px 0px rgba(0, 0, 0, 0.2); } .brouchure_box_widget a { background: #fff; color: var(--primary-color-one); margin-bottom: 35px; } .wp-block-latest-comments__comment-meta { position: relative; color: var(--primary-color-one); } .wp-block-latest-comments__comment-meta a { line-height: 26px; font-size: 16px; display: inline-block; color: var(--text-color-dark); }  .contact_box_widget { position: relative; padding-bottom: 29px; text-align: center; } .contact_box_widget .widget_content { border-radius: 10px; overflow: hidden; position: relative; padding: 40px 20px 50px; } .contact_box_widget .widget_content img { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 1; left: 0; top: 0; } .contact_box_widget .widget_content .top_section { position: relative; padding-bottom: 100px; z-index: 2; } .contact_box_widget .widget_content .top_section h3 { font-size: 20px; margin-bottom: 5px; color: #fff; font-weight: 700; line-height: 30px; } .contact_box_widget .widget_content .top_section p { color: var(--text-color-light); line-height: 26px; } .contact_box_widget .widget_content .bottom_section { position: relative; padding-top: 100px; z-index: 2; } .contact_box_widget .widget_content .bottom_section a { display: block; color: #fff; font-weight: 400; margin-bottom: 5px; font-size: 18px; } .contact_box_widget .widget_content .bottom_section a.phone_number { font-size: 15px; } .contact_box_widget .theme-btn.one { position: absolute; bottom: 0px; left: 0; right: 0; width: 170px; margin: auto; z-index: 3; } .nas_widget_service_list { position: relative; } .nas_widget_service_list .widget-title { margin-bottom: 35px !important; } .nas_widget_service_list ul.service_list_box { margin: 0px; padding: 0px; } .nas_widget_service_list ul.service_list_box li { display: block !important; padding: 15px 20px 15px 0px; transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; } .nas_widget_service_list ul.service_list_box li:first-child { padding-top: 0px !important; } .nas_widget_service_list ul.service_list_box li a { width: 100%; display: block; font-size: 16px; font-weight: 500; color: var(--text-color-dark); line-height: 28px; text-transform: none; position: relative; transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; } .nas_widget_service_list ul.service_list_box li a:before { position: absolute; content: "\f105"; top: 5px; height: 20px; font-size: 20px; width: 20px; right: -20px; font-family: "fontawesome"; line-height: 16px; text-align: center; color: var(--text-color-light); transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; } .nas_widget_service_list ul.service_list_box li:hover a { color: var(--primary-color-one); } .nas_widget_service_list ul.service_list_box li:hover a:before { color: var(--primary-color-one); } .widget_rss ul li { padding: 14px 0px 14px !important; } .widget_rss .widget-title .rsswidget { display: inline-block; margin: 0px; } .widget_rss ul li .rsswidget { margin-bottom: 10px; font-size: 16px !important; font-family: var(--nas-family-one) !important; color: var(--heading-dark); line-height: 26px !important; font-weight: 600; text-transform: none !important; display: block; } .widget_rss ul li .rss-date { margin-bottom: 8px; display: block; } .widget_rss ul li .rssSummary { text-transform: none; font-size: 15px; line-height: 25px; font-weight: 400; font-family: var(--nas-family-two); margin-bottom: 8px; } .widget_rss ul li cite { font-style: normal; font-family: var(--nas-family-one); font-size: 16px; line-height: 26px; font-weight: 600; text-transform: capitalize; color: var(--primary-color-one); } .calendar_wrap table td { position: relative; border: 1px solid var(--border-color-dark); text-align: center; width: 40px; height: 40px; line-height: 40px; font-size: 14px; color: var(--text-color-dark); } .calendar_wrap table td a { position: absolute; width: 100%; top: 0; left: 0; background: var(--primary-color-one); color: #fff; height: 100%; text-align: center; line-height: 40px; } .calendar_wrap table th { border: 1px solid var(--border-color-dark); text-align: center; width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 16px; font-weight: 600; color: var(--primary-color-one); }  .z_index_up { z-index: 2; } .z_index_down { z-index: -2; } .position_absolute { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; } .position_absolute.top { bottom: unset; top: 0; } .shape_bg_light { fill: var(--primary-color-three); } .shape_bg_dark_1 { fill: var(--primary-color-one); } .shape_bg_dark_2 { fill: var(--primary-color-two); } .curve_shape_bottom_1 { transform: rotate(180deg); } .curve_shape_bottom_1 svg { width: calc(100% + 1.3px); height: 62px; display: block; transform: rotateY(180deg); } .curve_shape_bottom_1 svg path { fill: #fff; transform-origin: center; transform: rotateY(0deg); } .curve_shape_top_1 { top: -1px; } .curve_shape_top_1 svg { width: calc(100% + 1.3px); height: 67px; display: block; } .curve_shape_top_1 svg path { fill: #fff; transform-origin: center; transform: rotateY(0deg); } .curve_shape_top_2 { top: -1px !important; } .curve_shape_top_2 svg { height: 47px; display: block; width: calc(100% + 1.3px); position: relative; left: 50%; transform: translateX(-50%); } .curve_shape_top_2 svg .elementor-shape-fill { fill: #f0f3f9; transform-origin: center; transform: rotateY(0deg); } .curve_shape_bottom_2 { bottom: -1px !important; transform: rotate(180deg); } .curve_shape_bottom_2 svg { height: 47px; display: block; width: calc(100% + 1.3px); position: relative; left: 50%; transform: translateX(-50%); } .curve_shape_bottom_2 svg .elementor-shape-fill { fill: #f0f3f9; transform-origin: center; transform: rotateY(0deg); } .shape_bg_white { fill: #fff; transform-origin: center; } .object-fit-cover { overflow: hidden; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .object-fit-cover-center { overflow: hidden; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; }  .style-switcher { font-family: var(--nas-family-one); position: fixed; top: 100px; right: 0; z-index: 99999999; background-color: #fff; width: 200px; text-align: center; box-shadow: var(--box-shadow-two); padding-top: 25px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; transform: translateX(100%); transition: transform 500ms ease; border-radius: 10px 0px 0px 10px; } .style-switcher #switcher-toggler { position: absolute; top: 20px; right: 100%; font-size: 22px; color: #fff; width: 40px; height: 40px; background-color: var(--primary-color-one); display: flex; align-items: center; justify-content: center; transition: 500ms; border-radius: 10px 0px 0px 10px; } .style-switcher.active { transform: translateX(0%); } .style-switcher h3 { margin: 0; text-transform: uppercase; color: var(--heading-dark); font-size: 20px; line-height: 1; font-family: var(--nas-family-one); margin-bottom: 15px; font-weight: 800; } #colorschemeOptions { margin: 0; padding: 0; list-style: none; display: grid; grid-gap: 15px; grid-template-columns: 1fr 1fr 1fr; } #colorschemeOptions li { width: 100%; height: 46.6667px; border-radius: 50%; overflow: hidden; } #colorschemeOptions li a { display: block; width: 100%; height: 100%; } .rs-parallax-wrap br { display: block !important; }  .wpcf7-spinner { position: absolute; bottom: 0px; right: 0px; } .swiper-button-prev, .swiper-button-next, .prev-single-one, .next-single-one, .prev-single-one_three, .next-single-one_three { background: none; } .swiper-button-prev::before, .swiper-button-next::before, .prev-single-one::before, .next-single-one::before, .prev-single-one_three::before, .next-single-one_three::before { position: absolute; font-family: "FontAwesome" !important; width: 50px; height: 50px; line-height: 50px; background: #fff; text-align: center; font-size: 18px; color: var(--primary-color-two); border-radius: 50%; box-shadow: var(--box-shadow); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .swiper-button-prev::after, .swiper-button-next::after, .prev-single-one::after, .next-single-one::after, .prev-single-one_three::after, .next-single-one_three::after { display: none !important; } .swiper-button-next::before, .next-single-one::before, .next-single-one_three::before { content: "\f105"; } .swiper-button-prev::before, .prev-single-one::before, .prev-single-one_three::before { content: "\f104"; } .p_pagination .swiper-pagination { position: relative !important; padding: 60px 0px 0px; text-align: center; margin: auto; width: 100% !important; } .p_pagination .swiper-pagination .swiper-pagination-bullet { position: relative; display: inline-block; margin: 0px 5px; width: 10px; height: 10px; opacity: 1; background: transparent; border: 2px solid var(--border-color-dark); border-radius: 30px; transform: inherit !important; transition: all 500ms ease 0ms !important; -moz-transition: all 500ms ease 0ms !important; -ms-transition: all 500ms ease 0ms !important; -o-transition: all 500ms ease 0ms !important; } .p_pagination .swiper-pagination .swiper-pagination-bullet-active { background: var(--primary-color-one); width: 15px; border-color: var(--primary-color-one); } .p_pagination .swiper-pagination .swiper-pagination-bullet:hover { background: var(--primary-color-one); width: 15px; border-color: var(--primary-color-one); }  .pagination, .woocommerce-pagination { position: relative; width: 100%; display: block; margin-top: 30px; } .pagination ul, .woocommerce-pagination ul { margin: 0; padding: 0px; } .pagination li, .woocommerce-pagination li { position: relative; display: inline-block; } .pagination li a, .pagination li span, .woocommerce-pagination li a, .woocommerce-pagination li span { display: block !important; width: 40px !important; height: 40px !important; background: #fff !important; font-size: 14px !important; font-weight: 700 !important; font-family: var(--nas-family-one) !important; line-height: 46px !important; color: var(--text-color-dark) !important; text-align: center !important; border-radius: 50% !important; margin: 0px 3px !important; position: relative !important; padding: 0px !important; } .pagination li a i, .pagination li span i, .woocommerce-pagination li a i, .woocommerce-pagination li span i { font-size: 21px; color: var(--primary-color-one); font-weight: 400; font-family: "FontAwesome"; } .pagination li:hover a, .pagination li.active a, .woocommerce-pagination li:hover a, .woocommerce-pagination li.active a { background: var(--primary-color-one) !important; color: #fff !important; } .pagination li:hover a i, .pagination li.active a i, .woocommerce-pagination li:hover a i, .woocommerce-pagination li.active a i { color: #fff !important; } .pagination li span.current, .woocommerce-pagination li span.current { background: var(--primary-color-one) !important; color: #fff !important; } .pagination li span.current i, .woocommerce-pagination li span.current i { color: #fff !important; } .post-nav-links, .page-links { position: relative; } .post-nav-links span, .post-nav-links a, .page-links span, .page-links a { display: inline-block; width: 40px; height: 40px; background: var(--primary-color-three); font-size: 14px; font-weight: 700; font-family: var(--nas-family-one); line-height: 46px; color: var(--text-color-dark); text-align: center; border-radius: 50%; margin: 0px 3px; position: relative; } .post-nav-links span:hover, .post-nav-links span.current, .post-nav-links a:hover, .post-nav-links a.current, .page-links span:hover, .page-links span.current, .page-links a:hover, .page-links a.current { background: var(--primary-color-one); color: #fff; } .woocommerce nav.woocommerce-pagination { position: relative; margin-bottom: 40px; } .woocommerce nav.woocommerce-pagination ul { border: 0px !important; } .woocommerce nav.woocommerce-pagination ul li { border: 0px !important; position: relative; } .woocommerce nav.woocommerce-pagination ul li:hover a, .woocommerce nav.woocommerce-pagination ul li:hover span { background: var(--primary-color-one) !important; color: #fff !important; } .woocommerce nav.woocommerce-pagination ul li:hover a i, .woocommerce nav.woocommerce-pagination ul li:hover span i { color: #fff; } .woocommerce nav.woocommerce-pagination ul li span.current { background: var(--primary-color-one) !important; color: #fff !important; } .woocommerce nav.woocommerce-pagination ul li span.current i { color: #fff; } .woocommerce nav.woocommerce-pagination ul li .next.page-numbers, .woocommerce nav.woocommerce-pagination ul li .prev.page-numbers { text-indent: -999px; position: relative; } .woocommerce nav.woocommerce-pagination ul li .next.page-numbers::before, .woocommerce nav.woocommerce-pagination ul li .prev.page-numbers::before { position: absolute; content: "\f105"; font-family: "FontAwesome"; font-size: 16px; top: 0; right: 0; left: 0; width: 16px; height: 16px; line-height: 16px; bottom: 0; margin: auto; color: var(--primary-color-two); z-index: 999; text-indent: 0; transition: all 500ms ease 0ms !important; -moz-transition: all 500ms ease 0ms !important; -ms-transition: all 500ms ease 0ms !important; -o-transition: all 500ms ease 0ms !important; } .woocommerce nav.woocommerce-pagination ul li .prev.page-numbers::before { content: "\f104"; } .woocommerce nav.woocommerce-pagination ul li:hover .next.page-numbers::before { color: #fff !important; } .woocommerce nav.woocommerce-pagination ul li:hover .prev.page-numbers::before { color: #fff !important; }  .parallax_cover img { position: absolute; width: 100% !important; height: 100% !important; top: 0; left: 0; right: 0; -o-object-fit: cover; object-fit: cover; }  .title_all_box { position: relative; } .title_all_box.style_one .title_sections, .title_all_box.style_two .title_sections { position: relative; } .title_all_box.style_one .title_sections .before_title, .title_all_box.style_two .title_sections .before_title { font-size: 16px; line-height: 40px; font-weight: 700; color: var(--primary-color-one); padding: 0px 0px 5px 0px; text-decoration: none; font-family: var(--nas-family-one); } .banner-section .title_all_box.style_one .title_sections h2 { color: var(--color-white); } .banner-section .title_all_box.style_one .title_sections h2 .typed, .banner-section .title_all_box.style_one .title_sections h2 .typed-cursor { color: var(--primary-color-one); } .title_all_box.style_one .title_sections .title, .title_all_box.style_one .title_sections h1, .title_all_box.style_one .title_sections h3, .title_all_box.style_one .title_sections h4, .title_all_box.style_one .title_sections h5, .title_all_box.style_one .title_sections h6, .title_all_box.style_two .title_sections .title, .title_all_box.style_two .title_sections h1, .title_all_box.style_two .title_sections h2, .title_all_box.style_two .title_sections h3, .title_all_box.style_two .title_sections h4, .title_all_box.style_two .title_sections h5, .title_all_box.style_two .title_sections h6 { font-size: 38px; line-height: 50px; font-weight: 700; color: var(--heading-dark); padding: 0px 0px 10px 0px; font-family: var(--nas-family-one); } .title_all_box.style_one .title_sections p, .title_all_box.style_two .title_sections p { font-size: 17px; line-height: 27px; padding: 0px 0px 10px 0px; } .banner-section .title_all_box.style_one .title_sections p { font-size: 17px; line-height: 27px; padding: 25px 0px 25px 0px; color: var(--color-white); } .title_all_box.style_one.light_color .before_title, .title_all_box.style_two.light_color .before_title { color: var(--color-white); } .title_all_box.style_one.light_color .title, .title_all_box.style_one.light_color h1, .title_all_box.style_one.light_color h2, .title_all_box.style_one.light_color h3, .title_all_box.style_one.light_color h4, .title_all_box.style_one.light_color h5, .title_all_box.style_one.light_color h6, .title_all_box.style_two.light_color .title, .title_all_box.style_two.light_color h1, .title_all_box.style_two.light_color h2, .title_all_box.style_two.light_color h3, .title_all_box.style_two.light_color h4, .title_all_box.style_two.light_color h5, .title_all_box.style_two.light_color h6 { color: #fff; } .title_all_box.style_one.light_color p, .title_all_box.style_two.light_color p { color: #fff; } .title_all_box.style_two .title_sections .before_title { font-size: 16px; text-decoration: none; text-transform: capitalize; display: inline-block; font-weight: 600; font-family: var(--nas-family-one); padding: 0px 10px 3px 10px; border-left: 1px solid var(--border-color-dark); border-bottom: 1px solid var(--border-color-dark); line-height: 26px; margin-bottom: 20px; } .title_all_box.style_two.light_color .before_title { color: #fff; opacity: 0.7; border-color: rgba(255, 255, 255, 0.2); } .title_all_box.style_two.light_color .title, .title_all_box.style_two.light_color h1, .title_all_box.style_two.light_color h2, .title_all_box.style_two.light_color h3, .title_all_box.style_two.light_color h4, .title_all_box.style_two.light_color h5, .title_all_box.style_two.light_color h6 { color: #fff; } .title_all_box.style_two.light_color p { color: #fff; } .title_all_box.style_three .title_sections .before_title { position: relative; font-size: 18px; font-weight: 700; color: var(--primary-color-one); font-family: var(--nas-family-one); margin-bottom: 10px; display: inline-block; padding-left: 38px; margin-bottom: 7px; } .title_all_box.style_three .title_sections .before_title::before { position: absolute; content: ""; width: 30px; height: 1px; background: var(--primary-color-one); left: 0; top: 12px; } .title_all_box.style_three .title_sections.center .before_title { padding-left: 38px; padding-right: 38px; } .title_all_box.style_three .title_sections.center .before_title::after { position: absolute; content: ""; width: 30px; height: 1px; background: var(--primary-color-one); right: 0; top: 12px; } .title_all_box.style_three .title_sections.right .before_title::before { left: inherit; right: 0; } .title_all_box.style_three .title_sections .title, .title_all_box.style_three .title_sections h1, .title_all_box.style_three .title_sections h2, .title_all_box.style_three .title_sections h3, .title_all_box.style_three .title_sections h4, .title_all_box.style_three .title_sections h5, .title_all_box.style_three .title_sections h6 { font-size: 40px; font-family: var(--nas-family-one); line-height: 48px; color: var(--heading-dark); font-weight: 700; } .title_all_box.style_three .title_sections p { margin-top: 12px; } .title_all_box.style_three.light_color h2 { color: #fff; } .title_all_box.style_three.light_color p { color: #fff; opacity: 0.8; } .title_all_box.style_four .title_sections .before_title { position: relative; font-size: 16px; font-weight: 600; color: var(--primary-color-one); margin-bottom: 17px; display: inline-block; background: var(--primary-color-three); padding: 5px 15px; border-radius: 5px; font-family: var(--nas-family-one); } .title_all_box.style_four .title_sections .title, .title_all_box.style_four .title_sections h1, .title_all_box.style_four .title_sections h2, .title_all_box.style_four .title_sections h3, .title_all_box.style_four .title_sections h4, .title_all_box.style_four .title_sections h5, .title_all_box.style_four .title_sections h6 { font-size: 40px; font-family: var(--nas-family-one); line-height: 48px; color: var(--heading-dark); font-weight: 700; } .title_all_box.style_four .title_sections p { margin-top: 12px; } .title_all_box.style_four.light_color .title, .title_all_box.style_four.light_color h1, .title_all_box.style_four.light_color h2, .title_all_box.style_four.light_color h3, .title_all_box.style_four.light_color h4, .title_all_box.style_four.light_color h5, .title_all_box.style_four.light_color h6 { color: #fff; } .title_all_box.style_four.light_color p { color: #fff; } .title_all_box.style_five .title_sections { position: relative; } .title_all_box.style_five .title_sections .before_title { font-size: 15px; line-height: 25px; font-weight: 600; color: var(--primary-color-one); padding: 0px 0px 12px 0px; letter-spacing: 3px; font-family: var(--nas-family-one); } .title_all_box.style_five .title_sections .title, .title_all_box.style_five .title_sections h1, .title_all_box.style_five .title_sections h2, .title_all_box.style_five .title_sections h3, .title_all_box.style_five .title_sections h4, .title_all_box.style_five .title_sections h5, .title_all_box.style_five .title_sections h6 { font-size: 38px; line-height: 50px; font-family: var(--nas-family-one); font-weight: 700; color: var(--heading-dark); padding: 0px 0px 10px 0px; } .title_all_box.style_five .title_sections p { font-size: 17px; line-height: 27px; padding: 0px 0px 10px 0px; } .title_all_box.style_five.light_color .title, .title_all_box.style_five.light_color h1, .title_all_box.style_five.light_color h2, .title_all_box.style_five.light_color h3, .title_all_box.style_five.light_color h4, .title_all_box.style_five.light_color h5, .title_all_box.style_five.light_color h6 { color: #fff; } .title_all_box.style_five.light_color p { color: #fff; } .title_all_box.style_six .title_sections .before_title { position: relative; font-size: 16px; font-weight: 500; font-family: var(--nas-family-two); color: var(--primary-color-one); text-transform: uppercase; padding-bottom: 18px; display: inline-block; } .title_all_box.style_six .title_sections .before_title span { margin-right: 10px; font-size: 20px; } .title_all_box.style_six .title_sections .title, .title_all_box.style_six .title_sections h1, .title_all_box.style_six .title_sections h2, .title_all_box.style_six .title_sections h3, .title_all_box.style_six .title_sections h4, .title_all_box.style_six .title_sections h5, .title_all_box.style_six .title_sections h6 { font-size: 38px; line-height: 50px; font-weight: 700; color: var(--heading-dark); padding: 0px 0px 10px 0px; font-family: var(--nas-family-one); } .title_all_box.style_six .title_sections p { font-size: 17px; line-height: 27px; padding: 0px 0px 10px 0px; } .title_all_box.style_six.light_color .before_title { color: var(--color-white); } .title_all_box.style_six.light_color .before_title span { color: var(--color-white); } .title_all_box.style_six.light_color .title, .title_all_box.style_six.light_color h1, .title_all_box.style_six.light_color h2, .title_all_box.style_six.light_color h3, .title_all_box.style_six.light_color h4, .title_all_box.style_six.light_color h5, .title_all_box.style_six.light_color h6 { color: var(--color-white); } .title_all_box.style_six.light_color p { color: var(--color-white); } .title_all_box.style_seven .title, .title_all_box.style_seven h1, .title_all_box.style_seven h2, .title_all_box.style_seven h3, .title_all_box.style_seven h4, .title_all_box.style_seven h5, .title_all_box.style_seven h6 { font-size: 44px; line-height: 54px; font-weight: 700; color: var(--heading-dark); font-family: var(--nas-family-one); } .title_all_box.style_seven .title span, .title_all_box.style_seven h1 span, .title_all_box.style_seven h2 span, .title_all_box.style_seven h3 span, .title_all_box.style_seven h4 span, .title_all_box.style_seven h5 span, .title_all_box.style_seven h6 span { font-weight: 500; } .title_all_box.style_seven .before_title { font-size: 18px; padding-bottom: 10px; color: var(--primary-color-one); font-family: var(--nas-family-one); text-transform: uppercase; font-weight: 500; padding-top: 23px; } .title_all_box.style_seven .small_text_sub { position: absolute; color: transparent; top: 0px; left: 0; opacity: 0.1; font-size: 60px; line-height: 60px; font-family: var(--nas-family-one); font-weight: 700; -webkit-text-stroke: 1px var(--heading-dark); text-shadow: 1px 1px 0 var(--heading-dark), -1px -1px 0 var(--heading-dark), 1px -1px 0 1px var(--heading-dark), -1px 1px 0 var(--heading-dark), 1px 1px 0 var(--heading-dark); } .title_all_box.style_seven p { font-size: 16px; line-height: 26px; margin-top: 10px; } .title_all_box.style_seven.light_color .before_title { color: var(--color-white); } .title_all_box.style_seven.light_color .before_title span { color: var(--color-white); } .title_all_box.style_seven.light_color .title, .title_all_box.style_seven.light_color h1, .title_all_box.style_seven.light_color h2, .title_all_box.style_seven.light_color h3, .title_all_box.style_seven.light_color h4, .title_all_box.style_seven.light_color h5, .title_all_box.style_seven.light_color h6 { color: var(--color-white); } .title_all_box.style_seven.light_color .small_text_sub { -webkit-text-stroke: 1px var(--color-white); text-shadow: 1px 1px 0 var(--color-white), -1px -1px 0 var(--color-white), 1px -1px 0 1px var(--color-white), -1px 1px 0 var(--color-white), 1px 1px 0 var(--color-white); } .title_all_box.style_seven.light_color p { color: var(--color-white); } .title_all_box.style_seven.text-center .small_text_sub { right: 0; margin: auto; } .title_all_box.style_seven.text-right { text-align: right; } .title_all_box.style_seven.text-right .small_text_sub { left: unset; right: 0; } .title_all_box .title_sections .title_big { font-size: 46px !important; font-weight: 800 !important; line-height: 66px !important; } .process_box { position: relative; } .process_box.style_one .process_box_outer .icon { position: absolute; left: 0; top: 2px; width: 65px; height: 65px; transition: 0.5s ease-in-out !important; -moz-transition: 0.5s ease-in-out !important; -o-transition: 0.5s ease-in-out !important; -ms-transition: 0.5s ease-in-out !important; } .process_box.style_one .process_box_outer .icon .img, .process_box.style_one .process_box_outer .icon span { position: absolute; top: 0px; right: 0; bottom: 0; font-size: 32px; border-radius: 50%; color: #fff; left: 0; margin: auto; line-height: 65px; width: 65px; height: 65px; background: var(--primary-color-one); text-align: center; transition: 0.5s ease-in-out !important; -moz-transition: 0.5s ease-in-out !important; -o-transition: 0.5s ease-in-out !important; -ms-transition: 0.5s ease-in-out !important; } .process_box.style_one .process_box_outer .icon .number { position: absolute; width: 50px; height: 50px; font-size: 16px; font-weight: 700; color: #fff; background: var(--primary-color-one); bottom: -10px; left: 0; line-height: 50px; text-align: center; border-radius: 50%; transition: 0.5s ease-in-out !important; -moz-transition: 0.5s ease-in-out !important; -o-transition: 0.5s ease-in-out !important; -ms-transition: 0.5s ease-in-out !important; opacity: 0; } .process_box.style_one .process_box_outer .icon .number::before { position: absolute; content: ""; width: 15px; height: 15px; background: var(--primary-color-one); border-radius: 50px; top: 0px; right: 0px; opacity: 0; transition: 0.5s ease-in-out !important; -moz-transition: 0.5s ease-in-out !important; -o-transition: 0.5s ease-in-out !important; -ms-transition: 0.5s ease-in-out !important; } .process_box.style_one .process_box_outer .icon .img img { width: 32px; height: auto; } .process_box.style_one .process_box_outer .content_box { position: relative; margin-left: 90px; } .process_box.style_one .process_box_outer .content_box h2 { position: relative; } .process_box.style_one .process_box_outer .content_box h2 a { font-size: 22px; font-weight: 700; color: var(--heading-dark); line-height: 32px; margin-bottom: 10px; padding-bottom: 10px; display: block; } .process_box.style_one .process_box_outer .content_box h2:before { position: absolute; content: ""; width: 50px; height: 3px; background: var(--primary-color-one); bottom: 0; left: 0; transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; } .process_box.style_one .process_box_outer .content_box h2:hover a { color: var(--primary-color-one); } .process_box.style_one .process_box_outer:hover { cursor: pointer; } .process_box.style_one .process_box_outer:hover .icon .img, .process_box.style_one .process_box_outer:hover .icon span { left: -5px; opacity: 0; } .process_box.style_one .process_box_outer:hover .icon .number { bottom: 0px; opacity: 1; } .process_box.style_one .process_box_outer:hover .icon .number::before { top: -12px; right: -12px; opacity: 1; } .process_box.style_one .process_box_outer:hover .content_box h2::before { width: 60px; } .process_box.style_one .process_box_outer.light_color .content_box h2 a { color: #fff; } .process_box.style_one .process_box_outer.light_color .content_box p { color: #fff; opacity: 0.8; } .process_box.style_two .process_box_outer_two { position: relative; } .process_box.style_two .process_box_outer_two .number { position: relative; padding: 8px 11px 3px; border-radius: 30px; background: var(--primary-color-one); font-family: var(--nas-family-one); color: #fff; font-weight: 600; font-size: 12px; text-transform: uppercase; line-height: 20px; display: inline-block; margin-bottom: 20px; transition: 0.5s ease-in-out !important; -moz-transition: 0.5s ease-in-out !important; -o-transition: 0.5s ease-in-out !important; -ms-transition: 0.5s ease-in-out !important; } .process_box.style_two .process_box_outer_two .content_box { position: relative; margin-bottom: 15px; } .process_box.style_two .process_box_outer_two .content_box .icon { float: left; } .process_box.style_two .process_box_outer_two .content_box .icon span, .process_box.style_two .process_box_outer_two .content_box .icon img { font-size: 47px; line-height: 47px; width: 47px; color: var(--primary-color-one); } .process_box.style_two .process_box_outer_two .content_box h2 { position: relative; margin-left: 70px; } .process_box.style_two .process_box_outer_two .content_box h2 a { display: block; font-size: 18px; font-weight: 700; line-height: 28px; } .process_box.style_two .process_box_outer_two p { margin-bottom: 25px; line-height: 26px; } .process_box.style_two .process_box_outer_two a.theme-btn { text-transform: uppercase; font-size: 12px; font-family: var(--nas-family-one); font-weight: 600; padding: 3px 25px 0px; min-height: 50px; line-height: 50px; } .process_box.style_two .process_box_outer_two a.theme-btn::after { position: absolute; content: "\f105"; font-family: "FontAwesome"; font-size: 16px; opacity: 0; top: 1px; bottom: 0; color: #fff; margin: auto; transition: 0.5s ease-in-out !important; -moz-transition: 0.5s ease-in-out !important; -o-transition: 0.5s ease-in-out !important; -ms-transition: 0.5s ease-in-out !important; } .process_box.style_two .process_box_outer_two:hover .number { animation: bounce; animation-duration: 1s; } .process_box.style_two .process_box_outer_two:hover a.theme-btn::after { transform: translateX(10px); opacity: 1; } .process_box.style_two.light_color h2 a { color: #fff; } .process_box.style_two.light_color p { color: #fff; opacity: 0.6; } .process_box.style_three .process_box_outer_three { position: relative; } .process_box.style_three .process_box_outer_three.right { text-align: right; } .process_box.style_three .process_box_outer_three .icon { position: relative; margin-bottom: 20px; } .process_box.style_three .process_box_outer_three .icon span { font-size: 50px; color: var(--primary-color-one); line-height: 50px; display: block; } .process_box.style_three .process_box_outer_three .icon img { height: 50px; width: auto; margin-bottom: 5px; } .process_box.style_three .process_box_outer_three h2 a { font-size: 18px; line-height: 26px; margin-bottom: 8px; display: block; font-weight: 700; } .process_box.style_three .process_box_outer_three p { margin-bottom: 25px; } .process_box.style_three .process_box_outer_three .number h6 { font-size: 50px; color: var(--primary-color-three); display: block; line-height: 50px; } .process_box.style_four .process_box_outer_four { position: relative; text-align: center; } .process_box.style_four .process_box_outer_four .icon { position: relative; width: 150px; height: 150px; border-radius: 50%; background: #fff; box-shadow: var(--box-shadow); transition: 0.5s ease-in-out !important; -moz-transition: 0.5s ease-in-out !important; -o-transition: 0.5s ease-in-out !important; -ms-transition: 0.5s ease-in-out !important; margin: 0px auto 20px; display: block; } .process_box.style_four .process_box_outer_four .icon span { position: absolute; font-size: 50px; line-height: 60px; height: 60px; width: 60px; text-align: center; top: 0; bottom: 0; left: 0; right: 0; margin: auto; color: var(--primary-color-one); } .process_box.style_four .process_box_outer_four .icon h6 { position: absolute; top: 6px; right: 1px; width: 40px; height: 40px; font-size: 16px; font-weight: 700; color: #fff; background: var(--primary-color-one); line-height: 40px; border-radius: 50px; } .process_box.style_four .process_box_outer_four .icon img { position: absolute; width: 50px; height: auto; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .process_box.style_four .process_box_outer_four h2 { position: relative; line-height: normal; } .process_box.style_four .process_box_outer_four h2 a { display: block; font-size: 18px; font-weight: 700; line-height: 28px; margin-bottom: 8px; }  .extra_content { position: relative; } .extra_content .download_box_content { position: relative; } .extra_content .download_box_content a { font-family: var(--nas-family-one); font-size: 18px; line-height: 28px; font-weight: 600; color: var(--heading-dark); display: inline-block; padding-right: 50px; position: relative; } .extra_content .download_box_content a i { position: absolute; right: 0; top: 0; width: 30px; height: 30px; line-height: 30px; font-size: 16px; text-align: center; background: var(--primary-color-one); border-radius: 50px; color: #fff; } .extra_content.light_color .download_box_content a { color: #fff; } .extra_content .authour_box_content { position: relative; } .extra_content .authour_box_content .text { position: relative; margin-top: 5px; } .extra_content .authour_box_content .text h6 { font-family: var(--nas-family-one); font-size: 18px; line-height: 28px; font-weight: 600; color: var(--heading-dark); } .extra_content .authour_box_content .text h6 a, .extra_content .authour_box_content .text h6 span { font-family: var(--nas-family-two); color: var(--primary-color-one); font-size: 16px; font-weight: 400; line-height: 26px; } .extra_content .authour_box_content.two { position: relative; border-radius: 120px; background: var(--primary-color-three); padding: 20px 40px 20px 0px; min-height: 100px; border: 1px solid var(--border-color-dark); } .extra_content .authour_box_content.two .image { position: absolute; left: 18px; top: 0; bottom: 0; width: 80px; height: 80px; border-radius: 50%; margin: auto; } .extra_content .authour_box_content.two .image img { width: 100%; height: 100%; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .extra_content .authour_box_content.two .text { position: relative; margin-left: 120px; } .extra_content .authour_box_content.two .text h6 { font-size: 18px; line-height: 26px; font-weight: 600; margin-bottom: 8px; } .extra_content .authour_box_content.two .text p { font-size: 15px; line-height: 26px; margin: 0; } .extra_content .authour_box_content.two .text img { position: absolute; bottom: -29px; width: 150px; right: 0; } .extra_content.light_color .authour_box_content h6 { color: #fff; } .extra_content .simple_image { position: relative; } .extra_content .simple_image img { width: 52px; height: 52px; border-radius: 50px; overflow: hidden; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0; } .extra_content .simple_image h2 { margin-left: 66px; display: block; font-size: 18px; font-weight: 700; line-height: 28px; }  .move_image_absolute { position: absolute; } .move_image_absolute img { width: 100%; right: 100%; }  .default .video_box a { background: var(--primary-color-one); } .default .video_box:before, .default .video_box:after { background: rgba(7, 133, 134, 0.4); } .gray .video_box a { background: #fdf9f9; color: #000000; } .gray .video_box:before, .gray .video_box:after { background: rgba(0, 0, 0, 0.4); } .red .video_box a { background: #ff0000; } .red .video_box:before, .red .video_box:after { background: rgba(255, 0, 0, 0.4); } .violet .video_box a { background-color: #4e18bc; } .violet .video_box:before, .violet .video_box:after { background: rgba(78, 24, 188, 0.4); } .green .video_box a { background-color: #8ad53a; } .green .video_box:before, .green .video_box:after { background: rgba(138, 213, 58, 0.4); } .orange .video_box a { background-color: #ff8c0e; } .orange .video_box:before, .orange .video_box:after { background: rgba(255, 140, 14, 0.4); } .video_box { position: relative; width: 70px; height: 70px; display: inline-block; } .video_box:before, .video_box:after { width: 0px; height: 0px; border-radius: 50%; background: rgba(255, 255, 255, 0.4); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation-delay: 0.9s; content: ""; position: absolute; animation: ripple 3s infinite; transition: all 0.4s ease; z-index: 0; } .video_box:after { animation-delay: 0.4s; } .video_box a { position: relative; display: inline-block; font-size: 30px !important; color: #fff; width: 70px; height: 70px; line-height: 75px; text-align: center !important; border-radius: 50%; background: var(--primary-color-one); background-image: inherit; z-index: 10; } .video_box.color_white a { background: var(--color-white); color: var(--primary-color-one); } @keyframes ripple { 70% { background: rgba(255, 255, 255, 0); width: 120px; height: 120px; } 100% { background: rgba(255, 255, 255, 0); width: 0px; height: 0px; } }  .area_of_expertise { position: relative; padding: 100px 0px 0px; overflow: hidden; } .area_of_expertise .simpleParallax { position: absolute; width: 100%; height: 100%; left: 0; right: 0; bottom: 0; top: 0; min-height: 600px; } .area_of_expertise .simpleParallax img { width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; } .area_of_expertise .title_and_video { position: relative; padding-bottom: 100px; z-index: 11; } .area_of_expertise .title_and_video .col-lg-4 { position: relative; } .area_of_expertise .title_and_video .video_box { position: absolute; right: 0; bottom: 0; top: 0; margin: auto; left: 0; height: 70px; } .area_of_expertise .title_and_video .video_box a { background: #fff; color: var(--primary-color-one); } .area_of_expertise .title_and_video .video_box a::after { animation: none; width: 90px; height: 90px; top: 0; background: rgba(255, 255, 255, 0.4); z-index: -1; bottom: 0; margin: auto; right: 0px; left: -10px; transform: inherit; transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; } .area_of_expertise .title_and_video .video_box a::before { animation: none; width: 110px; height: 110px; top: 0; background: rgba(255, 255, 255, 0.2); z-index: -1; bottom: 0; margin: auto; right: 0px; left: -20px; transform: inherit; transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; } .area_of_expertise .title_and_video .title_sections h2 { color: #fff; } .area_of_expertise .title_and_video .title_sections p { color: rgba(255, 255, 255, 0.7); } .area_of_expertise .expertise_box { position: relative; padding: 40px 30px 40px 30px; margin-top: 30px; cursor: pointer; } .area_of_expertise .expertise_box .step_number { position: relative; float: left; z-index: 11; } .area_of_expertise .expertise_box .step_number h1 { font-size: 60px; line-height: 60px; color: #fff; font-weight: 700; } .area_of_expertise .expertise_box .title { position: relative; margin-left: 130px; z-index: 11; } .area_of_expertise .expertise_box .title a { font-size: 22px; font-weight: 700; color: var(--heading-dark); display: block; line-height: 30px; color: #fff; } .area_of_expertise .expertise_box::before { position: absolute; content: ""; width: 100%; height: 10px; left: 0; bottom: 0; background: var(--primary-color-two); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; z-index: 1; } .area_of_expertise .expertise_box:first-child:after, .area_of_expertise .expertise_box:nth-child(2):after { position: absolute; content: ""; background: rgba(255, 255, 255, 0.6); width: 1px; height: calc(100% + 1000px); right: 0px; bottom: 0px; z-index: 0; } .area_of_expertise .expertise_box:hover::before { background: var(--primary-color-one); height: 100%; } .area_of_expertise:hover .title_and_video .video_box a::after { width: 70px; height: 70px; top: 0; right: 0; left: 0; bottom: 0; } .area_of_expertise:hover .title_and_video .video_box a::before { width: 70px; height: 70px; top: 0; right: 0; left: 0; bottom: 0; } .area_of_expertise::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; background: linear-gradient( 300deg, var(--primary-color-two) 40%, rgba(0, 0, 0, 0.09) 100% ); opacity: 0.9; z-index: 1; }  .testimonial_sec.style_one .testimonial_box { position: relative; margin-bottom: 35px; } .testimonial_sec.style_one .testimonial_box .rating { position: relative; margin-bottom: 20px; } .testimonial_sec.style_one .testimonial_box .rating ul { margin: 0; padding: 6px 15px; background: var(--primary-color-three); border: 1px solid var(--border-color-dark); display: inline-block; border-radius: 30px; } .testimonial_sec.style_one .testimonial_box .rating ul li { list-style: none; } .testimonial_sec.style_one .testimonial_box .rating ul li span { margin: 0px 3px; color: var(--primary-color-one); font-size: 16px; } .testimonial_sec.style_one .testimonial_box .rating ul li span.empty { color: var(--primary-color-one); opacity: 0.4; } .testimonial_sec.style_one .testimonial_box .rating ul li span:first-child { margin-left: 0px; } .testimonial_sec.style_one .testimonial_box .rating ul li span:last-child { margin-right: 0px; } .testimonial_sec.style_one .testimonial_box .authour_details { position: relative; margin-bottom: 20px; } .testimonial_sec.style_one .testimonial_box .authour_details .details { position: relative; padding-top: 5px; } .testimonial_sec.style_one .testimonial_box .authour_details .details h2 { font-size: 22px; font-weight: 700; color: var(--heading-dark); display: block; line-height: 30px; color: var(--heading-dark); } .testimonial_sec.style_one .testimonial_box .authour_details .details span { font-size: 12px; font-family: var(--nas-family-one); font-weight: 600; text-transform: uppercase; color: var(--primary-color-one); margin-bottom: 5px; } .testimonial_sec.style_one .testimonial_box .authour_details.image_yes { position: relative; } .testimonial_sec.style_one .testimonial_box .authour_details.image_yes .details { position: relative; margin-left: 90px; } .testimonial_sec.style_one .testimonial_box .authour_details.image_yes .details::before { position: absolute; content: ""; width: 1px; height: 100%; left: -18px; top: 0; background: var(--primary-color-thee); opacity: 0.2; } .testimonial_sec.style_one .testimonial_box .authour_details.image_yes .image { float: left; } .testimonial_sec.style_one .testimonial_box .authour_details.image_yes .image img { width: 60px; height: 60px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .testimonial_sec.style_one .testimonial_box .comment { position: relative; font-size: 18px; line-height: 28px; font-weight: 500; font-family: var(--nas-family-one); } .testimonial_sec.style_one .arrows { position: absolute; width: 200px; display: inline-block; bottom: 39px; } .testimonial_sec.style_one .arrows .next-single-one, .testimonial_sec.style_one .arrows .prev-single-one { position: relative; top: inherit; left: inherit; right: inherit; display: inline-block; background-image: none !important; height: auto; width: auto; } .testimonial_sec.style_one .arrows .next-single-one::before, .testimonial_sec.style_one .arrows .prev-single-one::before { width: auto; height: auto; line-height: inherit; background: none; box-shadow: inherit; font-size: 32px; } .testimonial_sec.style_one .arrows .next-single-one:hover::before, .testimonial_sec.style_one .arrows .prev-single-one:hover::before { color: var(--primary-color-one); } .testimonial_sec.style_one .arrows .next-single-one { margin-left: 60px; } .testimonial_sec.style_one .arrows .prev-single-one { margin-right: 80px; } .testimonial_sec.style_one .arrows .next-single-one::before { content: "\e91d"; font-family: "icomoon" !important; } .testimonial_sec.style_one .arrows .prev-single-one::before { content: "\e91c"; font-family: "icomoon" !important; } .testimonial_sec.style_one .num_pagination { display: inline-block; padding: 0px 65px; font-size: 18px; font-family: var(--nas-family-one); font-weight: 700; text-transform: uppercase; } .testimonial_sec.style_one .num_pagination .swiper-pagination-fraction { color: var(--primary-color-two); } .testimonial_sec.style_one .num_pagination .swiper-pagination-current { font-size: 30px; } .testimonial_sec.style_one .icon_quotes { position: absolute; width: 120px; height: 120px; background: var(--primary-color-one); border-radius: 50%; text-align: center; line-height: 120px; top: 0; left: -150px; } .testimonial_sec.style_one .icon_quotes i { font-size: 50px; line-height: 120px; color: #fff; } .testimonial_sec.style_one .icon_quotes:before { position: absolute; content: ""; width: 120px; height: 120px; border-radius: 50%; left: 7px; top: 9px; background: transparent; border: 1px solid var(--border-color-dark); } .testimonial_sec.style_one.light_color .testimonial_box .authour_details.image_yes .details::before { background: var(--primary-color-one); opacity: 0.3; } .testimonial_sec.style_one.light_color .testimonial_box .authour_details .details h2 { color: #fff; } .testimonial_sec.style_one.light_color .testimonial_box .comment { color: #fff; } .testimonial_sec.style_one.light_color .num_pagination .swiper-pagination-fraction { color: #fff; } .testimonial_sec.style_one.light_color .arrows .prev-single-one::before, .testimonial_sec.style_one.light_color .arrows .next-single-one::before { color: #fff; } .testimonial_sec.style_one.light_color .icon_quotes:before { border: 1px solid #fff; } .testimonial_sec.style_two .swiper, .testimonial_sec.style_two .swiper-container { overflow: unset; } .testimonial_sec.style_two .swiper-container { overflow: inherit !important; } .testimonial_sec.style_two .testimonial_box { position: relative; margin-bottom: 35px; text-align: center; padding: 40px 40px; background: #fff; border-radius: 10px; box-shadow: var(--box-shadow); } .testimonial_sec.style_two .testimonial_box::before { position: absolute; content: ""; border: 1px dashed var(--border-color-dark); width: 98%; height: 97%; top: 0; right: 0; left: 0; bottom: 0; margin: auto; border-radius: 10px; } .testimonial_sec.style_two .testimonial_box .rating { position: relative; margin-top: 25px; text-align: center; } .testimonial_sec.style_two .testimonial_box .rating ul { margin: 0; padding: 6px 15px; background: var(--primary-color-three); border: 1px solid var(--border-color-dark); display: inline-block; border-radius: 30px; text-align: center; } .testimonial_sec.style_two .testimonial_box .rating ul li { list-style: none; } .testimonial_sec.style_two .testimonial_box .rating ul li span { margin: 0px 3px; color: var(--primary-color-one); font-size: 16px; } .testimonial_sec.style_two .testimonial_box .rating ul li span.empty { color: var(--primary-color-one); opacity: 0.4; } .testimonial_sec.style_two .testimonial_box .rating ul li span:first-child { margin-left: 0px; } .testimonial_sec.style_two .testimonial_box .rating ul li span:last-child { margin-right: 0px; } .testimonial_sec.style_two .testimonial_box .authour_image { position: relative; padding-bottom: 20px; border-radius: 50%; margin: auto; display: inline-block; } .testimonial_sec.style_two .testimonial_box .authour_image .icon-quote { position: absolute; width: 50px; height: 50px; font-size: 30px; text-align: center; line-height: 50px; color: #fff; background: var(--primary-color-one); top: 2px; left: -19px; border-radius: 50%; } .testimonial_sec.style_two .testimonial_box .authour_image img { width: 120px; height: 120px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .testimonial_sec.style_two .testimonial_box .comment { position: relative; font-size: 17px; line-height: 27px; font-weight: 500; font-family: var(--nas-family-one); } .testimonial_sec.style_two .single_swiper .swiper-slide .testimonial_box { opacity: 0.2; } .testimonial_sec.style_two .single_swiper .swiper-slide.swiper-slide-active .testimonial_box { opacity: 1; } .testimonial_sec.style_two .auth_details { position: relative; cursor: pointer; text-align: center; padding: 25px; border-radius: 10px; background: #fff; box-shadow: var(--box-shadow); } .testimonial_sec.style_two .auth_details h2 { font-size: 18px; font-weight: 700; color: var(--heading-dark); display: block; line-height: 26px; margin-bottom: 5px; } .testimonial_sec.style_two .auth_details span { font-size: 12px; text-transform: uppercase; line-height: 20px; display: block; color: var(--text-color-dark-two); font-weight: 400; } .testimonial_sec.style_two .single_swiper_tab .swiper-wrapper { text-align: center; } .testimonial_sec.style_two .single_swiper_tab .swiper-wrapper .swiper-slide { margin: 15px 0px; } .testimonial_sec.style_two .single_swiper_tab .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .auth_details { background: var(--primary-color-one); } .testimonial_sec.style_two .single_swiper_tab .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .auth_details h2 { color: #fff; } .testimonial_sec.style_two .single_swiper_tab .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .auth_details span { color: #fff; opacity: 0.7; } .testimonial_sec.style_two.light_color { position: relative; } .testimonial_sec.style_three .swiper-slide-active .testimonial_box { background: #fff; box-shadow: var(--box-shadow-two); opacity: 1; } .testimonial_sec.style_three .testimonial_box { margin: 15px 15px 30px; border-radius: 5px; background: #fff; padding: 40px 30px; text-align: center; position: relative; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; opacity: 0.5; } .testimonial_sec.style_three .testimonial_box .description { margin-bottom: 56px; position: relative; } .testimonial_sec.style_three .testimonial_box i { font-size: 30px; line-height: 60px; display: block; color: var(--primary-color-one); width: 60px; height: 60px; background: var(--primary-color-three); border-radius: 50px; text-align: center; margin: 0 auto 20px; opacity: 0.5; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } .testimonial_sec.style_three .testimonial_box img { width: 100px; height: 100px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .testimonial_sec.style_three .testimonial_box .title { display: block; font-size: 18px; font-weight: 700; color: var(--heading-dark); margin: 0 0 8px 0; line-height: 28px; position: relative; } .testimonial_sec.style_three .testimonial_box .title:before { content: ""; width: 1px; height: 30px; background: var(--primary-color-three); margin: 0 auto; position: absolute; left: 0; right: 0; top: -44px; } .testimonial_sec.style_three .testimonial_box p.from { color: var(--primary-color-one); font-weight: 400; font-size: 15px; margin-bottom: 20px; font-family: var(--nas-family-one); } .testimonial_sec.style_three .testimonial_box .rating { position: relative; padding: 20px 0px 0px 0px; } .testimonial_sec.style_three .testimonial_box .rating ul { margin: 0; padding: 0px; } .testimonial_sec.style_three .testimonial_box .rating ul li { list-style: none; } .testimonial_sec.style_three .testimonial_box .rating ul li span { display: inline-block; margin: 0px 4px; color: var(--primary-color-one); } .testimonial_sec.style_three .testimonial_box .rating ul li span.empty { color: var(--primary-color-three); } .testimonial_sec.style_three .testimonial_box:hover i { opacity: 1; background: var(--primary-color-one); color: #fff; } .testimonial_sec.style_three .arrows { position: absolute; top: 46%; left: 0; right: 0; width: 100%; height: auto; } .testimonial_sec.style_three .arrows .prev-single-one_three { position: absolute; left: -50px; } .testimonial_sec.style_three .arrows .next-single-one_three { position: absolute; right: 0; } .testimonial_sec.style_four .testimonial_box { position: relative; padding: 0px 10px; text-align: left; } .testimonial_sec.style_four .testimonial_box .rating { position: relative; margin-bottom: 12px; } .testimonial_sec.style_four .testimonial_box .rating ul { margin: 0px; padding: 0px; } .testimonial_sec.style_four .testimonial_box .rating ul li { list-style: none; } .testimonial_sec.style_four .testimonial_box .rating ul li span { margin-right: 4px; color: var(--primary-color-one); } .testimonial_sec.style_four .testimonial_box .rating ul li span.empty { opacity: 0.5; } .testimonial_sec.style_four .testimonial_box .client_bx { position: relative; display: flex; } .testimonial_sec.style_four .testimonial_box .client_bx .image_box { width: 60px; height: 60px; min-width: 60px; border-radius: 50%; overflow: hidden; margin: auto 0px; } .testimonial_sec.style_four .testimonial_box .client_bx .image_box img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .testimonial_sec.style_four .testimonial_box .client_bx .left_s { position: relative; margin-left: 14px; } .testimonial_sec.style_four .testimonial_box .client_bx .left_s h2 { font-size: 18px; line-height: 28px; font-weight: 700; margin-bottom: 5px; } .testimonial_sec.style_four .testimonial_box .client_bx .left_s h6 { font-size: 16px; line-height: 26px; font-weight: 500; color: var(--primary-color-one); } .testimonial_sec.style_five .testimonial_box { background: #fff; position: relative; border-radius: 10px; padding: 30px; box-shadow: var(--box-shadow-two); margin: 10px 15px 10px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } .testimonial_sec.style_five .testimonial_box .icon_quotes { position: absolute; bottom: 30px; right: 30px; } .testimonial_sec.style_five .testimonial_box .icon_quotes i { font-size: 50px; color: var(--primary-color-three); transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } .testimonial_sec.style_five .testimonial_box .lower_box { position: relative; display: flex; } .testimonial_sec.style_five .testimonial_box .image_box { position: relative; min-width: 90px; width: 90px; height: 90px; overflow: hidden; border-radius: 50%; margin: auto 0px; } .testimonial_sec.style_five .testimonial_box .image_box img { width: 90px; height: 90px; -o-object-fit: cover; object-fit: cover; } .testimonial_sec.style_five .testimonial_box .content_box { margin-left: 20px; position: relative; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } .testimonial_sec.style_five .testimonial_box .content_box .rating ul { padding-left: 0px; margin-left: 0px; } .testimonial_sec.style_five .testimonial_box .content_box .rating ul li { list-style: none; } .testimonial_sec.style_five .testimonial_box .content_box .rating ul li span { color: var(--primary-color-one); font-size: 15px; margin-right: 5px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } .testimonial_sec.style_five .testimonial_box .content_box .rating ul li span.empty { color: var(--primary-color-three); } .testimonial_sec.style_five .testimonial_box .content_box .description { position: relative; margin-bottom: 20px; } .testimonial_sec.style_five .testimonial_box .content_box .authour { position: relative; } .testimonial_sec.style_five .testimonial_box .content_box .authour h2 { font-size: 18px; line-height: 28px; font-weight: 700; margin-bottom: 5px; } .testimonial_sec.style_five .testimonial_box .content_box .authour p { margin-bottom: 0px; color: var(--primary-color-one); } .testimonial_sec.style_five .testimonial_box:hover { background: var(--primary-color-one); } .testimonial_sec.style_five .testimonial_box:hover .icon_quotes i { color: rgba(255, 255, 255, 0.5); } .testimonial_sec.style_five .testimonial_box:hover .content_box .rating ul li span { color: #fff; } .testimonial_sec.style_five .testimonial_box:hover .content_box .rating ul li span.empty { color: rgba(255, 255, 255, 0.5); } .testimonial_sec.style_five .testimonial_box:hover .content_box .description { color: rgba(255, 255, 255, 0.8); } .testimonial_sec.style_five .testimonial_box:hover .content_box .authour h2 { color: #fff; } .testimonial_sec.style_five .testimonial_box:hover .content_box .authour p { color: rgba(255, 255, 255, 0.8); }  .testimonial_sec { position: relative; } .testimonial_sec.style_v2_one { position: relative; } .testimonial_sec.style_v2_one .testimonial_box { position: relative; display: flex; overflow: hidden; border-radius: 5px; background: #fff; box-shadow: var(--box-shadow-two); margin: 10px; } .testimonial_sec.style_v2_one .testimonial_box .image { width: 40%; min-width: 40%; overflow: hidden; } .testimonial_sec.style_v2_one .testimonial_box .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 5px; } .testimonial_sec.style_v2_one .testimonial_box .authour_details { position: relative; padding: 40px; width: 60%; min-width: 60%; } .testimonial_sec.style_v2_one .testimonial_box .authour_details .b_image { position: relative; width: 200px; margin-bottom: 20px; } .testimonial_sec.style_v2_one .testimonial_box .authour_details .comment { position: relative; margin-bottom: 20px; } .testimonial_sec.style_v2_one .testimonial_box .authour_details .details { position: relative; display: flex; } .testimonial_sec.style_v2_one .testimonial_box .authour_details .details .c_image { min-width: 60px; min-height: 60px; } .testimonial_sec.style_v2_one .testimonial_box .authour_details .details .c_image img { width: 60px; height: 60px; border-radius: 50px; overflow: hidden; -o-object-fit: cover; object-fit: cover; } .testimonial_sec.style_v2_one .testimonial_box .authour_details .details .c_content { padding-left: 15px; display: flex; } .testimonial_sec.style_v2_one .testimonial_box .authour_details .details .c_content .content_in { align-items: center; } .testimonial_sec.style_v2_one .testimonial_box .authour_details .details .c_content h2 { font-size: 18px; line-height: 28px; font-weight: 700; color: var(--heading-dark); } .testimonial_sec.style_v2_one .testimonial_box .authour_details .details .c_content span { font-size: 15px; line-height: 25px; color: var(--primary-color-one); display: block; } .testimonial_sec.style_v2_one .testimonial_box .authour_details .rating { position: relative; margin-top: 20px; } .testimonial_sec.style_v2_one .testimonial_box .authour_details .rating ul { margin-left: 0px; margin-bottom: 0px; padding-left: 0px; } .testimonial_sec.style_v2_one .testimonial_box .authour_details .rating ul li { list-style: none; } .testimonial_sec.style_v2_one .testimonial_box .authour_details .rating ul li span { font-size: 14px; color: var(--primary-color-one); display: inline-block; margin-right: 5px; } .testimonial_sec.style_v2_one .testimonial_box .authour_details .rating ul li span.empty { color: var(--primary-color-three); } .testimonial_sec.style_v2_one .arrows { position: absolute; width: 100%; left: 0; height: 50px; top: 0; bottom: 0; margin: auto; right: 0; z-index: 1; } .testimonial_sec.style_v2_one .arrows .prev-single-one { position: absolute; width: 50px; height: 50px; left: -100px; top: 0; } .testimonial_sec.style_v2_one .arrows .next-single-one { position: absolute; width: 50px; height: 50px; right: -100px; top: 0; } .testimonial_sec.style_v2_two { text-align: center; } .testimonial_sec.style_v2_two .testimonial_box { position: relative; z-index: 4; } .testimonial_sec.style_v2_two .testimonial_box .c_image { position: relative; overflow: hidden; width: 110px; height: 110px; border-radius: 110px; margin: 0 auto 20px; } .testimonial_sec.style_v2_two .testimonial_box .c_image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .testimonial_sec.style_v2_two .testimonial_box .comment { margin-bottom: 20px; color: #fff; font-size: 18px; line-height: 34px; } .testimonial_sec.style_v2_two .testimonial_box .c_content h2 { font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 6px; line-height: 32px; } .testimonial_sec.style_v2_two .testimonial_box .c_content span { font-size: 15px; font-weight: 500; color: #fff; display: block; font-family: var(--nas-family-one); margin-bottom: 15px; } .testimonial_sec.style_v2_two .testimonial_box .rating li { list-style: none; } .testimonial_sec.style_v2_two .testimonial_box .rating li span { color: var(--primary-color-one); padding: 0px 4px; } .testimonial_sec.style_v2_two .testimonial_box .rating li span.empty { opacity: 0.3; } .testimonial_sec.style_v2_two .arrows { position: absolute; width: 100%; height: 100px; margin: auto; left: 0; top: 0; bottom: 0; } .testimonial_sec.style_v2_two .arrows .prev-single-one, .testimonial_sec.style_v2_two .arrows .next-single-one { position: absolute; left: -80px; top: 0; bottom: 0; z-index: 3; } .testimonial_sec.style_v2_two .arrows .prev-single-one:before, .testimonial_sec.style_v2_two .arrows .next-single-one:before { width: 60px; height: 60px; box-shadow: var(--box-shadow); line-height: 60px; text-align: center; border-radius: 0px; font-size: 26px; color: #fff; background: var(--primary-color-one); } .testimonial_sec.style_v2_two .arrows .next-single-one { left: unset; right: -20px; }  ._card { position: relative; display: inline-block; width: 100%; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; } @media (min-width: 576px) { ._card { display: inline-block; width: 100%; } } .one_column .grid_show_case .grid_box { width: 100%; padding: 0px 0px; margin-bottom: 25px; } .two_column .grid_show_case .grid_box { width: 50%; padding: 0px 12px; margin-bottom: 25px; } .three_column .grid_show_case .grid_box { width: 33.33%; padding: 0px 12px; margin-bottom: 25px; } .four_column .grid_show_case .grid_box { width: 25%; padding: 0px 12px; margin-bottom: 25px; } .five_column .grid_show_case .grid_box { width: 20%; padding: 0px 12px; margin-bottom: 25px; }  .image_boxes { position: relative; } .image_boxes.style_one { display: inline-block; margin-bottom: 100px; } .image_boxes.style_one .image.one { position: relative; width: 500px; height: 550px; border-radius: 15px; overflow: hidden; box-shadow: var(--box-shadow); } .image_boxes.style_one .image.one img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .image_boxes.style_one .image.two { position: absolute; bottom: -50px; right: -50px; width: 250px; height: 250px; border: 5px solid #fff; border-radius: 15px; overflow: hidden; box-shadow: var(--box-shadow); } .image_boxes.style_one .image.two img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .image_boxes .year_of_experience { position: absolute; padding: 25px; border-radius: 10px; background: #fff; box-shadow: var(--box-shadow); display: inline-block; max-width: 400px; left: 30px; bottom: -60px; } .image_boxes .year_of_experience .year { position: absolute; left: 25px; top: 0; bottom: 0; width: 70px; height: 70px; line-height: 80px; font-size: 30px; font-weight: 600; border-radius: 60px; background: var(--primary-color-one); color: #fff; text-align: center; font-family: var(--nas-family-one); margin: auto; } .image_boxes .year_of_experience .year::before { position: absolute; content: ""; width: 90px; height: 90px; background: transparent; border: 2px dotted var(--border-color-dark); border-radius: 50px; top: -10px; left: -10px; } .image_boxes .year_of_experience .content { position: relative; margin-left: 100px; margin-right: 20px; } .image_boxes .year_of_experience .content h2 { font-size: 20px; font-weight: 600; line-height: 30px; } .image_boxes .year_of_experience .content span { font-size: 60px; height: 60px; position: absolute; line-height: 60px; right: -40px; margin: auto; bottom: 0; top: 0; opacity: 0.2; } .image_boxes .video_box { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 70px; height: 70px; } .image_boxes.style_two { position: relative; min-height: 560px; display: inline-block; } .image_boxes.style_two .background_image { position: absolute; min-width: 740px; left: -165px; height: 596px; top: -33px; } .image_boxes.style_two .image { position: relative; width: 270px; height: 370px; border-radius: 10px; overflow: hidden; } .image_boxes.style_two .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .image_boxes.style_two .image.one { float: left; } .image_boxes.style_two .image.two { position: absolute; right: -300px; margin-top: 100px; } .image_boxes.style_two .authour_quotes { position: absolute; width: 330px; bottom: 30px; left: 0; padding: 25px 25px 18px; border-radius: 10px; background: var(--primary-color-one); z-index: 2; } .image_boxes.style_two .authour_quotes h6 { font-size: 18px; font-weight: 700; color: #fff; display: block; line-height: 26px; margin-bottom: 8px; } .image_boxes.style_two .authour_quotes p { font-family: var(--nas-family-one); font-weight: 600; color: #fff; opacity: 0.8; font-size: 12px; text-transform: uppercase; margin: 0px 40px 0px 0px; } .image_boxes.style_two .authour_quotes i { font-size: 50px; color: #fff; opacity: 0.1; position: absolute; bottom: 10px; right: 10px; } .image_boxes.style_three { position: relative; overflow: hidden; border-radius: 10px; } .image_boxes.style_three.border_yes { border: 10px solid var(--primary-color-three); border-radius: 5px; } .image_boxes.style_three.border_yes img { border-radius: 5px; } .image_boxes.style_three img { height: 470px; width: 100%; -o-object-fit: cover; object-fit: cover; } .image_boxes.style_three .video_box { width: 100px; height: 100px; } .image_boxes.style_three .video_box a { background: #fff; color: var(--primary-color-one); width: 100px; height: 100px; line-height: 105px; font-size: 35px !important; } .image_boxes.style_three.border_yes .video_box { width: 70px; height: 70px; z-index: 3; } .image_boxes.style_three.border_yes .video_box a { width: 70px; line-height: 75px; font-size: 22px !important; height: 70px; background: var(--primary-color-one); color: #fff; } .image_boxes.style_three.border_yes .video_box a::before { animation: none; width: 110px; height: 110px; top: 0; background: rgba(255, 255, 255, 0.2); z-index: -1; bottom: 0; margin: auto; right: 0px; left: -20px; transform: inherit; transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; } .image_boxes.style_three.border_yes .video_box a::after { animation: none; width: 90px; height: 90px; top: 0; background: rgba(255, 255, 255, 0.4); z-index: -1; bottom: 0; margin: auto; right: 0px; left: -10px; transform: inherit; transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; } .image_boxes.style_four .image_box { position: relative; margin-bottom: 30px; overflow: hidden; border-radius: 5px; } .image_boxes.style_four .image_box.one { margin-bottom: 30px; box-shadow: var(--box-shadow); } .image_boxes.style_four .image_box img { width: 100%; height: 285px; -o-object-fit: cover; object-fit: cover; } .image_boxes.style_four .image_box .pad_zero_left { padding-left: 0px; } .image_boxes.style_four .image_box .pad_zero_right { padding-right: 0px; } .image_boxes.style_four .imgs { overflow: hidden; border-radius: 10px; box-shadow: var(--box-shadow-two); } .image_boxes.style_four .image_content_inner { text-align: center; padding: 20px 30px; background: var(--primary-color-one); bottom: 20px; left: 20px; z-index: 10; position: absolute; border-radius: 5px; } .image_boxes.style_four .image_content_inner h2 { font-size: 18px; line-height: 28px; font-weight: 700; color: #fff; } .image_boxes.style_four .image_content_inner.viceo_en { padding-right: 80px; } .image_boxes.style_four .image_content_inner.viceo_en .video_box_null { position: absolute; top: 0; right: 15px; bottom: 0; height: 40px; width: 40px; margin: auto; } .image_boxes.style_four .image_content_inner.viceo_en .video_box_null a { color: #fff; width: 40px; display: block; text-align: center; line-height: 43px; height: 40px; border-radius: 50px; background: rgba(0, 0, 0, 0.1); } .image_boxes.style_five { position: relative; z-index: 0; display: inline-block; } .image_boxes.style_five::before { position: absolute; content: ""; width: 362px; height: 362px; background: var(--primary-color-three); top: 55px; left: 75px; border-radius: 50%; z-index: -1; } .image_boxes.style_five .image_box { overflow: hidden; position: relative; display: inline-block; } .image_boxes.style_five .image_box.one { z-index: 3; } .image_boxes.style_five .image_box.one .video_box_null { position: absolute; right: 0px; bottom: 0px; } .image_boxes.style_five .image_box.one .video_box_null a { width: 60px; height: 60px; text-align: center; line-height: 60px; background: var(--primary-color-one); display: block; border-radius: 10px 0px 10px 0px; } .image_boxes.style_five .image_box.one .video_box_null a i { position: absolute; font-size: 16px; height: 16px; width: 16px; line-height: 16px; text-align: center; top: 0; bottom: 0; right: 0; color: #fff; left: 0; margin: auto; } .image_boxes.style_five .image_box.two { z-index: 2; margin-top: -150px; margin-left: 190px; } .image_boxes.style_five .image_box img { border-radius: 10px; height: 325px; -o-object-fit: cover; object-fit: cover; width: 350px; } .image_boxes.style_six { position: relative; padding-bottom: 40px; } .image_boxes.style_six .image_box { position: relative; } .image_boxes.style_six .image_box img { border-radius: 10px; } .image_boxes.style_six .image_box .video_inner.type_six { position: absolute; top: 30px; text-align: center; right: 30px; overflow: hidden; background: var(--primary-color-one); padding: 10px; border-radius: 10px; } .image_boxes.style_six .image_box .video_inner.type_six a { background: var(--primary-color-one); position: relative; display: inline-block; font-size: 30px !important; color: #fff; width: 70px; height: 70px; line-height: 70px; text-align: center !important; border-radius: 50%; } .image_boxes.style_six .image_box .video_inner.type_six p { position: relative; z-index: 10; color: #fff; font-weight: 600; margin-bottom: 0px; font-family: var(--nas-family-one); } .image_boxes.style_six .image_box .experience { left: 0px; position: absolute; right: 0; bottom: -65px; } .image_boxes.style_six .image_box .experience .experience_inner { padding: 20px 40px; background: #fff; margin: 25px; display: inline-block; text-align: center; border-radius: 10px; box-shadow: var(--box-shadow-two); } .image_boxes.style_six .image_box .experience .experience_inner h2 { font-size: 22px; color: var(--heading-dark); line-height: 32px; font-weight: 600; } .image_boxes.style_six .image_box .experience .experience_inner h2 span { color: var(--primary-color-one); } .image_boxes.style_seven .image_box { position: relative; z-index: 2; } .image_boxes.style_seven .image_box img { border-radius: 15px; } .image_boxes.style_seven .video_inner { position: absolute; width: 80px; height: 80px; bottom: 15px; right: 15px; } .image_boxes.style_seven .video_inner a { width: 70px; height: 70px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: var(--primary-color-one); color: #fff; border-radius: 50px; margin: auto; line-height: 70px; text-align: center; } .image_boxes.style_seven .video_inner a i { font-size: 30px; width: 35px; height: 35px; line-height: 35px; text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .image_boxes.style_seven .experience { position: absolute; padding: 20px; top: 20px; left: -40px; background: var(--primary-color-one); border-top-right-radius: 10px; } .image_boxes.style_seven .experience::before { position: absolute; content: ""; border-left: 50px solid transparent; border-top: 50px solid transparent; border-right: 50px solid var(--primary-color-one); border-bottom: 50px solid transparent; left: -50px; z-index: -1; opacity: 0.9; } .image_boxes.style_seven .experience .experience_inner h2 { font-size: 20px; line-height: 30px; font-weight: 700; color: #fff; } .image_boxes.style_seven .pattern_imag { position: absolute; width: 200px; bottom: -85px; left: -85px; }  .simple_image_boxes { position: relative; overflow: hidden; border-radius: 10px; } .simple_image_boxes img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 10px; } .simple_image_boxes.style_two { background: var(--primary-color-three); padding: 50px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .simple_image_boxes.style_two .parallax_cover { position: relative; overflow: hidden; height: 540px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .simple_image_boxes.style_two .parallax_cover img { border-radius: 0px; }  .counter-block.style_one { position: relative; padding: 28px; background: #fff; box-shadow: var(--box-shadow-two); border-radius: 10px; } .counter-block.style_one:before { position: absolute; content: ""; border: 1px dashed var(--border-color-dark); width: 97%; height: 97%; top: 0; right: 0; left: 0; bottom: 0; margin: auto; border-radius: 10px; } .counter-block.style_one .icon_box { position: relative; min-height: 48px; margin-bottom: 20px; } .counter-block.style_one .icon_box .icon { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; } .counter-block.style_one .icon_box .icon span { font-size: 40px; line-height: 40px; color: var(--primary-color-one); } .counter-block.style_one .icon_box .icon img { width: auto; height: 40px; } .counter-block.style_one .icon_box .coun_ter { margin-left: 50px; } .counter-block.style_one .icon_box .coun_ter { position: relative; } .counter-block.style_one .icon_box .coun_ter span { display: inline-block; font-size: 40px; line-height: 48px; font-weight: 700; color: var(--primary-color-one); font-family: var(--nas-family-one); } .counter-block.style_one .icon_box .coun_ter small { font-size: 20px; margin-left: 5px; color: var(--text-color-light); } .counter-block.style_one .content_box { position: relative; } .counter-block.style_one .content_box h6 { display: block; color: var(--heading-dark); line-height: 28px; font-size: 18px; font-weight: 700; margin-bottom: 6px; } .counter-block.style_one .content_box p { margin: 0px; } .counter-block.style_two { position: relative; padding: 35px 25px; background: #fff; box-shadow: var(--box-shadow-two); margin: 10px 0px 20px 0px; text-align: center; border-radius: 10px; } .counter-block.style_two .icon_box .icon { position: relative; display: block; text-align: center; margin-top: 20px; } .counter-block.style_two .icon_box .icon span { font-size: 50px; line-height: 50px; color: var(--primary-color-one); } .counter-block.style_two .icon_box .icon img { width: auto; height: 50px; } .counter-block.style_two .icon_box .coun_ter { margin-left: 50px; } .counter-block.style_two .coun_ter { position: relative; margin-bottom: 5px; } .counter-block.style_two .coun_ter span { display: inline-block; font-size: 36px; line-height: 46px; font-weight: 700; color: var(--primary-color-one); font-family: var(--nas-family-one); } .counter-block.style_two .coun_ter small { font-size: 20px; position: relative; top: -15px; color: var(--text-color-light); } .counter-block.style_two .content_box { position: relative; } .counter-block.style_two .content_box h6 { display: block; color: var(--heading-dark); line-height: 26px; font-size: 13px; font-weight: 700; text-transform: uppercase; margin-bottom: 6px; } .counter-block.style_three { position: relative; } .counter-block.style_three .icon_box { position: relative; margin-bottom: 15px; } .counter-block.style_three .icon_box span { font-size: 60px; line-height: 60px; color: var(--primary-color-one); } .counter-block.style_three .icon_box img { width: 60px; height: auto; } .counter-block.style_three .content_box p { margin-bottom: 10px; } .counter-block.style_three .content_box h6 { font-size: 20px; line-height: 30px; font-weight: 700; } .counter-block.style_three .content_box h6 .coun_ter { display: block; } .counter-block.style_three .content_box h6 .coun_ter .count-text { font-size: 30px; line-height: 50px; color: var(--primary-color-one); font-weight: 700; } .counter-block.style_three .content_box h6 .coun_ter small { color: var(--text-color-light); font-size: 16px; font-weight: 500; }  .call_to_action { position: relative; text-align: center; overflow: hidden; } .call_to_action .image { position: absolute; width: 100%; height: 100%; left: 0; right: 0; bottom: 0; top: 0; } .call_to_action .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .call_to_action.style_one .image::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; background: var(--primary-color-two); opacity: 0.92; z-index: 1; } .call_to_action.style_one .left_content { position: relative; padding: 100px 120px; } .call_to_action.style_one .left_content .main_content { position: relative; z-index: 2; } .call_to_action.style_one .left_content .main_content h6 { font-size: 20px; line-height: 30px; font-weight: 600; color: var(--primary-color-one); margin-bottom: 25px; } .call_to_action.style_one .left_content .main_content h1 { font-size: 50px; line-height: 60px; font-weight: 700; color: #fff; margin-bottom: 15px; } .call_to_action.style_one .left_content .main_content p { color: #fff; margin-bottom: 35px; padding-bottom: 35px; border-bottom: 1px dashed rgba(255, 255, 255, 0.1); } .call_to_action.style_one .left_content .main_content .video_box { margin-bottom: 30px; } .call_to_action.style_one .bottom_content { position: relative; } .call_to_action.style_one .bottom_content .button_content { display: inline-block; position: relative; top: 9px; } .call_to_action.style_one .bottom_content .button_content a i { margin-left: 8px; font-size: 16px; position: relative; top: 2px; } .call_to_action.style_one .bottom_content .call_content { display: inline-block; position: relative; margin-left: 20px; } .call_to_action.style_one .bottom_content .call_content span { position: absolute; left: 0; bottom: 0; top: 5px; font-size: 30px; line-height: 56px; width: 56px; height: 56px; border-radius: 50%; text-align: center; color: #ffffff; background: transparent; border: 1px dashed #ffffff; margin: auto; } .call_to_action.style_one .bottom_content .call_content .content_bx { margin-left: 70px; padding-top: 9px; text-align: left; } .call_to_action.style_one .bottom_content .call_content .content_bx h2 { font-size: 15px; line-height: 25px; color: #fff; margin-bottom: 2px; font-weight: 600; } .call_to_action.style_one .bottom_content .call_content .content_bx p { color: #fff; opacity: 0.9; text-decoration: underline; margin: 0px; padding: 0; border: 0px; } .call_to_action.style_two { position: relative; overflow: hidden; border-radius: 10px; } .call_to_action.style_two .auto-container { position: relative; z-index: 10; text-align: left; } .call_to_action.style_two .left_content { padding: 60px 40px; position: relative; z-index: 1; } .call_to_action.style_two .left_content h1 { font-size: 36px; line-height: 46px; font-weight: 700; margin-bottom: 20px; color: #fff; } .call_to_action.style_two .left_content .call_content { display: flex; position: relative; } .call_to_action.style_two .left_content .call_content span { position: relative; font-size: 30px; line-height: 56px; display: block; width: 56px; height: 56px; border-radius: 50%; text-align: center; color: var(--primary-color-one); background: #fff; margin-top: auto; min-width: 56px; margin-bottom: auto; } .call_to_action.style_two .left_content .call_content .content_bx { margin-left: 15px; text-align: left; } .call_to_action.style_two .left_content .call_content .content_bx h2 { font-size: 16px; color: #fff; margin-bottom: 5px; line-height: 26px; font-weight: 600; } .call_to_action.style_two .left_content .call_content .content_bx p { color: #fff; margin: 0px; padding: 0; border: 0px; } .call_to_action.style_two .image_right { position: absolute; height: auto; top: 0; right: 61px; width: auto; } .call_to_action.style_two .image_right img { height: 500px; width: auto; }  .icon_box_all { position: relative;  } .icon_box_all.style_one { background: #fff; box-shadow: var(--box-shadow); padding: 35px 30px 30px; border-radius: 10px; } .icon_box_all.style_one .icon_content { position: relative; display: flex; } .icon_box_all.style_one .icon_content h3 a { display: block; color: var(--heading-dark); line-height: 28px; font-size: 20px; font-weight: 700; margin-bottom: 10px; } .icon_box_all.style_one .icon_content p { margin: 0px; } .icon_box_all.style_one .icon_content .icon { position: relative; min-width: 60px; } .icon_box_all.style_one .icon_content .icon span { font-size: 60px; line-height: 60px; color: var(--primary-color-one); display: block; } .icon_box_all.style_one .icon_content .icon img { width: 60px; height: auto; } .icon_box_all.style_one .icon_content .icon p { margin: 0px; color: var(--text-color-dark-two); } .icon_box_all.style_one .icon_content.icon_centers .icon { margin: auto; } .icon_box_all.style_one .icon_content .txt_content { position: relative; margin-left: 23px; } .icon_box_all.style_two { padding-top: 20px; border-top: 3px solid var(--primary-color-three); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; min-height: 75px; } .icon_box_all.style_two .icon_content { position: relative; display: flex; } .icon_box_all.style_two .icon_content .icon { position: relative; min-width: 50px; } .icon_box_all.style_two .icon_content .icon span { font-size: 40px; color: var(--primary-color-one); line-height: 40px; margin: auto; } .icon_box_all.style_two .icon_content .icon img { width: 48px; height: auto; margin: auto; } .icon_box_all.style_two .icon_content .txt_content { position: relative; margin-left: 8px; } .icon_box_all.style_two .icon_content .txt_content h3 a { display: block; color: var(--heading-dark); line-height: 26px; font-size: 18px; font-weight: 700; margin-bottom: 8px; } .icon_box_all.style_two .icon_content .txt_content h3 a:hover { color: var(--primary-color-one); } .icon_box_all.style_two .icon_content .txt_content p { margin: 0px 0px 0px 0px; } .icon_box_all.style_two:hover { border-color: var(--primary-color-one); } .icon_box_all.style_three { text-align: center; background: #fff; padding: 40px 35px; border-radius: 10px; box-shadow: var(--box-shadow); } .icon_box_all.style_three .icon_content { position: relative; } .icon_box_all.style_three .icon_content .icon { position: relative; display: block; margin-bottom: 20px; } .icon_box_all.style_three .icon_content .icon span { font-size: 60px; line-height: 60px; color: var(--primary-color-one); } .icon_box_all.style_three .icon_content .icon img { height: 60px; width: auto; } .icon_box_all.style_three .icon_content .txt_content h3 a { display: block; color: var(--heading-dark); line-height: 30px; font-size: 22px; font-weight: 700; margin-bottom: 8px; } .icon_box_all.style_three .icon_content .txt_content p { margin-bottom: 0px; } .icon_box_all.style_three .icon_content .txt_content ul { margin: 30px 0 35px; padding: 0; } .icon_box_all.style_three .icon_content .txt_content ul li { text-align: left; list-style: none; padding-left: 20px; position: relative; margin-bottom: 10px; } .icon_box_all.style_three .icon_content .txt_content ul li::before { position: absolute; content: ""; width: 12px; height: 12px; border-radius: 20px; border: 2px solid var(--border-color-dark); left: 0; top: 0; bottom: 0; margin: auto; } .icon_box_all.style_three .icon_content .txt_content .btn_left { text-align: left; } .icon_box_all.style_three .icon_content .txt_content .btn_left a { text-transform: uppercase; font-size: 12px; font-weight: 500; } .icon_box_all.style_four { position: relative; } .icon_box_all.style_four .icon { position: relative; margin-bottom: 50px; display: block; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .icon_box_all.style_four .icon span { top: 20px; font-size: 45px; line-height: 45px; color: var(--primary-color-one); display: inline-block; position: relative; z-index: 2; } .icon_box_all.style_four .icon .svg_image { width: 45px; height: auto; display: inline-block; position: relative; z-index: 2; top: 20px; margin: auto; } .icon_box_all.style_four .icon .shape { position: absolute; left: 0; top: 0; z-index: 1; } .icon_box_all.style_four .txt_content { position: relative; } .icon_box_all.style_four .txt_content h3 a { display: block; color: var(--heading-dark); line-height: 28px; font-size: 18px; font-weight: 700; margin-bottom: 8px; } .icon_box_all.style_four .txt_content h3 a:hover { color: var(--primary-color-one); } .icon_box_all.style_four:hover .icon { margin-left: 10px; } .icon_box_all.style_five { position: relative; } .icon_box_all.style_five .icon_content { position: relative; padding: 40px 30px 30px; background: #fff; box-shadow: var(--box-shadow); overflow: hidden; border-radius: 10px; border: 3px solid #fff; transition: all 700ms ease 100ms; -moz-transition: all 700ms ease 100ms; -ms-transition: all 700ms ease 100ms; -o-transition: all 700ms ease 100ms; } .icon_box_all.style_five .icon_content .icon { position: relative; margin-bottom: 25px; } .icon_box_all.style_five .icon_content .icon span { font-size: 60px; color: var(--primary-color-one); line-height: 60px; display: block; } .icon_box_all.style_five .icon_content .icon img { width: 60px; height: auto; } .icon_box_all.style_five .icon_content small { position: absolute; font-size: 48px; line-height: 60px; color: var(--primary-color-three); right: 20px; font-family: var(--nas-family-one); top: 45px; font-weight: 700; } .icon_box_all.style_five .icon_content h2 { font-size: 20px; line-height: 26px; font-weight: 700; color: var(--heading-dark); margin-bottom: 10px; } .icon_box_all.style_five .icon_content .hover_content { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; padding: 0px 40px; transition: all 700ms ease 100ms; -moz-transition: all 700ms ease 100ms; -ms-transition: all 700ms ease 100ms; -o-transition: all 700ms ease 100ms; opacity: 0; transform-style: preserve-3d; transform: perspective(1200px) rotateX(-45deg) translateZ(-50px); background: var(--primary-color-one); border-radius: 10px; } .icon_box_all.style_five .icon_content .hover_content .content { display: table; width: 100%; height: 100%; } .icon_box_all.style_five .icon_content .hover_content .content .inner { display: table-cell; vertical-align: middle; text-align: center; } .icon_box_all.style_five .icon_content .hover_content .content .inner a { font-family: var(--nas-family-one); font-size: 15px; line-height: 25px; display: block; margin-top: 15px; } .icon_box_all.style_five .icon_content .hover_content .content .inner a span { position: relative; top: 2px; right: -5px; display: inline-block; } .icon_box_all.style_five:hover .icon_content { border-color: var(--primary-color-one); background: var(--primary-color-one); } .icon_box_all.style_five:hover .hover_content { transform: perspective(1200px) rotateX(0deg) translateZ(0px); opacity: 1; } .icon_box_all.style_five:hover .hover_content p { color: #fff; } .icon_box_all.style_five:hover .hover_content a { color: #fff; } .icon_box_all.style_six .icon_content .icon { position: relative; margin-top: 0px; margin-bottom: 15px; } .icon_box_all.style_six .icon_content .icon::after { background: var(--primary-color-three); position: absolute; content: ""; border-radius: 50px; width: 80px; height: 80px; left: 15px; top: -10px; z-index: -10; opacity: 0.5; } .icon_box_all.style_six .icon_content .icon span { font-size: 45px; z-index: 1; position: relative; line-height: 60px; display: inline-block; color: var(--primary-color-one); margin-bottom: 15px; } .icon_box_all.style_six .icon_content .icon img { width: 45px; height: auto; z-index: 1; position: relative; margin-bottom: 27px; display: block; } .icon_box_all.style_six .icon_content h2 { line-height: normal; } .icon_box_all.style_six .icon_content h2 a { display: block; font-family: var(--nas-family-one); font-size: 20px; margin-bottom: 10px; line-height: 32px; font-weight: 700; color: var(--heading-dark); } .icon_box_all.style_six .icon_content h2 a:hover { color: var(--primary-color-one); } .icon_box_all.style_six.version_2 { padding: 40px; background: #fff; } .icon_box_all.style_seven { position: relative; } .icon_box_all.style_seven .icon_content { display: flex; } .icon_box_all.style_seven .icon_content .icon { min-width: 60px; padding-top: 5px; } .icon_box_all.style_seven .icon_content .icon img { width: 40px; height: auto; } .icon_box_all.style_seven .icon_content .icon span { font-size: 40px; line-height: 40px; } .icon_box_all.style_seven .icon_content .text_box { min-height: 80%; } .icon_box_all.style_seven .icon_content .text_box h2 { line-height: normal; } .icon_box_all.style_seven .icon_content .text_box h2 a { font-size: 18px; line-height: 30px; font-weight: 600; margin-bottom: 2px; display: block; } .icon_box_all.style_seven.light_color .icon_content .icon span { color: #fff; } .icon_box_all.style_seven.light_color .icon_content .text_box h2 a { color: #fff; } .icon_box_all.style_seven.light_color .icon_content .text_box p { color: #fff; } .icon_box_all.style_eight { padding: 30px 30px 10px 30px; border-style: solid; border-width: 2px 2px 2px 2px; border-color: rgba(9, 0, 0, 0.0509803922); border-radius: 30px 30px 30px 30px; } .icon_box_all.style_eight .icon_content { display: flex; } .icon_box_all.style_eight .icon_content .icon { min-width: 60px; padding-top: 5px; } .icon_box_all.style_eight .icon_content .icon img { width: 40px; height: auto; } .icon_box_all.style_eight .icon_content .icon span { font-size: 40px; line-height: 40px; } .icon_box_all.style_eight .icon_content .text_box { min-height: 80%; } .icon_box_all.style_eight .icon_content .text_box h2 { line-height: normal; } .icon_box_all.style_eight .icon_content .text_box h2 a { font-size: 18px; line-height: 30px; font-weight: 600; margin-bottom: 2px; display: block; } .icon_box_all.style_eight.light_color .icon_content .icon span { color: #fff; } .icon_box_all.style_eight.light_color .icon_content .text_box h2 a { color: #fff; } .icon_box_all.style_eight.light_color .icon_content .text_box p { color: #fff; } .icon_box_all.style_nine { position: relative; border-style: solid; border-width: 1px 1px 1px 1px; border-color: var(--border-color-dark); padding: 53px 30px 30px 30px; } .icon_box_all.style_nine .icon_content .icon { position: relative; margin-top: 0px; margin-bottom: 15px; } .icon_box_all.style_nine .icon_content .icon::after { background: var(--primary-color-three); position: absolute; content: ""; border-radius: 50px; width: 80px; height: 80px; left: 15px; top: -10px; z-index: -10; opacity: 0.5; } .icon_box_all.style_nine .icon_content .icon span { font-size: 45px; z-index: 1; position: relative; line-height: 60px; display: inline-block; color: var(--primary-color-one); margin-bottom: 15px; } .icon_box_all.style_nine .icon_content .icon img { width: 45px; height: auto; z-index: 1; position: relative; margin-bottom: 27px; display: block; } .icon_box_all.style_nine .icon_content h2 { line-height: normal; } .icon_box_all.style_nine .icon_content h2 a { display: block; font-family: var(--nas-family-one); font-size: 20px; margin-bottom: 10px; line-height: 32px; font-weight: 700; color: var(--heading-dark); } .icon_box_all.style_nine .icon_content h2 a:hover { color: var(--primary-color-one); } .icon_box_all.light_color_one.style_one { background: var(--primary-color-one); } .icon_box_all.light_color_one.style_one .icon_content .icon span { color: #fff; } .icon_box_all.light_color_one.style_one .icon_content h3 a { color: #fff; } .icon_box_all.light_color_one.style_one .icon_content p { color: #fff; opacity: 0.8; } .icon_box_all.light_color_one.style_three { background: var(--primary-color-one); } .icon_box_all.light_color_one.style_three .icon_content .icon span { color: #fff; } .icon_box_all.light_color_one.style_three .icon_content h3 a { color: #fff; } .icon_box_all.light_color_one.style_three .icon_content ul li { color: #fff; opacity: 0.8; } .icon_box_all.light_color_one.style_three .icon_content ul li::before { border-color: rgba(255, 255, 255, 0.4); } .icon_box_all.light_color_one.style_three .icon_content p { color: #fff; opacity: 0.8; } .icon_box_all.light_color_one.style_three .btn_left a { background: #fff; color: var(--primary-color-one); } .icon_box_all.light_color_two.style_one { background: var(--primary-color-two); } .icon_box_all.light_color_two.style_one .icon_content .icon span { color: var(--primary-color-one); } .icon_box_all.light_color_two.style_one .icon_content h3 a { color: #fff; } .icon_box_all.light_color_two.style_one .icon_content p { color: #fff; opacity: 0.8; } .icon_box_all.light_color_two.style_three { background: var(--primary-color-two); } .icon_box_all.light_color_two.style_three .icon_content .icon span { color: var(--primary-color-one); } .icon_box_all.light_color_two.style_three .icon_content h3 a { color: #fff; } .icon_box_all.light_color_two.style_three .icon_content ul li { color: #fff; opacity: 0.8; } .icon_box_all.light_color_two.style_three .icon_content ul li::before { border-color: var(--primary-color-one); } .icon_box_all.light_color_two.style_three .icon_content p { color: #fff; opacity: 0.8; }  .content_box_cn { position: relative; } .content_box_cn.style_one { padding: 0px 0px 0px 25px; } .content_box_cn.style_one .txt_content { position: relative; } .content_box_cn.style_one .txt_content::before { position: absolute; content: ""; width: 6px; height: 6px; background: var(--primary-color-one); left: -25px; top: 10px; } .content_box_cn.style_one .txt_content::after { position: absolute; content: ""; width: 6px; height: 6px; background: var(--primary-color-one); opacity: 0.4; left: -19px; top: 10px; } .content_box_cn.style_one .txt_content h3 { display: block; color: var(--heading-dark); line-height: 20px; font-size: 18px; font-weight: 700; margin-bottom: 5px; } .content_box_cn.style_one.light_color .txt_content::before, .content_box_cn.style_one.light_color .txt_content::after { background: #fff; } .content_box_cn.style_one.light_color .txt_content h3 a { color: #fff; } .content_box_cn.style_one.light_color .txt_content p { color: #fff; opacity: 0.8; }  .faq_section { position: relative; } .faq_section dd { display: none; } .faq_section.type_one .accordion { position: relative; } .faq_section.type_one .accordion dl { margin-bottom: 0px; position: relative; } .faq_section.type_one .accordion dl dt { position: relative; background: transparent; margin-bottom: 40px; border: 0px; font-family: var(--nas-family-one); font-size: 18px; color: var(--heading-dark); font-weight: 600; line-height: 26px; border-radius: 5px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; margin-left: 50px; } .faq_section.type_one .accordion dl dt span { display: inline-block; width: 40px; height: 40px; border-radius: 50%; background: var(--primary-color-one); color: #fff; font-size: 16px; line-height: 40px; text-align: center; margin-right: 10px; border-radius: 5px; position: absolute; left: -50px; bottom: 0; top: 0; margin: auto; } .faq_section.type_one .accordion dl dt.active { margin-bottom: 20px; } .faq_section.type_one .accordion dl dd { position: relative; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px dashed #dcd7d7; padding-left: 22px; border-left: 1px dashed #dcd7d7; } .faq_section.type_one .accordion dl dd p { margin: 0px; color: var(--text-color-dark); } .faq_section.type_two .faq_header { position: relative; background: var(--primary-color-three); border-radius: 10px; padding: 25px 70px 22px 20px; border: 1px solid var(--border-color-dark); margin-bottom: 15px; font-family: var(--nas-family-one); font-size: 18px; font-weight: 600; line-height: 26px; z-index: 2; cursor: pointer; } .faq_section.type_two .faq_header span { position: absolute; width: 44px; height: 44px; border-radius: 5px; background: #fff; color: var(--primary-color-one); text-align: center; right: 15px; top: 0; bottom: 0; margin: auto; line-height: 44px; box-shadow: var(--box-shadow); } .faq_section.type_two .faq_header.active { margin: 0px; background: #fff; color: var(--primary-color-one); } .faq_section.type_two .faq_header.active span { background: var(--primary-color-one); color: #fff; } .faq_section.type_two .accordion-content { position: relative; margin-bottom: 15px; padding: 35px 20px 10px 20px; border: 1px solid var(--border-color-dark); border-top: 0px; border-radius: 0px 0px 10px 10px; background: var(--primary-color-three); margin-top: -15px; }  .progress_bar { position: relative; } .progress_bar .bar { position: relative; width: 100%; height: 6px; background: var(--primary-color-three); border-radius: 10px; margin-bottom: 12px; } .progress_bar .bar .bar-inner { position: relative; display: block; width: 0px; height: 6px; background: var(--primary-color-one); border-radius: 10px; transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; -moz-transition: all 1500ms ease; } .progress_bar h2 { position: relative; font-family: var(--nas-family-one); font-size: 18px; font-weight: 700; line-height: 26px; margin-bottom: 10px; padding-right: 45px; } .progress_bar h2 span { position: absolute; right: 0; top: 0; color: var(--primary-color-one); font-size: 16px; } .progress_bar.style_two .progress_new { height: 170px; position: relative; float: left; } .progress_bar.style_two .progress_new .progress-value { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 170px; height: 170px; line-height: 170px; text-align: center; display: flex; align-items: center; } .progress_bar.style_two .progress_new .progress-value h6 { padding: 10px 30px; font-size: 18px; font-weight: 700; line-height: 30px; color: var(--primary-color-one); } .progress_bar.style_two .progress_new .ProgressBar, .progress_bar.style_two .progress_new .ProgressBar-contentCircle { display: table; height: 170px; position: relative; width: 170px; margin: auto; } .progress_bar.style_two .progress_new .ProgressBar-circle, .progress_bar.style_two .progress_new .ProgressBar-background { fill: none; stroke: var(--primary-color-one); stroke-width: 5px; stroke-linecap: round; stroke-dasharray: 0; stroke-dashoffset: 0; position: relative; z-index: 10; } .progress_bar.style_two .progress_new .ProgressBar-background { stroke: rgba(0, 0, 0, 0.05); stroke-width: 4; z-index: 0; } .progress_bar.style_two .progress_new .ProgressBar-percentage { color: var(--primary-color-two); font-size: 40px; text-align: center; width: 100%; display: table-cell; vertical-align: middle; } .progress_bar.style_two .content_box { position: relative; margin-left: 180px; padding: 0px 0px 10px; } .progress_bar.style_two .content_box h2 { font-size: 36px; font-weight: 700; color: var(--primary-color-one); line-height: 46px; margin-bottom: 5px; padding-right: unset; padding-top: 15px; } .progress_bar.style_two .content_box h3 { font-size: 22px; font-weight: 700; line-height: 32px; margin-bottom: 5px; } .progress_bar.style_three .bar { position: relative; width: 100%; height: 8px; background: var(--primary-color-three); border-radius: 10px; margin-bottom: 12px; } .progress_bar.style_three .bar .bar-inner { position: relative; display: block; width: 0px; height: 8px; background: #fff; background-image: linear-gradient(to right, #fff, var(--primary-color-one)); border-radius: 10px; transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; -moz-transition: all 1500ms ease; } .progress_bar.style_three .bar .bar-inner::before { position: absolute; content: ""; width: 12px; height: 12px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 16px solid var(--primary-color-one); border-right: 12px solid transparent; right: -25px; top: -4px; } .progress_bar.style_three h2 { position: relative; font-family: var(--nas-family-one); font-size: 18px; font-weight: 700; line-height: 26px; margin-bottom: 10px; padding-right: 45px; } .progress_bar.style_three h2 span { position: absolute; right: 0; top: 0; color: var(--primary-color-one); font-size: 16px; } .progress_bar.style_four { position: relative; padding: 30px; background: var(--primary-color-two); } .progress_bar.style_four .progress_new { height: 140px; position: relative; } .progress_bar.style_four .progress_new .progress-value { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 60px; height: 24px; line-height: 40px; text-align: center; } .progress_bar.style_four .progress_new .progress-value h6 { font-size: 18px; font-weight: 700; line-height: 30px; color: var(--primary-color-one); } .progress_bar.style_four .progress_new .ProgressBar, .progress_bar.style_four .progress_new .ProgressBar-contentCircle { display: table; height: 140px; position: relative; width: 140px; margin: auto; } .progress_bar.style_four .progress_new .ProgressBar-circle, .progress_bar.style_four .progress_new .ProgressBar-background { fill: none; stroke: var(--primary-color-one); stroke-width: 5px; stroke-linecap: round; stroke-dasharray: 0; stroke-dashoffset: 0; position: relative; z-index: 10; } .progress_bar.style_four .progress_new .ProgressBar-background { stroke: rgba(255, 255, 255, 0.05); stroke-width: 4; z-index: 0; } .progress_bar.style_four .progress_new .ProgressBar-percentage { color: var(--primary-color-two); font-size: 40px; text-align: center; width: 100%; display: table-cell; vertical-align: middle; } .progress_bar.style_four .content_box { position: relative; text-align: center; } .progress_bar.style_four .content_box h2 { font-size: 20px; font-weight: 700; color: #fff; line-height: 30px; margin-top: 20px; padding-right: 0px; } .progress_bar.style_four.color_two { background: var(--primary-color-one); } .progress_bar.style_four.color_two .progress_new .ProgressBar-circle, .progress_bar.style_four.color_two .progress_new .ProgressBar-background { stroke: #fff; } .progress_bar.style_four.color_two .progress_new .ProgressBar-background { stroke: rgba(255, 255, 255, 0.05); } .progress_bar.style_four.color_two .progress_new .progress-value h6 { color: #fff; }  .time_line_section { position: relative; } .time_line_section.style_one .swiper-container { padding-top: 90px; } .time_line_section.style_one .time_line_box { position: relative; margin-bottom: 60px; margin-top: 20px; } .time_line_section.style_one .time_line_box .time_inner { position: relative; } .time_line_section.style_one .time_line_box .time_inner .border_liner { position: absolute; content: ""; width: 28%; height: 100%; left: 0; top: 0; } .time_line_section.style_one .time_line_box .time_inner .border_liner::after { position: absolute; content: ""; width: 1px; height: 92%; background: var(--primary-color-three); left: 0; top: 0; } .time_line_section.style_one .time_line_box .time_inner .border_liner::before { position: absolute; content: ""; width: 100%; height: 1px; background: var(--primary-color-three); left: 0; bottom: 8%; } .time_line_section.style_one .time_line_box .time_inner .border_liner span { width: 14px; height: 14px; border: 1px solid var(--border-color-dark); position: absolute; top: -12px; left: -6px; content: ""; border-radius: 50px; } .time_line_section.style_one .time_line_box .time_inner .border_liner span.last { top: auto; left: auto; bottom: 22px; right: -13px; } .time_line_section.style_one .time_line_box .time_inner .content { position: relative; z-index: 2; } .time_line_section.style_one .time_line_box .time_inner .content h2 a { position: relative; font-family: var(--nas-family-one); font-size: 22px; font-weight: 700; line-height: 30px; margin-bottom: 10px; padding: 0px 30px; display: block; } .time_line_section.style_one .time_line_box .time_inner .content p { position: relative; margin-bottom: 40px; padding: 0px 30px; } .time_line_section.style_one .time_line_box .time_inner .content p::before { position: absolute; content: ""; width: 100%; height: 4px; left: 0; bottom: -83px; background: var(--primary-color-three); } .time_line_section.style_one .time_line_box .time_inner .year { position: relative; z-index: 2; width: 80px; height: 80px; line-height: 80px; font-weight: 700; font-family: var(--nas-family-one); color: var(--heading-dark); border-radius: 50%; background: #fff; box-shadow: var(--box-shadow); text-align: center; padding-top: 2px; left: -40px; } .time_line_section.style_one .time_line_box .time_inner .image { position: relative; width: 120px; height: 120px; overflow: hidden; border-radius: 50%; margin: 0 auto 0px; top: 30px; } .time_line_section.style_one .time_line_box .time_inner .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .time_line_section.style_one .swiper-slide-active .time_line_box .year { background: var(--primary-color-one); color: #fff; } .time_line_section.style_one .swiper-button-next, .time_line_section.style_one .swiper-button-prev { top: 10px; left: 0; right: 0; margin: auto; } .time_line_section.style_one .swiper-button-next::before, .time_line_section.style_one .swiper-button-prev::before { box-shadow: inherit; border-radius: 10px 0px 10px 0px; border: 1px solid var(--border-color-dark); } .time_line_section.style_one .swiper-button-next:hover::before, .time_line_section.style_one .swiper-button-prev:hover::before { background: var(--primary-color-one); border-color: var(--primary-color-one); color: #fff; } .time_line_section.style_one .swiper-button-prev { left: -60px; } .time_line_section.style_one .swiper-button-next { right: -60px; } .time_line_section.style_one .swiper-button-next::before { border-radius: 0px 10px 0px 10px; } .time_line_section.style_two .event_box { position: relative; } .time_line_section.style_two .event_box .image { position: relative; width: 100px; height: 100px; border-radius: 50%; overflow: hidden; margin: 0px auto 20px; } .time_line_section.style_two .event_box .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .time_line_section.style_two .event_box .date_box { position: relative; text-align: center; margin-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .time_line_section.style_two .event_box .date_box h6 { position: relative; display: inline-block; padding: 12px 26px; font-size: 16px; color: #fff; font-weight: 600; margin-bottom: 20px; background: transparent; border-radius: 30px; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .time_line_section.style_two .event_box .date_box h6::before { position: absolute; content: ""; width: 10px; height: 10px; border-radius: 50px; background: var(--primary-color-one); left: 0; right: 0; margin: 0 auto; bottom: -25px; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .time_line_section.style_two .event_box .content_box { position: relative; background: transparent; padding: 40px 30px; border-radius: 10px; text-align: center; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .time_line_section.style_two .event_box .content_box h2 { line-height: normal; } .time_line_section.style_two .event_box .content_box h2 a { font-size: 20px; line-height: 26px; color: #fff; margin-bottom: 12px; display: block; } .time_line_section.style_two .event_box .content_box small { font-size: 16px; color: var(--primary-color-one); display: block; font-weight: 600; margin-bottom: 10px; } .time_line_section.style_two .event_box .content_box p { margin-bottom: 10px; color: var(--text-color-light); } .time_line_section.style_two .event_box .content_box a.read_more { width: 50px; height: 50px; line-height: 54px; border-radius: 50px; color: #fff; background: var(--primary-color-one); font-size: 18px; text-align: center; display: block; margin: 30px auto 0px; } .time_line_section.style_two .event_box:hover .content_box { background: var(--primary-color-one); } .time_line_section.style_two .event_box:hover .content_box p { color: rgba(255, 255, 255, 0.8); } .time_line_section.style_two .event_box:hover .date_box { border-bottom: 1px solid var(--primary-color-one); } .time_line_section.style_two .event_box:hover .date_box h6 { background: var(--primary-color-one); } .time_line_section.style_two .event_box:hover a.read_more { background: #fff; color: var(--primary-color-one); } .time_line_section.style_two .swiper-slide-active .event_box .content_box p { color: rgba(255, 255, 255, 0.8); } .time_line_section.style_two .swiper-slide-active .event_box .date_box { border-bottom: 1px solid var(--primary-color-one); } .time_line_section.style_two .swiper-slide-active .event_box .date_box h6 { background: var(--primary-color-one); } .time_line_section.style_two .swiper-slide-active .event_box a.read_more { background: #fff; color: var(--primary-color-one); } .time_line_section.style_two .position-relative { width: 110px; margin: auto; height: 50px; padding-top: 20px; } .time_line_section.style_two .position-relative .next-single-one_three:before { right: 0; } .time_line_section.style_two .position-relative .prev-single-one_three:before { left: 0; }  .tabs_all_box { position: relative; } .tabs_all_box .s_tab { display: none; } .tabs_all_box .s_tab.active-tab { display: block; } .tabs_all_box .s_tab.active-tab.show { animation: fadeIn ease 0.9s; -webkit-animation: fadeIn ease 0.9s; -moz-animation: fadeIn ease 0.9s; -o-animation: fadeIn ease 0.9s; -ms-animation: fadeIn ease 0.9s; } .tabs_all_box.type_one { position: relative; } .tabs_all_box.type_one .tabs_header { position: absolute; left: 50px; width: 270px; height: auto; background: #fff; padding: 10px 0px 0px 0px; box-shadow: var(--box-shadow); border-radius: 10px; z-index: 5; top: -20px; } .tabs_all_box.type_one .tabs_header ul { display: block; padding-left: 20px; padding-right: 20px; } .tabs_all_box.type_one .tabs_header ul li { display: block; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .tabs_all_box.type_one .tabs_header ul li a { font-size: 16px; position: relative; font-weight: 700; color: var(--heading-dark); line-height: 28px; font-family: var(--nas-family-one); padding: 20px 0px; border-bottom: 1px solid var(--border-color-dark); background: transparent; border-radius: 0px; display: block; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .tabs_all_box.type_one .tabs_header ul li a.active { color: var(--primary-color-one); } .tabs_all_box.type_one .tabs_header ul li:last-child a { border-bottom: 0px; } .tabs_all_box.type_one .tabs_header ul li:hover a { color: var(--primary-color-one); padding-left: 5px; } .tabs_all_box.type_one .tabs_header .toll_free { position: relative; padding: 20px; background: var(--primary-color-one); border-radius: 10px; } .tabs_all_box.type_one .tabs_header .toll_free a { position: relative; display: block; padding-left: 60px; font-size: 16px; font-weight: 600; color: #fff; line-height: 26px; font-family: var(--nas-family-one); } .tabs_all_box.type_one .tabs_header .toll_free a i { background: #fff; width: 50px; height: 50px; border-radius: 50%; display: inline-block; line-height: 50px; font-size: 20px; color: var(--primary-color-one); text-align: center; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; } .tabs_all_box.type_one .tab_content { position: relative; border-radius: 10px; overflow: hidden; min-height: 550px; background-repeat: no-repeat; background-size: cover; background-position: center; } .tabs_all_box.type_one .tab_content::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; bottom: 0px; background: linear-gradient( to top, var(--primary-color-two) 2%, rgba(0, 0, 0, 0) 129% ); z-index: 1; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .tabs_all_box.type_one .tab_content .content_image { position: relative; margin-left: 320px; padding: 235px 50px 80px; z-index: 2; } .tabs_all_box.type_one .tab_content .content_image h6 { font-weight: 600; text-decoration: underline; color: #fff; font-size: 30px; line-height: 40px; margin-bottom: 15px; } .tabs_all_box.type_one .tab_content .content_image h2 { font-weight: 700; color: #fff; font-size: 44px; line-height: 54px; margin-bottom: 20px; } .tabs_all_box.type_one .tab_content .content_image p { color: #fff; opacity: 0.8; } .tabs_all_box.type_one .tab_content .content_image a { text-transform: uppercase; color: #fff; font-size: 12px; font-family: var(--nas-family-one); font-weight: 500; opacity: 0.8; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .tabs_all_box.type_one .tab_content .content_image a i { top: 0; font-size: 16px; } .tabs_all_box.type_one .tab_content .content_image a:hover { color: var(--primary-color-one); } .tabs_all_box.type_two .tabs_header { position: relative; margin-bottom: 50px; } .tabs_all_box.type_two .tabs_header .showcase_tabs_btns { position: relative; } .tabs_all_box.type_two .tabs_header .showcase_tabs_btns::before { position: absolute; content: ""; width: 100%; height: 1px; top: 0; left: 0; bottom: 0; margin: auto; background: var(--primary-color-one); opacity: 0.1; z-index: -1; } .tabs_all_box.type_two .tabs_header ul { display: block; margin: 0; padding: 0; text-align: center; } .tabs_all_box.type_two .tabs_header ul li { display: inline-block; margin: 0px 15px; } .tabs_all_box.type_two .tabs_header ul li a { font-size: 13px; font-weight: 600; color: var(--heading-dark); line-height: 28px; text-transform: uppercase; font-family: var(--nas-family-one); padding: 12px 25px 9px; border-radius: 10px; border: 1px solid var(--border-color-dark); background: #fff; display: block; } .tabs_all_box.type_two .tabs_header ul li a.active { background: #fff; border-color: #fff; box-shadow: var(--box-shadow-two); color: var(--primary-color-one); } .tabs_all_box.type_two .tab_content { position: relative; } .tabs_all_box.type_two .tab_content .content_bx { position: relative; } .tabs_all_box.type_two .tab_content .content_bx h6 { font-weight: 600; color: var(--primary-color-one); font-size: 30px; line-height: 40px; margin-bottom: 15px; } .tabs_all_box.type_two .tab_content .content_bx h2 { font-weight: 700; font-size: 44px; line-height: 54px; margin-bottom: 20px; } .tabs_all_box.type_two .tab_content .content_bx p { margin-bottom: 26px; } .tabs_all_box.type_two .tab_content .content_bx ul { position: relative; margin: 0 0 40px 0; padding: 0 0px 0px 20px; } .tabs_all_box.type_two .tab_content .content_bx ul li { list-style: none; position: relative; margin-bottom: 12px; } .tabs_all_box.type_two .tab_content .content_bx ul li:before { position: absolute; content: ""; width: 6px; height: 6px; left: -20px; top: 0; bottom: 0; margin: auto; background: var(--primary-color-one); } .tabs_all_box.type_two .tab_content .content_bx ul li:after { position: absolute; content: ""; width: 6px; height: 6px; opacity: 0.4; left: -14px; top: 0; bottom: 0; margin: auto; background: var(--primary-color-one); } .tabs_all_box.type_three .tabs_header { position: relative; margin-bottom: 10px; } .tabs_all_box.type_three .tabs_header .showcase_tabs_btns { position: relative; } .tabs_all_box.type_three .tabs_header ul { display: block; margin: 0; padding: 0; } .tabs_all_box.type_three .tabs_header ul li { display: inline-block; margin-right: 20px; } .tabs_all_box.type_three .tabs_header ul li a { font-size: 18px; font-weight: 700; color: var(--heading-dark); line-height: 28px; text-transform: capitalize; font-family: var(--nas-family-one); border-radius: 10px; border: 0px; background: transparent; display: block; } .tabs_all_box.type_three .tabs_header ul li a.active { color: var(--primary-color-one); } .tabs_all_box.type_three .tab_content { position: relative; } .tabs_all_box.type_three .tab_content .image { position: relative; margin-bottom: 30px; height: 400px; border-radius: 5px; overflow: hidden; } .tabs_all_box.type_three .tab_content .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .tabs_all_box.type_three .tab_content .content_bx { position: relative; } .tabs_all_box.type_three .tab_content .content_bx h6 { font-weight: 600; color: var(--primary-color-one); font-size: 14px; line-height: 26px; margin-bottom: 15px; text-decoration: underline; } .tabs_all_box.type_three .tab_content .content_bx h2 { font-weight: 700; font-size: 30px; line-height: 40px; margin-bottom: 20px; color: var(--heading-dark); } .tabs_all_box.type_three .tab_content .content_bx p { margin-bottom: 26px; } .tabs_all_box.type_three .tab_content .content_bx ul { position: relative; margin: 0 0 40px 0; padding: 0 0px 0px 20px; } .tabs_all_box.type_three .tab_content .content_bx ul li { list-style: none; position: relative; margin-bottom: 12px; } .tabs_all_box.type_three .tab_content .content_bx ul li:before { position: absolute; content: ""; width: 6px; height: 6px; left: -20px; top: 0; bottom: 0; margin: auto; background: var(--primary-color-one); } .tabs_all_box.type_three .tab_content .content_bx ul li:after { position: absolute; content: ""; width: 6px; height: 6px; opacity: 0.4; left: -14px; top: 0; bottom: 0; margin: auto; background: var(--primary-color-one); } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }  .client_logo_carousel { position: relative; } .client_logo_carousel.type_one .swiper-slide, .client_logo_carousel.type_one .owl-item { position: relative; } .client_logo_carousel.type_one .swiper-slide .image, .client_logo_carousel.type_one .owl-item .image { text-align: center; position: relative; margin: 0px 20px; padding: 20px 20px; } .client_logo_carousel.type_one .swiper-slide .image img, .client_logo_carousel.type_one .owl-item .image img { width: 200px; height: auto; } .client_logo_carousel.type_one .owl-item .image::before { display: none; } .client_logo_carousel.type_one .owl-item:last-child .image::after { display: none; } .client_logo_carousel.type_two .swiper-slide .image, .client_logo_carousel.type_two .owl-item .image { text-align: center; position: relative; } .client_logo_carousel.type_two .swiper-slide .image img, .client_logo_carousel.type_two .owl-item .image img { width: 200px; height: auto; } .client_logo_carousel .swiper-wrapper { align-items: center; }  .newsteller { position: relative; } .newsteller.style_one .item_scubscribe { position: relative; top: 9px; } .newsteller.style_one .item_scubscribe .mc4wp-form-fields { position: relative; } .newsteller.style_one .item_scubscribe .mc4wp-form-fields input[type="email"] { border-radius: 10px 0px 10px 0px; } .newsteller.style_one .item_scubscribe .mc4wp-form-fields input[type="submit"] { position: absolute; right: 0; top: 0; width: auto; background: var(--primary-color-two); border-radius: 0px 0px 10px 0px; height: 56px; min-width: 100px; font-size: 13px; text-transform: uppercase; font-weight: 600; min-height: 56px; line-height: 56px; border: 0px !important; } .newsteller.style_one .content { position: relative; padding-left: 15px; border-left: 4px solid #fff; } .newsteller.style_one .content h2 { font-weight: 600; color: #fff; margin-bottom: 8px; font-size: 30px; line-height: 40px; } .newsteller.style_one .content p { margin-bottom: 0px; color: #fff; } .newsteller.style_two { position: relative; border-radius: 10px; overflow: hidden; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; padding: 50px; } .newsteller.style_two::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: var(--primary-color-one); opacity: 0.8; } .newsteller.style_two .inner_stell { position: relative; z-index: 2; text-align: center; } .newsteller.style_two .inner_stell h2 { font-size: 36px; line-height: 36px; font-weight: 700; margin-bottom: 15px; color: #fff; } .newsteller.style_two .inner_stell p { color: #fff; margin-bottom: 25px; } .newsteller.style_two .item_scubscribe { position: relative; width: 60%; margin: 0px auto; } .newsteller.style_two .item_scubscribe input { margin: 0px auto; } .newsteller.style_two .item_scubscribe input[type="submit"] { position: absolute; top: 0; right: 0; min-width: 150px; min-height: 50px; line-height: 50px; width: auto; border-radius: 5px; background: var(--primary-color-two); border: 0px !important; } .newsteller.style_three { text-align: center; } .newsteller.style_three h6 { font-size: 18px; line-height: 30px; padding: 5px 15px; background: #fff; color: var(--primary-color-one); font-weight: 600; display: inline-block; margin-bottom: 30px; } .newsteller.style_three h2 { font-size: 44px; line-height: 60px; font-weight: 700; margin-bottom: 15px; color: #fff; } .newsteller.style_three p { color: #fff; opacity: 0.8; font-size: 16px; margin-bottom: 25px; } .newsteller.style_three .mc4wp-form-fields { position: relative; width: 60%; margin: auto; } .newsteller.style_three .mc4wp-form-fields input { background: transparent; border-radius: 0px; border-top: 0px; border-right: 0px; border-left: 0px; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .newsteller.style_three .mc4wp-form-fields input::-moz-placeholder { color: #fff !important; } .newsteller.style_three .mc4wp-form-fields input::placeholder { color: #fff !important; } .newsteller.style_three .mc4wp-form-fields input[type="submit"] { position: absolute; bottom: 0; right: 0; display: inline-block; min-width: 100px; width: auto; background: #fff; color: var(--heading-dark); height: auto; line-height: 40px; min-height: 40px; margin: 0px; } .newsteller.style_four input[type="submit"] { position: absolute; z-index: 99; top: 4px !important; right: 6px !important; left: unset !important; height: 48px !important; line-height: 48px !important; min-height: 48px !important; width: 150px !important; min-width: 150px !important; border-radius: 10px 0px 10px 0px !important; } @media (max-width: 992px) { .newsteller.style_three .mc4wp-form-fields { width: 100%; } }  .price_plan_box { position: relative; margin-bottom: 25px; } .price_plan_box.style_one {  background: #fff; padding: 45px 35px 40px; border-radius: 10px; border: 1px solid #eeee; }  .price_plan_box.style_one .tag { position: absolute; transform: rotate(-90deg); background: var(--primary-color-one); color: #fff; padding: 3px 16px 3px 4px; text-transform: uppercase; font-size: 13px; top: 18px; left: 0px; right: auto; } .price_plan_box.style_one .tag::before { position: absolute; content: ""; border-left: 10px solid transparent; border-top: 12px solid var(--primary-color-one); border-bottom: 13px solid var(--primary-color-one); border-right: 10px solid var(--primary-color-one); bottom: 1px; left: -15px; z-index: -82; } .price_plan_box.style_one .top { position: relative; margin-bottom: 30px; padding-bottom: 20px; padding-right: 25px; } .price_plan_box.style_one .top::before { position: absolute; content: ""; width: 60px; height: 2px; background: var(--primary-color-one); bottom: 0; left: 0; } .price_plan_box.style_one .top h2 { font-size: 20px; line-height: 32px; font-weight: 700; text-transform: capitalize; height: 85px; max-height: 85px; } .price_plan_box.style_one .top p { margin: 0; } .price_plan_box.style_one .mid { position: relative; margin-bottom: 30px; } .price_plan_box.style_one .mid h4 { font-size: 48px; line-height: 58px; font-weight: 700; color: var(--primary-color-one); margin-bottom: 7px; } .price_plan_box.style_one .mid h4 small, .price_plan_box.style_one .mid h4 span { font-size: 20px; position: relative; top: -20px; } .price_plan_box.style_one .bottom { position: relative; } .price_plan_box.style_one .bottom ul { position: relative; margin: 0 0 40px; padding: 0; } .price_plan_box.style_one .bottom ul li { position: relative; list-style: none; padding: 10px 20px 10px 40px; border-radius: 5px; } .price_plan_box.style_one .bottom ul li:nth-child(2n + 1) { background: var(--primary-color-three); } .price_plan_box.style_one .bottom ul li i { position: absolute; left: 15px; bottom: 0; top: 0; margin: auto; font-size: 16px; color: var(--primary-color-one); line-height: 16px; height: 16px; } .price_plan_box.style_two { background: #fff; margin-bottom: 30px; border-radius: 10px; border: 1px solid var(--border-color-dark); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .price_plan_box.style_two .tag { position: absolute; max-width: 120px; line-height: 30px; font-size: 16px; color: #fff; background: var(--primary-color-one); border-radius: 30px; text-align: center; top: -16px; right: 0; margin: auto; left: 0; z-index: 2; } .price_plan_box.style_two .inner_box { position: relative; } .price_plan_box.style_two .inner_box .top { padding: 42px 30px 30px; background: var(--primary-color-three); text-align: center; border-radius: 10px 10px 0px 0px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .price_plan_box.style_two .inner_box .top h2 { font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 6px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .price_plan_box.style_two .inner_box .top p { margin-bottom: 0px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .price_plan_box.style_two .inner_box .mid { position: relative; padding: 42px 30px 30px; text-align: center; } .price_plan_box.style_two .inner_box .mid h4 { font-size: 36px; line-height: 46px; color: var(--primary-color-one); font-weight: 700; } .price_plan_box.style_two .inner_box .mid h4 span { font-size: 20px; font-weight: 500; color: var(--text-color-dark); line-height: 30px; } .price_plan_box.style_two .inner_box .bottom { position: relative; padding: 0px 40px 40px; text-align: center; } .price_plan_box.style_two .inner_box .bottom ul { margin: 0px 0px 40px; padding: 0px; text-align: left; } .price_plan_box.style_two .inner_box .bottom ul li { position: relative; list-style: none; padding-left: 33px; margin-bottom: 10px; } .price_plan_box.style_two .inner_box .bottom ul li i { position: absolute; left: 0; top: 0; width: 24px; height: 24px; border-radius: 30px; color: var(--text-color-light); line-height: 24px; text-align: center; font-size: 13px; border: 1px solid var(--border-color-dark); } .price_plan_box.style_two .inner_box .bottom a.theme-btn { border-radius: 10px; background: var(--primary-color-one); color: #fff; font-family: var(--nas-family-one); font-size: 15px; } .price_plan_box.style_two:hover { box-shadow: var(--box-shadow); } .price_plan_box.style_two:hover .inner_box .top { background: var(--primary-color-one); } .price_plan_box.style_two:hover .inner_box .top h2 { color: #fff; } .price_plan_box.style_two:hover .inner_box .top p { color: #fff; } .price_plan_box.style_three { background: var(--primary-color-three); padding: 10px; border: 1px solid var(--border-color-dark); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .price_plan_box.style_three .image { overflow: hidden; position: relative; } .price_plan_box.style_three .image img { width: 100%; height: 250px; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .price_plan_box.style_three .image .tag { position: absolute; content: ""; padding: 5px 15px; background: var(--primary-color-two); font-size: 15px; font-weight: 600; font-family: var(--nas-family-one); z-index: 1; top: 0; right: 0; color: #fff; border-radius: 0px 0px 0px 10px; line-height: 25px; } .price_plan_box.style_three .image .mid { position: absolute; width: 100%; display: flex; justify-content: space-between; left: 0; bottom: 0%; padding: 0px 0px 0px 20px; } .price_plan_box.style_three .image .mid .pri { height: 70px; padding: 0px 15px; background: var(--primary-color-one); color: #fff; font-family: var(--nas-family-two); font-weight: 700; font-size: 22px; line-height: 70px; } .price_plan_box.style_three .image .mid h6 { padding: 5px 15px; position: absolute; bottom: 0; right: 0; background: #fff; font-size: 15px; font-weight: 600; font-family: var(--nas-family-one); z-index: 1; color: var(--primary-color-two); border-radius: 10px 0px 0px 0px; line-height: 25px; } .price_plan_box.style_three .inner_box { position: relative; padding: 30px 20px 20px; } .price_plan_box.style_three .inner_box h2 { font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 8px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .price_plan_box.style_three .inner_box p { margin-bottom: 0px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .price_plan_box.style_three .inner_box .bottom { position: relative; padding: 20px 0px 0px; text-align: left; } .price_plan_box.style_three .inner_box .bottom ul { margin: 0px 0px 40px; padding: 0px; text-align: left; } .price_plan_box.style_three .inner_box .bottom ul li { position: relative; list-style: none; padding-left: 33px; margin-bottom: 10px; } .price_plan_box.style_three .inner_box .bottom ul li i { position: absolute; left: 0; top: 0; width: 24px; height: 24px; border-radius: 30px; color: var(--primary-color-one); line-height: 24px; text-align: center; font-size: 13px; border: 1px solid var(--border-color-dark); } .price_plan_box.style_three .inner_box .bottom a.theme-btn { background: var(--primary-color-one); color: #fff; font-family: var(--nas-family-one); font-size: 15px; } .price_plan_box.style_three .inner_box .bottom a.theme-btn:hover { background: var(--primary-color-two); color: #fff; border-color: var(--primary-color-two); } .price_plan_box.style_three:hover { border-color: var(--primary-color-one); } .price_plan_box.style_three:hover .image img { opacity: 0.8; } .price_plan_with_tab { position: relative; } .price_plan_with_tab .row { --bs-gutter-x: 1.5rem !important; } .price_plan_with_tab.price_tb_style_one .tab_pricing_list { position: relative; text-align: center; } .price_plan_with_tab.price_tb_style_one .tab_pricing_list ul { display: inline-block; padding: 0px; border: 0px; margin: 0px 0px 60px; } .price_plan_with_tab.price_tb_style_one .tab_pricing_list ul li { display: inline-block; border: 0px; padding: 0px; margin-right: -4px; position: relative; } .price_plan_with_tab.price_tb_style_one .tab_pricing_list ul li button { border: 1px solid var(--border-color-dark); padding: 14px 20px 10px; box-shadow: none; font-size: 13px; font-family: var(--nas-family-one); line-height: 23px; font-weight: 600; text-transform: uppercase; color: var(--heading-dark); background-color: transparent; } .price_plan_with_tab.price_tb_style_one .tab_pricing_list ul li button.active { background-color: var(--primary-color-one); color: #fff; } .price_plan_with_tab.price_tb_style_one .tab_pricing_list ul li:first-child button { border-right: 0px; border-radius: 10px 0px 0px 10px; } .price_plan_with_tab.price_tb_style_one .tab_pricing_list ul li:last-child button {  border-radius: 0px 10px 10px 0px; } .price_plan_with_tab.price_tb_style_one .tab_pricing_list ul li + li { padding: 0px; } .price_plan_with_tab.price_tb_style_two .tab_pricing_list { position: relative; text-align: center; } .price_plan_with_tab.price_tb_style_two .tab_pricing_list ul { display: inline-block; padding: 0px; border: 0px; margin: 0px 0px 60px; } .price_plan_with_tab.price_tb_style_two .tab_pricing_list ul li { display: inline-block; border: 0px; padding: 0px; margin: 0px; position: relative; } .price_plan_with_tab.price_tb_style_two .tab_pricing_list ul li button { box-shadow: none; border: 0px; font-size: 13px; font-family: var(--nas-family-one); line-height: 23px; font-weight: 600; text-transform: uppercase; color: var(--heading-dark); background-color: transparent !important; } .price_plan_with_tab.price_tb_style_two .tab_pricing_list ul li button.active { color: var(--primary-color-one); } .price_plan_with_tab.price_tb_style_two .tab_pricing_list ul li:first-child { margin-right: 43px; } .price_plan_with_tab.price_tb_style_two .tab_pricing_list ul li:first-child::before { position: absolute; content: ""; width: 70px; height: 30px; border-radius: 30px; background: var(--primary-color-three); border: 1px solid var(--border-color-dark); right: -82px; top: -5px; } .price_plan_with_tab.price_tb_style_two .tab_pricing_list ul li:first-child button.active:after { position: absolute; content: ""; width: 17px; height: 17px; border-radius: 50px; background: var(--primary-color-one); top: 2px; right: -36px; } .price_plan_with_tab.price_tb_style_two .tab_pricing_list ul li:last-child { margin-left: 43px; } .price_plan_with_tab.price_tb_style_two .tab_pricing_list ul li:last-child button.active:after { position: absolute; content: ""; width: 17px; height: 17px; border-radius: 50px; background: var(--primary-color-one); top: 2px; left: -36px; } .modal-popup-inner .form_content input, .modal-popup-inner .form_content input[type="text"], .modal-popup-inner .form_content input[type="email"], .modal-popup-inner .form_content input[type="number"], .modal-popup-inner .form_content textarea, .modal-popup-inner .form_content select { margin-bottom: 5px !important; } .modal-popup-inner .form_content p { position: relative; margin: 0px; } .modal-popup-inner .form_content p i { position: absolute; top: 46px; right: 14px; color: var(--primary-color-one); margin: auto; font-size: 16px; height: 16px; } .modal-popup-inner .form_content p br { display: none; }  .counter_section { position: relative; text-align: center; } .counter_section .logo_sec { position: relative; margin-bottom: 60px; } .counter_section .logo_sec img { width: 200px; } .counter_section .title { position: relative; } .counter_section .title h2 { font-size: 72px; line-height: 82px; font-weight: 700; margin-bottom: 30px; color: #fff; } .counter_section .title p { color: #fff; opacity: 0.8; margin-bottom: 30px; } .counter_section .Countdown-timer { position: relative; } .counter_section .Countdown-timer .item { position: relative; display: inline-block; text-align: center; padding: 0px 25px; } .counter_section .Countdown-timer .item span { color: #fff; font-weight: 700; font-size: 48px; line-height: 58px; margin-bottom: 6px; } .counter_section .Countdown-timer .item small { font-size: 50px; font-weight: 600; position: absolute; right: -9px; top: 13px; line-height: 25px; color: var(--primary-color-one); } .counter_section .Countdown-timer .item p { color: var(--primary-color-one); font-size: 13px; font-weight: 600; margin-top: 3px; text-transform: uppercase; line-height: 23px; font-family: var(--nas-family-one); }  .social_media_v_one { position: relative; } .social_media_v_one ul { padding: 0; margin: 0; } .social_media_v_one ul li { position: relative; display: inline-block; margin-right: 10px; margin-bottom: 0px !important; } .social_media_v_one ul li a { width: 40px; height: 40px; line-height: 40px; text-align: center; display: block; border-radius: 50px; background: var(--primary-color-two); color: #fff; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .social_media_v_one ul li a span { opacity: 0.8; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .social_media_v_one ul li a small { position: absolute; padding: 5px 15px; border-radius: 5px; background: #fff; color: var(--primary-color-one); font-size: 13px; line-height: 13px; font-weight: 600; min-width: 100px; text-align: center; margin: auto; left: -10px; right: 0; top: -35px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; opacity: 0; } .social_media_v_one ul li a small::before { position: absolute; content: ""; width: 12px; border-top: 10px solid #fff; border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; height: 12px; bottom: -20px; left: 20px; } .social_media_v_one ul li a:hover { background: var(--primary-color-one); color: #fff; } .social_media_v_one ul li a:hover small { opacity: 1; } .social_media_v_one ul li a:hover span { opacity: 1; } .social_media_v_one.light ul li a { background: rgba(255, 255, 255, 0.0392156863); } .social_media_v_one.style_two ul li a { background-color: var(--primary-color-three); color: var(--primary-color-one); } .social_media_v_one.style_three ul li a { background-color: var(--primary-color-one); color: var(--color-white); } .social_media_v_one.color_white ul li a { background-color: var(--color-white); color: var(--heading-dark); }  .shape_one { position: absolute; min-height: 150px; } @media (max-width: 1500px) { .shape_one { display: none; } }  .contact_box_content { position: relative; } .contact_box_content.style_one .contact_box_inner { position: relative; padding: 20px 30px; display: block; border-radius: 10px; border: 1px solid var(--border-color-dark); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; cursor: pointer; background: #fff; } .contact_box_content.style_one .contact_box_inner .contnet { position: relative; } .contact_box_content.style_one .contact_box_inner .contnet h3 { font-size: 18px; font-weight: 700; color: var(--heading-dark); margin-bottom: 5px; line-height: 26px; } .contact_box_content.style_one .contact_box_inner .contnet p { margin-bottom: 0px; } .contact_box_content.style_one .contact_box_inner:hover { box-shadow: var(--box-shadow); border-color: #fff; } .contact_box_content.style_one .contact_box_inner.icon_yes .icon_bx { position: absolute; left: 24px; bottom: 0; top: 0; width: 40px; height: 40px; border-radius: 50px; background: var(--primary-color-one); margin: auto; text-align: center; line-height: 40px; } .contact_box_content.style_one .contact_box_inner.icon_yes .icon_bx span { color: #fff; font-size: 16px; } .contact_box_content.style_one .contact_box_inner.icon_yes .contnet { margin-left: 55px; } .contact_box_content.style_two .contact_box_inner { position: relative; display: flex; } .contact_box_content.style_two .contact_box_inner .icon_bx { position: relative; min-width: 60px; width: 60px; height: 60px; border-radius: 50px; background: var(--primary-color-one); color: #fff; line-height: 60px; margin: auto 0px; } .contact_box_content.style_two .contact_box_inner .icon_bx span { font-size: 25px; line-height: 40px; width: 40px; text-align: center; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; left: 0; color: #fff; height: 40px; } .contact_box_content.style_two .contact_box_inner .icon_bx img { width: 30px; height: auto; margin: auto; display: block; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; left: 0; } .contact_box_content.style_two .contact_box_inner .text { position: relative; margin-left: 12px; } .contact_box_content.style_two .contact_box_inner .text h3 { font-size: 18px; line-height: 30px; margin-bottom: 2px; } .contact_box_content.style_two .contact_box_inner .text p { margin-bottom: 0px; font-size: 15px; line-height: 25px; } .contact_box_content.style_two .contact_box_inner.color_two .icon_bx { background: transparent; border: 1px dashed #fff; } .contact_box_content.style_two .contact_box_inner.color_two .icon_bx span { color: #fff; } .contact_box_content.style_two .contact_box_inner.color_two .text h3 { color: #fff; } .contact_box_content.style_two .contact_box_inner.color_two .text p { color: rgba(255, 255, 255, 0.8); }  input::-moz-placeholder, textarea::-moz-placeholder { font-size: 14px; font-weight: 400; font-family: var(--nas-family-one); color: var(--text-color-dark); text-transform: capitalize; } input::placeholder, textarea::placeholder { font-size: 14px; font-weight: 400; font-family: var(--nas-family-one); color: var(--text-color-dark); text-transform: capitalize; } form p { margin-bottom: 0px; } form br { display: none; } .contact_form_box_all { position: relative; } .contact_form_box_all input, .contact_form_box_all input[type="text"], .contact_form_box_all input[type="email"], .contact_form_box_all input[type="number"], .contact_form_box_all textarea, .contact_form_box_all select { margin: 6px 0px 25px !important; } .contact_form_box_all input[type="submit"], .contact_form_box_all button[type="submit"] { margin-bottom: 10px !important; } .contact_form_box_all label { position: relative; } .contact_form_box_all textarea { height: 130px; } .contact_form_box_all.type_one .contact_form_box_inner { position: relative; padding: 50px 45px 35px; border-radius: 15px; background: #fff; box-shadow: var(--box-shadow-two); z-index: 1; } .contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode { position: relative; } .contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode label { font-size: 15px; font-weight: 600; font-family: var(--nas-family-one); line-height: 15px; color: var(--heading-dark); width: 100%; text-transform: uppercase; } .contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode .wpcf7-form-control-wrap { position: relative; display: block; width: 100%; } .contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode input, .contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode button { width: 100%; } .contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode p { position: relative; margin: 0px; } .contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode p i { position: absolute; top: 37px; right: 14px; color: var(--primary-color-one); margin: auto; font-size: 16px; height: 16px; } .contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode textarea { height: 150px; } .contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode .ajax-loader, .contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode .wpcf7-spinner { position: absolute; bottom: 0px; right: 0px; } .contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode .wpcf7-not-valid-tip { font-size: 15px; font-weight: 400; font-family: var(--nas-family-one); line-height: 26px; color: var(--primary-color-one); text-transform: none; } .contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode .wpcf7-response-output { position: absolute; z-index: 11; background: var(--primary-color-one); text-align: center; font-size: 16px; font-weight: 400; font-family: var(--nas-family-two); color: #fff; padding: 20px; border-radius: 5px; border-color: var(--primary-color-one); margin: auto; bottom: -78px; right: 0; left: 0; width: auto; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode .wpcf7-response-output::before { position: absolute; content: ""; left: 0; right: 0; width: 20px; height: 20px; top: -22px; margin: auto; border-top: 10px solid transparent; border-bottom: 10px solid var(--primary-color-one); border-left: 10px solid transparent; border-right: 10px solid transparent; } .contact_form_box_all.type_two { position: relative; } .contact_form_box_all.type_two img { position: absolute; width: 100%; right: -400px; bottom: 0px; } .contact_form_box_all.type_two .contact_form_shortcode { position: relative; padding: 15px; background: #fff; box-shadow: var(--box-shadow); border-radius: 10px; max-width: 600px; height: auto; } .contact_form_box_all.type_two .contact_form_shortcode .heading { position: relative; margin-bottom: 30px; } .contact_form_box_all.type_two .contact_form_shortcode .heading h2 { font-size: 26px; line-height: 36px; font-weight: 700; color: vr(--heading-dark); } .contact_form_box_all.type_two .contact_form_shortcode .heading h2 span { font-weight: 400; color: var(--primary-color-one); } .contact_form_box_all.type_two .contact_form_shortcode form br { display: none; } .contact_form_box_all.type_two .contact_form_shortcode form .row { --bs-gutter-x: 1.5rem !important; margin-bottom: 0px; } .contact_form_box_all.type_two .contact_form_shortcode form input { padding: 0px 35px; } .contact_form_box_all.type_two .contact_form_shortcode form textarea { padding: 12px 35px; } .contact_form_box_all.type_two .contact_form_shortcode form p label, .contact_form_box_all.type_two .contact_form_shortcode form div label { width: 100%; display: block; font-size: 14px; font-weight: 500; color: #000; font-family: var(--nas-family-one); position: relative; } .contact_form_box_all.type_two .contact_form_shortcode form p label input, .contact_form_box_all.type_two .contact_form_shortcode form p label textarea, .contact_form_box_all.type_two .contact_form_shortcode form div label input, .contact_form_box_all.type_two .contact_form_shortcode form div label textarea { margin-top: 5px; } .contact_form_box_all.type_two .contact_form_shortcode form p label span, .contact_form_box_all.type_two .contact_form_shortcode form div label span { width: 100%; display: block; } .contact_form_box_all.type_two .contact_form_shortcode form p label i, .contact_form_box_all.type_two .contact_form_shortcode form div label i { position: absolute; top: 26px; left: 11px; bottom: 0; font-size: 12px; height: 20px; width: 20px; line-height: 20px; margin: auto; color: var(--primary-color-one); text-align: center; } .contact_form_box_all.type_two .contact_form_shortcode form p.text_area label i, .contact_form_box_all.type_two .contact_form_shortcode form div.text_area label i { top: 42px; bottom: inherit; } .contact_form_box_all.type_two .contact_form_shortcode form p::last-child, .contact_form_box_all.type_two .contact_form_shortcode form div::last-child { margin-bottom: 0px; } .contact_form_box_all.type_three .contact_form_box_inner.simple_form { position: relative; } .contact_form_box_all.type_three .contact_form_box_inner.simple_form .row { --bs-gutter-x: 1.5rem; } .contact_form_box_all.type_three .contact_form_box_inner.simple_form label { color: var(--primary-color-one); text-transform: uppercase; font-size: 12px; font-family: var(--nas-family-one); font-weight: 500; width: 100%; position: relative; } .contact_form_box_all.type_three .contact_form_box_inner.simple_form label i { position: absolute; top: 0; right: 0; } .contact_form_box_all.type_three .contact_form_box_inner.simple_form br { display: none; } .contact_form_box_all.type_four { background: #ffffff; border-radius: 17px 17px 17px 17px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: var(--border-color-dark); padding: 40px 40px 40px 40px; } .contact_form_box_all.type_four label i { position: absolute; top: 0; right: 0; color: var(--primary-color-one); } .contact_form_box_all.type_five { background-color: #ffffff; padding: 40px 40px 40px 40px; border-radius: 10px 10px 10px 10px; } .contact_form_box_all.type_five .title_sections .before_title { font-size: 15px !important; font-weight: 600 !important; line-height: 25px !important; letter-spacing: 1.3px !important; } .contact_form_box_all.type_five .title_sections .title_big { font-size: 51px !important; font-weight: 800 !important; line-height: 66px !important; } .contact_form_box_all.type_five label { color: var(--primary-color-one); text-transform: uppercase; font-size: 12px; font-family: var(--nas-family-one); font-weight: 500; width: 100%; position: relative; } .contact_form_box_all.type_five label i { position: absolute; top: 28px; right: 10px; } .contact_form_box_all .contact_form_box_inner .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label, .contact_form_box_all .contact_form_box_inner .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label { display: inline-block; } .contact_form_box_all .contact_form_box_inner .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label, .contact_form_box_all .contact_form_box_inner .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label { float: right; } .contact_form_box_all .contact_form_box_inner .wpcf7-checkbox .wpcf7-list-item.first, .contact_form_box_all .contact_form_box_inner .wpcf7-radio .wpcf7-list-item.first { margin-left: 0px !important; } .contact_form_box_all .contact_form_box_inner .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"], .contact_form_box_all .contact_form_box_inner .wpcf7-checkbox .wpcf7-list-item input[type="radio"], .contact_form_box_all .contact_form_box_inner .wpcf7-radio .wpcf7-list-item input[type="checkbox"], .contact_form_box_all .contact_form_box_inner .wpcf7-radio .wpcf7-list-item input[type="radio"] { display: inline-block; margin: -4px 7px 0px 0px !important; } .wpcf7-form-control-wrap input[type="file"] { padding: 0px !important; margin: 0px !important; border: 0px !important; } form { position: relative; } form .wpcf7-response-output { position: absolute; padding: 15px 40px !important; border-radius: 5px; border: 0px !important; background: var(--primary-color-two); text-align: center; font-size: 13px; line-height: 22px; font-family: var(--nas-family-one); font-weight: 600; color: #fff; bottom: -76px; left: 0; display: block; margin: 0px !important; }  .error-404 { position: relative; margin-bottom: 30px; } .fourntcontent { position: relative; } .fourntcontent h1 { font-size: 72px; line-height: 82px; font-weight: 700; margin-bottom: 15px; color: var(--primary-color-one); } .fourntcontent h2 { font-size: 26px; line-height: 36px; font-weight: 700; margin-bottom: 15px; color: var(--heading-dark); } .fourntcontent p { margin-bottom: 25px; } .search { position: relative; margin-bottom: 30px; } .search input { box-shadow: var(--box-shadow-two); } .search .sch_btn { position: absolute; height: 40px; top: 8px; right: 8px; width: 40px; background: var(--primary-color-two); color: #fff; border-radius: 5px; border: 0px; }  .description_box { position: relative; } .description_box p { margin: 0; } .description_box p span { color: var(--primary-color-one); }  .quotes_box { position: relative; } .quotes_box.style_one { padding: 0px 20px 0px 20px; border-left: 3px solid var(--primary-color-one); } .quotes_box.style_one .icon { position: absolute; left: 28px; top: 0; } .quotes_box.style_one .icon img { height: 44px; width: auto; } .quotes_box.style_one .icon span { font-size: 44px; line-height: 44px; color: var(--primary-color-two); } .quotes_box.style_one .content { position: relative; padding-left: 75px; } .quotes_box.style_one .content h6 { font-size: 22px; line-height: 32px; color: var(--primary-color-two); margin-bottom: 18px; } .quotes_box.style_one .content h3 { font-size: 18px; line-height: 28px; color: var(--primary-color-one); } .quotes_box.style_two { position: relative; padding-left: 35px; } .quotes_box.style_two .top_content { position: relative; padding: 20px 20px 20px 60px; border-radius: 5px; background: var(--primary-color-one); margin-bottom: 25px; } .quotes_box.style_two .top_content .auth_img { position: absolute; left: -17px; width: 70px; height: 70px; top: 0; bottom: 0; margin: auto; border-radius: 50px; } .quotes_box.style_two .top_content .auth_img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .quotes_box.style_two .top_content .description_bx { position: relative; } .quotes_box.style_two .top_content .description_bx p { margin-bottom: 0px; color: #fff; position: relative; z-index: 1; } .quotes_box.style_two .top_content .description_bx .icon { position: absolute; right: 5px; top: 5px; } .quotes_box.style_two .top_content .description_bx .icon span { font-size: 50px; line-height: 50px; color: #fff; opacity: 0.05; } .quotes_box.style_two .top_content::before { position: absolute; content: ""; border-left: 50px solid transparent; border-top: 50px solid transparent; border-right: 50px solid var(--primary-color-one); border-bottom: 50px solid transparent; left: -59px; z-index: -1; opacity: 0.8; } .quotes_box.style_two .content { position: relative; padding: 10px 0px 0px 0px; } .quotes_box.style_two .content h3 { font-size: 18px; line-height: 28px; font-weight: 700; color: var(--heading-dark); margin-bottom: 2px; } .quotes_box.style_two .content h6 { font-size: 16px; line-height: 26px; font-weight: 500; font-family: var(--nas-family-two); color: var(--primary-color-one); margin-bottom: 0px; } @media (max-width: 768px) { .quotes_box.style_one .icon { position: relative; left: 0; right: 0; margin-bottom: 20px; } .quotes_box.style_one .content { padding-left: 0px; } } .link_box_contents.style_one .link_content_bx { position: relative; display: flex; background: var(--primary-color-three); padding: 0px 0px 0px 20px; align-items: center; border-radius: 10px; } .link_box_contents.style_one .link_content_bx .image_box { min-width: 28%; height: auto; min-height: auto; margin-top: auto; } .link_box_contents.style_one .link_content_bx .image_box img { width: auto; height: 190px; } .link_box_contents.style_one .link_content_bx .con_box { padding: 22px 30px 20px; position: relative; min-width: 72%; } .link_box_contents.style_one .link_content_bx .con_box h2 { font-size: 20px; font-weight: 700; color: var(--primary-color-one); line-height: 30px; margin-bottom: 10px; } .link_box_contents.style_one .link_content_bx .con_box a { font-size: 16px; line-height: 26px; font-weight: 600; color: var(--link-color-dark); font-family: var(--nas-family-one); } .link_box_contents.style_one .link_content_bx .con_box a i { position: relative; top: 2px; font-size: 18px; left: 5px; } .link_box_contents.style_two .link_content_bx { position: relative; display: flex; background: var(--primary-color-one); padding: 0px 20px 0px 0px; align-items: center; border-radius: 10px; } .link_box_contents.style_two .link_content_bx .image_box { min-width: 28%; height: auto; min-height: auto; margin-top: auto; } .link_box_contents.style_two .link_content_bx .image_box img { width: auto; height: 190px; } .link_box_contents.style_two .link_content_bx .con_box { padding: 22px 30px 20px; position: relative; min-width: 72%; } .link_box_contents.style_two .link_content_bx .con_box h2 { font-size: 20px; font-weight: 700; color: #fff; line-height: 30px; margin-bottom: 10px; } .link_box_contents.style_two .link_content_bx .con_box a { font-size: 16px; line-height: 26px; font-weight: 600; color: #fff; font-family: var(--nas-family-one); } .link_box_contents.style_two .link_content_bx .con_box a i { position: relative; top: 2px; font-size: 18px; left: 5px; }  .contact_list { position: relative; } .contact_list.type_one .same_contact, .contact_list.type_two .same_contact { position: relative; } .contact_list.type_one .same_contact a, .contact_list.type_one .same_contact p, .contact_list.type_two .same_contact a, .contact_list.type_two .same_contact p { font-size: 15px; display: block; color: var(--text-color-dark); line-height: 26px; padding-left: 25px; margin-bottom: 0px; } .contact_list.type_one .same_contact a span, .contact_list.type_one .same_contact p span, .contact_list.type_two .same_contact a span, .contact_list.type_two .same_contact p span { font-size: 16px; color: var(--primary-color-one); position: absolute; margin-right: 6px; top: 0; bottom: 0; left: 0; height: 18px; line-height: 18px; width: 20px; text-align: center; margin: auto; display: block; } .contact_list.type_two .same_contact a, .contact_list.type_two .same_contact p { padding-left: 45px; } .contact_list.type_two .same_contact a span, .contact_list.type_two .same_contact p span { width: 35px; height: 35px; border: 1px dashed var(--primary-color-one); border-radius: 50px; line-height: 35px; left: 0; }  .image_box_carousel_content:before { position: absolute; bottom: 23px; left: 0; background: var(--primary-color-three); width: 100%; height: 1px; content: ""; } .image_box_carousel_content.arrow_disable .owl-nav { display: none !important; } .image_box_carousel_content.arrow_disable .mg_image_box { margin-bottom: 10px !important; } .image_box_carousel_content.arrow_disable:before { display: none !important; } .image_box_carousel_content .theme_carousel .owl-prev, .image_box_carousel_content .theme_carousel .owl-next { text-align: center; position: absolute; font-family: "FontAwesome" !important; width: 50px; height: 50px; line-height: 50px; background: var(--primary-color-three) !important; font-size: 22px; color: var(--primary-color-two); border-radius: 50%; display: inline-block; background: none; } .image_box_carousel_content .theme_carousel .owl-prev span, .image_box_carousel_content .theme_carousel .owl-next span { display: none; } .image_box_carousel_content .theme_carousel .owl-prev::before, .image_box_carousel_content .theme_carousel .owl-prev::after, .image_box_carousel_content .theme_carousel .owl-next::before, .image_box_carousel_content .theme_carousel .owl-next::after { position: absolute; font-family: "FontAwesome" !important; font-size: 22px; color: var(--primary-color-two); top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: 22px; line-height: 22px; } .image_box_carousel_content .theme_carousel .owl-prev { left: 0px; } .image_box_carousel_content .theme_carousel .owl-next { right: 0px; } .image_box_carousel_content .theme_carousel .owl-nav { text-align: center; height: 50px; width: 120px; position: relative; display: inherit; margin: auto; } .image_box_carousel_content .theme_carousel .owl-next::before { content: "\f105"; } .image_box_carousel_content .theme_carousel .owl-prev::before { content: "\f104"; } .image_box_carousel_content.image_covered .mg_image_box .image_box img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .image_box_carousel_content .mg_image_box:hover { transform: unset !important; } .mg_image_box { position: relative; padding: 0px; text-align: center; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; border-radius: 5px; overflow: hidden; margin-bottom: 50px; box-shadow: var(--box-shadow-two); } .mg_image_box .image_box { position: relative; overflow: hidden; height: 300px; width: 100%; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .mg_image_box .image_box img { width: 100%; height: auto; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; opacity: 1; } .mg_image_box .image_box .ab_link { position: absolute !important; width: 100%; height: 100%; z-index: 4; left: 0; top: 0; bottom: 0; right: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .mg_image_box .image_box .ab_link span { width: 50px; height: 50px; border-radius: 50px; background: var(--primary-color-one); color: #fff; font-size: 20px; position: absolute; top: 20px; right: 0; bottom: 0; left: 0; margin: auto; line-height: 50px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; opacity: 0; transform: translateY(-10px); } .mg_image_box h2 { position: absolute; display: inline-block; padding: 10px 18px; background: var(--primary-color-two); bottom: 0; line-height: normal; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; left: -100%; } .mg_image_box h2 a { font-size: 18px; font-family: var(--nas-family-one); font-weight: 600; line-height: 28px; color: #fff; display: block; } .mg_image_box .tag { position: absolute; top: 0; right: 0; padding: 8px 14px; background: var(--primary-color-one); border-radius: 0px 0px 0px 10px; color: #fff; } .mg_image_box:hover { transform: translateY(-10px); } .mg_image_box:hover h2 { left: 0; } .mg_image_box:hover .image_box img { opacity: 0.5; } .mg_image_box:hover .image_box .ab_link span { opacity: 1; transform: translateY(0px); } .image_grid_content .row { --bs-gutter-x: 1.5rem !important; } .image_grid_content .mg_image_box { margin-bottom: 30px; } .image_grid_content.image_covered .mg_image_box .image_box img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .image_grid_content.style_two .mg_image_box { position: relative; box-shadow: unset !important; border-radius: 0px; text-align: left; } .image_grid_content.style_two .mg_image_box .content { position: absolute; left: 0; bottom: 0; padding: 20px; background: unset !important; width: 100%; height: auto; } .image_grid_content.style_two .mg_image_box h3 { line-height: normal; } .image_grid_content.style_two .mg_image_box h3 a { font-size: 18px; color: var(--heading-dark); margin-bottom: 15px; font-weight: 700; line-height: 30px; display: block; } .image_grid_content.style_two .mg_image_box .tag { position: relative; top: unset; bottom: unset; display: inline-block; padding: 5px 18px; border-radius: 10px 0px 10px 0px; background: var(--primary-color-one); color: #fff; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .image_grid_content.style_two .mg_image_box:hover h2 a { color: var(--primary-color-one); }  .list_item_box { position: relative; } .list_item_box.style_one ul { position: relative; margin: 0px 0px 0px 0px !important; padding: 0px !important; border: 0px !important; } .list_item_box.style_one ul li { list-style: none; line-height: normal; margin-bottom: 15px; border-bottom: 0px !important; } .list_item_box.style_one ul li a { font-size: 15px !important; line-height: 25px !important; color: var(--text-color-dark) !important; display: inline-block !important; padding: 0px !important; } .list_item_box.style_one ul li span { position: relative; display: inline-block; left: 8px; padding: 3px 16px; border-radius: 30px; background: var(--primary-color-one); color: #fff; font-size: 12px; line-height: 22px; text-transform: uppercase; font-family: var(--nas-family-two); } .list_item_box.style_two { position: relative; } .list_item_box.style_two.style_linline li { display: inline-block; padding-right: 20px; } .list_item_box.style_two.list li { display: block; padding-bottom: 20px; } .list_item_box.style_two li { position: relative; list-style: none; } .list_item_box.style_two li .d-flex { justify-content: unset !important; } .list_item_box.style_two li small .icon_bx { min-width: 20px; margin-right: 10px; } .list_item_box.style_two li small .icon_bx img { min-width: 20px; width: 20px; } .list_item_box.style_two li small .icon_bx i { min-width: 20px; font-size: 18px; color: var(--primary-color-one); } .list_item_box.style_two li small span { position: relative; } .list_item_box.style_two li a { font-size: 16px; color: var(--heading-dark); } .list_item_box.style_two li a span { position: relative; display: inline-block; margin-left: 5px; margin-right: 5px; top: -2px; padding: 3px 16px; border-radius: 30px; background: var(--primary-color-one); color: #fff; font-size: 12px; line-height: 20px; text-transform: uppercase; font-family: var(--nas-family-two); } .list_item_box.light_color.style_one ul li a { color: var(--color-white) !important; } .list_item_box.light_color.style_one ul li span { background: var(--color-white); color: var(--primary-color-one); } .list_item_box.light_color.style_two ul li small .icon_bx i { min-width: 20px; font-size: 18px; color: var(--color-white); } .list_item_box.light_color.style_two ul li small span { color: var(--color-white); } .list_item_box.light_color.style_two ul li a { font-size: 16px; color: var(--color-white); } .list_item_box.light_color.style_two ul li a span { background: var(--color-white); color: var(--primary-color-one); } .list_items_new_box { position: relative; margin: 0; padding: 0; } .list_items_new_box.type_one li { display: block; padding-bottom: 12px; position: relative; margin: 0px; } .list_items_new_box.type_one li a { display: block; color: var(--text-color-dark); font-size: 16px; line-height: 26px; padding-left: 28px; position: relative; } .list_items_new_box.type_one li a span { position: absolute; content: ""; left: 0; font-size: 18px; font-weight: 500; top: 2px; line-height: 26px; color: var(--primary-color-one); } .list_items_new_box.type_one li:last-child { padding-bottom: 0; } .list_items_new_box.display_inline li { display: inline-block !important; margin-right: 15px; } .list_items_new_box.display_inline li a { position: relative; padding-left: 22px; display: flex; } .list_items_new_box.display_inline li:last-child { margin-right: 0px; } .owl-nav { pointer-events: none; } .owl-nav .owl-next, .owl-nav .owl-prev { pointer-events: fill; } .map { position: relative; } .map iframe { width: 100%; height: 500px; border-radius: 15px; } .owl_new_one .owl-carousel .owl-nav .owl-prev { margin-right: 5px; } .owl_new_one .owl-carousel .owl-nav .owl-next { margin-left: 5px; } .owl_new_one .owl-carousel .owl-nav .owl-prev, .owl_new_one .owl-carousel .owl-nav .owl-next { display: inline-block; position: relative; font-weight: 600; width: 50px; height: 50px; text-align: center; line-height: 50px; color: var(--heading-dark); background: var(--primary-color-three); border-radius: 5px; border-radius: 50%; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .owl_new_one .owl-carousel .owl-nav .owl-prev::before, .owl_new_one .owl-carousel .owl-nav .owl-next::before { position: absolute; font-family: "FontAwesome" !important; width: 50px; text-align: center; line-height: 50px; height: 50px; top: 0; right: 0; left: 0; bottom: 0; margin: auto; font-size: 16px; } .owl_new_one .owl-carousel .owl-nav .owl-prev:after, .owl_new_one .owl-carousel .owl-nav .owl-next:after { display: block; } .owl_new_one .owl-carousel .owl-nav .owl-prev span, .owl_new_one .owl-carousel .owl-nav .owl-next span { display: none; } .owl_new_one .owl-carousel .owl-nav .owl-prev:hover, .owl_new_one .owl-carousel .owl-nav .owl-next:hover { background: var(--primary-color-one); color: var(--color-white); } .owl_new_one .owl-carousel .owl-nav .owl-next::before { content: "\f105"; } .owl_new_one .owl-carousel .owl-nav .owl-prev::before { content: "\f104"; } .owl_new_one .owl-nav { display: block !important; } .owl_dots_block .owl-dots { display: block !important; } .owl_nav_none .owl-nav { display: none !important; } .owl_dots_none .owl-dots { display: none !important; } .owl_dots_block .owl-dots { position: relative; text-align: center; margin-top: 25px; } .owl_dots_block .owl-dots .owl-dot { position: relative; width: 9px; height: 9px; margin: 0px 5px; display: inline-block; border-radius: 50%; background-color: var(--primary-color-three); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .owl_dots_block .owl-dots .owl-dot:hover, .owl_dots_block .owl-dots .owl-dot.active { position: relative; width: 22px; height: 8px; border-radius: 10px; background: var(--primary-color-one); } .owl_new_one .owl-carousel.owl_nav_none .owl-nav { display: none !important; } .owl_new_one .owl-carousel.owl_dots_none .owl-dots { display: none !important; } .owl_new_one .owl-carousel.owl_nav_block .owl-nav { display: block !important; } .owl_new_one .owl-carousel.owl_dots_block .owl-dots { display: block !important; } .owl_new_one .owl-carousel .owl-nav { position: relative; padding-top: 40px; text-align: center; } .owl_new_one .owl_type_one .owl-nav { position: relative; } .owl_new_one .owl_type_one .owl-dots { position: relative; } .owl_new_one .owl_type_two .owl-nav { position: absolute; width: 100%; top: 0%; bottom: 0; height: 50px; margin: auto; left: 0; } .owl_new_one .owl_type_two .owl-nav .owl-next, .owl_new_one .owl_type_two .owl-nav .owl-prev { position: absolute !important; display: block !important; } .owl_new_one .owl_type_two .owl-nav .owl-prev { left: 0 !important; } .owl_new_one .owl_type_two .owl-nav .owl-next { right: 0 !important; } .owl_type_two.owl_dots_block .owl-nav { top: 36%; } .owl_new_one .owl_type_two .owl-nav .owl-next { right: -20px; top: 0; } .owl_new_one .owl_type_two .owl-nav .owl-prev { left: -20px; top: 0; } .owl_new_one .owl_type_two .owl-dots { position: relative; } .owl_type_three .owl-nav { position: absolute; top: -100px; right: 0px; } .owl_type_three .owl-dots { position: relative; } .owl_type_four .owl-nav { position: absolute; padding-top: 0px; top: -100px; left: 0px; } .owl_type_four .owl-nav, .owl_type_three .owl-nav { padding-top: 0px; } .owl_type_four .owl-nav .owl-prev, .owl_type_four .owl-nav .owl-next, .owl_type_three .owl-nav .owl-prev, .owl_type_three .owl-nav .owl-next { position: relative; } .owl_type_four .owl-dots { position: relative; } @media (max-width: 992px) { .owl_new_one .owl_type_two .owl-nav { position: relative; width: 100%; top: inherit; left: inherit; } .owl_new_one .owl_type_two .owl-nav .owl-next { position: relative; right: inherit; top: inherit; } .owl_new_one .owl_type_two .owl-nav .owl-prev { position: relative; left: inherit; top: inherit; } .owl_type_three .owl-nav { position: relative; right: inherit; top: inherit; } .owl_type_four .owl-nav { left: inherit; position: relative; top: inherit; } }  @keyframes rotateme { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .icon_bg_rotate { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.6s ease-in-out; } .icon_bg_rotate::before { position: absolute; content: ""; height: 12px; width: 12px; border-radius: 50%; top: 14px; right: 8px; background: var(--primary-color-one); transition: all 0.6s ease-in-out; } .icon_bg_rotate { animation-name: rotateme; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotateme; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateme; -moz-animation-duration: 4s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateme; -ms-animation-duration: 4s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: rotateme; -o-animation-duration: 4s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; }  .image_box_new { position: relative; } .image_box_new.type_three { position: relative; border-radius: 10px; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; } .image_box_new.type_three::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; background: var(--heading-dark); opacity: 0.8; } .image_box_new.type_three .image_box { position: relative; overflow: hidden; border-radius: 10px; } .image_box_new.type_three .image_box img { border-radius: 10px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .image_box_new.type_three .image_box:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; background: var(--heading-dark); border-top-left-radius: 6px; border-top-right-radius: 6px; opacity: 0.8; top: 0; } .image_box_new.type_three .col-lg-5 { text-align: right; } .image_box_new.type_three .content_box { position: relative; padding: 50px; z-index: 10; } .image_box_new.type_three .content_box .video-inner a { background: var(--primary-color-one); } .image_box_new.type_three .content_box .row { -ms-flex-align: center !important; position: relative; height: 100%; align-items: center !important; display: flex; display: -ms-flexbox; } .image_box_new.type_three .content_box h1 { color: var(--color-white); margin-bottom: 20px; font-weight: 700; } .image_box_new.type_three .content_box p { color: var(--color-white); margin-bottom: 20px; } .image_box_new.type_three .content_box a.read_more { color: var(--color-white); } .image_box_new.type_three .content_box a.read_more span { margin-left: 8px; position: relative; display: inline-block; font-size: 16px; transition: all 0.6s ease-in-out; z-index: 1; } .image_box_new.type_three .content_box_inner { position: relative; } .image_box_new.type_two { position: relative; margin-top: 50px; padding-bottom: 80px; display: inline-block; } .image_box_new.type_two img { border-radius: 10px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05); height: 500px; width: 380px; -o-object-fit: cover; object-fit: cover; } .image_box_new.type_two .image.one { position: relative; z-index: 10; float: left; } .image_box_new.type_two .image.two { position: absolute; top: 80px; right: -200px; z-index: 1; transition: all 0.6s ease-in-out; } .image_box_new.type_two .image.two::before { position: absolute; content: ""; width: 100%; height: 111%; right: 119px; top: -100px; border-radius: 20px; background: var(--color-white); z-index: -11; } .image_box_new.type_two .video-inner { position: absolute; top: 0%; left: 0%; bottom: 0; right: 0; height: 100px; width: 100px; margin: auto; z-index: 1; text-align: center; line-height: 100px; } .image_box_new.type_two .video-inner a { background: var(--primary-color-one); } .image_box_new.type_two .quote { position: absolute; bottom: 0px; padding: 30px 30px 30px; left: 0; text-align: center; width: 100%; z-index: 0; background: #fff; border-radius: 10px; } .image_box_new.type_two .quote h2 { font-size: 22px; line-height: 34px; margin: 0px; } .image_box_new.type_four .left, .image_box_new.type_four .right { width: 50%; float: left; } .image_box_new.type_four .left { padding-right: 10px; } .image_box_new.type_four .left img { padding-bottom: 20px; height: 270px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .image_box_new.type_four .video-inner { position: absolute; top: -42px; bottom: 0; left: 0; right: 0; margin: auto; width: 70px; height: 70px; } .image_box_new.type_four .video-inner a { background: var(--color-white); color: var(--primary-color-one); } .image_box_new.type_four .video-inner a::after { box-shadow: unset !important; } .image_box_new.type_four .right { padding-left: 10px; } .image_box_new.type_four .right img { padding-bottom: 0px; width: 100%; height: 520px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .image_box_new.type_five .left, .image_box_new.type_five .right { width: 50%; float: left; } .image_box_new.type_five img { padding-bottom: 20px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .image_box_new.type_five .left { padding-right: 10px; padding-top: 30px; } .image_box_new.type_five .left img { padding-bottom: 0px; height: 550px; } .image_box_new.type_five .right { padding-left: 10px; } .image_box_new.type_five .right img { height: 300px; } .image_box_new.type_five .card { display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: var(--primary-color-one); width: 100%; height: 100%; border-radius: 0px; padding: 30px 20px; box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.2); } .image_box_new.type_five .card .percent { position: relative; } .image_box_new.type_five .card svg { position: relative; width: 210px; height: 210px; transform: rotate(-90deg); } .image_box_new.type_five .card svg circle { width: 100%; height: 100%; fill: none; stroke: rgba(255, 255, 255, 0.07); stroke-width: 10; stroke-linecap: round; } .image_box_new.type_five .card svg circle:last-of-type { stroke-dasharray: 625px; stroke-dashoffset: calc(625px - 625px * var(--percent) / 100); stroke: var(--color-white); } .image_box_new.type_five .card .number { position: absolute; top: 0%; left: 0%; bottom: 0; right: 0; margin: auto; height: 40px; width: 120px; text-align: center; } .image_box_new.type_five .card .number h3 { font-weight: 600; font-size: 40px; line-height: 50px; color: var(--color-white); margin: 0px; } .image_box_new.type_five .card .number h3 span { font-size: 20px; padding-left: 3px; } .image_box_new.type_five .card .title h2 { margin: 25px 0 10px; color: var(--color-white); font-size: 22px; line-height: 32px; font-weight: 600; } .image_box_new.type_five .card p { color: var(--color-white); margin: 0px; } .image_box_new.type_five .card:nth-child(1) svg circle:last-of-type { stroke: var(--color-white); } .image_box_new.type_five .card:nth-child(2) svg circle:last-of-type { stroke: var(--color-white); } .image_box_new.type_one { position: relative; margin-bottom: 100px; z-index: 1; } .image_box_new.type_one .image_one { position: relative; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05); } .image_box_new.type_one .image_one .year_experience { position: absolute; top: 0; left: 0; overflow: hidden; padding: 20px; } .image_box_new.type_one .image_one .year_experience h2 { font-size: 18px; line-height: 26px; border-radius: 0px 10px 0px; background: var(--primary-color-one); color: var(--color-white); text-align: center; font-family: var(--nas-family-two); padding: 10px 25px; } .image_box_new.type_one .image_one img { border-radius: 6px; height: 550px; width: 100%; -o-object-fit: cover; object-fit: cover; } .image_box_new.type_one .video-inner { position: absolute; content: ""; bottom: -30px; right: 20px; } .image_box_new.type_one .video-inner a { background: var(--primary-color-one); } .image_box_new.type_one .image_two { position: absolute; overflow: hidden; border-radius: 6px; bottom: -80px; left: 20px; width: 300px; height: 200px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05); } .image_box_new.type_one .image_two img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 992px) { .image_box.type_three .video-inner { text-align: left !important; } .image_box.type_three .content_box_inner { margin-bottom: 30px; } }  .info_section { position: relative; } .info_section.type_one .info-box { position: relative; background: var(--color-white); box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.07); padding: 30px; text-align: center; border-radius: 6px; overflow: hidden; transition: all 0.5s ease-in-out; margin-bottom: 30px; } .info_section.type_one .info-box .hidden-icon { display: none; } .info_section.type_one .info-box .icon_box { position: relative; margin-bottom: 20px; } .info_section.type_one .info-box .icon_box i { font-size: 40px; display: block; line-height: 80px; width: 80px; height: 80px; margin: auto; border-radius: 50px; border: 1px dashed var(--border-color-dark); color: var(--primary-color-one); transition: all 0.5s ease-in-out; } .info_section.type_one .info-box h4 { font-size: 22px; line-height: 30px; margin-bottom: 3px; } .info_section.type_one .info-box span { margin-bottom: 20px; padding-bottom: 20px; color: var(--primary-color-one); font-style: italic; display: block; border-bottom: 1px dashed var(--border-color-dark); transition: all 0.5s ease-in-out; } .info_section.type_one .info-box p { margin-bottom: 6px; } .info_section.type_one .info-box p a { color: var(--text-color-dark); transition: all 0.5s ease-in-out; } .info_section.type_one .info-box.active, .info_section.type_one .info-box:hover { background: var(--primary-color-one); } .info_section.type_one .info-box.active .icon_box i, .info_section.type_one .info-box:hover .icon_box i { color: var(--color-white); border: 1px dashed var(--color-white); } .info_section.type_one .info-box.active h4, .info_section.type_one .info-box.active span, .info_section.type_one .info-box.active p, .info_section.type_one .info-box.active a, .info_section.type_one .info-box:hover h4, .info_section.type_one .info-box:hover span, .info_section.type_one .info-box:hover p, .info_section.type_one .info-box:hover a { color: var(--color-white); } .info_section.type_two { position: relative; } .info_section.type_two .hidden-icon { position: absolute; bottom: 0; right: 0; } .info_section.type_two .hidden-icon i { font-size: 70px; line-height: 70px; color: var(--primary-color-one); opacity: 0.04; transition: all 0.5s ease-in-out; } .info_section.type_two .info-box { position: relative; padding: 30px; border-radius: 5px; background: var(--color-white); box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.04); overflow: hidden; transition: all 0.5s ease-in-out; margin-bottom: 30px; } .info_section.type_two .info-box h4, .info_section.type_two .info-box span { transition: all 0.5s ease-in-out; } .info_section.type_two .info-box .box { position: relative; margin-bottom: 15px; } .info_section.type_two .info-box .heading-box { position: relative; margin-left: 65px; } .info_section.type_two .info-box .text { position: relative; } .info_section.type_two .info-box .text p { margin-bottom: 6px; } .info_section.type_two .info-box .text p:last-child { margin-bottom: 0px; } .info_section.type_two .info-box .text p, .info_section.type_two .info-box .text a { color: var(--text-color-dark); } .info_section.type_two .info-box .icon_box { float: left; position: relative; height: 50px; width: 50px; } .info_section.type_two .info-box .icon_box i { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; color: var(--primary-color-one); font-size: 50px; line-height: 50px; transition: all 0.5s ease-in-out; } .info_section.type_two .info-box:hover, .info_section.type_two .info-box.active { background: var(--primary-color-one); } .info_section.type_two .info-box:hover h4, .info_section.type_two .info-box:hover span, .info_section.type_two .info-box:hover a, .info_section.type_two .info-box:hover p, .info_section.type_two .info-box.active h4, .info_section.type_two .info-box.active span, .info_section.type_two .info-box.active a, .info_section.type_two .info-box.active p { color: var(--color-white); } .info_section.type_two .info-box:hover .hidden-icon i, .info_section.type_two .info-box.active .hidden-icon i { font-size: 100px; line-height: 100px; color: var(--color-white); opacity: 0.07; } .info_section.type_two .info-box:hover .icon_box i, .info_section.type_two .info-box.active .icon_box i { color: var(--color-white); } .info_section.border_disable.type_one .info-box, .info_section.border_disable.type_two .info-box { border-radius: 0px; }  .contact_form_box label { display: block; padding: 0px; margin: 0px; } .contact_form_box.type_one { position: relative; box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.04); display: flex; display: -ms-flexbox; } .contact_form_box.type_one .heading { margin-bottom: 20px; } .contact_form_box.type_one .image_box { position: relative; min-width: 40%; } .contact_form_box.type_one .image_box img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .contact_form_box.type_one .contact_inner_box { position: relative; padding: 60px 40px; } .contact_form_box.type_one .contact_inner_box h6 { font-size: 16x; line-height: 34px; margin-bottom: 5px; color: var(--primary-color-one); } .contact_form_box.type_one .contact_inner_box h2 { font-size: 36px; line-height: 48px; margin-bottom: 20px; } .contact_form_box.type_one .wpcf7-form-control-wrap { position: relative; margin-bottom: 15px; display: block; } .contact_form_box.type_one .wpcf7-form-control-wrap input, .contact_form_box.type_one .wpcf7-form-control-wrap textarea, .contact_form_box.type_one .wpcf7-form-control-wrap select { height: 54px; line-height: 26px; color: var(--text-color-dark); width: 100%; display: block !important; background: var(--color-white); border: 1px solid var(--border-color-dark); border-radius: 0px; padding: 0px 20px; } .contact_form_box.type_one .wpcf7-form-control-wrap textarea { height: 200px; padding: 20px 20px 0px; } .contact_form_box.type_one .wpcf7-submit { width: unset !important; margin-top: 30px; display: inline-block; } .contact_form_box.type_one .emergrncy_contact { position: absolute; bottom: 50px; right: 40px; display: flex; display: -ms-flexbox; align-items: center !important; } .contact_form_box.type_one .emergrncy_contact h6 span { font-size: 22px; line-height: 30px; color: var(--heading-dark); margin-bottom: 4px; display: block; } .contact_form_box.type_one .emergrncy_contact h6 a { display: block; font-size: 30px; line-height: 40px; color: var(--primary-color-one); } .contact_form_box.type_one .emergrncy_contact small { font-size: 114px; line-height: 65px; color: var(--heading-dark); position: absolute; opacity: 0.05; left: 0; right: 0; margin: auto; display: block; }  .faqs_accordion { padding-left: 0px; } .faqs_accordion .accordion-content.hide { display: none; } .faq_box_all.border_enable .faqs_accordion.type_one .article-title { border-radius: 5px; } .faq_box_all.border_enable .faqs_accordion.type_one .article-title.active { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .faq_box_all.border_enable .faqs_accordion.type_one .accordion-content { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .faqs_accordion.type_one .article-title { transition: all 0.6s ease-in-out; position: relative; background: var(--color-white); padding: 20px 60px 20px 50px; width: 100%; display: block; text-align: left; border-radius: 0px; cursor: pointer; color: var(--heading-dark); font-size: 20px; line-height: 28px; border: 1px solid var(--border-color-dark); font-weight: 600; font-family: var(--nas-family-one); margin-bottom: 10px; } .faqs_accordion.type_one .article-title .title_box { position: relative; } .faqs_accordion.type_one .article-title .title_box .faq_no { position: absolute; left: -30px; top: 0; font-size: 30px; margin-top: auto; margin-bottom: auto; color: transparent; -webkit-text-stroke: 1px var(--heading-dark); opacity: 0.2; bottom: 0; height: 30px; line-height: 30px; margin: auto; } .faqs_accordion.type_one .article-title:before { position: absolute; content: "\e964"; font-family: "icomoon"; font-size: 16px; color: var(--primary-color-one); right: 20px; transition: all 0.6s ease-in-out; } .faqs_accordion.type_one .article-title.active, .faqs_accordion.type_one .article-title:hover { background: var(--primary-color-one); border-color: var(--primary-color-one); color: var(--color-white); } .faqs_accordion.type_one .article-title.active span, .faqs_accordion.type_one .article-title:hover span { color: var(--color-white); } .faqs_accordion.type_one .article-title.active:before, .faqs_accordion.type_one .article-title:hover:before { transform: rotate(90deg); color: var(--color-white); } .faqs_accordion.type_one .article-title.active .title_box .faq_no, .faqs_accordion.type_one .article-title:hover .title_box .faq_no { opacity: 0.8; -webkit-text-stroke: 1px var(--color-white); } .faqs_accordion.type_one .article-title.active { margin-bottom: 0px; } .faqs_accordion.type_one .accordion-content { padding: 20px; background: #fff; border: 1px solid var(--border-color-dark); } .faqs_accordion.light_color .article-title { background: rgba(255, 255, 255, 0.031372549) !important; border-radius: 5px; border-color: rgba(255, 255, 255, 0.1098039216) !important; } .faqs_accordion.light_color .article-title:before { color: #ffffff !important; } .faqs_accordion.light_color .article-title .title_box { color: #ffffff !important; } .faqs_accordion.light_color .article-title .title_box .faq_no { -webkit-text-stroke: 1px #ffffff !important; opacity: 1; } .faqs_accordion.light_color .accordion-content { background: rgba(255, 255, 255, 0.0392156863) !important; border-color: rgba(255, 255, 255, 0.168627451) !important; color: #ffffff !important; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .faqs_accordion.light_color .article-title.active, .faqs_accordion.light_color .article-title:hover { background: var(--primary-color-one) !important; border-color: var(--primary-color-one) !important; }   .fun_facts_box.type_one { position: relative; padding: 30px; border-radius: 6px; background: var(--color-white); box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.06); margin-right: 35px; border-radius: 6px; margin-bottom: 30px; } .fun_facts_box.type_one .icon_bx { position: absolute; right: -35px; } .fun_facts_box.type_one .icon_bx small { font-size: 40px; width: 70px; height: 70px; border-radius: 50%; line-height: 70px; background: var(--primary-color-one); text-align: center; display: block; color: var(--color-white); border-radius: 6px; } .fun_facts_box.type_one .icon_bx img { width: 40px; } .fun_facts_box.type_one .content_box { position: relative; } .fun_facts_box.type_one .content_box h2 { position: relative; font-size: 22px; font-weight: 700; line-height: 30px; margin-bottom: 10px; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .fun_facts_box.type_one .content_box h6 { position: relative; font-size: 50px; font-weight: 700; line-height: 60px; margin-bottom: 10px; color: var(--primary-color-one); transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .fun_facts_box.type_one .content_box h6 span { color: var(--heading-dark); } .fun_facts_box.type_two { position: relative; } .fun_facts_box.type_two .upper_content { position: relative; margin-bottom: 10px; } .fun_facts_box.type_two .upper_content .icon_bx { float: left; position: relative; } .fun_facts_box.type_two .upper_content .icon_bx small { font-size: 60px; display: block; color: var(--primary-color-one); line-height: 60px; } .fun_facts_box.type_two .upper_content .icon_bx img { width: 60px; } .fun_facts_box.type_two .upper_content .text_box { margin-left: 80px; position: relative; } .fun_facts_box.type_two .upper_content .text_box h6 { font-size: 30px; line-height: 30px; margin-bottom: 5px; } .fun_facts_box.type_two .upper_content .text_box h2 { font-size: 20px; line-height: 30px; font-weight: 600; }  .icon_carousel_box_all { position: relative; } .owl-carousel .owl-dots .owl-dot { background: var(--primary-color-one); opacity: 0.1; } .owl-carousel .owl-dots .owl-dot.active { opacity: 1; } .owl-carousel.one_items .icon_caro.type_one { margin: 0px 10px 20px 0px; } .icon_caro.type_one { position: relative; padding: 30px; background: var(--primary-color-one); border-radius: 10px; } .icon_caro.type_one .icon { position: relative; float: left; } .icon_caro.type_one .icon small { line-height: 60px; position: relative; text-align: center; display: block; color: var(--color-white); font-size: 60px; } .icon_caro.type_one .icon img { width: 60px; } .icon_caro.type_one .text { position: relative; margin-left: 80px; } .icon_caro.type_one .text h2 a { font-size: 22px; color: var(--color-white); display: block; line-height: 30px; font-weight: 700; margin-bottom: 14px; } .icon_caro.type_one .text p { font-size: 16px; color: var(--color-white); margin: 0px; } .icon_caro.type_one a.read_more { color: var(--color-white); margin-top: 15px; display: inline-block; } .icon_caro.type_one a.read_more::after { top: -6px; background: var(--primary-color-one); } .icon_caro.type_one a.read_more:hover { color: var(--heading-dark); }  .icon_box_new_box.type_one { position: relative; margin-top: 15px; margin-bottom: 10px; } .icon_box_new_box.type_one .icon_bx { position: relative; margin-bottom: 20px; z-index: 0; } .icon_box_new_box.type_one .icon_bx small { font-size: 60px; position: relative; line-height: 60px; display: inline-block; color: var(--primary-color-one); margin-bottom: 15px; } .icon_box_new_box.type_one .icon_bx span { background: var(--primary-color-three); position: absolute; content: ""; border-radius: 50px; width: 80px; height: 80px; left: 10px; top: -10px; z-index: -10; } .icon_box_new_box.type_one h2 a { font-size: 22px; font-weight: 700; display: block; color: var(--heading-dark); margin-bottom: 6px; } .icon_box_new_box.type_one .svg_image { width: 60px; } .icon_box_new_box.type_one a.read_more { display: inline-block; margin-top: 15px; } .icon_box_new_box.type_one a.read_more span { display: inline-block; position: relative; top: 1px; padding-left: 4px; } .icon_box_new_box.type_two { position: relative; padding: 60px 40px; background: var(--color-white); margin-bottom: 30px; text-align: center; border-radius: 10px; transition: all 0.6s ease-in-out; } .icon_box_new_box.type_two .icon_box { position: relative; line-height: 110px; border: 1px solid var(--border-color-dark); width: 116px; height: 116px; border-radius: 50%; left: 0px; right: 0; top: -10px; display: block; margin: 0 auto 15px; padding: 12px; transition: all 0.6s ease-in-out; z-index: 10; } .icon_box_new_box.type_two span.icon { position: relative; display: block; font-size: 40px; line-height: 90px; width: 90px; height: 90px; margin: 0 auto; color: var(--primary-color-one); text-align: center; background: var(--primary-color-three); border-radius: 50px; font-weight: 500; transition: all 0.6s ease-in-out; } .icon_box_new_box.type_two .svg_image { width: 60px; margin: auto; height: auto; top: 0; right: 0; bottom: 0; left: 0; display: block; position: absolute; } .icon_box_new_box.type_two p { margin-bottom: 20px; } .icon_box_new_box.type_two .content { position: relative; z-index: 10; } .icon_box_new_box.type_two .content h2 a { font-size: 20px; display: block; color: var(--heading-dark); line-height: 28px; margin-bottom: 10px; transition: all 0.6s ease-in-out; } .icon_box_new_box.type_two::before, .icon_box_new_box.type_two::after { content: ""; width: 80px; height: 80px; position: absolute; transition: all 0.2s linear; } .icon_box_new_box.type_two::after { border-top: 2px solid var(--border-color-dark); border-left: 2px solid var(--border-color-dark); border-top-left-radius: 10px; left: 0; top: 0; transition-duration: 0.4s; } .icon_box_new_box.type_two::before { border-bottom: 2px solid var(--border-color-dark); border-right: 2px solid var(--border-color-dark); border-bottom-right-radius: 10px; right: 0; bottom: 0; transition-duration: 0.4s; } .icon_box_new_box.type_two:hover::before, .icon_box_new_box.type_two:hover::after, .icon_box_new_box.type_two.box_actived::before, .icon_box_new_box.type_two.box_actived::after { width: 100%; height: 100%; border-radius: 10px; border-color: var(--primary-color-one); } .icon_box_new_box.type_two span.borders::after { right: 0; bottom: 0; transition-duration: 0.4s; } .icon_box_new_box.type_two:hover .icon_box, .icon_box_new_box.type_two.box_actived .icon_box { border-color: var(--primary-color-one); } .icon_box_new_box.type_two:hover .icon_box .icon_bg_rotate::before, .icon_box_new_box.type_two.box_actived .icon_box .icon_bg_rotate::before { background: var(--primary-color-one); } .icon_box_new_box.type_two:hover .icon_box span.icon, .icon_box_new_box.type_two.box_actived .icon_box span.icon { background: var(--primary-color-one); color: var(--color-white); } .icon_box_new_box.type_two a.read_more span { display: inline-block; position: relative; top: 1px; padding-left: 4px; } .icon_box_new_box.type_three { position: relative; margin-bottom: 20px; display: flex; align-items: center; } .icon_box_new_box.type_three .icon_box { position: relative; min-width: 70px; width: 70px; height: 70px; border-radius: 70px; background: var(--primary-color-one); text-align: center; transition: all 0.6s ease-in-out; } .icon_box_new_box.type_three .icon_box span { font-size: 40px; color: var(--color-white); display: block; text-align: center; transition: all 0.6s ease-in-out; line-height: 70px; } .icon_box_new_box.type_three .icon_box img { width: 40px; display: block; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .icon_box_new_box.type_three .content { padding-left: 15px; position: relative; } .icon_box_new_box.type_three .content h2 { font-size: 22px; line-height: 30px; margin-bottom: 7px; } .icon_box_new_box.type_three .content p { margin-bottom: 0px; } .icon_box_new_box.type_three .content a.read_more { margin-top: 20px; display: inline-block; } .icon_box_new_box.type_three .content a.read_more span { display: inline-block; position: relative; top: 1px; padding-left: 4px; }  .quote_box_new.type_one { position: relative; padding: 30px 40px; border-radius: 6px; background: var(--primary-color-one); margin-bottom: 15px; } .quote_box_new.type_one .description { color: var(--color-white); font-size: 20px; line-height: 28px; font-weight: 400; margin-bottom: 15px; display: block; } .quote_box_new.type_one h2 { font-size: 14px; line-height: 30px; color: var(--color-white); font-style: italic; text-transform: uppercase; } .quote_box_new.type_one .quote_fonts { position: absolute; content: ""; right: 30px; bottom: 20px; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; color: var(--color-white); font-size: 30px; text-align: center; background: var(--primary-color-two); } .quote_box_new.type_two { position: relative; padding: 30px 30px; background: var(--color-white); box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.06); border-top: 3px solid var(--primary-color-one); margin-bottom: 15px; border-radius: 0px; } .quote_box_new.type_two .description { margin-bottom: 25px; position: relative; text-align: center; font-size: 18px; kerning: 30px; color: var(--heading-dark); } .quote_box_new.type_two small { position: absolute; left: 30px; bottom: 10px; font-size: 60px; line-height: 60px; color: var(--primary-color-three); opacity: 0.6; } .quote_box_new.type_two h2 { text-align: center; margin-top: 15px; font-size: 14px; color: var(--primary-color-one); font-style: italic; font-weight: 700; text-transform: uppercase; }  .list_items_new_box { position: relative; margin: 0px; padding: 0px; } .list_items_new_box.display_inline li { display: inline-block !important; } .list_items_new_box.type_one li { display: block; padding-bottom: 12px; position: relative; } .list_items_new_box.type_one li a { display: block; color: var(--text-color-dark); font-size: 16px; line-height: 26px; padding-left: 28px; position: relative; } .list_items_new_box.type_one li a span { position: absolute; content: ""; left: 0px; font-size: 18px; font-weight: 500; top: 2px; line-height: 26px; color: var(--primary-color-one); } .list_items_new_box.type_one li:last-child { padding-bottom: 0px; }  .news_box ul { padding-left: 0px; } .news_box.type_one, .news_box.type_three { position: relative; overflow: hidden; border-radius: 6px; margin-bottom: 30px; background: var(--color-white); box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.05); } .news_box.type_one .image_box, .news_box.type_three .image_box { position: relative; overflow: hidden; display: block; border-top-left-radius: 6px; border-top-right-radius: 6px; } .news_box.type_one .image_box img, .news_box.type_three .image_box img { height: 300px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .news_box.type_one .image_box:before, .news_box.type_three .image_box:before { position: absolute; content: ""; width: 100%; height: 100%; bottom: 0; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease;  left: 0; transform: translateY(0%); } .news_box.type_one .image_box .overlay:before, .news_box.type_three .image_box .overlay:before { position: absolute; width: 0%; height: 100%; right: -30px; content: ""; top: 0; background: rgb(0 73 237 / 55%); opacity: 0; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .news_box.type_one .image_box .post-category, .news_box.type_three .image_box .post-category { position: absolute; left: 30px; bottom: 20px; display: inline-block; padding: 0px 20px; height: 40px; line-height: 22px; text-align: center; font-size: 16px; background: var(--primary-color-one); z-index: 10; border-radius: 5px; } .news_box.type_one .image_box .post-category a, .news_box.type_three .image_box .post-category a { color: var(--color-white); display: block; line-height: 41px; } .news_box.type_one .image_box .post-category a i, .news_box.type_three .image_box .post-category a i { margin-right: 5px; } .news_box.type_one .content_box, .news_box.type_three .content_box { position: relative; padding: 30px; } .news_box.type_one .content_box .post-info, .news_box.type_three .content_box .post-info { position: relative; margin-bottom: 15px; } .news_box.type_one .content_box .post-info li, .news_box.type_three .content_box .post-info li { position: relative; display: inline-block; margin-right: 20px; } .news_box.type_one .content_box .post-info li i, .news_box.type_three .content_box .post-info li i { font-size: 20px; margin-right: 6px; color: var(--primary-color-one); } .news_box.type_one .content_box .post-info li a, .news_box.type_three .content_box .post-info li a { color: var(--heading-dark); } .news_box.type_one .content_box .post-info li.authour_name, .news_box.type_three .content_box .post-info li.authour_name { text-transform: capitalize; } .news_box.type_one .content_box .post-info li:last-child, .news_box.type_three .content_box .post-info li:last-child { margin-right: 0px; } .news_box.type_one .content_box h2 a, .news_box.type_three .content_box h2 a { display: block; font-size: 20px; line-height: 30px; font-weight: 700; color: var(--heading-dark); margin-bottom: 15px; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .news_box.type_one .content_box p, .news_box.type_three .content_box p { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dashed rgba(34, 34, 34, 0.1); } .news_box.type_one .content_box .continure_reading, .news_box.type_three .content_box .continure_reading { float: left; } .news_box.type_one .content_box .comments, .news_box.type_three .content_box .comments { float: right; } .news_box.type_one .content_box .comments i, .news_box.type_three .content_box .comments i { font-size: 20px; margin-right: 6px; color: var(--primary-color-one); } .news_box.type_one .content_box .comments a, .news_box.type_three .content_box .comments a { color: var(--heading-dark); } .news_box.type_one:hover .image_box:before, .news_box.type_three:hover .image_box:before { transform: translateY(100%); opacity: 0; } .news_box.type_one:hover .image_box .overlay:before, .news_box.type_three:hover .image_box .overlay:before { width: calc(100% + 60px); left: -30px; opacity: 0.8; } .news_box.type_one:hover .content_box .comments a, .news_box.type_one:hover .content_box .comments span, .news_box.type_three:hover .content_box .comments a, .news_box.type_three:hover .content_box .comments span { color: var(--color-white); } .news_box.type_three { border-radius: 0px; } .news_box.type_three .image_box { border-radius: 0px; } .news_box.type_three .image_box .post-category { border-radius: 0px; top: 30px; } .news_box.type_three .content_box .post-info { background: var(--color-white); margin-top: -4rem; padding: 20px 25px 10px; } .news_box.type_two { position: relative; padding: 30px 30px 30px; border-radius: 5px; background: var(--primary-color-three); border: 1px solid var(--border-color-dark); margin-bottom: 30px; overflow: hidden; cursor: pointer; } .news_box.type_two .image_box { position: relative; margin-bottom: 20px; padding-bottom: 20px; display: flex; display: -ms-flexbox; border-bottom: 1px solid var(--border-color-dark); align-items: center !important; } .news_box.type_two .image_box .image_box_inner { border-radius: 50%; overflow: hidden; width: 70px; height: 70px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04); margin-right: 15px; } .news_box.type_two .image_box .image_box_inner img { width: 100%; display: block; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .news_box.type_two .image_box .authour_details { position: relative; padding-top: 8px; } .news_box.type_two .image_box .authour_details h6 { margin-bottom: 6px; } .news_box.type_two .image_box .authour_details h6 a { display: block; position: relative; margin-bottom: 0px; text-transform: capitalize; font-size: 18px; color: var(--heading-dark); } .news_box.type_two .image_box .authour_details p { padding-bottom: 0px; margin-bottom: 0px; } .news_box.type_two .image_box .authour_details p a { font-size: 16px; line-height: 26px; display: block; color: var(--primary-color-one); } .news_box.type_two .date_category li .content_inner a { color: var(--heading-dark); transition: all 0.6s ease-in-out; } .news_box.type_two h2 { position: relative; } .news_box.type_two h2 a { font-size: 20px; color: var(--heading-dark); line-height: 28px; margin-bottom: 15px; display: block; } .news_box.type_two .date_category ul { position: relative; padding-bottom: 10px; margin-bottom: 18px; border-bottom: 1px solid var(--border-color-dark); } .news_box.type_two .date_category ul li { display: inline-block; } .news_box.type_two .date_category ul li a { font-size: 15px; color: var(--text-color-dark); margin-right: 20px; } .news_box.type_two .date_category ul li a span { margin-right: 10px; } .news_box.type_two .overlay { position: absolute; content: ""; top: -100%; left: 0px; width: 100%; height: 100%; display: block; padding: 30px; opacity: 0; transition: all 0.5s; background-color: var(--primary-color-one); } .news_box.type_two:hover .overlay { opacity: 1; top: 0; } .news_box.type_two .text_box { position: relative; margin-bottom: 60px; } .news_box.type_two .text_box h6 a { display: block; position: relative; text-transform: capitalize; margin-bottom: 0px; font-size: 18px; color: var(--color-white); } .news_box.type_two .text_box p a { font-size: 16px; line-height: 26px; display: block; color: var(--color-white); margin-bottom: 20px; } .news_box.type_two .text_box h2 a { color: var(--color-white); } .news_box.type_two .continure_reading { position: absolute; content: ""; bottom: 30px; left: 32px; } .news_box.type_two a.read_more { color: var(--color-white); } .news_box.type_two .comments { position: absolute; content: ""; bottom: 30px; right: 32px; } .news_box.type_two .comments i { margin-right: 5px; } .news_box.type_two .comments span, .news_box.type_two .comments i { color: var(--color-white); } .owl-carousel .bgfour_items .news_box .authour_name, .owl-carousel .bgfour_items .news_box .comments { display: none !important; } .col-xl-3.col-md-6.col-sm-6 .news_box .comments, .col-xl-3.col-md-6.col-sm-6 .news_box .authour_name { display: none !important; }  .blog_all_styles.border_disable .news_box.type_one { border-radius: 0px; } .blog_all_styles.border_disable .news_box.type_one .image_box { border-radius: 0px; } .blog_all_styles.border_disable .news_box.type_two { border-radius: 0px; }  .pricing_plan_box { position: relative; } .pricing_plan_box.type_one .description { position: relative; padding-top: 30px; } .pricing_plan_box.type_one .description p { font-size: 18px; } .pricing_plan_box.type_one .tags { position: absolute; width: calc(100% - 60px); background: var(--primary-color-one); border-radius: 6px; color: var(--color-white); font-size: 16px; top: -20px; height: 40px; line-height: 40px; left: 0; right: 0; margin-left: auto; z-index: 1; margin-right: auto; font-family: var(--nas-family-two); font-weight: 400; text-align: center; box-shadow: 0px 5px 32px 0px rgba(0, 0, 0, 0.05); } .pricing_plan_box.type_one .pricing_plan_box_inner { position: relative; overflow: hidden; padding: 50px 30px 40px; background: var(--color-white); margin-bottom: 30px; margin-top: 30px; border-radius: 6px; box-shadow: 0px 5px 32px 0px rgba(0, 0, 0, 0.05); } .pricing_plan_box.type_one .pricing_plan_box_inner:before { position: absolute; width: 0%; height: 100%; right: -30px; content: ""; top: 0; background: var(--heading-dark); opacity: 1; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; border-radius: 6px; } .pricing_plan_box.type_one .pricing_plan_box_inner h2 { display: block; font-size: 24px; line-height: 32px; font-weight: 700; color: var(--heading-dark); margin-bottom: 6px; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .pricing_plan_box.type_one .pricing_plan_box_inner h6 { display: block; font-size: 16px; line-height: 32px; font-weight: 700; color: var(--heading-dark); margin-bottom: 6px; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .pricing_plan_box.type_one .pricing_plan_box_inner .upper_content { position: relative; text-align: center; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 1px dashed rgba(34, 34, 34, 0.1); transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .pricing_plan_box.type_one .pricing_plan_box_inner .lower_content { position: relative; margin-bottom: 25px; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .pricing_plan_box.type_one .pricing_plan_box_inner .lower_content ul { padding-left: 0px; margin-bottom: 0px; } .pricing_plan_box.type_one .pricing_plan_box_inner .lower_content ul li { position: relative; margin-bottom: 10px; line-height: 28px; display: flex; display: -ms-flexbox; font-size: 16px; align-items: center !important; } .pricing_plan_box.type_one .pricing_plan_box_inner .lower_content ul li span { font-weight: 400; color: var(--primary-color-one); font-size: 18px; line-height: 30px; margin-right: 10px; } .pricing_plan_box.type_one .pricing_plan_box_inner .price_rs { position: relative; padding-top: 15px; } .pricing_plan_box.type_one .pricing_plan_box_inner h6 small { font-size: 32px; line-height: 32px; font-weight: 700; color: var(--primary-color-one); } .pricing_plan_box.type_one .pricing_plan_box_inner h6 sup { color: var(--primary-color-one); } .pricing_plan_box.type_one .pricing_plan_box_inner .get_start_button { text-align: center; position: relative; } .pricing_plan_box.type_one .pricing_plan_box_inner .get_start_button .theme-btn { width: 100%; border-radius: 50px; background: var(--color-white); color: var(--heading-dark); border-color: var(--color-white); box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.06); } .pricing_plan_box.type_one .pricing_plan_box_inner .get_start_button .theme-btn span { display: inline-block; font-size: 16px; margin-left: 5px; } .pricing_plan_box.type_one .pricing_plan_box_inner:hover:before { width: calc(100% + 60px); left: -30px; } .pricing_plan_box.type_one .pricing_plan_box_inner:hover p { color: var(--text-color-light); } .pricing_plan_box.type_one .pricing_plan_box_inner:hover h2 { color: var(--color-white); } .pricing_plan_box.type_one .pricing_plan_box_inner:hover h6 { color: var(--text-color-light); } .pricing_plan_box.type_one .pricing_plan_box_inner:hover h6 small { color: var(--color-white); } .pricing_plan_box.type_one .pricing_plan_box_inner:hover .upper_content { border-bottom: 1px dashed var(--border-color-dark-two); } .pricing_plan_box.type_one .pricing_plan_box_inner:hover .lower_content ul li { color: var(--text-color-light); } .pricing_plan_box { position: relative; } .pricing_plan_box.type_two { position: relative; } .pricing_plan_box.type_two .tags { position: absolute; top: 0; right: 0; background: var(--primary-color-one); color: var(--color-white); font-size: 14px; font-weight: 600; padding: 5px 20px; z-index: 2; } .pricing_plan_box.type_two .price_box { position: relative; display: flex; align-items: center; padding: 10px; border: 1px solid var(--border-color-dark); background: var(--color-white); margin-bottom: 15px; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .pricing_plan_box.type_two .price_box .price { padding: 20px 20px 20px; background: var(--primary-color-three); width: 150px; text-align: center; min-width: 150px; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .pricing_plan_box.type_two .price_box .price h6 { font-size: 40px; line-height: 50px; margin-bottom: 10px; color: var(--primary-color-one); } .pricing_plan_box.type_two .price_box .price p { margin: 0; color: var(--heading-dark); font-size: 22px; line-height: 34px; } .pricing_plan_box.type_two .price_box .lower_content { position: relative; padding-left: 20px; padding-right: 20px; } .pricing_plan_box.type_two .price_box .lower_content h2 { font-size: 24px; line-height: 36px; margin-bottom: 10px; } .pricing_plan_box.type_two .price_box .lower_content p { margin: 0px; } .pricing_plan_box.type_two .price_box:hover .price { background: var(--primary-color-one); } .pricing_plan_box.type_two .price_box:hover .price h6 { color: var(--color-white); } .pricing_plan_box.type_two .price_box:hover .price p { color: var(--color-white); } .pricing_plan_box.type_two .hover_content { visibility: hidden; position: absolute; border-top: 3px solid var(--primary-color-one); background-color: var(--color-white); padding: 30px; width: calc(100% - 160px); right: 0; bottom: -20%; opacity: 0; z-index: -1; visibility: hidden; text-align: left; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .pricing_plan_box.type_two .hover_content ul { margin: 0; padding: 0; } .pricing_plan_box.type_two .hover_content ul li { list-style: none; margin-bottom: 10px; } .pricing_plan_box.type_two .hover_content ul li span { color: var(--primary-color-one); font-size: 22px; padding-right: 10px; } .pricing_plan_box.type_two .hover_content ul li:last-child { margin-bottom: 0px; } .pricing_plan_box.type_two .hover_content .get_start_button { margin-top: 20px; } .pricing_plan_box.type_two .hover_content .get_start_button .theme-btn { border-radius: 35px; line-height: 40px; min-height: 40px; padding: 0px 15px; } .pricing_plan_box.type_two:hover .hover_content { visibility: visible; opacity: 1; z-index: 999; bottom: 0; }  .choose_box.type_one { position: relative; margin: 40px 0px 30px; } .choose_box.type_one .svg_image { width: 60px; } .choose_box.type_one .image_box { position: absolute; margin: 0px 0px 0px auto; z-index: 1; width: 100px; height: 100px; background: var(--color-white); border-radius: 50px; text-align: center; top: -40px; left: 30px; box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.09); transition: all 0.6s ease-in-out; } .choose_box.type_one .image_box img { position: absolute; width: 60px; top: 0px; right: 0; bottom: 0; left: 0; display: block; margin: auto; } .choose_box.type_one .image_box span { font-size: 60px; display: block; text-align: center; line-height: 100px; color: var(--primary-color-one); } .choose_box.type_one .content_box { position: relative; overflow: hidden; padding: 75px 30px 30px; background: var(--color-white); box-shadow: 0px 6px 35px 0px rgba(0, 0, 0, 0.04); border-radius: 6px; transition: all 0.6s ease-in-out; } .choose_box.type_one .step_no { position: absolute; content: ""; width: 49px; height: 48px; padding-right: 6px; border-radius: 50px; color: var(--heading-dark); line-height: 54px; display: block; top: -7px; right: -11px; text-align: center; box-shadow: rgba(0, 0, 0, 0.09) 0px 5px 22px 0px; transition: all 0.6s ease; background: #fff; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .choose_box.type_one .text_box { position: relative; z-index: 1; padding-top: 15px; } .choose_box.type_one .text_box h2 a { position: relative; font-size: 22px; font-weight: 700; line-height: 30px; display: block; margin-bottom: 10px; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .choose_box.type_one .text_box p { margin-bottom: 15px; } .choose_box.type_one .read_more i { position: relative; display: inline-block; margin-left: 5px; font-size: 16px; top: 1px; } .choose_box.type_one:hover .step_no, .choose_box.type_one:hover .read_more { color: #fff; } .choose_box.type_one:hover .image_box { box-shadow: unset; } .choose_box.type_one:hover .content_box { background: var(--primary-color-one); } .choose_box.type_one:hover .content_box .text_box h2 a, .choose_box.type_one:hover .content_box .text_box p { color: #fff; } .choose_box.type_two { position: relative; margin-bottom: 30px; } .choose_box.type_two .icon_box { position: relative; line-height: 110px; border: 1px solid var(--border-color-dark); width: 116px; height: 116px; border-radius: 50%; left: 0px; right: 0; top: -10px; margin: 0 auto 15px; display: block; padding: 12px; transition: all 0.6s ease-in-out; z-index: 10; } .choose_box.type_two .icon_box img { width: 50px; } .choose_box.type_two .icon_box span.icon { position: relative; display: block; font-size: 40px; line-height: 90px; width: 90px; height: 90px; margin: 0 auto; color: var(--primary-color-one); text-align: center; background: var(--primary-color-three); border-radius: 50px; font-weight: 500; transition: all 0.6s ease-in-out; } .choose_box.type_two .icon_box .icon_image { position: relative; display: block; line-height: 105px; width: 90px; height: 90px; margin: 0 auto; text-align: center; background: var(--primary-color-three); border-radius: 50px; font-weight: 500; transition: all 0.6s ease-in-out; } .choose_box.type_two .icon_box .icon_image i { font-size: 35px; color: var(--primary-color-one); } .choose_box.type_two .step { position: relative; margin-top: 40px; text-align: center; } .choose_box.type_two .step::before { position: absolute; content: ""; border-bottom: 1px dashed var(--border-color-dark); width: 100%; height: 1px; right: 0; top: -21px; } .choose_box.type_two .step h6 { font-size: 18px; color: rgba(0, 0, 0, 0.1); } .choose_box.type_two .content_box { position: relative; text-align: center; } .choose_box.type_two .content_box h2 a { font-size: 22px; line-height: 30px; font-weight: 700; display: block; color: var(--heading-dark); margin-bottom: 10px; } .choose_box.type_three { position: relative; display: flex; align-items: center; margin-bottom: 30px; padding: 30px; border: 1px solid var(--border-color-dark); background: #fff; } .choose_box.type_three .image { width: 170px; min-width: 170px; height: 170px; position: relative; } .choose_box.type_three .image::before { position: absolute; content: ""; background: var(--primary-color-three); width: 100%; height: 100%; right: -10px; border-radius: 50%; top: 0; z-index: -1; } .choose_box.type_three .image img { width: 100%; border-radius: 50%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .choose_box.type_three .step_no { position: absolute; top: -10px; height: 50px; width: 50px; right: 0; font-size: 60px; color: var(--text-color-dark); opacity: 0.2; } .choose_box.type_three .content_box { position: relative; padding-left: 30px; } .choose_box.type_three .content_box h2 { position: relative; } .choose_box.type_three .content_box h2 a { font-size: 22px; line-height: 34px; } .choose_box.type_three .content_box p { margin-bottom: 0px; }   .projectcontainer:after { content: ""; display: block; clear: both; } .project_box.type_one { position: relative; background: var(--color-white); overflow: hidden; margin-bottom: 30px; } .project_box.type_one .image_box { position: relative; display: block; overflow: hidden; border-radius: 6px; } .project_box.type_one .image_box img { width: 100%; height: 350px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; display: block; } .project_box.type_one .image_box .overlay { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; } .project_box.type_one .image_box .overlay a.zm_btn { position: absolute; width: 40px; height: 40px; font-size: 0px; color: var(--color-white); right: 30px; transform: translateX(-30px); top: 30px; text-align: center; margin: auto; transition: all 0.6s ease-in-out; opacity: 0; z-index: 11; } .project_box.type_one .image_box .overlay:before { position: absolute; width: 0%; height: 100%; border-radius: 6px; right: -30px; top: 0; content: ""; background: var(--primary-color-two); transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .project_box.type_one .image_box:before { position: absolute; content: ""; width: 100%; height: 100%; bottom: 0; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; background-image: linear-gradient( to top, var(--primary-color-two), rgba(0, 0, 30, 0) ); left: 0; transform: translateY(0%); } .project_box.type_one .content_box { position: absolute; bottom: 0; right: 0; width: 100%; height: auto; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; z-index: 10; } .project_box.type_one .content_box .content_box_inner { position: relative; padding: 20px 30px 22px 30px; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .project_box.type_one .content_box .content_box_inner h2 { position: relative; transform: translateY(0); transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .project_box.type_one .content_box .content_box_inner h2 a { display: block; font-size: 20px; line-height: 30px; font-weight: 700; color: var(--color-white); margin-bottom: 12px; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .project_box.type_one .content_box .content_box_inner h2 a:hover { color: var(--primary-color-one); } .project_box.type_one .content_box .content_box_inner p { display: inline-block; transform: translateY(0); transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .project_box.type_one .content_box .content_box_inner p a { color: var(--text-color-light); margin-right: 2px; font-size: 18px; line-height: 26px; display: inline-block; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .project_box.type_one .content_box .content_box_inner p a:hover { color: var(--primary-color-one); } .project_box.type_one .content_box .content_box_inner a.read_more_link { position: absolute; width: 50px; height: 50px; background: var(--primary-color-one); border-radius: 50px; display: block; text-align: center; line-height: 50px; left: 30px; bottom: 0px; font-size: 20px; color: var(--color-white); transition: all 0.6s ease-in-out; transform: translateY(250px); } .project_box.type_one:hover .image_box:before { transform: translateY(100%); opacity: 0; } .project_box.type_one:hover .image_box .overlay:before { width: calc(100% + 60px); left: -30px; opacity: 0.8; } .project_box.type_one:hover .image_box .overlay:before { opacity: 0.9; } .project_box.type_one:hover .image_box .overlay a.zm_btn { font-size: 30px; opacity: 1; transform: translateX(0px); } .project_box.type_one:hover .content_box .content_box_inner h2 { transform: translateY(-80px); } .project_box.type_one:hover .content_box .content_box_inner p { transform: translateY(-80px); } .project_box.type_one:hover .content_box .content_box_inner a.read_more_link { transform: translateY(-30px); } .project_box.type_two { position: relative; margin-bottom: 30px; } .project_box.type_two .gradient { content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient( to bottom, var(--primary-color-two) 10%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0) 100% ); left: 0; top: 0; transition: 0.5s; } .project_box.type_two .image_box { position: relative; overflow: hidden; border-radius: 10px; } .project_box.type_two .image_box img { width: 100%; height: 450px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .project_box.type_two .image_box::before { position: absolute; content: ""; top: 0px; left: 0px; width: 100%; height: 100%; display: block; opacity: 0; text-align: center; transform: perspective(400px) rotateX(-90deg); transform-origin: top; transition: all 0.5s; background-color: var(--primary-color-two); } .project_box.type_two .image_box a span { font-size: 40px; color: var(--color-white); position: absolute; z-index: 10; left: 30px; bottom: 30px; transition: all 0.6s ease-in-out; opacity: 1; } .project_box.type_two .content_box { position: absolute; top: 0px; left: 0px; padding: 30px; width: 100%; height: 100%; } .project_box.type_two .content_box a.read_more { position: absolute; bottom: 30px; color: var(--color-white); right: 30px; transition: all 0.6s ease-in-out; opacity: 0; transform: translateX(-100px); } .project_box.type_two .content_box a.read_more span { margin-right: 8px; font-size: 16px; } .project_box.type_two .content_box a.read_more:hover { color: var(--primary-color-one); } .project_box.type_two .content_box h2 a { font-size: 20px; color: var(--color-white); display: block; margin-bottom: 8px; line-height: 30px; } .project_box.type_two .content_box h2 a:hover { color: var(--color-white); } .project_box.type_two .content_box p a { color: var(--text-color-light); font-size: 18px; display: inline-block; transition: all 0.6s ease-in-out; } .project_box.type_two .content_box p a:hover { color: var(--color-white); } .project_box.type_two:hover .image_box::before { opacity: 0.7; transform: perspective(400px) rotateX(0deg); transition: all 700ms ease 100ms; } .project_box.type_two:hover .image_box a span { opacity: 1; transform: translateX(0px); } .project_box.type_two:hover .gradient { opacity: 0; } .project-wrapper.three_column_grid { width: 33.33%; padding: 0 15px; float: left; } .project-wrapper.two_column_grid { width: 50%; padding: 0 15px; float: left; } @media (max-width: 1050px) { .project-wrapper.three_column_grid { width: 50%; } } @media (max-width: 600px) { .project-wrapper.three_column_grid { width: 100%; } .project-wrapper.two_column_grid { width: 100%; } }  .fliter_group { position: relative; text-align: center; margin-bottom: 10px; } .fliter_group.style_one ul { padding-left: 0px; margin-bottom: 0px; } .fliter_group.style_one ul li { display: inline-block; padding: 0px 20px; margin-bottom: 30px; height: 40px; line-height: 40px; position: relative; background: var(--primary-color-three); border-radius: 6px; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; margin-right: 10px; } .fliter_group.style_one ul li span { position: absolute; bottom: 7px; right: 0px; margin: auto; opacity: 0; width: 26px; height: 26px; border-radius: 50px; line-height: 26px; text-align: center; color: var(--color-white); background: var(--primary-color-one); font-size: 13px; box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.09); transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .fliter_group.style_one ul li.current, .fliter_group.style_one ul li:hover { background: var(--primary-color-one); color: var(--color-white); } .fliter_group.style_one ul li.current span, .fliter_group.style_one ul li:hover span { right: -12px; background: var(--color-white); color: var(--primary-color-one); opacity: 1; } .fliter_group.style_two ul { padding-left: 0px; margin-bottom: 0px; } .fliter_group.style_two ul li { display: inline-block; padding: 8px 25px; line-height: 26px; position: relative; background: var(--color-white); transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; margin-right: 15px; border-bottom: 1px solid var(--border-color-dark); cursor: pointer; margin-bottom: 30px; } .fliter_group.style_two ul li span { position: absolute; bottom: -12px; left: 0; right: 0px; margin: auto; opacity: 1; width: 26px; height: 26px; border-radius: 50px; line-height: 26px; text-align: center; color: var(--primary-color-one); background: var(--color-white); font-size: 13px; box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.09); transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .fliter_group.style_two ul li.current, .fliter_group.style_two ul li:hover { background: var(--primary-color-one); color: var(--color-white); border-bottom: 1px solid var(--primary-color-one); border-radius: 6px; } .fliter_group.style_two ul li.current span, .fliter_group.style_two ul li:hover span { background: var(--color-white); color: var(--primary-color-one); }  .tabs_all_box_two { position: relative; } .tabs_all_box_two .tabs_header { position: relative; margin-bottom: 30px; } .tabs_all_box_two .c_tab_wrapper { position: relative; } .tabs_all_box_two .content_tabs_btns { position: relative; padding-left: 0px; margin-left: 0px; } .tabs_all_box_two .content_tabs_btns li { display: inline-block; font-size: 16px; line-height: 50px; height: 50px; border-radius: 6px; position: relative; padding: 0px 20px; background: var(--primary-color-three); color: var(--heading-dark); margin: 0px 5px; transition: all 0.6s ease-in-out; cursor: pointer; } .tabs_all_box_two .content_tabs_btns li:first-child { margin-left: 0px; } .tabs_all_box_two .content_tabs_btns li:last-child { margin-right: 0px; } .tabs_all_box_two .content_tabs_btns li:last-child::before { display: none; } .tabs_all_box_two .content_tabs_btns li.active-btn { background: var(--primary-color-one); color: var(--color-white); } .tabs_all_box_two .c_tabs_content { position: relative; display: block; background: var(--color-white); } .tabs_all_box_two .c_tabs_content .c_tab { position: absolute; left: 0px; top: 0px; width: 100%; height: auto; visibility: hidden; } .tabs_all_box_two .c_tabs_content .c_tab.active-tab { position: relative; visibility: visible; z-index: 5; } .tabs_all_box_two .tab_inner_box { transform: scaleY(0); transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; padding: 30px; border: 1px solid var(--border-color-dark); background: var(--color-white); border-radius: 6px; } .tabs_all_box_two .active-tab .tab_inner_box { transform: scaleY(1); } .tabs_all_box_two.type_two .content_tabs_btns { padding-right: 20px; } .tabs_all_box_two.type_two .col-lg-12 { display: flex; display: -ms-flexbox; } .tabs_all_box_two.type_two .tabs_header ul li { display: block; margin: 0px; padding: 15px 20px; margin-bottom: 15px; min-width: 250px; line-height: 26px; height: auto; } .tab_box { position: relative; } .tab_box.type_one .image_box, .tab_box.type_one .image_box { position: relative; margin-top: 20px; border-radius: 6px; overflow: hidden; margin-bottom: 15px; } .tab_box.type_one h2 a, .tab_box.type_one h2 a { font-size: 22px; line-height: 30px; font-weight: 700; display: block; color: var(--heading-dark); margin-bottom: 10px; } .tab_box.type_one .read_more, .tab_box.type_one .read_more { display: inline-block; margin-top: 15px; } .tab_box.type_one .read_more i, .tab_box.type_one .read_more i { position: relative; display: inline-block; top: 2px; margin-left: 8px; } .tab_box.type_two h2 a { font-size: 22px; line-height: 30px; font-weight: 700; display: block; color: var(--heading-dark); margin-bottom: 10px; } .tab_box.type_two .image_box { position: relative; margin-bottom: 20px; border-radius: 6px; overflow: hidden; } .tab_box.type_two .read_more { display: inline-block; margin-top: 15px; } .tab_box.type_two .read_more i { position: relative; display: inline-block; top: 2px; margin-left: 8px; }  .testimonial_all .owl-carousel .owl-item { padding: 15px 15px; } .testimonial_box.type_one span.icon-quote { width: 60px; height: 60px; font-size: 24px; line-height: 60px; border-radius: 50px; display: block; background: var(--color-white); box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.07); color: var(--primary-color-one); text-align: center; bottom: 65px; right: 45px; position: absolute; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; z-index: 1; } .testimonial_box.type_one .testimonial_inner { position: relative; overflow: hidden; border-radius: 6px; margin: 0px 0px 10px; padding: 30px 30px 30px; box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.06); transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; background: var(--color-white); -o-transition: all 0.6s ease; z-index: 0; } .testimonial_box.type_one .testimonial_inner:before { position: absolute; width: 0%; height: 100%; right: -30px; content: ""; top: 0; background: var(--primary-color-two); transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; z-index: -1; } .testimonial_box.type_one .testimonial_inner p { margin-bottom: 15px; } .testimonial_box.type_one .testimonial_inner .lower_content { position: relative; } .testimonial_box.type_one .testimonial_inner .lower_content .image_box { position: relative; float: left; } .testimonial_box.type_one .testimonial_inner .lower_content .image_box img { width: 68px; height: 68px; border-radius: 50%; box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.04); -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .testimonial_box.type_one .testimonial_inner .lower_content .authour_name { position: relative; margin-left: 80px; } .testimonial_box.type_one .testimonial_inner .lower_content .authour_name h2 { display: block; font-size: 18px; line-height: 26px; font-weight: 700; color: var(--heading-dark); margin-bottom: 6px; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; margin-bottom: 4px; } .testimonial_box.type_one .testimonial_inner .lower_content .authour_name h6 { color: var(--text-color-dark); margin-bottom: 5px; font-weight: 500; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .testimonial_box.type_one .testimonial_inner .lower_content .authour_name p { margin-bottom: 0px; } .testimonial_box.type_one .testimonial_inner .lower_content .authour_name p i { padding-right: 4px; margin: 0px; font-size: 14px; color: var(--primary-color-one); } .testimonial_box.type_one .testimonial_inner .lower_content .authour_name p i.empty { opacity: 0.3; } .testimonial_box.type_one .testimonial_inner:hover:before { width: calc(100% + 60px); left: -30px; } .testimonial_box.type_one .testimonial_inner:hover p { color: var(--color-white); } .testimonial_box.type_one .testimonial_inner:hover span { background: var(--primary-color-one); color: var(--color-white); } .testimonial_box.type_one .testimonial_inner:hover .lower_content .authour_name h2, .testimonial_box.type_one .testimonial_inner:hover .lower_content .authour_name h6 { color: var(--color-white); } .testimonial_box.type_two { position: relative; padding: 30px; margin: 0px 0px 10px; background: var(--color-white); box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.06); border-radius: 10px; } .testimonial_box.type_two .upper_content { position: relative; } .testimonial_box.type_two .upper_content .image_box { position: relative; float: left; } .testimonial_box.type_two .upper_content .image_box img { width: 80px; height: 80px; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; border-radius: 50%; } .testimonial_box.type_two .upper_content .image_box span { font-size: 20px; line-height: 40px; width: 40px; height: 40px; border-radius: 50px; background: var(--primary-color-one); color: var(--color-white); text-align: center; display: block; bottom: -22px; position: absolute; left: 0; right: 0; margin: auto; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transform: rotate(0deg); -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .testimonial_box.type_two .upper_content .description { margin-left: 95px; } .testimonial_box.type_two .lower_content { position: relative; padding-top: 20px; margin-top: 25px; } .testimonial_box.type_two .lower_content .authour_name { float: left; } .testimonial_box.type_two .lower_content .authour_name h2 { font-size: 20px; font-weight: 700; line-height: 30px; margin-bottom: 3px; color: var(--heading-dark); transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .testimonial_box.type_two .lower_content .authour_name h2:hover { color: var(--primary-color-one); } .testimonial_box.type_two .lower_content .authour_name h6 { font-family: var(--nas-family-two); font-size: 16px; font-weight: 400; margin: 0px; color: var(--text-color-dark); } .testimonial_box.type_two .lower_content p { position: absolute; content: ""; right: 30px; bottom: 15px; margin-bottom: auto; margin: auto; display: block; } .testimonial_box.type_two .lower_content p i { padding-left: 5px; margin: 0px; font-size: 16px; color: var(--primary-color-one); } .testimonial_box.type_two .lower_content p i.empty { opacity: 0.3; } .testimonial_box.type_two:hover .upper_content .image_box span { transform: rotate(360deg); background: var(--heading-dark); color: var(--primary-color-one); }  .theme_btn_all_new { position: relative; } .theme_btn_all_new.text_left { text-align: left; } .theme_btn_all_new.text_center { text-align: center; } .theme_btn_all_new.text_right { text-align: right; } .theme_btn_all_new .theme_btn { position: relative; font-size: 16px; color: var(--color-white); background: var(--primary-color-one); display: inline-block; min-width: 180px; line-height: 50px; font-weight: 600; transition: all 0.5s ease; text-align: center; font-family: var(--nas-family-one); transition: all 0.6s ease-in-out; border-radius: 3px; padding: 0px 20px; border: 2px solid var(--primary-color-one); } .theme_btn_all_new .theme_btn.type_one.bg_w { background: var(--color-white); color: var(--heading-dark); } .theme_btn_all_new .theme_btn.type_one span { margin-left: 10px; } .theme_btn_all_new .theme_btn:hover { background: var(--primary-color-two); color: var(--color-white); border-color: var(--primary-color-two); }  .time_line_carousel_box { position: relative; } .time_box.type_one { position: relative; } .time_box.type_one .date_box { position: relative; text-align: center; margin-bottom: 30px; border-bottom: 1px solid var(--primary-color-three); transition: all 0.5s ease-in-out; } .time_box.type_one .date_box h6 { position: relative; display: inline-block; padding: 10px 20px; font-size: 14px; text-transform: uppercase; color: var(--heading-dark); margin-bottom: 20px; background: transparent; border-radius: 30px; transition: all 0.5s ease-in-out; } .time_box.type_one .date_box h6::before { position: absolute; content: ""; width: 10px; height: 10px; border-radius: 50px; background: var(--primary-color-three); left: 0; right: 0; margin: 0 auto; bottom: -25px; transition: all 0.5s ease-in-out; } .time_box.type_one .content_box { position: relative; background: transparent; padding: 30px; text-align: center; transition: all 0.5s ease-in-out; } .time_box.type_one .content_box h2 { font-size: 22px; line-height: 30px; margin-bottom: 10px; color: var(--heading-dark); } .time_box.type_one .content_box small { font-size: 16px; color: var(--primary-color-one); display: block; font-weight: 600; margin-bottom: 10px; } .time_box.type_one .content_box p { margin-bottom: 20px; } .time_box.type_one .content_box .read_more i { position: relative; display: inline-block; top: 1px; margin-left: 5px; } .time_box.type_one:hover .date_box { border-bottom: 1px solid var(--primary-color-one); } .time_box.type_one:hover .date_box h6 { background: var(--primary-color-one); color: var(--color-white); } .time_box.type_one:hover .date_box h6::before { background: var(--primary-color-one); } .owl-item.active.center .time_box.type_one .date_box { border-bottom: 1px solid var(--primary-color-one); } .owl-item.active.center .time_box.type_one .date_box h6 { background: var(--primary-color-one); color: var(--color-white); } .owl-item.active.center .time_box.type_one .date_box h6::before { background: var(--primary-color-one); } .time_box.type_one:hover .content_box { background: var(--primary-color-one); } .owl-item.active.center .time_box.type_one .content_box { background: var(--primary-color-one); } .time_box.type_one:hover .content_box h2 { color: var(--color-white); } .owl-item.active.center .time_box.type_one .content_box h2 { color: var(--color-white); } .owl-item.active.center .time_box.type_one p { color: var(--color-white); } .time_box.type_one:hover .content_box p { color: var(--color-white); } .time_box.type_one .content_box a.read_more { color: var(--heading-dark); } .time_box.type_one:hover .content_box a.read_more { color: var(--color-white); } .owl-item.active.center .time_box.type_one .content_box a.read_more { color: var(--color-white); }  .contact_info_nbox { position: relative; } .contact_info_nbox.type_one .single { position: relative; margin-bottom: 7px; } .contact_info_nbox.type_one .single a { padding-left: 0px; color: var(--text-color-dark); } .contact_info_nbox.type_one h6 { margin-bottom: 5px; } .contact_info_nbox.type_one h6 span { color: var(--primary-color-one); margin-right: 6px; font-size: 22px; line-height: 22px; } .contact_info_nbox.type_one p { color: var(--text-color-dark); margin: 0px; }  .product_box.type_four { position: relative; margin: 0px 0px 30px; padding: 20px; border: 1px solid var(--border-color-dark); } .product_box.type_four .inner_box { background: var(--color-white); position: relative; text-align: center; } .product_box.type_four .inner_box .image_box { position: relative; overflow: hidden; text-align: inherit; } .product_box.type_four .inner_box .image_box img { display: block; margin: auto; width: 100%; height: auto; } .product_box.type_four .inner_box .image_box .overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; right: 0; overflow: hidden; z-index: 10; } .product_box.type_four .inner_box .image_box .overlay .zoom_btn { position: absolute; right: 0px; bottom: 50px; transition: all 0.6s ease-in-out; opacity: 0; } .product_box.type_four .inner_box .image_box .overlay .zoom_btn a { position: relative; background: var(--color-white); display: inline-block; width: 50px; height: 50px; line-height: 50px; border-radius: 50px; text-align: center; margin: 0 auto; transition: all 0.6s ease-in-out; } .product_box.type_four .inner_box .image_box .overlay .zoom_btn a i { font-size: 20px; color: var(--primary-color-one); transition: all 0.6s ease-in-out; display: block; line-height: 50px; } .product_box.type_four .inner_box .image_box .overlay .zoom_btn a:hover a { background: var(--primary-color-one); } .product_box.type_four .inner_box .image_box .overlay .zoom_btn a:hover a i { color: var(--color-white); } .product_box.type_four .inner_box .image_box .cart_btn { position: absolute; right: 0px; bottom: 25px; } .product_box.type_four .inner_box .image_box .cart_btn .cart_icon { position: relative; width: auto; height: auto; margin: 0px !important; padding: 0px !important; text-align: center; line-height: 0px; min-width: inherit; height: inherit; background-color: transparent !important; border: 0px; box-shadow: none; padding: 0; margin: 0; height: inherit; line-height: 1px !important; } .product_box.type_four .inner_box .image_box .cart_btn .cart_icon span { position: relative; background: var(--primary-color-one); display: inline-block; width: 50px; height: 50px; line-height: 50px; border-radius: 50px; text-align: center; margin: 0 auto; font-size: 20px; color: var(--color-white); transition: all 0.6s ease-in-out; } .product_box.type_four .inner_box .image_box .cart_btn .cart_icon:hover span { color: var(--color-white) !important; background: var(--primary-color-one); } .product_box.type_four .inner_box .image_box .cart_btn .cart_icon:after { position: absolute; top: -18px !important; width: 50px; height: 50px; line-height: 50px; border-radius: 50px; right: 0 !important; left: 0 !important; margin-left: 0px !important; color: var(--color-white); background: var(--primary-color-one); } .product_box.type_four .inner_box .image_box .cart_btn span.icon-flaticon-shopping-cart { color: var(--primary-color-one); font-size: 30px; } .product_box.type_four .inner_box .image_box .added_to_cart.wc-forward { position: absolute; width: 124px; height: 30px; line-height: 30px; font-size: 14px; top: 11px; left: -137px; right: 0; text-align: center; color: var(--heading-dark); font-weight: 500; border-radius: 5px; box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.06); background: var(--color-white); text-transform: uppercase; display: inline-block; transition: all 0.6s ease-in-out; z-index: 100; opacity: 1; } .product_box.type_four .inner_box .image_box .added_to_cart.wc-forward::before { position: absolute; content: ""; height: 0px; border-right: 10px solid transparent; border-top: 13px solid transparent; border-left: 10px solid var(--color-white); border-bottom: 13px solid transparent; bottom: 1px; right: -15px; width: 15px; } .product_box.type_four .inner_box .content_box { position: relative; padding: 20px 10px 0px; } .product_box.type_four .inner_box .content_box span.price, .product_box.type_four .inner_box .content_box .woocommerce-Price-amount.amount { font-size: 18px; color: var(--primary-color-one); } .product_box.type_four .inner_box .content_box span.price del, .product_box.type_four .inner_box .content_box .woocommerce-Price-amount.amount del { margin-right: 5px; opacity: 0.8; } .product_box.type_four .inner_box .content_box span.price ins, .product_box.type_four .inner_box .content_box .woocommerce-Price-amount.amount ins { font-weight: 600; } .product_box.type_four .inner_box .content_box h2 { margin: 15px 0px 5px !important; } .product_box.type_four .inner_box .content_box h2 a { font-size: 20px; line-height: 30px; margin-top: 5px; display: block; } .product_box.type_four .inner_box .content_box h2 a:hover { color: var(--primary-color-one); } .product_box.type_four:hover .inner_box .image_box .overlay .zoom_btn { bottom: 80px; opacity: 1; } .product_box.type_four:hover .inner_box .image_box .overlay .zoom_btn span { right: 20px; opacity: 1; }  .woocommerce_plugin_on .cart_notice { position: relative; z-index: 999; } .woocommerce_plugin_on .cart_notice .woocommerce-error, .woocommerce_plugin_on .cart_notice .woocommerce-info, .woocommerce_plugin_on .cart_notice .woocommerce-message { position: fixed; bottom: 10px; right: 0px; left: 0; margin: auto; background: var(--primary-color-one); border-radius: 10px; padding: 15px; box-shadow: var(--box-shadown); z-index: 999; max-width: 800px; line-height: 30px; min-height: 60px; padding: 10px 160px 10px 55px !important; } .woocommerce_plugin_on .cart_notice .woocommerce-error li, .woocommerce_plugin_on .cart_notice .woocommerce-info li, .woocommerce_plugin_on .cart_notice .woocommerce-message li { line-height: 26px; padding-right: 150px; } .woocommerce_plugin_on .cart_notice .woocommerce-error a, .woocommerce_plugin_on .cart_notice .woocommerce-info a, .woocommerce_plugin_on .cart_notice .woocommerce-message a { font-size: 14px !important; height: 40px; line-height: 40px !important; padding: 0px 15px !important; position: absolute; right: 10px; top: 9px !important; bottom: 0; width: 130px; margin: auto; text-align: center; } .woocommerce_plugin_on .cart_notice .woocommerce-message:before { height: 20px; line-height: 20px; top: 0; bottom: 0; left: 20px; margin: auto; } .woocommerce_plugin_on .cart_notice .button { padding: 0px 20px !important; min-height: auto !important; } .woocommerce_plugin_on .cart_notice .button:hover { color: #fff !important; } @media (max-width: 600px) { .cart_notice .woocommerce-error, .cart_notice .woocommerce-info, .cart_notice .woocommerce-message { line-height: 26px !important; padding: 15px 10px 60px !important; margin: 0px 10px !important; } .cart_notice .woocommerce-error:before, .cart_notice .woocommerce-info:before, .cart_notice .woocommerce-message:before { display: none !important; } .cart_notice .woocommerce-error .button, .cart_notice .woocommerce-info .button, .cart_notice .woocommerce-message .button { top: unset !important; bottom: 15px !important; } } .quick_view_loading { position: fixed; width: 100%; height: 100%; left: 0; opacity: 0; visibility: hidden; top: 0; bottom: 0; right: 0; } .quick_view_loading:before { content: ""; position: absolute; width: 16px; border-radius: 50%; border: 2px solid var(primary-color-one); border-top-color: transparent; height: 16px; top: 0; bottom: 0; left: 0; right: 0px; opacity: 0; animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; -o-animation: spin 2s linear infinite; -ms-animation: spin 2s linear infinite; margin: auto; } .quick_view_loading.loading { z-index: 99999999; opacity: 1; visibility: visible; } .quick_view_loading.loading:before { opacity: 1; } .mfp-bg { z-index: 99999 !important; background: var(--primary-color-two) !important; opacity: 0.4 !important; } .mfp-wrap { z-index: 999999 !important; } .quick_view { position: relative; max-width: 60%; background: #fff; border-radius: 0px; margin: auto; transform: translateY(-10%); transition: all 0.2s ease-out; } .quick_view .detail-gallery { padding: 30px; } .quick_view .col-sm-12 { padding: 0px; } .quick_view .mfp-close { background: var(primary-color-two); color: var(--bs-dark); border-radius: 0px 15px; opacity: 1; } .quick_view .zoom-icon { display: none; } .quick_view .quickproduct_content { position: relative; padding: 30px; overflow: auto; height: 550px; } .quick_view .quickproduct_content::-webkit-scrollbar { width: 4px; border-radius: 80px; } .quick_view .quickproduct_content::-webkit-scrollbar-track { box-shadow: inset 0 0 6px var(--primary-color-two); background: var(--primary-color-one); } .quick_view .quickproduct_content::-webkit-scrollbar-thumb { background: var(--primary-color-one); box-shadow: inset 0 0 6px var(--primary-color-one); } .quick_view .quickproduct_content:window-inactive { background: var(--primary-color-one); } .quick_view .summary { float: unset !important; width: 100% !important; clear: none; } .quickview_enable .mfp-ready .quick_view { transform: translateY(0); }  .mfp-fade.mfp-bg { opacity: 0; transition: all 0.3s ease-out; }  .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }  .mfp-fade.mfp-bg.mfp-removing { opacity: 0; }  .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all 0.3s ease-out; }  .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }  .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }  .footer_default { position: relative; background: var(--footer-default-bgcolor); padding: 15px 0px 15px; min-height: 70px; } .footer_default .copyright { position: relative; padding-top: 11px; font-size: 15px; color: #fff; font-family: var(--nas-family-two); }   .footer_widgets { position: relative; margin-bottom: 30px;    } .footer_widgets .fo_wid_title { position: relative; margin-bottom: 16px; } .footer_widgets .fo_wid_title:before { position: absolute; content: ""; width: 70px; height: 3px; background: var(--primary-color-one); left: 0; bottom: -15px; } .footer_widgets .fo_wid_title h2 { font-size: 20px; line-height: 30px; color: #fff; font-weight: 700; margin-bottom: 5px; } .footer_widgets .fo_wid_title.dark_color h2 { color: var(--heading-dark); } .footer_widgets.style_two .fo_wid_title { position: relative; } .footer_widgets.style_two .fo_wid_title:before { display: none; } .footer_widgets.style_two .fo_wid_title h2 { font-size: 20px; line-height: 30px; color: #fff; font-weight: 700; margin-bottom: 5px; } .footer_widgets.about_company { position: relative; } .footer_widgets.about_company .logo { position: relative; margin-bottom: 25px; } .footer_widgets.about_company .content_box { position: relative; } .footer_widgets.about_company .content_box p { color: var(--text-color-light); margin-bottom: 30px; } .footer_widgets.about_company .content_box .consulting { position: relative; } .footer_widgets.about_company .content_box .consulting .image { float: left; width: 60px; } .footer_widgets.about_company .content_box .consulting .image img { width: 60px; height: 60px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .footer_widgets.about_company .content_box .consulting .help_con { position: relative; margin-left: 70px; padding: 7px 0px; } .footer_widgets.about_company .content_box .consulting .help_con h6 { font-size: 12px; font-weight: 600; color: var(--primary-color-one); line-height: 22px; text-transform: uppercase; margin-bottom: 4px; } .footer_widgets.about_company .content_box .consulting .help_con h2 a { font-size: 16px; font-weight: 600; color: #fff; line-height: 26px; margin-bottom: 0px; display: block; } .footer_widgets.about_company.dark_color .content_box p { color: var(--text-color-dark); } .footer_widgets.about_company.dark_color .content_box .consulting .help_con h2 a { color: var(--text-color-dark); } .footer_widgets.get_in_touch_foo { position: relative; } .footer_widgets.get_in_touch_foo .foo_cont_inner { position: relative; } .footer_widgets.get_in_touch_foo .foo_cont_inner .top, .footer_widgets.get_in_touch_foo .foo_cont_inner .bottom { position: relative; margin-bottom: 20px; } .footer_widgets.get_in_touch_foo .foo_cont_inner .top h6, .footer_widgets.get_in_touch_foo .foo_cont_inner .bottom h6 { font-size: 18px; line-height: 26px; color: #fff; font-weight: 600; margin-bottom: 8px; } .footer_widgets.get_in_touch_foo .foo_cont_inner .top p, .footer_widgets.get_in_touch_foo .foo_cont_inner .bottom p { color: var(--text-color-light); margin-bottom: 0px; } .footer_widgets.get_in_touch_foo .foo_cont_inner .bottom { margin-bottom: 0px; } .footer_widgets.get_in_touch_foo .foo_cont_inner .bottom .con_content { position: relative; margin-bottom: 5px; } .footer_widgets.get_in_touch_foo .foo_cont_inner .bottom .con_content h5 { display: inline-block; font-family: var(--nas-family-two); font-size: 16px; font-weight: 400; color: #fff; line-height: 26px; } .footer_widgets.get_in_touch_foo .foo_cont_inner .bottom .con_content a { color: var(--text-color-light); font-size: 16px; line-height: 26px; display: inline-block; } .footer_widgets.get_in_touch_foo.dark_color .foo_cont_inner { position: relative; } .footer_widgets.get_in_touch_foo.dark_color .foo_cont_inner .top h6, .footer_widgets.get_in_touch_foo.dark_color .foo_cont_inner .bottom h6 { color: var(--heading-dark); } .footer_widgets.get_in_touch_foo.dark_color .foo_cont_inner .top p, .footer_widgets.get_in_touch_foo.dark_color .foo_cont_inner .bottom p { color: var(--text-color-dark); } .footer_widgets.get_in_touch_foo.dark_color .foo_cont_inner .bottom .con_content h5 { color: var(--heading-dark); } .footer_widgets.get_in_touch_foo.dark_color .foo_cont_inner .bottom .con_content a { color: var(--text-color-dark); } .footer_widgets.navigation_foo { position: relative; } .footer_widgets.navigation_foo .navigation_foo_inner { position: relative; } .footer_widgets.navigation_foo .navigation_foo_inner ul { padding: 0; margin: 0; position: relative; } .footer_widgets.navigation_foo .navigation_foo_inner ul li { position: relative; display: block; list-style: none; } .footer_widgets.navigation_foo .navigation_foo_inner ul li a { display: block; font-size: 16px; line-height: 26px; margin-bottom: 9px; color: var(--text-color-light); font-weight: 400; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .footer_widgets.navigation_foo .navigation_foo_inner ul li a:hover { color: var(--primary-color-one); } .footer_widgets.navigation_foo.style_two .fo_wid_title { position: relative; margin-bottom: 25px; } .footer_widgets.navigation_foo.style_two .fo_wid_title:before { display: none; } .footer_widgets.navigation_foo.style_two .fo_wid_title h2 { font-size: 20px; line-height: 30px; color: #fff; font-weight: 600; margin-bottom: 5px; } .footer_widgets.navigation_foo.style_two .navigation_foo_inner { position: relative; } .footer_widgets.navigation_foo.style_two .navigation_foo_inner ul { padding: 0; margin: 0; position: relative; } .footer_widgets.navigation_foo.style_two .navigation_foo_inner ul li { position: relative; display: block; list-style: none; } .footer_widgets.navigation_foo.style_two .navigation_foo_inner ul li a { display: block; position: relative; font-size: 16px; line-height: 26px; margin-bottom: 9px; padding-left: 14px; color: var(--text-color-light); font-weight: 400; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .footer_widgets.navigation_foo.style_two .navigation_foo_inner ul li a:hover { color: var(--primary-color-one); } .footer_widgets.navigation_foo.style_two .navigation_foo_inner ul li a::before { position: absolute; top: 0px; left: 0; content: "\f101"; font-family: "FontAwesome"; font-size: 18px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .footer_widgets.navigation_foo.style_three { position: relative; } .footer_widgets.navigation_foo.style_three .left { float: left; width: 50%; } .footer_widgets.navigation_foo.style_three .right { float: left; width: 50%; } .footer_widgets.navigation_foo.style_three .navigation_foo_inner ul li a { position: relative; padding-left: 14px; font-size: 16px; line-height: 26px; } .footer_widgets.navigation_foo.style_three .navigation_foo_inner ul li a::before { position: absolute; left: 0; content: ""; background: rgba(255, 255, 255, 0.5); width: 6px; height: 1px; top: 0; bottom: 0; margin: auto; } .footer_widgets.navigation_foo.style_three .navigation_foo_inner ul li a:hover { color: var(--primary-color-one); } .footer_widgets.navigation_foo.style_three .navigation_foo_inner ul li a:hover::before { background: var(--primary-color-one); }  .recent_news_em_wp { position: relative; } .recent_news_em_wp .news_recent.image_s .image { position: absolute; left: 0; top: 0; bottom: 0; overflow: hidden; width: 70px; height: 70px; } .recent_news_em_wp .news_recent.image_s .image img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; border-radius: 50%; } .recent_news_em_wp .news_recent.image_s .image:before { position: absolute; content: ""; width: 100%; top: 0; left: 0; bottom: 0; height: 100%; opacity: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; background: var(--primary-color-one); -ms-transition: all 0.5s ease; border-radius: 50%; z-index: 1; } .recent_news_em_wp .news_recent.image_s:hover .image::before { opacity: 0.8; } .recent_news_em_wp.style_one { position: relative; } .recent_news_em_wp.style_one .news_recent { position: relative; margin-bottom: 20px; } .recent_news_em_wp.style_one .news_recent .content { position: relative; } .recent_news_em_wp.style_one .news_recent .content h2 a { font-size: 15px; line-height: 26px; font-weight: 600; margin-bottom: 5px; color: #fff; display: block; } .recent_news_em_wp.style_one .news_recent .content h2 a:hover { color: var(--primary-color-one); } .recent_news_em_wp.style_one .news_recent .content .date { position: relative; display: block; color: var(--text-color-light); font-size: 13px; } .recent_news_em_wp.style_one .news_recent .content .date span { margin-right: 5px; } .recent_news_em_wp.style_one .news_recent.image_s .content { min-height: 70px; margin-left: 84px; } .recent_news_em_wp.style_two .news_recent { position: relative; margin-bottom: 25px; } .recent_news_em_wp.style_two .news_recent .image:before { border-radius: 5px; z-index: 1; } .recent_news_em_wp.style_two .news_recent .image img { border-radius: 5px; } .recent_news_em_wp.style_two .news_recent .content { position: relative; } .recent_news_em_wp.style_two .news_recent .content h2 a { font-size: 15px; line-height: 26px; font-weight: 600; color: #fff; display: block; } .recent_news_em_wp.style_two .news_recent .content h2 a:hover { color: var(--primary-color-one); } .recent_news_em_wp.style_two .news_recent .content .date { position: relative; display: block; color: #fff; margin-bottom: 5px; font-size: 13px; } .recent_news_em_wp.style_two .news_recent .content .date span { margin-right: 5px; font-size: 14px; } .recent_news_em_wp.style_two .news_recent.image_s .content { min-height: 70px; margin-left: 84px; } .recent_news_em_wp.style_two .news_recent:last-child { border-bottom: 0px; margin-bottom: 0px; } .recent_news_em_wp.style_two .dark_color .news_recent .content h2 a { color: var(--heading-dark); } .recent_news_em_wp.style_two .dark_color .news_recent .content .date { color: var(--text-color-dark); } .recent_news_em_wp.style_two .dark_color .news_recent .content .date span { color: var(--primary-color-one); }  .foo_subscribe { position: relative; } .foo_subscribe.style_one p { color: var(--text-color-light); margin-bottom: 15px; } .foo_subscribe.style_one .shortcodes { position: relative; padding-top: 5px; } .foo_subscribe.style_one .shortcodes input { background: rgba(255, 255, 255, 0.06); border-radius: 10px; width: 100%; border-color: rgba(255, 255, 255, 0.06); color: #fff; font-size: 14px; font-family: var(--nas-family-one); } .foo_subscribe.style_one .shortcodes input::-moz-placeholder { color: rgba(255, 255, 255, 0.5); font-size: 14px; } .foo_subscribe.style_one .shortcodes input::placeholder { color: rgba(255, 255, 255, 0.5); font-size: 14px; } .foo_subscribe.style_one .shortcodes input[type="submit"] { background: var(--primary-color-one); position: absolute; width: auto; height: 45px; font-size: 12px; font-family: var(--nas-family-one); text-transform: uppercase; padding: 10px 15px; text-align: center; color: #fff; right: 5px; min-width: auto; min-height: auto; line-height: 29px; top: 0px; bottom: 0; margin: auto; border-radius: 10px; } .foo_subscribe.style_one .social_media_v_one { padding: 10px 0px 0px; } .foo_subscribe.style_one .social_media_v_one ul li { position: relative; } .foo_subscribe.style_one .social_media_v_one ul li a { margin-right: 0px; background: rgba(255, 255, 255, 0.05); } .foo_subscribe.style_one .social_media_v_one ul li small { position: absolute; background: var(--primary-color-one); color: #fff; left: 0; min-width: 100px; border-radius: 5px; padding: 8px 10px 6px; text-align: center; font-size: 12px; font-family: var(--nas-family-one); display: block; bottom: -50px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; opacity: 0; } .foo_subscribe.style_one .social_media_v_one ul li small::before { position: absolute; content: ""; width: 20px; height: 20px; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid var(--primary-color-one); top: -20px; left: 10px; margin: auto; } .foo_subscribe.style_one .social_media_v_one ul li:hover small { opacity: 1; } .foo_subscribe.dark_color.style_one p { color: var(--text-color-dark) !important; } .foo_subscribe.dark_color.style_one .shortcodes input { background: #fff !important; border-color: var(--border-color-dark) !important; color: var(--text-color-dark) !important; font-family: var(--nas-family-one) !important; } .foo_subscribe.dark_color.style_one .shortcodes input::-moz-placeholder { color: var(--text-color-dark) !important; } .foo_subscribe.dark_color.style_one .shortcodes input::placeholder { color: var(--text-color-dark) !important; } .foo_subscribe.dark_color.style_one .shortcodes input[type="submit"] { background: var(--primary-color-one) !important; color: #fff !important; } .foo_subscribe.dark_color.style_one .social_media_v_one ul li a { margin-right: 0px; background: var(--primary-color-three) !important; color: var(--primary-color-one) !important; }  .footer_copy_content { position: relative; color: var(--text-color-light); margin: 0px; font-family: var(--nas-family-two); } .nav_link_v_one { position: relative; } .nav_link_v_one ul { padding: 0px; margin: 0px; } .nav_link_v_one ul li { list-style: none; display: inline-block; margin-left: 10px; } .nav_link_v_one ul li a { color: var(--text-color-light); font-size: 15px; font-weight: 400; font-family: var(--nas-family-two); } @media (max-width: 992px) { .footer_copy_right { text-align: center; } .footer_copy_right .footer_copy_content { margin-bottom: 15px; } .footer_copy_right .footer_copy_content_right { text-align: center; } .footer_copy_right .footer_copy_content_right .nav_link_v_one ul li { margin: 0px; padding: 0px 8px; } }  .footer_contact_form { position: relative; padding: 20px 30px; border-radius: 5px; } .footer_contact_form.light_c { background: rgba(255, 255, 255, 0.01); border-top: 3px solid var(--primary-color-one); } .footer_contact_form.light_c .form_box_foo h2 { position: relative; margin-bottom: 15px; font-size: 20px; line-height: 30px; color: #fff; font-weight: 700; } .footer_contact_form.light_c .form_box_foo form br { display: none; } .footer_contact_form.light_c .form_box_foo form p { margin-bottom: 15px; } .footer_contact_form.light_c .form_box_foo form input, .footer_contact_form.light_c .form_box_foo form textarea { margin: 0px; background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.05); border-radius: 0px; } .footer_contact_form.light_c .form_box_foo form input::-moz-placeholder, .footer_contact_form.light_c .form_box_foo form textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.6); font-size: 14px; font-weight: 400; font-family: var(--nas-family-one); } .footer_contact_form.light_c .form_box_foo form input::placeholder, .footer_contact_form.light_c .form_box_foo form textarea::placeholder { color: rgba(255, 255, 255, 0.6); font-size: 14px; font-weight: 400; font-family: var(--nas-family-one); } .footer_contact_form.light_c .form_box_foo form input[type="submit"] { background: var(--primary-color-one); } .footer_contact_form.light_c .form_box_foo form input[type="submit"]:hover { background: #fff; color: var(--primary-color-one); } .footer_contact_form.dark_c { background: #fff; box-shadow: var(--box-shadow); border-top: 3px solid var(--primary-color-one); } .footer_contact_form.dark_c .form_box_foo h2 { position: relative; margin-bottom: 15px; font-size: 20px; line-height: 30px; color: var(--heading-dark); font-weight: 700; } .footer_contact_form.dark_c .form_box_foo form br { display: none; } .footer_contact_form.dark_c .form_box_foo form p { margin-bottom: 15px; } .footer_contact_form.dark_c .form_box_foo form input, .footer_contact_form.dark_c .form_box_foo form textarea { margin: 0px; border-radius: 0px; } .footer_contact_form.dark_c .form_box_foo form input::-moz-placeholder, .footer_contact_form.dark_c .form_box_foo form textarea::-moz-placeholder { color: var(--text-color-dark); font-size: 14px; font-weight: 400; font-family: var(--nas-family-one); } .footer_contact_form.dark_c .form_box_foo form input::placeholder, .footer_contact_form.dark_c .form_box_foo form textarea::placeholder { color: var(--text-color-dark); font-size: 14px; font-weight: 400; font-family: var(--nas-family-one); }  .footer_contact_list { position: relative; } .footer_contact_list .same_contact { position: relative; padding-left: 60px; } .footer_contact_list .same_contact span { position: absolute; width: 30px; font-size: 25px; top: 1px; left: 0; width: 50px; height: 50px; text-align: center; border-radius: 50px; background: var(--primary-color-one); line-height: 50px; color: #fff; } .footer_contact_list .same_contact .content { position: relative; } .footer_contact_list .same_contact .content h6 { font-size: 16px; line-height: 28px; margin-bottom: 0px; color: #fff; font-weight: 600; } .footer_contact_list .same_contact .content a, .footer_contact_list .same_contact .content p { font-size: 16px; line-height: 26px; font-weight: 400; color: var(--text-color-light); } .footer_contact_list.dark_color .same_contact .content h6 { color: var(--heading-dark); } .footer_contact_list.dark_color .same_contact .content a, .footer_contact_list.dark_color .same_contact .content p { color: var(--text-color-dark); }  .gallery_repeater { position: relative; } .gallery_repeater ul { position: relative; padding-left: 0px; } .gallery_repeater ul li { list-style: none; display: inline-block; padding-right: 3px; padding-bottom: 4px; } .gallery_repeater ul li span.image { width: 80px; height: 80px; border-radius: 5px; overflow: hidden; position: relative; display: block; } .gallery_repeater ul li span.image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; } .gallery_repeater ul li span.image a { position: absolute; width: 100%; height: 100%; top: 0; right: 0; transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; opacity: 0; } .gallery_repeater ul li span.image a i { position: absolute; width: 30px; height: 30px; background: #fff; color: var(--primary-color-one); border-radius: 50px; line-height: 30px; text-align: center; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .gallery_repeater ul li span.image:hover img { opacity: 0.5; } .gallery_repeater ul li span.image:hover a { opacity: 1; } @media (min-width: 992px) { .footer_area.footer_sticky_enable_foo { position: sticky; left: 0; bottom: 0; width: 100%; clear: both; } } .footer_area.fifteen { background-color: transparent; background-image: linear-gradient(180deg, #ffffff 3%, #f0f3f9 100%); } .footer_logo img { width: 50px; }  .pswp { z-index: 9999 !important; } .post-type-archive-product .row { --bs-gutter-x: 1.5rem !important; } .post-type-archive-product .site-main .col-lg-12 { padding: 0px 0px; } .post-type-archive-product .site-main .col-lg-12 .woocommerce-products-header { padding: 0px 15px; } input[type="checkbox"], input[type="radio"] { width: 16px; height: 16px; margin-right: 5px; vertical-align: middle; } .wc_payment_method label { position: relative; top: 2px; } input[type="checkbox"]:after { content: ""; border-bottom: 8px solid var(--primary-color-three); border-top: 8px solid var(--primary-color-three); display: block; opacity: 1; } input[type="checkbox"]:checked:after { border-bottom: 8px solid var(--primary-color-one); border-top: 8px solid var(--primary-color-one); } b, strong { font-family: var(--nas-family-one); } .woocommerce span.onsale { border-radius: 50px; width: 60px; height: 60px; line-height: 60px !important; font-size: 12px; font-family: var(--nas-family-one); background-color: var(--primary-color-one) !important; } .woocommerce .product form.cart, .woocommerce_plugin_on .product form.cart { margin-bottom: 25px !important; position: relative; } .woocommerce .product button.single_add_to_cart_button, .woocommerce .product .compare, .woocommerce_plugin_on .product button.single_add_to_cart_button, .woocommerce_plugin_on .product .compare { background-color: var(--primary-color-one) !important; font-size: 12px !important; font-weight: 600 !important; font-family: var(--nas-family-one); line-height: 55px !important; padding: 0px 25px !important; font-weight: 600 !important; display: inline-block; color: #fff; border-radius: 5px !important; text-transform: uppercase; max-width: 180px; margin: auto; text-align: center; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } .woocommerce .product button.single_add_to_cart_button:hover, .woocommerce .product .compare:hover, .woocommerce_plugin_on .product button.single_add_to_cart_button:hover, .woocommerce_plugin_on .product .compare:hover { background-color: var(--primary-color-two) !important; color: #fff !important; } .woocommerce .product .compare, .woocommerce_plugin_on .product .compare { background-color: var(--primary-color-two) !important; } .woocommerce .product .compare:hover, .woocommerce_plugin_on .product .compare:hover { background-color: var(--primary-color-one) !important; color: #fff !important; } .single-product .added_to_cart { background: var(--primary-color-two); position: absolute; bottom: -42px; right: 72px; padding: 5px 10px; border-radius: 5px; line-height: 25px; color: #fff; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Edown_key%3C/title%3E%3Cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/18px 20px; } .woocommerce-ordering select { padding: 0px 15px; width: 250px; } @media (max-width: 992px) { .woocommerce-ordering select { width: auto; } }  .products_box_outer .project-wrapper { position: relative; padding: 0px 15px; } .columns-6 .project-wrapper { width: 16.66%; } .columns-5 .project-wrapper { width: 20%; } .columns-4 .project-wrapper { width: 25%; } .columns-3 .project-wrapper { width: 33.33%; } .columns-2 .project-wrapper { width: 50%; } .columns-1 .project-wrapper { width: 100%; } .up-sells { position: relative; margin-bottom: 30px; } .up-sells h2 { text-align: center; margin-bottom: 30px; } .up-sells .columns-1 .project-wrapper, .up-sells .columns-2 .project-wrapper, .up-sells .columns-3 .project-wrapper, .up-sells .columns-4 .project-wrapper, .up-sells .columns-5 .project-wrapper, .up-sells .columns-6 .project-wrapper, .up-sells .columns-7 .project-wrapper, .up-sells .columns-8 .project-wrapper, .up-sells .columns-9 .project-wrapper, .up-sells .columns-10 .project-wrapper { width: 33.33%; } .up-sells .columns-1 .project-wrapper .product_box.type_one .content_box h2, .up-sells .columns-2 .project-wrapper .product_box.type_one .content_box h2, .up-sells .columns-3 .project-wrapper .product_box.type_one .content_box h2, .up-sells .columns-4 .project-wrapper .product_box.type_one .content_box h2, .up-sells .columns-5 .project-wrapper .product_box.type_one .content_box h2, .up-sells .columns-6 .project-wrapper .product_box.type_one .content_box h2, .up-sells .columns-7 .project-wrapper .product_box.type_one .content_box h2, .up-sells .columns-8 .project-wrapper .product_box.type_one .content_box h2, .up-sells .columns-9 .project-wrapper .product_box.type_one .content_box h2, .up-sells .columns-10 .project-wrapper .product_box.type_one .content_box h2 { margin-bottom: 0px !important; } .product_box { position: relative; margin-bottom: 30px; } .product_box .overlay { position: absolute; width: 100%; height: 100%; top: 0; right: 0; } .product_box .overlay ul { position: absolute; right: 0; top: 0; } .product_box .overlay ul li { display: block; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; opacity: 0; } .product_box .overlay ul li a, .product_box .overlay ul li .add_to_wishlist { width: 50px; height: 50px; font-size: 18px; display: block; border-radius: 50px; text-align: center; line-height: 50px; background: #fff; box-shadow: var(--box-shadow-two); position: relative; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } .product_box .overlay ul li a i, .product_box .overlay ul li .add_to_wishlist i { position: absolute; right: 0; bottom: 0; left: 0; margin: auto !important; width: 20px; height: 20px; line-height: 20px; text-align: center; top: 0 !important; } .product_box .overlay ul li a span, .product_box .overlay ul li .add_to_wishlist span { display: none; } .product_box .overlay ul li a:hover, .product_box .overlay ul li .add_to_wishlist:hover { background: var(--primary-color-one); color: #fff; } .product_box .overlay ul li .add_to_wishlist i { top: 3px !important; } .product_box .overlay ul li.whish_list_box .yith-wcwl-wishlistexistsbrowse, .product_box .overlay ul li.whish_list_box .yith-wcwl-wishlistaddedbrowse { position: relative; } .product_box .overlay ul li.whish_list_box .yith-wcwl-wishlistexistsbrowse a, .product_box .overlay ul li.whish_list_box .yith-wcwl-wishlistaddedbrowse a { position: absolute; top: 11px; bottom: 0; left: -12em; width: 150px; text-align: center; background: #fff; border-radius: 50px; box-shadow: var(--box-shadow-two); font-size: 12px; text-transform: uppercase; line-height: 30px; height: 30px; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; opacity: 0; } .product_box .overlay ul li.whish_list_box .yith-wcwl-wishlistexistsbrowse a i, .product_box .overlay ul li.whish_list_box .yith-wcwl-wishlistaddedbrowse a i { position: absolute; width: 50px; height: 50px; border-radius: 50px; line-height: 50px; text-align: center; } .product_box .overlay ul li.whish_list_box .yith-wcwl-wishlistexistsbrowse span, .product_box .overlay ul li.whish_list_box .yith-wcwl-wishlistaddedbrowse span { width: 50px; height: 50px; font-size: 18px; display: block; border-radius: 50px; text-align: center; line-height: 50px; background: var(--primary-color-one); box-shadow: var(--box-shadow-two); overflow: hidden; } .product_box .overlay ul li.whish_list_box .yith-wcwl-wishlistexistsbrowse span i, .product_box .overlay ul li.whish_list_box .yith-wcwl-wishlistaddedbrowse span i { margin-right: 0px; position: relative; top: 2px; color: #fff; } .product_box.type_one { padding: 25px; border: 1px solid var(--border-color-dark); border-radius: 5px; background: #fff; text-align: center; } .product_box.type_one .inner_box { position: relative; } .product_box.type_one .inner_box span.onsale { position: absolute; top: -10px; left: -10px; border-radius: 50px; width: 50px; height: 50px; line-height: 50px !important; font-size: 10px !important; font-family: var(--nas-family-one) !important; background-color: var(--primary-color-one) !important; z-index: 9; font-weight: 600 !important; color: #fff !important; } .product_box.type_one .inner_box .labels { position: relative; } .product_box.type_one .inner_box .labels p { color: var(--text-color-dark); font-size: 12px; font-weight: 500; font-family: var(--nas-family-one); margin-bottom: 10px; text-decoration: underline; } .product_box.type_one .inner_box .image_box { position: relative; overflow: hidden; margin: auto; border-radius: 5px; margin-bottom: 30px; } .product_box.type_one .inner_box .image_box img { width: 100%; height: auto; margin: auto; border: 0px !important; } .product_box.type_one .product_attributes { position: relative; margin-bottom: 5px; } .product_box.type_one .product_attributes ul { padding-left: 0px; } .product_box.type_one .product_attributes ul li { display: inline-block; position: relative; font-size: 14px; line-height: 20px; padding: 0px; font-weight: 400; color: var(--text-color-dark); font-family: var(--nas-family-one); } .product_box.type_one .product_attributes ul li:first-child { color: var(--primary-color-one); font-weight: 600; } .product_box.type_one .product_attributes ul li:last-child small { display: none; } .product_box.type_one .content_box { position: relative; } .product_box.type_one .content_box h2 { line-height: normal; } .product_box.type_one .content_box h2 a { font-size: 18px; line-height: 28px; color: var(--heading-dark); display: block; font-weight: 700; margin-bottom: 5px; } .product_box.type_one .content_box .rating_price { position: relative; display: block; margin-bottom: 20px; } .product_box.type_one .content_box .rating_price span del, .product_box.type_one .content_box .rating_price span ins { display: inline-block; font-size: 15px; color: var(--text-color-light); font-weight: 600; } .product_box.type_one .content_box .rating_price span .woocommerce-Price-amount.amount bdi { display: inline-block; font-size: 15px; font-weight: 600; color: var(--primary-color-one) !important; } .product_box.type_one .content_box .rating_price span del .woocommerce-Price-amount.amount bdi { text-decoration: line-through; color: var(--text-color-light) !important; } .product_box.type_one .content_box .rating_price .star-rating { margin: 8px auto 27px; display: block; } .product_box.type_one .content_box .pro_cat a { display: block; font-family: var(--nas-family-one); font-size: 12px; font-weight: 600; line-height: 22px; text-transform: uppercase; margin-bottom: 6px; } .product_box.type_one .content_box .cart_btn { position: relative; } .product_box.type_one .content_box .cart_btn a { background: var(--primary-color-three) !important; font-size: 12px !important; line-height: 26px !important; padding: 0px 25px !important; font-weight: 600 !important; min-width: 140px; display: inline-block !important; color: var(--heading-dark) !important; border-radius: 5px !important; text-transform: uppercase !important; margin: auto !important; text-align: center !important; position: relative; font-family: var(--nas-family-one) !important; padding: 10px 25px !important; } .product_box.type_one .content_box .cart_btn a::after { position: absolute; z-index: 99; right: 10px; } .product_box.type_one .content_box .cart_btn a.added_to_cart { background: var(--primary-color-two); position: absolute; top: 0; left: 0; right: 0; } .product_box.type_one .content_box .cart_btn a.nas_quick_view_btn { margin-bottom: 10px !important; } .product_box.type_one:hover .inner_box { position: relative; } .product_box:hover .inner_box { position: relative; } .product_box:hover .inner_box .overlay ul li { opacity: 1; } .product_box:hover .inner_box .overlay ul li.whish_list_box .yith-wcwl-wishlistexistsbrowse a, .product_box:hover .inner_box .overlay ul li.whish_list_box .yith-wcwl-wishlistaddedbrowse a { background: #fff; color: var(--primary-color-one); opacity: 1; } .product_box.type_two { position: relative; padding: 25px; border-radius: 0px; background: #fff; margin-bottom: 25px; } .product_box.type_two .inner_box { position: relative; } .product_box.type_two .inner_box .onsale { display: block; margin-bottom: 10px; font-size: 16px; font-family: var(--nas-family-one); color: var(--heading-dark); font-weight: 600; } .product_box.type_two .inner_box .image_box { text-align: center; } .product_box.type_two .inner_box .image_box img { display: block; margin-bottom: 15px; margin: auto; } .product_box.type_two .inner_box .image_box .cart_btn { position: relative; text-align: center; z-index: 11; padding-top: 25px; } .product_box.type_two .inner_box .image_box .cart_btn a { padding: 3px 20px; line-height: 34px !important; display: inline-block; border: 1px solid var(--border-color-dark) !important; border-radius: 5px !important; font-size: 14px; font-family: var(--nas-family-one); color: var(--heading-dark); font-weight: 600; } .product_box.type_two .inner_box .image_box .cart_btn .added_to_cart { position: absolute; top: 0; background: var(--primary-color-one); display: inline-block; color: #fff; left: 0; right: 0; margin: auto; line-height: 40px !important; } .product_box.type_two .overlay { left: 0; bottom: 0; right: 0; top: 0; } .product_box.type_two .overlay ul { padding: 0px; width: 100%; height: 70px !important; bottom: -40px; left: 0; right: 0; margin: auto; text-align: center; position: absolute; } .product_box.type_two .overlay ul li { display: inline-block; margin: 0px 4px; } .product_box.type_two .overlay .yith-wcwl-wishlistexistsbrowse a, .product_box.type_two .overlay .yith-wcwl-wishlistaddedbrowse a { display: none; } .product_box.type_two .content_box { position: relative; padding: 20px 0px 0px; } .product_box.type_two .content_box .pro_cat { position: relative; margin-bottom: 10px; } .product_box.type_two .content_box h2 a { font-size: 18px; font-weight: 700; line-height: 28px; display: block; margin-bottom: 10px; } .product_box.type_two .content_box .rating_price { position: relative; } .product_box.type_two .content_box .rating_price .star-rating { display: block; margin: 0px 0px 17px !important; } .product_box.type_two .content_box .rating_price .star-rating:before { color: var(--text-color-light) !important; } .product_box.type_two .content_box .rating_price .star-rating span:before { color: var(--primary-color-one) !important; top: -1px !important; } .product_box.type_two .content_box .rating_price .price del { margin-right: 5px; text-decoration-color: var(--text-color-light); } .product_box.type_two .content_box .rating_price .price del bdi { color: var(--text-color-light) !important; } .product_box.type_two .content_box .rating_price .price ins bdi { color: var(--primary-color-one); } .product_box .star-rating { float: none !important; overflow: hidden; position: relative; height: 1em; line-height: 1; font-size: 1em; width: 5.4em; font-family: star; margin: 8px auto 27px !important; } .product_box .star-rating::before { content: "sssss"; color: var(--primary-color-three); float: left; top: 0; left: 0; position: absolute; } .product_box .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .product_box .star-rating span::before { content: "SSSSS"; top: 0; position: absolute; left: 0; } .product_box.type_three { position: relative; text-align: center; padding: 20px; border: 1px solid var(--border-color-dark); } .product_box.type_three .inner_box { position: relative; } .product_box.type_three .inner_box .onsale { position: absolute; top: 10px; right: 10px; padding: 5px 12px; background: var(--primary-color-one); color: #fff; font-size: 14px; line-height: 25px; border-radius: 5px; font-family: var(--nas-family-one); display: inline-block; z-index: 11; } .product_box.type_three .inner_box .image_box { position: relative; margin-bottom: 20px; overflow: hidden; } .product_box.type_three .inner_box .image_box img { width: 100%; height: auto; } .product_box.type_three .inner_box .image_box .cart_btn { position: absolute; width: 100%; left: 0; bottom: -100px; opacity: 0; right: 0; text-align: center; height: auto; padding: 20px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .product_box.type_three .inner_box .image_box .cart_btn a { display: inline-block; padding: 0px 25px; border-radius: 10px 0px 10px 0px; background: var(--primary-color-one); color: #fff; border: 1px solid var(--primary-color-one); line-height: 46px; min-height: 46px; min-width: 160px; font-weight: 600; font-size: 14px; text-align: center; font-family: var(--nas-family-one); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .product_box.type_three .inner_box .image_box .cart_btn a.ajax_add_to_cart.added { display: none; } .product_box.type_three .inner_box .image_box .cart_btn a:hover { background: var(--primary-color-two); border-color: var(--primary-color-two); } .product_box.type_three .inner_box .image_box .cart_btn a.nas_quick_view_btn { margin-bottom: 10px; } .product_box.type_three .content_box h2 { line-height: normal; } .product_box.type_three .content_box h2 a { font-size: 18px; font-weight: 700; line-height: 28px; display: block; margin-bottom: 5px; } .product_box.type_three .content_box .rating_price { position: relative; } .product_box.type_three .content_box .rating_price .star-rating { display: block; margin: 0px 0px 17px !important; } .product_box.type_three .content_box .rating_price .star-rating:before { color: var(--text-color-light) !important; } .product_box.type_three .content_box .rating_price .star-rating span:before { color: var(--primary-color-one) !important; top: -1px !important; } .product_box.type_three .content_box .rating_price .price del { margin-right: 5px; text-decoration-color: var(--text-color-light); } .product_box.type_three .content_box .rating_price .price del bdi { color: var(--text-color-light) !important; } .product_box.type_three .content_box .rating_price .price ins bdi { color: var(--primary-color-one); } .product_box.type_three:hover .inner_box .image_box .cart_btn { opacity: 1; bottom: 0; } .product_box .button.loading { opacity: 0.25; padding-right: 2.618em; } .product_box .button.loading::after { font-family: WooCommerce; content: "\e01c"; vertical-align: top; font-weight: 400; position: absolute; top: 0.618em; right: 1em; animation: spin 2s linear infinite; } .product_box .button.added::after { content: "\e017"; font-family: WooCommerce; } .woocommerce .star-rating span::before, .woocommerce_plugin_on .star-rating span::before { color: var(--primary-color-one); } .woocommerce .star-rating::before, .woocommerce_plugin_on .star-rating::before { color: var(--text-color-dark); }   .woocommerce-error, .woocommerce-info, .woocommerce-message { line-height: 33px !important; background-color: var(--primary-color-two) !important; color: #fff !important; border: 1px solid var(--primary-color-two) !important; border-radius: 50px !important; margin-bottom: 30px !important; } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before { top: 0 !important; bottom: 0px; margin: auto; height: 20px; width: 20px; text-align: center; font-size: 18px; color: var(--primary-color-one) !important; line-height: normal; } .woocommerce-error li, .woocommerce-info li, .woocommerce-message li { line-height: 35px; margin-bottom: 0px !important; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button, .woocommerce_plugin_on .woocommerce-error .button, .woocommerce_plugin_on .woocommerce-info .button, .woocommerce_plugin_on .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button { font-size: 12px !important; line-height: 35px !important; background: var(--primary-color-one) !important; font-family: var(--nas-family-one) !important; padding: 0px 20px !important; border-radius: 30px !important; color: #fff !important; font-weight: 500 !important; margin: 0 !important; } .woocommerce .woocommerce-error .button:hover, .woocommerce .woocommerce-info .button:hover, .woocommerce .woocommerce-message .button:hover, .woocommerce-page .woocommerce-error .button:hover, .woocommerce-page .woocommerce-info .button:hover, .woocommerce-page .woocommerce-message .button:hover, .woocommerce_plugin_on .woocommerce-error .button:hover, .woocommerce_plugin_on .woocommerce-info .button:hover, .woocommerce_plugin_on .woocommerce-message .button:hover, .woocommerce-page .woocommerce-error .button:hover, .woocommerce-page .woocommerce-info .button:hover, .woocommerce-page .woocommerce-message .button:hover { background: var(--primary-color-two) !important; color: #fff; } .default_single_product { position: relative; } .default_single_product .woocommerce-product-gallery__trigger { position: absolute; width: 50px !important; height: 50px !important; background: #fff; border-radius: 50px; box-shadow: var(--box-shadow-two); } .default_single_product .woocommerce-product-gallery__trigger::after { background: var(--primary-color-one) !important; top: 26px !important; left: 29px !important; } .default_single_product .woocommerce-product-gallery__trigger::before { border-color: var(--primary-color-one) !important; top: 15px !important; left: 15px !important; } .default_single_product .woocommerce-product-gallery__trigger .icon-search { display: block; text-align: center; line-height: 50px !important; font-size: 16px; } .default_single_product .summary { position: relative; } .default_single_product .summary .stock { color: var(--primary-color-one) !important; display: inline-block; font-size: 16px; font-weight: 600; font-family: var(--nas-family-one); transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } .default_single_product .summary .stock:hover { color: var(--primary-color-two) !important; } .default_single_product .summary .product_title { position: relative; font-size: 30px; line-height: 40px; font-weight: 700; margin-bottom: 8px; color: var(--heading-dark); } .default_single_product .summary .price .woocommerce-Price-amount.amount { color: var(--primary-color-one); font-size: 18px; font-weight: 500; } .default_single_product .summary .price del, .default_single_product .summary .price ins { display: inline-block; font-size: 18px; color: var(--text-color-light) !important; font-weight: 500; } .default_single_product .summary .price ins { color: var(--primary-color-one); } .default_single_product .summary .product_meta { position: relative; } .default_single_product .summary .product_meta span.sku_wrapper, .default_single_product .summary .product_meta span.posted_in { display: block; margin-bottom: 12px; } .default_single_product .summary .woocommerce-product-details__short-description { position: relative; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid var(--border-color-dark); } .default_single_product .summary .woocommerce-product-details__short-description p { font-size: 16px; line-height: 26px; font-weight: 400; color: var(--text-color-dark); } .default_single_product .summary .yith-wcwl-wishlistexistsbrowse, .default_single_product .summary .yith-wcwl-wishlistaddedbrowse { margin-bottom: 20px; } .default_single_product .summary .feedback { margin-bottom: 10px !important; position: relative; font-size: 16px; font-family: var(--nas-family-one) !important; font-weight: 600; display: inline-block !important; } .default_single_product .summary .feedback i { color: var(--primary-color-one); } .default_single_product .summary form { display: flex; align-items: center; margin-bottom: 25px; } .default_single_product .summary .d-flex.align-items-center .yith-wcwl-add-button { margin-bottom: 0px !important; margin-right: 20px; position: relative; } .default_single_product .summary .d-flex.align-items-center .yith-wcwl-add-button a i { margin-right: 5px !important; } .default_single_product .product_meta { position: relative; margin: 25px 0px; } .default_single_product .woocommerce-tabs { position: relative; padding: 50px; margin-bottom: 50px; border-radius: 5px; border: 1px solid var(--border-color-dark); } .default_single_product .woocommerce-tabs .panel { margin-bottom: 0px !important; } .default_single_product .woocommerce-tabs .form-submit { margin-bottom: 0px !important; } .default_single_product .woocommerce-tabs .form-submit .submit { background: var(--primary-color-one) !important; color: #fff !important; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; font-size: 12px !important; font-family: var(--nas-family-one) !important; font-weight: 600 !important; text-transform: uppercase; } .default_single_product .woocommerce-tabs .form-submit .submit:hover { background: var(--primary-color-two) !important; } .default_single_product .woocommerce-tabs .woocommerce-Reviews-title { font-size: 24px; line-height: 34px; font-weight: 700; } .default_single_product .woocommerce-tabs .comment-reply-title { margin-bottom: 8px; display: block; } .default_single_product .woocommerce-tabs .nav-tabs { position: relative; padding: 0px !important; border-bottom-width: 1px; margin-bottom: 20px; } .default_single_product .woocommerce-tabs .nav-tabs li { margin-bottom: 0px !important; margin-right: 4px; } .default_single_product .woocommerce-tabs .nav-tabs li button { border: 1px solid var(--border-color-dark) !important; padding: 10px 20px !important; font-size: 16px; line-height: 26px; font-weight: 600; color: var(--heading-dark); font-family: var(--nas-family-one); margin: 0px 0 -1px 0 !important; background: var(--primary-color-three) !important; } .default_single_product .woocommerce-tabs .nav-tabs li button.active, .default_single_product .woocommerce-tabs .nav-tabs li button:hover { background: var(--primary-color-one) !important; color: #fff !important; border-color: var(--primary-color-one) !important; } .default_single_product .woocommerce-tabs .nav-tabs li::before { display: none !important; } .default_single_product .woocommerce-tabs .nav-tabs li::after { display: none !important; } .default_single_product .woocommerce-tabs .nav-tabs::before { border-bottom-color: var(--border-color-dark) !important; } .default_single_product .woocommerce-tabs .woocommerce-Tabs-panel h2 { font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 15px; } .related.products { position: relative; text-align: center; } .related.products h2 { position: relative; font-size: 30px; line-height: 40px; margin-bottom: 30px; } .related.products .project-wrapper { padding: 0px 15px; } .related.products .project-wrapper .product_box.type_one .content_box h2 { margin-bottom: 0px; } .related.products .project-wrapper .product_box.type_one .cart_btn a { border: 1px solid var(--border-color-dark); } .related.products .owl-nav { position: absolute; top: 0; left: 0; width: 100%; height: 40px; pointer-events: none; bottom: 0; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; margin: auto; -o-transition: 0.5s ease-in-out; opacity: 0; } .related.products .owl-nav .owl-prev, .related.products .owl-nav .owl-next { position: absolute; top: 0; width: 40px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; background: var(--primary-color-one); border-radius: 40px; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; pointer-events: fill; } .related.products .owl-nav .owl-prev { left: 0; } .related.products .owl-nav .owl-next { right: 0; } .related.products:hover .owl-nav { opacity: 1; } .single-product .col-lg-12.pro { padding: 0px; } .single-product .product { padding: 0px 15px; } .woocommerce .woocommerce-cart-form table.shop_table, .woocommerce .yith-wcwl-form.wishlist-fragment table.shop_table, .woocommerce_plugin_on .woocommerce-cart-form table.shop_table, .woocommerce_plugin_on .yith-wcwl-form.wishlist-fragment table.shop_table { border: 1px solid var(--border-color-dark) !important; border-collapse: collapse !important; background-color: transparent !important; } .woocommerce .woocommerce-cart-form table.shop_table th, .woocommerce .yith-wcwl-form.wishlist-fragment table.shop_table th, .woocommerce_plugin_on .woocommerce-cart-form table.shop_table th, .woocommerce_plugin_on .yith-wcwl-form.wishlist-fragment table.shop_table th { font-size: 18px; font-weight: 700; color: var(--heading-dark); padding: 15px 15px !important; font-family: var(--nas-family-one) !important; line-height: 28px !important; } .woocommerce .woocommerce-cart-form table.shop_table td, .woocommerce .yith-wcwl-form.wishlist-fragment table.shop_table td, .woocommerce_plugin_on .woocommerce-cart-form table.shop_table td, .woocommerce_plugin_on .yith-wcwl-form.wishlist-fragment table.shop_table td { position: relative !important; padding: 15px 15px !important; font-family: var(--nas-family-two) !important; line-height: 28px !important; font-size: 16px !important; font-weight: 400; border: 1px solid var(--border-color-dark) !important; } .woocommerce .woocommerce-cart-form table.shop_table td.product-thumbnail, .woocommerce .yith-wcwl-form.wishlist-fragment table.shop_table td.product-thumbnail, .woocommerce_plugin_on .woocommerce-cart-form table.shop_table td.product-thumbnail, .woocommerce_plugin_on .yith-wcwl-form.wishlist-fragment table.shop_table td.product-thumbnail { min-width: 100px; } .woocommerce .woocommerce-cart-form table.shop_table td.product-thumbnail img, .woocommerce .yith-wcwl-form.wishlist-fragment table.shop_table td.product-thumbnail img, .woocommerce_plugin_on .woocommerce-cart-form table.shop_table td.product-thumbnail img, .woocommerce_plugin_on .yith-wcwl-form.wishlist-fragment table.shop_table td.product-thumbnail img { width: 100px; } .woocommerce .woocommerce-cart-form table.shop_table td a.remove, .woocommerce .yith-wcwl-form.wishlist-fragment table.shop_table td a.remove, .woocommerce_plugin_on .woocommerce-cart-form table.shop_table td a.remove, .woocommerce_plugin_on .yith-wcwl-form.wishlist-fragment table.shop_table td a.remove { color: var(--primary-color-one) !important; } .woocommerce .woocommerce-cart-form table.shop_table td a.remove:hover, .woocommerce .yith-wcwl-form.wishlist-fragment table.shop_table td a.remove:hover, .woocommerce_plugin_on .woocommerce-cart-form table.shop_table td a.remove:hover, .woocommerce_plugin_on .yith-wcwl-form.wishlist-fragment table.shop_table td a.remove:hover { background: var(--primary-color-one) !important; color: #fff !important; } .woocommerce .woocommerce-cart-form table.shop_table td .coupon input, .woocommerce .yith-wcwl-form.wishlist-fragment table.shop_table td .coupon input, .woocommerce_plugin_on .woocommerce-cart-form table.shop_table td .coupon input, .woocommerce_plugin_on .yith-wcwl-form.wishlist-fragment table.shop_table td .coupon input { width: 50% !important; padding: 0px 20px !important; border: 1px solid var(--border-color-dark) !important; } .woocommerce .woocommerce-cart-form table.shop_table td .coupon button, .woocommerce .yith-wcwl-form.wishlist-fragment table.shop_table td .coupon button, .woocommerce_plugin_on .woocommerce-cart-form table.shop_table td .coupon button, .woocommerce_plugin_on .yith-wcwl-form.wishlist-fragment table.shop_table td .coupon button { float: left !important; } .woocommerce .woocommerce-cart-form table.shop_table td button, .woocommerce .yith-wcwl-form.wishlist-fragment table.shop_table td button, .woocommerce_plugin_on .woocommerce-cart-form table.shop_table td button, .woocommerce_plugin_on .yith-wcwl-form.wishlist-fragment table.shop_table td button { font-size: 14px !important; line-height: 56px !important; background: var(--primary-color-one) !important; color: #fff !important; line-height: 56px !important; font-weight: 600 !important; font-family: var(--nas-family-one); padding: 0px 20px !important; border-radius: 8px !important; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } .woocommerce .woocommerce-cart-form table.shop_table td button:hover, .woocommerce .yith-wcwl-form.wishlist-fragment table.shop_table td button:hover, .woocommerce_plugin_on .woocommerce-cart-form table.shop_table td button:hover, .woocommerce_plugin_on .yith-wcwl-form.wishlist-fragment table.shop_table td button:hover { background: var(--primary-color-two) !important; color: #fff; } .woocommerce-MyAccount-content table { border: 1px solid var(--border-color-dark) !important; border-collapse: collapse !important; } .woocommerce-MyAccount-content table th { font-size: 18px; font-weight: 700; color: var(--heading-dark); padding: 15px 15px !important; font-family: var(--nas-family-one) !important; line-height: 28px !important; } .woocommerce-MyAccount-content table td { position: relative !important; padding: 15px 15px !important; font-family: var(--nas-family-two) !important; line-height: 28px !important; font-size: 16px !important; font-weight: 400; border: 1px solid var(--border-color-dark) !important; } .woocommerce-MyAccount-content table td.product-thumbnail { min-width: 100px; } .woocommerce-MyAccount-content table td.product-thumbnail img { width: 100px; } .woocommerce-MyAccount-content table td a.remove { color: var(--primary-color-one) !important; } .woocommerce-MyAccount-content table td a.remove:hover { background: var(--primary-color-one) !important; color: #fff !important; } .woocommerce-MyAccount-content table td .coupon input { width: 50% !important; padding: 0px 20px !important; border: 1px solid var(--border-color-dark) !important; } .woocommerce-MyAccount-content table td .coupon button { float: left !important; } .woocommerce-MyAccount-content table td button { font-size: 14px !important; line-height: 56px !important; background: var(--primary-color-one) !important; color: #fff !important; line-height: 56px !important; font-weight: 600 !important; font-family: var(--nas-family-one); padding: 0px 20px !important; border-radius: 8px !important; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } .woocommerce-MyAccount-content table td button:hover { background: var(--primary-color-two) !important; color: #fff; } .woocommerce-MyAccount-content address { position: relative; line-height: 30px; } .woocommerce-cart-form { margin-bottom: 50px; } .woocommerce form .quantity, .woocommerce_plugin_on form .quantity { position: relative; margin: 0px 15px 0px 0px !important; width: 100px; } .woocommerce form .quantity label, .woocommerce_plugin_on form .quantity label { display: none; } .woocommerce form .quantity .qty_button, .woocommerce_plugin_on form .quantity .qty_button { position: absolute; background: transparent; padding: 0px; border-left: 0; border-right: 0; border-top: 0px; border-bottom: 1px; width: 30px; height: 28px; line-height: 28px; right: 0; min-width: 30px; z-index: 111; border-left: 1px solid var(--border-color-dark); border-radius: 0px; } .woocommerce form .quantity .qty_button.minus, .woocommerce_plugin_on form .quantity .qty_button.minus { bottom: 0; border-top: 1px solid var(--border-color-dark); } .woocommerce form .quantity .qty_button.plus, .woocommerce_plugin_on form .quantity .qty_button.plus { top: 0; } .woocommerce form .quantity input, .woocommerce_plugin_on form .quantity input { min-width: 100px; border-radius: 5px; padding: 0px 45px 0px 15px; margin: 0px !important; } .woocommerce .cart-collaterals .cart_totals h2, .woocommerce_plugin_on .cart-collaterals .cart_totals h2 { font-size: 20px; line-height: 30px; font-weight: 700; color: var(--heading-dark); margin-bottom: 20px; } .woocommerce .cart-collaterals .checkout-button, .woocommerce_plugin_on .cart-collaterals .checkout-button { font-size: 14px !important; line-height: 56px !important; background: var(--primary-color-one) !important; color: #fff !important; line-height: 56px !important; font-weight: 600 !important; font-family: var(--nas-family-one); padding: 0px 20px !important; border-radius: 8px !important; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } .woocommerce .cart-collaterals .checkout-button:hover, .woocommerce_plugin_on .cart-collaterals .checkout-button:hover { background: var(--primary-color-two) !important; color: #fff; } .woocommerce .shop_table td::before, .woocommerce_plugin_on .shop_table td::before { font-family: var(--nas-family-one); font-weight: 500; color: var(--heading-dark); } .woocommerce .shop_table th, .woocommerce_plugin_on .shop_table th { font-family: var(--nas-family-one); font-weight: 500; color: var(--heading-dark); } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-size: 14px !important; line-height: 56px !important; background: var(--primary-color-one) !important; color: #fff !important; line-height: 56px !important; font-weight: 600 !important; font-family: var(--nas-family-one); padding: 0px 20px !important; border-radius: 8px !important; transition: 0.5s ease-in-out; text-align: center; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background: var(--primary-color-two) !important; color: #fff; }  .woocommerce-checkout { position: relative; } .woocommerce-checkout .woocommerce-additional-fields { margin-bottom: 50px; } .woocommerce-checkout .col-2 { padding: 40px 0px 0px !important; } .woocommerce-checkout .woocommerce-billing-fields, .woocommerce-checkout .woocommerce-additional-fields, .woocommerce-checkout .woocommerce-checkout-review-order { position: relative; } .woocommerce-checkout .woocommerce-billing-fields h3, .woocommerce-checkout .woocommerce-additional-fields h3, .woocommerce-checkout .woocommerce-checkout-review-order h3 { font-size: 26px; line-height: 36px; font-weight: 600; margin-bottom: 20px; } .woocommerce-checkout input { height: 56px; border-radius: 5px; border: 1px solid var(--border-color-dark) !important; } .woocommerce-checkout label { font-size: 16px; font-weight: 500; color: var(--heading-dark) !important; line-height: 26px; font-family: var(--nas-family-one); margin-bottom: 5px; } .woocommerce-checkout .form-row { padding-bottom: 15px !important; } .woocommerce-checkout textarea { height: 300px !important; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { padding: 0px; } .select2-dropdown { border: 1px solid var(--border-color-dark) !important; border-radius: 5px; background: #fff; } #customer_details label span, .woocommerce form .form-row span { width: 100%; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: var(--primary-color-three) !important; padding: 40px; margin-top: 40px; margin-bottom: 30px; } #add_payment_method #payment .wc_payment_methods.payment_methods.methods, .woocommerce-cart #payment .wc_payment_methods.payment_methods.methods, .woocommerce-checkout #payment .wc_payment_methods.payment_methods.methods { padding: 0px !important; } #add_payment_method #payment .payment_methods, .woocommerce-cart #payment .payment_methods, .woocommerce-checkout #payment .payment_methods { border-bottom: 1px solid var(--border-color-dark) !important; } #add_payment_method #payment label, .woocommerce-cart #payment label, .woocommerce-checkout #payment label { font-size: 18px; line-height: 28px; font-weight: 700; color: var(--heading-dark); margin-bottom: 20px; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background: var(--primary-color-one) !important; color: #fff !important; border-radius: 8px !important; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--primary-color-one) !important; } #add_payment_method #payment #place_order, .woocommerce-cart #payment #place_order, .woocommerce-checkout #payment #place_order { font-size: 14px !important; line-height: 56px !important; background: var(--primary-color-one) !important; color: #fff !important; line-height: 56px !important; font-weight: 600 !important; font-family: var(--nas-family-one); padding: 0px 20px !important; border-radius: 8px !important; transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } #add_payment_method #payment #place_order:hover, .woocommerce-cart #payment #place_order:hover, .woocommerce-checkout #payment #place_order:hover { background: var(--primary-color-two) !important; color: #fff; } #add_payment_method #payment .place-order, .woocommerce-cart #payment .place-order, .woocommerce-checkout #payment .place-order { padding: 20px 0px !important; } .woocommerce .woocommerce-checkout-review-order table.shop_table, .woocommerce_plugin_on .woocommerce-checkout-review-order table.shop_table { border: 0px !important; } .woocommerce-checkout-review-order .your_order_box { position: relative; border-radius: 5px; border-radius: 10px !important; padding: 40px 40px 20px; border: 1px solid var(--border-color-dark); background: var(--primary-color-three); } .woocommerce-checkout-review-order .shop_table { border-collapse: collapse !important; border: 0px !important; margin-bottom: 0px !important; } .woocommerce-checkout-review-order .shop_table thead th { padding: 0px 0px 20px !important; font-size: 18px; line-height: 28px; font-weight: 600; color: var(--heading-dark); margin-bottom: 10px; font-family: var(--nas-family-one); } .woocommerce-checkout-review-order .shop_table .product-name img { margin-right: 8px; } .woocommerce-checkout-review-order .shop_table tfoot { position: relative; margin-top: 20px; } .woocommerce-checkout-review-order .shop_table tfoot .cart-subtotal { padding: 20px 0px !important; } .woocommerce-checkout-review-order .shop_table tfoot th, .woocommerce-checkout-review-order .shop_table tfoot td { padding: 20px 0px !important; } .woocommerce-checkout-review-order .shop_table tfoot .cart-subtotal th, .woocommerce-checkout-review-order .shop_table tfoot .order-total th { font-size: 18px; line-height: 28px; font-weight: 600; font-family: var(--nas-family-one); color: var(--heading-dark); } .woocommerce-checkout-review-order .shop_table tfoot .woocommerce-Price-amount.amount { font-size: 16px; color: var(--primary-color-one); font-family: var(--nas-family-one); font-weight: 600; } .woocommerce-checkout-review-order .shop_table tbody td { padding: 20px 0px !important; } .woocommerce-checkout-review-order .shop_table tbody td .product-name { padding: 0px; } .woocommerce-checkout-review-order .shop_table tbody td .product-name img { margin-right: 8px; } .select2-container--default .select2-selection--single { height: 56px !important; position: relative; display: block; padding: 0px 1.25rem !important; color: var(--text-color-dark) !important; font-size: 16px !important; border-radius: 8px !important; border: 1px solid var(--border-color-dark) !important; font-weight: 500 !important; transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; } .select2-container--default .select2-selection--single .select2-selection__arrow { right: 5px; bottom: 0; height: 20px; margin: auto; } .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } .select2-container--default .select2-selection--single .select2-selection__arrow::before { position: absolute; content: ""; background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Edown_key%3C/title%3E%3Cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3E%3C/svg%3E") no-repeat right 0rem center/29px 20px; width: 20px; height: 20px; top: 0; right: 0px; bottom: 0px; margin: auto; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--text-color-dark); height: 56px !important; padding: 0px !important; line-height: 56px !important; font-weight: 400 !important; } .account_dashboard_cm { display: table; width: 100%; } .account_dashboard_cm .dash_btn_home { position: fixed; bottom: 20px; right: 20px; display: none; } .account_dashboard_cm .woocommerce-MyAccount-navigation { display: table-cell; vertical-align: top; float: none !important; position: relative; width: 20% !important; min-width: 20%; height: 100%; background: var(--primary-color-one); padding: 40px; } .account_dashboard_cm .woocommerce-MyAccount-navigation ul { padding: 0px; margin: 0px; } .account_dashboard_cm .woocommerce-MyAccount-navigation li { position: relative; list-style: none; padding-left: 30px; margin-bottom: 0px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .account_dashboard_cm .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link::before { position: absolute; font-size: 20px; font-family: "icomoon"; top: 0; left: 0; bottom: 0; margin: auto; color: #fff; height: 25px; line-height: 25px; } .account_dashboard_cm .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard::before { content: "\ea21"; } .account_dashboard_cm .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders::before { content: "\ea26"; } .account_dashboard_cm .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads::before { content: "\e9aa"; } .account_dashboard_cm .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-address::before { content: "\e9e6"; } .account_dashboard_cm .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-account::before { content: "\ea52"; } .account_dashboard_cm .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout::before { content: "\e9e3"; } .account_dashboard_cm .woocommerce-MyAccount-navigation li a { position: relative; display: block; font-size: 18px; color: #fff; font-weight: 600; font-family: var(--nas-family-one); line-height: 28px; padding: 16px 0px; } .account_dashboard_cm .woocommerce-MyAccount-content { display: table-cell; vertical-align: top; width: auto !important; float: inherit !important; margin-left: 0px; padding: 52px 100px 100px; min-width: 80%; width: 80%; } .page-template-elementor_canvas .account_dashboard_cm, .page-template-template-full-empty .account_dashboard_cm { height: 100vh; } .page-template-elementor_canvas .account_dashboard_cm .dash_btn_home, .page-template-template-full-empty .account_dashboard_cm .dash_btn_home { display: block; } .page-template-elementor_canvas .account_dashboard_cm:before, .page-template-template-full-empty .account_dashboard_cm:before { position: absolute; content: ""; width: 20%; height: 100%; left: 0; bottom: 0; background: var(--primary-color-one); } .page-template-elementor_canvas .account_dashboard_cm .woocommerce-MyAccount-navigation, .page-template-template-full-empty .account_dashboard_cm .woocommerce-MyAccount-navigation { height: 100%; } .woocommerce-MyAccount-content { position: relative; } .woocommerce-MyAccount-content h3 { position: relative; font-size: 24px; line-height: 34px; font-weight: 600; color: var(--heading-dark); } .woocommerce-MyAccount-content .woocommerce-address-fields { position: relative; margin: 20px 0px; } .woocommerce-MyAccount-content .form-row { position: relative; margin-bottom: 15px !important; } .woocommerce-MyAccount-content .form-row em { display: block; padding: 5px 0px 0px; font-size: 14px; color: var(--text-color-dark); line-height: 22px; } .woocommerce-MyAccount-content .button { position: relative !important; padding: 0px 30px !important; line-height: 56px !important; font-size: 16px !important; font-family: var(--nas-family-one) !important; font-weight: 600 !important; color: #fff !important; background: var(--primary-color-two) !important; margin-top: 20px !important; transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; } .woocommerce-MyAccount-content .button:hover { background: var(--primary-color-one) !important; } .woocommerce-MyAccount-content .edit { padding: 8px 20px; font-size: 14px; font-weight: 600; font-family: var(--nas-family-one); color: var(--primary-color-one); color: #fff; background: var(--primary-color-one); border-radius: 5px; } .woocommerce-MyAccount-content fieldset { padding: 20px 0px; } .woocommerce-MyAccount-content fieldset legend { position: relative; font-size: 24px; line-height: 34px; font-weight: 600; color: var(--heading-dark); margin-bottom: 20px; font-family: var(--nas-family-one); } .woocommerce-MyAccount-content .password-input { position: relative; } .woocommerce-MyAccount-content .password-input .show-password-input { position: absolute; right: 20px !important; width: 20px !important; height: 20px !important; text-align: center !important; color: var(--primary-color-one); top: 0; bottom: 0; margin: auto; } .woocommerce-MyAccount-content .password-input .show-password-input:after { margin-left: 0px !important; } .woocommerce-Addresses { position: relative; } .woocommerce-Addresses .title { margin: 20px 0px 15px; }  .wishlist-title.wishlist-title-with-form h2:hover { background: inherit !important; } .woocommerce-account .woocommerce-notices-wrapper { position: absolute; top: 0; width: 100%; z-index: 99; left: 0; padding: 10px; } .woocommerce-account .woocommerce-error, .woocommerce-account .woocommerce-info, .woocommerce-account .woocommerce-message { background-color: #fff !important; color: var(--primary-color-one) !important; } .whole_login_content { position: relative; } .whole_login_content::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; background: linear-gradient( 88deg, var(--primary-color-two) 42%, rgba(0, 0, 0, 0.09) 298% ); z-index: 1; } .whole_login_content .register_login { position: relative; overflow: hidden; width: 100%; min-width: 100%; min-height: 100vh; } .whole_login_content .register_login .simpleParallax { position: absolute; right: 0; top: 0; width: 100%; height: 100%; } .whole_login_content .register_login .simpleParallax img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .whole_login_content .register_login .login_left_side { position: relative; z-index: 11; max-width: 500px; margin: 50px 0px; padding: 100px 50px 90px; border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 0px 10px 10px 0px; background: rgba(255, 255, 255, 0.01); } .whole_login_content .register_login .login_left_side p { color: rgba(255, 255, 255, 0.8); } .whole_login_content .register_login .login_left_side .login_logo { position: relative; z-index: 11; padding: 0px 0px 30px; width: 100%; height: auto; } .whole_login_content .register_login .login_left_side .login_logo img { width: 200px; height: auto; } .whole_login_content .register_login .login_left_side .login_forms_box { position: relative; z-index: 11; } .whole_login_content .register_login .login_left_side .login_forms_box h6 { font-size: 18px; line-height: 28px; font-weight: 600; margin-bottom: 8px; color: var(--primary-color-one); } .whole_login_content .register_login .login_left_side .login_forms_box h2 { font-size: 30px; line-height: 40px; color: #fff; font-weight: 700; margin-bottom: 40px; } .whole_login_content .register_login .login_left_side .login_forms_box .nav-pills { display: inline-block; margin-bottom: 30px !important; } .whole_login_content .register_login .login_left_side .login_forms_box .nav-pills .nav-item { display: inline-block; margin-bottom: 0px !important; } .whole_login_content .register_login .login_left_side .login_forms_box .nav-pills .nav-item .nav-link { position: relative; display: inline-block; font-family: var(--nas-family-one); padding: 10px 30px; font-weight: 600; border-radius: 5px; color: var(--primary-color-one); background: #fff; } .whole_login_content .register_login .login_left_side .login_forms_box .nav-pills .nav-item .nav-link.active { background: var(--primary-color-one); color: #fff; } .whole_login_content .register_login .login_left_side .login_forms_box .login-register-form { position: relative; padding: 0px; border: 0px; margin: 0px; border: 0px; } .whole_login_content .register_login .login_left_side .login_forms_box .login-register-form label { font-size: 16px; font-weight: 400; line-height: 26px; display: block; margin-bottom: 8px; font-family: var(--nas-family-one); color: #fff; } .whole_login_content .register_login .login_left_side .login_forms_box .login-register-form .form-row { position: relative; margin-bottom: 15px !important; } .whole_login_content .register_login .login_left_side .login_forms_box .login-register-form .form-row .show-password-input { position: absolute; width: 20px; text-align: center; height: 20px; line-height: 20px; top: 0; bottom: 0; right: 20px; margin: auto; color: var(--text-color-light); } .whole_login_content .register_login .login_left_side .login_forms_box .login-register-form .form-row .show-password-input::after { margin-left: 0px !important; } .whole_login_content .register_login .login_left_side .login_forms_box .login-register-form .form-row input, .whole_login_content .register_login .login_left_side .login_forms_box .login-register-form .form-row textarea { background: rgba(255, 255, 255, 0.02); border: 0px; } .whole_login_content .register_login .login_left_side .login_forms_box .login-register-form .form-row .woocommerce-form-login__rememberme { position: relative; margin-bottom: 30px; } .whole_login_content .register_login .login_left_side .login_forms_box .login-register-form .form-row .woocommerce-form-login__rememberme span { position: relative; top: 2px; font-size: 14px; } .whole_login_content .register_login .login_left_side .login_forms_box .login-register-form .form-row button { padding: 0px 35px; font-size: 16px; font-weight: 600; border: unset !important; line-height: 56px; background: var(--primary-color-one); color: #fff; border-radius: 5px; } .whole_login_content .register_login .login_left_side .login_pg_footer { position: relative; max-width: 600px; margin: auto; }  .mini_cart_togglers.fixed_cart { position: fixed; right: 0; top: 175px; width: 40px; height: 40px; background: var(--primary-color-three); color: var(--primary-color-two); font-size: 20px; line-height: 40px; text-align: center; border-radius: 10px 0px 0px 10px; z-index: 999999; cursor: pointer; } .mini_cart_togglers.fixed_cart i { position: absolute; width: 20px; height: 20px; line-height: 20px; text-align: center; top: 0; right: 0; left: 0; bottom: 0; margin: auto; } .mini_cart_togglers.fixed_cart .mini-cart-count { position: absolute; width: 20px; height: 20px; text-align: center; border-radius: 50px; line-height: 20px; font-size: 12px; line-height: 20px; color: #fff; background: var(--primary-color-one); top: 0; left: -15px; bottom: 0; margin: auto; } .side_bar_cart { position: fixed; right: -100%; width: 100%; height: 100%; top: 0; transition: 0.6s !important; -moz-transition: 0.6s !important; -o-transition: 0.6s !important; -ms-transition: 0.6s !important; z-index: 9999999; overflow: hidden; } .side_bar_cart .cart_overlay { position: absolute; right: -100%; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); top: 0; transition: 0.6s !important; -moz-transition: 0.6s !important; -o-transition: 0.6s !important; -ms-transition: 0.6s !important; z-index: 9999999; } .side_bar_cart .cart_right_conten { position: absolute; width: 350px; height: 100%; background: #fff !important; z-index: 9999999; padding: 80px 40px 50px 40px; top: 0; right: 0%; box-shadow: var(--box-shadow); transition: 0.6s !important; -moz-transition: 0.6s !important; -o-transition: 0.6s !important; -ms-transition: 0.6s !important; overflow: auto; } .side_bar_cart .cart_right_conten .close_btn_mini { position: absolute; width: 50px; cursor: pointer; height: 50px; border-radius: 0px 0px 5px 0px; background: var(--primary-color-one); color: #fff; top: 0; left: 0; } .side_bar_cart .cart_right_conten .close_btn_mini i { position: absolute; font-size: 16px; width: 20px; height: 20px; margin: auto; top: 0; right: 0; bottom: 0; left: 0; line-height: 20px; text-align: center; } .side_bar_cart .cart_right_conten .woocommerce-mini-cart__empty-message { text-align: center; } .side_bar_cart .cart_right_conten .woocommerce-mini-cart__total.total { padding: 10px; border-radius: 5px; background: var(--primary-color-three); } .side_bar_cart .cart_right_conten .woocommerce-mini-cart__total.total strong { font-size: 16px; line-height: 26px; display: inline-block; margin-right: 5px; color: var(--text-color-dark); } .side_bar_cart .cart_right_conten .woocommerce-mini-cart { position: relative; padding-bottom: 30px; padding-left: 0px !important; margin-bottom: 0px !important; padding-right: 0px !important; } .side_bar_cart .cart_right_conten .woocommerce-mini-cart .woocommerce-mini-cart-item { position: relative; display: flex; margin: 0px !important; padding: 20px 0px 20px !important; border-bottom: 1px solid var(--border-color-dark); } .side_bar_cart .cart_right_conten .woocommerce-mini-cart .woocommerce-mini-cart-item .image_box { margin-right: 15px; display: block; min-width: 30%; width: 30%; } .side_bar_cart .cart_right_conten .woocommerce-mini-cart .woocommerce-mini-cart-item .image_box img { float: none !important; width: 100%; height: auto; margin-left: 0px !important; } .side_bar_cart .cart_right_conten .woocommerce-mini-cart .woocommerce-mini-cart-item .content_right_car_box_items { position: relative; width: 70%; min-width: 70%; padding-right: 35px; } .side_bar_cart .cart_right_conten .woocommerce-mini-cart .woocommerce-mini-cart-item .content_right_car_box_items h2 { line-height: normal; } .side_bar_cart .cart_right_conten .woocommerce-mini-cart .woocommerce-mini-cart-item .content_right_car_box_items h2 a { font-size: 16px; display: block; line-height: 28px; font-weight: 600; margin-bottom: 8px; } .side_bar_cart .cart_right_conten .woocommerce-mini-cart .woocommerce-mini-cart-item .content_right_car_box_items .remove_from_cart_button { position: absolute; right: 0px; top: 11px; width: 30px; height: 30px; border-radius: 50px; border: 1px solid var(--border-color-dark); line-height: 27px; text-align: center; display: block; font-size: 16px; color: var(--primary-color-one) !important; background: #fff; } .side_bar_cart .cart_right_conten .woocommerce-mini-cart .woocommerce-mini-cart-item .content_right_car_box_items .remove_from_cart_button:hover { background: var(--primary-color-one) !important; color: #fff !important; border-color: var(--primary-color-one) !important; } .side_bar_cart .cart_right_conten .woocommerce-mini-cart .woocommerce-mini-cart-item:first-child { padding-top: 0px !important; } .side_bar_cart .cart_right_conten .woocommerce-mini-cart .woocommerce-mini-cart-item:last-child { padding-bottom: 0px; border-bottom: 0px; } .side_bar_cart .cart_right_conten .woocommerce-mini-cart__buttons { display: block; } .side_bar_cart .cart_right_conten .woocommerce-mini-cart__buttons a { position: relative; padding: 6px 25px !important; line-height: 35px !important; font-size: 14px; font-family: var(--nas-family-one); font-weight: 600; color: #fff; background: var(--primary-color-one); display: inline-block; border-radius: 5px; } .side_bar_cart .cart_right_conten .woocommerce-mini-cart__buttons a:last-child { float: right; } .blockOverlay { background: rgba(255, 255, 255, 0.95) !important; } .side_bar_cart-visible .side_bar_cart { right: 0; } .side_bar_cart-visible .side_bar_cart .cart_overlay { right: 0; } .side_bar_cart-visible .side_bar_cart .cart_right_conten { right: 0; } .flex-control-nav { position: relative; } .flex-control-nav li { padding: 10px; } .comment-respond .comment-form-rating label { margin-bottom: 10px; display: block; } .comment-respond .comment-form-author, .comment-respond .comment-form-email { position: relative; float: left; width: 50%; z-index: 99; margin-right: 0px !important; } .comment-respond .comment-form-author { padding-right: 15px; } .comment-respond .comment-form-email { padding-left: 15px; } .comment-respond .comment-form-cookies-consent { margin: 0px 0px 25px; } .comment-respond .form-submit input { font-size: 12px; font-family: var(--nas-family-one); } @media (max-width: 768px) { .comment-respond .comment-form-author, .comment-respond .comment-form-email { width: 100%; padding-left: 0px; padding-right: 0px; } }  .product_shop_section .project-wrapper.grid_box { margin-bottom: 0px !important; } .product_shop_section.three_column .product_box.type_one { padding: 30px 35px; }  @media (max-width: 768px) { .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li { width: 100%; margin-bottom: 8px !important; text-align: center; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none !important; } }  .offer.style_one { position: relative; } .offer.style_one .counter_section { position: relative; text-align: left; margin-bottom: 20px; } .offer.style_one .counter_section .Countdown-timer .item { padding: 0px 20px 0px 0px; margin-right: 20px; } .offer.style_one .counter_section .Countdown-timer .item span { color: var(--heading-dark); } .offer.style_one .counter_section .Countdown-timer .item p { color: var(--heading-dark); } .offer.style_one .counter_section .Countdown-timer .item small { color: var(--heading-dark); } .offer.style_one h6 { font-size: 18px; line-height: 30px; padding: 5px 15px; background: #fff; color: var(--primary-color-one); font-weight: 600; display: inline-block; margin-bottom: 30px; } .offer.style_one h1 { font-size: 54px; line-height: 70px; margin-bottom: 20px; color: var(--heading-dark); } .offer.style_one p { margin-bottom: 20px; } .offer.style_one .bottom_content { position: relative; } .woocommerce-privacy-policy-text { margin-bottom: 15px; } @media (max-width: 992px) { .columns-1 .project-wrapper, .columns-2 .project-wrapper, .columns-3 .project-wrapper, .columns-4 .project-wrapper, .columns-5 .project-wrapper, .columns-6 .project-wrapper, .columns-7 .project-wrapper, .columns-8 .project-wrapper, .columns-9 .project-wrapper, .columns-10 .project-wrapper { width: 33.33% !important; } } @media (max-width: 768px) { .columns-1 .project-wrapper, .columns-2 .project-wrapper, .columns-3 .project-wrapper, .columns-4 .project-wrapper, .columns-5 .project-wrapper, .columns-6 .project-wrapper, .columns-7 .project-wrapper, .columns-8 .project-wrapper, .columns-9 .project-wrapper, .columns-10 .project-wrapper { width: 50% !important; } } @media (max-width: 480px) { .columns-1 .project-wrapper, .columns-2 .project-wrapper, .columns-3 .project-wrapper, .columns-4 .project-wrapper, .columns-5 .project-wrapper, .columns-6 .project-wrapper, .columns-7 .project-wrapper, .columns-8 .project-wrapper, .columns-9 .project-wrapper, .columns-10 .project-wrapper { width: 100% !important; } } .woocommerce-lost-password { padding: 100px; text-align: center; background: var(--primary-color-three); } .woocommerce-lost-password .lost_reset_password p { margin-bottom: 20px; } .woocommerce-lost-password .lost_reset_password .woocommerce-Input--text { margin-bottom: 15px !important; } .woocommerce-lost-password .woocommerce { max-width: 700px; margin: auto; background: #fff; padding: 50px; border: 1px solid var(--border-color-dark); } .woocommerce-lost-password .woocommerce form .form-row-first, .woocommerce-lost-password .woocommerce-page form .form-row-first { float: unset; margin: auto; width: unset !important; } @media (max-width: 768px) { .woocommerce-lost-password { padding: 50px; } .woocommerce-lost-password .woocommerce { max-width: 95%; padding: 20px; } } .products_box_outer .products.project_container { padding-top: 10px; } .products_box_outer .products_project_container { margin: 0px; padding: 0px; text-align: center; } .products_box_outer .product-category { position: relative; display: inline-block; width: 24%; padding: 5px 10px 10px; } .products_box_outer .product-category a { border: 1px solid var(--border-color-dark); padding: 20px 15px; border-radius: 10px; text-align: center; display: block; } .products_box_outer .product-category img { width: 100px; height: auto; margin: auto; display: block; } .products_box_outer .product-category .woocommerce-loop-category__title { font-size: 18px; line-height: 26px; color: var(--heading-dark); margin: 0px; } .products_box_outer .product-category .woocommerce-loop-category__title .count { width: 30px; height: 30px; position: relative; display: inline-block; background: var(--primary-color-three); color: var(--primary-color-one); font-size: 16px; line-height: 26px; text-align: center; border-radius: 30px; } @media (max-width: 992px) { .products_box_outer .product-category { width: 32%; } .products_box_outer .product-category a { min-height: 200px; } } @media (max-width: 768px) { .products_box_outer .product-category { width: 49%; } } @media (max-width: 450px) { .products_box_outer .product-category { width: 100%; } } .sold-individually .quantity { display: none; } .woocommerce-checkout-payment { padding: 20px; background: var(--primary-color-three); } .accordion-box .accordion { position: relative; margin: 0px 0 20px; padding: 20px 25px 15px; background: #fff; list-style: none; border: 1px solid var(--border-color-dark); } .accordion-box .accordion h4 { font-size: 18px; } .accordion-box .accordion .icon-outer { position: absolute; top: 25px; right: 23px; opacity: 1 !important; color: var(--heading-dark); font-size: 16px; }  .widget_product_tag_cloud { position: relative; } .widget_product_tag_cloud .tag-cloud-link { padding: 8px 15px; background: var(--primary-color-three); border-radius: 5px; font-size: 15px; font-weight: 500; font-family: var(--nas-family-one); color: var(--text-color-dark); border: 1px solid var(--border-color-dark); transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; display: inline-block; margin-bottom: 5px; } .widget_product_tag_cloud .tag-cloud-link:hover { background: var(--primary-color-one) !important; color: #fff !important; } .woocommerce .widgets_grid_box .product_list_widget, .woocommerce .widgets_grid_box .cart_list { overflow: inherit !important; padding: 0px; margin: 0px; position: relative; -webkit-padding-start: 0px; padding-inline-start: 0px; } .woocommerce .widgets_grid_box .product_list_widget li, .woocommerce .widgets_grid_box .cart_list li { display: flex; padding-top: 0px; min-height: 85px; margin-bottom: 15px !important; padding-bottom: 15px; border-bottom: 1px solid var(--border-color-dark); padding-left: 0px !important; align-items: center; } .woocommerce .widgets_grid_box .product_list_widget li .content, .woocommerce .widgets_grid_box .cart_list li .content { padding-left: 12px; } .woocommerce .widgets_grid_box .product_list_widget li span.product-title, .woocommerce .widgets_grid_box .cart_list li span.product-title { color: var(--heading-dark); line-height: 22px; display: block; font-size: 16px; text-align: left; font-weight: 600; font-size: 16px; margin-bottom: 7px; text-transform: capitalize; } .woocommerce .widgets_grid_box .product_list_widget li img, .woocommerce .widgets_grid_box .cart_list li img { width: 70px; height: 70px; margin-top: 0px; float: left; margin-left: 0px; -o-object-fit: cover; object-fit: cover; border-radius: 8px; } .woocommerce .widgets_grid_box .product_list_widget li .woocommerce-Price-amount.amount, .woocommerce .widgets_grid_box .cart_list li .woocommerce-Price-amount.amount { margin-left: 14px; font-size: 12px; font-family: var(--nas-family-one); color: var(--primary-color-one); } .woocommerce .widgets_grid_box .product_list_widget li del, .woocommerce .widgets_grid_box .cart_list li del { margin-right: 8px; text-decoration: line-through; } .woocommerce .widgets_grid_box .product_list_widget li del .woocommerce-Price-amount.amount, .woocommerce .widgets_grid_box .cart_list li del .woocommerce-Price-amount.amount { color: var(--text-color-light) !important; } .woocommerce .widgets_grid_box .product_list_widget li .star-rating, .woocommerce .widgets_grid_box .cart_list li .star-rating { margin-left: 75px; margin-bottom: 10px; } .woocommerce .widgets_grid_box .product_list_widget li del, .woocommerce .widgets_grid_box .product_list_widget li ins, .woocommerce .widgets_grid_box .cart_list li del, .woocommerce .widgets_grid_box .cart_list li ins { float: left; font-size: 12px; font-family: var(--nas-family-one); color: var(--primary-color-one); } .woocommerce .widgets_grid_box .product_list_widget li del .woocommerce-Price-amount.amount, .woocommerce .widgets_grid_box .product_list_widget li ins .woocommerce-Price-amount.amount, .woocommerce .widgets_grid_box .cart_list li del .woocommerce-Price-amount.amount, .woocommerce .widgets_grid_box .cart_list li ins .woocommerce-Price-amount.amount { margin-left: 0px !important; margin-right: 0px !important; } .woocommerce .widgets_grid_box .product_list_widget li:last-child, .woocommerce .widgets_grid_box .cart_list li:last-child { border-bottom: 0px !important; } .woocommerce .widgets_grid_box .wc-block-grid__products { position: relative; display: block; flex-wrap: inherit; } .woocommerce .widgets_grid_box .wc-block-grid__products li { width: 100%; flex: 100%; max-width: 100%; margin-bottom: 15px !important; padding-bottom: 15px; border-bottom: 1px solid var(--border-color-dark); text-align: left; padding: 0px 0px; } .woocommerce .widgets_grid_box .wc-block-grid__products li a { display: block; } .woocommerce .widgets_grid_box .wc-block-grid__products li a .wc-block-grid__product-image { width: 60px; height: 70px; margin-top: 0px; float: left; margin-left: 0px; -o-object-fit: cover; object-fit: cover; border-radius: 8px; } .woocommerce .widgets_grid_box .wc-block-grid__products li a .wc-block-grid__product-title { margin-left: 75px; font-weight: 600; text-transform: capitalize; font-family: var(--nas-family-one); font-size: 16px; } .woocommerce .widgets_grid_box .wc-block-grid__products li .wc-block-grid__product-price { margin-left: 75px; } .woocommerce .widgets_grid_box .wc-block-grid__products li .wc-block-grid__product-price del, .woocommerce .widgets_grid_box .wc-block-grid__products li .wc-block-grid__product-price ins { font-size: 12px; font-family: var(--nas-family-one); color: var(--primary-color-one); } .woocommerce .widgets_grid_box .wc-block-grid__products li .wc-block-grid__product-price del { color: var(--text-color-light) !important; margin-right: 8px; text-decoration: line-through; } .woocommerce .widgets_grid_box .wc-block-grid__products li .wc-block-grid__product-onsale { position: absolute; left: 2px; top: 2px; background: var(--primary-color-one); font-size: 10px; font-weight: 500; color: #fff; border: 0px; border-radius: 5px; } .woocommerce .widgets_grid_box .wc-block-grid__products li .wc-block-grid__product-rating { margin: 0px 0px 5px 0px; } .woocommerce .widgets_grid_box .wc-block-grid__products li .wc-block-grid__product-rating::after { content: ""; clear: both; display: table; } .woocommerce .widgets_grid_box .wc-block-grid__products li .wc-block-grid__product-rating .star-rating { position: absolute; float: left; width: 100%; margin-left: 75px; } .woocommerce .widgets_grid_box .wc-block-grid__products li .wp-block-button.wc-block-grid__product-add-to-cart { margin-left: 75px; } .woocommerce .widgets_grid_box .wc-block-grid__products li .wp-block-button.wc-block-grid__product-add-to-cart a { font-size: 10px; border: 0px; padding: 4px 14px; border-radius: 30px; font-weight: 500; display: inline-block; text-transform: none; color: #fff; background: var(--primary-color-one); margin: 12px 0px 0px 0px; } .woocommerce .widgets_grid_box .wc-block-product-categories-list { position: relative; } .woocommerce .widgets_grid_box .wc-block-product-categories-list li { position: relative; padding: 15px 25px 14px 20px; } .woocommerce .widgets_grid_box .wc-block-product-categories-list li::before { position: absolute; content: ""; width: 10px; height: 10px; border-radius: 20px; border: 1px solid var(--border-color-dark); left: 0; top: 0; bottom: 0; margin: auto; } .woocommerce .widgets_grid_box .wc-block-product-categories-list li:first-child { padding-top: 0px !important; } .woocommerce .widgets_grid_box .wc-block-product-categories-list li:first-child::before { top: -16px; } .woocommerce .widgets_grid_box .wc-block-product-categories-list li:last-child { padding-bottom: 0px !important; } .woocommerce .widgets_grid_box .wc-block-product-categories-list li:last-child::before { bottom: -12px; } .woocommerce .widgets_grid_box .wc-block-product-categories-list li span.wc-block-product-categories-list-item-count { position: absolute; right: 0; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background: var(--primary-color-three) !important; height: 6px !important; } .widgets_grid_box .price_slider_wrapper .button { padding: 10px 20px !important; line-height: normal !important; width: 100px; font-size: 12px; min-height: 35px; height: 35px; } .widgets_grid_box .price_slider_wrapper .price_label { margin-left: 110px; text-align: left; font-size: 12px; line-height: 26px; font-weight: 600; font-family: var(--nas-family-one); color: var(--heading-dark); line-height: 35px; } .widgets_grid_box .price_slider_wrapper .price_label span { color: var(--primary-color-one); } .widgets_grid_box .widget_layered_nav_filters ul li { border: 0px !important; } .widgets_grid_box .widget_layered_nav_filters ul li a::before { color: var(--primary-color-one) !important; }  .wc-block-product-search__label { position: relative; margin-bottom: 50px; font-size: 18px; margin-left: 60px; font-weight: 700; line-height: 26px; color: var(--heading-dark); font-family: var(--nas-family-one); } .wc-block-product-search__label:before { position: absolute; content: ""; width: 50px; left: -60px; height: 2px; background: var(--primary-color-one); top: 0; bottom: 0; margin: auto; } .wc-block-product-search__label:after { position: absolute; content: ""; width: 10px; left: -60px; height: 10px; border-radius: 10px; background: var(--primary-color-one); top: 0; bottom: 0; margin: auto; } .wc-block-product-search__fields { position: relative; } .wc-block-product-search__fields input { width: 100%; padding: 0px 15px; } .wc-block-product-search__fields .wc-block-product-search__button { position: absolute; top: 0; right: 0; bottom: 0; width: 56px; height: 56px; line-height: 56px; background: transparent; border: 0px; } .wc-block-product-search__fields .wc-block-product-search__button:before { position: absolute; content: "\e914"; font-family: "icomoon"; font-size: 20px; color: var(--primary-color-two); top: 0px; right: 20px; bottom: 0; margin: auto; z-index: 1; height: 56px; line-height: 56px; font-weight: 500; } .wc-block-product-search__fields .wc-block-product-search__button svg { display: none; } .object_banner_fit img { -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .job_grid_box { position: relative; background: var(--primary-color-three); border: 1px solid var(--border-color-dark); padding: 30px 30px; border-radius: 5px; margin-bottom: 30px; } .job_grid_box .inner_bx { position: relative; } .job_grid_box .inner_bx .logo_bx { position: absolute; width: 105px; top: 0; left: 0; } .job_grid_box .inner_bx .logo_bx img { width: 80px; } .job_grid_box .inner_bx .content_bx { position: relative; margin-left: 105px; } .job_grid_box .inner_bx .content_bx .meta { position: relative; margin-top: 18px; margin-bottom: 0px; padding-bottom: 0px; padding-left: 0px; margin-left: 0px; padding-top: 18px; border-top: 1px solid var(--border-color-dark); } .job_grid_box .inner_bx .content_bx .meta li { display: inline-block; margin-right: 18px; margin-bottom: 0px; position: relative; padding-left: 25px; text-transform: capitalize; font-size: 15px; } .job_grid_box .inner_bx .content_bx .meta li::before { position: absolute; font-family: "icomoon"; font-size: 18px; color: var(--primary-color-one); left: 0; top: 0; bottom: 0; margin: auto; line-height: 20px; } .job_grid_box .inner_bx .content_bx .meta li:first-child::before { content: "\e9e6"; } .job_grid_box .inner_bx .content_bx .meta li.job-type:before { content: "\e978"; } .job_grid_box .inner_bx .content_bx .meta li.date:before { content: "\e98b"; } .job_grid_box .inner_bx .content_bx h3 { font-size: 22px; font-weight: 700; margin-bottom: 7px; line-height: 32px; } .job_grid_box .inner_bx .content_bx .company { position: relative; } .wp-video { width: 100% !important; height: 100% !important; } .single_job_listing .meta .location::before, .single_job_listing .company .company_twitter::before, .single_job_listing .meta .date-posted::before, .single_job_listing .company .website::before { color: var(--primary-color-one) !important; } .single_job_listing .meta .full-time { background-color: var(--primary-color-one) !important; padding: 10px 20px; border-radius: 30px; } .single_job_listing .company, .single_job_listing .company .company_video { border-color: var(--border-color-dark) !important; } .single_job_listing .com_inner { display: flex; } .single_job_listing .com_inner .company_logo { position: relative; float: unset; margin-right: 30px; max-width: 3rem; } .single_job_listing .com_inner .comp_content .list_meta { padding: 0px; margin: 0px 0px 5px; } .single_job_listing .com_inner .comp_content .list_meta li { list-style: none; display: inline-block; margin-right: 15px; } .single_job_listing .com_inner .comp_content h2 { font-size: 22px; font-weight: 700; margin-bottom: 7px; line-height: 32px; } .rp4wp-related-job_listing > ul li.job_listing a:hover, .rp4wp-related-job_listing > ul li.job_listing a:focus, .rp4wp-related-job_listing > ul li.no_job_listings_found a:hover, .rp4wp-related-job_listing > ul li.no_job_listings_found a:focus, ul.job_listings li.job_listing a:hover, ul.job_listings li.job_listing a:focus, ul.job_listings li.no_job_listings_found a:hover, ul.job_listings li.no_job_listings_found a:focus { background-color: var(--primary-color-three) !important; } .job_filters .search_jobs { background: var(--primary-color-three); padding: 2rem 2rem 1rem 2rem !important; } .job_filters .job_types { padding: 1rem 0rem !important; background: #fff !important; } .rp4wp-related-job_listing > ul, ul.job_listings, .job_filters .job_types { border: unset !important; } .rp4wp-related-job_listing > ul li.job_listing, .rp4wp-related-job_listing > ul li.no_job_listings_found, ul.job_listings li.job_listing, ul.job_listings li.no_job_listings_found { border: 1px solid var(--border-color-dark) !important; margin-bottom: 10px !important; } .rp4wp-related-job_listing > ul li.job_listing a img.company_logo, .rp4wp-related-job_listing > ul li.no_job_listings_found a img.company_logo, ul.job_listings li.job_listing a img.company_logo, ul.job_listings li.no_job_listings_found a img.company_logo { left: 25px !important; } .rp4wp-related-job_listing > ul li.job_listing a div.position, .rp4wp-related-job_listing > ul li.no_job_listings_found a div.position, ul.job_listings li.job_listing a div.position, ul.job_listings li.no_job_listings_found a div.position { padding: 0 0 0 60px !important; } .rp4wp-related-job_listing > ul li.job_listing a, .rp4wp-related-job_listing > ul li.no_job_listings_found a, ul.job_listings li.job_listing a, ul.job_listings li.no_job_listings_found a { padding: 2rem 2rem !important; } .rp4wp-related-job_listing > ul li.job_listing a .meta .job-type, .rp4wp-related-job_listing > ul li.no_job_listings_found a .meta .job-type, ul.job_listings li.job_listing a .meta .job-type, ul.job_listings li.no_job_listings_found a .meta .job-type { font-size: 15px; font-family: var(--nas-family-one) !important; } .rp4wp-related-job_listing > ul li.job_listing a div.location, .rp4wp-related-job_listing > ul li.no_job_listings_found a div.location, ul.job_listings li.job_listing a div.location, ul.job_listings li.no_job_listings_found a div.location { text-transform: capitalize; font-family: var(--nas-family-one) !important; } .rp4wp-related-job_listing > ul li.job_listing a div.location strong, .rp4wp-related-job_listing > ul li.no_job_listings_found a div.location strong, ul.job_listings li.job_listing a div.location strong, ul.job_listings li.no_job_listings_found a div.location strong { color: var(--primary-color-one) !important; } .rp4wp-related-job_listing > ul li.job_listing.job_position_featured a, .rp4wp-related-job_listing > ul li.no_job_listings_found.job_position_featured a, ul.job_listings li.job_listing.job_position_featured a, ul.job_listings li.no_job_listings_found.job_position_featured a { opacity: 1 !important; } .rp4wp-related-job_listing > ul li.job_listing.job_position_featured, .rp4wp-related-job_listing > ul li.no_job_listings_found.job_position_featured, ul.job_listings li.job_listing.job_position_featured, ul.job_listings li.no_job_listings_found.job_position_featured { border-color: #fefee5 !important; } .rp4wp-related-job_listing > ul li.job_listing, .rp4wp-related-job_listing > ul li.no_job_listings_found, ul.job_listings li.job_listing, ul.job_listings li.no_job_listings_found { border-color: var(--primary-color-three) !important; } .rp4wp-related-job_listing > ul li.job_listing:hover, .rp4wp-related-job_listing > ul li.job_listing:focus, .rp4wp-related-job_listing > ul li.no_job_listings_found:hover, .rp4wp-related-job_listing > ul li.no_job_listings_found:focus, ul.job_listings li.job_listing:hover, ul.job_listings li.job_listing:focus, ul.job_listings li.no_job_listings_found:hover, ul.job_listings li.no_job_listings_found:focus { border-color: var(--primary-color-three) !important; } .job-manager-form h2 { margin-bottom: 30px; margin-top: 20px; } .job-manager-form input[type="file"] { padding: 10px 15px 10px 15px; } .job-manager-form fieldset label:not(.full-line-checkbox-field label) { font-size: 16px; color: var(--heading-dark); line-height: 28px; font-weight: 600; font-family: var(--nas-family-one); } .job-manager-form .spinner { position: absolute; bottom: -20px; right: 0; } .rp4wp-related-job_listing > ul li.job_listing a div.position h3, .rp4wp-related-job_listing > ul li.no_job_listings_found a div.position h3, ul.job_listings li.job_listing a div.position h3, ul.job_listings li.no_job_listings_found a div.position h3 { margin: 0px 0px 10px !important; } .header.header_default.style_nine .header_right_content .search-toggler, .header.header_default.style_nine .header_right_content .theme-btn { margin-left: 20px; } .header.header_default.style_nine.pack_two_style_two, .header.header_default.style_nine.pack_two_style_one { position: relative; } .header.header_default.style_nine.pack_two_style_two .header_right_content, .header.header_default.style_nine.pack_two_style_one .header_right_content { position: relative; } .header.header_default.style_nine.pack_two_style_two .header_right_content .search-toggler, .header.header_default.style_nine.pack_two_style_one .header_right_content .search-toggler { border: 0px; background: unset; color: var(--heading-dark); font-size: 20px; line-height: 20px; } .sidemenu_area { position: fixed; top: 0px; right: -100px; z-index: 99999999; width: 80%; height: 100%; text-align: center; transform: translateX(100%); transition: transform 500ms ease; transition: transform 500ms ease; border-radius: 10px 0px 0px 10px; } .sidemenu_area .side_menu_content { background-color: #fff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; margin: auto; z-index: 99999999999; box-shadow: var(--box-shadow-two); overflow: auto; padding: 40px 0px 0px; border: 1px solid var(--border-color-one); } .sidemenu_area .side_menu_content #side_menu_toggle_btn_close { position: fixed; background: var(--primary-color-one); font-size: 20px; color: #fff; width: 40px; height: 40px; text-align: center; line-height: 40px; top: 6px; left: -19px; border-radius: 50px; right: 0; z-index: 999999; } .sidemenu_area .side_menu_content::-webkit-scrollbar { width: 8px; } .sidemenu_area .side_menu_content::-webkit-scrollbar-track { box-shadow: inset 0 0 6px #f1f1f1; background: #f1f1f1; } .sidemenu_area .side_menu_content::-webkit-scrollbar-thumb { background: var(--primary-color-one); box-shadow: inset 0 0 6px var(--primary-color-one); } .sidemenu_area .side_menu_content::-webkit-scrollbar-thumb:window-inactive { background: var(--primary-color-one); } body.side_menu_toggled .sidemenu_area { transform: translateX(0%); right: 0; } body.side_menu_toggled #side_menu_toggle_btn { opacity: 0; visibility: hidden; } body.side_menu_toggled .style-switcher { z-index: 9999; } @media (min-width: 1500px) { .sidemenu_area { width: 65%; } } .sidemenu_content_bx { position: fixed; top: 20%; right: 8px; min-width: 75px; height: auto; transition: 500ms; z-index: 999999; min-height: 432px; margin: auto; transition: 0.5s ease-in-out !important; } .sidemenu_content_bx .not_for_mobile_cart { display: block !important; } .sidemenu_content_bx.scrolled { opacity: 0; top: 25%; visibility: hidden; } .sidemenu_content_bx li { text-align: center; display: block; position: relative; padding: 8px 8px; border-radius: 5px; z-index: 999999; font-size: 12px; color: #fff; border: 1px solid #fc2158; background-color: #fc2158; transition: 0.5s ease-in-out !important; } .sidemenu_content_bx li .mini-cart-count { position: absolute; width: 25px; top: 10px; left: -14px; height: 25px; font-size: 12px; line-height: 25px; text-align: center; border-radius: 30px; background: #fff; color: var(--text-color-dark); box-shadow: var(--box-shadow); font-weight: 600; } .sidemenu_content_bx li a { color: #fff; line-height: 10px; } .sidemenu_content_bx li img { width: 28px; display: block; padding-bottom: 5px; margin: auto; } .sidemenu_content_bx li:hover { border: 1px solid #fff; } @media (max-width: 992px) { .sidemenu_content_bx { display: none; } } .map-section .google-map { height: 545px; }   @media (max-width: 1199px) { .mini_cart_togglers.fixed_cart { top: unset; bottom: 40px; } .style-switcher #switcher-toggler { top: unset; bottom: 70px; } .sidemenu_area { width: 70%; } .crt_mobile_menu .menu-box { width: 90%; } .account_dashboard_cm { display: block !important; } .account_dashboard_cm .woocommerce-MyAccount-navigation { width: 100% !important; display: block !important; padding: 30px 30px 15px 30px; } .account_dashboard_cm .woocommerce-MyAccount-navigation li { display: inline-block; border: unset !important; padding: 0px 20px 0px 35px; margin-bottom: 15px !important; } .account_dashboard_cm .woocommerce-MyAccount-content { display: block !important; padding: 30px; } .page-template-elementor_canvas .account_dashboard_cm:before, .page-template-template-full-empty .account_dashboard_cm:before { display: none; } .page_wapper { overflow: hidden; } .modal_popup { padding: 50px 20px; } .header.style_one.style_two_remade { position: relative; } .header.style_one.style_two_remade .auto-container { padding: 15px 0px 15px; border-radius: 0px; } .header.style_three .mid_logo_icon { margin-bottom: 20px; } .header.style_three .same_column { padding: 0px !important; width: 33.33%; } .header.style_three .same_column::before { display: none !important; } .header.style_three .navbar_outer .menu_column { width: 100% !important; padding: 0px !important; } .header.style_three .navbar_outer .menu_column .hamburger_menu { float: left !important; top: 13px; } .header.style_three .navbar_outer .menu_column .hamburger_menu .line { background-color: #fff !important; } .header.style_three .navbar_outer .header_content_collapse { display: block !important; } .header.style_three .navbar_outer .header_content_collapse .header_menu_box { display: none !important; } .fixed-header .header.style_three .navbar_outer .menu_column .hamburger_menu .line { background-color: var(--primary-color-two) !important; } .slider.pag_position_one .owl-dots { position: absolute !important; top: inherit !important; left: 0px !important; transform: inherit !important; bottom: 20px !important; right: 0 !important; margin: auto; text-align: center; width: 100% !important; } .slider .p_pagination .swiper-pagination .owl-dots .owl-dot { display: inline-block !important; margin: 0px 10px !important; } br { display: none; } .parallax_cover img { -o-object-fit: cover !important; object-fit: cover !important; } .area_of_expertise .parallax_cover .simpleParallax img { width: 100% !important; height: 100% !important; position: absolute; top: 0; bottom: 0; left: 0; } .area_of_expertise .shape_enable { display: none; } .testimonial_sec.style_one .icon_quotes { position: relative; left: inherit !important; margin-bottom: 35px; } .team_intro_box .image_right, .team_intro_box .image_right img { height: 250px !important; width: auto !important; } .team_intro_box .image_right { top: inherit; bottom: 0px; } .contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode p { margin-bottom: 15px !important; } .slider.style_one:before, .slider.style_four:before { display: none; } } @media (max-width: 992px) { .not_for_mobile_cart { display: none; } .area_of_expertise .expertise_box:first-child::after { display: none; } .slider_version_v2.style_five .slide-item-content .slider_content { padding: 100px 0px !important; } .header_boxed.style_four { position: relative; } .breadcrumbs ul li { margin-bottom: 5px; } .right-sidebar .all_side_bar .side_bar, .left-sidebar .all_side_bar .side_bar { padding-right: 0px; margin-right: 0px; } .left-sidebar .all_side_bar .side_bar::after { display: none; } .slider.style_two { min-height: auto; } .grid_show_case .grid_box { width: 50% !important; } .slider.style_one .slide-item-content .slider_content, .slider.style_four .slide-item-content .slider_content, .slider.style_two .slide-item-content .auto-container { padding: 150px 0px !important; } .slider.style_two .slide-item-content, .slider.style_one .slide-item-content { text-align: center; } .slider.style_two .slide-item-content.content_right .slider_image, .slider.style_two .slide-item-content.content_left .slider_image { display: none !important; } .slider.style_two .slide-item-content .slider_content h1, .slider.style_four .slide-item-content .slider_content h1, .slider.style_one .slide-item-content .slider_content h1 { font-size: 50px; line-height: 60px; padding-left: 0px; border: 0px; margin-bottom: 15px; padding-bottom: 10px; } .slider.nav_position_one .owl-next { position: absolute; top: inherit; bottom: 80px; display: inline-block; right: 75px; } .slider.nav_position_one .owl-prev { position: absolute; top: inherit; bottom: 82px; left: 14px; display: inline-block; } .slider.style_two .owl-prev::before, .slider.style_two .owl-next::before { width: 50px; height: 50px; line-height: 50px; color: var(--primary-color-one); } .title_all_box .title_sections h2, .title_all_box.style_one .title_sections h2, .title_all_box.style_two .title_sections h2 { font-size: 36px; line-height: 46px; } .call_to_action.style_one .left_content { padding: 80px 30px; } .call_to_action.style_one .left_content .main_content h1 { font-size: 40px; line-height: 50px; } .call_to_action.style_one .bottom_content .button_content { display: block; } .call_to_action.style_one .bottom_content .button_content a { margin-bottom: 15px; } .call_to_action.style_one .bottom_content .call_content { margin-left: 0px; } .image_boxes.style_one { display: block; } .image_boxes.style_one .image.one { width: 100%; height: 100%; } .image_boxes.style_one .image.two { left: 0; right: 0; margin: auto; } .project_all.filt_style_one .fliter_group .project_filter li { margin-bottom: 5px; } .slider.style_one .slide-item-content .slider_image { display: none !important; } .newsteller.style_one .content { margin-bottom: 20px; } .image_boxes.style_two .image.one { width: 100%; display: block; margin-bottom: 30px; } .image_boxes.style_two { width: 100%; display: block; min-height: auto; } .image_boxes.style_two .image.two { position: relative; width: 100%; display: block; margin-bottom: 30px; float: none; right: inherit; margin-top: 0px; } .image_boxes.style_two .authour_quotes { width: auto; display: inline-block; bottom: inherit; top: 30px; left: 30px; } .image_boxes.style_two .background_image { display: none; } .error_404 { margin-bottom: 30px; text-align: center; } .team_intro_box .team_intro_inner .team_intro_start .title h6 { font-size: 26px; line-height: 36px; } .team_intro_box .team_intro_inner .team_intro_start .title h1 { font-size: 40px; line-height: 50px; } .price_plan_box.style_one, .price_plan_box.style_two { margin-bottom: 30px; } .single-post.right-sidebar .content-area, .single-post.left-sidebar .content-area { padding: 0px 0px !important; } .project_box.style_three .content_inner { float: none; width: 100%; margin-bottom: 30px; padding: 0px; } .project_box.style_three { padding: 30px; } .project_box.style_three .image { width: 100%; float: none; } .modal_popup .modal-popup-inner .about_company_inner { padding: 40px; } .area_of_expertise .title_and_video .video_box { position: relative; margin-bottom: 50px; } .area_of_expertise .title_and_video .title_all_box { text-align: center !important; } .top_bar.style_two { padding: 15px 0px 20px !important; } .slider_version_v3.style_one .slide-item-content .slider_content { padding: 0px 0px 50px !important; } } @media (max-width: 768px) { .testimonial_sec.style_three .arrows { z-index: 99; } .testimonial_sec.style_three .arrows .prev-single-one_three { left: 0; } .testimonial_sec.style_three .arrows .next-single-one_three { right: 50px; } .testimonial_sec.style_v2_two .arrows { position: relative; top: unset; } .testimonial_sec.style_v2_two .arrows .next-single-one { right: 60px; } .testimonial_sec.style_v2_two .arrows .prev-single-one { left: 0px; } .hidden-sm { display: none; } .slider.pag_position_two .owl-dots { position: absolute; left: unset !important; width: 100% !important; top: unset !important; bottom: 10px !important; } .slider.pag_position_two .owl-dots .owl-dot { display: inline-block !important; margin: 0px 8px !important; } .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li.dropdown.mega_menu .dropdown-menu .m_column { width: 50%; } .page_header_default .page_header_content .banner_title_inner .title_page { font-size: 30px; line-height: 40px; } .sidemenu_area { width: 100%; } .heading.type_one .heading_text { font-size: 30px; line-height: 40px; } .sidemenu_area .side_menu_content #side_menu_toggle_btn_close { left: unset; position: absolute; right: 0px; top: 0; border-radius: 0px; } .style-switcher { display: none; } .news_box.default_style.list_view { display: block; } .news_box.default_style.list_view .image { width: 100%; min-width: 100%; max-width: 100%; min-height: auto; overflow: hidden; } .news_box.default_style.list_view .content_box { padding: 30px 20px; } .newsteller.style_two .item_scubscribe { width: 100%; } .newsteller.style_two .item_scubscribe input[type="submit"] { position: relative; text-align: center; margin: auto; margin-top: 10px; } .single_banner.style_one .slider_content h1 { font-size: 40px; line-height: 52px; } .single_banner.style_one .slider_content h6 { font-size: 15px; line-height: 28px; } .modal_popup .modal-popup-inner .post_contet_modal .post_enable { grid-template-columns: 1fr 1fr 1fr; } .modal_popup .modal-popup-inner .post_contet_modal .post_enable .modal_post_grid img { width: 100px; height: 100px; } .sec_comments .comment-respond form .comment-form-author, .sec_comments .comment-respond form .comment-form-email { width: 100% !important; } .image_boxes .image_box { position: relative; margin: 20px 0px !important; width: 100%; } .image_boxes .image_box img { width: 100% !important; } .side_bar_cart .cart_right_conten { width: 100%; } .header_boxed.style_four .top_bar .theme-btn { padding: 0px 20px; } .header.style_three .same_column { padding: 0px !important; width: 50%; margin-bottom: 15px !important; } .testimonial_sec.style_v2_one .testimonial_box { display: block; } .testimonial_sec.style_v2_one .testimonial_box .image { min-width: 100%; width: 100%; margin-bottom: 20px; border-radius: 5px; } .testimonial_sec.style_v2_one .testimonial_box .authour_details { min-width: 100%; width: 100%; } .testimonial_sec.style_v2_one .arrows { position: relative; height: 50px; padding-top: 20px; left: 0; } .testimonial_sec.style_v2_one .arrows .prev-single-one { left: 10px; } .testimonial_sec.style_v2_one .arrows .next-single-one { right: 10px; } .slider.nav_position_one .owl-next, .slider.nav_position_one .owl-prev { display: none !important; } .tags_and_share { text-align: center; } .tags_and_share .tags_content { margin-bottom: 15px; } .tags_and_share .d-flex { display: block !important; } .tags_and_share .share_content { text-align: center !important; } .previouse_next_post ul li { float: none; width: 100%; padding: 0px; } .previouse_next_post ul li .prev_post { margin-right: 0px; margin-bottom: 20px; text-align: center; } .previouse_next_post ul li .prev_post .arrow { position: relative; left: inherit; } .previouse_next_post ul li .prev_post .text { margin-top: 20px; margin-left: 0px !important; } .previouse_next_post ul li .next_post { margin-left: 0px; } .previouse_next_post ul li .next_post .text { margin-left: 0px; margin-bottom: 20px; text-align: center; } .previouse_next_post ul li .next_post .arrow { position: relative; right: inherit; } .previouse_next_post ul li .next_post .text { margin-top: 20px; margin-right: 0px !important; } .tabs_all_box.type_one .tab_content .content_image h6 { font-size: 22px; line-height: 32px; } .blog_single_pageheader.page_header_default .meta_blog_single .left_side { float: none; margin-bottom: 20px; padding: 0px; } .blog_single_pageheader.page_header_default .page_header_content, .blog_single_pageheader.page_header_default .page_header_content .banner_title_inner { text-align: left !important; } .blog_single_pageheader.page_header_default .meta_blog_single { margin-bottom: 60px; } .blog_single_pageheader.page_header_default .meta_blog_single .right_side { float: none; margin-bottom: 20px; } .blog_single_pageheader.page_header_default .meta_blog_single .right_side .content_box_auht { position: relative; display: block !important; text-align: left; padding-left: 70px; } .blog_single_pageheader.page_header_default .meta_blog_single .right_side .content_box_auht .authour_content { text-align: left !important; } .blog_single_pageheader.page_header_default .meta_blog_single .right_side .content_box_auht .authour_image { position: absolute; top: 0; left: 0; bottom: 0; margin: auto; } .blog_single_pageheader.page_header_default .page_header_content { padding: 100px 0px 60px; } .tabs_all_box.type_one .tab_content .content_image h2 { font-size: 30px; line-height: 40px; } .time_line_section.style_one .time_line_box { padding-left: 50px; padding-right: 50px; } .tabs_all_box.type_one .tabs_header { position: relative; top: inherit; width: 100%; bottom: inherit; left: inherit; margin-bottom: 30px; } .tabs_all_box.type_one .tab_content .content_image { margin-left: 0px; padding: 255px 30px 50px; } .tabs_all_box.type_one { padding: 0px 15px; } .slider .slide-item-content .slider_content h1 { font-size: 40px !important; line-height: 50px !important; } .slider .slide-item-content .slider_content h1 span { font-size: 30px !important; line-height: 50px !important; } .header.style_two .logo_column .header_log_outer .phone_box { display: none; } .header.style_two .logo_column .header_log_outer .header_logo_box { margin-right: 0px; } .grid_show_case .grid_box { width: 50% !important; } .title_all_box .title_sections h2, .title_all_box.style_one .title_sections h2, .title_all_box.style_two .title_sections h2, .title_all_box.style_one .title_sections .title, .title_all_box.style_two .title_sections .title { font-size: 32px; line-height: 42px; } .job_grid_box .inner_bx .logo_bx { position: relative; } .job_grid_box .inner_bx .content_bx { margin-left: 0px; margin-top: 20px; } .faqs_accordion.type_one .article-title { font-size: 18px; line-height: 28px; } .call_to_action.style_one .left_content { padding: 80px 20px; } .call_to_action.style_one .left_content .main_content h6 { font-size: 18px; line-height: 28px; } .call_to_action.style_one .left_content .main_content h1 { font-size: 30px; line-height: 40px; } .call_to_action.style_one .left_content .main_content p { padding-bottom: 25px; margin-bottom: 25px; } .title_all_box .title_sections .before_title, .title_all_box.style_one .title_sections .before_title, .title_all_box.style_two .title_sections .before_title { font-size: 16px; line-height: 26px; } .icon_box_all.style_one .icon_content h3 a { font-size: 18px; line-height: 28px; } .title_all_box .title_sections p, .title_all_box.style_one .title_sections p, .title_all_box.style_two .title_sections p { font-size: 15px; line-height: 26px; } .testimonial_sec.style_one.light_color .testimonial_box .comment { font-size: 16px; line-height: 26px; font-weight: 400; } .team_box.style_one .team_box_outer .about_member .authour_details h6 { font-size: 20px; line-height: 30px; } .fourntcontent { text-align: center; } .fourntcontent h1 { font-size: 40px; line-height: 50px; } .fourntcontent h2 { font-size: 24px; line-height: 34px; } .team_intro_box .team_intro_inner .team_intro_start .title h6 { font-size: 22px; line-height: 32px; } .team_intro_box .team_intro_inner .team_intro_start .title h1 { font-size: 32px; line-height: 42px; } .team_intro_box .team_intro_inner .team_intro_start .quotes span { position: relative; top: inherit; left: inherit; margin-bottom: 20px; display: block; } .team_intro_box .team_intro_inner .team_intro_start .quotes { padding-left: 0px; } .team_intro_box .team_intro_inner .team_intro_start .quotes h5 { font-size: 18px; line-height: 28px; } .team_intro_box .team_intro_inner .team_intro_start .authour_dtls { margin-left: 0px; } .team_intro_box .team_intro_inner .team_intro_start .left_content { padding: 80px 60px 270px; } .team_intro_box .image_right { display: none; } .price_plan_box.style_one .top h2 { font-size: 24px; line-height: 34px; } .call_to_action.style_two .image_right { opacity: 0.5; } .call_to_action.style_two .left_content h1 { font-size: 26px; line-height: 36px; } .client_logo_carousel .swiper-slide .image::before { display: none; } .counter_section .logo_sec { margin-bottom: 30px; } .counter_section .title h2 { font-size: 40px; line-height: 50px; margin-bottom: 15px; } .blog.right-sidebar .content-area, .blog.left-sidebar .content-area { padding-left: 0px !important; padding-right: 0px !important; } .offer.style_one { text-align: center; } .offer.style_one h1 { font-size: 40px; line-height: 56px; } .newsteller.style_three h2 { font-size: 40px; line-height: 56px; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button { float: unset !important; display: inline-block; width: 100%; } .image_box_new.type_two .image.one { float: unset; } .image_box_new.type_two .image.two { position: relative; top: unset; right: unset; padding-top: 15px; } .image_box_new.type_two img { width: 100%; } .team_box.type_one .image_box img { width: 100%; } } @media (max-width: 550px) { .process_box.style_two .process_box_outer_two .content_box .icon { float: unset; margin-bottom: 15px; } .process_box.style_two .process_box_outer_two .content_box h2 { margin-left: unset; } .account_dashboard_cm .woocommerce-MyAccount-navigation li { display: block; } .header.style_three .same_column { width: 100%; } .offer.style_one h1 { font-size: 30px; line-height: 46px; } .newsteller.style_three h2 { font-size: 30px; line-height: 46px; } .offer.style_one .counter_section .Countdown-timer .item { padding: 0px 0px !important; margin: 0px 0px 20px !important; } .offer.style_one .counter_section .Countdown-timer .item:last-child { margin-bottom: 0px !important; } .header.style_three .col-lg-9.col-md-12 { display: none; } .header.style_three .mid_logo_icon { margin-bottom: 0px !important; text-align: center; } .header.style_three .header_right_content ul li:first-child { display: none !important; } .project_all.filt_style_two .fliter_group .project_filter li, .project_all.filt_style_three .fliter_group .project_filter li, .project_all.filt_style_four .fliter_group .project_filter li, .project_all.filt_style_five .fliter_group .project_filter li { display: block; margin-bottom: 15px; } .team_intro_box .team_intro_inner .team_intro_start .title h6 { font-size: 18px; line-height: 28px; } .team_intro_box .team_intro_inner .team_intro_start .title h1 { font-size: 26px; line-height: 36px; } .tabs_all_box.type_one .tab_content .content_image h6 { font-size: 18px; line-height: 28px; } .tabs_all_box.type_one .tab_content .content_image h2 { font-size: 20px; line-height: 30px; margin-bottom: 12px; } .tabs_all_box.type_one .tab_content .content_image h2 p { font-size: 15px; line-height: 26px; } .slider .slide-item-content .slider_content h1 { font-size: 28px !important; line-height: 42px !important; } .slider .slide-item-content .slider_content h1 span { font-size: 20px !important; line-height: 30px !important; } .slider.style_three .slide-item-content .slider_content ul li:last-child { display: none !important; } .slider.style_three .slide-item-content.content_right .slider_content ul li .theme-btn { margin: 0px !important; } .slider .slide-item-content .slider_content p { font-size: 14px !important; line-height: 24px !important; margin-bottom: 20px !important; } .grid_show_case .grid_box { width: 100% !important; } .title_all_box .title_sections h2, .title_all_box.style_one .title_sections h2, .title_all_box.style_two .title_sections h2 { font-size: 28px !important; line-height: 38px !important; } p { font-size: 14px !important; line-height: 24px !important; } .call_to_action.style_one .left_content { padding: 80px 10px; } .call_to_action.style_one .left_content .main_content h1 { font-size: 28px; line-height: 38px; } .call_to_action.style_one .left_content .main_content p { padding-bottom: 20px; margin-bottom: 20px; font-size: 15px; line-height: 26px; } .title_all_box .title_sections .before_title, .title_all_box.style_one .title_sections .before_title, .title_all_box.style_two .title_sections .before_title { font-size: 16px !important; line-height: 26px !important; } .image_boxes.style_four .image_content_inner h2 { font-size: 16px; line-height: 26px; text-align: left; } .image_boxes.style_four .image_box.one { margin-bottom: 15px; } .image_boxes.style_four .image_box .pad_zero_left { padding: 0px !important; margin-bottom: 15px; } .image_boxes.style_four .image_box .pad_zero_right { padding: 0px !important; } .image_boxes.style_one { display: block; } .image_boxes.style_one .image.two { position: relative; margin-top: 20px !important; width: 100%; height: 100%; bottom: inherit; left: inherit; right: inherit; margin: auto; } .testimonial_sec.style_two .single_swiper_tab .swiper-wrapper .swiper-slide { width: 100% !important; } .testimonial_sec.style_two .testimonial_box .comment { font-size: 15px; line-height: 25px; font-weight: 400; } .news_box .content_box h2 a { font-size: 16px !important; line-height: 26px !important; } .testimonial_sec.style_one.light_color .testimonial_box .comment { font-size: 15px; line-height: 26px; } .testimonial_sec.style_one.light_color .testimonial_box .authour_details .details h2 { font-size: 18px; line-height: 28px; } .team_box.style_one .team_box_outer .about_member .authour_details h6 { font-size: 18px; line-height: 28px; } .newsteller.style_one .content h2 { font-size: 22px; line-height: 32px; } .fourntcontent h1 { font-size: 30px; line-height: 40px; } .fourntcontent h2 { font-size: 18px; line-height: 28px; } .progress_bar.style_two .progress { float: none; } .progress_bar.style_two .content_box { margin-left: 0px; margin-top: 15px; } .progress_bar.style_two .content_box h3 { font-size: 20px; line-height: 30px; } .price_plan_box.style_one .top h2 { font-size: 20px; line-height: 30px; } .price_plan_box.style_one .mid h4 { font-size: 38px; line-height: 48px; } .call_to_action.style_two .left_content h1 { font-size: 22px; line-height: 32px; } .call_to_action.style_two .image_right { margin: 0px !important; top: inherit; bottom: 0; } .call_to_action.style_two .image_right img { height: 250px; width: auto; } .call_to_action.style_two .left_content { padding: 50px 0px; } .call_to_action.style_two .left_content .call_content { display: block; } .call_to_action.style_two .left_content .call_content .content_bx { margin-left: 0px; margin-top: 15px; } .service_box.style_four .service_content .content_inner h2 a { font-size: 18px; line-height: 28px; } .counter_section .title h2 { font-size: 40px; line-height: 50px; } .counter_section .title h2 { font-size: 30px; line-height: 40px; } .counter_section .Countdown-timer .item { display: block; } .counter_section .Countdown-timer .item span { font-size: 22px; line-height: 32px; } .counter_section .Countdown-timer .item small { display: none; } .service_post.style_one .service_content h2 a, .service_box.style_two .service_content_two .overlay_content h2 a, .service_box.style_three .service_content .content_inner h2 a, .project_post.style_four .project_caro_content h2 a, .project_post.style_four .project_caro_content h2 a, .project_box.style_three .content_inner h2 a, .project_post.style_five .project_caro_content h2 a { font-size: 18px; line-height: 28px; } .project_information h2 { font-size: 20px; line-height: 20px; } .project_box.style_three { padding: 20px; } .project_box.style_three .image .text { position: relative; bottom: 0; right: 0; padding: 10px 15px; border-radius: 0px; } .project_box.style_three .image .text ul li span { margin-left: 0px; } .project_box.style_three .content_inner .share_socail button { margin-bottom: 5px; } .project-wrapper.grid-item { padding: 0px 8px; } .contact_form_box_all.type_one .contact_form_box_inner { padding: 30px 15px; } .contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode p i { top: 40px; font-size: 12px; height: 12px; } } @media (max-width: 550px) { .crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li.dropdown.mega_menu .dropdown-menu .m_column { width: 100%; padding: 0px; } .modal_popup .modal-popup-inner .form_inner { padding: 30px; } .service_post.style_five .content_box h2 a, .project_post.style_eight .content_box h2 a { font-size: 16px; line-height: 26px; margin-bottom: 10px; } .news_box.style_eight .content_box a.link__go { font-size: 14px; } .project_all.filt_style_eight .fliter_group .project_filter li { display: block; margin-bottom: 10px; } .service_post.style_five .content_box .read_more { font-size: 14px; } .image_boxes.style_six .image_box .experience { bottom: 10px; } .image_boxes.style_six .image_box .experience .experience_inner h2 { font-size: 18px; line-height: 28px; } .link_box_contents.style_one .link_content_bx .image_box img, .link_box_contents.style_two .link_content_bx .image_box img { height: auto; } .time_line_section.style_two .event_box .date_box h6 { font-size: 14px; } .header.style_five .container-fluid { padding: 0px 0px; } .slider.style_two .slide-item-content .slider_content ul li:last-child { display: none !important; } .crt_mobile_menu .menu-box { width: 100%; } .area_of_expertise .title_and_video .col-lg-4 { text-align: center; } .slider_version_v2.style_four .slider_content .thm_btn a { margin-bottom: 10px !important; } .area_of_expertise .expertise_box .step_number h1 { font-size: 40px; line-height: 50px; } .area_of_expertise .expertise_box .title { margin-left: 90px; } .area_of_expertise .expertise_box .title a { font-size: 18px; line-height: 28px; } .slider.style_four .slide-item-content .slider_content h6 { font-size: 13px; line-height: 23px; padding: 8px 20px; border-width: 1px; } .theme-btn.one, .theme-btn.two, .theme-btn.three, .theme-btn.five { height: 46px; line-height: 48px !important; min-height: 46px; font-size: 12px; padding: 0px 25px; min-width: auto; } .team_intro_box .team_intro_inner .team_intro_start .left_content { padding: 60px 30px 280px; } .breadcrumbs ul { display: block; } .breadcrumbs ul li { display: inline-block; } }  .banner-search-form { position: relative; z-index: 999; margin-top: 65px; } .large-top { margin-top: 100px; } .banner-search-form .theme-btn { width: 100%; } .enhanced-search-section { background: #ffffff; border-radius: 12px; padding: 30px 25px; border: 1px solid #e0e0e0; position: relative; animation: slideInUp 0.8s ease-out; } .enhanced-search-section::before { display: none;  } .enhanced-search-section::after { display: none;  }  .search-tabs-wrapper { margin-bottom: 25px; } .tab-navigation { display: flex; background: #f8f9fa; border-radius: 8px; padding: 4px; border: 1px solid #e0e0e0; position: relative; } .tab-navigation input[type="radio"] { display: none; } .tab-btn { flex: 1; text-align: center; padding: 12px 16px; border-radius: 6px; font-weight: 600; font-size: 14px; color: #6c757d; cursor: pointer; transition: all 0.2s ease; position: relative; display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0 2px; background: transparent; border-radius: 10px 0px 10px 0px; } .tab-btn::before { display: none;  } .tab-btn:hover::before { display: none; } .tab-btn i { font-size: 14px; } .tab-btn span { font-weight: 600; } .tab-navigation input[type="radio"]:checked + .tab-btn { background: var(--primary-color-one); color: white; border: 1px solid var(--primary-color-one); } .tab-navigation input[type="radio"]:checked + .tab-btn i { transform: none;  }  .search-content-wrapper { position: relative; } .search-tabcontent { display: none; animation: fadeInUp 0.3s ease-out; } .search-tabcontent.active { display: block; } .search-fields-grid { display: grid; gap: 16px; grid-template-columns: 1fr; } .search-field { position: relative; } .field-label { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: #495057; margin-bottom: 8px; } .field-label i { color: var(--primary-color-one); font-size: 14px; }  .enhanced-dropdown { position: relative; } .dropdown-trigger { width: 100%; height: 48px; padding: 0 16px; background: white; border: 1px solid #ced4da; border-radius: 6px; font-size: 14px; font-weight: 500; color: #495057; display: flex; align-items: center; justify-content: space-between; cursor: pointer; transition: border-color 0.2s ease; } .dropdown-trigger::before { display: none;  } .dropdown-trigger:hover { border-color: var(--primary-color-one); } .dropdown-trigger:hover::before { display: none; } .dropdown-trigger:focus { outline: none; border-color: var(--primary-color-one); } .dropdown-trigger .selected-text { flex: 1; text-align: left; } .dropdown-trigger i { transition: transform 0.2s ease; color: #6c757d; font-size: 12px; } .dropdown-trigger[aria-expanded="true"] i { transform: rotate(180deg); } .enhanced-dropdown .dropdown-menu { border: 1px solid #e0e0e0; border-radius: 6px; padding: 8px; margin-top: 4px; background: white; max-height: 200px; overflow-y: auto; } .enhanced-dropdown .dropdown-menu::-webkit-scrollbar { width: 4px; } .enhanced-dropdown .dropdown-menu::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 2px; } .enhanced-dropdown .dropdown-menu::-webkit-scrollbar-thumb { background: #ccc; border-radius: 2px; } .enhanced-dropdown .dropdown-item { padding: 10px 12px; font-size: 14px; color: #495057; border-radius: 4px; transition: background-color 0.2s ease; margin: 1px 0; font-weight: 500; display: flex; align-items: center; gap: 8px; background: transparent; } .enhanced-dropdown .dropdown-item::before { display: none;  } .enhanced-dropdown .dropdown-item:hover { background-color: var(--primary-color-one); color: white; } .enhanced-dropdown .dropdown-item:hover::before { display: none; } .enhanced-dropdown .dropdown-item i { width: 16px; text-align: center; font-size: 12px; }  .search-action { margin-top: 20px; text-align: center; } .enhanced-search-btn { width: 100%; height: 48px; background: var(--primary-color-one); border: none; border-radius: 6px; color: white; font-size: 15px; font-weight: 600; cursor: pointer; position: relative; transition: background-color 0.2s ease; text-transform: uppercase; letter-spacing: 0.5px; } .enhanced-search-btn .btn-content .btn-text { font-size: 17px; font-weight: 700; } .enhanced-search-btn .btn-overlay { display: none;  } .enhanced-search-btn:hover { background: var(--primary-color-two); } .enhanced-search-btn:hover .btn-overlay { display: none; } .enhanced-search-btn:active { transform: none;  } .enhanced-search-btn i { font-size: 16px; }  @keyframes slideInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }  @media (max-width: 1200px) { .enhanced-search-section { padding: 25px 20px; } } @media (max-width: 992px) { .banner-search-form { margin-top: -50px; } .enhanced-search-section { padding: 20px 16px; border-radius: 8px; } .tab-btn { padding: 10px 12px; font-size: 13px; } .dropdown-trigger { height: 44px; font-size: 13px; } .enhanced-search-btn { height: 44px; font-size: 14px; } } @media (max-width: 768px) { .enhanced-search-section { padding: 16px 12px; border-radius: 6px; } .tab-navigation { flex-direction: column; gap: 4px; } .tab-btn { margin: 0; } .search-fields-grid { gap: 12px; } .dropdown-trigger { height: 42px; padding: 0 12px; } .enhanced-search-btn { height: 42px; } } @media (max-width: 576px) { .enhanced-search-section { margin: 0 8px; padding: 14px 10px; } .tab-btn span { display: none; } .tab-btn { padding: 10px; } .field-label { font-size: 12px; } .dropdown-trigger { font-size: 12px; } }  .enhanced-search-btn.loading { pointer-events: none; opacity: 0.7; } .enhanced-search-btn.loading::after { content: ""; position: absolute; width: 20px; height: 20px; border: 2px solid transparent; border-top: 2px solid white; border-radius: 50%; animation: spin 1s linear infinite; top: 50%; left: 50%; transform: translate(-50%, -50%); } @keyframes spin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } }  .tab-btn:focus, .dropdown-trigger:focus, .enhanced-search-btn:focus { outline: 2px solid var(--primary-color-one); outline-offset: 1px; } .banner-section { max-height: 565px; margin-bottom: 40px; position: relative; } .banner-section .title_all_box.style_one .title_sections { padding-top: 30px; } .banner-section .position_absolute { position: absolute; left: 0; bottom: -10px; width: 100%; height: auto; }  .mobile-app-section { background: #ffffff; position: relative; overflow: hidden; } .mobile-app-section::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient( circle at 20% 20%, rgba(0, 73, 237, 0.08) 0%, transparent 50% ), radial-gradient( circle at 80% 80%, rgba(0, 73, 237, 0.05) 0%, transparent 50% ); z-index: 1; } .mobile-app-section .container { position: relative; z-index: 2; } .mobile-app-section .app-content { color: #333; } .mobile-app-section .section-title .pre-title { color: #0049ed; background: rgba(0, 73, 237, 0.1); padding: 8px 20px; border-radius: 50px; display: inline-block; font-weight: 600; margin-bottom: 20px; } .mobile-app-section .section-title .title { color: #333; font-size: 42px; font-weight: 800; line-height: 1.2; margin-bottom: 20px; } .mobile-app-section .section-title .shape-line i { color: #0049ed; } .mobile-app-section .section-title p { color: #666; font-size: 18px; line-height: 1.7; margin-bottom: 40px; } .app-features { margin-bottom: 40px; } .app-features .feature-item { display: flex; align-items: center; margin-bottom: 25px; padding: 20px; background: rgba(0, 73, 237, 0.05); border-radius: 15px; border: 1px solid rgba(0, 73, 237, 0.1); transition: all 0.3s ease; } .app-features .feature-item:hover { background: rgba(0, 73, 237, 0.08); transform: translateX(10px); border-color: rgba(0, 73, 237, 0.2); } .app-features .feature-icon { width: 60px; height: 60px; background: linear-gradient(45deg, #0049ed, #245ee7); border-radius: 15px; display: flex; align-items: center; justify-content: center; margin-right: 20px; flex-shrink: 0; box-shadow: 0 4px 15px rgba(0, 73, 237, 0.2); } .app-features .feature-icon i { font-size: 24px; color: white; } .app-features .feature-content h4 { color: #333; font-size: 20px; font-weight: 700; margin-bottom: 8px; } .app-features .feature-content p { color: #666; font-size: 16px; margin: 0; } .app-download-buttons { display: flex; gap: 20px; margin-bottom: 40px; flex-wrap: wrap; } .app-btn { display: inline-flex; align-items: center; background: linear-gradient(135deg, #0049ed 0%, #245ee7 100%); border: 2px solid transparent; border-radius: 10px 0px 10px 0px; padding: 10px 25px; text-decoration: none; transition: all 0.3s ease; min-width: 200px; box-shadow: 0 4px 15px rgba(0, 73, 237, 0.2); } .app-btn:hover { background: linear-gradient(135deg, #245ee7 0%, #0049ed 100%); transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0, 73, 237, 0.3); text-decoration: none; } .app-btn .btn-content { display: flex; align-items: center; width: 100%; } .app-btn .btn-icon { font-size: 32px; color: white; margin-right: 15px; } .app-btn .btn-text { display: flex; flex-direction: column; align-items: flex-start; } .app-btn .download-text { font-size: 14px; color: rgba(255, 255, 255, 0.9); font-weight: 500; } .app-btn .store-name { font-size: 18px; color: white; font-weight: 700; } .app-stats { display: flex; gap: 40px; flex-wrap: wrap; } .app-stats .stat-item { text-align: center; padding: 20px; background: rgba(0, 73, 237, 0.05); border-radius: 12px; border: 1px solid rgba(0, 73, 237, 0.1); transition: all 0.3s ease; } .app-stats .stat-item:hover { background: rgba(0, 73, 237, 0.08); border-color: rgba(0, 73, 237, 0.2); transform: translateY(-3px); } .app-stats .stat-number { font-size: 32px; font-weight: 800; color: #0049ed; margin-bottom: 5px; font-family: var(--font-secondary); } .app-stats .stat-label { font-size: 16px; color: #666; font-weight: 500; } .app-mockup { position: relative; height: 600px; } .mockup-wrapper { position: relative; height: 100%; display: flex; align-items: center; justify-content: center; } .phone-mockup { position: relative; z-index: -1; max-width: 300px; } .phone-mockup img { width: 100%; height: auto; filter: drop-shadow(0 20px 40px rgba(0, 73, 237, 0.2)); } .floating-elements { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } .floating-card { position: absolute; background: white; border-radius: 15px; padding: 15px 20px; box-shadow: 0 10px 30px rgba(0, 73, 237, 0.15); display: flex; align-items: center; animation: float 3s ease-in-out infinite; border: 1px solid rgba(0, 73, 237, 0.1); } .floating-card.card-1 { top: 10%; right: -10%; animation-delay: 0s; } .floating-card.card-2 { top: 40%; left: -15%; animation-delay: 1s; } .floating-card.card-3 { bottom: 20%; right: -5%; animation-delay: 2s; } .floating-card .card-icon { width: 40px; height: 40px; background: linear-gradient(45deg, #0049ed, #245ee7); border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-right: 15px; flex-shrink: 0; } .floating-card .card-icon i { color: white; font-size: 18px; } .floating-card .card-text span { font-size: 14px; font-weight: 600; color: #333; } .floating-card .rating { margin-top: 5px; } .floating-card .rating i { color: #ffd700; font-size: 12px; margin-right: 2px; } .bg-shapes { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .bg-shapes .shape-1, .bg-shapes .shape-2, .bg-shapes .shape-3 { position: absolute; border-radius: 50%; background: rgba(0, 73, 237, 0.08); animation: pulse 4s ease-in-out infinite; } .bg-shapes .shape-1 { width: 200px; height: 200px; top: 10%; left: 10%; animation-delay: 0s; } .bg-shapes .shape-2 { width: 150px; height: 150px; top: 60%; right: 20%; animation-delay: 1.5s; } .bg-shapes .shape-3 { width: 100px; height: 100px; bottom: 10%; left: 30%; animation-delay: 3s; } @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } } @keyframes pulse { 0%, 100% { opacity: 0.3; transform: scale(1); } 50% { opacity: 0.1; transform: scale(1.1); } }  @media only screen and (max-width: 1199px) { .mobile-app-section .section-title .title { font-size: 36px; } .floating-card.card-1 { right: -5%; } .floating-card.card-2 { left: -10%; } } @media only screen and (max-width: 991px) { .mobile-app-section { text-align: center; } .app-mockup { height: 500px; margin-top: 50px; } .floating-card { display: none; } .mobile-app-section .section-title .title { font-size: 32px; } } @media only screen and (max-width: 767px) { .mobile-app-section .section-title .title { font-size: 28px; } .mobile-app-section .section-title p { font-size: 16px; } .app-features .feature-item { flex-direction: column; text-align: center; padding: 25px 20px; } .app-features .feature-icon { margin: 0 15px 0 0; } .app-download-buttons { flex-direction: column; align-items: center; } .app-btn { width: 100%; max-width: 300px; justify-content: center; } .app-mockup { height: 400px; } .phone-mockup { max-width: 250px; } } @media only screen and (max-width: 575px) { .app-stats { justify-content: center; gap: 30px; } .app-stats .stat-number { font-size: 28px; } .app-features .feature-item { margin-bottom: 20px; padding: 20px 15px; } } .search-tabcontent .title_all_box.style_one .title_sections { padding-top: 5px; text-align: left; } .search-tabcontent .title_all_box.style_one .title_sections h2, .banner-search-form .title_all_box.style_one .title_sections h2 { font-size: 22px; line-height: 38px; margin-bottom: 10px; text-align: left; color: #246af4; } .search-tabcontent .title_all_box, .search-tabcontent .title_all_box { position: relative; z-index: 9; margin-bottom: 20px; } .news_box ul { padding-left: 0px; padding-right: 0px; }   .workers-section.ultra-modern-workers { position: relative; padding: 60px 0;  overflow: hidden; } .section-header-modern { text-align: center; max-width: 900px; margin: 0 auto 80px; } .section-tag-wrapper { position: relative; display: inline-block; margin-bottom: 30px; } .section-tag { display: inline-flex; align-items: center; gap: 10px; background: rgba(79, 70, 229, 0.1); backdrop-filter: blur(20px); border: 1px solid rgba(79, 70, 229, 0.2); color: var(--primary-color-one); padding: 12px 24px; border-radius: 50px; font-weight: 600; font-size: 14px; } .tag-line { position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 60px; height: 2px; background: linear-gradient(90deg, #256bf4, #ec4899); border-radius: 1px; } .section-title-modern { font-size: 48px; font-weight: 800; line-height: 1.2; color: #1e293b; margin-bottom: 20px; } .gradient-text { background: linear-gradient(135deg, #256bf4 0%, #ec4899 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .section-description-modern { font-size: 18px; color: var(--primary-color-one); line-height: 1.6; margin: 0; } .workers-controls { display: flex; justify-content: center; align-items: center; margin-bottom: 60px; gap: 30px; } .workers-filter-modern { display: flex; gap: 15px; } .filter-btn-modern { display: flex; align-items: center; gap: 10px; background: white; backdrop-filter: blur(20px); border: 1px solid #e2e8f0; color: var(--primary-color-one); padding: 12px 20px; border-radius: 50px; font-weight: 500; font-size: 14px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } .filter-btn-modern.active, .filter-btn-modern:hover { background: var(--menu-active-color); color: white; border-color: transparent; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(79, 70, 229, 0.3); } .btn-icon img { width: 20px; height: 20px; border-radius: 50%; } .workers-search { flex-shrink: 0; } .search-wrapper { position: relative; display: flex; align-items: center; } .search-input { background: white; backdrop-filter: blur(20px); border: 1px solid #e2e8f0; color: #1e293b; padding: 12px 50px 12px 20px; border-radius: 50px; font-size: 14px; width: 280px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } .search-input::placeholder { color: #94a3b8; } .search-input:focus { outline: none; border-color: var(--primary-color-one); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1); } .search-btn { position: absolute; right: 5px; background: var(--menu-active-color); border: none; color: white; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3); } .workers-grid-modern { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-bottom: 60px; } .worker-card-ultra { position: relative; background: white; backdrop-filter: blur(20px); border: 1px solid #e2e8f0; border-radius: 24px; padding: 0; overflow: hidden; transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); display: flex; flex-direction: row; align-items: stretch; min-height: 280px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); width: 100%; } .worker-card-ultra:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); border-color: rgba(79, 70, 229, 0.3); } .worker-card-ultra.busy-card { opacity: 0.8; } .worker-card-header { position: absolute; top: 15px; left: 15px; right: 15px; display: flex; justify-content: space-between; align-items: center; z-index: 2; } .worker-status { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); padding: 6px 12px; border-radius: 16px; font-size: 11px; font-weight: 600; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .worker-status.available { color: #10b981; border: 1px solid rgba(16, 185, 129, 0.2); } .worker-status.busy { color: #f59e0b; border: 1px solid rgba(245, 158, 11, 0.2); } .worker-status i { font-size: 7px; } .worker-bookmark { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--primary-color-one); cursor: pointer; transition: all 0.3s ease; font-size: 14px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .worker-bookmark:hover { background: rgba(239, 68, 68, 0.1); color: #ef4444; } .worker-image-wrapper { position: relative; width: 200px; height: 100%; overflow: hidden; flex-shrink: 0; } .worker-image { width: 100%; height: 100%; position: relative; } .worker-image img { width: 100%; height: 100%; object-fit: cover; } .image-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( to right, rgb(0 73 237 / 47%) 0%, rgb(0 73 237 / 31%) 70% ); display: flex; align-items: center; justify-content: center; opacity: 0; transition: all 0.3s ease; } .worker-card-ultra:hover .image-overlay { opacity: 1; } .overlay-buttons { display: flex; flex-direction: row; gap: 10px; } .overlay-btn { width: 40px; height: 40px; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border: 1px solid rgba(79, 70, 229, 0.2); border-radius: 50%; color: var(--primary-color-one); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; font-size: 14px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .overlay-btn:hover { background: var(--menu-active-color); color: white; transform: scale(1.1); } .worker-country-flag { position: absolute; bottom: 15px; right: 15px; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; border: 2px solid white; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .worker-country-flag img { width: 100%; height: 100%; object-fit: cover; } .busy-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(5px); display: flex; align-items: center; justify-content: center; } .busy-message { background: rgba(245, 158, 11, 0.1); color: #f59e0b; padding: 8px 15px; border-radius: 10px; display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; border: 1px solid rgba(245, 158, 11, 0.2); } .worker-content { padding: 20px; color: #1e293b; flex: 1; display: flex; flex-direction: column; justify-content: space-between; } .worker-header-info { margin-bottom: 15px; } .worker-name { font-size: 18px; font-weight: 700; color: #1e293b; margin-bottom: 8px; line-height: 1.2; } .worker-rating-wrapper { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; } .worker-rating { display: flex; align-items: center; gap: 6px; } .worker-rating .stars { color: #fbbf24; } .rating-value { font-size: 12px; font-weight: 600; color: #fbbf24; } .reviews-count { font-size: 10px; color: #94a3b8; } .worker-details-grid { display: grid ; grid-template-columns: 1fr 1fr; gap: 1px; margin-bottom: 10px; } .detail-item { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--primary-color-one); line-height: 1; } .detail-item i { color: #256bf4; width: 12px; font-size: 11px; } .worker-skills-modern { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 15px; } .skill-tag { display: inline-flex; align-items: center; gap: 4px; background: rgba(79, 70, 229, 0.1); color: #256bf4; padding: 4px 8px; border-radius: 12px; font-size: 10px; font-weight: 500; border: 1px solid rgba(79, 70, 229, 0.1); } .skill-tag.cooking { background: rgba(239, 68, 68, 0.1); color: #ef4444; border-color: rgba(239, 68, 68, 0.1); } .skill-tag.cleaning { background: rgba(34, 197, 94, 0.1); color: #22c55e; border-color: rgba(34, 197, 94, 0.1); } .skill-tag.childcare { background: rgba(236, 72, 153, 0.1); color: #ec4899; border-color: rgba(236, 72, 153, 0.1); } .skill-tag.english { background: rgba(59, 130, 246, 0.1); color: #3b82f6; border-color: rgba(59, 130, 246, 0.1); } .skill-tag.organization { background: rgba(168, 85, 247, 0.1); color: #a855f7; border-color: rgba(168, 85, 247, 0.1); } .skill-tag.eldercare { background: rgba(6, 182, 212, 0.1); color: #06b6d4; border-color: rgba(6, 182, 212, 0.1); } .skill-tag.management { background: rgba(239, 68, 68, 0.1); color: #ef4444; border-color: rgba(239, 68, 68, 0.1); } .skill-tag.more { background: rgba(156, 163, 175, 0.1); color: #6b7280; border-color: rgba(156, 163, 175, 0.1); } .worker-price-section { margin-bottom: 15px; padding: 12px; background: rgba(79, 70, 229, 0.05); border-radius: 12px; border: 1px solid rgba(79, 70, 229, 0.1); } .price-info { text-align: center; margin-bottom: 8px; } .price-main { display: flex; align-items: baseline; justify-content: center; gap: 4px; } .price-amount { font-size: 22px; font-weight: 800; color: #256bf4; } .price-currency { font-size: 14px; color: var(--primary-color-one); } .price-note { font-size: 10px; color: var(--primary-color-one); margin-bottom: 6px; } .installment-info { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 11px; color: var(--primary-color-one); } .worker-actions { display: flex; gap: 8px; } .worker-btn { flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 16px; border-radius: 10px; font-weight: 600; font-size: 12px; cursor: pointer; transition: all 0.3s ease; border: none; } .worker-btn.primary { background: #246af4; color: white; box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3); } .worker-btn.primary:hover { transform: translateY(-1px); box-shadow: 0 8px 25px rgba(79, 70, 229, 0.4); } .worker-btn.secondary { background: white; color: var(--primary-color-one); border: 1px solid #e2e8f0; } .worker-btn.secondary:hover { background: #f8fafc; border-color: #cbd5e1; } .worker-btn.disabled { background: #f1f5f9; color: #9ca3af; cursor: not-allowed; } .workers-pagination { display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px; padding: 20px; background: white; border-radius: 16px; backdrop-filter: blur(20px); border: 1px solid #e2e8f0; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); } .pagination-info { color: var(--primary-color-one); font-size: 14px; } .pagination-controls { display: flex; align-items: center; gap: 10px; } .pagination-btn { width: 40px; height: 40px; background: white; border: 1px solid #e2e8f0; color: var(--primary-color-one); border-radius: 8px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .pagination-btn:hover:not(:disabled) { background: var(--menu-active-color); color: white; border-color: transparent; } .pagination-btn:disabled { opacity: 0.5; cursor: not-allowed; } .pagination-numbers { display: flex; align-items: center; gap: 8px; } .page-number { width: 40px; height: 40px; background: white; border: 1px solid #e2e8f0; color: var(--primary-color-one); border-radius: 8px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .page-number.active, .page-number:hover { background: var(--menu-active-color); color: white; border-color: transparent; } .page-dots { color: #94a3b8; padding: 0 5px; }  .workers-bg-elements { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 1; } .bg-gradient { position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.1; animation: floatSlow 20s ease-in-out infinite; } .bg-gradient-1 { top: 20%; right: 10%; width: 400px; height: 400px; background: linear-gradient(135deg, #256bf4, #7c3aed); animation-delay: 0s; } .bg-gradient-2 { bottom: 20%; left: 10%; width: 300px; height: 300px; background: linear-gradient(135deg, #ec4899, #f97316); animation-delay: 10s; } .floating-shapes { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .shape { position: absolute; background: var(--primary-color-one); opacity: 0.05; border-radius: 50%; animation: float 6s ease-in-out infinite; } .shape-1 { width: 80px; height: 80px; top: 20%; left: 20%; animation-delay: 0s; } .shape-2 { width: 120px; height: 120px; top: 60%; right: 30%; animation-delay: 2s; } .shape-3 { width: 60px; height: 60px; bottom: 30%; left: 50%; animation-delay: 4s; }  @media (max-width: 1199px) { .workers-grid-modern { grid-template-columns: 1fr; gap: 25px; } .worker-card-ultra { max-width: none; } } @media (max-width: 1024px) { .workers-section.ultra-modern-workers { padding: 80px 0; } .section-title-modern { font-size: 32px; } .workers-controls { flex-direction: column; gap: 20px; align-items: stretch; } .workers-filter-modern { justify-content: center; flex-wrap: wrap; } .search-wrapper { width: 100%; } .search-input { width: 100%; } .worker-card-ultra { flex-direction: column; min-height: auto; } .worker-image-wrapper { width: 100%; height: 200px; } .worker-details-grid { grid-template-columns: 1fr; gap: 12px; } .worker-actions { flex-direction: column; } .worker-btn { padding: 12px 20px; font-size: 14px; } .workers-pagination { flex-direction: column; gap: 15px; text-align: center; } } @media (max-width: 575px) { .filter-btn-modern { padding: 10px 16px; font-size: 13px; } .worker-image-wrapper { height: 180px; } .worker-content { padding: 15px; } .worker-name { font-size: 16px; } .price-amount { font-size: 20px; } }  @keyframes floatSlow { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-20px); } } @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } }  .worker-card-ultra:hover .worker-name { color: #256bf4; transition: color 0.3s ease; } .worker-card-ultra:hover .skill-tag { transform: translateY(-1px); transition: transform 0.2s ease; } .filter-btn-modern:hover .btn-icon img { transform: scale(1.1); transition: transform 0.3s ease; }  .worker-card-ultra.loading { opacity: 0.7; pointer-events: none; } .worker-card-ultra.loading::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.8) 50%, transparent 100% ); animation: shimmer 1.5s infinite; z-index: 10; } @keyframes shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }  .worker-btn.success { background: linear-gradient(135deg, #10b981 0%, #059669 100%); color: white; } .worker-btn.success:hover { box-shadow: 0 8px 25px rgba(16, 185, 129, 0.4); } .bg_op_1 { background-repeat: no-repeat !important; background-position: center -20px !important; background-size: cover !important; } .hero-video-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; background: linear-gradient(#243d7042, #243d7042), linear-gradient(45deg, rgb(36 106 244 / 60%) 0%, rgb(36 106 244 / 33%) 100%); } .title_all_box { position: relative; z-index: 9; } .curve_shape_bottom_1 { z-index: 99; } .title_sections .shape-line { display: block; color: var(--primary-color-one); font-size: 15px; } .title_all_box.text-center .title_sections .shape-line { text-align: center; } .contact_form_shortcode .title_all_box.text-center .title_sections .shape-line, .search-tabcontent .title_all_box.text-center .title_sections .shape-line { text-align: left; } .mobile-app-section .title_all_box { position: relative; z-index: 9; text-align: left !important; }   .fixed-contact-widget { position: fixed; bottom: 140px; left: 40px; z-index: 1000; display: flex; flex-direction: column; gap: 15px; }  [dir="rtl"] .fixed-contact-widget { left: auto; right: 40px; }  .contact-item { width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); position: relative; overflow: hidden; } .contact-item::before { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: rgba(255, 255, 255, 0.3); border-radius: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease; } .contact-item:hover::before { width: 100%; height: 100%; } .contact-item i { font-size: 24px; color: white; z-index: 2; position: relative; }  .contact-item.phone { background: linear-gradient(135deg, #10b981, #059669); color: white; } .contact-item.phone:hover { transform: scale(1.1); box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4); } .contact-item.phone:hover i { animation: phoneRing 0.5s ease-in-out infinite alternate; }  .contact-item.whatsapp { background: linear-gradient(135deg, #25d366, #128c7e); color: white; } .contact-item.whatsapp:hover { transform: scale(1.1); box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4); } .contact-item.whatsapp:hover i { animation: pulse 0.6s ease-in-out infinite alternate; }  @keyframes phoneRing { 0% { transform: rotate(-10deg); } 100% { transform: rotate(10deg); } } @keyframes pulse { 0% { transform: scale(1); } 100% { transform: scale(1.1); } }  @media (max-width: 768px) { .fixed-contact-widget { bottom: 20px; left: 20px; gap: 12px; } [dir="rtl"] .fixed-contact-widget { left: auto; right: 20px; } .contact-item { width: 50px; height: 50px; } .contact-item i { font-size: 20px; } }  .call-center-section { position: relative; background: radial-gradient( circle at 80% 20%, rgba(0, 73, 237, 0.08) 0%, transparent 50% ), radial-gradient( circle at 20% 80%, rgba(0, 73, 237, 0.05) 0%, transparent 50% ); overflow: hidden; } .call-center-card { background: white; border-radius: 20px; padding: 25px; margin-bottom: 30px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border: 1px solid #e2e8f0; transition: all 0.3s ease; position: relative; overflow: hidden; } .call-center-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( 135deg, rgba(79, 70, 229, 0.05), rgba(236, 72, 153, 0.05) ); opacity: 0; transition: opacity 0.3s ease; } .call-center-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); border-color: rgba(79, 70, 229, 0.3); } .call-center-card:hover::before { opacity: 1; }  .agent-image-wrapper { position: relative; text-align: center; margin-bottom: 20px; } .agent-image { position: relative; width: 120px; height: 120px; margin: 0 auto 15px; border-radius: 50%;  border: 4px solid #f1f5f9; transition: all 0.3s ease; } .call-center-card:hover .agent-image { border-color: rgba(79, 70, 229, 0.3); transform: scale(1.05); } .agent-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%;  transition: transform 0.3s ease; } .call-center-card:hover .agent-image img { transform: scale(1.1); } .status-indicator { position: absolute; bottom: 8px; right: 8px; width: 24px; height: 24px; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); z-index: 3;  } .status-indicator.available i { color: #10b981; font-size: 12px; } .status-indicator.busy i { color: #f59e0b; font-size: 12px; } .agent-badge { position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; background: var(--primary-color-one); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 14px; box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3); }  .agent-info { text-align: center; position: relative; z-index: 2; } .agent-name { font-size: 20px; font-weight: 700; color: #1e293b; margin-bottom: 5px; line-height: 1.2; } .agent-title { color: var(--primary-color-one); font-size: 14px; margin-bottom: 15px; font-weight: 500; }  .agent-stats { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; padding: 12px; background: #f8fafc; border-radius: 12px; width: 100%; } .stat-item { text-align: center; } .stat-number { display: block; font-size: 18px; font-weight: 700; color: #256bf4; line-height: 1; } .stat-label { font-size: 11px; color: var(--primary-color-one); margin-top: 2px; } .agent-rating { text-align: center; } .stars { display: flex; gap: 2px; justify-content: center; margin-bottom: 3px; } .stars i { font-size: 12px; color: #fbbf24; } .rating-text { font-size: 11px; color: var(--primary-color-one); font-weight: 600; }  .agent-specialties { display: flex; gap: 8px; justify-content: center; margin-bottom: 20px; flex-wrap: wrap; width: 100%; } .specialty-tag { display: inline-block; padding: 4px 10px; background: rgba(79, 70, 229, 0.1); color: #256bf4; font-size: 11px; font-weight: 600; border-radius: 15px; border: 1px solid rgba(79, 70, 229, 0.2); }  .contact-actions { display: flex; gap: 10px; justify-content: center; } .contact-btn { display: flex; align-items: center; gap: 6px; padding: 10px 16px; border-radius: 10px; text-decoration: none; font-size: 13px; font-weight: 600; transition: all 0.3s ease; border: none; cursor: pointer; } .call-btn { background: linear-gradient(135deg, #10b981, #059669); color: white; flex: 1; } .call-btn:hover { background: linear-gradient(135deg, #059669, #047857); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(16, 185, 129, 0.4); text-decoration: none; color: white; } .call-btn.disabled { background: #e2e8f0; color: #9ca3af; cursor: not-allowed; } .call-btn.disabled:hover { transform: none; box-shadow: none; } .whatsapp-btn { background: linear-gradient(135deg, #25d366, #128c7e); color: white; width: 40px; height: 40px; padding: 0; justify-content: center; } .whatsapp-btn:hover { background: linear-gradient(135deg, #128c7e, #075e54); transform: translateY(-2px) scale(1.1); box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4); text-decoration: none; color: white; }  .call-center-info { margin-top: 60px; padding: 40px; background: white; border-radius: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border: 1px solid #e2e8f0; } .info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; } .info-item { display: flex; align-items: center; gap: 15px; text-align: left; } .info-icon { width: 50px; height: 50px; background: var(--primary-color-one); border-radius: 15px; display: flex; align-items: center; justify-content: center; color: white; font-size: 20px; flex-shrink: 0; } .info-content h5 { font-size: 16px; font-weight: 700; color: #1e293b; margin-bottom: 5px; line-height: 1.2; } .info-content p { font-size: 14px; color: var(--primary-color-one); margin: 0; line-height: 1.4; }  @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } }  @media (max-width: 1199px) { .call-center-card { padding: 20px; } .agent-image { width: 100px; height: 100px; } } @media (max-width: 991px) { .info-grid { grid-template-columns: repeat(2, 1fr); gap: 25px; } .call-center-info { padding: 30px; margin-top: 40px; } } @media (max-width: 767px) { .call-center-card { padding: 20px 15px; margin-bottom: 25px; } .agent-name { font-size: 18px; } .contact-actions { flex-direction: column; } .whatsapp-btn { width: 100%; height: 40px; } .info-grid { grid-template-columns: 1fr; gap: 20px; } .call-center-info { padding: 25px 20px; } .info-item { justify-content: center; text-align: center; flex-direction: column; gap: 10px; } } @media (max-width: 575px) { .agent-stats { flex-direction: column; gap: 15px; } .agent-specialties { justify-content: center; } .specialty-tag { font-size: 10px; padding: 3px 8px; } }  .call-center-card.loading { opacity: 0.7; pointer-events: none; } .call-center-card.loading::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.8) 50%, transparent 100% ); animation: shimmer 1.5s infinite; z-index: 10; } @keyframes shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }  .call-center-card:hover .agent-name { color: #256bf4; } .call-center-card:hover .specialty-tag { background: rgba(79, 70, 229, 0.15); border-color: rgba(79, 70, 229, 0.3); } .call-center-card:hover .info-icon { transform: scale(1.1); } @media (max-width: 992px) { [dir="rtl"] .contact-actions, .contact-actions { flex-direction: column !important; } .contact-btn { text-align: center !important; justify-content: center !important; } [dir="rtl"] .info-item, .info-item { text-align: center !important; flex-direction: column !important; align-items: center !important; } }   .about-section-modern { position: relative; }  .modern-image-wrapper { position: relative; display: flex; justify-content: center; align-items: center; } .main-image-container { position: relative; border-radius: 30px; overflow: hidden; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1); transform: rotate(-2deg); transition: transform 0.3s ease; } .main-image-container:hover { transform: rotate(0deg) scale(1.02); } .image-background-blur { position: absolute; top: -20px; left: -20px; right: -20px; bottom: -20px; background: linear-gradient( 135deg, rgba(79, 70, 229, 0.1), rgba(236, 72, 153, 0.1) ); filter: blur(20px); z-index: -1; } .main-about-image { width: 100%; height: 500px; object-fit: cover; display: block; border-radius: 30px; }  .video-play-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; } .modern-play-btn { position: relative; display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border-radius: 50%; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .modern-play-btn:hover { background: var(--primary-color-one); transform: scale(1.1); } .play-icon-wrapper { margin-left: 4px; } .play-icon-wrapper i { font-size: 24px; color: var(--primary-color-one); transition: color 0.3s ease; } .modern-play-btn:hover .play-icon-wrapper i { color: white; } .play-ripple, .play-ripple-2 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; border: 2px solid rgba(79, 70, 229, 0.3); animation: ripple 2s infinite; } .play-ripple-2 { animation-delay: 1s; } @keyframes ripple { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(2); opacity: 0; } }  .experience-badge { position: absolute; top: 30px; right: 30px; background: var(--primary-color-one); padding: 20px; border-radius: 20px; color: white; box-shadow: 0 10px 30px rgba(79, 70, 229, 0.3); transform: rotate(5deg); transition: transform 0.3s ease; } .experience-badge:hover { transform: rotate(0deg) scale(1.05); } .badge-content { text-align: center; } .badge-number { font-size: 32px; font-weight: 800; line-height: 1; margin-bottom: 5px; } .badge-text { display: flex; flex-direction: column; font-size: 12px; font-weight: 500; line-height: 1.2; }  .floating-stats { position: absolute; bottom: 30px; left: 30px; display: flex; flex-direction: column; gap: 15px; } .stat-card { display: flex; align-items: center; gap: 12px; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); padding: 15px 20px; border-radius: 15px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; transform: translateX(-20px); opacity: 0; animation: slideInLeft 0.6s ease forwards; } .stat-1 { animation-delay: 0.2s; } .stat-2 { animation-delay: 0.4s; } .stat-card:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15); } .stat-icon { width: 40px; height: 40px; background: var(--primary-color-one); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: white; font-size: 16px; flex-shrink: 0; } .stat-number { font-size: 18px; font-weight: 700; color: #1e293b; line-height: 1; } .stat-label { font-size: 12px; color: #64748b; line-height: 1; } @keyframes slideInLeft { to { transform: translateX(0); opacity: 1; } }  .decorative-elements { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } .floating-shape { position: absolute; background: linear-gradient( 135deg, rgba(79, 70, 229, 0.1), rgba(236, 72, 153, 0.1) ); border-radius: 50%; animation: float 6s ease-in-out infinite; } .shape-1 { width: 80px; height: 80px; top: 10%; left: -10%; animation-delay: 0s; } .shape-2 { width: 120px; height: 120px; bottom: 20%; right: -15%; animation-delay: 2s; } .shape-3 { width: 60px; height: 60px; top: 70%; left: 10%; animation-delay: 4s; } @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-20px); } }  .about-content-modern { padding-left: 40px; } .section-header { margin-bottom: 40px; } .section-tag { display: inline-flex; align-items: center; gap: 8px; background: rgba(79, 70, 229, 0.1); color: var(--primary-color-one); padding: 8px 16px; border-radius: 20px; font-size: 14px; font-weight: 600; margin-bottom: 20px; border: 1px solid rgba(79, 70, 229, 0.2); } .about-title { font-size: 42px; font-weight: 800; color: #1e293b; line-height: 1.2; margin-bottom: 20px; } .gradient-text { background: var(--primary-color-one); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .about-description { font-size: 16px; color: #64748b; line-height: 1.6; margin: 0; }  .features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; margin-bottom: 40px; } .feature-item { display: flex; align-items: flex-start; gap: 15px; padding: 20px; background: white; border-radius: 15px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); border: 1px solid #f1f5f9; transition: all 0.3s ease; } .feature-item:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); border-color: rgba(79, 70, 229, 0.2); } .feature-icon { width: 50px; height: 50px; background: var(--primary-color-one); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: white; font-size: 20px; flex-shrink: 0; } .feature-content h4 { font-size: 16px; font-weight: 700; color: #1e293b; margin-bottom: 5px; line-height: 1.2; } .feature-content p { font-size: 13px; color: #64748b; line-height: 1.4; margin: 0; } .title_sections .shape-line { text-align: left; }  .about-actions { display: flex; gap: 20px; align-items: center; } .modern-btn { display: flex; align-items: center; gap: 10px; padding: 15px 30px; border-radius: 12px; font-weight: 600; font-size: 14px; text-decoration: none; transition: all 0.3s ease; border: none; cursor: pointer; } .primary-btn { background: var(--primary-color-one); color: white; box-shadow: 0 8px 25px rgba(79, 70, 229, 0.3); } .primary-btn:hover { transform: translateY(-2px); box-shadow: 0 15px 35px rgba(79, 70, 229, 0.4); text-decoration: none; color: white; } .secondary-btn { background: white; color: #64748b; border: 2px solid #e2e8f0; } .secondary-btn:hover { background: #f8fafc; border-color: var(--primary-color-one); color: var(--primary-color-one); text-decoration: none; }  [dir="rtl"] .about-content-modern { padding-left: 0; padding-right: 40px; } [dir="rtl"] .main-image-container { transform: rotate(2deg); } [dir="rtl"] .main-image-container:hover { transform: rotate(0deg) scale(1.02); } [dir="rtl"] .experience-badge { left: auto; right: 30px; transform: rotate(-5deg); } [dir="rtl"] .floating-stats { left: auto; right: 30px; } [dir="rtl"] .stat-card { transform: translateX(20px); } [dir="rtl"] .about-actions { flex-direction: row-reverse; }  @media (max-width: 1199px) { .about-content-modern { padding-left: 20px; } [dir="rtl"] .about-content-modern { padding-left: 0; padding-right: 20px; } } @media (max-width: 991px) { .about-section-modern { text-align: center; margin-top: 200px; } .about-section-modern.none-margin-top { margin-top: 0px; } .about-content-modern { padding-left: 0; margin-top: 40px; } [dir="rtl"] .about-content-modern { padding-right: 0; } .about-title { font-size: 36px; } .features-grid { grid-template-columns: 1fr; } .about-actions { justify-content: center; flex-wrap: wrap; } .main-about-image { height: 400px; } } @media (max-width: 767px) { .about-title { font-size: 28px; } .features-grid { gap: 20px; } .feature-item { padding: 15px; } .main-about-image { height: 300px; } .experience-badge { top: 20px; right: 20px; padding: 15px; border-radius: 15px; } .badge-number { font-size: 24px; } .floating-stats { bottom: 20px; left: 20px; gap: 10px; } .stat-card { padding: 12px 15px; } .about-actions { flex-direction: column; } .modern-btn { padding: 12px 25px; width: 100%; justify-content: center; } } @media (max-width: 575px) { .features-grid { grid-template-columns: 1fr; } .feature-item { text-align: left; } [dir="rtl"] .feature-item { text-align: right; } .main-image-container { transform: none; } .main-image-container:hover { transform: scale(1.02); } }  .about-section-modern.loading .stat-card { opacity: 0.5; pointer-events: none; } .about-section-modern.loading .stat-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--primary-color-one); animation: shimmer 1.5s infinite; } @keyframes shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }  .about-section-modern:hover .floating-shape { animation-play-state: paused; } .main-image-container:hover .floating-stats .stat-card { transform: translateY(-5px); } .main-image-container:hover .experience-badge { transform: rotate(0deg) scale(1.1); } .price-plan-tab-section .theme-btn.one { width: 100%; } @media (max-width: 1024px) { .top_bar .top_inner .left_side.common_css, .top_bar .top_inner .common_css .contntent:last-child { display: none; } .top_bar .top_inner .common_css.right_side { flex-direction: column; } } @media (max-width: 992px) { .video-play-overlay { position: absolute; top: 20%; left: 20%; transform: translate(-50%, -50%); z-index: 10; } } .blog__card-text { font-size: 15px; line-height: 30px; } .ribbon { font-size: 15px; font-weight: bold; color: #fff; } .ribbon { --f: .5em; position: absolute; top: 3px; left: 3px; line-height: 1.8; padding-inline: 1lh; padding-bottom: var(--f); border-image: conic-gradient(#0008 0 0) 51% / var(--f); clip-path: polygon(100% calc(100% - var(--f)), 100% 100%, calc(100% - var(--f)) calc(100% - var(--f)), var(--f) calc(100% - var(--f)), 0 100%, 0 calc(100% - var(--f)), 999px calc(100% - var(--f) - 999px), calc(100% - 999px) calc(100% - var(--f) - 999px)); transform: translate(calc((cos(45deg) - 1) * 100%), -100%) rotate(-45deg); transform-origin: 100% 100%; z-index: 99; } .pending { background: rgb(255, 193, 7); } .confirmed { background: rgb(40, 167, 69); } .rejected { background: rgb(220, 53, 69); }  .success-header { margin-bottom: 3rem } .success-icon__circle { width: 100px; height: 100px; background: linear-gradient(135deg, #28a745 0, #20c997 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto; animation: 2s ease-in-out infinite successPulse; box-shadow: 0 10px 30px rgba(40, 167, 69, .3) } .success-icon__circle i { font-size: 3rem; color: #fff } @keyframes successPulse { 0%, 100% { transform: scale(1) } 50% { transform: scale(1.05) } } .success-title { font-size: 1.6rem; font-weight: 700; color: var(--sidq-primary, #163426); margin-bottom: 1rem } .success-subtitle { font-size: 1.2rem; color: #6c757d; max-width: 600px; margin: 0 auto; line-height: 1.6 } .request-details-card { background: #fff; border-radius: 15px; box-shadow: 0 10px 40px rgba(0, 0, 0, .1); margin-bottom: 3rem; overflow: hidden } .request-details-card__header { background: linear-gradient(135deg, var(--primary-color-one, --primary-color-one) 0, #6e9dfa 100%); padding: 2rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem } .request-details-card__title { color: #fff; font-size: 1.5rem; font-weight: 600; margin: 0; display: flex; align-items: center; gap: .5rem } .btn-download { background: rgba(255, 255, 255, .2); color: #fff; border: 2px solid rgba(255, 255, 255, .3); padding: .75rem 1.5rem; border-radius: 25px; font-weight: 600; transition: .3s; display: flex; align-items: center; gap: .5rem } .btn-download:hover { background: rgba(255, 255, 255, .3); border-color: rgba(255, 255, 255, .5); transform: translateY(-2px) } .request-details-card__content { padding: 2rem } .detail-section { background: #f8f9fa; border-radius: 10px; padding: 1.5rem; margin-bottom: 1.5rem; height: 100% } .detail-section__title { font-size: 1.2rem; font-weight: 600; color: var(--sidq-primary, #163426); margin-bottom: 1.5rem; display: flex; align-items: center; gap: .5rem; padding-bottom: .5rem; border-bottom: 2px solid var(--primary-color-one, --primary-color-one) } .detail-item { display: flex; justify-content: start; align-items: center; margin-bottom: 0rem; padding: .5rem 0; border-bottom:none } .detail-item:last-child { border-bottom: none; margin-bottom: 0 } .detail-label { font-weight: 600; color: #495057; flex: 1 } .detail-value { color: var(--sidq-primary, #163426); font-weight: 500; flex: 2; text-align: right; display: flex; align-items: center; gap: .5rem; justify-content: flex-end } @media (max-width:992px) { .detail-item { flex-direction: column; align-items: flex-start; gap: .5rem; padding: 1rem 0 } .detail-label { width: 100%; margin-bottom: .25rem; font-size: .9rem } .detail-value { width: 100%; text-align: left; justify-content: flex-start; font-weight: 600; color: var(--primary-color-one, --primary-color-one) } } .status-pending { color: #ffc107 !important } .status-indicator { position: absolute;  border-radius: 50%; display: inline-block } .status-indicator.online { background: #28a745; animation: 2s ease-in-out infinite pulse } @keyframes pulse { 0%, 100% { opacity: 1 } 50% { opacity: .5 } } .agent-info, .worker-info { display: flex; gap: 1rem; margin-bottom: 1rem; flex-direction: column; } .agent-avatar, .worker-avatar { flex-shrink: 0 } .agent-avatar img, .worker-avatar img { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; border: 3px solid var(--primary-color-one, --primary-color-one) } .agent-details, .worker-details { flex: 1 } @media (max-width:768px) { .agent-avatar img, .agent-card__avatar img, .worker-avatar img { width: 50px; height: 50px } .agent-card__name { font-size: 1rem } .agent-card__title { font-size: .85rem } .agent-card__response { font-size: .8rem } .success-header { margin-bottom: 2rem } .success-title { font-size: 2rem } .success-subtitle { font-size: 1rem; padding: 0 1rem } .request-details-card { margin: 0 1rem 2rem; border-radius: 10px } .request-details-card__header { flex-direction: column; text-align: center; padding: 1.5rem 1rem } .request-details-card__title { font-size: 1.25rem; justify-content: center } .btn-download { width: 100%; justify-content: center; margin-top: 1rem } .btn-download:hover { transform: none } .request-details-card__content { padding: 1rem } .detail-section { padding: 1rem; margin-bottom: 1rem } .detail-section__title { font-size: 1.1rem; margin-bottom: 1rem } .agent-info, .worker-info { flex-direction: column; text-align: left; align-items: center; gap: .75rem } .agent-details, .worker-details { width: 100% } .request-worker-page-success .container { padding-left: 1rem; padding-right: 1rem } } @media (max-width:576px) { .agent-card__label { flex-direction: column; text-align: center; gap: .5rem } .success-icon__circle { width: 80px; height: 80px } .success-icon__circle i { font-size: 2rem } .success-title { font-size: 1.2rem } .detail-section { border-radius: 8px } .detail-section__title { font-size: 1rem; align-items: flex-start; gap: .25rem } .detail-label { font-size: .85rem; color: #6c757d } .detail-value { font-size: .95rem; font-weight: 700 } .request-worker-page-success .container { padding-left: .5rem; padding-right: .5rem } }  .success-icon, .support-agent-selection { margin-bottom: 2rem } .support-agent-selection__title { font-size: 1.5rem; font-weight: 700; color: #2c3e50; margin-bottom: .5rem; text-align: center } .support-agent-selection__subtitle { color: #6c757d; text-align: center; margin-bottom: 2rem; font-size: 1rem } .agent-card { margin-bottom: 1rem } .agent-card__input { position: absolute; opacity: 0; pointer-events: none } .agent-card__label { display: flex; align-items: center; gap: 1rem; background: #fff; border: 2px solid #e9ecef; border-radius: 12px; padding: 1rem; cursor: pointer; transition: .3s; box-shadow: 0 2px 8px rgba(0, 0, 0, .08) } .agent-card__label:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(245, 162, 20, .15) } .agent-card__input:checked+.agent-card__label { border-color: var(--sidq-base, #6e9dfa); background: linear-gradient(135deg, #ffffff87 0, #6e9dfa87 100%); box-shadow: 0 4px 12px #6e9dfa87 } .agent-card__avatar { position: relative; flex-shrink: 0 } .agent-card__avatar img { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; border: 3px solid #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, .1) } .agent-card__status { position: absolute; bottom: 0; right: 0; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #fff } .agent-card__info { flex: 1; min-width: 0 } .agent-card__name { font-size: .9rem; font-weight: 600; color: #2c3e50; margin: 0 0 .25rem; line-height: 1.2 } .agent-card__title { color: #6c757d; margin: 0 0 .75rem; font-size: .9rem; line-height: 1.2 } .agent-card__response { display: flex; align-items: center; gap: .5rem; color: #6c757d; font-size: .85rem } .agent-card__response i { color: var(--sidq-base, #6e9dfa); font-size: .8rem } .request-worker-page .support-agent-selection__title { font-size: 1rem; font-weight: 700; color: #2c3e50; margin-bottom: .5rem; text-align: center; margin-top: 20px } .request-worker-page-success { background: linear-gradient(135deg, #f8f9fa 0, #e9ecef 100%); min-height: 80vh } .success-header { margin-bottom: 3rem } .success-icon__circle { width: 100px; height: 100px; background: linear-gradient(135deg, #28a745 0, #20c997 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto; animation: 2s ease-in-out infinite successPulse; box-shadow: 0 10px 30px rgba(40, 167, 69, .3) } .success-icon__circle i { font-size: 3rem; color: #fff } @keyframes successPulse { 0%, 100% { transform: scale(1) } 50% { transform: scale(1.05) } } .agent-card__avatar { position: relative; flex-shrink: 0; } .error-page__top-title { font-size: 120px; font-weight: 800; color: #e63946; margin-bottom: 10px; } .error-page__top-title span { color: var(--primary-color-one); } .error-page__heading { font-size: 32px; color: #1d3557; margin-bottom: 15px; } .error-page__text { font-size: 18px; color: #6c757d; margin-bottom: 30px; } .error-page__btn { display: inline-block; padding: 12px 30px; font-size: 18px; font-weight: 600; color: #fff; background: linear-gradient(135deg, var(--primary-color-one), #1d3557); border-radius: 50px; text-decoration: none; transition: all 0.3s ease; } .error-page__btn:hover { background: linear-gradient(135deg, #1d3557, var(--primary-color-one)); transform: translateY(-2px); }  @media (max-width: 768px) { .error-page__top-title { font-size: 80px; } .error-page__heading { font-size: 26px; } .error-page__text { font-size: 16px; } } .mobile-app-section .title_all_box.text-center .title_sections .shape-line { text-align: left; }