/*------===============-main-style-sheet-==============------*/ /*=========================================================================== Variables ===========================================================================*/ :root { --font-family-main: "DM Sans"; --font-family-text: "DM Sans"; --color-set-one-1: #008BF9; --color-set-one-2: #0F3567; --color-set-one-3: #36619A; --color-set-one-4: #3B5279; --color-set-one-5: #133E76; --color-set-one-6: #36DB9F; --color-set-one-7: #082e5f; --color-set-one-8: #08254B; --color-set-two-three-1: #2d947a; --color-set-two-three-2: #263959; --color-set-two-three-3: #213438; --color-set-two-three-4: #1d3050; --color-set-two-three-5: #152427; --color-set-two-three-6: #138f82; --color-set-four-1: #ff6600; --color-set-four-2: #ff6600; --color-set-four-3: #00868C; --color-set-four-4: #181818; --preloader-background-color: #08254b; --preloader-background-color-2: #ff6600; --preloader-text-color: #ffffff; --color-set-one-bg-1: #EDF7FE; --color-set-one-bg-2: rgba(15, 53, 103, 0.1); --color-set-one-bg-3: #f6f6f6; --color-set-one-bg-4: #f8f8f8; --color-set-one-lig-1: rgba(15, 53, 103, 0.03); --color-set-one-lig-2: rgba(255, 255, 255, 0.1); --color-set-one-lig-3: #0F35671F; --color-set-one-lig-4: #FFFFFF14; --color-set-one-lig-5: #FFFFFF29; --color-set-one-bor-1: #0F3567; --color-set-one-bor-2: #edf4fa; --color-set-one-bor-3: #E7EBF0; --color-set-one-bor-4: #DCE8F0; --color-white: #faffff; --heading-color-one: #1f1b1f; --heading-color-two: #213438; --heading-color-three: #1f1b1f; --content-color-one: #696E77; --menu-color: #0F3567; --dropdown-bg: #ffffff; --dropdown-menu-color: #0F3567; --mobile-menu-color: #0F3567; --mobile-menu-active-color: #008BF9; --box-shadow: 0 5px 22px 0px rgba(15, 53, 103, 0.05); --box-shadow-two: 0px 10px 60px rgba(0, 0, 0, 0.07); --box-shadow-three: 0px 10px 60px rgba(15, 53, 103, 0.1); } .bg_1 { background-color: var(--color-set-one-1) !important; } .bg_2 { background-color: var(--color-set-one-2) !important; } .bg_3 { background-color: var(--color-set-one-3) !important; } .bg_4 { background-color: var(--color-set-one-4) !important; } .bg_5 { background-color: var(--color-set-one-5) !important; } .bg_6 { background-color: var(--color-set-one-6) !important; } .bg_7 { background-color: var(--color-set-one-7) !important; } .bg_8 { background-color: var(--color-set-two-three-1) !important; } .bg_9 { background-color: var(--color-set-two-three-2) !important; } .bg_10 { background-color: var(--color-set-two-three-3) !important; } .bg_11 { background-color: var(--color-set-two-three-6) !important; } .bg_12 { background-color: var(--color-set-four-4) !important; } .bg_13 { background-color: transparent; background-image: linear-gradient(114deg, var(--color-set-four-1) 28%, var(--color-set-four-2) 59%) !important; opacity: 0.76; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; } .bg_14 { background: var(--color-set-four-3) !important; } .bg_15 { background: var(--color-set-four-1) !important; } /* .bg_light_1 { background: var(--color-set-one-bg-1) !important; } */ .bg_light_1 { background: #ffd1a3 !important; } .bg_light_2 { background: var(--color-set-one-bg-3) !important; } .bg_light_3 { background: var(--color-set-one-bg-4) !important; } .bg_light_4 { background: #ff66005e !important; } .bg_blue{ background: #08254b !important; } /* .hover{ background: #ff6600; } */ @media (max-width: 1200px) { .d_none_1200px { display: none; } } @media (max-width: 992px) { .d_none_992px { display: none; } } @media (min-width: 992px) { .d_block_min_992px { display: block; } } .op_5 { opacity: 0.5; } .pd_40 { padding: 40px; } .pd_60 { padding: 60px; } .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; } .w_auto { width: auto !important; } .background_overlay { position: absolute; content: ""; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; background: #ff6600; opacity: 0.86; } .bg_none { background: transparent !important; } /* Line */ .color_white { color: var(--color-white) !important; } /*--==================spacing===================--*/ .pd_zero { padding: 0px !important; } .gutter_minus_15px { --bs-gutter-x: -15px !important; } .gutter_minus_25px { --bs-gutter-x: -25px !important; } .gutter_minus_40px { --bs-gutter-x: -40px !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; } /*--==================padding top===================--*/ .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_top_310 { padding-top: 310px !important; } .pd_top_320 { padding-top: 320px !important; } /*--==================padding top end===================--*/ /*--==================padding left===================--*/ @media (min-width: 992px) { .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_left_110 { padding-left: 110px !important; } .pd_left_120 { padding-left: 120px !important; } } /*--==================padding left end===================--*/ /*--==================padding right===================--*/ @media (min-width: 992px) { .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; } } /*--==================padding right end===================--*/ /*--==================padding bottom===================--*/ .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; } /*--==================padding top end===================--*/ /*--==================margin top===================--*/ .mr_top_0 { margin-top: 0px !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_0 { margin-top: -40px; } .mr_top_minus_10 { margin-top: -10px; } .mr_top_minus_20 { margin-top: -20px; } .mr_top_minus_30 { margin-top: -30px; } .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; } /*--==================margin top end===================--*/ /*--==================margin right===================--*/ @media (min-width: 992px) { .mr_right_5 { margin-right: 5px; } .mr_right_10 { margin-right: 10px !important; } .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; } } @media (min-width: 992px) { .mr_right_minus_15 { margin-right: -15px; } .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_250 { margin-right: -250px; } .mr_right_minus_320 { margin-right: -320px; } } /*--==================margin right end===================--*/ /*--==================margin left===================--*/ @media (min-width: 992px) { .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; } } @media (min-width: 992px) { .mr_left_minus_15 { margin-left: -15px; } .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_180 { margin-left: -180px; } .mr_left_minus_190 { margin-left: -190px; } .mr_left_minus_200 { margin-left: -200px; } .mr_left_minus_170 { margin-left: -170px; } .mr_left_minus_240 { margin-left: -240px; } .mr_left_minus_250 { margin-left: -250px; } .mr_left_minus_320 { margin-left: -320px; } } /*--==================margin left end===================--*/ /*--==================margin bottom===================--*/ .mr_bottom_0 { margin-bottom: 0 !important; } .mr_bottom_5 { margin-bottom: 5px !important; } .mr_bottom_10 { margin-bottom: 10px !important; } .mr_bottom_15 { margin-bottom: 15px !important; } .mr_bottom_20 { margin-bottom: 20px !important; } .mr_bottom_25 { margin-bottom: 25px !important; } .mr_bottom_30 { margin-bottom: 30px !important; } .mr_bottom_35 { margin-bottom: 35px !important; } .mr_bottom_40 { margin-bottom: 40px !important; } .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_50 { margin-bottom: -50px; } .mr_bottom_minus_60 { margin-bottom: -60px; } .mr_bottom_minus_70 { margin-bottom: -70px; } .mr_bottom_minus_80 { margin-bottom: -80px; } .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; } .mr_bottom_minus_250 { margin-bottom: -250px; } .margin_extra { margin: -47px -178px -330px 0px !important; } /*--==================margin bottom end===================--*/ /*--================== top end===================--*/ @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; } } /*--==================top end===================--*/ /*--==================spacing===================--*/ /*--==================background option===================--*/ .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_op_4 { background-repeat: no-repeat !important; background-position: center !important; } .bg_op_5 { background-repeat: no-repeat !important; background-position: bottom right !important; } .bg_op_6 { background-repeat: no-repeat !important; background-position: top right !important; } .bg_op_7 { background-repeat: no-repeat !important; background-position: top left !important; } .bg_op_8 { background-repeat: repeat !important; background-position: top center !important; background-size: unset !important; } /*--==================spacing===================--*/ /*--================ width ====================--*/ .w_100 { width: 100%; } @media (min-width: 992px) { .w_50 { width: 50%; } } @media (max-width: 992px) { .w_50_after_max_992 { width: 50%; } } @media (max-width: 768px) { .w_50_after_max_768 { width: 50%; } } @media (max-width: 600px) { .w_50_after_max_600 { width: 50%; } } @media (max-width: 500px) { .w_50_after_max_500 { width: 50%; } } /*--================ width ====================--*/ /*--================ height ====================--*/ .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_340px, .height_340 { height: 340px !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; } .height_800px, .height_800 { height: 800px !important; } /*--================ height ====================--*/ /*--================ z_99 ====================--*/ .z_minus_1 { z-index: -1; } .z_0 { z-index: 0; } .z_1 { z-index: 1; } .z_2 { z-index: 2; } .z_99 { z-index: 99; } /*--================ z_99 ====================--*/ /*--================ image_fit ====================--*/ .image_fit { -o-object-fit: cover; object-fit: cover; width: 100%; -o-object-position: center; object-position: center; height: 100%; } /*--================ image_fit ====================--*/ .justify-content-spacebetween { justify-content: space-between !important; } /*--================ rounded_bottom_left_30 ====================--*/ .rounded_radius_10 { border-radius: 10px; } .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); } .br_left_3px_theme_color { border-left: 3px solid var(--color-set-one-1); } .border_color_1 { border-color: var(--color-set-one-bor-4) !important; } .border_left_abolute_5px { position: relative; } .border_left_abolute_5px:before { position: absolute; content: ""; height: 50px; top: 0; left: 0; background: vaR(--color-set-two-three-1); width: 5px; } .border_left_abolute_5px_two { position: relative; } .border_left_abolute_5px_two:before { position: absolute; content: ""; height: 50px; top: 0; left: 0; background: vaR(--color-set-one-1); width: 5px; } .divider { width: 100%; height: 1px; background: rgba(2, 1, 1, 0.1294117647); } /*--================ image_fit ====================--*/ /*--================ float unset ====================--*/ .float-unset { float: unset !important; } /*--================ float unset ====================--*/ /*--================ font_20 ====================--*/ .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; } /*--================ font_20 ====================--*/ @media (max-width: 992px) { .d_md_none { display: none; } } /*--================ ab_img_left_bottom ====================--*/ .ab_img_left_bottom { position: absolute; bottom: 0; left: 0; } .ab_img_center { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .ab_img_left_top { position: absolute; top: 0; left: 0; } .ab_img_right_bottom { position: absolute; bottom: 0; right: 0; } .ab_img_right_top { position: absolute; top: 0; right: 0; } /* WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; text-align: center; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: var(--color-white); border: 1px solid var(--color-set-one-bor-2); max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 15px 15px 0; } .wp-caption.alignright { margin: 5px 0 15px 15px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 14px; line-height: 17px; margin: 0; padding: 8px 5px 0px 0px; } /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: var(--color-white); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: var(--heading-color-one); display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .gallery-caption { position: relative; } .bypostauthor { position: relative; } .wp-block-search__input { border-color: var(--color-set-one-bor-3); } .tag-sticky-2 .single_content_upper { position: relative; } .post.sticky .blog_style:before, .tag-sticky-2 .single_content_upper:before { position: absolute; content: ""; width: 15px; height: 15px; border-radius: 30px; right: 5px; top: 5px; background: var(--color-set-one-1); } .has-background-dim, .has-background-dim p, .has-background-dim p strong { color: var(--color-white); } body .site-main .has-large-font-size { font-size: 30px !important; line-height: 36px; } table { width: 100%; } .post-password-form label { width: 100%; } input[type=password] { width: 100%; } .wp-block-button { margin-bottom: 15px; } .blocks-gallery-grid { padding: 0px !important; } .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item { margin: 0 1em 1.4em 0; } dl, ol, ul { padding: 0px; } dl dt, ol dt, ul dt { font-size: 17px; font-weight: 500; color: var(--heading-color-one); } .blocks-gallery-caption { padding-bottom: 21px; } /*-----=======wp-block-image=======--------*/ .wp-block-latest-posts.wp-block-latest-posts__list li { margin-bottom: 10px; } .wp-block-image { margin-bottom: 15px; } .wp-block-image figcaption { margin-top: 15px; margin-bottom: 0px !important; } body .wp-block-cover { margin-bottom: 15px; } .wp-block-gallery.wp-block-gallery-3 { padding-right: 15px; } blockquote p { font-size: 24px !important; line-height: 30px; font-family: var(--font-family-text); font-weight: 600; } .wp-block-pullquote blockquote { padding: 20px 10px !important; margin: 0; } .wp-block-group.has-background .wp-block-group__inner-container { padding: 20px 20px 10px; margin-bottom: 15px; } .wp-block-media-text { margin-bottom: 15px; } .wp-block-latest-comments, .wp-block-rss { padding-left: 0px !important; } .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { position: relative; top: 6px; } .wp-block-latest-comments .wp-block-latest-comments__comment-date { margin-top: 8px; } .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item { margin-bottom: 15px !important; } .is-style-squared .wp-block-button__link { border-radius: 0px; } .is-style-outline .wp-block-button__link:hover { color: var(--color-set-one-1) !important; border-color: var(--color-set-one-1); } .wp-block-button__link { background-color: var(--color-set-one-1); color: var(--color-white); } .wp-block-button__link:hover { background-color: var(--color-set-one-2); color: var(--color-white); } .admin-bar .quicklinks ul { margin-bottom: unset !important; } body blockquote, .wp-block-pullquote { padding: 20px !important; border-radius: 10px; background: var(--color-set-one-bg-1); font-size: 24px; line-height: 32px; font-weight: 700; color: var(--heading-color-one); } body blockquote cite, .wp-block-pullquote cite { font-size: 20px !important; line-height: 28px !important; font-weight: 600; } body blockquote p, .wp-block-pullquote p { font-size: 24px; line-height: 32px; font-weight: 700; color: var(--heading-color-one); } .wp-block-archives, .wp-block-categories-dropdown { margin-bottom: 15px; } .wp-block-pullquote.is-style-solid-color blockquote p { margin-bottom: 15px; } .wp-block-quote.is-large:not(.is-style-plain) p p, .wp-block-quote.is-style-large:not(.is-style-plain) p { font-size: 24px; line-height: 32px; font-weight: 700; color: var(--heading-color-one); } .gallery img { margin: 0 auto 10px; } .wp-block-calendar tbody td, .wp-block-calendar th { padding: 0px; } .wp-block-calendar table th { background: var(--color-set-one-bg-1); } .wp-block-search { margin-bottom: 15px; } pre { background: var(--color-set-one-bg-1); padding: 20px; } .wp-block-table td, .wp-block-table th { border-color: var(--color-set-one-bor-3); } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: var(--color-set-one-bg-1); } /*----------------animate-csss---------------*/ .swiper-slide .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; } .swiper-slide-active .animate_up { opacity: 1 !important; visibility: visible !important; transform: perspective(400px) rotateY(0deg) translateY(0px); transition-delay: 1000ms; } .swiper-slide .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; } .swiper-slide-active .animate_down { opacity: 1 !important; visibility: visible !important; transform: perspective(400px) rotateY(0deg) translateY(0px); transition-delay: 1000ms; } .swiper-slide .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; } .swiper-slide-active .animate_left { opacity: 1 !important; visibility: visible !important; transform: perspective(400px) rotateY(0deg) translateX(0px); transition-delay: 1000ms; } .swiper-slide .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; } .swiper-slide-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; } .slider .slide-item-content { position: relative; overflow: hidden; } .slider .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 { padding: 150px 0px; position: relative; } .slider.style_one .slider_content { position: relative; padding: 65px 55px 65px 55px; background-position: left; background-repeat: no-repeat; background-size: contain; } .slider.style_one .slider_content .bg_image { position: absolute; top: 0; left: 0; } .slider.style_one .slider_content h6 { font-size: 20px; line-height: 20px; color: var(--color-white); font-weight: 700; margin-bottom: 25px; } .slider.style_one .slider_content h6 img { width: 40px; height: auto; display: inline-block; } .slider.style_one .slider_content h1 { font-size: 85px; line-height: 97px; font-weight: 800; color: var(--color-white); margin-bottom: 35px; } .slider.style_one .slider_content .theme_btn { padding: 12px 35px; letter-spacing: 1px; line-height: 27px; font-weight: 500; font-size: 17px; } .slider.style_one .owl-dots { position: absolute; bottom: 20px; left: 0; right: 0; width: 100%; } .slider.style_one .owl-nav { z-index: 999; position: absolute; top: -10px; bottom: 0; height: 200px; width: 80px; right: 20%; margin: auto; } .slider.style_one .owl-nav .owl-prev, .slider.style_one .owl-nav .owl-next { width: 80px; margin: 8px 0px; height: 80px; line-height: 80px; border-radius: 80px; font-size: 24px; background: transparent; border: 1px solid var(--color-white); } .slider.style_one .owl-nav .owl-prev i, .slider.style_one .owl-nav .owl-next i { font-size: 30px; color: var(--color-white); } .slider.style_two .slide-item-content { position: relative; background: var(--color-set-one-bg-3); } .slider.style_two .slide-item-content .shape { position: absolute; right: 0; bottom: 0; z-index: 1; } .slider.style_two .slider_content { position: relative; z-index: 2; background-position: left; background-repeat: no-repeat; background-size: contain; padding: 150px 0px; } .slider.style_two .slider_content .bg_image { position: absolute; top: -2%; bottom: 0; margin: auto; left: -30%; width: 600px; height: 600px; border-radius: 50%; background: #fff; } .slider.style_two .slider_content h6 { font-size: 20px; line-height: 20px; color: var(--color-set-one-8); font-weight: 700; margin-bottom: 25px; } .slider.style_two .slider_content h6 img { width: 40px; height: auto; display: inline-block; } .slider.style_two .slider_content h1 { font-size: 85px; line-height: 97px; font-weight: 800; color: var(--heading-color-one); margin-bottom: 35px; } .slider.style_two .slider_content .theme_btn { padding: 12px 35px; letter-spacing: 1px; line-height: 27px; font-weight: 500; font-size: 17px; background: var(--color-set-two-three-1); border-color: var(--color-set-two-three-1); color: var(--color-white); } .slider.style_two .owl-dots { position: absolute; bottom: 20px; left: 0; right: 0; width: 100%; } .slider.style_two .owl-dots .owl-dot.active, .slider.style_two .owl-dots .owl-dot:hover { border-color: var(--color-set-two-three-1); } .slider.style_two .owl-dots .owl-dot.active span, .slider.style_two .owl-dots .owl-dot:hover span { background: var(--color-set-two-three-1); } .slider.style_two .owl-dots .owl-dot span { background: var(--color-set-two-three-1); } .slider.style_two .owl-nav { z-index: 999; position: absolute; top: -20px; bottom: 0; height: 200px; width: 60px; left: 50px; margin: auto; } .slider.style_two .owl-nav .owl-prev, .slider.style_two .owl-nav .owl-next { width: 60px; margin: 8px 0px; height: 60px; line-height: 60px; font-size: 24px; background: var(--color-white); border: 1px solid var(--color-white); } .slider.style_two .owl-nav .owl-prev i, .slider.style_two .owl-nav .owl-next i { font-size: 30px; color: var(--color-set-two-three-1); } .slider.style_two .owl-nav .owl-prev:hover, .slider.style_two .owl-nav .owl-next:hover { background: var(--color-set-two-three-1); border: 1px solid var(--color-set-two-three-1); } .slider.style_two .owl-nav .owl-prev:hover i, .slider.style_two .owl-nav .owl-next:hover i { color: var(--color-white); } .slider.style_three .slide-item-content { padding: 300px 0px; position: relative; } .slider.style_three .slide-item-content::before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(180deg, var(--color-set-two-three-3) 0%, rgba(33, 52, 56, 0) 100%); content: ""; height: 100%; width: 100%; z-index: 1; opacity: 0.85; } .slider.style_three .slider_content { position: relative; background-position: left; background-repeat: no-repeat; background-size: contain; } .slider.style_three .slider_content .bg_image { position: absolute; top: 0; left: 0; } .slider.style_three .slider_content h6 { line-height: 32px; font-size: 30px; color: var(--color-white); font-weight: 700; margin-bottom: 25px; } .slider.style_three .slider_content h6 img { width: 40px; height: auto; display: inline-block; } .slider.style_three .slider_content h1 { line-height: 140px; font-weight: 700; font-size: 120px; color: var(--color-white); margin-bottom: 35px; } .slider.style_three .slider_content .theme_btn { padding: 12px 35px; letter-spacing: 1px; line-height: 27px; font-weight: 500; font-size: 17px; color: var(--color-white) !important; background: var(--color-set-two-three-1); border-color: var(--color-set-two-three-1); } .slider.style_three .owl-dots { position: absolute; bottom: 30px; left: 0; right: 0; width: 100%; } .slider.style_three .owl-dots .owl-dot.active, .slider.style_three .owl-dots body .owl-dot:hover span { border-color: var(--color-set-two-three-1); } .slider.style_three .owl-dots .owl-dot.active span, .slider.style_three .owl-dots body .owl-dot:hover span span { background: var(--color-set-two-three-1); } .slider.style_three .owl-nav { z-index: 999; position: absolute; top: 0px; width: 100%; padding: 0px 50px; bottom: 0; height: 80px; right: 0; margin: auto; display: flex; justify-content: space-between; } .slider.style_three .owl-nav .owl-prev, .slider.style_three .owl-nav .owl-next { width: 80px; height: 80px; line-height: 80px; font-size: 24px; background: transparent; border: 1px solid var(--color-white); } .slider.style_three .owl-nav .owl-prev i, .slider.style_three .owl-nav .owl-next i { font-size: 30px; color: var(--color-white); } .slider.style_three .owl-nav .owl-prev:hover, .slider.style_three .owl-nav .owl-next:hover { background: var(--color-set-two-three-1); border-color: var(--color-set-two-three-1); } .slider.style_five .slick-prev, .slider.style_five .slick-next { position: absolute; z-index: 99; width: 80px; left: 10%; bottom: 0; top: 0; margin: auto; height: 80px; line-height: 80px; text-align: center; border-radius: 80px; border: 1px solid var(--color-set-one-bor-3); background: var(--color-white); pointer-events: fill; 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; } .slider.style_five .slick-prev span, .slider.style_five .slick-next span { font-size: 35px; 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; } .slider.style_five .slick-prev:hover, .slider.style_five .slick-next:hover { background: var(--color-set-one-1); border-color: var(--color-set-one-1); } .slider.style_five .slick-prev:hover span, .slider.style_five .slick-next:hover span { color: var(--color-white); } .slider.style_five .slick-next { left: unset; right: 10%; } .slider.style_five .slide-item-content { padding: 200px 0px 220px; position: relative; } .slider.style_five .slide-item-content::after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(0deg, var(--color-set-one-2) 0%, rgba(33, 52, 56, 0) 100%); content: ""; height: 100%; width: 100%; z-index: 1; opacity: 0.6; } .slider.style_five .slider_content { position: relative; background-position: left; background-repeat: no-repeat; background-size: contain; z-index: 11; } .slider.style_five .slider_content .bg_image { position: absolute; top: 0; left: 0; } .slider.style_five .slider_content h6 { line-height: 32px; font-size: 30px; color: var(--color-white); font-weight: 700; margin-bottom: 25px; } .slider.style_five .slider_content h6 img { width: 40px; height: auto; display: inline-block; } .slider.style_five .slider_content h1 { line-height: 95px; font-weight: 700; font-size: 85px; color: var(--color-white); margin-bottom: 40px; } .slider.style_five .slider_content .theme_btn { padding: 12px 35px; letter-spacing: 1px; line-height: 27px; font-weight: 500; font-size: 17px; color: var(--color-white) !important; background: var(--color-set-one-1); border-color: var(--color-set-one-1); } .slider.style_five .tab_postion_absolute { position: absolute; bottom: 50px; left: 0; width: 100%; text-align: center; } .slider.style_five .tab_postion_absolute .slick-slide { padding: 0px 15px; } .slider.style_five .tab_postion_absolute .slick-current .title { border-bottom: 3px solid var(--color-white); } .slider.style_five .tab_postion_absolute .title { padding: 0px 15px 10px; border-bottom: 3px solid transparent; cursor: pointer; } .slider.style_five .tab_postion_absolute .title h3 { font-size: 20px; line-height: 30px; color: var(--color-white); margin: 0px; } .slider.style_six .slide-item-content { position: relative; } .slider.style_six .slide-item-content::after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(90deg, var(--color-set-one-2) 0%, rgba(33, 52, 56, 0) 100%); content: ""; height: 100%; width: 100%; z-index: 1; opacity: 0.98; } .slider.style_six .slide-item-content .extra_content_box { z-index: 11; position: absolute; background-position: center; background-repeat: repeat; background-size: cover; bottom: 50px; right: 100px; display: inline-block; background: var(--color-set-four-3); padding: 30px 40px; width: 470px; } .slider.style_six .slide-item-content .extra_content_box h4 { color: var(--color-white); } .slider.style_six .slide-item-content .extra_content_box p { color: var(--color-white); margin-bottom: 20px; } .slider.style_six .slide-item-content .extra_content_box a { position: relative; color: var(--color-white); display: inline-block; } .slider.style_six .slide-item-content .extra_content_box a::before { position: absolute; content: ""; width: 208%; right: -218%; height: 1px; background: var(--color-white); bottom: 0; top: 0; margin: auto; opacity: 0.4; } .slider.style_six .slider_content { position: relative; padding: 150px 0px; background-position: left; background-repeat: no-repeat; background-size: contain; } .slider.style_six .slider_content .bg_image { position: absolute; top: 0; left: 0; } .slider.style_six .slider_content h6 { font-size: 20px; line-height: 20px; color: var(--color-white); font-weight: 700; margin-bottom: 25px; } .slider.style_six .slider_content h6 img { width: 40px; height: auto; display: inline-block; } .slider.style_six .slider_content h1 { font-size: 85px; line-height: 97px; font-weight: 800; color: var(--color-white); margin-bottom: 35px; } .slider.style_six .slider_content .theme_btn { padding: 12px 35px; letter-spacing: 1px; line-height: 27px; font-weight: 500; font-size: 17px; background: var(--color-set-one-1); border-color: var(--color-set-one-1); color: var(--color-white) !important; } .slider.style_six .owl-dots { position: absolute; bottom: 20px; left: 0; right: 0; width: 100%; } .slider.style_six .owl-nav { z-index: 999; position: absolute; bottom: 0; height: 80px; width: 100%; right: 0%; left: 0; top: 0; padding: 0px 100px; margin: auto; display: flex; justify-content: space-between; } .slider.style_six .owl-nav .owl-prev, .slider.style_six .owl-nav .owl-next { width: 80px; margin: 0px 0px; height: 80px; line-height: 80px; font-size: 24px; background: transparent; border: 1px solid var(--color-white); } .slider.style_six .owl-nav .owl-prev i, .slider.style_six .owl-nav .owl-next i { font-size: 30px; color: var(--color-white); } .single_banner { position: relative; padding: 150px 0 100px 0; } .single_banner.style_one .image_bg { position: absolute; top: 0; right: 0; z-index: 1; } .single_banner.style_one .image_bg img { height: 865px; width: 500px; -o-object-fit: cover; object-fit: cover; } .single_banner.style_one .content_box { position: relative; z-index: 2; } .single_banner.style_one h2 { font-size: 65px; line-height: 75px; margin-bottom: 10px; color: var(--heading-color-two); } .single_banner.style_one p { margin-bottom: 30px; } .single_banner.style_one .newsteller_simple { position: relative; margin-bottom: 40px; } .single_banner.style_one .newsteller_simple input[type=email] { border-radius: 12px 12px 12px 12px !important; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.21) !important; border-color: var(--color-set-four-1) !important; background-color: var(--color-white) !important; height: 62px !important; border-width: 0px 0px 0px 3px !important; } .single_banner.style_one .newsteller_simple input[type=submit] { position: absolute; z-index: 999; top: -9px; right: 5px; left: unset; width: 120px; min-width: 120px; border-radius: 12px 12px 12px 12px; border-color: transparent; background-color: transparent; background-image: linear-gradient(81deg, var(--color-set-four-1) 0%, var(--color-set-four-2) 74%); } .single_banner.style_one .review_box .rimage { min-width: 60px; width: 60px; overflow: hidden; border-radius: 40px; height: 60px; margin-right: 13px; } .single_banner.style_one .review_box .rimage img { -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .single_banner.style_one .review_box h2 { font-size: 18px; font-weight: 600; line-height: 24px; } .single_banner.style_one .review_box p { padding: 0; margin: 0; } .single_banner.style_one .section_title.abso { position: absolute; left: 79px; bottom: -24px; } .single_banner.style_one .section_title.abso .title { color: rgba(24, 24, 24, 0.031372549) !important; font-size: 225px; line-height: 225px; } .single_banner.style_one .image img { height: 615px; -o-object-fit: cover; object-fit: cover; border-radius: 120px 120px 120px 0; } @media (max-width: 1200px) { .slider.style_one .slider_content h1 { font-size: 55px; line-height: 65px; } .single_banner.style_one .image_bg { display: none; } } @media (max-width: 1024px) { .slider.style_one .slider_content h6, .slider.style_two .slider_content h6, .slider.style_three .slider_content h6 { font-size: 16px; } .slider.style_one .slider_content h1, .slider.style_two .slider_content h1, .slider.style_three .slider_content h1, .single_banner.style_one h2 { font-size: 40px; line-height: 50px; } .slider.style_one .slider_content .theme_btn { padding: 8px 20px; } .slider.style_one .owl-nav { display: none; } .slider.style_two .owl-dots { display: none; } .slider.style_two .owl-nav .owl-prev, .slider.style_two .owl-nav .owl-next { width: 50px; line-height: 50px; height: 50px; margin: 0px 5px; } .slider.style_two .owl-nav { top: unset; bottom: 30px; height: 80px; width: 100%; right: 0px; left: 0; text-align: center; margin: auto; } .slider.style_three .owl-nav { display: none; } .slider.style_three .slide-item-content { padding: 150px 0px; } .slider.style_three .slide-item-content .slide-item { display: flex; align-items: center; min-height: 300px; } } @media (max-width: 768px) { .slider.style_one .slider_content img { width: 72%; } } @media (max-width: 500px) { .slider.style_one .slider_content img { width: 100%; } } .swiper-pagination { display: flex; justify-content: center; align-content: center; align-items: center; bottom: 30px !important; } .swiper-pagination .swiper-pagination-bullet { width: 7px; height: 7px; display: inline-block; background-color: #fff; opacity: 1; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--color-set-one-1); width: 10px; height: 10px; } body .slick-dots { position: absolute; bottom: -40px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: left; } body .slick-dots li { margin-right: 0 !important; } /*=========================================================================== Content ===========================================================================*/ /* 0) --> hover_1 1) --> icon_box 2) --> section_title 3) --> service_box 4) --> image_box_only 5) --> fun_facts 6) --> team_box 7) --> blog_box 8) --> list_box 9) --> only_tab_content 10) --> block_faq 11) --> process_box 11) --> testimonial_box 12) --> custom_tabs 13) --> image_video_box_only 14) --> progress_bar 15) --> portfolio_box 16) --> price_box 17) --> contact_box_content 18) --> Call to action 19) --> Newsteller */ .hover_1 { position: relative; } .hover_1 .oh { position: absolute; content: ""; width: 25%; height: 100%; left: 0; background: var(--color-set-one-2); transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; bottom: -50%; transform: translateY(50%); opacity: 0; } .hover_1 .oh.ho_2 { 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; left: 25%; transform: translateY(40%); } .hover_1 .oh.ho_3 { transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; left: 50%; transform: translateY(20%); } .hover_1 .oh.ho_4 { transition: 0.9s ease-in-out; -ms-transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out; -o-transition: 0.9s ease-in-out; transform: translateY(30%); left: 75%; } .hover_1_get:hover .hover_1 .oh { opacity: 0.7; bottom: 0; transform: translateY(0%); } @keyframes animation_rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .icon_box_only { position: relative; margin-bottom: 30px; } .icon_box_only.type_one .icon_box_in { padding: 50px 40px; background: var(--color-white); box-shadow: var(--box-shadow); border-radius: 14px; margin-bottom: 30px; z-index: 0; } .icon_box_only.type_one .icon_box_in .after { position: absolute; content: ""; background: var(--color-set-two-three-1); width: 100%; height: 100%; left: 0; top: 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; z-index: -1; border-radius: 14px; opacity: 0; } .icon_box_only.type_one .icon_box_in .shape_image { position: absolute; top: 0; right: 0; } .icon_box_only.type_one .icon_box_in .icon { position: relative; margin-bottom: 20px; } .icon_box_only.type_one .icon_box_in .icon img { width: 50px; height: auto; } .icon_box_only.type_one .icon_box_in .icon i { font-size: 50px; line-height: 50px; color: var(--color-set-two-three-1); display: block; } .icon_box_only.type_one .icon_box_in .title_22 { margin: 0px; } .icon_box_only.type_one .icon_box_in p { margin-top: 15px; margin-bottom: 0px; } .icon_box_only.type_one .icon_box_in .rd_more { margin-top: 20px; } .icon_box_only.type_one .icon_box_in:hover .after { top: 5px; left: -5px; opacity: 1; } .icon_box_only.type_one.color_two .icon_box_in .icon i { color: var(--color-set-one-1); } .icon_box_only.type_two { transform: translateY(0px); } .icon_box_only.type_two .icon_box_in { padding: 25px 25px; } .icon_box_only.type_two .icon_box_in .icon { margin-bottom: 12px; } .icon_box_only.type_two .icon_box_in .icon img { width: 45px; } .icon_box_only.type_two .icon_box_in .icon i { font-size: 45px; } .icon_box_only.type_two .icon_box_in .title_18 { margin: 0px; } .icon_box_only.type_two .icon_box_in .rd_more { margin-top: 15px; } .icon_box_only.type_two .icon_box_in p { font-size: 16px; line-height: 24px; margin-top: 8px; } .icon_box_only.type_two:hover { transform: translateY(-10px); } .icon_box_only.type_three .icon_inner { position: relative; padding: 36px 40px; background: var(--color-set-one-2); border-radius: 20px; } .icon_box_only.type_three .icon_inner .icon { position: relative; min-width: 68px; width: 68px; height: 68px; border-radius: 50px; background: var(--color-set-one-5); text-align: center; color: var(--color-white); margin-right: 22px; } .icon_box_only.type_three .icon_inner .icon i { font-size: 40px; line-height: 68px; } .icon_box_only.type_three .icon_inner .icon img { width: 40px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: auto; margin: auto; } .icon_box_only.type_three .icon_inner .content { position: relative; } .icon_box_only.type_three .icon_inner .content .title_22 a { color: var(--color-white); } .icon_box_only.type_three .icon_inner .content .title_22 a .char:after { color: var(--color-white); } .icon_box_only.type_three .icon_inner .content .title_22 a:hover { color: var(--color-set-one-1); } .icon_box_only.type_three .icon_inner .content .title_22 a:hover .char:after { color: var(--color-set-one-1); } .icon_box_only.type_three .icon_inner .content p { color: var(--color-white); } .icon_box_only.type_three .icon_inner .content a.rd_more { color: var(--color-white); } .icon_box_only.type_three:before { position: absolute; width: 100%; height: 100%; content: ""; background: var(--color-set-one-bg-1); bottom: -5px; left: 0; border-radius: 20px; 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; } .icon_box_only.type_three:hover:before { background: var(--color-set-one-1) !important; } .icon_box_only.type_four { position: relative; background: var(--color-white); border-radius: 17px; box-shadow: var(--box-shadow-two); padding: 30px; } .icon_box_only.type_four .icon { margin-bottom: 15px; } .icon_box_only.type_four .icon i { font-size: 45px; line-height: 45px; } .icon_box_only.type_four .icon img { width: 45px; height: auto; } .icon_box_only.type_four .title_18 a { margin-bottom: 20px; font-size: 20px; line-height: 26px; } .icon_box_only.type_four.inline_box { display: inline-flex; padding: 9px 16px; align-items: center; } .icon_box_only.type_four.inline_box .icon { margin-right: 10px; margin-bottom: unset; } .icon_box_only.type_four.inline_box .icon i { font-size: 45px; line-height: 45px; } .icon_box_only.type_four.inline_box .icon img { width: 45px; height: auto; } .icon_box_only.type_four.inline_box .title_18 a { margin: 0px; font-size: 18px; line-height: 24px; } .icon_box_only.type_four.inline_box .link { padding-left: 20px; } .icon_box_only.type_five { margin-bottom: 0px; } .icon_box_only.type_five .icon { min-width: 63px; width: 63px; min-width: 63px; position: relative; } .icon_box_only.type_five .icon i { font-size: 35px; color: var(--color-white); } .icon_box_only.type_five .icon img { width: 35px; height: auto; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; } .icon_box_only.type_five.color_two .icon i { color: var(--color-set-one-1); } .icon_box_only.type_six { padding: 23px 20px 23px 25px; background: var(--color-white); box-shadow: var(--box-shadow-three); display: flex; margin-top: 25px; } .icon_box_only.type_six .icon { width: 80px; height: 80px; min-width: 80px; border-radius: 7px; background: var(--color-set-one-1); text-align: center; line-height: 80px; position: relative; top: 6px; margin-right: 25px; } .icon_box_only.type_six .icon i { font-size: 40px; line-height: 80px; color: var(--color-white); } .icon_box_only.type_six .icon img { width: 40px; height: auto; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .icon_box_only.type_six .title_22 a { margin-bottom: 8px; } .icon_box_only.type_six p { margin: 0px; } .icon_box_only.type_seven { padding: 50px 40px; background: var(--color-white); border-radius: 20px; border: 1px solid var(--color-white); text-align: center; } .icon_box_only.type_seven.boxsha { box-shadow: var(--box-shadow-three); } .icon_box_only.type_seven .icon { width: 160px; height: 160px; border-radius: 160px; background: var(--color-white); box-shadow: var(--box-shadow-three); line-height: 160px; text-align: center; margin-bottom: 30px; margin-left: auto; margin-right: auto; } .icon_box_only.type_seven .icon i { color: var(--color-set-one-1); font-size: 80px; line-height: 160px; } .icon_box_only.type_seven .icon img { width: 80px; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .icon_box_only.type_seven p { margin-bottom: 22px; } .icon_box_only.type_seven:hover { border-color: var(--color-set-one-1); } .icon_box_only:hover .title_22 a { color: va(--color-set-one-1); } .icon_box_only:hover .title_22 a span:after { color: var(--color-set-one-1); } .icon_box_only.type_eight { position: relative; padding: 30px; border: 3px solid var(--color-set-one-bor-3); background: var(--color-white); 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; min-height: 265px; } .icon_box_only.type_eight .section_title .title { font-size: 25px; line-height: 32px; } .icon_box_only.type_eight .icon_image { margin-bottom: 25px; } .icon_box_only.type_eight:hover { border-color: #ff6600; } .desc_content_box { padding: 30px; color: var(--color-white); background: var(--color-set-one-1); border: 3px solid rgba(15, 53, 103, 0.3882352941); 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; margin-bottom: 30px; } .desc_content_box:hover { border-color: var(--color-set-one-2); } .desc_content_box .theme_btn { background: transparent; border-color: var(--color-white); } .desc_content_box .text { margin-bottom: 72px; } .section_title { position: relative; } .section_title .sm_title { font-family: var(--font-family-main); font-weight: 500; font-size: 20px; line-height: 28px; color: #ff6600; padding: 0 0 12px; margin: 0px; } .section_title .title { position: relative; font-size: 43px; line-height: 52px; font-weight: 700; color: #1f1b1f; margin: 0px; font-family: var(--font-family-main); } .section_title p { font-family: "DM Sans"; font-weight: 400; font-size: 18px; padding: 15px 0 0px; line-height: 26px; color: var(--content-color-one); font-family: var(--font-family-text); margin: 0px; } .section_title.medium .title { font-size: 40px; font-weight: 700; line-height: 48px; } .section_title.small .title { font-size: 35px; font-weight: 700; line-height: 42px; } .section_title.color_white .sm_title { color: var(--color-white) !important; } .section_title.color_white .title { color: var(--color-white) !important; } .section_title.color_white p { color: var(--color-white) !important; } .section_title.type_two .sm_title { color: #ff6600; } .section_title.type_three .sm_title { color: var(--color-set-two-three-1); } .section_title.type_three .title { color: var(--heading-color-two); } .section_title.type_four .sm_title { color: #ff6600; } .section_title.type_four .title { color: var(--heading-color-two); } .section_title.type_five .sm_title { color: var(--color-set-four-1); } .section_title.type_five .title { color: var(--heading-color-three); } @media (max-width: 600px) { .section_title .sm_title { font-size: 18px; line-height: 26px; } .section_title .title { font-size: 35px; line-height: 43px; } .section_title p { font-size: 16px; line-height: 24px; } } body .service_post.style_one .owl-carousel .owl-dots { padding-top: 10px; } .service_post .pagination-area, .blog_post .pagination-area { padding-top: 20px; } .service_post .owl-item .service_box.type_one { margin: 0px 5px 30px; } .service_post.style_one.position_four .owl-carousel .owl-nav .owl-prev { left: -85px; } .service_post.style_one.position_four .owl-carousel .owl-nav .owl-next { right: -85px; } .service_box { position: relative; margin-bottom: 30px; } .service_box.type_one { margin-bottom: 40px; } .service_box.type_one .image { position: relative; } .service_box.type_one .image img { width: 100%; height: 248px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .service_box.type_one .content_box { padding-left: 50px; margin-top: -50px; } .service_box.type_one .content_box .content_inner { position: relative; /* Image */ background: var(--color-white); padding: 35px 35px 30px; z-index: 1; box-shadow: var(--box-shadow); border: 1px solid var(--color-set-one-bor-3); border-radius: 10px; overflow: hidden; } .service_box.type_one .content_box .content_inner .icon { position: relative; z-index: 1; text-align: left; margin-bottom: 20px; } .service_box.type_one .content_box .content_inner .icon i { font-size: 55px; color: var(--color-set-one-1); line-height: 55px; } .service_box.type_one .content_box .content_inner .icon img { width: 55px; height: auto; position: absolute; margin: auto; left: 0; right: 0; bottom: 0; top: 0; } .service_box.type_one .content_box .content_inner .title_24 { position: relative; z-index: 2; } .service_box.type_one .content_box .content_inner .rd_more { position: relative; padding-top: 10px; } .service_box.type_one .content_box .content_inner .rd_more svg { position: relative; top: -1px; } .service_box.type_one .content_box .content_inner .rd_more svg path { stroke: var(--heading-color-one); } .service_box.type_one .content_box .content_inner .rd_more:hover { color: var(--color-white) !important; } .service_box.type_one .content_box .content_inner .steps { position: absolute; right: 15px; top: 0px; font-family: var(--font-family-main); font-weight: 700; font-size: 200px; line-height: 200px; color: var(--color-set-one-lig-1); z-index: 1; } .service_box.type_one .content_box .content_inner p { position: relative; z-index: 1; } .service_box.type_one .content_box .content_inner:before { position: absolute; content: ""; left: 0; top: 0; z-index: 0; background: var(--color-set-one-1); width: 0px; height: 100%; 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.type_one:hover .content_box .content_inner { border-color: var(--color-set-one-1); } .service_box.type_one:hover .content_box .content_inner::before { width: 100%; } .service_box.type_one:hover .content_box .content_inner .steps { color: var(--color-white); opacity: 0.1; } .service_box.type_one:hover .content_box .content_inner .icon i { color: var(--color-white); } .service_box.type_one:hover .content_box .content_inner .title_24 a { color: var(--color-white); } .service_box.type_one:hover .content_box .content_inner .title_24 a .char:after { color: var(--color-white); } .service_box.type_one:hover .content_box .content_inner p { color: var(--color-white); } .service_box.type_one:hover .content_box .content_inner .rd_more { color: var(--color-white); } .service_box.type_one:hover .content_box .content_inner .rd_more svg path { stroke: var(--color-white); } .service_box.type_one.color_two .content_box .content_inner::before { background: var(--color-set-two-three-1); } .service_box.type_one.color_two .content_box .content_inner .icon i { color: var(--color-set-two-three-1); } .service_box.type_one.color_two:hover .content_box .content_inner { border-color: var(--color-set-two-three-1); } .service_box.type_one.color_two:hover .content_box .icon i { color: var(--color-white); } .service_box.type_two { border-radius: 20px; background: var(--color-white); box-shadow: var(--box-shadow-three); } .service_box.type_two .img_bx { display: block; padding-bottom: 10px; border-radius: 20px; background: var(--color-set-one-bg-1); } .service_box.type_two .image { position: relative; overflow: hidden; height: 254px; border-radius: 20px; } .service_box.type_two .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .service_box.type_two .content_box { padding: 30px 40px 40px; position: relative; } .service_box.type_two .content_box .steps { position: absolute; right: 15px; bottom: 0px; font-family: var(--font-family-main); font-weight: 700; font-size: 120px; line-height: 120px; color: var(--color-set-one-bg-1); z-index: 0; } .service_box.type_two .content_box .icon { position: relative; margin-top: -85px; z-index: 1; border-radius: 85px; width: 85px; height: 85px; text-align: center; margin-bottom: 20px; background: var(--color-white); box-shadow: var(--box-shadow-two); } .service_box.type_two .content_box .icon i { font-size: 45px; line-height: 85px; color: var(--color-set-one-1); } .service_box.type_two .content_box .icon img { width: 45px; height: auto; position: absolute; margin: auto; left: 0; right: 0; bottom: 0; top: 0; } .service_box.type_two:hover .img_bx { background: var(--color-set-one-1); } .service_box.type_two:hover .content_box .icon { background: var(--color-set-one-1); } .service_box.type_two:hover .content_box .icon i { color: var(--color-white); } .service_box.type_three .image { position: relative; overflow: hidden; height: 463px; border-radius: 10px; } .service_box.type_three .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .service_box.type_three .content_box { position: absolute; left: 0; bottom: 0; right: 0; padding: 40px 30px; } .service_box.type_three .content_box .content_box_in { position: relative; border-radius: 12px; background: var(--color-white); padding: 30px 32px 30px; overflow: hidden; } .service_box.type_three .content_box .content_box_in .icon { position: relative; height: 0; overflow: hidden; transform: translateY(40px); opacity: 0; } .service_box.type_three .content_box .content_box_in .icon i { font-size: 60px; line-height: 60px; color: var(--color-white); } .service_box.type_three .content_box .content_box_in .icon img { width: 60px; height: auto; } .service_box.type_three .content_box .content_box_in .steps { position: absolute; right: 0; bottom: 40px; left: 0; margin: auto; font-family: var(--font-family-main); font-weight: 400; font-size: 200px; line-height: 200px; color: var(--color-white); z-index: 1; text-align: center; opacity: 0; } .service_box.type_three .content_box .content_box_in .title_24, .service_box.type_three .content_box .content_box_in p { position: relative; z-index: 2; } .service_box.type_three .content_box .content_box_in a.rd_more { color: var(--color-set-one-1); text-decoration: underline; text-decoration-color: var(--color-set-one-1); } .service_box.type_three:hover .content_box .content_box_in { background: var(--color-set-one-1); } .service_box.type_three:hover .content_box .content_box_in .icon { height: 60px; transform: translateY(0px); opacity: 1; margin-bottom: 20px; } .service_box.type_three:hover .content_box .content_box_in .steps { opacity: 0.07; } .service_box.type_three:hover .content_box .content_box_in .title_24 a { color: var(--color-white); } .service_box.type_three:hover .content_box .content_box_in .title_24 a .char:after { color: var(--color-white); } .service_box.type_three:hover .content_box .content_box_in p, .service_box.type_three:hover .content_box .content_box_in a.rd_more { color: var(--color-white); } .service_box.type_four { padding: 40px 0; background: rgba(255, 255, 255, 0.07); border-radius: 7px; text-align: center; overflow: hidden; } .service_box.type_four.hover_1 .oh { background: var(--color-set-one-1); } .service_box.type_four .content_box { position: relative; z-index: 2; } .service_box.type_four .content_box .top, .service_box.type_four .content_box .bottom { padding: 0px 40px; } .service_box.type_four .steps { position: absolute; top: -70px; right: -29px; font-size: 154px; line-height: 156px; font-weight: normal; color: var(--color-white); font-family: var(--font-family-main); opacity: 0; } .service_box.type_four .icon { margin-bottom: 20px; } .service_box.type_four .icon img { width: 55px; margin: auto; } .service_box.type_four .icon i { font-size: 55px; line-height: 55px; color: var(--color-white); } .service_box.type_four .title_24 a { color: var(--color-white); } .service_box.type_four .title_24 a span:after { color: var(--color-white); } .service_box.type_four .line_box { position: relative; padding: 18px 0px 35px; } .service_box.type_four .line_box .line { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; height: 1px; background: rgba(255, 255, 255, 0.4); width: 50%; 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_four p { color: var(--color-white); margin-bottom: 30px; } .service_box.type_four:hover .oh { opacity: 1; bottom: 0; transform: translate(0); } .service_box.type_four:hover .title_24 a { color: var(--color-white); } .service_box.type_four:hover .title_24 a span:after { color: var(--color-white); } .service_box.type_four:hover .steps { opacity: 0.05; right: 0; } .service_box.type_four:hover .line_box .line { width: 100%; opacity: 1; } .service_box.type_four.color_two .oh { background: var(--color-set-two-three-1); } .service_box.type_four.color_three { background: var(--color-set-one-bg-1); } .service_box.type_four.color_three .line_box .line, .service_box.type_four.color_three:before { background: var(--color-set-one-1); } .service_box.type_four.color_three .icon i { color: var(--color-set-one-1); } .service_box.type_four.color_three a.rd_more svg path { fill: var(--color-set-one-1); } .service_box.type_four.color_three p { color: var(--content-color-one); } .service_box.type_four.color_three .title_24 a { color: var(--heading-color-one); } .service_box.type_four.color_three:hover .title_24 a { color: var(--color-white); } .service_box.type_four.color_three:hover .title_24 a span:after { color: var(--color-white); } .service_box.type_four.color_three:hover .steps { opacity: 0.05; right: 0; } .service_box.type_four.color_three:hover .line_box .line { width: 100%; opacity: 1; } .service_box.type_four.color_three:hover p { color: var(--color-white); } .service_box.type_four.color_three:hover .icon i { color: var(--color-white); } .service_box.type_four.color_three:hover .line_box .line, .service_box.type_four.color_three:hover:before { background: var(--color-white); } .service_box.type_four.color_three:hover a.rd_more svg path { fill: var(--color-white); } .service_box.type_five { margin-bottom: 35px; } .service_box.type_five .rd_more { font-weight: 500; } .service_box.type_five .rd_more svg { position: relative; display: inline-block; top: -2px; margin-left: 3px; } .service_box.type_five .rd_more:hover svg path { stroke: var(--color-set-one-1); } .service_box.type_five p { font-size: 16px; line-height: 25px; } .service_box.type_five .title_22 a { color: var(--color-white); } .service_box.type_five .title_22 a span:after { color: var(--color-white); } .service_box.type_five.style_two:before { background: var(--color-white) 1A; } .service_box.type_five.style_two .icon_inner { background: var(--color-set-one-7) !important; } .service_box.type_six { padding: 10px 15px; background: var(--color-white); border-radius: 20px; } .service_box.type_six .d-flex.trans { padding: 25px 20px 20px; align-items: center; } .service_box.type_six .d-flex.trans .title_22 a { margin: 0px; } .service_box.type_six .d-flex.trans .icon { min-width: 65px; position: relative; padding-top: 5px; } .service_box.type_six .d-flex.trans .icon i { font-size: 50px; line-height: 50px; color: var(--color-set-one-1); } .service_box.type_six .d-flex.trans .icon img { width: auto; height: 50px; } .service_box.type_six .content { padding: 30px 20px 23px; } .service_box.type_six .content p { margin-bottom: 25px; } .service_box.type_six .content a.theme_btn { border-color: var(--color-set-one-bg-2); background: var(--color-white); color: var(--content-color-one); } .service_box.type_six .content a.theme_btn:hover { border-color: var(--color-set-one-1); background: var(--color-set-one-1); color: var(--color-white); } .service_box.type_six .content a.theme_btn:hover svg path { fill: var(--color-white); stroke: var(--color-white); } .service_box.type_six .image { position: relative; overflow: hidden; height: 250px; } .service_box.type_six .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .service_box.type_six.borenable { border: 1px solid var(--color-set-one-bor-2); } .service_box.type_six.color_two .d-flex.trans .icon i { color: var(--color-set-four-3); } .service_box.type_six.color_two .hover_1 .oh { background: var(--color-set-four-3); } .service_box.type_six.color_two .content a.theme_btn:hover { color: var(--color-white) !important; border-color: transparent; background-image: linear-gradient(120deg, var(--color-set-four-1) 0%, var(--color-set-four-2) 100%); } .service_box.type_seven { position: relative; padding-bottom: 10px; } .service_box.type_seven .icon { width: 110px; text-align: center; height: 130px; position: relative; margin-bottom: -80px; left: 40px; z-index: 8; } .service_box.type_seven .icon svg { position: absolute; top: 0; left: 0; 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; } .service_box.type_seven .icon svg path { 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.type_seven .icon i { font-size: 70px; color: var(--color-white); line-height: 130px; display: block; position: relative; z-index: 3; top: -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.type_seven .icon img { width: 70px; z-index: 3; height: auto; position: absolute; top: -5px; bottom: 0; left: 0; right: 0; margin: auto; } .service_box.type_seven .content { position: relative; background: var(--color-white); padding: 0px 40px 0px; overflow: hidden; } .service_box.type_seven .content::before { position: absolute; content: ""; background: var(--color-set-one-1); opacity: 0; width: 100%; height: 100%; top: 0; left: 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; z-index: 2; } .service_box.type_seven .content p { margin: 0px; } .service_box.type_seven .content .img-fluid { position: absolute; top: 0; width: 100%; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; 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.type_seven .content .left { padding-top: 110px; padding-right: 70px; position: relative; z-index: 5; padding-bottom: 40px; } .service_box.type_seven .content .left:before { position: absolute; content: ""; width: 1px; height: 73%; background: var(--color-set-one-bg-2); top: 0; right: 30px; z-index: 4; bottom: 0; margin: auto; 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.type_seven .content .right { position: relative; min-width: 60px; text-align: center; z-index: 5; } .service_box.type_seven .content .right a { position: absolute; top: -10px; bottom: 0; right: 0; left: 0; margin: auto; z-index: 2; 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.type_seven:hover .icon svg path { fill: var(--color-set-one-2); } .service_box.type_seven:hover .content .img-fluid { opacity: 1; } .service_box.type_seven:hover .content::before { opacity: 0.8; height: 100%; } .service_box.type_seven:hover .left:before { background: var(--color-white); opacity: 0.8; } .service_box.type_seven:hover .title_26 a, .service_box.type_seven:hover p, .service_box.type_seven:hover a svg path { color: #fff; fill: #fff; } .service_box.type_seven.color_two .title_26 a { color: var(--heading-color-two); } .service_box.type_seven.color_two:hover .icon i { color: #F86403 !important; } .service_box.type_seven.color_two:hover .icon svg path { fill: var(--color-white) !important; } .service_box.type_seven.color_two:hover .title_26 a { color: var(--color-white); } .service_box.type_seven.color_two .content:before { background-color: transparent; background-image: linear-gradient(85deg, var(--color-set-four-1) 0%, var(--color-set-four-2) 61%); } .image_box_only { position: relative; } .image_box_only.type_one { display: flex; min-width: 693px; } .image_box_only.type_one svg { position: absolute; right: -97px; bottom: 0; } .image_box_only.type_one .image { position: relative; z-index: 1; } .image_box_only.type_one .image.one { height: 520px; width: 375px; min-width: 375px; } .image_box_only.type_one .image.two { margin-top: 40px; width: 300px; height: 300px; min-width: 300px; border-radius: 50%; margin-left: 20px; overflow: hidden; } .image_box_only.type_one .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .image_box_only.type_two { display: flex; align-items: center; min-height: 567px; } .image_box_only.type_two .bg { position: absolute; content: ""; width: 565px; height: 565px; top: -20px; left: -125px; border-radius: 50%; background: var(--color-set-one-bg-1); } .image_box_only.type_two .image { position: relative; z-index: 1; } .image_box_only.type_two .image.one { height: 269px; width: 240px; min-width: 240px; } .image_box_only.type_two .image.two { margin-top: 20px; width: 220px; height: 220px; min-width: 220px; margin-left: 20px; overflow: hidden; border-radius: 135px 0px 135px 135px; } .image_box_only.type_two .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .image_box_only.type_two .right { position: relative; padding-left: 20px; } .image_box_only.type_two .right .image.three { width: 230px; margin-top: 50px; min-width: 230px; height: 270px; border-radius: 0px 115px 115px 0px; overflow: hidden; } .image_box_only.type_two .right .image.four { position: absolute; top: -106px; left: -73px; width: 290px; min-width: 290px; } .image_box_only.type_two .right .image.four img { -o-object-fit: unset; object-fit: unset; -o-object-position: unset; object-position: unset; width: 290px; height: auto; } .image_box_only.type_three { display: flex; align-items: center; min-height: 657px; } .image_box_only.type_three .image { position: relative; } .image_box_only.type_three .image.one { height: 370px; width: 370px; min-width: 370px; } .image_box_only.type_three .image.two { margin-top: 20px; width: 370px; height: 257px; min-width: 370px; } .image_box_only.type_three .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .image_box_only.type_three .right { position: relative; padding-left: 20px; } .image_box_only.type_three .right .image.three { width: 253px; margin-top: 50px; min-width: 253px; height: 439px; overflow: hidden; } .image_box_only.type_four { position: relative; min-width: 592px; display: inline-block; } .image_box_only.type_four .image { height: 560px; width: 470px; } .image_box_only.type_four .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .image_box_only.type_four .abso_content { position: absolute; bottom: 40px; right: -40px; } .image_box_only.type_four .abso_content .imtwo { width: 290px; height: auto; margin-bottom: 20px; position: relative; left: 55px; } .image_box_only.type_four .abso_content .authour_box { padding: 30px; border-radius: 17px; background: var(--color-set-one-1); width: 255px; } .image_box_only.type_four .abso_content .authour_box .d-flex { margin-bottom: 15px; } .image_box_only.type_four .abso_content .authour_box .title_no_a_18, .image_box_only.type_four .abso_content .authour_box .title_no_a_26 { margin: 0px; color: var(--color-white); } .image_box_only.type_four .abso_content .authour_box .title_no_a_26 { padding-bottom: 40px; position: relative; } .image_box_only.type_four .abso_content .authour_box .title_no_a_26:after { content: ""; position: absolute; bottom: 0; left: 0; background: var(--color-white); width: 60px; height: 3px; } .image_box_only.type_four .abso_content .authour_box img { width: 50px; height: 50px; border-radius: 50px; margin-right: 10px; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .image_box_only.type_five .image { height: 735px; } .image_box_only.type_five .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .image_box_only.type_five svg.bg { position: absolute; bottom: 0; width: 100%; left: 0; height: auto; } .image_box_only.type_five .title_no_a_30 { font-size: 45px; line-height: 52px; } .image_box_only.type_five .title_no_a_30, .image_box_only.type_five .title_16 a { position: relative; z-index: 4; color: var(--color-white); } .image_box_only.type_five .title_no_a_30 span:after, .image_box_only.type_five .title_16 a span:after { color: var(--color-white); } .image_box_only.type_five .title_no_a_30 svg, .image_box_only.type_five .title_16 a svg { margin-right: 10px; } .image_box_only.type_five .content { position: absolute; z-index: 2; width: 100%; height: auto; padding: 20px 70px 20px; left: 0; bottom: 0; } .image_box_only.type_five .content:before { content: ""; position: absolute; background-color: var(--color-set-one-1); opacity: 0.902; -webkit-clip-path: polygon(34% 44%, 101% 65%, 100% 67%, 100% 100%, 0 100%, 0 61%); clip-path: polygon(34% 44%, 101% 65%, 100% 67%, 100% 100%, 0 100%, 0 61%); width: 100%; height: calc(100% + 400px); left: 0; z-index: 2; bottom: 0; } .image_box_only.type_five .content:after { content: ""; position: absolute; background-color: var(--color-set-one-1); opacity: 0.6; -webkit-clip-path: polygon(61% 33%, 100% 54%, 100% 50%, 100% 100%, 0 99%, 0% 62%); clip-path: polygon(61% 33%, 100% 54%, 100% 50%, 100% 100%, 0 99%, 0% 62%); width: 100%; height: calc(100% + 300px); left: 0; bottom: 0; z-index: 1; } .image_box_only.type_six { margin-right: 50px; } .image_box_only.type_six .image { height: 670px; } .image_box_only.type_six .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .image_box_only.type_six .content { position: absolute; top: 40px; right: -68px; width: 266px; height: 266px; border-radius: 50%; display: flex; align-items: center; background: var(--color-set-one-1); padding: 20px; justify-content: center; } .image_box_only.type_six .content a .title_no_a_20 { color: var(--color-white); padding-top: 10px; } .image_box_only.type_six .content a .title_no_a_20 span:after { color: var(--color-white); } .image_box_only.type_six .content::before { position: absolute; content: ""; width: 240px; height: 240px; border-radius: 50%; border: 1px dashed var(--color-white); pointer-events: none; top: 0; bottom: 0; right: 0; left: 0; margin: auto; } .image_box_only.type_six.color_two .content { background: var(--color-set-two-three-6); } .image_box_only.type_seven { max-width: 500px; margin-left: 56px; margin-right: 20px; margin-bottom: 20px; } .image_box_only.type_seven .m_image { width: 500px; max-width: 500px; height: 635px; } .image_box_only.type_seven .m_image img { -o-object-fit: cover; object-fit: cover; border-radius: 17px; width: 100%; height: 100%; } .image_box_only.type_seven .icon_box_only.type_four.inline_box { position: absolute; top: 60px; left: -56px; } .image_box_only.type_seven .icon_box_only.type_four.position_two { position: absolute; bottom: -49px; right: -40px; max-width: 170px; } .image_box_only.type_seven .fun_facts.type_two { position: absolute; bottom: 60px; left: -56px; max-width: 250px; } .image_box_only.type_seven.color_two .fun_facts.type_two { background: var(--color-set-two-three-6); } .image_box_only.type_seven.color_two .icon_box_only.type_four .title_18 a { color: var(--heading-color-two); } .image_box_only.type_eight { padding-right: 110px; padding-bottom: 20px; } .image_box_only.type_eight .pattern { position: absolute; left: -93px; bottom: 62px; } .image_box_only.type_eight .pattern img { animation: animation_rotate 4s linear infinite; } .image_box_only.type_eight .m_image { position: relative; z-index: 1; width: 470px; max-width: 470px; height: 552px; } .image_box_only.type_eight .m_image img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 0 235px 235px; width: 100%; height: 100%; } .image_box_only.type_eight .fun_facts.type_two { position: absolute; bottom: 0px; right: 0; max-width: 270px; z-index: 2; } .image_box_only.type_nine img { width: 755%; max-width: 755px; height: 875px; -o-object-fit: cover; object-fit: cover; border-radius: 0 377.5px 377.5px; } .image_box_only.type_ten img { width: 620%; max-width: 490px; height: 500px; -o-object-fit: cover; object-fit: cover; border-radius: 310px 0 345px 310px; } .fun_facts { position: relative; } .fun_facts.type_one { text-align: center; } .fun_facts.type_one .icon { width: 148px; height: 148px; margin-left: auto; margin-right: auto; border-radius: 50%; border: 1px solid transparent; padding: 14px; margin-bottom: 15px; } .fun_facts.type_one .icon .icon_in { width: 120px; height: 120px; margin: auto; border-radius: 50%; background: var(--color-white); text-align: center; position: relative; box-shadow: var(--box-shadow); } .fun_facts.type_one .icon .icon_in i { font-size: 65px; line-height: 120px; color: var(--color-set-one-1); } .fun_facts.type_one .icon .icon_in img { width: 65px; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .fun_facts.type_one h4 { margin-bottom: 10px; } .fun_facts.type_one h4 span { font-size: 45px; line-height: 45px; font-weight: 700; color: var(--heading-color-one); display: inline-block; font-family: var(--font-family-main); } .fun_facts.type_one h4 small { font-size: 40px; line-height: 40px; display: inline-block; color: var(--heading-color-one); } .fun_facts.type_one:hover .icon { border-color: var(--color-set-one-1); } .fun_facts.type_one.color_white .icon .icon_in i { color: var(--color-set-two-three-1); } .fun_facts.type_one.color_white h4 span { color: var(--color-white); } .fun_facts.type_one.color_white h4 small { color: var(--color-white); } .fun_facts.type_one.color_white .title_no_a_18 { color: var(--color-white); } .fun_facts.type_one.color_white:hover .icon { border-color: var(--color-white); } .fun_facts.type_one.color_two h4 span, .fun_facts.type_one.color_two h4 small { color: var(--color-set-two-three-6); } .fun_facts.type_one.color_two .title_no_a_18 { color: var(--heading-color-two); } .fun_facts.type_one.color_three h4 span, .fun_facts.type_one.color_three h4 small { color: var(--color-set-four-3); } .fun_facts.type_one.color_three .title_no_a_18 { color: var(--heading-color-two); } .fun_facts.type_one.with_box_shadow { padding: 30px; border-radius: 6px; box-shadow: var(--box-shadow-two); } .fun_facts.type_one.with_box_shadow h4 span, .fun_facts.type_one.with_box_shadow h4 small { color: var(--color-set-one-1); } .fun_facts.type_two { padding: 44px; border-radius: 17px; background: var(--color-set-four-1); } .fun_facts.type_two .icon { margin-bottom: 20px; } .fun_facts.type_two .icon i { font-size: 50px; line-height: 50px; color: var(--color-white); } .fun_facts.type_two .icon img { width: 50px; height: auto; } .fun_facts.type_two h4 { color: var(--color-white); margin-bottom: 0px; } .fun_facts.type_two h4 .count { display: inline-block; font-size: 85px; line-height: 90px; } .fun_facts.type_two h4 small { padding-left: 5px; font-size: 40px; line-height: 80px; } .fun_facts.type_two .title_no_a_26 { padding-bottom: 40px; position: relative; color: var(--color-white); margin-bottom: 0; } .fun_facts.type_two .title_no_a_26.splitting .char:after { color: var(--color-white); } .fun_facts.type_two .title_no_a_26::before { content: ""; position: absolute; bottom: 0; left: 0; background: var(--color-white); width: 60px; height: 3px; } .fun_facts.type_two.color_two { background: var(--color-set-four-3); } .fun_facts.type_three { display: flex; align-items: center; } .fun_facts.type_three .icon { position: relative; margin-right: 20px; height: 70px; } .fun_facts.type_three .icon i { font-size: 70px; line-height: 70px; color: var(--color-set-one-1); } .fun_facts.type_three .icon img { width: 70px; height: auto; } .fun_facts.type_three h4 { margin-bottom: 5px; } .fun_facts.type_three h4 span { font-size: 45px; line-height: 45px; font-weight: 700; color: var(--heading-color-one); display: inline-block; font-family: var(--font-family-main); } .fun_facts.type_three h4 small { font-size: 40px; line-height: 40px; display: inline-block; color: var(--heading-color-one); } .fun_facts.type_three .title_no_a_18 { margin-bottom: 0px; } .fun_facts.type_four { padding: 40px; background: var(--color-set-one-2); border-radius: 12px; } .fun_facts.type_four .icon { margin-bottom: 22px; } .fun_facts.type_four .icon i { font-size: 65px; line-height: 65px; color: var(--color-set-one-1); } .fun_facts.type_four .icon img { width: 65px; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .fun_facts.type_four .title_no_a_18 { color: var(--color-white); margin-bottom: 0px; } .fun_facts.type_four .title_no_a_18 span:after { color: var(--color-white); } .fun_facts.type_four h4 { margin-bottom: 10px; } .fun_facts.type_four h4 span { font-size: 45px; line-height: 45px; font-weight: 700; color: var(--color-white); display: inline-block; font-family: var(--font-family-main); } .fun_facts.type_four h4 small { font-size: 40px; line-height: 40px; display: inline-block; color: var(--color-white); } .fun_facts.type_four.color_two { background: var(--color-set-one-1); } .fun_facts.type_four.color_two .icon i { color: var(--color-white); } .fun_facts.type_four.color_three { background: var(--color-set-one-8); } .fun_facts.type_four.color_three .icon i { color: var(--color-white); } .team_box { position: relative; margin-bottom: 30px; } .team_box.type_one .image_box { position: relative; overflow: hidden; border-radius: 15px; height: 295px; margin-bottom: 0px; } .team_box.type_one .image_box img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .team_box.type_one .image_box .overlay { position: absolute; top: 0; left: 0%; width: 100%; height: 100%; padding: 40px 40px 0px 40px; opacity: 0; } .team_box.type_one .image_box .overlay::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: -100%; opacity: 0.7; background: var(--color-set-one-2); 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; } .team_box.type_one .image_box .overlay p { margin-bottom: 30px; font-size: 16px; line-height: 24px; color: var(--color-white); position: relative; z-index: 1; padding-bottom: 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.7); transform: translateY(50px); opacity: 0; } .team_box.type_one .image_box .overlay ul { position: relative; z-index: 1; margin: 0px; padding: 0px !important; transform: translateY(100px); 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; } .team_box.type_one .image_box .overlay ul li { display: inline-block; padding-left: 0px; padding-right: 3px; } .team_box.type_one .image_box .overlay ul li:last-child { padding-right: 0px; } .team_box.type_one .image_box .overlay ul li a { background: var(--color-set-one-4); width: 35px; height: 35px; line-height: 36px; } .team_box.type_one .contnet { position: relative; padding: 20px; } .team_box.type_one .contnet .title_20 a { margin-bottom: 8px; } .team_box.type_one .contnet p { font-size: 16px; margin: 0px; line-height: 24px; } .team_box.type_one .contnet .link { position: absolute; right: 25px; top: -25px; width: 45px; height: 45px; line-height: 42px; display: block; text-align: center; border-radius: 45px; margin-left: auto; background: var(--color-white); box-shadow: var(--box-shadow-two); border: 0px; z-index: 1; transform: rotate(0); } .team_box.type_one:hover .image_box .overlay { opacity: 1; } .team_box.type_one:hover .image_box .overlay::before { opacity: 1; left: 0; } .team_box.type_one:hover .image_box .overlay p, .team_box.type_one:hover .image_box .overlay ul { opacity: 1; transform: translateY(0); } .team_box.type_one:hover .contnet .link { background: var(--color-set-one-1); transform: rotate(45deg); } .team_box.type_one:hover .contnet .link svg path { stroke: var(--color-white); } .team_box.type_two .team_box_inner { text-align: center; padding: 25px 25px 0px; border-radius: 13px; } .team_box.type_two .team_box_inner:before { position: absolute; content: ""; border-radius: 13px; width: 100%; height: calc(100% - 60px); background: var(--color-set-one-bg-1); top: 0; left: 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; } .team_box.type_two .contnet { margin-bottom: 25px; position: relative; z-index: 2; } .team_box.type_two .contnet h6 a { margin-bottom: 3px; } .team_box.type_two .image_box { position: relative; height: 190px; overflow: hidden; border-radius: 12px; } .team_box.type_two .image_box img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .team_box.type_two .image_box .social-icons { position: absolute; text-align: center; padding: 15px 5px; left: 0; bottom: -100px; width: 100%; height: auto; } .team_box.type_two .image_box .social-icons:before { position: absolute; content: ""; background: var(--color-set-one-2); opacity: 0.7; top: 0; left: 0; width: 100%; height: 100%; } .team_box.type_two .image_box .social-icons ul li { padding: 0px 2px; } .team_box.type_two .image_box .social-icons ul li .m_icon { height: 30px; width: 30px; line-height: 30px; font-size: 12px; color: var(--heading-color-one); background: var(--color-white); } .team_box.type_two:hover .team_box_inner:before { background: var(--color-set-one-1); } .team_box.type_two:hover .image_box .social-icons { bottom: 0; } .team_box.type_two:hover .contnet h6 a { color: var(--color-white); } .team_box.type_two:hover .contnet h6 a span:after { color: var(--color-white); } .team_box.type_two:hover .contnet p { color: var(--color-white); } .blog_box { position: relative; margin-bottom: 30px; } .blog_box.type_one { padding-top: 40px; transform: translateY(0px); } .blog_box.type_one .vertical_text_1 { position: absolute; top: 30px; left: 20px; } .blog_box.type_one .vertical_text_1 .date_tm { font-size: 22px; color: var(--heading-color-one); line-height: 30px; font-weight: 700; } .blog_box.type_one .vertical_text_1 .date_tm i { top: -5px; color: var(--color-set-one-1); position: relative; } .blog_box.type_one .blog_inner { position: relative; padding-left: 70px; background: var(--color-white); box-shadow: var(--box-shadow); border-radius: 20px; } .blog_box.type_one .blog_inner .image_box { position: relative; overflow: hidden; border-radius: 20px; height: 270px; top: -40px; } .blog_box.type_one .blog_inner .image_box img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .blog_box.type_one .blog_inner .content { position: relative; top: -15px; padding: 10px 20px 20px 0px; } .blog_box.type_one .blog_inner .content .authour { position: relative; margin-bottom: 15px; } .blog_box.type_one .blog_inner .content .authour img { width: 32px; height: 32px; border-radius: 50px; margin-right: 10px; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .blog_box.type_one .blog_inner .content .title_22 a { margin-bottom: 15px; } .blog_box.type_one .blog_inner .content a.rd_more { color: var(--content-color-one); } .blog_box.type_one:hover { transform: translateY(-10px); } .blog_box.type_one.borenable .blog_inner { border-radius: 0px; } .blog_box.type_one.borenable .blog_inner .image_box { border-radius: 0px; } .blog_box.type_one.color_two .vertical_text_1 .date_tm i { color: var(--color-set-two-three-1); } .blog_box.type_two { background: var(--color-white); box-shadow: var(--box-shadow); border-radius: 20px; } .blog_box.type_two .image_box { position: relative; overflow: hidden; border-radius: 20px; height: 235px; } .blog_box.type_two .image_box img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .blog_box.type_two .date_tm { position: absolute; display: flex; align-items: center; top: 20px; left: 20px; background: var(--color-set-one-1); color: var(--color-white); border-radius: 6px; padding: 2px 12px; justify-content: center; } .blog_box.type_two .date_tm .date { font-weight: 400; font-size: 14px; font-family: var(--font-family-main); text-transform: uppercase; letter-spacing: 1px; } .blog_box.type_two .date_tm i { font-size: 16px; margin-right: 5px; display: inline-block; } .blog_box.type_two .content { position: relative; padding: 30px 36px 36px; } .blog_box.type_two .content .authour { position: relative; margin-bottom: 15px; } .blog_box.type_two .content .authour img { width: 32px; height: 32px; border-radius: 50px; margin-right: 10px; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .blog_box.type_two .content .title_22 a { margin-bottom: 15px; } .blog_box.type_two .content a.rd_more { color: var(--content-color-one); } .blog_box.type_two .content p { margin-bottom: 20px; } .blog_box.type_two .content .bottn_flex { justify-content: space-between; display: flex; display: -webkit-flex; align-items: center; } .blog_box.type_two .content .bottn_flex .comments { position: relative; line-height: 16px; top: 2px; } .blog_box.type_two .content .bottn_flex .comments i { font-size: 16px; color: var(--color-set-one-1); margin-right: 5px; } .blog_box.type_two .content .bottn_flex .comments a { font-size: 15px; color: var(--content-color-one); } .blog_box.type_two.type_three { padding: 15px; } .blog_box.type_two.type_three .date_tm { left: unset; top: -18px; right: 20px; z-index: 1; } .blog_box.type_two.type_three .content { padding: 30px 15px 15px; } .blog_box.type_two.type_three .content .comments { margin-bottom: 10px; display: block; } .blog_box.type_two.type_three .content .comments a, .blog_box.type_two.type_three .content .comments span { font-size: 16px; color: var(--heading-color-one); } .blog_box.type_two.type_three .content .comments i { font-size: 16px; margin-right: 5px; color: var(--color-set-one-1); } .blog_box.type_two.type_three .content .bottm_contet { padding-top: 24px; margin-top: 23px; border-top: 1px solid var(--color-set-one-bg-2); justify-content: space-between; } .blog_box.type_two.type_three .content .bottm_contet .authour { margin: 0px !important; padding-bottom: 0px !important; border-bottom: 0px !important; min-width: 172px; } .blog_box.type_two.type_three .content .bottm_contet .rd_more { top: -3px; color: var(--heading-color-one); } .blog_box.type_two.type_four { background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; min-height: 300px; padding: 30px; } .blog_box.type_two.type_four.hover_1 .oh { bottom: 0%; transform: translateY(0%); background: var(--color-white); opacity: 1 !important; } .blog_box.type_two.type_four .img-fluid { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; right: 0; 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; } .blog_box.type_two.type_four .date_tm { position: relative; top: unset; display: inline-block; padding: 2px 7px; text-align: center; right: unset; justify-content: center; margin-bottom: 10px; } .blog_box.type_two.type_four .date_tm .date { color: var(--color-white); } .blog_box.type_two.type_four .top_c { justify-content: space-between; } .blog_box.type_two.type_four .top_c .comments { margin: 0px; padding-left: 12px; } .blog_box.type_two.type_four::before { position: absolute; content: ""; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; background: var(--color-set-one-2); 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; } .blog_box.type_two.type_four .blog_inner { position: relative; z-index: 2; } .blog_box.type_two.type_four .title_22 { padding-top: 10px; } .blog_box.type_two.type_four .content { padding: 0px; } .blog_box.type_two.type_four .content p, .blog_box.type_two.type_four .content .authour, .blog_box.type_two.type_four .content .comments a, .blog_box.type_two.type_four .content .comments span { color: var(--content-color-one); } .blog_box.type_two.type_four .content .bottm_contet { border-top-color: var(--color-set-one-bor-3); } .blog_box.type_two.type_four .content .bottm_contet .rd_more { color: var(--content-color-one); } .blog_box.type_two.type_four:hover .oh { bottom: -100%; transform: translateY(100%); } .blog_box.type_two.type_four:hover::before { opacity: 0.7; } .blog_box.type_two.type_four:hover .img-fluid { opacity: 1; } .blog_box.type_two.type_four:hover .content p, .blog_box.type_two.type_four:hover .content .authour, .blog_box.type_two.type_four:hover .content .comments a, .blog_box.type_two.type_four:hover .content .comments span { color: var(--color-white); } .blog_box.type_two.type_four:hover .content .bottm_contet { border-top-color: rgba(255, 255, 255, 0.4); } .blog_box.type_two.type_four:hover .content .bottm_contet .rd_more { color: var(--color-white) !important; } .blog_box.type_two.type_four:hover .title_22 a { color: var(--color-white); } .blog_box.type_two.type_four:hover .title_22 a span:after { color: var(--color-white); } .blog_box.type_two.type_four.color_two .date_tm { background: var(--color-set-two-three-6); } .blog_box.type_two.type_four.color_two .content .title_22 a { color: var(--heading-color-two); } .blog_box.type_two.type_four.color_two:hover .title_22 a { color: var(--color-white); } .blog_box.type_two.type_four.color_two .rd_more:hover i { color: var(--color-white); } .blog_box.type_two.type_four.color_two:hover::before { background: var(--color-set-two-three-5); } .blog_box.type_two.type_five .authour { margin-bottom: 16px; } .blog_box.type_two.type_five .authour img { width: 28px; height: 28px; } .blog_box.type_two.type_five .bottm_contet { border: unset !important; padding-top: 5px !important; } .blog_box.type_two.type_five.color_two .hover_1 .oh { background: var(--color-set-four-3); } .blog_box.type_two.type_five.color_two .date_tm { background: var(--color-set-four-3); } .blog_box.type_two.type_five.color_two .content .title_22 a { color: var(--heading-color-two); } .blog_box.type_two.type_five.color_two .theme_btn { color: var(--heading-color-two); border-color: var(--color-set-one-bor-3); background: var(--color-white); } .blog_box.type_two.type_five.color_two .theme_btn svg path { stroke: var(--heading-color-two); } .blog_box.type_two.type_five.color_two .theme_btn:hover { color: var(--color-white); border-color: var(--color-set-four-3); background: var(--color-set-four-3); } .blog_box.type_two.type_five.color_two .theme_btn:hover svg path { stroke: var(--color-white); } .list_box { position: relative; padding: 0px !important; margin: 0px; } .list_box li { display: block; } .list_box li .d-flex { justify-content: flex-start; } .list_box li .icon { padding-right: 6px; } .list_box li .icon img { width: 24px; } .list_box li .icon i { font-size: 24px; line-height: 24px; color: var(--color-set-one-1); position: relative; height: 24px; display: block; } .list_box li a { color: #ff6600 } .list_box.weight_500 li a { font-weight: 500; } .list_box.linline li { display: inline-block; padding: 5px 15px; margin: 0px; } .list_box.linline li:first-child { padding-left: 0px; } .list_box.linline li:last-child { padding-right: 0px; } .list_box.color_one .icon i { color: var(--color-set-two-three-1); } .list_box.color_one li a { color: var(--color-white); font-weight: 500; } .list_box.color_two .icon i { color: #ff6600; } .list_box.color_two li a { color: var(--heading-color-two); font-weight: 500; } .list_box.color_three .icon i { color: var(--color-set-four-1); } .list_box.color_three li a { color: var(--heading-color-two); font-weight: 500; } .fom_tab_box .nav-tabs { margin-bottom: 20px; } .fom_tab_box.type_one .nav-tabs li .nav-link { padding: 12px 26px 12px 26px; color: var(--color-white); background: var(--color-set-one-2); } .fom_tab_box.type_one .nav-tabs li .nav-link.active, .fom_tab_box.type_one .nav-tabs li .nav-link:hover { background: var(--color-set-one-1) !important; color: var(--color-white); } .fom_tab_box.type_one .rangeslider { background: var(--color-set-one-lig-3) !important; } .fom_tab_box.type_one .slider-hint { margin-top: 10px; font-size: 14px; font-weight: 700; color: var(--heading-color-one) !important; } .fom_tab_box.type_one button[type=submit] { padding: 11px 27px 11px 27px !important; width: 100%; } .fom_tab_box.type_one label { font-weight: 600; font-size: 16px; } .fom_tab_box.type_one input[type=text], .fom_tab_box.type_one input[type=number], .fom_tab_box.type_one input[type=search], .fom_tab_box.type_one input[type=tel], .fom_tab_box.type_one input[type=url], .fom_tab_box.type_one input[type=password], .fom_tab_box.type_one input[type=email], .fom_tab_box.type_one textarea, .fom_tab_box.type_one select, .fom_tab_box.type_one .wp-block-search__input, .fom_tab_box.type_one body .select2-selection--single, .fom_tab_box.type_one div.wpforms-container .wpforms-form .choices__inner { margin-bottom: 15px; } .fom_tab_box.type_two .nav-tabs li .nav-link { color: var(--color-white) !important; background: var(--color-set-one-lig-4) !important; } .fom_tab_box.type_two .nav-tabs li .nav-link.active, .fom_tab_box.type_two .nav-tabs li .nav-link:hover { background: var(--color-set-two-three-1) !important; color: var(--color-white); } .fom_tab_box.type_two .rangeslider { background: var(--color-set-one-lig-4) !important; } .fom_tab_box.type_two .select2-selection__arrow::before { color: var(--color-white); } .fom_tab_box.type_two .select2-selection--single .select2-selection__rendered, .fom_tab_box.type_two .wpforms-field .select2-selection--single .select2-selection__rendered { color: var(--color-white) !important; } .fom_tab_box.type_two .select2-container .select2-selection--single, .fom_tab_box.type_two .wpforms-field .select2-container .select2-selection--single { background: var(--color-set-one-lig-4) !important; border-color: var(--color-set-one-lig-4) !important; } .fom_tab_box.type_two input[type=text], .fom_tab_box.type_two input[type=number], .fom_tab_box.type_two input[type=search], .fom_tab_box.type_two input[type=tel], .fom_tab_box.type_two input[type=url], .fom_tab_box.type_two input[type=password], .fom_tab_box.type_two input[type=email], .fom_tab_box.type_two textarea { background: var(--color-set-one-lig-4) !important; border-color: var(--color-set-one-lig-5) !important; } .fom_tab_box.type_two input[type=text]::-moz-placeholder, .fom_tab_box.type_two input[type=number]::-moz-placeholder, .fom_tab_box.type_two input[type=search]::-moz-placeholder, .fom_tab_box.type_two input[type=tel]::-moz-placeholder, .fom_tab_box.type_two input[type=url]::-moz-placeholder, .fom_tab_box.type_two input[type=password]::-moz-placeholder, .fom_tab_box.type_two input[type=email]::-moz-placeholder, .fom_tab_box.type_two textarea::-moz-placeholder { color: var(--color-white) !important; } .fom_tab_box.type_two input[type=text]::placeholder, .fom_tab_box.type_two input[type=number]::placeholder, .fom_tab_box.type_two input[type=search]::placeholder, .fom_tab_box.type_two input[type=tel]::placeholder, .fom_tab_box.type_two input[type=url]::placeholder, .fom_tab_box.type_two input[type=password]::placeholder, .fom_tab_box.type_two input[type=email]::placeholder, .fom_tab_box.type_two textarea::placeholder { color: var(--color-white) !important; } .fom_tab_box.type_two .select2-selection__arrow::before { top: 2px; font-size: 11px; } .fom_tab_box.type_two .slider-hint { margin-top: 10px; font-size: 14px; font-weight: 700; color: var(--color-white) !important; } .fom_tab_box.type_two button[type=submit] { padding: 11px 27px 11px 27px !important; background: var(--color-set-two-three-1); border-color: var(--color-set-two-three-1); } .fom_tab_box.type_two button[type=submit]:hover { color: var(--color-white) !important; background: var(--color-set-one-lig-3) !important; } .fom_tab_box.type_two .rangeslider__handle, .fom_tab_box.type_two div.wpforms-container-full .rangeslider__handle, .fom_tab_box.type_two div.wpforms-container-full .wpforms-form * .rangeslider__handle { background: var(--color-set-two-three-1); } .fom_tab_box.type_two .rangeslider__fill, .fom_tab_box.type_two div.wpforms-container-full .rangeslider__fill, .fom_tab_box.type_two div.wpforms-container-full .wpforms-form * .rangeslider__fill { background: var(--color-set-two-three-1); } .fom_tab_box.type_two label { font-weight: 600; font-size: 16px; color: var(--color-white) !important; } .fom_tab_box.type_two input[type=text], .fom_tab_box.type_two input[type=number], .fom_tab_box.type_two input[type=search], .fom_tab_box.type_two input[type=tel], .fom_tab_box.type_two input[type=url], .fom_tab_box.type_two input[type=password], .fom_tab_box.type_two input[type=email], .fom_tab_box.type_two textarea, .fom_tab_box.type_two select, .fom_tab_box.type_two .wp-block-search__input, .fom_tab_box.type_two body .select2-selection--single, .fom_tab_box.type_two div.wpforms-container .wpforms-form .choices__inner { margin-bottom: 15px; } .fom_tab_box.type_three .nav-tabs li .nav-link { color: var(--color-white); background: var(--color-set-two-three-5); } .fom_tab_box.type_three .nav-tabs li .nav-link.active, .fom_tab_box.type_three .nav-tabs li .nav-link:hover { background: var(--color-set-two-three-6) !important; color: var(--color-white); } .fom_tab_box.type_three .rangeslider { background: var(--color-set-one-lig-3) !important; } .fom_tab_box.type_three .rangeslider__handle, .fom_tab_box.type_three div.wpforms-container-full .rangeslider__handle, .fom_tab_box.type_three div.wpforms-container-full .wpforms-form * .rangeslider__handle { background: var(--color-set-two-three-6); } .fom_tab_box.type_three .rangeslider__fill, .fom_tab_box.type_three div.wpforms-container-full .rangeslider__fill, .fom_tab_box.type_three div.wpforms-container-full .wpforms-form * .rangeslider__fill { background: var(--color-set-two-three-6); } .fom_tab_box.type_three .slider-hint { margin-top: 10px; font-size: 14px; font-weight: 700; color: var(--heading-color-two) !important; } .fom_tab_box.type_three button[type=submit] { background: var(--color-set-two-three-6); border-color: var(--color-set-two-three-6); } .fom_tab_box.type_three label { font-weight: 600; font-size: 16px; color: var(--heading-color-two); } .fom_tab_box.type_three input[type=text], .fom_tab_box.type_three input[type=number], .fom_tab_box.type_three input[type=search], .fom_tab_box.type_three input[type=tel], .fom_tab_box.type_three input[type=url], .fom_tab_box.type_three input[type=password], .fom_tab_box.type_three input[type=email], .fom_tab_box.type_three textarea, .fom_tab_box.type_three select, .fom_tab_box.type_three .wp-block-search__input, .fom_tab_box.type_three body .select2-selection--single, .fom_tab_box.type_three div.wpforms-container .wpforms-form .choices__inner { margin-bottom: 15px; border: 1px solid rgba(38, 57, 89, 0.1019607843); } .fom_tab_box.type_three input[type=text]:focus, .fom_tab_box.type_three input[type=text]:focus-visible, .fom_tab_box.type_three input[type=text]:active, .fom_tab_box.type_three input[type=text]:hover, .fom_tab_box.type_three input[type=number]:focus, .fom_tab_box.type_three input[type=number]:focus-visible, .fom_tab_box.type_three input[type=number]:active, .fom_tab_box.type_three input[type=number]:hover, .fom_tab_box.type_three input[type=search]:focus, .fom_tab_box.type_three input[type=search]:focus-visible, .fom_tab_box.type_three input[type=search]:active, .fom_tab_box.type_three input[type=search]:hover, .fom_tab_box.type_three input[type=tel]:focus, .fom_tab_box.type_three input[type=tel]:focus-visible, .fom_tab_box.type_three input[type=tel]:active, .fom_tab_box.type_three input[type=tel]:hover, .fom_tab_box.type_three input[type=url]:focus, .fom_tab_box.type_three input[type=url]:focus-visible, .fom_tab_box.type_three input[type=url]:active, .fom_tab_box.type_three input[type=url]:hover, .fom_tab_box.type_three input[type=password]:focus, .fom_tab_box.type_three input[type=password]:focus-visible, .fom_tab_box.type_three input[type=password]:active, .fom_tab_box.type_three input[type=password]:hover, .fom_tab_box.type_three input[type=email]:focus, .fom_tab_box.type_three input[type=email]:focus-visible, .fom_tab_box.type_three input[type=email]:active, .fom_tab_box.type_three input[type=email]:hover, .fom_tab_box.type_three textarea:focus, .fom_tab_box.type_three textarea:focus-visible, .fom_tab_box.type_three textarea:active, .fom_tab_box.type_three textarea:hover, .fom_tab_box.type_three select:focus, .fom_tab_box.type_three select:focus-visible, .fom_tab_box.type_three select:active, .fom_tab_box.type_three select:hover, .fom_tab_box.type_three .wp-block-search__input:focus, .fom_tab_box.type_three .wp-block-search__input:focus-visible, .fom_tab_box.type_three .wp-block-search__input:active, .fom_tab_box.type_three .wp-block-search__input:hover, .fom_tab_box.type_three body .select2-selection--single:focus, .fom_tab_box.type_three body .select2-selection--single:focus-visible, .fom_tab_box.type_three body .select2-selection--single:active, .fom_tab_box.type_three body .select2-selection--single:hover, .fom_tab_box.type_three div.wpforms-container .wpforms-form .choices__inner:focus, .fom_tab_box.type_three div.wpforms-container .wpforms-form .choices__inner:focus-visible, .fom_tab_box.type_three div.wpforms-container .wpforms-form .choices__inner:active, .fom_tab_box.type_three div.wpforms-container .wpforms-form .choices__inner:hover { border-color: var(--color-set-two-three-6) !important; } .fom_tab_box.type_four .nav-tabs li .nav-link { padding: 15px 37px 15px 37px; color: var(--color-white); background: var(--color-set-one-2); } .fom_tab_box.type_four .nav-tabs li .nav-link.active, .fom_tab_box.type_four .nav-tabs li .nav-link:hover { background: var(--color-set-one-1) !important; color: var(--color-white); } .fom_tab_box.type_four .rangeslider { background: var(--color-set-one-lig-3) !important; } .fom_tab_box.type_four .slider-hint { margin-top: 10px; font-size: 14px; font-weight: 700; color: var(--heading-color-one) !important; } .fom_tab_box.type_four button[type=submit] { padding: 11px 27px 11px 27px !important; width: 100%; } .fom_tab_box.type_four label { font-weight: 600; font-size: 16px; } .fom_tab_box.type_four input[type=text], .fom_tab_box.type_four input[type=number], .fom_tab_box.type_four input[type=search], .fom_tab_box.type_four input[type=tel], .fom_tab_box.type_four input[type=url], .fom_tab_box.type_four input[type=password], .fom_tab_box.type_four input[type=email], .fom_tab_box.type_four textarea, .fom_tab_box.type_four select, .fom_tab_box.type_four .wp-block-search__input, .fom_tab_box.type_four body .select2-selection--single, .fom_tab_box.type_four div.wpforms-container .wpforms-form .choices__inner { margin-bottom: 15px; background: var(--color-set-one-bg-1); } .fom_tab_box.type_four .select2-container .select2-selection--single, .fom_tab_box.type_four .wpforms-field .select2-container .select2-selection--single { background: var(--color-set-one-bg-1); } .only_tab_content { position: relative; } .only_tab_content .nav-tabs { padding: 22px 24px 6px !important; display: inline-block; background: var(--color-white); box-shadow: var(--box-shadow-three); border-radius: 9px; margin: 0px 0 35px; } .only_tab_content .nav-tabs li .nav-link { padding: 12px 25px; } .only_tab_content .nav-tabs li .nav-link svg { margin-left: 5px; } .only_tab_content .nav-tabs li .nav-link svg path { stroke: var(--heading-color-one); } .only_tab_content .nav-tabs li .nav-link.active svg path, .only_tab_content .nav-tabs li .nav-link:hover svg path { stroke: var(--color-white); } .only_tab_content .tab_content_box .content { position: relative; margin-bottom: 25px; } .only_tab_content .tab_content_box .d-flex { gap: 3rem; } .only_tab_content .tab_content_box ul { margin: 0px; padding: 0px; } .only_tab_content .tab_content_box ul li { display: block; padding-bottom: 15px; margin: 0px; color: var(--heading-color-one); font-size: 18px; } .only_tab_content .tab_content_box ul li svg { margin-right: 5px; position: relative; top: -1px; } .block_faq { position: relative; } .block_faq .faq_header { position: relative; padding: 21px 25px; background: #ff660017; border: 1px solid var(--color-set-one-bor-3); border-radius: 12px; margin-bottom: 10px; z-index: 2; } .block_faq .faq_header .question_box { position: relative; padding-right: 80px; cursor: pointer; } .block_faq .faq_header .question_box .icon_fq { position: absolute; right: -7px; top: -9px; width: 45px; height: 45px; line-height: 45px; border-radius: 7px; background: var(--color-white); text-align: center; font-size: 24px; color: var(--color-set-four-1 ); display: block; transform: rotate(0deg); } .block_faq .faq_header .question_box .title_no_a_18 { margin-bottom: 0px; } .block_faq .faq_header.active { border-radius: 12px 12px 0px 0px; border-bottom-color: transparent; } .block_faq .faq_header.active .icon_fq { transform: rotate(90deg); background: var(--color-set-four-1); color: var(--color-white); } .block_faq .faq_header:hover .icon_fq { transform: rotate(90deg); background: var(--color-set-four-1); color: var(--color-white); } .block_faq .answer { position: relative; display: none; border-radius: 0px 0px 12px 12px; margin-top: -11px; padding: 0px 25px 20px; background: #ff660017; border: 1px solid var(--color-set-one-bor-3); border-top: 0px; margin-bottom: 10px; z-index: 3; } .accordion-box .current { display: block; } .process_box { position: relative; margin-bottom: 30px; } .process_box.type_one { text-align: center; } .process_box.type_one .image_box { position: relative; width: 200px; height: 200px; border-radius: 20px; margin: 0 auto; transform: rotate(10deg); left: 20px; } .process_box.type_one .image_box img { width: 100%; height: 100%; border-radius: 20px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .process_box.type_one .image_box p { position: absolute; top: 57px; left: -68px; background: var(--color-set-one-1); color: var(--color-white); font-size: 16px; font-weight: 600; padding: 6px 24px; border-radius: 9px; transform: rotate(-39deg); letter-spacing: 1px; } .process_box.type_one .content { position: relative; margin-top: -40px; } .process_box.type_one .content .icon { position: relative; z-index: 1; border-radius: 80px; width: 80px; height: 80px; text-align: center; background: var(--color-white); box-shadow: var(--box-shadow-two); margin: 0 auto 30px; } .process_box.type_one .content .icon i { font-size: 40px; line-height: 80px; color: var(--color-set-one-1); } .process_box.type_one .content .icon img { width: 45px; height: auto; position: absolute; margin: auto; left: 0; right: 0; bottom: 0; top: 0; } .process_box.type_one .content .border_bg { position: relative; margin: 35px 0px 30px; height: 1px; } .process_box.type_one .content .border_bg:before { position: absolute; content: ""; width: 100px; height: 1px; background: var(--color-set-one-bor-3); left: 0; right: 0; top: 0; bottom: 0; margin: auto; 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; } .process_box.type_one:hover .content .border_bg:before { background: var(--color-set-one-1); } .process_box.type_one:hover .image_box p { transform: rotate(-12deg); } .process_box.type_two .icon { position: absolute; top: -30px; right: 30px; opacity: 0; } .process_box.type_two .icon i { color: var(--color-white); font-size: 50px; line-height: 50px; } .process_box.type_two .icon img { width: 50px; height: auto; } .process_box.type_two .image_box { height: 415px; border-radius: 7px; overflow: hidden; } .process_box.type_two .image_box img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .process_box.type_two .image_box:before { position: absolute; content: ""; width: 100%; height: 100%; bottom: 0; left: 0; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--color-set-one-2)) !important; opacity: 0.7; border-radius: 7px; } .process_box.type_two .content { padding: 18px; position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; height: auto; } .process_box.type_two .content .title_22 { padding-top: 30px; } .process_box.type_two .content .title_22 a { color: var(--color-white); } .process_box.type_two .content .title_22 a span:after { color: var(--color-white); } .process_box.type_two .content p { color: var(--color-white); margin: 0px; } .process_box.type_two .content .step { position: absolute; padding: 3px 8px; background: var(--color-set-one-1); color: var(--color-white); border-radius: 6px; right: 6px; font-size: 13px; line-height: 19px; bottom: 6px; margin: 0px; } .process_box.type_two .content .rd_more { position: relative; width: 60px; text-align: center; line-height: 60px; height: 3px; background: var(--color-white); overflow: hidden; } .process_box.type_two .content .rd_more svg { position: relative; opacity: 0; top: -1px; transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; } .process_box.type_two:hover .content .rd_more { height: 60px; border-radius: 60px; background: var(--color-set-one-1); } .process_box.type_two:hover .content .rd_more svg { opacity: 1; } .process_box.type_two:hover .icon { opacity: 1; top: 30px; } .process_box.type_two.color_two .image_box:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--color-set-two-three-3)) !important; } .process_box.type_two.color_two .content .rd_more { background: var(--color-set-two-three-1); } .process_box.type_two.color_two .hover_1 .oh { background: var(--color-set-two-three-3); } .process_box.type_three { position: relative; } .process_box.type_three .image_box { height: 250px; } .process_box.type_three .image_box:before { display: none; } .process_box.type_three .content_no { position: relative; margin-top: -62px; z-index: 7; } .process_box.type_three .content_no .con_top { padding: 0px 25px; margin-bottom: 20px; } .process_box.type_three .content_no .con_top p { text-align: left; display: inline-block; background: var(--color-set-one-1); color: var(--color-white); font-weight: 500; font-family: var(--font-family-main); padding: 5px 15px; margin: 0px; } .process_box.type_three .content_no .con_top .title_22 { position: relative; padding: 10px 20px; background: var(--color-white); box-shadow: var(--box-shadow-two); } .process_box.type_three .content_no .con_top .title_22 a { margin: 0px; text-align: center; } .process_box.type_three .content_no p { text-align: center; padding: 0px 20px; } .process_box.type_three.color_two .content_no .con_top p { background: var(--color-set-two-three-1); } .process_box.type_three.color_two .content_no .title_22 a { color: var(--heading-color-two); } .process_box.type_four .icon { position: relative; width: 85px; height: 85px; background: var(--color-white); box-shadow: var(--box-shadow-two); border-radius: 20px; text-align: center; margin-bottom: 40px; left: 40px; } .process_box.type_four .icon svg { position: absolute; top: 35px; right: -178px; } .process_box.type_four .icon i { display: block; font-size: 45px; line-height: 85px; color: var(--color-set-one-1); } .process_box.type_four .icon img { width: 45px; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .process_box.type_four .icon .step { position: absolute; top: -10px; right: -10px; font-size: 13px; height: 30px; width: 30px; text-align: center; line-height: 32px; border-radius: 20px; color: var(--color-white); background: var(--color-set-one-1); z-index: 9; font-family: var(--font-family-main); font-weight: 500; } .process_box.type_four .content_no { padding: 38px 35px; border: 1px solid var(--color-set-one-bor-2); background: var(--color-white); border-radius: 20px; 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; min-height: 279px; } .process_box.type_four .content_no .title_20 a { margin-bottom: 15px; } .process_box.type_four .content_no p { margin: 0px; font-size: 16px; } .process_box.type_four:hover .icon svg path { fill: var(--color-set-one-1); } .process_box.type_four:hover .content_no { box-shadow: var(--box-shadow); border-color: var(--color-white); } .process_box.type_four.color_two .content_no .title_20 a { color: var(--heading-color-two); } @media (min-width: 992px) { .testimonial_ver_carousel { position: relative; padding-right: 100px; } .testimonial_ver_carousel .owl-dots { padding: 0px !important; position: absolute !important; right: -100px; top: -20px; bottom: 0; margin: auto !important; width: unset !important; max-height: 100px; } .testimonial_ver_carousel .owl-dots .owl-dot { display: block; margin: 4px 0px !important; } } .testimonial_box { position: relative; } .testimonial_box.type_one { background: var(--color-set-one-2); border-radius: 40px; padding: 70px; margin-bottom: 70px; } .testimonial_box.type_one svg.svg1 { position: absolute; right: 0; top: 0; } .testimonial_box.type_one .top_content { position: relative; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .testimonial_box.type_one .top_content p { margin-bottom: 25px; } .testimonial_box.type_one .top_content p i { color: var(--color-set-one-1); margin-right: 3px; } .testimonial_box.type_one .top_content p i.empty { opacity: 0.3; } .testimonial_box.type_one .top_content .t_comment { color: var(--color-white); font-weight: 500; } .testimonial_box.type_one .top_content .t_comment sup { font-size: 42px; padding-right: 11px; top: -7px; display: inline-block; } .testimonial_box.type_one .top_content .t_comment sub { font-size: 42px; padding-left: 11px; bottom: -29px; display: inline-block; } .testimonial_box.type_one .lower_content { position: relative; display: flex; align-items: center; } .testimonial_box.type_one .lower_content .image_box { position: relative; padding: 10px; margin-right: 10px; } .testimonial_box.type_one .lower_content .image_box img { width: 70px; height: 70px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 70px; position: relative; z-index: 2; } .testimonial_box.type_one .lower_content .image_box svg { position: absolute; top: 0; z-index: 1; left: 0; } .testimonial_box.type_one .lower_content .cont .title_no_a_22, .testimonial_box.type_one .lower_content .cont .title_no_a_24 { color: var(--color-white); margin-bottom: 5px; } .testimonial_box.type_one .lower_content .cont p { color: var(--color-white); margin: 0px; } .testimonial_box.type_one .flaticon-right-quote { position: absolute; width: 120px; height: 120px; text-align: center; line-height: 120px; color: var(--color-white); font-size: 70px; background: var(--color-set-one-1); border-radius: 120px; right: 60px; bottom: -50px; z-index: 2; } .testimonial_box.type_one:after { position: absolute; content: ""; width: 140px; height: 140px; border-radius: 140px; background: var(--color-white); right: 50px; bottom: -60px; z-index: 1; } .testimonial_box.type_two { padding: 40px; background: var(--color-set-one-bg-1); border-radius: 17px; border: 1px solid var(--color-set-one-bg-1); } .testimonial_box.type_two .auth { position: relative; margin-bottom: 20px; } .testimonial_box.type_two .auth .image_box { position: relative; padding: 10px; margin-right: 10px; } .testimonial_box.type_two .auth .image_box img { width: 70px; min-width: 70px; height: 70px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 70px; position: relative; z-index: 2; box-shadow: var(--box-shadow); } .testimonial_box.type_two .auth .cont .title_no_a_24 { margin-bottom: 5px; } .testimonial_box.type_two .auth .cont p { margin: 0px; } .testimonial_box.type_two .box { border-radius: 17px; background: var(--color-white); text-align: center; padding: 15px 20px; } .testimonial_box.type_two .box h6 { margin-bottom: 6px; } .testimonial_box.type_two .box p { margin: 0px; } .testimonial_box.type_two .box p i { color: var(--color-set-one-1); margin-right: 3px; } .testimonial_box.type_two .box p i.empty { opacity: 0.3; } .testimonial_box.type_two .t_comment { text-align: center; margin-bottom: 30px; font-weight: 400; } .testimonial_box.type_two .t_comment sup { font-size: 42px; padding-right: 6px; font-weight: 700; top: 7px; display: inline-block; } .testimonial_box.type_two .t_comment sub { font-size: 42px; padding-left: 3px; bottom: -25px; font-weight: 700; display: inline-block; } .testimonial_box.type_two:hover { border: 1px solid var(--color-set-one-1); } .testimonial_box.type_two.type_three { background: var(--color-white); border-color: var(--color-white); box-shadow: var(--box-shadow); margin: 20px 20px 20px; padding: 20px 30px 30px; } .testimonial_box.type_two.type_three .auth { min-width: 460px; } .testimonial_box.type_two.type_three .t_comment { text-align: left; margin-bottom: 0px; padding-top: 31px; margin-top: 29px; position: relative; } .testimonial_box.type_two.type_three .t_comment::before { position: absolute; background: var(--color-set-one-bor-3); content: ""; width: calc(100% + 64px); top: 0; height: 1px; left: -32px; } .testimonial_box.type_two.type_three .box { position: absolute; right: 0; top: 20px; background: var(--color-set-one-1); border-radius: 17px 0px 0px 17px; } .testimonial_box.type_two.type_three .box h6 { color: var(--color-white); } .testimonial_box.type_two.type_three .box p i { color: var(--color-white); } .testimonial_box.type_two.type_three.color_two .box { background: var(--color-set-two-three-6); } .testimonial_box.type_two.type_three.color_two .t_comment { color: var(--heading-color-two); } .testimonial_box.type_two.type_three.color_two .title_no_a_24 { color: var(--heading-color-two); } .testimonial_box.type_four { padding: 50px 10px 10px 10px; } .testimonial_box.type_four .testimonial_box_inner { position: relative; padding: 40px 40px 40px; border-radius: 20px; background: var(--color-white); 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; } .testimonial_box.type_four .testimonial_box_inner svg.bg { position: absolute; top: 0; bottom: 0; right: 0; opacity: 0.2; margin: auto; 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; } .testimonial_box.type_four .testimonial_box_inner svg.bg path { 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; fill: var(--content-color-one); } .testimonial_box.type_four .testimonial_box_inner .image_box { position: relative; padding: 10px; z-index: 2; margin-right: 10px; margin-top: -80px; } .testimonial_box.type_four .testimonial_box_inner .image_box img { width: 70px; height: 70px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 70px; position: relative; z-index: 2; } .testimonial_box.type_four .testimonial_box_inner .image_box svg { position: absolute; top: 0; z-index: 1; left: 0; } .testimonial_box.type_four .testimonial_box_inner .t_comment { position: relative; z-index: 2; padding-top: 30px; padding-bottom: 20px; } .testimonial_box.type_four .testimonial_box_inner .lower_content { position: relative; z-index: 2; align-items: center; justify-content: space-between; } .testimonial_box.type_four .testimonial_box_inner .lower_content .title_no_a_18 { margin-bottom: 3px; } .testimonial_box.type_four .testimonial_box_inner .lower_content p { margin: 0px; } .testimonial_box.type_four .testimonial_box_inner .lower_content .rating p { margin-bottom: 0px; } .testimonial_box.type_four .testimonial_box_inner .lower_content .rating p i { margin-left: 5px; font-size: 16px; color: var(--color-set-one-1); } .testimonial_box.type_four .testimonial_box_inner .lower_content .rating p i.empty { opacity: 0.6; } .testimonial_box.type_four .testimonial_box_inner .lower_content .rating .rating_text { margin-left: 5px; margin-top: 5px; } .testimonial_box.type_four .testimonial_box_inner .lower_content .cont { width: 60%; } .slick-slide.slick-current.slick-active .testimonial_box.type_four .testimonial_box_inner, .testimonial_box.type_four:hover .testimonial_box_inner { background: var(--color-set-one-1); } .slick-slide.slick-current.slick-active .testimonial_box.type_four .testimonial_box_inner svg.bg path, .testimonial_box.type_four:hover .testimonial_box_inner svg.bg path { fill: var(--color-white); } .slick-slide.slick-current.slick-active .testimonial_box.type_four .testimonial_box_inner .image_box svg path, .testimonial_box.type_four:hover .testimonial_box_inner .image_box svg path { fill: var(--color-set-one-2); } .slick-slide.slick-current.slick-active .testimonial_box.type_four .testimonial_box_inner .t_comment, .testimonial_box.type_four:hover .testimonial_box_inner .t_comment { color: var(--color-white); } .slick-slide.slick-current.slick-active .testimonial_box.type_four .testimonial_box_inner .lower_content .title_no_a_18, .slick-slide.slick-current.slick-active .testimonial_box.type_four .testimonial_box_inner .lower_content p, .slick-slide.slick-current.slick-active .testimonial_box.type_four .testimonial_box_inner .lower_content p i, .testimonial_box.type_four:hover .testimonial_box_inner .lower_content .title_no_a_18, .testimonial_box.type_four:hover .testimonial_box_inner .lower_content p, .testimonial_box.type_four:hover .testimonial_box_inner .lower_content p i { color: var(--color-white); } .testimonial_box.type_four.color_two .testimonial_box_inner .lower_content .rating p i { color: var(--color-set-four-3); } .testimonial_box.type_four.color_two .testimonial_box_inner .lower_content .rating p i.empty { opacity: 0.6; } .slick-slide.slick-current.slick-active .testimonial_box.type_four.color_two .testimonial_box_inner .image_box svg path, .testimonial_box.type_four.color_two:hover .testimonial_box_inner .image_box svg path { fill: var(--color-set-four-3) !important; } .slick-slide.slick-current.slick-active .testimonial_box.type_four.color_two .testimonial_box_inner, .testimonial_box.type_four.color_two:hover .testimonial_box_inner { background-color: transparent; background-image: linear-gradient(91deg, var(--color-set-four-1) 0%, var(--color-set-four-2) 54%); } .tsingle_two.color_two .slick-dots li button { background: var(--color-set-four-3); opacity: 0.3; } .tsingle_two.color_two .slick-dots li.slick-active button { opacity: 1; } .testimonial_carousel .testimonial_box.type_one { padding: 40px 40px 70px; } .testimonial_carousel .testimonial_box.type_one .top_content p i { font-size: 16px; } .testimonial_carousel .testimonial_box.type_one .top_content .title_no_a_30 { font-size: 20px; line-height: 26px; font-weight: 400; } .testimonial_carousel .testimonial_box.type_one .top_content .t_comment sup { top: 6px; } .testimonial_carousel .testimonial_box.type_one .flaticon-right-quote { width: 100px; height: 100px; line-height: 100px; font-size: 50px; } .testimonial_carousel .testimonial_box.type_one:after { width: 120px; height: 120px; } .custom_tabs { position: relative; z-index: 88; } .custom_tabs .yes_image .contact_form_shortcode { position: relative; min-width: 50%; width: 50%; } .custom_tabs .yes_image .image { width: 50%; min-width: 50%; padding-left: 80px; } .custom_tabs .yes_image .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .image_video_box_only { position: relative; } .image_video_box_only.type_one .image { position: relative; height: 950px; } .image_video_box_only.type_one .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .image_video_box_only.type_one .video_box { position: absolute; top: 0; height: 80px; width: 80px; border-radius: 80px; background: var(--color-white); line-height: 95px; margin: auto; bottom: 0; left: 0; right: 0; cursor: pointer; } .image_video_box_only.type_one .video_box::before { position: absolute; content: ""; border-radius: 100px; border: 1px solid var(--color-white); width: 100px; height: 100px; margin: auto; bottom: 0; left: -10px; pointer-events: none; right: 0; top: 0; } .image_video_box_only.type_one .video_box a { font-size: 30px; } .image_video_box_only.type_one.color_two .video_box a i { color: var(--color-set-two-three-6); } .image_video_box_only.type_two { padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 30px; position: relative; display: inline-block; min-width: 365px; } .image_video_box_only.type_two .image { position: relative; height: 510px; width: 365px; } .image_video_box_only.type_two .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .image_video_box_only.type_two .image .video_box { position: absolute; text-align: center; top: -25px; right: -40px; } .image_video_box_only.type_two .image .video_box a { position: relative; z-index: 3; color: var(--color-white); font-size: 25px; height: 85px; display: block; background: var(--color-set-one-1); width: 85px; line-height: 85px; border-radius: 85px; } .image_video_box_only.type_two .image .video_box::before { position: absolute; content: ""; width: 136px; height: 136px; border-radius: 135px; box-shadow: var(--box-shadow-three); background: var(--color-white); top: -26px; right: -26px; z-index: 1; } .image_video_box_only.type_two .image .video_box::after { position: absolute; content: ""; width: 112px; height: 112px; border-radius: 110px; box-shadow: var(--box-shadow-two); background: var(--color-white); top: -14px; right: -14px; z-index: 1; } .image_video_box_only.type_two .fun_facts { position: absolute; min-width: 185px; bottom: -40px; left: -70px; padding: 30px 30px 35px; } .image_video_box_only.type_two .fun_facts .title_no_a_18 { font-size: 60px; line-height: 60px; color: var(--color-white); margin: 0px; } .image_video_box_only.type_two .fun_facts .title_no_a_26 { font-size: 20px; padding-bottom: 30px; line-height: 28px; } .image_video_box_only.type_two.color_two .image .video_box a { background: var(--color-set-two-three-6); } .image_video_box_only.type_two.color_two .fun_facts.type_two { background: var(--color-set-two-three-6); } @media (max-width: 992px) { .image_video_box_only.type_two .image { width: 100%; } } .progress_bar { position: relative; } .progress_bar .d-flex { justify-content: space-between; } .progress_bar .bar { padding: 3px 4px; background: var(--color-white); border-radius: 30px; border: 1px solid var(--color-set-one-2); width: 100%; } .progress_bar .bar .bar-inner { width: 0; height: 10px; background: var(--color-set-one-1); border-radius: 30px; transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; -moz-transition: all 1500ms ease; } body ul.portfolio_filter { margin: 0; padding: 0 0 50px 0; } body ul.portfolio_filter li { display: inline-block; font-size: 18px; line-height: 26px; font-weight: 700; font-family: var(--font-family-main); color: var(--heading-color-one); text-transform: capitalize; padding: 6px 17px; background: transparent; box-shadow: unset; border-radius: 5px; margin: 0px 3px; text-decoration: underline; text-decoration-color: var(--color-white); cursor: pointer; } body ul.portfolio_filter li.current, body ul.portfolio_filter li:hover { background: var(--color-white); text-decoration-color: var(--heading-color-one); text-decoration: underline; color: var(--heading-color-one); box-shadow: var(--box-shadow-three); } body ul.portfolio_filter li:first-child { margin-left: 0px; } body ul.portfolio_filter li:last-child { margin-right: 0px; } body ul.portfolio_filter.color_two li { color: var(--color-white); background: transparent; } body ul.portfolio_filter.color_two li.current, body ul.portfolio_filter.color_two li:hover { background: var(--color-set-one-1); text-decoration-color: var(--color-white); text-decoration: underline; color: var(--color-white); } .portfolio_v1 .pagination { padding-top: 20px; } .ajax_protfolio_enabled .pagination, .ajax_posts_enabled .pagination, .ajax_service_enabled .pagination { justify-content: center; } .ajax_protfolio_enabled .pagination .page-numbers, .ajax_posts_enabled .pagination .page-numbers, .ajax_service_enabled .pagination .page-numbers { display: none; } .ajax_protfolio_enabled .pagination .page-numbers.next, .ajax_posts_enabled .pagination .page-numbers.next, .ajax_service_enabled .pagination .page-numbers.next { display: block; } .ajax_protfolio_enabled .pagination.loader .page-numbers.next:before, .ajax_posts_enabled .pagination.loader .page-numbers.next:before, .ajax_service_enabled .pagination.loader .page-numbers.next:before { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; animation: spinner 1s infinite linear; border-radius: 50%; height: 25px; margin: auto; width: 25px; border: 3px solid var(--color-white); border-top-color: transparent; } .ajax_protfolio_enabled .pagination.loader .page-numbers.next:after, .ajax_posts_enabled .pagination.loader .page-numbers.next:after, .ajax_service_enabled .pagination.loader .page-numbers.next:after { position: absolute; content: ""; background: var(--color-white); opacity: 0.6; width: 100%; height: 100%; top: 0; left: 0; } .ajax-wrapper { transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; -moz-transition: all 1500ms ease; } .portfolio_box { position: relative; margin-bottom: 30px; } .portfolio_box .zm_btn { position: absolute; width: 60px; height: 60px; z-index: 3; top: -100px; right: 40px; background: var(--color-white); color: var(--color-set-one-1); font-size: 20px; line-height: 60px; border-radius: 60px; text-align: center; } .portfolio_box.type_one .image_box { position: relative; height: 350px; overflow: hidden; } .portfolio_box.type_one .image_box img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .portfolio_box.type_one .content_box { position: relative; padding: 0px 40px; } .portfolio_box.type_one .content_box .content_box_in { position: relative; padding: 30px 30px; background: var(--color-white); border-radius: 20px; margin-top: -40px; z-index: 1; box-shadow: var(--box-shadow-three); } .portfolio_box.type_one .content_box .content_box_in .title_22 a { margin-bottom: 8px; } .portfolio_box.type_one .content_box .content_box_in p { margin-bottom: 0px; } .portfolio_box.type_one .content_box .content_box_in .lnk { position: absolute; top: -24px; right: 30px; background: var(--color-set-one-1); border-radius: 50px; width: 55px; height: 55px; line-height: 55px; text-align: center; } .portfolio_box.type_one .content_box .content_box_in .lnk svg path { stroke: var(--color-white); } .portfolio_box.type_one:hover .content_box .content_box_in { background: var(--color-set-one-1); } .portfolio_box.type_one:hover .content_box .content_box_in .title_22 a { color: var(--color-white); } .portfolio_box.type_one:hover .content_box .content_box_in .title_22 a span:after { color: var(--color-white); } .portfolio_box.type_one:hover .content_box .content_box_in p { color: var(--color-white); } .portfolio_box.type_one:hover .content_box .content_box_in .lnk { background: var(--color-set-one-2); } .portfolio_box.type_one:hover .content_box .content_box_in .lnk svg path { stroke: var(--color-white); } .portfolio_box.type_one:hover .zm_btn { top: 40px; } .portfolio_box.type_two { overflow: hidden; } .portfolio_box.type_two .image_box img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .portfolio_box.type_two .content_box { position: absolute; padding: 60px 30px 35px; bottom: 0; left: 0; transform: translateY(100%); -moz-transform: translateY(100%); width: 100%; height: auto; display: flex; align-items: center; justify-content: space-between; opacity: 0; } .portfolio_box.type_two .content_box .bg { content: ""; position: absolute; background-color: var(--color-set-one-1); opacity: 0.902; -webkit-clip-path: polygon(0% 27%, 100% 43%, 100% 100%, 0% 100%); clip-path: polygon(0% 27%, 100% 43%, 100% 100%, 0% 100%); width: 100%; height: calc(100% + 70px); left: 0; bottom: 0; transform: translateY(100%); -moz-transform: translateY(100%); opacity: 0; } .portfolio_box.type_two .content_box .title_30 { position: relative; z-index: 2; } .portfolio_box.type_two .content_box .title_30 a { color: var(--color-white); font-size: 40px; line-height: 48px; margin-bottom: 8px; } .portfolio_box.type_two .content_box .title_30 a span:after { color: var(--color-white); } .portfolio_box.type_two .content_box p { position: relative; z-index: 2; color: var(--color-white); margin: 0px; } .portfolio_box.type_two .content_box .lnk { position: relative; background: var(--color-white); border-radius: 45px; width: 45px; min-width: 45px; height: 45px; line-height: 45px; z-index: 2; text-align: center; } .portfolio_box.type_two .content_box .lnk svg path { stroke: var(--color-set-one-1); } .portfolio_box.type_two:hover .bg { transform: translateY(0); opacity: 0.8; } .portfolio_box.type_two:hover .content_box { transform: translateY(0); opacity: 1; } .portfolio_box.type_two:hover .zm_btn { top: 40px; } .portfolio_box.type_three { border-style: solid; border-width: 10px; border-color: rgba(0, 139, 249, 0.1019607843); } .portfolio_box.type_three .image_box img { height: 340px !important; } .col-xl-4.col-lg-4.col-md-6.col-sm-6 .portfolio_box.type_two .content_box .title_30 a { font-size: 22px; line-height: 24px; } .col-xl-3.col-lg-4.col-md-6.col-sm-6 .portfolio_box.type_two .content_box .title_30 a { font-size: 22px; line-height: 24px; } .price_box { position: relative; margin-bottom: 30px; } .price_box.type_one { background: var(--color-white); padding: 40px; box-shadow: var(--box-shadow-three); text-align: center; transform: translateY(0px); } .price_box.type_one .center { padding: 30px 0px; border-top: 1px solid var(--color-set-one-bor-3); border-bottom: 1px solid var(--color-set-one-bor-3); } .price_box.type_one .center .d-flex { justify-content: center; margin-bottom: 20px; } .price_box.type_one .center .d-flex svg { position: relative; margin-right: 15px; } .price_box.type_one .center .d-flex i { position: relative; margin-right: 15px; width: 20px; height: 20px; background: var(--color-set-one-bg-1); color: var(--heading-color-one); font-size: 13px; border-radius: 20px; display: inline-block; line-height: 20px; text-align: center; } .price_box.type_one .center .d-flex i:before { top: 1px; position: relative; left: 1px; } .price_box.type_one .center .d-flex small { font-size: 20px; font-family: var(--font-family-main); color: var(--heading-color-one); font-weight: 700; line-height: 26px; } .price_box.type_one .center .d-flex:last-child { margin-bottom: 0px; } .price_box.type_one .tag { position: absolute; top: 0; right: 0; background: #36DB9F; color: var(--heading-color-one); font-size: 16px; font-weight: 800; padding: 4px 18px; font-family: var(--font-family-main); } .price_box.type_one .top { padding-bottom: 30px; } .price_box.type_one .top .price { font-size: 45px; line-height: 45px; color: var(--heading-color-one); font-weight: 700; font-family: var(--font-family-main); } .price_box.type_one .top .price sub { font-size: 18px; line-height: 18px; bottom: 2px; } .price_box.type_one .top .price small { line-height: 18px; font-size: 18px; color: var(--content-color-one); font-weight: 400; } .price_box.type_one .bottom { padding-top: 35px; padding-bottom: 5px; } .price_box.type_one .bottom a { padding: 13px 36px; border-radius: 12px; min-width: 176px; } .price_box.type_one .bottom a svg { display: inline-block; margin-left: 5px; } .price_box.type_one:hover { transform: translateY(-10px); } .contact_box_content { position: relative; padding: 30px 40px; background: var(--color-white); border-radius: 12px; box-shadow: var(--box-shadow-three); text-align: center; } .contact_box_content .icon { position: relative; width: 120px; height: 120px; border-radius: 120px; background: var(--color-set-one-bg-1); text-align: center; margin: 0 auto 30px; line-height: 120px; } .contact_box_content .icon img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 70px; height: auto; margin: auto; } .contact_box_content .icon i { font-size: 60px; line-height: 120px; text-align: center; color: var(--color-set-one-1); display: block; } .contact_box_content a { display: block; color: var(--content-color-one); } /*---======================================== ================media queries================ ========================================---*/ @media (max-width: 1024px) { .custom_tabs .d-flex { display: block !important; } .custom_tabs .d-flex .contact_form_shortcode { min-width: 100%; width: 100%; } .custom_tabs .d-flex .image { padding: 20px 0px 0px 0px; min-width: 100%; width: 100%; } .image_box_only.type_three { min-width: unset; min-height: unset; display: block; } .image_box_only.type_three .image { overflow: hidden; } .image_box_only.type_three .image.one, .image_box_only.type_three .image.two { height: 400px; min-width: 49%; width: 49%; margin-top: 0px; } .image_box_only.type_three .left { min-width: 100%; display: flex; gap: 1rem; } .image_box_only.type_three .right { margin-top: 20px; padding: 0px; min-width: 100%; } .image_box_only.type_three .right .image.three { margin-top: unset; min-width: unset; height: 400px; width: 50%; } .image_box_only.type_one { min-width: unset; min-height: unset; } .image_box_only.type_two { min-width: unset; min-height: unset; display: block; } .image_box_only.type_two .left { display: flex; gap: 1rem; } .image_box_only.type_two .left .image { border-radius: 0px; height: 300px; } .image_box_only.type_two .left .image.one { width: 49%; min-width: 49%; } .image_box_only.type_two .left .image.two { width: 49%; min-width: 49%; margin: 0px; } .image_box_only.type_two .right { padding: 10px 0px 0px; } .image_box_only.type_two .right .image.three { width: 50%; height: 300px; margin-top: 0px; min-height: 50%; border-radius: 0px; } .image_box_only.type_two .right .image.four { display: none; } .image_video_box_only.type_two { position: relative; min-width: 100%; } .image_video_box_only.type_two .image .video_box { top: 40px; right: 40px; } .image_video_box_only.type_two .fun_facts { left: 10px; bottom: -30px; } } @media (max-width: 768px) { .blog_box.type_two .content .bottn_flex { flex-wrap: wrap; } .blog_box.type_two .content .bottn_flex a { min-width: 100%; margin-bottom: 10px; } .portfolio_box.type_two .image_box img { height: 400px; } .portfolio_box.type_two .content_box { padding: 40px 20px; } .portfolio_box.type_two .content_box .title_30 a { font-size: 20px; line-height: 28px; } .portfolio_box.type_two .content_box .lnk { display: none; } .image_box_only.type_one { margin-bottom: 50px; display: block; } .image_box_only.type_one svg { display: none; } .image_box_only.type_one .image.one { width: 100%; min-width: 100%; } .image_box_only.type_one .image.two { position: absolute; bottom: -45px; z-index: 1; right: 21px; width: 200px; height: 200px; min-width: 200px; } .image_box_only.type_four { min-width: unset; display: block; margin-bottom: 100px; } .image_box_only.type_four .abso_content { bottom: -100px; left: 10px; right: unset; } .image_box_only.type_four .abso_content .imtwo { display: none; } .image_box_only.type_four .image { width: 100%; height: 560px; } .image_box_only.type_five .content { padding: 20px; } .image_box_only.type_five .title_no_a_30 { font-size: 30px; line-height: 38px; } .service_box.type_five .icon_inner .d-flex { display: block !important; } .service_box.type_five .icon_inner .d-flex .icon { margin-right: unset; margin-bottom: 20px; } .testimonial_ver_carousel .owl-carousel .owl-dots { padding-top: 22px; } .testimonial_box.type_one { padding: 30px; margin-bottom: 41px; } .testimonial_box.type_one:after { width: 90px; height: 90px; border-radius: 80px; right: 50px; bottom: -47px; } .testimonial_box.type_one .t_comment { font-size: 16px; line-height: 25px; } .testimonial_box.type_one .top_content { margin-bottom: 20px; padding-bottom: 20px; } .testimonial_box.type_one .flaticon-right-quote { position: absolute; width: 70px; height: 70px; text-align: center; bottom: -36px; line-height: 70px; color: var(--color-white); font-size: 35px; } .testimonial_box.type_one .lower_content .image_box svg { width: 60px; top: -9px; left: 4px; } .testimonial_box.type_one .lower_content .image_box img { width: 50px; height: 50px; } .icon_box_only.type_six { display: block !important; } .icon_box_only.type_six .icon { margin-right: 0px; margin-bottom: 20px; top: unset; } } @media (max-width: 600px) { .service_box.type_seven .content { padding: 0px 25px; display: block !important; } .service_box.type_seven .content .left { padding-right: 0px; } .service_box.type_seven .content .left::before { display: none; } .service_box.type_seven .content .right { display: none; } .service_box.type_three .content_box { padding: 15px; } .service_box.type_one .content_box { padding-left: 20px; } .process_box.type_four .icon svg { right: -116px; z-index: -1; } .testimonial_box.type_four .testimonial_box_inner .lower_content { flex-wrap: wrap; } .testimonial_box.type_four .testimonial_box_inner .lower_content .cont { min-width: 100%; width: 100%; margin-bottom: 10px; } .testimonial_box.type_two.type_three .box { position: relative; border-radius: 5px; right: unset; top: unset; margin-top: 20px; } .image_box_only.type_three .left, .image_box_only.type_two .left { display: block; } .image_box_only.type_three .left .image.one, .image_box_only.type_two .left .image.one { margin-bottom: 20px; } .image_box_only.type_three .left .image.one, .image_box_only.type_three .left .image.two, .image_box_only.type_two .left .image.one, .image_box_only.type_two .left .image.two { width: 100%; min-width: 100%; } .image_box_only.type_three .right .image.three, .image_box_only.type_two .right .image.three { width: 100%; min-width: 100%; } .image_box_only.type_six { margin-right: 0px; } .image_box_only.type_six .image { height: unset; } .image_box_only.type_six .content { position: relative; top: unset; right: unset; width: 100%; height: 100%; border-radius: 0px; } .image_box_only.type_six .content:before { border-radius: 0px; width: 98%; height: 98%; pointer-events: none; top: 0; right: 0; margin: auto; left: 0; bottom: 0; } .image_box_only.type_two .right { margin-top: 20px; } .fun_facts.type_two { padding: 30px 20px; } .fun_facts.type_two h4 .count { font-size: 55px; line-height: 65px; } .fun_facts.type_two h4 small { font-size: 20px; } .blog_box.type_one .vertical_text_1 .date_tm { font-size: 16px; line-height: 16px; } .blog_box.type_one .blog_inner { padding-left: 35px; } .blog_box.type_one .vertical_text_1 { left: 6px; } .list_box li .d-flex { text-align: left; align-items: unset !important; } } @media (max-width: 500px) { .testimonial_box.type_two.type_three { margin: 10px; } .testimonial_box.type_two .auth { display: block !important; text-align: center; min-width: unset !important; } .testimonial_box.type_two .auth .image_box { margin-right: 0px !important; } .testimonial_box.type_two .auth .image_box img { margin: auto; } } @media (max-width: 450px) { .blog_box.type_two.type_three .content .bottm_contet { display: block !important; } .blog_box.type_two .bottm_contet .authour { margin-bottom: 15px !important; } } .error404 .site-content { padding: 0px; } .error404 .site-content .page-404 { height: 100vh; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .page-404 { position: relative; } .page-404 img { margin-bottom: 20px !important; } .page-404 .search-form { position: relative; margin-bottom: 50px; margin-top: 30px; } .page-404 .search-form .sch_btn { position: absolute; right: 0; bottom: 0; border: unset !important; } .page-404 .theme_btn { border: unset !important; } .page-404 .theme_btn i { top: 2px; margin-right: 5px; } .call_to_action.style_one { display: flex; margin-right: auto; margin-left: auto; background: var(--color-set-one-1); position: relative; align-items: center; padding: 0px 30px 0px 0px; justify-content: space-between; flex-wrap: wrap; z-index: 2; } .call_to_action.style_one .section_title { width: 50.874%; padding: 40px 20px 40px 40px; } .call_to_action.style_one .section_title .title { font-size: 32px; line-height: 40px; color: var(--color-white); } .call_to_action.style_one .theme_btn_all { padding: 40px 0px 40px 40px; } .call_to_action.style_one .theme_btn_all .theme_btn { border-color: var(--color-white); padding: 5px 30px 10px 34px !important; } .call_to_action.style_one .theme_btn_all .theme_btn i { top: 6px !important; right: 4px !important; font-size: 24px !important; transform: rotate(45deg) !important; } .call_to_action.style_one .theme_btn_all .theme_btn:hover { background: var(--color-white); color: var(--color-set-one-1); border-color: var(--color-white); } .call_to_action.style_one .contact_header_one { padding: 40px 20px 40px 20px; } .call_to_action.style_one .contact_header_one .content .tite { color: var(--color-white); } .call_to_action.style_one .contact_header_one .content .title_20 a { color: var(--color-white); } .call_to_action.style_one .contact_header_one .icon_s { border: transparent !important; background: var(--color-set-one-6); height: 50px; } .call_to_action.style_one .contact_header_one .icon_s i { font-size: 20px; } .theme_btn.big.color_white_two.rotate:hover { background-color: #FF6600; color: #FFFFFF; border-color: #FF6600; transition: all 0.3s ease; } .call_to_action.style_two { padding: 50px 50px 50px; } .call_to_action.style_two .contact_header_one .icon_s { background: var(--color-set-one-6); border-color: var(--color-set-one-6); color: var(--color-white); } .call_to_action.style_two .theme_btn { border-color: var(--color-white) !important; background: transparent; color: var(--color-white) !important; padding: 5px 30px 12px 34px !important; min-width: 180px !important; } .call_to_action.style_two .theme_btn i { top: 6px !important; right: 4px !important; font-size: 24px !important; transform: rotate(45deg) !important; } .newsteller_simple { position: relative; } .newsteller_simple.button_style_one input[type=submit] { position: absolute; z-index: 999; top: -13px !important; right: 2px !important; left: unset !important; font-size: 14px !important; line-height: 34px !important; min-height: 34px !important; width: 96px !important; min-width: 96px !important; border-color: var(--color-white) !important; color: var(--color-white) !important; } .newsteller_simple.style_two input[type=email] { border-radius: 30px 30px 30px 30px !important; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05); } .newsteller_simple.style_two input[type=submit] { position: absolute; z-index: 999; top: -13px !important; right: 2px !important; left: unset !important; font-size: 14px !important; line-height: 34px !important; min-height: 34px !important; width: 96px !important; min-width: 96px !important; border-radius: 30px 30px 30px 30px !important; border-color: var(--color-white) !important; color: var(--color-white) !important; } .client_grid { position: relative; background: var(--color-set-one-bg-1); border-radius: 50px; border: 1px solid var(--color-set-one-bor-3); display: flex; align-items: center; flex-wrap: wrap; } .client_grid::before { position: absolute; content: ""; width: 1px; height: 100%; right: 0; top: 0; left: 0; margin: auto; background: var(--color-set-one-bor-3); } .client_grid .client_box { position: relative; min-width: 50%; width: 50%; padding: 38px 30px 30px; border-bottom: 1px solid var(--color-set-one-bor-3); min-height: 125px; } .client_grid .client_box img { margin: auto; } .client_grid .client_box.last { border-bottom: 0px; } @media (max-width: 768px) { .call_to_action.style_one { padding: 0px; } .call_to_action.style_one .section_title { width: 100%; padding: 25px 25px; } .call_to_action.style_one .theme_btn_all { width: 100%; padding: 25px 25px; } .call_to_action.style_one .contact_header_one { width: 100%; padding: 25px 25px; } } @media (max-width: 500px) { .client_grid::before { display: none; } .client_grid .client_box { width: 100%; min-width: 100%; } .client_grid .client_box.last { border-bottom: 1px solid var(--color-set-one-bor-3); } .client_grid .client_box:last-child { border-bottom: 0px; } } .map-section .google-map { height: 545px; } .quote_box_one { position: relative; padding: 20px; border-radius: 20px; background: var(--color-set-one-bg-1); } .quote_box_one svg { position: absolute; bottom: 0; right: 0; } .quote_box_one .section_title .title { font-size: 24px; line-height: 32px; margin-bottom: 15px; } .quote_box_one .d-flex { align-items: center; } .quote_box_one .d-flex .img { width: 50px; height: 50px; border-radius: 50px; overflow: hidden; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .quote_box_one .d-flex .section_title .title { font-size: 18px; line-height: 32px; margin: 0px; margin-left: 10px; } /*COMPONENTS -> TABS*/ body .nav-tabs { position: relative; margin: 0px; padding: 0px !important; border: unset; } body .nav-tabs li { display: inline-block; padding: 0px 5px; } body .nav-tabs li .nav-link { position: relative; display: block; border: 0px; font-family: var(--font-family-main); font-style: normal; font-weight: 500; font-size: 16px; align-items: center; color: var(--heading-color-one); border-radius: 7px; background: var(--color-set-one-bg-1); } body .nav-tabs li .nav-link.active, body .nav-tabs li .nav-link:hover { background: var(--color-set-one-1); color: var(--color-white); } body .nav-tabs li:last-child { padding-right: 0px; } body .nav-tabs li:first-child { padding-left: 0px; } .custom_tabs .tab-pane { transform: translateY(120px); } .custom_tabs .tab-pane.active { display: block; 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; transform: translateY(0px); } .zoom-in-zoom-out { animation: zoom-in-zoom-out 2s ease-out infinite; } @keyframes zoom-in-zoom-out { 0% { transform: scale(1, 1); } 50% { transform: scale(1.5, 1.5); } 100% { transform: scale(1, 1); } } label, .wpforms-field-number-slider-hint { display: block; font-size: 17px; line-height: 26px; font-weight: 400; color: var(--heading-color-one); } label b, .wpforms-field-number-slider-hint b { float: right !important; } label, .wpforms-form .wpforms-field-label { margin: 0px 0px 12px 0px !important; } .wpforms-field-number-slider { padding: 11px 0 10px !important; } .wpforms-field-number-slider-hint { padding-top: 15px !important; } .wpforms-form:after { content: ""; clear: both; display: table; } input[type=text], input[type=number], input[type=search], input[type=tel], input[type=url], input[type=password], input[type=email], textarea, select, .wp-block-search__input, body .select2-selection--single, div.wpforms-container .wpforms-form .choices__inner { display: block; border-radius: 7px !important; width: 100%; padding: 5px 15px !important; height: 50px !important; color: var(--content-color-one) !important; line-height: 26px !important; border: 1px solid var(--color-set-one-bor-3) !important; box-shadow: unset; font-size: 15px !important; font-weight: 400 !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; max-width: unset !important; outline: unset; margin: 0px 0px 5px; } input[type=text]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=email]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, .wp-block-search__input::-moz-placeholder, body .select2-selection--single::-moz-placeholder, div.wpforms-container .wpforms-form .choices__inner::-moz-placeholder { color: var(--content-color-one) !important; font-size: 15px !important; font-weight: 400 !important; } input[type=text]::placeholder, input[type=number]::placeholder, input[type=search]::placeholder, input[type=tel]::placeholder, input[type=url]::placeholder, input[type=password]::placeholder, input[type=email]::placeholder, textarea::placeholder, select::placeholder, .wp-block-search__input::placeholder, body .select2-selection--single::placeholder, div.wpforms-container .wpforms-form .choices__inner::placeholder { color: var(--content-color-one) !important; font-size: 15px !important; font-weight: 400 !important; } input[type=text]:focus, input[type=text]:focus-visible, input[type=text]:active, input[type=text]:hover, input[type=number]:focus, input[type=number]:focus-visible, input[type=number]:active, input[type=number]:hover, input[type=search]:focus, input[type=search]:focus-visible, input[type=search]:active, input[type=search]:hover, input[type=tel]:focus, input[type=tel]:focus-visible, input[type=tel]:active, input[type=tel]:hover, input[type=url]:focus, input[type=url]:focus-visible, input[type=url]:active, input[type=url]:hover, input[type=password]:focus, input[type=password]:focus-visible, input[type=password]:active, input[type=password]:hover, input[type=email]:focus, input[type=email]:focus-visible, input[type=email]:active, input[type=email]:hover, textarea:focus, textarea:focus-visible, textarea:active, textarea:hover, select:focus, select:focus-visible, select:active, select:hover, .wp-block-search__input:focus, .wp-block-search__input:focus-visible, .wp-block-search__input:active, .wp-block-search__input:hover, body .select2-selection--single:focus, body .select2-selection--single:focus-visible, body .select2-selection--single:active, body .select2-selection--single:hover, div.wpforms-container .wpforms-form .choices__inner:focus, div.wpforms-container .wpforms-form .choices__inner:focus-visible, div.wpforms-container .wpforms-form .choices__inner:active, div.wpforms-container .wpforms-form .choices__inner:hover { border: 1px solid var(--color-set-four-1) !important; } body .adminbar-input { height: unset !important; padding: 0px !important; border: unset !important; } body .select2-selection--single, .wpforms-field .select2-selection--single { height: 50px !important; color: var(--content-color-one) !important; border-radius: 7px !important; line-height: 26px !important; border: 1px solid var(--color-set-one-bor-3) !important; padding: 5px 15px !important; } body .select2-selection--single .select2-selection__rendered, .wpforms-field .select2-selection--single .select2-selection__rendered { display: block; padding: 0px !important; line-height: 41px !important; color: var(--heading-color-one) !important; font-size: 15px !important; } body .select2-container .select2-selection--single, .wpforms-field .select2-container .select2-selection--single { border-radius: 7px !important; margin: 0px !important; background: var(--color-white); } body .select2-container--default .select2-selection--single .select2-selection__arrow, .wpforms-field .select2-container--default .select2-selection--single .select2-selection__arrow { top: 12px !important; right: 11px !important; } body .select2-container--default .select2-search--dropdown .select2-search__field, .wpforms-field .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid var(--color-set-one-bor-3) !important; } body .select2-dropdown, body div.wpforms-container .wpforms-form .choices__list--dropdown, .wpforms-field .select2-dropdown, .wpforms-field div.wpforms-container .wpforms-form .choices__list--dropdown { border: 1px solid var(--color-set-one-bor-3) !important; } body div.wpforms-container .wpforms-form .choices__list--dropdown, .wpforms-field div.wpforms-container .wpforms-form .choices__list--dropdown { height: 300px !important; overflow: hidden !important; border-radius: 6px !important; z-index: 99999; } body div.wpforms-container .wpforms-form .choices__list--dropdown .choices__input, .wpforms-field div.wpforms-container .wpforms-form .choices__list--dropdown .choices__input { background: var(--color-white) !important; color: var(--heading-color-one) !important; } body div.wpforms-container .wpforms-form .choices__list--dropdown .choices__input::-moz-placeholder, .wpforms-field div.wpforms-container .wpforms-form .choices__list--dropdown .choices__input::-moz-placeholder { color: var(--heading-color-one) !important; } body div.wpforms-container .wpforms-form .choices__list--dropdown .choices__input::placeholder, .wpforms-field div.wpforms-container .wpforms-form .choices__list--dropdown .choices__input::placeholder { color: var(--heading-color-one) !important; } body div.wpforms-container .wpforms-form .choices__list--dropdown .choices__list, .wpforms-field div.wpforms-container .wpforms-form .choices__list--dropdown .choices__list { position: relative; z-index: 99999; } body div.wpforms-container .wpforms-form .choices__list--dropdown .choices__list .choices__item, .wpforms-field div.wpforms-container .wpforms-form .choices__list--dropdown .choices__list .choices__item { font-size: 16px !important; color: var(--content-color-one); line-height: 20px !important; height: unset !important; padding: 8px 10px !important; } body .select2.select2-container, .wpforms-field .select2.select2-container { position: relative !important; width: 100% !important; } body .select2-results__option, .wpforms-field .select2-results__option { padding: 5px 20px !important; margin: 0px !important; font-size: 15px !important; color: var(--heading-color-one); } body .select2-results__option:hover, body .select2-results__option:focus, body .select2-results__option.active, body .select2-results__option.select2-results__option--highlighted, .wpforms-field .select2-results__option:hover, .wpforms-field .select2-results__option:focus, .wpforms-field .select2-results__option.active, .wpforms-field .select2-results__option.select2-results__option--highlighted { background: var(--color-set-one-1) !important; color: var(--color-white) !important; } textarea { padding: 20px 15px !important; height: 250px !important; resize: none; } body input[type=checkbox], body input[type=radio] { width: 12px !important; height: 12px !important; position: relative !important; vertical-align: middle; display: inline-block; margin: 0px; box-shadow: unset !important; border: 1px solid var(--color-set-one-bor-3) !important; overflow: hidden; top: 1px; } body input[type=checkbox]:after, body input[type=radio]:after { content: ""; background: transparent; display: block; width: 100%; height: 100%; opacity: 1; top: 0px; position: relative; } body input[type=checkbox]:checked:after, body input[type=radio]:checked:after { background: var(--color-set-one-2); } input[type=radio]:after { border-radius: 100%; } body input[type=submit], body button[type=submit], body div.wpforms-container-full .wpforms-form button[type=submit], body div.wpforms-container-full .wpforms-form .wpforms-page-button { font-size: 17px; margin-top: 15px; line-height: 26px; display: block; min-height: 50px; height: unset !important; font-weight: 500; color: var(--color-white); background: var(--color-set-one-1); border-radius: 7px; padding: 5px 15px; box-shadow: unset; border: 1px solid var(--color-set-one-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; margin-bottom: 0px; } body input[type=submit]:hover, body button[type=submit]:hover, body div.wpforms-container-full .wpforms-form button[type=submit]:hover, body div.wpforms-container-full .wpforms-form .wpforms-page-button:hover { background: var(--color-set-one-2); border-color: var(--color-set-one-2); } div.wpforms-container .wpforms-form .choices__inner { margin: 0px !important; border-radius: 7px !important; } body div.wpforms-container .wpforms-form .choices__list--single { padding: 5px 16px 4px 4px; font-weight: 500; } body div.wpforms-container .wpforms-form .choices__list--single .choices__item { color: var(--content-color-one) !important; font-family: var(--font-family-main); font-size: 15px !important; font-weight: 400 !important; } div.wpforms-container .wpforms-form .choices__placeholder { opacity: 1 !important; } div.wpforms-container-full { margin: 0px !important; } 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.5rem center/18px 20px !important; } .select2-selection__arrow { position: relative; } .select2-selection__arrow b { display: none; } .select2-selection__arrow::before { position: absolute; content: "\f10c"; font-family: uicons-regular-straight !important; font-size: 16px; top: 0; right: 0; font-size: 16px; color: var(--heading-color-one); } div.wpforms-container .wpforms-form .choices { position: relative; } div.wpforms-container .wpforms-form .choices::after { position: absolute !important; content: "\f10c" !important; font-family: uicons-regular-straight !important; font-size: 13px !important; border: 0px !important; height: 14px !important; line-height: 14px !important; top: 19px !important; right: 17px !important; color: var(--heading-color-one) !important; margin: 0 !important; } body .wpforms-field { position: relative; } /*---======================================== ================media queries================ ========================================---*/ @media (min-width: 1024px) { div.wpforms-container-full .wpforms-form .wpforms-one-fourth { width: 22.5% !important; } div.wpforms-container-full .wpforms-form .wpforms-one-third, div.wpforms-container-full .wpforms-form .wpforms-two-sixths { width: 30.5% !important; } div.wpforms-container-full .wpforms-form .wpforms-five-sixths, div.wpforms-container-full .wpforms-form .wpforms-four-sixths, div.wpforms-container-full .wpforms-form .wpforms-four-fifths, div.wpforms-container-full .wpforms-form .wpforms-one-fifth, div.wpforms-container-full .wpforms-form .wpforms-one-fourth, div.wpforms-container-full .wpforms-form .wpforms-one-half, div.wpforms-container-full .wpforms-form .wpforms-one-sixth, div.wpforms-container-full .wpforms-form .wpforms-one-third, div.wpforms-container-full .wpforms-form .wpforms-three-fourths, div.wpforms-container-full .wpforms-form .wpforms-three-fifths, div.wpforms-container-full .wpforms-form .wpforms-three-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-fourths, div.wpforms-container-full .wpforms-form .wpforms-two-fifths, div.wpforms-container-full .wpforms-form .wpforms-two-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-thirds { margin-left: 2.5% !important; } } @media (max-width: 1024px) { div.wpforms-container-full .wpforms-form .wpforms-five-sixths, div.wpforms-container-full .wpforms-form .wpforms-four-sixths, div.wpforms-container-full .wpforms-form .wpforms-four-fifths, div.wpforms-container-full .wpforms-form .wpforms-one-fifth, div.wpforms-container-full .wpforms-form .wpforms-one-fourth, div.wpforms-container-full .wpforms-form .wpforms-one-half, div.wpforms-container-full .wpforms-form .wpforms-one-sixth, div.wpforms-container-full .wpforms-form .wpforms-one-third, div.wpforms-container-full .wpforms-form .wpforms-three-fourths, div.wpforms-container-full .wpforms-form .wpforms-three-fifths, div.wpforms-container-full .wpforms-form .wpforms-three-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-fourths, div.wpforms-container-full .wpforms-form .wpforms-two-fifths, div.wpforms-container-full .wpforms-form .wpforms-two-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-thirds { margin-left: 0% !important; padding: 0px 15px 20px !important; } div.wpforms-container-full .wpforms-form .wpforms-submit-container { padding: 15px 15px 15px !important; } } @media (max-width: 992px) { div.wpforms-container-full .wpforms-form .wpforms-one-third, div.wpforms-container-full .wpforms-form .wpforms-two-sixths { width: 47.5% !important; } } @media (max-width: 768px) { div.wpforms-container-full .wpforms-form .wpforms-one-half, div.wpforms-container-full .wpforms-form .wpforms-three-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-fourths { width: 100% !important; } .wpforms-form .wpforms-field { width: 100% !important; margin-left: unset !important; } div.wpforms-container-full .wpforms-form .wpforms-one-third, div.wpforms-container-full .wpforms-form .wpforms-two-sixths { width: 100% !important; } } @media (max-width: 500px) { input, textarea, select, .wp-block-search__input { font-size: 15px; } div.wpforms-container-full .wpforms-form .wpforms-five-sixths, div.wpforms-container-full .wpforms-form .wpforms-four-sixths, div.wpforms-container-full .wpforms-form .wpforms-four-fifths, div.wpforms-container-full .wpforms-form .wpforms-one-fifth, div.wpforms-container-full .wpforms-form .wpforms-one-fourth, div.wpforms-container-full .wpforms-form .wpforms-one-half, div.wpforms-container-full .wpforms-form .wpforms-one-sixth, div.wpforms-container-full .wpforms-form .wpforms-one-third, div.wpforms-container-full .wpforms-form .wpforms-three-fourths, div.wpforms-container-full .wpforms-form .wpforms-three-fifths, div.wpforms-container-full .wpforms-form .wpforms-three-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-fourths, div.wpforms-container-full .wpforms-form .wpforms-two-fifths, div.wpforms-container-full .wpforms-form .wpforms-two-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-thirds { padding: 0px 0px 20px !important; } div.wpforms-container-full .wpforms-form .wpforms-submit-container { padding: 0px 0px 20px !important; } } .contact_form_box_all { position: relative; } .contact_form_box_all.style_one { padding: 60px 50px 70px; } .contact_form_box_all.style_one .section_title { margin-bottom: 30px; } .contact_form_box_all.style_one label, .contact_form_box_all.style_one .wpforms-form .wpforms-field-label { color: var(--color-white); } .contact_form_box_all.style_one .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--color-white) !important; } .contact_form_box_all.style_one .select2-selection__arrow::before { color: var(--color-white) !important; } .contact_form_box_all.style_one .slider-hint { color: var(--color-white) !important; font-size: 14px; } .contact_form_box_all.style_one input[type=text]:focus, .contact_form_box_all.style_one input[type=text]:focus-visible, .contact_form_box_all.style_one input[type=text]:active, .contact_form_box_all.style_one input[type=text]:hover, .contact_form_box_all.style_one input[type=number]:focus, .contact_form_box_all.style_one input[type=number]:focus-visible, .contact_form_box_all.style_one input[type=number]:active, .contact_form_box_all.style_one input[type=number]:hover, .contact_form_box_all.style_one input[type=search]:focus, .contact_form_box_all.style_one input[type=search]:focus-visible, .contact_form_box_all.style_one input[type=search]:active, .contact_form_box_all.style_one input[type=search]:hover, .contact_form_box_all.style_one input[type=tel]:focus, .contact_form_box_all.style_one input[type=tel]:focus-visible, .contact_form_box_all.style_one input[type=tel]:active, .contact_form_box_all.style_one input[type=tel]:hover, .contact_form_box_all.style_one input[type=url]:focus, .contact_form_box_all.style_one input[type=url]:focus-visible, .contact_form_box_all.style_one input[type=url]:active, .contact_form_box_all.style_one input[type=url]:hover, .contact_form_box_all.style_one input[type=password]:focus, .contact_form_box_all.style_one input[type=password]:focus-visible, .contact_form_box_all.style_one input[type=password]:active, .contact_form_box_all.style_one input[type=password]:hover, .contact_form_box_all.style_one input[type=email]:focus, .contact_form_box_all.style_one input[type=email]:focus-visible, .contact_form_box_all.style_one input[type=email]:active, .contact_form_box_all.style_one input[type=email]:hover, .contact_form_box_all.style_one textarea:focus, .contact_form_box_all.style_one textarea:focus-visible, .contact_form_box_all.style_one textarea:active, .contact_form_box_all.style_one textarea:hover, .contact_form_box_all.style_one select:focus, .contact_form_box_all.style_one select:focus-visible, .contact_form_box_all.style_one select:active, .contact_form_box_all.style_one select:hover, .contact_form_box_all.style_one .wp-block-search__input:focus, .contact_form_box_all.style_one .wp-block-search__input:focus-visible, .contact_form_box_all.style_one .wp-block-search__input:active, .contact_form_box_all.style_one .wp-block-search__input:hover, .contact_form_box_all.style_one .select2-selection--single:focus, .contact_form_box_all.style_one .select2-selection--single:focus-visible, .contact_form_box_all.style_one .select2-selection--single:active, .contact_form_box_all.style_one .select2-selection--single:hover, .contact_form_box_all.style_one div.wpforms-container .wpforms-form .choices__inner:focus, .contact_form_box_all.style_one div.wpforms-container .wpforms-form .choices__inner:focus-visible, .contact_form_box_all.style_one div.wpforms-container .wpforms-form .choices__inner:active, .contact_form_box_all.style_one div.wpforms-container .wpforms-form .choices__inner:hover { border-bottom-color: var(--color-white) !important; } .contact_form_box_all.style_one .rangeslider, .contact_form_box_all.style_one div.wpforms-container-full .rangeslider, .contact_form_box_all.style_one div.wpforms-container-full .wpforms-form * .rangeslider { background: var(--color-set-one-lig-4) !important; } .contact_form_box_all.style_one .rangeslider__fill, .contact_form_box_all.style_one div.wpforms-container-full .rangeslider__fill, .contact_form_box_all.style_one div.wpforms-container-full .wpforms-form * .rangeslider__fill { background: var(--color-white) !important; } .contact_form_box_all.style_one .rangeslider__handle, .contact_form_box_all.style_one div.wpforms-container-full .rangeslider__handle, .contact_form_box_all.style_one div.wpforms-container-full .wpforms-form * .rangeslider__handle { background: var(--color-white) !important; } .contact_form_box_all.style_one button, .contact_form_box_all.style_one input[type=submit] { padding: 10px 30px 10px 30px !important; min-height: auto !important; position: relative !important; border-color: var(--color-white) !important; background: transparent !important; } .contact_form_box_all.style_one input[type=text], .contact_form_box_all.style_one input[type=number], .contact_form_box_all.style_one input[type=search], .contact_form_box_all.style_one input[type=tel], .contact_form_box_all.style_one input[type=url], .contact_form_box_all.style_one input[type=password], .contact_form_box_all.style_one input[type=email], .contact_form_box_all.style_one textarea, .contact_form_box_all.style_one select, .contact_form_box_all.style_one .wp-block-search__input, .contact_form_box_all.style_one .select2-selection--single, .contact_form_box_all.style_one div.wpforms-container .wpforms-form .choices__inner, .contact_form_box_all.style_one .select2-container .select2-selection--single, .contact_form_box_all.style_one .wpforms-field .select2-container .select2-selection--single { border-radius: 0px !important; background: transparent; border-left: 0 !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 2px solid var(--color-white); color: var(--color-white) !important; } .contact_form_box_all.style_one input[type=text]::-moz-placeholder, .contact_form_box_all.style_one input[type=number]::-moz-placeholder, .contact_form_box_all.style_one input[type=search]::-moz-placeholder, .contact_form_box_all.style_one input[type=tel]::-moz-placeholder, .contact_form_box_all.style_one input[type=url]::-moz-placeholder, .contact_form_box_all.style_one input[type=password]::-moz-placeholder, .contact_form_box_all.style_one input[type=email]::-moz-placeholder, .contact_form_box_all.style_one textarea::-moz-placeholder, .contact_form_box_all.style_one select::-moz-placeholder, .contact_form_box_all.style_one .wp-block-search__input::-moz-placeholder, .contact_form_box_all.style_one .select2-selection--single::-moz-placeholder, .contact_form_box_all.style_one div.wpforms-container .wpforms-form .choices__inner::-moz-placeholder, .contact_form_box_all.style_one .select2-container .select2-selection--single::-moz-placeholder, .contact_form_box_all.style_one .wpforms-field .select2-container .select2-selection--single::-moz-placeholder { color: var(--color-white) !important; } .contact_form_box_all.style_one input[type=text]::placeholder, .contact_form_box_all.style_one input[type=number]::placeholder, .contact_form_box_all.style_one input[type=search]::placeholder, .contact_form_box_all.style_one input[type=tel]::placeholder, .contact_form_box_all.style_one input[type=url]::placeholder, .contact_form_box_all.style_one input[type=password]::placeholder, .contact_form_box_all.style_one input[type=email]::placeholder, .contact_form_box_all.style_one textarea::placeholder, .contact_form_box_all.style_one select::placeholder, .contact_form_box_all.style_one .wp-block-search__input::placeholder, .contact_form_box_all.style_one .select2-selection--single::placeholder, .contact_form_box_all.style_one div.wpforms-container .wpforms-form .choices__inner::placeholder, .contact_form_box_all.style_one .select2-container .select2-selection--single::placeholder, .contact_form_box_all.style_one .wpforms-field .select2-container .select2-selection--single::placeholder { color: var(--color-white) !important; } /*=========================================================================== Global Css ===========================================================================*/ body { font-family: var(--font-family-text); font-size: 17px; line-height: 26px; color: var(--content-color-one); font-weight: 400; background: var(--color-white); 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; } svg, svg path { 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; } .scrollbarcolor::-webkit-scrollbar-track, .select2-results__options::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); border-radius: 10px; background-color: var(--color-set-one-bg-1); } .scrollbarcolor::-webkit-scrollbar, .select2-results__options::-webkit-scrollbar { width: 12px; background-color: var(--color-set-one-bg-1); } .scrollbarcolor::-webkit-scrollbar-thumb, .select2-results__options::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: var(--color-set-four-1); } .s_color_two::-webkit-scrollbar-thumb { background-color: var(--color-set-two-three-1); } .s_color_three::-webkit-scrollbar-thumb { background-color: var(--color-set-two-three-6); } .s_color_four::-webkit-scrollbar-thumb { background-color: var(--color-set-four-1); } .page_wapper { position: relative; overflow: hidden; } h1 a, h1, h2 a, h2, h3 a, h3, h4 a, h4, h5 a, h5, h6 a, h6 { font-weight: 700; margin: 0 0 15px 0; color: var(--heading-color-one); font-family: var(--font-family-main); 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 { font-size: 55px; line-height: 63px; } .h2, h2 { font-size: 45px; line-height: 53px; } .h3, h3 { font-size: 24px; line-height: 32px; } .h4, h4 { font-size: 22px; line-height: 30px; } .h5, h5 { font-size: 18px; line-height: 26px; } .h6, h6 { font-size: 17px; line-height: 24px; } p { font-size: 17px; line-height: 26px; font-family: var(--font-family-text); 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; } ul, ol { margin: 0px; padding: 0 0 0 0px; } ul li, ol li { position: relative; font-size: 17px; line-height: 26px; font-family: var(--font-family-text); list-style: decimal; font-weight: 400; color: var(--content-color-one); 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; } ul li a, ol li a { color: var(--content-color-one); } ul li ul, ul li ol, ol li ul, ol li ol { margin: 0px; padding: 0px 0 0 10px; } ul li ul li, ul li ol li, ol li ul li, ol li ol li { margin-bottom: 0px; margin-top: 15px; } .site-content ul, .site-content ol { padding: 0px 0px 0px 20px; } a { line-height: 26px; font-weight: 400; font-size: 17px; font-family: var(--font-family-main); color: var(--color-set-one-1); text-decoration: none; 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%; display: block; } strong { color: var(--heading-color-one); } table { position: relative; margin-bottom: 15px; } table tbody tr th, table tbody tr td, table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { padding: 10px 10px; line-height: 40px; font-size: 15px; border: 1px solid var(--color-set-one-bor-3); } table tbody tr th a, table tbody tr td a, table thead tr th a, table thead tr td a, table tfoot tr th a, table tfoot tr td a { color: var(--color-set-one-1); line-height: 40px; text-align: center; } table tbody tr th a:hover, table tbody tr td a:hover, table thead tr th a:hover, table thead tr td a:hover, table tfoot tr th a:hover, table tfoot tr td a:hover { color: var(--color-set-one-2); } table tbody tr th, table thead tr th, table tfoot tr th { font-size: 17px; color: var(--heading-color-one); font-weight: 700; background: var(--color-set-one-bg-1); } /*--================================-- ============ Containers ============= --================================--*/ @media (min-width: 1200px) { .container { max-width: 1180px; padding: 0px 15px; } } @media (max-width: 992px) { .container { max-width: 100%; } } .full-container { position: static; max-width: 1800px; padding: 0px 15px; margin: 0 auto; } .large-container { position: static; max-width: 1650px; padding: 0px 15px; margin: 0 auto; } .medium-container-two { position: static; max-width: 1450px; padding: 0px 15px; margin: 0 auto; } .medium-container { position: static; max-width: 1350px; padding: 0px 15px; margin: 0 auto; } .auto-container, .auto_container { position: static; max-width: 1240px; padding: 0px 15px; margin: 0 auto; } .small-container { max-width: 680px; margin: 0 auto; } .wpcf7-spinner { position: absolute; right: 10px; bottom: 10px; } .trans { 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; } .trans2 { transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); } /*--================================-- ============ titles ============= --================================--*/ .tit_ho a:hover { color: var(--color-set-one-1); } .title_no_a_30 { font-size: 30px; line-height: 38px; font-weight: 700; color: var(--heading-color-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; } .title_30 { font-size: unset; line-height: unset; margin: 0px; } .title_30 a { font-size: 20px; line-height: 38px; font-weight: 700; color: var(--heading-color-one); display: block; margin-bottom: 10px; } .title_30 a:hover { color: var(--color-set-one-1); } .title_30 a:hover .char:after { color: var(--color-set-one-1); } .title_no_a_28 { font-size: 28px; line-height: 36px; font-weight: 700; color: var(--heading-color-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; } .title_28 { font-size: unset; line-height: unset; margin: 0px; } .title_28 a { font-size: 28px; line-height: 36px; font-weight: 700; color: var(--heading-color-one); display: block; margin-bottom: 10px; } .title_28 a:hover { color: var(--color-set-one-1); } .title_28 a:hover .char:after { color: var(--color-set-one-1); } .title_no_a_26 { font-size: 26px; line-height: 34px; font-weight: 700; color: var(--heading-color-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; } .title_26 { font-size: unset; line-height: unset; margin: 0px; } .title_26 a { font-size: 26px; line-height: 34px; font-weight: 700; color: var(--heading-color-one); display: block; margin-bottom: 10px; } .title_26 a:hover { color: var(--color-set-one-1); } .title_26 a:hover .char:after { color: var(--color-set-one-1); } .title_24 { font-size: unset; line-height: unset; margin: 0px; } .title_24 a { font-size: 24px; line-height: 32px; font-weight: 700; color: var(--heading-color-one); display: block; margin-bottom: 10px; } .title_24 a:hover { color: var(--color-set-one-1); } .title_24 a:hover .char:after { color: var(--color-set-one-1); } .title_no_a_24 { font-size: 24px; line-height: 32px; font-weight: 700; color: var(--heading-color-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; } .title_no_a_22 { font-size: 22px; line-height: 30px; font-weight: 700; color: var(--heading-color-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; } .title_22 { font-size: unset; line-height: unset; margin-bottom: 0px; } .title_22 a { font-size: 22px; line-height: 30px; font-weight: 700; color: var(--heading-color-one); display: block; margin-bottom: 10px; } .title_22 a:hover { color: var(--color-set-one-1); } .title_22 a:hover .char:after { color: var(--color-set-one-1); } .title_no_a_20 { font-size: 20px; line-height: 28px; font-weight: 700; color: var(--heading-color-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; } .title_20 { font-size: unset; line-height: unset; margin-bottom: 0px; } .title_20 a { font-size: 20px; line-height: 28px; font-weight: 700; color: var(--heading-color-one); display: block; margin-bottom: 10px; } .title_20 a:hover { color: var(--color-set-one-1); } .title_20 a:hover .char:after { color: var(--color-set-one-1); } .title_no_a_18 { font-size: 18px; line-height: 26px; font-weight: 700; color: var(--heading-color-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; } .title_18 { font-size: unset; line-height: unset; margin-bottom: 0px; } .title_18 a { font-size: 18px; line-height: 26px; font-weight: 700; color: var(--heading-color-one); display: block; margin-bottom: 10px; } .title_18 a:hover { color: var(--color-set-one-1); } .title_18 a:hover .char:after { color: var(--color-set-one-1); } @media (max-width: 600px) { .title_30 a, .title_no_a_30 { font-size: 28px; line-height: 36; } .title_28 a, .title_no_a_28 { font-size: 26px; line-height: 32px; } .title_26 a, .title_no_a_26 { font-size: 22px; line-height: 30px; } .title_24 a, .title_no_a_24 { font-size: 21px; line-height: 29px; } br { display: none; } } /*--================================-- ============site content ============= --================================--*/ @media (min-width: 1200px) { .left-sidebar .primary-sidebar { order: -1; } } .page-template-template-homepage .site-content, .page-template-template-boxed .site-content, .page-template-template-empty .site-content, .service-template-template-fullwidth .site-content, .portfolio-template-template-fullwidth .site-content, .page-template-template-fullwidth .site-content, .service-template-template-fullwidth .site-content { padding: 0px 0px 0px; } .mega_menu-template .site-content { padding: 0px; } @media (min-width: 1200px) { .content-area.col-lg-9 { width: 68%; } .col-lg-3.col-md-12.primary-sidebar { width: 32%; } } .line_box_outer { position: fixed; left: 0; right: 0; bottom: 0; top: 0; pointer-events: none; z-index: 0; } .line_box_outer .lined { position: absolute; top: 0; height: 100%; width: 1px; background: var(--color-set-one-bor-3); } .line_box_outer .lined:first-child { left: 100px; } .line_box_outer .lined:last-child { right: 100px; } .line_box_outer .lined.two { left: 25%; } .line_box_outer .lined.three { left: 0; right: 0; margin: auto; } .line_box_outer .lined.four { right: 25%; } @media (max-width: 1024px) { .line_box_outer { display: none; } } .vertical_text_1 { writing-mode: vertical-rl; transform: rotate(180deg); } .vertical_text_2 { writing-mode: vertical-rl; transform: rotate(180deg); } .position_absolute { position: absolute !important; z-index: 999 !important; left: 0; height: auto; width: 100%; } .bg_transparent { background: transparent !important; } /*---======================================== ================ nav_true================ ========================================---*/ .swiper .owl-dots.disabled, .swiper .owl-nav.disabled { display: block; } body .swiper .owl-nav { position: relative; width: 100%; text-align: center; pointer-events: none; padding-top: 15px; } body .swiper .owl-nav .owl-prev, body .swiper .owl-nav .owl-next { display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50px; border: 1px solid var(--color-set-one-bor-3); background: var(--color-white); margin: 0px 5px; pointer-events: fill; 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; } body .swiper .owl-nav .owl-prev i, body .swiper .owl-nav .owl-next i { font-size: 27px; color: var(--heading-color-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; } body .swiper .owl-nav .owl-prev:hover, body .swiper .owl-nav .owl-next:hover { background: var(--color-set-one-1); border-color: var(--color-set-one-1); } body .swiper .owl-nav .owl-prev:hover i, body .swiper .owl-nav .owl-next:hover i { color: var(--color-white); } body .position_two .swiper .owl-nav { position: absolute; top: 0; right: 0; z-index: 2; width: unset; } body .position_three .swiper .owl-nav { position: absolute; top: 0; left: 0; z-index: 2; width: unset; } body .position_four .swiper .owl-nav { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; width: 100%; height: 50px; margin: auto; } body .position_four .swiper .owl-nav .owl-prev, body .position_four .swiper .owl-nav .owl-next { position: absolute; } body .position_four .swiper .owl-nav .owl-prev { left: 0; } body .position_four .swiper .owl-nav .owl-next { right: 0; } .dot_left .swiper .owl-dots { text-align: left; } .color_two .swiper .owl-dots .owl-dot span { background: var(--color-set-two-three-1); opacity: 0.3; } .color_two .swiper .owl-dots .owl-dot.active, .color_two .swiper .owl-dots .owl-dot:hover { border-color: var(--color-set-two-three-1); } .color_two .swiper .owl-dots .owl-dot.active span, .color_two .swiper .owl-dots .owl-dot:hover span { background: var(--color-set-two-three-1); opacity: 1; } .color_two .swiper .owl-nav .owl-prev:hover, .color_two .swiper .owl-nav .owl-next:hover { background: var(--color-set-two-three-1); border-color: var(--color-set-two-three-1); } .color_three .swiper .owl-dots .owl-dot span { background: var(--color-set-two-three-6); opacity: 0.3; } .color_three .swiper .owl-dots .owl-dot.active, .color_three .swiper .owl-dots .owl-dot:hover { border-color: var(--color-set-two-three-6); } .color_three .swiper .owl-dots .owl-dot.active span, .color_three .swiper .owl-dots .owl-dot:hover span { background: var(--color-set-two-three-6); opacity: 1; } .color_three .swiper .owl-nav .owl-prev:hover, .color_three .swiper .owl-nav .owl-next:hover { background: var(--color-set-two-three-6); border-color: var(--color-set-two-three-6); } .nav_false .swiper .owl-nav { display: none !important; } .nav_true { position: relative; } .dot_false .swiper .owl-dots { display: none !important; } body .swiper .owl-dots { position: relative; width: 100%; text-align: center; pointer-events: none; padding-top: 45px; z-index: 99; } body .swiper .owl-dots .owl-dot { position: relative; width: 25px; height: 25px; border-radius: 25px; border: 2px solid transparent; margin: 0px 4px; pointer-events: fill; 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; } body .swiper .owl-dots .owl-dot span { width: 7px; height: 7px; position: relative; border-radius: 7px; background: var(--color-set-one-bg-1); display: block; margin: auto; 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; } body .swiper .owl-dots .owl-dot.active, body .swiper .owl-dots .owl-dot:hover { border-color: var(--color-set-one-1); } body .swiper .owl-dots .owl-dot.active span, body .swiper .owl-dots .owl-dot:hover span { background: var(--color-set-one-1); } body .slick-dots { padding-top: 40px; } body .slick-dots li { display: inline-block; position: relative; margin-right: 10px; margin-bottom: 0px; } body .slick-dots li button { box-shadow: unset; position: relative; overflow: hidden; border: unset; text-indent: -999px; width: 10px; height: 10px; padding: 0px; border-radius: 25px; opacity: 0.4; background: var(--color-set-one-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; } body .slick-dots li.slick-active button { opacity: 1; } body .slick-dots li:last-child { margin-right: 0px; } .menu_boxed .m_bx { display: flex; position: relative; } .menu_boxed .navbar_togglers { top: unset; right: unset; } /*---======================================== ================media queries================ ========================================---*/ @media (max-width: 600px) { .h1, h1 { font-size: 45px; line-height: 53px; } .h2, h2 { font-size: 35px; line-height: 43px; } .h3, h3 { font-size: 20px; line-height: 29px; } .h4, h4 { font-size: 19px; line-height: 28px; } .h5, h5 { font-size: 16px; line-height: 24px; } .h6, h6 { font-size: 15px; line-height: 23px; } body, ul li, ol li, p, a { font-size: 15px; line-height: 24px; } table tbody tr th, table thead tr th { font-size: 15px; line-height: 30px; } .title_no_a_30, .title_30 a { font-size: 28px; line-height: 26px; } .title_no_a_28, .title_28 a { font-size: 26px; line-height: 34px; } .title_no_a_26, .title_26 a { font-size: 24px; line-height: 32px; } .title_no_a_24, .title_24 a { font-size: 22px; line-height: 30px; } .title_no_a_22, .title_22 a { font-size: 20px; line-height: 28px; } } /*=========================================================================== Header Css ===========================================================================*/ /* 0) --> Preloader 1) --> table_nav_togglets 2) --> table_Logo_box 3) --> table_Navbar_menu 4) --> table_default_header */ @keyframes spinner { to { transform: rotateZ(360deg); } } .menu-fallback-menu.navbar_nav li { list-style: none; text-align: right; } .loader-wrap { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999999999; } .loader-wrap .preloader-close { position: fixed; z-index: 999999; cursor: pointer; right: 20px; width: 60px; height: 60px; text-align: center; line-height: 60px; top: 20px; border-radius: 50px; background: var(--preloader-text-color); } .loader-wrap .preloader-close i { color: var(--preloader-background-color); } .loader-wrap .preloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999; background-position: center center; background-repeat: no-repeat; } .loader-wrap .layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background: var(--preloader-background-color-2); } .loader-wrap .animation-preloader { position: absolute; height: 100px; width: 100px; margin: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; } .loader-wrap .animation-preloader .spinner { animation: spinner 1s infinite linear; border-radius: 50%; height: 100px; margin: 0 auto 45px auto; width: 100px; border: 3px solid var(--preloader-background-color); border-top-color: var(--preloader-background-color-2); } .loader-wrap.color_two .layer { background: var(--color-set-two-three-1); } .loader-wrap.color_two .animation-preloader .spinner { border-color: var(--color-white); border-top-color: var(--color-set-one-lig-5); } .loader-wrap.color_three .layer { background: var(--color-set-two-three-5); } .loader-wrap.color_three .animation-preloader .spinner { border-color: var(--color-set-two-three-6); border-top-color: var(--color-set-one-lig-5); } .loader-wrap.color_four .layer { background: var(--color-set-four-3); } .loader-wrap.color_four .animation-preloader .spinner { border-color: var(--color-set-four-1); border-top-color: var(--color-set-one-lig-5); } /*========================================================================== header ==========================================================================*/ .header_area .position-absolute { width: 100%; } @media (min-width: 768px) { .admin-bar .fixed-header { top: 32px; } } .navbar_togglers { position: relative; display: none; top: 4px; right: 5px; } .navbar_togglers.hamburger_menu .line { width: 25px; height: 2px; background-color: var(--heading-color-one); 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; } .nav_tog_column { text-align: right; } .navbar-brand { margin: 0px; } .logo_box { position: relative; } .logo_box .logo.text { font-size: 24px; line-height: 32px; font-weight: 700; text-transform: capitalize; margin: 0px; display: block; } .logo_box .site-description { position: absolute !important; text-indent: -9999px !important; height: 0 !important; line-height: 0 !important; visibility: hidden !important; } @media (min-width: 992px) { .navbar_nav { padding-left: 0px; } .navbar_nav>li>a .text-link .mbadge { position: absolute; top: -27px; right: 0; display: inline-block; background: var(--color-set-one-1); color: var(--color-white); font-weight: 500; font-size: 12px; text-align: center; line-height: 20px; border-radius: 5px; padding: 0px 8px; } .navbar_nav>li>a .text-link .mbadge:before { position: absolute; content: ""; border-left: 10px solid var(--color-set-one-1); bottom: -9px; left: 0; height: 10px; width: 10px; border-right: 10px solid transparent; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } .navbar_nav li { margin-bottom: 0px; text-align: left; } .navbar_nav li .dropdown-btn .fa-angle-down { font-size: 15px; } .navbar_nav li li .dropdown-btn span::before { display: block; } .navbar_nav .menu-item { position: relative; margin-right: 30px; padding: 29px 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; } .navbar_nav .menu-item:last-child { margin-right: 0px; } .navbar_nav .menu-item>a.nav_link { font-size: 18px; position: relative; line-height: 24px; padding: 0; display: flex; align-items: center; font-weight: 500; color: var(--menu-color); font-family: var(--font-family-main); 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; } .navbar_nav .menu-item.dropdown a.nav_link { display: inline-block; } .navbar_nav .menu-item.dropdown .dropdown-btn { position: relative; display: inline-block; height: 18px; line-height: 18px; margin-left: 5px; } .navbar_nav .menu-item .sub_menu { position: absolute; pointer-events: none; left: 0px; top: 100%; margin-left: 0px; pointer-events: none !important; background-color: var(--color-white); min-width: 220px; padding: 15px 30px; 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: 0 0 0px 0px; z-index: 0; box-shadow: var(--box-shadow); } .navbar_nav .menu-item .sub_menu li { display: block; list-style: none; padding: 5px 0px; margin: 0px; } .navbar_nav .menu-item .sub_menu li a { font-size: 16px; line-height: 24px; color: var(--menu-color); font-weight: 500; } .navbar_nav .menu-item .sub_menu li a .text-link .mbadge { position: absolute; top: 0px; right: 10px; bottom: 0; margin: auto; display: inline-block; background: var(--color-set-one-1); color: var(--color-white); font-weight: 500; font-size: 12px; text-align: center; line-height: 20px; border-radius: 5px; padding: 0px 8px; height: 20px; } .navbar_nav .menu-item .sub_menu li.dropdown { padding-right: 15px; position: relative; } .navbar_nav .menu-item .sub_menu li.dropdown .dropdown-btn { position: absolute; right: 17px; height: 15px; line-height: 15px; top: 0; bottom: 0; margin: auto; } .navbar_nav .menu-item .sub_menu li.dropdown .text-link .mbadge { right: 36px; } .navbar_nav .menu-item .sub_menu .sub_menu { left: 100%; top: 0; } .navbar_nav .menu-item.mega_menu { margin-right: 36px; } .navbar_nav .menu-item.mega_menu .sub_menu { min-width: 100%; top: unset; background: unset !important; box-shadow: unset !important; padding: unset !important; padding-top: 15px !important; } .navbar_nav .menu-item.mega_menu .nav_link { display: inline-flex; align-items: center; } .navbar_nav .menu-item.mega_menu .dropdown-btn { position: relative; right: -5px; display: inline-block; } .navbar_nav .menu-item:hover>.sub_menu { pointer-events: fill !important; opacity: 1; z-index: 99; margin-left: 0; margin-top: 0px !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; } .navbar_nav .menu-item.vankine_menu_image>.nav_link { padding-left: 40px !important; } .navbar_nav .menu-item.vankine_menu_image>.nav_link .img-link { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; height: 30px; width: auto; } .navbar_nav .menu-item.vankine_menu_image>.nav_link .img-link img { width: 30px; height: auto; } .dropdownlastthree_row .navbar_nav li:nth-last-child(-n+2) .sub_menu { left: unset; right: 0%; } .dropdownlastthree_row .navbar_nav li:nth-last-child(-n+2) .sub_menu .sub_menu { left: unset; right: 100%; } .navbar_nav>li.current_page_item>a { color: var(--color-set-one-1) !important; } .navbar_nav>li.current_page_item .dropdown-btn .fa-angle-down { color: var(--color-set-one-1) !important; } .navbar_nav>li.current_page_item .active>.image_big_on_menu_two { background: var(--color-set-one-1) !important; color: var(--color-white) !important; } .navbar_nav>li.active>a { color: var(--color-set-one-1) !important; } .navbar_nav>li.active .dropdown-btn .fa-angle-down { color: var(--color-set-one-1) !important; } .navbar_nav>li.active .active>.image_big_on_menu_two { background: var(--color-set-one-1) !important; color: var(--color-white) !important; } .navbar_nav>li:hover>a { color: var(--color-set-four-1) !important; } .navbar_nav>li:hover .dropdown-btn .fa-angle-down { color: var(--color-set-one-1) !important; } .navbar_nav .sub_menu>li.current_page_item>a { color: var(--color-set-one-1) !important; } .navbar_nav .sub_menu>li.current_page_item .dropdown-btn .fa-angle-down { color: var(--color-set-one-1) !important; } .navbar_nav .sub_menu>li.active>a { color: var(--color-set-one-1) !important; } .navbar_nav .sub_menu>li.active .dropdown-btn .fa-angle-down { color: var(--color-set-one-1) !important; } .navbar_nav .sub_menu>li:hover>a { color: var(--color-set-one-1) !important; } .navbar_nav .sub_menu>li:hover .dropdown-btn .fa-angle-down { color: var(--color-set-one-1) !important; } } .default_header { position: relative; } .default_header .navbar_content { text-align: right; } .default_header .logo_box { padding: 10px 0px; } @media (max-width: 992px) { .logo_col { width: 70%; } .men_col { width: 30%; text-align: right; } .default_header .navbar_content { display: none; } .default_header .col-xl-8.col-lg-8.col-md-4.col-sm-4.col-xs-4 { text-align: right; } } .header-template .site-content { padding: 0px; } .language { position: relative; } .language .language-dropdown-active { font-size: 15px; line-height: 18px; padding: 10px 0px; color: var(--color-white); cursor: pointer; } .language .language-dropdown-active i { position: relative; top: 3px; } .language .language-dropdown { position: absolute; right: 0; z-index: 2; min-width: 140px; background: var(--color-white); border-radius: 0 0 4px 4px; transform: translateY(20px); visibility: hidden; opacity: 0; padding: 10px 15px; transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); border: 1px solid var(--color-set-one-bor-3); } .language .language-dropdown li { display: block; color: var(--heading-color-one); } .language .language-dropdown li a { display: block; font-size: 15px; } .language .language-dropdown li a img { min-width: 15px; float: left; width: 15px; position: relative; top: 9px; margin-right: 5px; } .language .language-dropdown li:last-child { margin-bottom: 0px; } .language:hover .language-dropdown { visibility: visible; opacity: 1; transform: translateY(0); } .contact-toggler, .search-toggler { cursor: pointer; } .search-popup, .option_panel-popup { position: fixed; left: 0; top: 0px; width: 100%; height: 170px; z-index: 999999999; visibility: hidden; opacity: 0; overflow: auto; background: var(--color-set-one-2); 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, .option_panel-popup.popup-visible { transform: translateY(0%); visibility: visible; opacity: 1; } .search-popup.color_three { background: var(--color-set-two-three-6); } .search-popup.color_three .search-form button { background: var(--color-set-two-three-5); border-color: var(--color-set-two-three-5); } .search-popup.color_three .search-form button:hover { color: var(--color-white); background: var(--color-set-two-three-5); border: 1px solid var(--color-set-two-three-5); border-radius: 5px; } .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: var(--color-white); 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; max-width: 992px; margin: 50px auto 0; opacity: 0; transform: translateY(50px); z-index: 10; padding: 5px; border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.2); } .search-popup .search-form input[type=search] { background: transparent; border: unset !important; margin: 0px; color: var(--color-white) !important; } .search-popup .search-form input[type=search]::-moz-placeholder { color: var(--color-white) !important; } .search-popup .search-form input[type=search]::placeholder { color: var(--color-white) !important; } .search-popup .search-form button { position: absolute; top: 0; right: 0; bottom: 0; border-radius: 50px; margin: auto; } .search-popup .search-form button:hover { color: var(--color-set-one-1); border: 1px solid var(--color-set-one-1); border-radius: 5px; } .search-popup h3 { text-transform: uppercase; font-size: 20px; font-weight: 600; margin-bottom: 20px; letter-spacing: 1px; text-align: center; } .search-popup.popup-visible .search-form { opacity: 1; transform: translateY(0px); } .search-popup.popup-visible .search-form fieldset { position: relative; padding: 0px; } @media (max-width: 992px) { .search-popup .popup-inner { padding: 0px 20px; } .search-popup .search-form { margin: 70px auto 0; max-width: unset; } } .option_panel-popup { left: unset; right: 0; opacity: 0; transform: translateX(100%); -ms-transform: translateX(100%); height: 100% !important; width: 100%; background: unset; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; overflow: hidden; } .option_panel-popup .close-option-pan { position: absolute; top: 0; left: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; background: var(--color-set-one-1); color: var(--color-white); cursor: pointer; } .option_panel-popup .close-option-pan i { font-size: 16px; } .option_panel-popup .contact_panel { position: relative; margin: 15px 0px 20px; padding-bottom: 20px; border-bottom: 1px solid var(--color-set-one-bor-3); } .option_panel-popup .contact_panel a { display: block; color: var(--heading-color-one); font-size: 17px; font-weight: 500; margin-bottom: 10px; } .option_panel-popup .contact_panel a i { margin-right: 6px; color: var(--color-set-one-1); } .option_panel-popup .contact_panel a.wk_hours { margin-bottom: 0px; } .option_panel-popup .post_contet_modal { padding-bottom: 40px; margin-bottom: 25px; border-bottom: 1px solid var(--color-set-one-bor-3); } .option_panel-popup .post_contet_modal .modal_post_grid { position: relative; padding: 10px; border: 5px solid var(--color-set-one-bor-3); border-radius: 9px; } .option_panel-popup .post_contet_modal .modal_post_grid img { border-radius: 9px; width: 100%; height: 150px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .option_panel-popup .post_contet_modal .modal_post_grid .title_no_a_20 { padding-top: 12px; margin-bottom: 0; } .option_panel-popup .post_contet_modal .owl-nav { padding-top: 25px; } .option_panel-popup .post_contet_modal .owl-dots { display: none !important; } .option_panel-popup .option_boxed { position: relative; margin-left: auto; width: 600px; padding: 50px 50px; height: 100%; background: var(--color-white); box-shadow: var(--box-shadow); transform: translateX(100%); -ms-transform: translateX(100%); transition: all 700ms ease; -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; z-index: 99999; overflow-y: auto; overflow-x: hidden; } .option_panel-popup .option_boxed .log_bx { position: relative; padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid var(--color-set-one-bor-3); } .option_panel-popup .option_boxed .log_bx .logo { margin-bottom: 20px; display: block; } .option_panel-popup .option_boxed .about_company { margin-bottom: 20px; } .option_panel-popup .sdmenu_overlay { transform: translateX(100%); -ms-transform: translateX(100%); width: 100%; height: 100%; left: unset; right: 0; opacity: 0.5; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .option_panel-popup.popup-visible { opacity: 1; transform: translateX(0); -ms-transform: translateX(0); } .option_panel-popup.popup-visible .sdmenu_overlay { transform: translateX(0); -ms-transform: translateX(0); visibility: visible; } .option_panel-popup.popup-visible .option_boxed { transform: translateX(0); -ms-transform: translateX(0); } .option_panel-popup.color_three .sdmenu_overlay { background: var(--color-set-two-three-5); } .option_panel-popup.color_three .contact_panel a { color: var(--heading-color-two); } .option_panel-popup.color_three .title_no_a_20, .option_panel-popup.color_three .title_no_a_28 { color: var(--heading-color-two); } .option_panel-popup.color_three .close-option-pan { background: var(--color-set-two-three-6); } .option_panel-popup.color_three .contact_panel a i { color: var(--color-set-two-three-6); } .option_panel-popup.color_three .option_boxed.scrollbarcolor::-webkit-scrollbar-thumb { background-color: var(--color-set-two-three-6); } .header_extra_items .search i { position: relative; top: 4px; color: var(--color-set-one-2); font-size: 18px; } .header_extra_items .search, .header_extra_items .contact-toggler { margin: 0px 15px; } .contact_header_one, .contact_header_two { position: relative; } .contact_header_one .icon_s, .contact_header_two .icon_s { position: relative; width: 50px; height: 50px; min-width: 50px; line-height: 50px; background: var(--color-set-one-1); border-radius: 50px; color: var(--color-white); margin-right: 10px; text-align: center; line-height: 50px; border: 1px solid var(--color-white); } .contact_header_one .icon_s i, .contact_header_two .icon_s i { font-size: 20px; } .contact_header_one .content .tite, .contact_header_two .content .tite { font-size: 16px; line-height: 22px; font-weight: normal; color: var(--heading-color-one); margin-bottom: 5px; } .contact_header_one .content .title_20 a, .contact_header_two .content .title_20 a { margin: 0px; } .contact_header_one.color_two .icon_s, .contact_header_two.color_two .icon_s { background: var(--color-set-two-three-1); border-color: var(--color-set-two-three-1); } .contact_header_one.color_three .icon_s, .contact_header_two.color_three .icon_s { background: var(--color-set-two-three-2); border-color: var(--color-set-two-three-2); } .contact_header_one.color_three .icon_s i, .contact_header_two.color_three .icon_s i { color: var(--color-white); } .contact_header_one.color_three .content .tite, .contact_header_two.color_three .content .tite { color: var(--color-set-two-three-1); } .contact_header_two .icon_s i { font-size: 40px; } /*============================================= ====================header===================== =============================================*/ .header-area { position: relative; z-index: 9999; } .header-area.header-style-1 .top_bar { background: var(--color-set-one-2); padding: 5px 20px; } .header-area.header-style-1 .top_bar .top_md { position: relative; padding-left: 80px; } .header-area.header-style-1 .top_bar .top_md .text { font-family: var(--font-family-text); font-weight: 400; font-size: 17px; line-height: 26px; color: var(--color-white); padding-right: 15px; } .header-area.header-style-1 .top_bar .top_md .text.workings { font-weight: 500; } .header-area.header-style-1 .top_bar .top_md .text i { position: relative; top: 2px; margin-right: 2px; } .header-area.header-style-1 .top_bar .top_md .text span { font-size: 16px; font-weight: 400; } .header-area.header-style-1 .top_bar .top_md .call, .header-area.header-style-1 .top_bar .top_md .mail { position: inherit; padding-left: 20px; } .header-area.header-style-1 .top_bar .top_md .call a, .header-area.header-style-1 .top_bar .top_md .mail a { font-size: 17px; line-height: 25px; color: var(--color-white); display: block; background: var(--color-set-one-1); border-radius: 9px; padding: 1px 15px; } .header-area.header-style-1 .top_bar .top_rt { justify-content: flex-end; align-items: flex-end; } .header-area.header-style-1 .top_bar .top_rt .social-icons { padding-left: 30px; } .header-area.header-style-1 .top_bar .top_rt .social-icons ul li { padding: 0px; margin: 0px; } .header-area.header-style-1 .top_bar .top_rt .social-icons ul li a { width: 35px; height: 35px; line-height: 38px; } .header-area.header-style-1.htype_two .top_bar { background: var(--color-set-two-three-2); } .header-area.header-style-1.htype_two .top_bar .top_md { padding-left: 0px; } .header-area.header-style-1.htype_two .top_bar .top_md .mail a, .header-area.header-style-1.htype_two .top_bar .top_md .call a { background: var(--color-set-two-three-1); } .header-area.header-style-1.htype_two .top_bar .top_rt .social-icons ul li a { background: var(--color-set-one-4); } .header-area.header-style-1.htype_two .theme_btn { background: var(--color-set-two-three-1); border-color: var(--color-set-two-three-1); } .header-area.header-style-1.htype_two .navbar_nav>li.active>a, .header-area.header-style-1.htype_two .navbar_nav>li:hover>a { color: var(--color-set-two-three-1) !important; } .header-area.header-style-1.htype_two .navbar_nav>li.active .dropdown-btn .fa-angle-down, .header-area.header-style-1.htype_two .navbar_nav>li:hover .dropdown-btn .fa-angle-down { color: var(--color-set-two-three-1) !important; } .header-area.header-style-1.htype_two .navbar_nav>li.active .active>.image_big_on_menu_two { background: var(--color-set-two-three-1) !important; color: var(--color-white) !important; } .header-area.header-style-1.htype_two .navbar_nav .sub_menu .image_big_on_menu_two:hover { background: var(--color-set-two-three-1) !important; color: var(--color-white) !important; } .header-area.header-style-1.htype_two .navbar_nav .sub_menu>li:hover>a, .header-area.header-style-1.htype_two .navbar_nav .sub_menu>li.active>a { color: var(--color-set-two-three-1) !important; } .header-area.header-style-1.htype_three .theme_btn { min-width: 167px; background: transparent !important; border-color: var(--color-white) !important; } .header-area.header-style-1.htype_three svg path { stroke: var(--color-white); } .header-area.header-style-1.htype_three .navbar_nav .menu-item>a.nav_link, .header-area.header-style-1.htype_three .main_header_content .search .fi-rs-search { color: var(--heading-color-two); } .header-area.header-style-1.htype_three .navbar_nav>li.active>a, .header-area.header-style-1.htype_three .navbar_nav>li:hover>a { color: var(--color-set-four-1) !important; } .header-area.header-style-1.htype_three .navbar_nav>li.active .dropdown-btn .fa-angle-down, .header-area.header-style-1.htype_three .navbar_nav>li:hover .dropdown-btn .fa-angle-down { color: var(--color-set-four-1) !important; } .header-area.header-style-1.htype_three .navbar_nav>li.active .active>.image_big_on_menu_two { background: var(--color-set-four-1) !important; color: var(--color-white) !important; } .header-area.header-style-1.htype_three .navbar_nav .sub_menu .image_big_on_menu_two:hover { background: var(--color-set-four-1) !important; color: var(--color-white) !important; } .header-area.header-style-1.htype_three .navbar_nav .sub_menu>li:hover>a, .header-area.header-style-1.htype_three .navbar_nav .sub_menu>li.active>a { color: var(--color-set-four-1) !important; } .header-area.header-style-1 .main_header_content { position: relative; } .header-area.header-style-1 .main_header_content .logo_box { padding: 0px; } .header-area.header-style-1 .main_header_content .logo_box svg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 1; height: 185%; width: 110%; } .header-area.header-style-1 .main_header_content .logo_box .logo { display: block; position: relative; z-index: 2; text-align: center; padding: 8px 11px; } .header-area.header-style-1 .main_header_content .logo_box .logo img { margin: auto; } .header-area.header-style-1 .main_header_content .column_menu { display: block; } .header-area.header-style-1 .main_header_content .navbar_togglers { padding-right: 20px; top: 0; } .header-area.header-style-1 .main_header_content .navbar_content { justify-content: center; } .header-area.header-style-1 .main_header_content .right_content { justify-content: flex-end; align-items: flex-end; padding-left: 20px; } .header-area.header-style-1 .main_header_content .right_content .theme_btn { min-width: 167px; } .header-area.header-style-1 .main_header_content .search { position: relative; padding-left: 35px; } .header-area.header-style-1 .main_header_content .search .fi-rs-search { font-size: 18px; height: 18px; position: relative; color: var(--menu-color); top: 2px; } .header-area.header-style-1 .main_header_content .contact-toggler { padding-left: 30px; } .header-area.header-style-1 .full-container .main_header_content, .header-area.header-style-1 .full-container .top_bar, .header-area.header-style-1 .no-container .main_header_content, .header-area.header-style-1 .no-container .top_bar { padding: 0px 20px 0px 0px; } .header-area.header-style-3 { position: relative; padding: 20px 0px; } .header-area.header-style-3 .title_no_a_20 { color: var(--heading-color-two); } .header-area.header-style-3 .conrow { justify-content: center; } .header-area.header-style-3 .contact_header_one .icon_s { background: var(--color-set-two-three-1); } .header-area.header-style-3 .theme_btn { padding: 7px 12px 12px 20px !important; background: var(--color-set-two-three-1); border-color: var(--color-set-two-three-1); } .header-area.header-style-3 .theme_btn i { top: 5px !important; font-size: 21px !important; transform: rotate(45deg) !important; right: 0 !important; } .header-area.header-style-5 .top_bar { border-top: 3px solid var(--color-set-one-bor-3); padding: 20px 0px 66px; } .header-area.header-style-5 .top_bar .bgiamge { position: absolute; top: -120px; left: 0; width: 100%; height: auto; } .header-area.header-style-5 .top_bar .bgiamge img { height: 10%; } .header-area.header-style-5 .top_bar .contact_header_one .icon_s, .header-area.header-style-5 .top_bar .contact_header_two .icon_s { color: var(--color-set-one-1); background: transparent; border: 1px solid var(--color-set-one-bor-3); } .header-area.header-style-5 .top_bar .tite { color: var(--content-color-one); } .header-area.header-style-5 .main_header_content { position: absolute; z-index: 999; left: 0; top: -43px; width: 100%; height: auto; background: var(--color-set-one-1); border-radius: 60px; padding: 0px 40px; } .header-area.header-style-5 .main_header_content .search { position: relative; padding-left: 35px; color: var(--color-white); } .header-area.header-style-5 .main_header_content .right_content { justify-content: flex-end; } .header-area.header-style-5 .main_header_content .right_content .contact-toggler { padding-left: 35px; } .header-area.header-style-5 .main_header_content .right_content .contact-toggler svg path { stroke: var(--color-white); } .header-area.header-style-5 .main_header_content .right_content .theme_btn { background-color: #FFFFFF; color: var(--heading-color-one) !important; border-color: #FFFFFF !important; background-position: top left; background-repeat: no-repeat; background-size: 54% auto; border-radius: 40px 40px 40px 40px !important; padding: 7px 12px 10px 20px !important; min-width: 180px; } .header-area.header-style-5 .main_header_content .navbar_nav>.menu-item>a.nav_link { color: #FFFFFF; } .header-area.header-style-5 .main_header_content .navbar_nav>.menu-item>a.nav_link:hover { color: #FFFFFF !important; } .header-area.header-style-5 .main_header_content .navbar_nav>.menu-item .dropdown-btn .fa-angle-down { color: rgba(255, 255, 255, 0.3803921569) !important; } .header-area.header-style-5 .main_header_content .navbar_nav>li:hover>a { color: #FFFFFF !important; } .header-area.header-style-5 .navbar_nav>li.active>a, .header-area.header-style-5 .navbar_nav>li:hover>a { color: var(--color-white) !important; } .header-area.header-style-5 .navbar_nav>li.active .dropdown-btn .fa-angle-down, .header-area.header-style-5 .navbar_nav>li:hover .dropdown-btn .fa-angle-down { color: var(--color-white) !important; } .header-area.header-style-6 .top_bar { border-bottom: 1px solid var(--color-set-one-bor-3); padding: 10px 40px; } .header-area.header-style-6 .main_header_content, .header-area.header-style-6 .top_bar { position: relative; } .header-area.header-style-6 .main_header_content::before, .header-area.header-style-6 .top_bar::before { position: absolute; content: ""; width: 1px; height: 100%; right: 0; top: 0; background: var(--color-set-one-bor-3); } .header-area.header-style-6 .main_header_content { padding: 0px 40px; } .header-area.header-style-6 .main_header_content .navbar_content { justify-content: space-between; } .header-area.header-style-6 .main_header_content .right_content { display: flex; align-items: center; justify-content: flex-end; } .header-area.header-style-6 .main_header_content .right_content .footer_contact_widget p { margin: 0px; } .header-area.header-style-6 .main_header_content .right_content .footer_contact_widget p a { font-size: 16px; font-weight: 600; } .header-area.header-style-6 .main_header_content .right_content .header_extra_items { padding-left: 20px; } .header-area.header-style-6 .main_header_content .right_content .header_extra_items .contact-toggler { margin-right: 2px; } .header-area.header-style-6 .col_menu { border-left: 1px solid var(--color-set-one-bor-3); } .header-area.header-style-6 .col_log { padding: 50px 20px; background: var(--color-set-one-2); text-align: center; } .header-area.header-style-6 .col_log img { display: inline-block; margin: auto; } .header-area.header-style-6 .theme_btn { border-radius: 6px 6px 6px 6px !important; padding: 11px 25px 11px 25px !important; } .header-area.header-style-6 .theme_btn i { top: 2px; } .menu_boxed ul.navbar_nav { margin: 0px; padding: 0px; } .menu_boxed.iconpo_two .navbar_nav>.menu-item>.nav_link { display: inline-block; } .menu_boxed.iconpo_two .navbar_nav>.menu-item>.nav_link .text-link { text-align: center; display: block; } .menu_boxed.iconpo_two .navbar_nav>.menu-item>.nav_link .mbadge { position: relative; display: block !important; top: unset !important; bottom: unset !important; right: 0; left: 0; display: inline-block; text-align: center; background: transparent !important; color: var(--content-color-one); } .menu_boxed.iconpo_two .navbar_nav>.menu-item>.nav_link .mbadge::before { display: none; } .menu_boxed.iconpo_two .navbar_nav>.menu-item.vankine_menu_image { text-align: center; } .menu_boxed.iconpo_two .navbar_nav>.menu-item.vankine_menu_image>.nav_link { padding-left: 0px; } .menu_boxed.iconpo_two .navbar_nav>.menu-item.vankine_menu_image>.nav_link .img-link { position: relative; margin: 0 auto 10px; display: block; } .menu_boxed.iconpo_two .navbar_nav>.menu-item.vankine_menu_image>.nav_link .img-link img { margin: auto; } .menu_boxed.iconpo_two .navbar_nav>.menu-item.dropdown>.nav_link { position: relative; display: inline-block; } .menu_boxed.iconpo_two .navbar_nav>.menu-item.dropdown>.nav_link .img-link { padding-left: 10px; } @media (min-width: 992px) { body .navbar_nav .menu-item.mennucolumn_two .sub_menu li a, body .navbar_nav .menu-item.mennucolumn_three .sub_menu li a, body .navbar_nav .menu-item.mennucolumn_four .sub_menu li a, body .navbar_nav .menu-item.mennucolumn_five .sub_menu li a { display: flex !important; justify-content: flex-start; } body .navbar_nav .menu-item.mennucolumn_two .sub_menu li a .img-link, body .navbar_nav .menu-item.mennucolumn_three .sub_menu li a .img-link, body .navbar_nav .menu-item.mennucolumn_four .sub_menu li a .img-link, body .navbar_nav .menu-item.mennucolumn_five .sub_menu li a .img-link { margin: unset !important; margin-right: 8px !important; margin-bottom: 0px !important; padding-bottom: 0px !important; } body .dropdownlastthree_row .menu_boxed .navbar_nav .menu-item.mennucolumn_two:nth-last-child(-n+2) .sub_menu, body .dropdownlastthree_row .menu_boxed .navbar_nav .menu-item.mennucolumn_three:nth-last-child(-n+2) .sub_menu, body .dropdownlastthree_row .menu_boxed .navbar_nav .menu-item.mennucolumn_five:nth-last-child(-n+2) .sub_menu, body .dropdownlastthree_row .menu_boxed .navbar_nav .menu-item.mennucolumn_four:nth-last-child(-n+2) .sub_menu, body .dropdownlastthree_row .default_header .navbar_nav .menu-item.mennucolumn_two:nth-last-child(-n+2) .sub_menu, body .dropdownlastthree_row .default_header .navbar_nav .menu-item.mennucolumn_three:nth-last-child(-n+2) .sub_menu, body .dropdownlastthree_row .default_header .navbar_nav .menu-item.mennucolumn_five:nth-last-child(-n+2) .sub_menu, body .dropdownlastthree_row .default_header .navbar_nav .menu-item.mennucolumn_four:nth-last-child(-n+2) .sub_menu, body .dropdownlastthree_row .menu_content_in .navbar_nav .menu-item.mennucolumn_two:nth-last-child(-n+2) .sub_menu, body .dropdownlastthree_row .menu_content_in .navbar_nav .menu-item.mennucolumn_three:nth-last-child(-n+2) .sub_menu, body .dropdownlastthree_row .menu_content_in .navbar_nav .menu-item.mennucolumn_five:nth-last-child(-n+2) .sub_menu, body .dropdownlastthree_row .menu_content_in .navbar_nav .menu-item.mennucolumn_four:nth-last-child(-n+2) .sub_menu { left: unset; right: -130%; } body .dropdownlastthree_row .menu_boxed .navbar_nav .menu-item.mennucolumn_two:nth-last-child(-n+2) .sub_menu .sub_menu, body .dropdownlastthree_row .menu_boxed .navbar_nav .menu-item.mennucolumn_three:nth-last-child(-n+2) .sub_menu .sub_menu, body .dropdownlastthree_row .menu_boxed .navbar_nav .menu-item.mennucolumn_five:nth-last-child(-n+2) .sub_menu .sub_menu, body .dropdownlastthree_row .menu_boxed .navbar_nav .menu-item.mennucolumn_four:nth-last-child(-n+2) .sub_menu .sub_menu, body .dropdownlastthree_row .default_header .navbar_nav .menu-item.mennucolumn_two:nth-last-child(-n+2) .sub_menu .sub_menu, body .dropdownlastthree_row .default_header .navbar_nav .menu-item.mennucolumn_three:nth-last-child(-n+2) .sub_menu .sub_menu, body .dropdownlastthree_row .default_header .navbar_nav .menu-item.mennucolumn_five:nth-last-child(-n+2) .sub_menu .sub_menu, body .dropdownlastthree_row .default_header .navbar_nav .menu-item.mennucolumn_four:nth-last-child(-n+2) .sub_menu .sub_menu, body .dropdownlastthree_row .menu_content_in .navbar_nav .menu-item.mennucolumn_two:nth-last-child(-n+2) .sub_menu .sub_menu, body .dropdownlastthree_row .menu_content_in .navbar_nav .menu-item.mennucolumn_three:nth-last-child(-n+2) .sub_menu .sub_menu, body .dropdownlastthree_row .menu_content_in .navbar_nav .menu-item.mennucolumn_five:nth-last-child(-n+2) .sub_menu .sub_menu, body .dropdownlastthree_row .menu_content_in .navbar_nav .menu-item.mennucolumn_four:nth-last-child(-n+2) .sub_menu .sub_menu { left: unset; right: 0%; } body .dropdownlastthree_row .menu_boxed .navbar_nav .menu-item.mennucolumn_full:nth-last-child(-n+2) .sub_menu, body .dropdownlastthree_row .default_header .navbar_nav .menu-item.mennucolumn_full:nth-last-child(-n+2) .sub_menu, body .dropdownlastthree_row .menu_content_in .navbar_nav .menu-item.mennucolumn_full:nth-last-child(-n+2) .sub_menu { left: 0; right: 0; } body .dropdownlastthree_row .menu_boxed .navbar_nav .menu-item.mennucolumn_full:nth-last-child(-n+2) .sub_menu .sub_menu, body .dropdownlastthree_row .default_header .navbar_nav .menu-item.mennucolumn_full:nth-last-child(-n+2) .sub_menu .sub_menu, body .dropdownlastthree_row .menu_content_in .navbar_nav .menu-item.mennucolumn_full:nth-last-child(-n+2) .sub_menu .sub_menu { left: 0; right: 0%; } body .menu_boxed .navbar_nav .mennucolumn_two>ul>li>.dropdown-btn, body .menu_boxed .navbar_nav .mennucolumn_three>ul>li>.dropdown-btn, body .menu_boxed .navbar_nav .mennucolumn_four>ul>li>.dropdown-btn, body .menu_boxed .navbar_nav .mennucolumn_five>ul>li>.dropdown-btn, body .default_header .navbar_nav .mennucolumn_two>ul>li>.dropdown-btn, body .default_header .navbar_nav .mennucolumn_three>ul>li>.dropdown-btn, body .default_header .navbar_nav .mennucolumn_four>ul>li>.dropdown-btn, body .default_header .navbar_nav .mennucolumn_five>ul>li>.dropdown-btn, body .menu_content_in .navbar_nav .mennucolumn_two>ul>li>.dropdown-btn, body .menu_content_in .navbar_nav .mennucolumn_three>ul>li>.dropdown-btn, body .menu_content_in .navbar_nav .mennucolumn_four>ul>li>.dropdown-btn, body .menu_content_in .navbar_nav .mennucolumn_five>ul>li>.dropdown-btn { display: none !important; } body .menu_boxed .navbar_nav .mennucolumn_two>ul>li .img-link, body .menu_boxed .navbar_nav .mennucolumn_three>ul>li .img-link, body .menu_boxed .navbar_nav .mennucolumn_four>ul>li .img-link, body .menu_boxed .navbar_nav .mennucolumn_five>ul>li .img-link, body .default_header .navbar_nav .mennucolumn_two>ul>li .img-link, body .default_header .navbar_nav .mennucolumn_three>ul>li .img-link, body .default_header .navbar_nav .mennucolumn_four>ul>li .img-link, body .default_header .navbar_nav .mennucolumn_five>ul>li .img-link, body .menu_content_in .navbar_nav .mennucolumn_two>ul>li .img-link, body .menu_content_in .navbar_nav .mennucolumn_three>ul>li .img-link, body .menu_content_in .navbar_nav .mennucolumn_four>ul>li .img-link, body .menu_content_in .navbar_nav .mennucolumn_five>ul>li .img-link { position: relative !important; margin-right: 5px; min-width: 30px; } body .menu_boxed .navbar_nav .mennucolumn_two>ul>li>a, body .menu_boxed .navbar_nav .mennucolumn_three>ul>li>a, body .menu_boxed .navbar_nav .mennucolumn_four>ul>li>a, body .menu_boxed .navbar_nav .mennucolumn_five>ul>li>a, body .default_header .navbar_nav .mennucolumn_two>ul>li>a, body .default_header .navbar_nav .mennucolumn_three>ul>li>a, body .default_header .navbar_nav .mennucolumn_four>ul>li>a, body .default_header .navbar_nav .mennucolumn_five>ul>li>a, body .menu_content_in .navbar_nav .mennucolumn_two>ul>li>a, body .menu_content_in .navbar_nav .mennucolumn_three>ul>li>a, body .menu_content_in .navbar_nav .mennucolumn_four>ul>li>a, body .menu_content_in .navbar_nav .mennucolumn_five>ul>li>a { display: flex !important; padding-left: 0px !important; padding-bottom: 16px; margin-bottom: 10px; text-transform: uppercase; display: block !important; border-bottom: 1px solid var(--color-set-one-bor-2); } body .menu_boxed .navbar_nav .mennucolumn_two>ul>li>a .img-link, body .menu_boxed .navbar_nav .mennucolumn_three>ul>li>a .img-link, body .menu_boxed .navbar_nav .mennucolumn_four>ul>li>a .img-link, body .menu_boxed .navbar_nav .mennucolumn_five>ul>li>a .img-link, body .default_header .navbar_nav .mennucolumn_two>ul>li>a .img-link, body .default_header .navbar_nav .mennucolumn_three>ul>li>a .img-link, body .default_header .navbar_nav .mennucolumn_four>ul>li>a .img-link, body .default_header .navbar_nav .mennucolumn_five>ul>li>a .img-link, body .menu_content_in .navbar_nav .mennucolumn_two>ul>li>a .img-link, body .menu_content_in .navbar_nav .mennucolumn_three>ul>li>a .img-link, body .menu_content_in .navbar_nav .mennucolumn_four>ul>li>a .img-link, body .menu_content_in .navbar_nav .mennucolumn_five>ul>li>a .img-link { margin-top: -5px !important; } body .menu_boxed .navbar_nav .mennucolumn_two .sub_menu, body .menu_boxed .navbar_nav .mennucolumn_three .sub_menu, body .menu_boxed .navbar_nav .mennucolumn_four .sub_menu, body .menu_boxed .navbar_nav .mennucolumn_five .sub_menu, body .menu_boxed .navbar_nav .mennucolumn_full .sub_menu, body .menu_boxed .navbar_nav .mennucolumn_full-two .sub_menu, body .menu_boxed .navbar_nav .mennucolumn_full-three .sub_menu, body .menu_boxed .navbar_nav .mennucolumn_full-four .sub_menu, body .menu_boxed .navbar_nav .mennucolumn_full-five .sub_menu, body .menu_boxed .navbar_nav .mennucolumn_full-six .sub_menu, body .default_header .navbar_nav .mennucolumn_two .sub_menu, body .default_header .navbar_nav .mennucolumn_three .sub_menu, body .default_header .navbar_nav .mennucolumn_four .sub_menu, body .default_header .navbar_nav .mennucolumn_five .sub_menu, body .default_header .navbar_nav .mennucolumn_full .sub_menu, body .default_header .navbar_nav .mennucolumn_full-two .sub_menu, body .default_header .navbar_nav .mennucolumn_full-three .sub_menu, body .default_header .navbar_nav .mennucolumn_full-four .sub_menu, body .default_header .navbar_nav .mennucolumn_full-five .sub_menu, body .default_header .navbar_nav .mennucolumn_full-six .sub_menu, body .menu_content_in .navbar_nav .mennucolumn_two .sub_menu, body .menu_content_in .navbar_nav .mennucolumn_three .sub_menu, body .menu_content_in .navbar_nav .mennucolumn_four .sub_menu, body .menu_content_in .navbar_nav .mennucolumn_five .sub_menu, body .menu_content_in .navbar_nav .mennucolumn_full .sub_menu, body .menu_content_in .navbar_nav .mennucolumn_full-two .sub_menu, body .menu_content_in .navbar_nav .mennucolumn_full-three .sub_menu, body .menu_content_in .navbar_nav .mennucolumn_full-four .sub_menu, body .menu_content_in .navbar_nav .mennucolumn_full-five .sub_menu, body .menu_content_in .navbar_nav .mennucolumn_full-six .sub_menu { display: flex; flex-wrap: wrap; padding: 30px 35px 25px !important; gap: 1.5rem; } body .menu_boxed .navbar_nav .mennucolumn_two .sub_menu .dropdown-btn, body .menu_boxed .navbar_nav .mennucolumn_three .sub_menu .dropdown-btn, body .menu_boxed .navbar_nav .mennucolumn_four .sub_menu .dropdown-btn, body .menu_boxed .navbar_nav .mennucolumn_five .sub_menu .dropdown-btn, body .menu_boxed .navbar_nav .mennucolumn_full .sub_menu .dropdown-btn, body .menu_boxed .navbar_nav .mennucolumn_full-two .sub_menu .dropdown-btn, body .menu_boxed .navbar_nav .mennucolumn_full-three .sub_menu .dropdown-btn, body .menu_boxed .navbar_nav .mennucolumn_full-four .sub_menu .dropdown-btn, body .menu_boxed .navbar_nav .mennucolumn_full-five .sub_menu .dropdown-btn, body .menu_boxed .navbar_nav .mennucolumn_full-six .sub_menu .dropdown-btn, body .default_header .navbar_nav .mennucolumn_two .sub_menu .dropdown-btn, body .default_header .navbar_nav .mennucolumn_three .sub_menu .dropdown-btn, body .default_header .navbar_nav .mennucolumn_four .sub_menu .dropdown-btn, body .default_header .navbar_nav .mennucolumn_five .sub_menu .dropdown-btn, body .default_header .navbar_nav .mennucolumn_full .sub_menu .dropdown-btn, body .default_header .navbar_nav .mennucolumn_full-two .sub_menu .dropdown-btn, body .default_header .navbar_nav .mennucolumn_full-three .sub_menu .dropdown-btn, body .default_header .navbar_nav .mennucolumn_full-four .sub_menu .dropdown-btn, body .default_header .navbar_nav .mennucolumn_full-five .sub_menu .dropdown-btn, body .default_header .navbar_nav .mennucolumn_full-six .sub_menu .dropdown-btn, body .menu_content_in .navbar_nav .mennucolumn_two .sub_menu .dropdown-btn, body .menu_content_in .navbar_nav .mennucolumn_three .sub_menu .dropdown-btn, body .menu_content_in .navbar_nav .mennucolumn_four .sub_menu .dropdown-btn, body .menu_content_in .navbar_nav .mennucolumn_five .sub_menu .dropdown-btn, body .menu_content_in .navbar_nav .mennucolumn_full .sub_menu .dropdown-btn, body .menu_content_in .navbar_nav .mennucolumn_full-two .sub_menu .dropdown-btn, body .menu_content_in .navbar_nav .mennucolumn_full-three .sub_menu .dropdown-btn, body .menu_content_in .navbar_nav .mennucolumn_full-four .sub_menu .dropdown-btn, body .menu_content_in .navbar_nav .mennucolumn_full-five .sub_menu .dropdown-btn, body .menu_content_in .navbar_nav .mennucolumn_full-six .sub_menu .dropdown-btn { display: none; } body .menu_boxed .navbar_nav .mennucolumn_two .sub_menu>li, body .menu_boxed .navbar_nav .mennucolumn_three .sub_menu>li, body .menu_boxed .navbar_nav .mennucolumn_four .sub_menu>li, body .menu_boxed .navbar_nav .mennucolumn_five .sub_menu>li, body .menu_boxed .navbar_nav .mennucolumn_full .sub_menu>li, body .menu_boxed .navbar_nav .mennucolumn_full-two .sub_menu>li, body .menu_boxed .navbar_nav .mennucolumn_full-three .sub_menu>li, body .menu_boxed .navbar_nav .mennucolumn_full-four .sub_menu>li, body .menu_boxed .navbar_nav .mennucolumn_full-five .sub_menu>li, body .menu_boxed .navbar_nav .mennucolumn_full-six .sub_menu>li, body .default_header .navbar_nav .mennucolumn_two .sub_menu>li, body .default_header .navbar_nav .mennucolumn_three .sub_menu>li, body .default_header .navbar_nav .mennucolumn_four .sub_menu>li, body .default_header .navbar_nav .mennucolumn_five .sub_menu>li, body .default_header .navbar_nav .mennucolumn_full .sub_menu>li, body .default_header .navbar_nav .mennucolumn_full-two .sub_menu>li, body .default_header .navbar_nav .mennucolumn_full-three .sub_menu>li, body .default_header .navbar_nav .mennucolumn_full-four .sub_menu>li, body .default_header .navbar_nav .mennucolumn_full-five .sub_menu>li, body .default_header .navbar_nav .mennucolumn_full-six .sub_menu>li, body .menu_content_in .navbar_nav .mennucolumn_two .sub_menu>li, body .menu_content_in .navbar_nav .mennucolumn_three .sub_menu>li, body .menu_content_in .navbar_nav .mennucolumn_four .sub_menu>li, body .menu_content_in .navbar_nav .mennucolumn_five .sub_menu>li, body .menu_content_in .navbar_nav .mennucolumn_full .sub_menu>li, body .menu_content_in .navbar_nav .mennucolumn_full-two .sub_menu>li, body .menu_content_in .navbar_nav .mennucolumn_full-three .sub_menu>li, body .menu_content_in .navbar_nav .mennucolumn_full-four .sub_menu>li, body .menu_content_in .navbar_nav .mennucolumn_full-five .sub_menu>li, body .menu_content_in .navbar_nav .mennucolumn_full-six .sub_menu>li { flex: 1 1; width: 200px; padding: 0 45px; } body .menu_boxed .navbar_nav .mennucolumn_two .sub_menu .sub_menu, body .menu_boxed .navbar_nav .mennucolumn_three .sub_menu .sub_menu, body .menu_boxed .navbar_nav .mennucolumn_four .sub_menu .sub_menu, body .menu_boxed .navbar_nav .mennucolumn_five .sub_menu .sub_menu, body .menu_boxed .navbar_nav .mennucolumn_full .sub_menu .sub_menu, body .menu_boxed .navbar_nav .mennucolumn_full-two .sub_menu .sub_menu, body .menu_boxed .navbar_nav .mennucolumn_full-three .sub_menu .sub_menu, body .menu_boxed .navbar_nav .mennucolumn_full-four .sub_menu .sub_menu, body .menu_boxed .navbar_nav .mennucolumn_full-five .sub_menu .sub_menu, body .menu_boxed .navbar_nav .mennucolumn_full-six .sub_menu .sub_menu, body .default_header .navbar_nav .mennucolumn_two .sub_menu .sub_menu, body .default_header .navbar_nav .mennucolumn_three .sub_menu .sub_menu, body .default_header .navbar_nav .mennucolumn_four .sub_menu .sub_menu, body .default_header .navbar_nav .mennucolumn_five .sub_menu .sub_menu, body .default_header .navbar_nav .mennucolumn_full .sub_menu .sub_menu, body .default_header .navbar_nav .mennucolumn_full-two .sub_menu .sub_menu, body .default_header .navbar_nav .mennucolumn_full-three .sub_menu .sub_menu, body .default_header .navbar_nav .mennucolumn_full-four .sub_menu .sub_menu, body .default_header .navbar_nav .mennucolumn_full-five .sub_menu .sub_menu, body .default_header .navbar_nav .mennucolumn_full-six .sub_menu .sub_menu, body .menu_content_in .navbar_nav .mennucolumn_two .sub_menu .sub_menu, body .menu_content_in .navbar_nav .mennucolumn_three .sub_menu .sub_menu, body .menu_content_in .navbar_nav .mennucolumn_four .sub_menu .sub_menu, body .menu_content_in .navbar_nav .mennucolumn_five .sub_menu .sub_menu, body .menu_content_in .navbar_nav .mennucolumn_full .sub_menu .sub_menu, body .menu_content_in .navbar_nav .mennucolumn_full-two .sub_menu .sub_menu, body .menu_content_in .navbar_nav .mennucolumn_full-three .sub_menu .sub_menu, body .menu_content_in .navbar_nav .mennucolumn_full-four .sub_menu .sub_menu, body .menu_content_in .navbar_nav .mennucolumn_full-five .sub_menu .sub_menu, body .menu_content_in .navbar_nav .mennucolumn_full-six .sub_menu .sub_menu { display: block !important; position: relative !important; left: unset !important; pointer-events: fill; top: unset !important; margin-left: unset !important; background-color: unset !important; min-width: unset !important; padding: unset !important; transform: unset !important; -ms-transform: unset !important; -moz-transform: unset !important; -o-transform: unset !important; 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: unset !important; visibility: unset !important; border-radius: unset !important; z-index: unset !important; box-shadow: unset !important; } body .menu_boxed .navbar_nav .mennucolumn_two .sub_menu .sub_menu li, body .menu_boxed .navbar_nav .mennucolumn_three .sub_menu .sub_menu li, body .menu_boxed .navbar_nav .mennucolumn_four .sub_menu .sub_menu li, body .menu_boxed .navbar_nav .mennucolumn_five .sub_menu .sub_menu li, body .menu_boxed .navbar_nav .mennucolumn_full .sub_menu .sub_menu li, body .menu_boxed .navbar_nav .mennucolumn_full-two .sub_menu .sub_menu li, body .menu_boxed .navbar_nav .mennucolumn_full-three .sub_menu .sub_menu li, body .menu_boxed .navbar_nav .mennucolumn_full-four .sub_menu .sub_menu li, body .menu_boxed .navbar_nav .mennucolumn_full-five .sub_menu .sub_menu li, body .menu_boxed .navbar_nav .mennucolumn_full-six .sub_menu .sub_menu li, body .default_header .navbar_nav .mennucolumn_two .sub_menu .sub_menu li, body .default_header .navbar_nav .mennucolumn_three .sub_menu .sub_menu li, body .default_header .navbar_nav .mennucolumn_four .sub_menu .sub_menu li, body .default_header .navbar_nav .mennucolumn_five .sub_menu .sub_menu li, body .default_header .navbar_nav .mennucolumn_full .sub_menu .sub_menu li, body .default_header .navbar_nav .mennucolumn_full-two .sub_menu .sub_menu li, body .default_header .navbar_nav .mennucolumn_full-three .sub_menu .sub_menu li, body .default_header .navbar_nav .mennucolumn_full-four .sub_menu .sub_menu li, body .default_header .navbar_nav .mennucolumn_full-five .sub_menu .sub_menu li, body .default_header .navbar_nav .mennucolumn_full-six .sub_menu .sub_menu li, body .menu_content_in .navbar_nav .mennucolumn_two .sub_menu .sub_menu li, body .menu_content_in .navbar_nav .mennucolumn_three .sub_menu .sub_menu li, body .menu_content_in .navbar_nav .mennucolumn_four .sub_menu .sub_menu li, body .menu_content_in .navbar_nav .mennucolumn_five .sub_menu .sub_menu li, body .menu_content_in .navbar_nav .mennucolumn_full .sub_menu .sub_menu li, body .menu_content_in .navbar_nav .mennucolumn_full-two .sub_menu .sub_menu li, body .menu_content_in .navbar_nav .mennucolumn_full-three .sub_menu .sub_menu li, body .menu_content_in .navbar_nav .mennucolumn_full-four .sub_menu .sub_menu li, body .menu_content_in .navbar_nav .mennucolumn_full-five .sub_menu .sub_menu li, body .menu_content_in .navbar_nav .mennucolumn_full-six .sub_menu .sub_menu li { flex: unset !important; width: 100% !important; padding: 7px 0px !important; display: block !important; } body .menu_boxed .navbar_nav .mennucolumn_two>.sub_menu, body .default_header .navbar_nav .mennucolumn_two>.sub_menu, body .menu_content_in .navbar_nav .mennucolumn_two>.sub_menu { width: 500px; left: -200%; } body .menu_boxed .navbar_nav .mennucolumn_two>.sub_menu>li, body .default_header .navbar_nav .mennucolumn_two>.sub_menu>li, body .menu_content_in .navbar_nav .mennucolumn_two>.sub_menu>li { min-width: 40%; padding: 0px !important; } body .menu_boxed .navbar_nav .mennucolumn_three>.sub_menu, body .default_header .navbar_nav .mennucolumn_three>.sub_menu, body .menu_content_in .navbar_nav .mennucolumn_three>.sub_menu { width: 600px; left: -300%; } body .menu_boxed .navbar_nav .mennucolumn_three>.sub_menu>li, body .default_header .navbar_nav .mennucolumn_three>.sub_menu>li, body .menu_content_in .navbar_nav .mennucolumn_three>.sub_menu>li { min-width: 29%; padding: 0px !important; } body .menu_boxed .navbar_nav .mennucolumn_four>.sub_menu, body .default_header .navbar_nav .mennucolumn_four>.sub_menu, body .menu_content_in .navbar_nav .mennucolumn_four>.sub_menu { width: 800px; left: -480%; } body .menu_boxed .navbar_nav .mennucolumn_four>.sub_menu>li, body .default_header .navbar_nav .mennucolumn_four>.sub_menu>li, body .menu_content_in .navbar_nav .mennucolumn_four>.sub_menu>li { min-width: 21%; padding: 0px !important; } body .menu_boxed .navbar_nav .mennucolumn_five>.sub_menu, body .default_header .navbar_nav .mennucolumn_five>.sub_menu, body .menu_content_in .navbar_nav .mennucolumn_five>.sub_menu { width: 900px; left: -580%; } body .menu_boxed .navbar_nav .mennucolumn_five>.sub_menu>li, body .default_header .navbar_nav .mennucolumn_five>.sub_menu>li, body .menu_content_in .navbar_nav .mennucolumn_five>.sub_menu>li { min-width: 15%; padding: 0px !important; } body .menu_boxed .navbar_nav .mennucolumn_full, body .menu_boxed .navbar_nav .mennucolumn_full-two, body .menu_boxed .navbar_nav .mennucolumn_full-three, body .menu_boxed .navbar_nav .mennucolumn_full-four, body .menu_boxed .navbar_nav .mennucolumn_full-five, body .menu_boxed .navbar_nav .mennucolumn_full-six, body .default_header .navbar_nav .mennucolumn_full, body .default_header .navbar_nav .mennucolumn_full-two, body .default_header .navbar_nav .mennucolumn_full-three, body .default_header .navbar_nav .mennucolumn_full-four, body .default_header .navbar_nav .mennucolumn_full-five, body .default_header .navbar_nav .mennucolumn_full-six, body .menu_content_in .navbar_nav .mennucolumn_full, body .menu_content_in .navbar_nav .mennucolumn_full-two, body .menu_content_in .navbar_nav .mennucolumn_full-three, body .menu_content_in .navbar_nav .mennucolumn_full-four, body .menu_content_in .navbar_nav .mennucolumn_full-five, body .menu_content_in .navbar_nav .mennucolumn_full-six { position: static !important; } body .menu_boxed .navbar_nav .mennucolumn_full>ul>li>a, body .menu_boxed .navbar_nav .mennucolumn_full-two>ul>li>a, body .menu_boxed .navbar_nav .mennucolumn_full-three>ul>li>a, body .menu_boxed .navbar_nav .mennucolumn_full-four>ul>li>a, body .menu_boxed .navbar_nav .mennucolumn_full-five>ul>li>a, body .menu_boxed .navbar_nav .mennucolumn_full-six>ul>li>a, body .default_header .navbar_nav .mennucolumn_full>ul>li>a, body .default_header .navbar_nav .mennucolumn_full-two>ul>li>a, body .default_header .navbar_nav .mennucolumn_full-three>ul>li>a, body .default_header .navbar_nav .mennucolumn_full-four>ul>li>a, body .default_header .navbar_nav .mennucolumn_full-five>ul>li>a, body .default_header .navbar_nav .mennucolumn_full-six>ul>li>a, body .menu_content_in .navbar_nav .mennucolumn_full>ul>li>a, body .menu_content_in .navbar_nav .mennucolumn_full-two>ul>li>a, body .menu_content_in .navbar_nav .mennucolumn_full-three>ul>li>a, body .menu_content_in .navbar_nav .mennucolumn_full-four>ul>li>a, body .menu_content_in .navbar_nav .mennucolumn_full-five>ul>li>a, body .menu_content_in .navbar_nav .mennucolumn_full-six>ul>li>a { display: flex !important; padding-left: 0px !important; padding-bottom: 16px; margin-bottom: 10px; text-transform: uppercase; display: block !important; border-bottom: 1px solid var(--color-set-one-bor-2); } body .menu_boxed .navbar_nav .mennucolumn_full>ul>li>a .img-link, body .menu_boxed .navbar_nav .mennucolumn_full-two>ul>li>a .img-link, body .menu_boxed .navbar_nav .mennucolumn_full-three>ul>li>a .img-link, body .menu_boxed .navbar_nav .mennucolumn_full-four>ul>li>a .img-link, body .menu_boxed .navbar_nav .mennucolumn_full-five>ul>li>a .img-link, body .menu_boxed .navbar_nav .mennucolumn_full-six>ul>li>a .img-link, body .default_header .navbar_nav .mennucolumn_full>ul>li>a .img-link, body .default_header .navbar_nav .mennucolumn_full-two>ul>li>a .img-link, body .default_header .navbar_nav .mennucolumn_full-three>ul>li>a .img-link, body .default_header .navbar_nav .mennucolumn_full-four>ul>li>a .img-link, body .default_header .navbar_nav .mennucolumn_full-five>ul>li>a .img-link, body .default_header .navbar_nav .mennucolumn_full-six>ul>li>a .img-link, body .menu_content_in .navbar_nav .mennucolumn_full>ul>li>a .img-link, body .menu_content_in .navbar_nav .mennucolumn_full-two>ul>li>a .img-link, body .menu_content_in .navbar_nav .mennucolumn_full-three>ul>li>a .img-link, body .menu_content_in .navbar_nav .mennucolumn_full-four>ul>li>a .img-link, body .menu_content_in .navbar_nav .mennucolumn_full-five>ul>li>a .img-link, body .menu_content_in .navbar_nav .mennucolumn_full-six>ul>li>a .img-link { margin-top: -5px !important; } body .menu_boxed .navbar_nav .mennucolumn_full .image_big_on_menu_two, body .menu_boxed .navbar_nav .mennucolumn_full-two .image_big_on_menu_two, body .menu_boxed .navbar_nav .mennucolumn_full-three .image_big_on_menu_two, body .menu_boxed .navbar_nav .mennucolumn_full-four .image_big_on_menu_two, body .menu_boxed .navbar_nav .mennucolumn_full-five .image_big_on_menu_two, body .menu_boxed .navbar_nav .mennucolumn_full-six .image_big_on_menu_two, body .default_header .navbar_nav .mennucolumn_full .image_big_on_menu_two, body .default_header .navbar_nav .mennucolumn_full-two .image_big_on_menu_two, body .default_header .navbar_nav .mennucolumn_full-three .image_big_on_menu_two, body .default_header .navbar_nav .mennucolumn_full-four .image_big_on_menu_two, body .default_header .navbar_nav .mennucolumn_full-five .image_big_on_menu_two, body .default_header .navbar_nav .mennucolumn_full-six .image_big_on_menu_two, body .menu_content_in .navbar_nav .mennucolumn_full .image_big_on_menu_two, body .menu_content_in .navbar_nav .mennucolumn_full-two .image_big_on_menu_two, body .menu_content_in .navbar_nav .mennucolumn_full-three .image_big_on_menu_two, body .menu_content_in .navbar_nav .mennucolumn_full-four .image_big_on_menu_two, body .menu_content_in .navbar_nav .mennucolumn_full-five .image_big_on_menu_two, body .menu_content_in .navbar_nav .mennucolumn_full-six .image_big_on_menu_two { padding-left: 10px !important; } body .menu_boxed .navbar_nav .mennucolumn_full>.sub_menu, body .menu_boxed .navbar_nav .mennucolumn_full-two>.sub_menu, body .menu_boxed .navbar_nav .mennucolumn_full-three>.sub_menu, body .menu_boxed .navbar_nav .mennucolumn_full-four>.sub_menu, body .menu_boxed .navbar_nav .mennucolumn_full-five>.sub_menu, body .menu_boxed .navbar_nav .mennucolumn_full-six>.sub_menu, body .default_header .navbar_nav .mennucolumn_full>.sub_menu, body .default_header .navbar_nav .mennucolumn_full-two>.sub_menu, body .default_header .navbar_nav .mennucolumn_full-three>.sub_menu, body .default_header .navbar_nav .mennucolumn_full-four>.sub_menu, body .default_header .navbar_nav .mennucolumn_full-five>.sub_menu, body .default_header .navbar_nav .mennucolumn_full-six>.sub_menu, body .menu_content_in .navbar_nav .mennucolumn_full>.sub_menu, body .menu_content_in .navbar_nav .mennucolumn_full-two>.sub_menu, body .menu_content_in .navbar_nav .mennucolumn_full-three>.sub_menu, body .menu_content_in .navbar_nav .mennucolumn_full-four>.sub_menu, body .menu_content_in .navbar_nav .mennucolumn_full-five>.sub_menu, body .menu_content_in .navbar_nav .mennucolumn_full-six>.sub_menu { z-index: 99999; width: 98%; left: 0; right: 0; margin: auto; } body .menu_boxed .navbar_nav .mennucolumn_full-two>.sub_menu>li, body .default_header .navbar_nav .mennucolumn_full-two>.sub_menu>li, body .menu_content_in .navbar_nav .mennucolumn_full-two>.sub_menu>li { min-width: 50%; padding: 0px !important; } body .menu_boxed .navbar_nav .mennucolumn_full-three>.sub_menu>li, body .default_header .navbar_nav .mennucolumn_full-three>.sub_menu>li, body .menu_content_in .navbar_nav .mennucolumn_full-three>.sub_menu>li { min-width: 33.33% !important; padding: 0px !important; } body .menu_boxed .navbar_nav .mennucolumn_full-four>.sub_menu>li, body .default_header .navbar_nav .mennucolumn_full-four>.sub_menu>li, body .menu_content_in .navbar_nav .mennucolumn_full-four>.sub_menu>li { min-width: 25% !important; padding: 0px !important; } body .menu_boxed .navbar_nav .mennucolumn_full-five>.sub_menu>li, body .default_header .navbar_nav .mennucolumn_full-five>.sub_menu>li, body .menu_content_in .navbar_nav .mennucolumn_full-five>.sub_menu>li { min-width: 20% !important; padding: 0px !important; } body .menu_boxed .navbar_nav .mennucolumn_full-six>.sub_menu>li, body .default_header .navbar_nav .mennucolumn_full-six>.sub_menu>li, body .menu_content_in .navbar_nav .mennucolumn_full-six>.sub_menu>li { max-width: 16.66% !important; padding: 0px !important; } } body .navbar_nav .sub_menu .image_big_on_menu_two { display: block !important; padding: 10px !important; background: var(--color-set-one-bg-1) !important; border-radius: 6px !important; margin-bottom: 5px; border: 1px solid var(--color-set-one-bor-2) !important; 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; } body .navbar_nav .sub_menu .image_big_on_menu_two .img-link { position: relative !important; top: unset !important; right: unset !important; height: unset !important; width: unset !important; } body .navbar_nav .sub_menu .image_big_on_menu_two .img-link img { width: 100% !important; display: block !important; height: auto !important; } body .navbar_nav .sub_menu .image_big_on_menu_two .text-link { margin: 0px !important; display: block !important; padding-bottom: 0px !important; padding-top: 10px !important; 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; } body .navbar_nav .sub_menu .image_big_on_menu_two:hover { background: var(--color-set-one-1) !important; } body .navbar_nav .sub_menu .image_big_on_menu_two:hover .text-link { color: var(--color-white); } body .navbar_nav .menu-item .sub_menu li a.image_big_on_menu_two { display: block !important; padding-left: 10px !important; } body .navbar_nav .menu-item .sub_menu li a.image_big_on_menu_two .img-link { margin-right: 0 !important; } @media (max-width: 992px) { .image_big_on_menu_two { margin-bottom: 15px !important; } .mennucolumn_full>.sub_menu>li { max-width: 100%; } } /*---======================================== ================ menu_open_sidely ================ ========================================---*/ .header_area { position: relative; } .side_menu_v1 { position: fixed; width: 100px; padding: 50px 0px 50px; top: 0; left: 0; transform: translateY(0); height: 100%; z-index: 99999999; background: var(--color-white); text-align: center; transition: 0.5s ease-out; -ms-transition: 0.5s ease-out; -moz-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; display: flex; flex-flow: column; justify-content: space-evenly; } .side_menu_v1 .social-icons ul li .m_icon { background: var(--color-set-two-three-5); } .side_menu_v1 .social-icons ul li .m_icon:hover { background: var(--color-set-two-three-6); } .side_menu_v1 .menu_box { position: relative; cursor: pointer; } .side_menu_v1 .menu_box .side_navbar_togglers { position: relative; z-index: 1; transition: 0.8s ease-out; -ms-transition: 0.8s ease-out; -moz-transition: 0.8s ease-out; -o-transition: 0.8s ease-out; } .side_menu_v1 .menu_box:hover .side_navbar_togglers svg path { fill: var(--color-set-one-1); } .side_menu_v1 .top { position: relative; padding-bottom: 20px; padding-top: 20px; } .side_menu_v1 .top .menu_box, .side_menu_v1 .top .search_box, .side_menu_v1 .top .contacttoggler { padding-bottom: 20px; } .side_menu_v1 .top .search-toggler, .side_menu_v1 .top .contact-toggler { display: inline-block; width: 42px; height: 42px; line-height: 42px; border: 1px solid var(--color-set-one-bor-3); border-radius: 40px; cursor: pointer; } .side_menu_v1 .top .contact-toggler { line-height: 37px; } .side_menu_v1 .top .menu_box span { font-size: 15px; display: block; padding-top: 3px; font-weight: 500; color: var(--heading-color-one); } .side_menu_v1 .social-icons { text-align: center; padding-bottom: 20px; padding-top: 20px; } .side_menu_v1 .social-icons ul li { display: block; margin-bottom: 10px; padding: 0px 5px !important; } .side_menu_v1 .button_box { position: relative; padding-top: 20px; padding-bottom: 20px; } .side_menu_v1 .button_box a { display: inline-block; text-align: center; border: 1px solid var(--color-set-one-bor-3); border-radius: 5px; padding: 30px 10px 30px; color: var(--heading-color-one); font-weight: 700; font-size: 16px; } .side_menu_v1 .button_box a span { padding-top: 5px; display: block; } .sdmenu_overlay { background: var(--color-set-one-2); position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 999; opacity: 0.5; transform: translateY(-100%); transform-origin: bottom center; transition: transform 500ms ease 500ms, visibility 500ms ease 500ms; visibility: hidden; } .menu_open_sidely { position: fixed; overflow-y: auto; overflow-x: hidden; top: 0; width: 100%; padding: 40px 0px; height: 100%; right: 0%; transform: translateY(-100%); background: var(--color-set-two-three-1); z-index: 99901999; transition: 0.8s ease-in-out; -ms-transition: 0.8s ease-in-out; -moz-transition: 0.8s ease-in-out; -o-transition: 0.8s ease-in-out; } .menu_open_sidely .border_line { position: absolute; top: 0px; right: 0; left: -30%; width: 1px; margin: auto; height: 100%; background: var(--color-white); opacity: 0.1; } .menu_open_sidely .navbar-brand { position: relative; margin-bottom: 40px; display: block; } .menu_open_sidely .side_navbar_togglers_close { position: absolute; right: 0; top: -40px; width: 50px; height: 50px; background: var(--color-set-one-1); color: var(--color-white); font-size: 20px; text-align: center; line-height: 50px; cursor: pointer; transition: 0.8s ease-in-out; -ms-transition: 0.8s ease-in-out; -moz-transition: 0.8s ease-in-out; -o-transition: 0.8s ease-in-out; } .menu_open_sidely .side_navbar_togglers_close:hover { top: -35px; right: 5px; border-radius: 50px; width: 60px; height: 60px; line-height: 60px; } .menu_open_sidely .side_navbar_togglers_close { background: var(--color-set-two-three-5); } .menu_open_sidely .form_box input[type=submit], .menu_open_sidely .form_box button[type=submit] { background: var(--color-set-two-three-5); border-color: var(--color-set-two-three-5); } .menu_open_sidely .form_box input[type=submit]:hover, .menu_open_sidely .form_box button[type=submit]:hover { background: transparent !important; color: var(--color-set-two-three-5) !important; border-color: var(--color-set-two-three-5) !important; } .menu_open_sidely .social-icons ul li .m_icon { background: var(--color-set-two-three-5); } .menu_open_sidely .social-icons ul li .m_icon:hover { background: var(--color-white); color: var(--color-set-two-three-5); } .menu_open_sidely .navbar_content .navbar_nav>.menu-item { display: block; padding: 15px 0px; margin: 0px; } .menu_open_sidely .navbar_content .navbar_nav>.menu-item>a.nav_link { color: var(--color-white); font-size: 20px; } .menu_open_sidely .navbar_content .navbar_nav .mennucolumn_full>.sub_menu, .menu_open_sidely .navbar_content .navbar_nav .mennucolumn_full-two>.sub_menu, .menu_open_sidely .navbar_content .navbar_nav .mennucolumn_full-three>.sub_menu, .menu_open_sidely .navbar_content .navbar_nav .mennucolumn_full-five>.sub_menu, .menu_open_sidely .navbar_content .navbar_nav .mennucolumn_full-six>.sub_menu, .menu_open_sidely .navbar_content .navbar_nav .mennucolumn_full>.sub_menu, .menu_open_sidely .navbar_content .navbar_nav .mennucolumn_full-two>.sub_menu, .menu_open_sidely .navbar_content .navbar_nav .mennucolumn_full-three>.sub_menu, .menu_open_sidely .navbar_content .navbar_nav .mennucolumn_full-five>.sub_menu, .menu_open_sidely .navbar_content .navbar_nav .mennucolumn_full-six>.sub_menu { z-index: 99999; width: 550%; } .menu_open_sidely .navbar_nav>li.active>a, .menu_open_sidely .navbar_nav>li:hover>a, .menu_open_sidely .navbar_nav>li:hover .dropdown-btn .fa-angle-down, .menu_open_sidely .navbar_nav>li.active .dropdown-btn .fa-angle-down { color: var(--color-set-two-three-5) !important; } .menu_open_sidely .navbar_nav .sub_menu>li:hover>a, .menu_open_sidely .navbar_nav .sub_menu>li.active>a { color: var(--color-set-two-three-6) !important; } .menu_open_sidely .navbar_nav>li.active .active>.image_big_on_menu_two { background: var(--color-set-two-three-5) !important; color: var(--color-white) !important; } .menu_open_sidely .navbar_nav .sub_menu .image_big_on_menu_two:hover { background: var(--color-set-two-three-5) !important; color: var(--color-white) !important; } .menu_open_sidely .navbar_nav .menu-item .sub_menu li a { color: var(--color-set-two-three-5); } .menu_open_sidely .form_box { position: relative; } .menu_open_sidely .form_box h2, .menu_open_sidely .form_box label, .menu_open_sidely .form_box p { color: var(--color-white); } .menu_open_sidely .form_box p { margin-bottom: 20px; } .menu_open_sidely .form_box .social-icons li { padding: 0px 10px 0px 0px; } .menu_open_sidely .form_box .contact_form_shortcode { position: relative; margin-bottom: 50px; } .menu_open_sidely .form_box input[type=submit]:hover, .menu_open_sidely .form_box button[type=submit]:hover { border-color: var(--color-set-one-1); background: transparent; color: var(--color-set-one-1); } .opne_side_menu_v1 .side_menu_v1 { transform: translateY(-110%); } .opne_side_menu_v1 .menu_open_sidely { transform: translateY(0); } .opne_side_menu_v1 .sdmenu_overlay { transform: translateY(0%); visibility: visible; transition: transform 500ms ease 0ms, visibility 500ms ease 0ms; } @media (min-width: 992px) { .menu_open_sidely .navbar_nav { position: relative; } .menu_open_sidely .navbar_nav>.menu-item { min-width: 250px; } .menu_open_sidely .navbar_nav>.menu-item>.dropdown-btn { float: right; right: 5px; top: 2px; transform: rotate(-90deg); } .menu_open_sidely .navbar_nav>.menu-item>.dropdown-btn .fa-angle-down { color: #fff; } .menu_open_sidely .navbar_nav .menu-item .sub_menu { left: 100%; top: 0; right: unset !important; left: 100% !important; } .menu_open_sidely .navbar_nav .menu-item.mega_menu .sub_menu { width: 550%; } } /*---======================================== ================media queries================ ========================================---*/ @media (max-width: 1490px) { .header-area.header-style-1 .top_bar .top_md { padding: 0px; } } @media (max-width: 1200px) { .header-area .navbar_nav>.menu-item { padding: 5px 0px; margin-right: 15px; } .header-area .navbar_nav>.menu-item a.nav_link { font-size: 16px; } .header-area.header-style-1 .main_header_content { padding-bottom: 15px; } .header-area.header-style-1 .main_header_content .navbar_content { justify-content: left; text-align: start; } .header-area.header-style-1 .main_header_content .logo_box { margin: 40px 0px 42px; } .header-area.header-style-1 .main_header_content .logo_box svg { height: 183%; width: 100%; } } @media (max-width: 992px) { .navbar_togglers { display: inline-block; } .navbar_content { display: none !important; } .side_menu_v1 { display: none; } .navbar_nav .menu-item.vankine_menu_image .mbadge { top: -13px; } } @media (min-width: 992px) { .header-area.header-style-1 .main_header_content .nav_tog_column .navbar_togglers { display: none; } } @media (max-width: 992px) { .header-area.header-style-1 .top_bar { padding-top: 20px; padding-bottom: 30px; } .header-area.header-style-1 .top_bar .top_md { padding-bottom: 20px; justify-content: center; } .header-area.header-style-1 .top_bar .top_rt { justify-content: center; } .header-area.header-style-1 .main_header_content { padding: 10px 0px; } .header-area.header-style-1 .main_header_content .column_menu { display: none; } .header-area.header-style-1 .main_header_content .logo_box { margin: 0px; position: relative; } .header-area.header-style-1 .main_header_content .logo_box svg { width: auto; height: auto; right: unset; } .header-area.header-style-1 .main_header_content .logo_box .logo img { margin-right: auto; margin-left: 0; } } @media (max-width: 640px) { .header-area.header-style-1 .top_bar .top_md { flex-wrap: wrap; text-align: center; padding: 0px; } .header-area.header-style-1 .top_bar .top_md .text { min-width: 100%; margin-bottom: 15px; } .header-area.header-style-1 .top_bar .top_md .call, .header-area.header-style-1 .top_bar .top_md .mail { text-align: center; padding: 0px 5px; margin-bottom: 15px; min-width: 50%; } .header-area.header-style-1 .main_header_content .col-xl-2.col-lg-12.col-md-5.col-sm-5.col-xs-5 { width: 40%; } .header-area.header-style-1 .main_header_content .nav_tog_column { width: 60%; } .header-area.header-style-1 .main_header_content .logo_box svg { position: relative; width: 120%; height: 100%; } .header-area.header-style-1 .main_header_content .logo_box .logo { position: absolute; top: 0px; height: 40px; left: 0; right: 0; bottom: 0; padding: 0px; margin: auto; } .header-area.header-style-1 .main_header_content .logo_box .logo img { margin-right: auto; margin-left: 0; } } @media (max-width: 530px) { .header-area.header-style-1 .main_header_content .logo_box svg { width: 105%; } .header-area.header-style-1 .main_header_content .logo_box .logo { height: 32px; } .header-area.header-style-1 .main_header_content .logo_box .logo img { width: 80%; margin: auto; } .header-area.header-style-1 .main_header_content .right_content .navbar_togglers { padding: 0px 15px 0 0px; } .header-area.header-style-1 .main_header_content .right_content .button a { min-width: 100px; } .header-area.header-style-1 .main_header_content .right_content .contact-toggler { padding-left: 15px; } } @media (max-width: 400px) { .header-area.header-style-1 .main_header_content .right_content .button { display: none; } } .sticky_header_content { position: fixed; visibility: hidden; opacity: 0; left: 0; top: -100%; width: 100%; z-index: -1; background: var(--color-white); box-shadow: var(--box-shadow); transition: top 0.5s ease; -moz-transition: top 0.5s ease; -ms-transition: top 0.5s ease; -o-transition: top 0.5s ease; } .sticky_header_content.fixed-header { top: 0; opacity: 1; z-index: 99901; visibility: visible !important; } .sticky_header_content .header-style-1.htype_three .theme_btn { border: transparent; background-image: linear-gradient(81deg, var(--color-set-four-1) 0%, var(--color-set-four-2) 74%) !important; } .sticky_header_content .header-style-1.htype_three .theme_btn svg path { stroke: var(--color-white); } .sticky_header_content .header-style-1.htype_three svg path { stroke: var(--heading-color-two); } .sticky_header_content.color_two .theme_btn { background: var(--color-set-two-three-1); border-color: var(--color-set-two-three-1); } .sticky_header_content.color_two .navbar_nav>li.active>a, .sticky_header_content.color_two .navbar_nav>li:hover>a { color: var(--color-set-two-three-1) !important; } .sticky_header_content.color_two .navbar_nav>li.active .dropdown-btn .fa-angle-down, .sticky_header_content.color_two .navbar_nav>li:hover .dropdown-btn .fa-angle-down { color: var(--color-set-two-three-1) !important; } .sticky_header_content.color_two .navbar_nav>li.active .active>.image_big_on_menu_two { background: var(--color-set-two-three-1) !important; color: var(--color-white) !important; } .sticky_header_content.color_two .navbar_nav .sub_menu .image_big_on_menu_two:hover { background: var(--color-set-two-three-1) !important; color: var(--color-white) !important; } .sticky_header_content.color_two .navbar_nav .sub_menu>li:hover>a, .sticky_header_content.color_two .navbar_nav .sub_menu>li.active>a { color: var(--color-set-two-three-1) !important; } .sticky_header_content.color_three .search .fi-rs-search { color: var(--heading-color-two) !important; } .sticky_header_content.color_three .navbar_nav .menu-item>a.nav_link { color: var(--heading-color-two); } .sticky_header_content.color_three .theme_btn { background: var(--color-set-two-three-6); border-color: var(--color-set-two-three-6); } .sticky_header_content.color_three .navbar_nav>li.active>a, .sticky_header_content.color_three .navbar_nav>li:hover>a { color: var(--color-set-two-three-6) !important; } .sticky_header_content.color_three .navbar_nav>li.active .dropdown-btn .fa-angle-down, .sticky_header_content.color_three .navbar_nav>li:hover .dropdown-btn .fa-angle-down { color: var(--color-set-two-three-6) !important; } .sticky_header_content.color_three .navbar_nav>li.active .active>.image_big_on_menu_two { background: var(--color-set-two-three-6) !important; color: var(--color-white) !important; } .sticky_header_content.color_three .navbar_nav .sub_menu .image_big_on_menu_two:hover { background: var(--color-set-two-three-6) !important; color: var(--color-white) !important; } .sticky_header_content.color_three .navbar_nav .sub_menu>li:hover>a, .sticky_header_content.color_three .navbar_nav .sub_menu>li.active>a { color: var(--color-set-two-three-6) !important; } .sticky_header_default { overflow: unset !important; } @media (max-width: 1200px) { .width_50 { width: 50%; } .header-area.header-style-5 .main_header_content { padding: 15px 20px; } .header-area.header-style-6 .top_bar { display: none; } .header-area.header-style-6 .main_header_content .right_content, .header-area.header-style-6 .main_header_content::before, .header-area.header-style-6 .top_bar::before { display: none; } .header-area.header-style-6 .pd_zero { padding-left: 10px !important; padding-right: 10px !important; } } @media (max-width: 992px) { .header-area.header-style-3 .navbar_togglers, .header-area.header-style-1 .navbar_togglers { display: block !important; padding: 0 !important; width: 100%; } .header-area.header-style-3 .navbar_togglers.hamburger_menu .line, .header-area.header-style-1 .navbar_togglers.hamburger_menu .line { margin: 6px 0 6px auto; } .header-area.header-style-1 .main_header_content .right_content .button { display: none; } .header-area.header-style-1 .main_header_content .right_content .contact-toggler { display: none; } .header-area.header-style-6 .navbar_togglers { display: block; } .header-area.header-style-6 .col_log { text-align: left; } .header-area.header-style-6 .col_log img { margin-right: unset !important; } .header-area.header-style-5 .top_bar { padding: 20px 0px 50px; } .header-area.header-style-5 .logo_box, .header-area.header-style-5 .contact_header_one { margin-bottom: 15px; } .header-area.header-style-5 .main_header_content .navbar_togglers { position: absolute; top: 0; left: 0; bottom: 0; margin: auto; right: unset !important; height: 30px; } .header-area.header-style-5 .main_header_content .navbar_togglers.hamburger_menu .line { background: var(--color-white); } .header-area.header-style-5 .main_header_content .right_content { position: relative; } } .page_header_default { position: relative; padding: 120px 0px; overflow: hidden; } .page_header_default.alignment_center { text-align: center; } .page_header_default.alignment_left { text-align: left; } .page_header_default.alignment_right { text-align: right; } .page_header_default .bakground_cover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .page_header_default:before { position: absolute; content: ""; width: 100%; height: 100%; background: #ff6600; opacity: 0.40; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .page_header_default.text_center { text-align: center; } .page_header_default.text_left { text-align: left; } .page_header_default.text_right { text-align: right; } .page_header_default .page_header_content { position: relative; z-index: 9; } .page_header_default .page_header_content .title { position: relative; font-family: var(--font-family-main); font-size: 65px; line-height: 72px; font-weight: 700; color: var(--color-white); margin: 0px; word-break: break-word; } .breadcrumb { position: relative; margin-top: 25px !important; display: inline-block; } .breadcrumb li { position: relative; display: inline-block; padding: 0px 18px; color: var(--color-white); margin-bottom: 0px; } .breadcrumb li:before { position: absolute; content: "\f11e"; font-family: "uicons-regular-straight"; font-weight: 400; font-size: 23px; right: -12px; } .breadcrumb li:first-child { padding-left: 0px; } .breadcrumb li:last-child { padding-right: 0px; } .breadcrumb li:last-child::before { display: none; } .breadcrumb li a { color: var(--color-white); font-weight: 400; font-size: 18px; line-height: 26px; } /*---======================================== ================media queries================ ========================================---*/ @media (max-width: 768px) { .page_header_default .page_header_content .title { font-size: 40px; line-height: 50px; } } @media (max-width: 500px) { .breadcrumb li a { font-size: 15px; line-height: 24px; } .breadcrumb li:before { font-size: 18px; right: -9px; } } .enabled_custom_title .main_tit { display: none; } /*=========================================================================== mobile_menu_box Css ===========================================================================*/ /* 1) --> mobile_menu_box */ .mobile_menu_box { 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; } .mobile_menu_box .close-btn { position: relative; margin-bottom: 15px; text-align: right; } .mobile_menu_box .close-btn .fi-rr-cross { display: inline-block; cursor: pointer; width: 30px; height: 30px; text-align: center; font-size: 12px; color: var(--color-white); background: var(--color-set-one-3); border-radius: 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; } .mobile_menu_box .close-btn .fi-rr-cross::before { line-height: 30px; } .mobile_menu_box .close-btn .fi-rr-cross:hover { background: var(--color-set-one-1); } .mobile_menu_box .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: var(--color-set-one-2); opacity: 0.8; cursor: pointer; } .mobile_menu_box .menu-box { position: absolute; left: 0px; top: 0px; width: 380px; min-height: 100%; max-height: 100%; overflow-y: auto; background: var(--color-white); 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; } .mobile_menu_box .navigation_menu ul.navbar_nav { margin: 0px; padding: 0px; } .mobile_menu_box .navigation_menu ul.navbar_nav li a { position: relative; } .mobile_menu_box .navigation_menu ul.navbar_nav li a .text-link .mbadge { position: absolute; top: -10px; right: 2px; display: inline-block; background: var(--color-set-one-1); color: var(--color-white); font-weight: 500; font-size: 12px; text-align: center; line-height: 20px; border-radius: 5px; padding: 0px 8px; } .mobile_menu_box .navigation_menu ul.navbar_nav li a .text-link .mbadge:before { position: absolute; content: ""; border-left: 5px solid var(--color-set-one-1); bottom: -5px; left: 0; height: 5px; width: 5px; border-right: 5px solid transparent; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .mobile_menu_box .navigation_menu ul.navbar_nav li.current-menu-item>a { color: var(--mobile-menu-active-color); } .mobile_menu_box .navigation_menu ul.navbar_nav>li { position: relative !important; display: block; padding: 10px 0 10px 0; border-bottom: 1px solid var(--color-set-one-bor-3); margin: 0px; text-align: left; } .mobile_menu_box .navigation_menu ul.navbar_nav>li>a { display: inline-block; padding: 10px 0px; font-weight: 600; color: var(--mobile-menu-color); } .mobile_menu_box .navigation_menu ul.navbar_nav>li .dropdown-btn { position: absolute; width: 30px; height: 30px; border-radius: 30px; cursor: pointer; text-align: center; right: 0; top: 19px; line-height: 30px; border: 1px solid var(--color-set-one-bor-2); z-index: 999; 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; background: var(--color-white); } .mobile_menu_box .navigation_menu ul.navbar_nav>li .dropdown-btn .fi-rr-angle-down { font-size: 14px; position: relative; top: 2px; } .mobile_menu_box .navigation_menu ul.navbar_nav>li .dropdown-btn small { display: none; } .mobile_menu_box .navigation_menu ul.navbar_nav>li .dropdown-btn:hover { border-color: var(--color-set-one-1); background: var(--color-set-one-1); color: var(--color-white); } .mobile_menu_box .navigation_menu ul.navbar_nav>li ul { padding-left: 5px; } .mobile_menu_box .navigation_menu ul.navbar_nav>li ul li { list-style: none; margin-top: 0px; margin-bottom: 0px; } .mobile_menu_box .navigation_menu ul.navbar_nav>li ul li a { display: inline-block; padding: 10px 0px; color: var(--mobile-menu-color); } .mobile_menu_box .navigation_menu ul.navbar_nav>li.active>a, .mobile_menu_box .navigation_menu ul.navbar_nav>li:hover>a { color: var(--mobile-menu-active-color); } .mobile_menu_box .navigation_menu ul.navbar_nav>li.active .active>.image_big_on_menu_two { background: var(--color-set-one-1) !important; color: var(--color-white) !important; } .mobile_menu_box .navigation_menu ul.navbar_nav>li.active>.dropdown-btn { border-color: var(--color-set-one-1); background: var(--color-set-one-1); color: var(--color-white); } .mobile_menu_box .navigation_menu ul.navbar_nav>li:last-child { border-bottom: 0px; } .mobile_menu_box .navigation_menu ul.navbar_nav li.vankine_menu_image .nav_link { padding-left: 40px; position: relative; } .mobile_menu_box .navigation_menu ul.navbar_nav li.vankine_menu_image .nav_link .img-link { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; height: 30px; width: auto; } .mobile_menu_box .navigation_menu ul.navbar_nav li.vankine_menu_image .nav_link .img-link img { width: 30px; height: auto; } .mobile_menu_box .navigation_menu ul.navbar_nav li .sub_menu li .dropdown-btn { top: 6px; } .mobile_menu_box .navigation_menu ul.navbar_nav .sub_menu { display: none; } .mobile_menu_box form { position: relative; margin-bottom: 14px; margin-top: 34px; } .mobile_menu_box form input { border-radius: 6px !important; } .mobile_menu_box form .sch_btn { position: absolute; width: 40px; height: 40px !important; top: 0; font-size: 13px; text-align: center; padding: 0px; right: 6px; bottom: 0; margin: auto; min-height: 40px !important; border-radius: 40px; } .mobile_menu_box .mobile-header-info-wrap { position: relative; padding: 25px 25px; border-radius: 6px; margin-top: 10px; background: var(--color-set-one-bor-2); } .mobile_menu_box .mobile-header-info-wrap .single-mobile-header-info { position: relative; margin-bottom: 10px; } .mobile_menu_box .mobile-header-info-wrap .single-mobile-header-info a.cnt { display: block; margin-bottom: 15px; font-size: 17px; line-height: 18px; color: var(--heading-color-one); font-weight: 500; } .mobile_menu_box .mobile-header-info-wrap .single-mobile-header-info a.cnt i { margin-right: 8px; color: var(--color-set-one-1); } .mobile_menu_box .mobile-header-info-wrap .single-mobile-header-info a.theme_btn { width: 100%; } .mobile_menu_box .mobile-header-info-wrap .single-mobile-header-info a.theme_btn.tp_one { background: var(--color-set-one-3); border-color: var(--color-set-one-3); } .mobile_menu_box .mobile-header-info-wrap .cont_over { margin-bottom: 25px; } .mobile_menu_box .social-icons { position: relative; padding-top: 15px; } .mobile_menu_box .social-icons li { padding: 0px; } .mobile_menu_box-visible .mobile_menu_box, .mobile_menu_box-visible .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; } @media (max-width: 650px) { .option_panel-popup .option_boxed { width: 100%; padding: 50px 25px; } .mobile_menu_box .menu-box { width: 100%; } } .side_bar input[type=search] { margin: 0px; } .side_bar .wp-block-search__button-inside .wp-block-search__inside-wrapper { position: relative; } .side_bar .wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { position: absolute; right: 0; bottom: 0; margin: 0px; } .side_bar .wp-block-search__inside-wrapper { border: 0px; padding: 5px 0 0; } .sidebar-widget { position: relative; margin-bottom: 50px; } .sidebar-widget input[type=submit], .sidebar-widget button[type=submit] { margin: 0px; } .sidebar-widget ul, .sidebar-widget ol { margin: 0px; padding: 0px; } .sidebar-widget ul li, .sidebar-widget ol li { padding: 0px; margin: 0px; list-style: none; padding: 5px 0px; } .sidebar-widget ul li a, .sidebar-widget ol li a { display: inline-block; padding-left: 18px; position: relative; } .sidebar-widget ul li a::before, .sidebar-widget ol li a::before { position: absolute; content: ""; width: 8px; height: 8px; border-radius: 8px; background: var(--color-set-one-1); opacity: 0.2; top: 0; left: 0; bottom: 0; margin: auto; 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; } .sidebar-widget ul li ul, .sidebar-widget ul li ol, .sidebar-widget ol li ul, .sidebar-widget ol li ol { padding-left: 18px; } .sidebar-widget ul li ul ul, .sidebar-widget ul li ul ol, .sidebar-widget ul li ol ul, .sidebar-widget ul li ol ol, .sidebar-widget ol li ul ul, .sidebar-widget ol li ul ol, .sidebar-widget ol li ol ul, .sidebar-widget ol li ol ol { padding-left: 5px; } .sidebar-widget ul li a:hover, .sidebar-widget ol li a:hover { color: var(--color-set-one-1); } .sidebar-widget ul li a:hover::before, .sidebar-widget ol li a:hover::before { opacity: 1; } .sidebar-widget ul ul li, .sidebar-widget ul ol li, .sidebar-widget ol ul li, .sidebar-widget ol ol li { padding: 0px; } .sidebar-widget ul ul li a, .sidebar-widget ul ol li a, .sidebar-widget ol ul li a, .sidebar-widget ol ol li a { margin: 10px 0px 0px 0px; } .sidebar-widget ul ul li a::before, .sidebar-widget ul ol li a::before, .sidebar-widget ol ul li a::before, .sidebar-widget ol ol li a::before { display: none; } .sidebar-widget table.wp-calendar-table tbody tr th, .sidebar-widget table.wp-calendar-table tbody tr td, .sidebar-widget table.wp-calendar-table thead tr th, .sidebar-widget table.wp-calendar-table thead tr td { text-align: center; padding: 0px; } .sidebar-widget table.wp-calendar-table tbody tr th a, .sidebar-widget table.wp-calendar-table tbody tr td a, .sidebar-widget table.wp-calendar-table thead tr th a, .sidebar-widget table.wp-calendar-table thead tr td a { background: var(--color-set-one-1); color: var(--color-white); display: block; } .sidebar-widget table.wp-calendar-table tbody tr th a:hover, .sidebar-widget table.wp-calendar-table tbody tr td a:hover, .sidebar-widget table.wp-calendar-table thead tr th a:hover, .sidebar-widget table.wp-calendar-table thead tr td a:hover { background: var(--color-set-one-2); color: var(--color-white); } .widget_categories ul { display: block !important; } .widget_categories ul li a { padding-left: 18px !important; } .widget_categories ul li a::before { display: block !important; } body .widget-title, body .wp-block-group__inner-container>h2, body .rss-widget-title { position: relative; color: var(--heading-color-one); font-weight: 700; margin-bottom: 30px; font-size: 22px; line-height: 32px; } body .rss-widget-title { margin-bottom: 0px; } body .side_bar .post_foo_box .foo_post_content { gap: 1.7rem; align-items: center; margin-bottom: 20px; padding-bottom: 22px; border-bottom: 1px solid var(--color-set-one-bor-3); } body .side_bar .post_foo_box .foo_post_content .image_box { border-radius: 100px; width: 100px; height: 100px; min-width: 100px; } body .side_bar .post_foo_box .foo_post_content:last-child { padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0px; } body .side_bar .widget-title, body .side_bar .wp-block-group__inner-container>h2 { padding-bottom: 10px; } body .side_bar .widget-title::before, body .side_bar .wp-block-group__inner-container>h2::before { position: absolute; content: ""; width: 60px; height: 3px; background: var(--color-set-one-1); left: 0; bottom: 0; } body .widget_rss .widget-title a { display: inline-block; margin: unset; } body .widget_rss ul li { padding: 0px 0px 20px 0px !important; } body .widget_rss ul li .rsswidget { font-size: 18px; line-height: 26px; margin-bottom: 3px; padding-left: 0px; font-weight: 600; color: var(--heading-color-one); display: block; } body .widget_rss ul li .rss-date { font-size: 14px; text-decoration: underline; margin-bottom: 7px; display: block; line-height: 24px; } body .widget_rss ul li cite { display: block; padding: 5px 0px 0px; font-size: 17px; color: var(--heading-color-one); font-weight: 600; } body .widget_search .search-form { position: relative; } body .widget_search .search-form .search-submit { position: absolute; font-size: 15px; width: unset; top: 0; right: 0; padding: 0px 15px; } body .widget_recent_comments li, body .widget_rss li, body .wp-block-latest-comments li, body .wp-block-archives li { list-style: none; } body .widget_recent_comments li a, body .widget_rss li a, body .wp-block-latest-comments li a, body .wp-block-archives li a { padding-left: 0px; } body .widget_recent_comments li a::before, body .widget_rss li a::before, body .wp-block-latest-comments li a::before, body .wp-block-archives li a::before { display: none; } body .widget_recent_comments li a { font-weight: 500; color: var(--heading-color-one); } body .tagcloud, body .wp-block-tag-cloud { position: relative; } body .tagcloud a.tag-cloud-link, body .wp-block-tag-cloud a.tag-cloud-link { font-size: 14px !important; margin: 0px 1px 5px 0px; line-height: 20px; padding: 4px 15px; display: inline-block; border-radius: 5px; border: 1px solid var(--color-set-one-bor-3); color: var(--content-color-one); font-weight: 500; 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; } body .tagcloud a.tag-cloud-link:hover, body .wp-block-tag-cloud a.tag-cloud-link:hover { color: var(--color-white); background: var(--color-set-one-1); border-color: var(--color-set-one-1); } body .wp-block-latest-comments .wp-block-latest-comments__comment a { font-weight: 500; color: var(--heading-color-one); } body .wp-block-latest-posts__list li, body .wp-block-rss li { list-style: none; } body .wp-block-latest-posts__list li a, body .wp-block-rss li a { font-weight: 500; color: var(--heading-color-one); } .avout_us_widgets { position: relative; overflow: hidden; } .avout_us_widgets .bg_images { position: absolute; z-index: 1; top: 0; right: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .avout_us_widgets .widget_content { position: relative; z-index: 2; min-height: 375px; padding: 60px 40px 40px; display: flex; } .avout_us_widgets .widget_content .cont { position: relative; z-index: 4; } .avout_us_widgets .widget_content .cont .title_no_a_26 { color: var(--color-white); margin-bottom: 20px; } .avout_us_widgets .widget_content .cont .theme_btn { padding: 10px 10px 10px 16px; } .avout_us_widgets .widget_content .cont .theme_btn:hover { background: var(--color-white); color: var(--color-set-one-1); } .avout_us_widgets .widget_content .cont .theme_btn:hover svg path { stroke: var(--color-set-one-1); } .avout_us_widgets .widget_content img { position: absolute; bottom: 0; z-index: 3; right: 0; } /*---======================================== ================media queries================ ========================================---*/ @media (min-width: 1200px) { .right-sidebar .site-main { padding-right: 20px; } .left-sidebar .site-main { padding-left: 20px; } } @media (max-width: 1024px) { .slider.style_five .tab_postion_absolute { display: none; } .slider.style_five .slick-prev, .slider.style_five .slick-next { top: unset !important; width: 50px; height: 50px; line-height: 50px; right: 0; left: 0; margin: auto; bottom: 30px; } .slider.style_five .slick-prev { left: -60px; } .slider.style_five .slick-next { right: -60px; } .slider.style_five .slider_content h6 { font-size: 18px; line-height: 26px; } .slider.style_five .slider_content h1 { font-size: 45px; line-height: 55px; } } .rd_more { position: relative; display: block; font-size: 16px; font-weight: 600; color: var(--heading-color-one); line-height: 17px; 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; } .rd_more i { margin-left: 5px; font-size: 23px; display: inline-block; position: relative; top: 6px; 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; } .rd_more:hover { color: var(--color-set-one-1) !important; } .rd_more:hover i { color: var(--color-set-one-1); } .theme_btn { position: relative; border-radius: 12px; display: inline-block; min-width: 160px; line-height: 26px; font-size: 16px; padding: 8px 20px; background: #ff6600; color: var(--color-white); font-weight: 600; text-align: center; /* border: 1px solid var(--color-set-one-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; cursor: pointer; } .theme_btn svg { position: relative; width: 20px; display: inline-block; margin-left: 5px; } .theme_btn i { position: relative; margin-left: 5px; font-size: 18px; top: 7px; 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; display: inline-block; } .theme_btn:hover { background: var(--color-set-one-2); color: var(--color-white); border-color: var(--color-set-one-2); } .theme_btn.color_white { background: var(--color-white); color: var(--heading-color-one) !important; border: 1px solid var(--color-white); } .theme_btn.color_white_two { background: transparent; color: var(--color-white) !important; border: 1px solid var(--color-white); } .theme_btn.big { padding: 7px 9px 14px 9px !important; } .theme_btn.big2 { padding: 14px 34px 14px 34px !important; } .theme_btn.icon_center i { top: 0; height: 18px; line-height: 18px; bottom: 0; margin-top: auto; margin-bottom: auto; } .theme_btn.rotate i { top: 6px !important; right: 4px !important; font-size: 24px !important; transform: rotate(45deg) !important; } .theme_btn.color_two { background: #ff6600; color: var(--color-white) !important; border: 1px solid #ff6600; } .theme_btn.color_two:hover { background: #08254B; color: var(--color-white) !important; border: 1px solid #08254B; } .theme_btn:hover{ background: #08254B; color: var(--color-white) !important; border: 1px solid #08254B; } .theme_alter-bg{ /* background-color: #ffd1a3; */ background-color: #08254b; } .theme_btn.color_three { background: var(--color-set-two-three-6); color: var(--color-white) !important; border: 1px solid var(--color-set-two-three-6); } .theme_btn.color_four { background: var(--color-set-four-4); color: var(--color-white) !important; border: 1px solid var(--color-set-four-4); } .theme_btn.color_four:hover { background-image: linear-gradient(180deg, var(--color-set-four-2) 0%, var(--color-set-four-1) 100%); border-color: transparent; } .theme_btn.color_five { background: var(--color-set-four-3); color: var(--color-white) !important; border: 1px solid var(--color-set-four-3); } @media (max-width: 530px) { .theme_btn { min-width: unset; padding: 10px 22px; font-size: 14px; line-height: 20px; } } .blog_style { position: relative; margin-bottom: 30px; } .blog_style.one { display: flex; background: var(--color-white); box-shadow: var(--box-shadow-two); align-items: center; } .blog_style.one .image_box { position: relative; width: 42%; min-width: 42%; overflow: hidden; } .blog_style.one .image_box img { width: 100%; height: 320px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .blog_style.one .image_box .blog_video { position: absolute; top: 20px; background: var(--color-set-one-1); text-align: center; width: 40px; height: 40px; line-height: 40px; font-size: 18px; color: var(--color-white); left: 20px; } .blog_style.one .image_box.excerpt_enabled img { height: 370px; } .blog_style.one .content_box { position: relative; width: 58%; padding: 40px 40px 30px; min-width: 58%; } .blog_style.one .content_box .tit_ho.title_28 { margin-bottom: 14px; } .blog_style.one .content_box .authour { position: relative; margin-bottom: 20px; } .blog_style.one .content_box .authour img { width: 32px; height: 32px; border-radius: 50px; margin-right: 10px; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .blog_style.one .content_box .top { position: relative; margin-bottom: 22px; flex-wrap: wrap; } .blog_style.one .content_box .top .cat_gry { display: block; padding: 5px 15px; border-radius: 7px; background: var(--color-set-one-1); color: var(--color-white); margin-right: 20px; font-size: 17px; line-height: 20px; } .blog_style.one .content_box .top .date_tm i { position: relative; display: inline-block; margin-right: 3px; top: 2px; color: var(--color-set-one-2); font-size: 16px; line-height: 16px; } .blog_style.one .content_box .top .date_tm time { font-size: 17px; color: var(--content-color-one); line-height: 18px; font-weight: 400; } .blog_style.one .content_box .post-exerpt { margin-bottom: 20px; } .blog_style.one .content_box .bottom { justify-content: space-between; flex-wrap: wrap; } .blog_style.one .content_box .bottom .rd_more { color: var(--content-color-one); padding-right: 15px; padding-top: 0px; padding-bottom: 5px; } .blog_style.one .content_box .bottom .comments { font-size: unset !important; padding-top: 5px; padding-bottom: 5px; display: block; position: relative; top: 1px; } .blog_style.one .content_box .bottom .comments i { display: inline-block; margin-right: 5px; color: var(--color-set-one-2); font-size: 18px; line-height: 18px; } .blog_style.one .content_box .bottom .comments a, .blog_style.one .content_box .bottom .comments .span { font-size: 17px; color: var(--content-color-one); line-height: 18px; font-weight: 400; } .blog_style.one .content_box .bottom .comments span.Comments.are.Closed { text-decoration: line-through; } .blog_style.one.no_images .content_box { width: 100%; min-width: 100%; } @supports (-webkit-line-clamp: 2) { .blog_style.one .content_box .title_28 a { overflow: hidden; text-overflow: ellipsis; white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } } .blog_single_content { position: relative; margin-bottom: 30px; background: var(--color-white); box-shadow: var(--box-shadow-two); } .blog_single_content .single_content_upper { padding: 40px 40px 15px; } .blog_single_content .single-thumbnail { position: relative; height: 400px; } .blog_single_content .single-thumbnail img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .blog_single_content .tags_and_cat { position: relative; border-top: 1px solid var(--border-color); margin-bottom: 22px; } .blog_single_content .tags_and_cat .d-flex { justify-content: space-between; align-items: flex-start; flex-direction: row; align-items: center; flex-wrap: wrap; } .blog_single_content .tags_and_cat .d-flex .d-flex { position: relative; display: flex; align-items: center; flex-wrap: wrap; justify-content: unset; margin-bottom: 15px; margin-top: 15px; gap: 10px; } .blog_single_content .tags_and_cat .d-flex .d-flex .title { font-size: 17px; line-height: normal; font-weight: 600; text-transform: capitalize; color: var(--heading-color-one); font-family: var(--font-family-main); margin-bottom: 8px !important; margin-top: 8px !important; padding-right: 8px; } .blog_single_content .tags_and_cat .d-flex .d-flex .tags, .blog_single_content .tags_and_cat .d-flex .d-flex .cats { display: inline-block; padding: 6px 16px; border-radius: 7px; font-weight: 500; background: var(--color-white); color: var(--heading-color-one); border: 1px solid var(--color-set-one-bor-3); font-size: 15px; line-height: 20px; } .blog_single_content .tags_and_cat .d-flex .d-flex .tags:hover, .blog_single_content .tags_and_cat .d-flex .d-flex .cats:hover { background: var(--color-set-one-1); border-color: var(--color-set-one-1); color: var(--color-white); } .blog_single_content .tags_and_cat .d-flex .d-flex .cats { background: var(--color-set-one-1); border-color: var(--color-set-one-1); color: var(--color-white); } .blog_single_content .tags_and_cat .d-flex .d-flex .cats:hover { background: var(--color-set-one-2); border-color: var(--color-set-one-2); color: var(--color-white); } .blog_single_content .tags_and_cat .d-flex .tags_content.left_one { padding-right: 20px; } .blog_single_content .same_authour { position: relative; padding: 40px 0px; border-top: 1px solid var(--color-set-one-bor-3); border-bottom: 1px solid var(--color-set-one-bor-3); display: flex; align-items: center; } .blog_single_content .same_authour .image { position: relative; width: 120px; min-width: 120px; height: 120px; overflow: hidden; border-radius: 50%; } .blog_single_content .same_authour .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .blog_single_content .same_authour .content { position: relative; padding-left: 20px; } .blog_single_content .same_authour .content .title_no_a_22 { margin-bottom: 10px; } .blog_single_content .same_authour .content p { margin-bottom: 20px; } .blog_single_content .same_authour .content a { display: block; } .blog_single_content .same_authour .content .authour-share { text-align: left; } .blog_single_content .same_authour .content .authour-share ul { padding-left: 40px; } .blog_single_content .same_authour .content .authour-share li:first-child { padding-left: 0px; } .blog_single_content .same_authour .content .authour-share li button { border: 0px; background: unset; padding: 0px; width: unset; font-size: 20px; color: var(--content-color-one); } .blog_single_content .same_authour .content .authour-share li button:hover { color: var(--color-set-one-1); } .previouse_next_post { position: relative; display: flex; padding: 30px 0px 34px; } .previouse_next_post .nav_post { position: relative; min-width: 50%; width: 50%; } .previouse_next_post .nav_post h2 { margin-bottom: 10px; text-decoration: underline; text-decoration-color: var(--color-white); font-size: 18px; line-height: 26px; margin-bottom: 8px; } .previouse_next_post .nav_post .linked_prev_next { display: flex; align-items: center; padding-right: 15px; } .previouse_next_post .nav_post .image { width: 80px; height: 80px; border-radius: 50%; overflow: hidden; margin-right: 15px; min-width: 80px; } .previouse_next_post .nav_post .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .previouse_next_post .nav_post .text { position: relative; } .previouse_next_post .nav_post .text .down_content { position: relative; height: 22px; min-width: 225px; overflow: hidden; } .previouse_next_post .nav_post .text .down_content span { font-size: 15px; line-height: 15px; color: var(--content-color-one); font-weight: 400; } .previouse_next_post .nav_post .text .down_content span i { font-size: 16px; position: relative; top: 2px; } .previouse_next_post .nav_post .text .down_content span, .previouse_next_post .nav_post .text .down_content small { position: absolute; display: block; top: 0; bottom: 0; margin: auto; left: 0; line-height: 24px; 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; } .previouse_next_post .nav_post .text .down_content small { font-weight: 700; font-size: 15px; color: var(--heading-color-one); line-height: 18px; transform: translateY(40px); } .previouse_next_post .nav_post .text .down_content small i { margin-right: 7px; display: inline-block; } .previouse_next_post .nav_post.next_post .linked_prev_next { justify-content: flex-end; text-align: right; padding-left: 15px; padding-right: 0px; } .previouse_next_post .nav_post.next_post .image { margin-left: 15px; margin-right: unset; } .previouse_next_post .nav_post.next_post .text .down_content span, .previouse_next_post .nav_post.next_post .text .down_content small { left: unset; right: 0; } .previouse_next_post .nav_post.next_post .text .down_content small i { margin-right: 0px; margin-left: 7px; } .previouse_next_post .nav_post:hover .text h2 { text-decoration-color: var(--color-set-one-2); } .previouse_next_post .nav_post:hover .text .down_content span { transform: translateY(-40px); } .previouse_next_post .nav_post:hover .text .down_content small { transform: translateY(0px); } .previouse_next_post.only_prev { justify-content: flex-start; align-items: flex-start; } .previouse_next_post.only_prev.only_next { justify-content: flex-end; align-items: flex-end; } .social-icons { position: relative; text-align: left; } .social-icons ul { margin: 0px; padding: 0px; } .social-icons ul li { display: inline-block; margin: 0px; padding: 0px 5px; } .social-icons ul li .m_icon { border: 0px; background: var(--color-set-one-3); width: 40px; height: 40px; color: var(--color-white); font-size: 17px; text-align: center; line-height: 40px; display: block; 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; } .social-icons ul li .m_icon:hover { background: var(--color-set-one-2); color: var(--color-white); } .social-icons ul li:last-child { padding-right: 0px; } .social-icons ul li:first-child { padding-left: 0px; } .social-icons.single-share { margin-bottom: 30px; margin-top: 15px; display: flex; align-items: center; } .social-icons.single-share h6 { margin: 0px 20px 0px 0px; } .comment_box.comments-area { position: relative; padding-top: 30px; border-top: 1px solid var(--color-set-one-bg-2); } .comment-form h3 { margin-bottom: 20px; } .comment-form .comment-form { padding-top: 0px; margin-bottom: 0px; } .comment-form .comment-form label { margin-bottom: 10px; display: block; } .sec_comments { position: relative; } .sec_comments .comment-reply-title { font-size: 28px; line-height: 36px; } .sec_comments .comment-respond { padding-top: 30px; border-top: 1px solid var(--color-set-one-bor-3); margin-bottom: 45px; } .sec_comments .comment-respond form .comment-form-author, .sec_comments .comment-respond form .comment-form-email { width: 50%; float: left; } .sec_comments .comment-respond form .custom-checkbox label { display: inline-block; margin-left: 5px; } @media (min-width: 992px) { .comment-form-email { padding-left: 15px; } .comment-form-author { padding-right: 15px; } } .comment_box .title_commnt h3 a { font-size: 28px; line-height: 36px; font-family: var(--font-heading); color: var(--color-heading); } .comment_box li .font-heading { font-size: 18px; line-height: 26px; font-weight: 700; display: block; color: var(--heading-color-one); } .comment_box .comment-list { padding-left: 0px; } .comment_box .comment-list li { list-style: none; } .comment_box .comment-list .comment { margin-bottom: 25px; } .comment_box .comment-list .comment-list { padding-bottom: 0px; } .comment_box .comment-list .comment-list .comment-list { padding-bottom: 0px; } .comment_box .comment-list .children li { padding-top: 25px; margin: 0px; } .comment_box .comment-list .children .odd { padding-left: 20px; } .comment_box .comment-list .comment-respond { padding: 40px 0px 0px; } .single-comment .user { min-width: 100%; } .single-comment .user .thumb { max-width: 80px; min-width: 80px; width: 80px; margin-right: 0px; position: absolute; } .single-comment .user .thumb img { width: 60px; height: 60px; -o-object-fit: cover; object-fit: cover; border-radius: 60px; } .single-comment .user .comment-text { padding-left: 80px; } .single-comment .user .comment-text ul li, .single-comment .user .comment-text ol li { list-style: decimal; } .single-comment .user .comment-text .desc ul { padding-left: 0px; } .single-comment .user .comment-text .desc ul li { list-style: none; margin-top: 0px !important; margin-bottom: 0px !important; } .single-comment .user .comment-text .desc ul li:last-child { float: right; } .single-comment .user .comment-text .desc ul li.datesss { font-size: 16px; } .single-comment .user .comment-text .desc ul li.datesss i { font-size: 16px; top: 2px; position: relative; margin-right: 5px; color: var(--color-set-one-1); } .single-comment .user .comment-text .desc ul li:first-child { max-width: 65%; } .single-comment .user .comment-text .inner_text_ul { margin-bottom: 10px; } .single-comment .user .comment-text .inner_text_ul li { margin: 0px !important; padding: 0px !important; } .single-comment .user .comment-text a.font-heading { font-size: 18px; line-height: 26px; } .single-comment .user .comment-text .reply { opacity: 1; } .single-comment .user .comment-text .reply a { display: inline-block; margin-right: 10px; font-size: 15px; color: var(--heading-color-one); } .trackback, .pingback { margin-bottom: 25px; } .trackback .single-comment .comment-text, .pingback .single-comment .comment-text { padding-left: 0px; } .children .comment-respond { padding: 20px 0px 0px; } .children .comment-respond .comment-reply-title small { padding-left: 10px; } .children .comment-respond .comment-reply-title small a { color: var(--color-set-one-1); } .children .comment-respond .comment-reply-title small a:hover { color: var(--color-set-one-2); } .post_single_content { position: relative; padding-bottom: 10px; } /*---======================================== ================media queries================ ========================================---*/ @media (max-width: 768px) { .blog_style.one { display: block; } .blog_style.one .image_box { width: 100%; } .blog_style.one .content_box { width: 100%; padding: 20px; } .social-icons.authour-share { display: block !important; } .social-icons.authour-share ul { margin-top: 15px; padding-left: 0px !important; } .previouse_next_post { display: block; padding: 25px 0px; } .previouse_next_post .nav_post { min-width: 100%; width: 100%; } .previouse_next_post .nav_post .linked_prev_next { padding: 0px; } .previouse_next_post .nav_post.next_post .linked_prev_next { justify-content: flex-start; text-align: left; padding: 0px; } .previouse_next_post .nav_post.next_post .text .down_content small, .previouse_next_post .nav_post.next_post .text .down_content span { right: unset; left: 0; } .previouse_next_post .prev_post { margin-bottom: 30px; } } @media (max-width: 500px) { .blog_style.one .content_box .bottom .comments { position: relative; top: 2px; } .blog_box.type_two .content .bottn_flex .comments { display: none; } .blog_box.type_two.type_three .content .bottm_contet .rd_more { display: none; } .blog_style.one .content_box .top .cat_gry { margin: 2px 20px 5px 0px; } .blog_style.one .content_box .top .date_tm { margin: 6px 0px; } .blog_single_content .single_content_upper { padding: 20px; } .blog_single_content .tags_and_cat .d-flex { display: block !important; } .blog_single_content .tags_and_cat .d-flex .d-flex .title { font-size: 16px; } .blog_single_content .tags_and_cat .d-flex .d-flex .tags, .blog_single_content .tags_and_cat .d-flex .d-flex .cats { padding: 5px 15px; font-size: 13px; } .blog_single_content .same_authour { display: block; } .blog_single_content .same_authour .content { padding: 20px 0px 0px 0px; } .social-icons.single-share { display: block; } .social-icons.single-share h6 { margin: 0px 0px 10px; } .social-icons.single-share li { margin: 0px; padding: 0px; } .previouse_next_post .nav_post h2 { font-size: 18px; line-height: 26px; } .previouse_next_post .nav_post .text .down_content small, .previouse_next_post .nav_post .text .down_content span { font-size: 14px; } } .pagination-area, .pagination_blog { position: relative; padding-top: 15px; } body .pagination, .page-numbers { position: relative; padding: 0px 0px 0px 0px; } body .pagination li, .page-numbers li { display: inline-block; } body .pagination li a.page-link, body .pagination li .page-numbers, .page-numbers li a.page-link, .page-numbers li .page-numbers { width: 35px; display: block; height: 40px; font-size: 18px; line-height: 40px; font-weight: 700; background-color: transparent !important; color: var(--heading-color-one); text-decoration: underline; text-decoration-color: var(--color-white); border: unset; text-align: center; padding: 0px; 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; } body .pagination li a.page-link:hover, body .pagination li a.page-link:focus, body .pagination li .page-numbers:hover, body .pagination li .page-numbers:focus, .page-numbers li a.page-link:hover, .page-numbers li a.page-link:focus, .page-numbers li .page-numbers:hover, .page-numbers li .page-numbers:focus { box-shadow: unset !important; transform: translateY(-5px); color: var(--color-set-one-1) !important; text-decoration-color: var(--color-set-one-1); border: 0px; } body .pagination li.active a, .page-numbers li.active a { transform: translateY(0px); color: var(--color-set-one-1) !important; text-decoration-color: var(--color-set-one-1) !important; border: 0px; } body .pagination li span.current, .page-numbers li span.current { transform: translateY(0px); color: var(--color-set-one-1) !important; text-decoration-color: var(--color-set-one-1) !important; border: 0px; } body .pagination li.next_link a, body .pagination li.prev_link a, body .pagination li a.next, body .pagination li a.prev, .page-numbers li.next_link a, .page-numbers li.prev_link a, .page-numbers li a.next, .page-numbers li a.prev { width: 40px; display: block; height: 40px; background: var(--color-white); border: 1px solid var(--color-set-one-bor-3) !important; border-radius: 45px; padding: 0px; text-align: center; color: var(--content-color-one); line-height: 40px; font-size: 18px; font-weight: 600; } body .pagination li.next_link a:hover, body .pagination li.prev_link a:hover, body .pagination li a.next:hover, body .pagination li a.prev:hover, .page-numbers li.next_link a:hover, .page-numbers li.prev_link a:hover, .page-numbers li a.next:hover, .page-numbers li a.prev:hover { color: var(--color-white) !important; background: var(--color-set-one-1) !important; border-color: var(--color-set-one-1) !important; } .post-nav-links, .page-links { font-weight: 500; color: var(--heading-color-one); } .post-nav-links a, .post-nav-links span, .page-links a, .page-links span { width: 40px; display: inline-block; height: 40px; background: var(--color-white); border: 1px solid var(--color-set-one-bor-3); border-radius: 45px; padding: 0px; text-align: center; color: var(--content-color-one); line-height: 40px; font-size: 18px; font-weight: 600; } .post-nav-links a:hover, .post-nav-links a.current, .post-nav-links span:hover, .post-nav-links span.current, .page-links a:hover, .page-links a.current, .page-links span:hover, .page-links span.current { color: var(--color-white); background: var(--color-set-one-1); border-color: var(--color-set-one-1); } .product_top_header { margin-bottom: 50px; } .products { position: relative; } .woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li, .woocommerce nav.woocommerce-pagination ul { border: unset !important; } .woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li { overflow: unset !important; } .woocommerce table.shop_table, #add_payment_method .cart-collaterals .cart_totals table, .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce-checkout .cart-collaterals .cart_totals table { border-collapse: collapse; } .woocommerce table.shop_table { text-align: left; } .woocommerce .quantity .qty { margin: auto; } #coupon_code { width: 150px !important; } .widget_products li { list-style: none; } .editor-styles-wrapper .wc-block-components-checkbox, .wc-block-components-checkbox { margin-top: 0px; } .wc-block-components-price-slider--is-input-inline .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount { width: 100px !important; text-align: center; height: 40px !important; font-weight: 600 !important; color: var(--heading-color-one) !important; } .wc-block-components-price-slider__range-input-wrapper:before { background: var(--color-set-one-bor-2); opacity: 1; } .wc-block-components-price-slider__range-input-progress { --track-background: linear-gradient(90deg, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 100%/100% 100%; --range-color: var(--color-set-one-1); } input[type=range i]::-webkit-slider-thumb { -webkit-appearance: none; cursor: ew-resize; border-color: var(--color-set-one-1) !important; } input[type=range i]:hover::-webkit-slider-thumb, input[type=range i]:focus::-webkit-slider-thumb { border-color: var(--color-set-one-2) !important; background: var(--color-set-one-2) !important; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background-color: var(--color-set-one-1); color: var(--color-white); border-radius: 6px; font-weight: 600; font-size: 16px; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background-color: var(--color-set-one-2); color: var(--color-white); } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: var(--color-set-one-2); } .woocommerce-checkout-payment .woocommerce-privacy-policy-text p { color: var(--color-white); } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { background: var(--color-set-one-1); border-bottom: 1px solid var(--color-set-one-1); } #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li { list-style: none; cursor: pointer; } #add_payment_method #payment ul.payment_methods li label, .woocommerce-cart #payment ul.payment_methods li label, .woocommerce-checkout #payment ul.payment_methods li label { display: inline-block; margin: 0px; color: var(--color-white); } #add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input { display: inline-block; margin: -5px 10px 0 0; border-color: var(--color-white); } #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(--color-white); } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background: var(--color-white); } .cart_totals h2 { font-size: 28px; line-height: 36px; } .woocommerce-grouped-product-list { position: relative; border-collapse: collapse !important; } .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__label a { font-size: 18px; color: var(--heading-color-one); line-height: 26px; font-weight: 700; font-family: var(--font-family-main); } .woocommerce-grouped-product-list tbody, .woocommerce-grouped-product-list td, .woocommerce-grouped-product-list tfoot, .woocommerce-grouped-product-list th, .woocommerce-grouped-product-list thead, .woocommerce-grouped-product-list tr { border: 1px solid var(--color-set-one-bor-3) !important; padding: 10px !important; } .woocommerce-error, .woocommerce-info, .woocommerce-message { background: var(--color-set-one-3); border-top-color: var(--color-set-one-2); color: var(--color-white); padding: 1em 2em 1em 3.5em !important; } .woocommerce-error li, .woocommerce-info li, .woocommerce-message li { position: relative; color: var(--color-white); } .woocommerce-error strong, .woocommerce-info strong, .woocommerce-message strong { color: var(--color-white); } .woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button { background-color: var(--color-white) !important; color: var(--heading-color-one) !important; } .woocommerce-error .button:hover, .woocommerce-info .button:hover, .woocommerce-message .button:hover { background-color: var(--color-set-one-2) !important; color: var(--color-white) !important; } .woocommerce-error a, .woocommerce-info a, .woocommerce-message a { color: var(--color-white); font-weight: 600; font-family: var(--font-family-main); } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before { color: var(--color-white); } .wc-block-components-filter-reset-button { position: absolute; font-size: 14px; padding: 5px 12px; border-radius: 6px; background: red; color: var(--color-white); bottom: 0; z-index: 1; right: 0; } .wc-block-components-filter-reset-button:hover { color: var(--color-white); background: vaR(--color-set-one-2); } .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] { height: 15px !important; border-radius: 15px !important; } .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] { margin-right: 7px; margin-top: -1px; } .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:after { border: 10px solid var(--color-white) !important; top: 0 !important; } .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked:after { border: 10px solid var(--color-set-one-1) !important; top: 0 !important; } .wc-block-components-checkbox__input:focus, .wc-block-components-checkbox__input:active, .wc-block-components-checkbox__input:checked { outline: 2px solid var(--color-set-one-1) !important; } .wc-block-components-checkbox .wc-block-components-checkbox__mark { fill: var(--color-white) !important; margin-top: 2px !important; } .product-name a { text-align: left; font-size: 18px; line-height: 26px; display: block; display: block; color: var(--heading-color-one); } .woocommerce a.remove { background-color: var(--color-set-one-bor-2); color: var(--heading-color-one) !important; } .woocommerce a.remove:hover { background-color: var(--color-set-one-1); color: var(--color-white); } .sidebar-widget .wc-block-grid__products { display: block !important; } .sidebar-widget .wc-block-grid__products .wc-block-grid__product { text-align: left; max-width: 100% !important; padding: 0px !important; flex: unset !important; list-style: none; border: 0px !important; margin-bottom: 15px !important; padding-bottom: 15px !important; border-bottom: 1px solid var(--color-set-one-bor-2); text-align: left; } .sidebar-widget .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-link:after { content: ""; clear: both; display: table; } .sidebar-widget .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-link .wc-block-grid__product-image { float: left; width: 82px; padding-right: 16px; } .sidebar-widget .wc-block-grid__products .wc-block-grid__product:last-child { margin-bottom: 0px !important; padding-bottom: 0px !important; border-bottom: 0 !important; } .sidebar-widget .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title { font-size: 18px; line-height: 26px; font-weight: 700; font-family: var(--font-family-main); color: var(--heading-color-one); } .sidebar-widget .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale { border-radius: 6px !important; margin: 0 !important; margin-bottom: 10px !important; position: relative !important; font-size: 12px !important; background: var(--color-set-one-6) !important; color: var(--color-white) !important; width: 78px; border: 1px solid var(--color-set-one-6); height: unset !important; display: block; padding: 1px 10px 0px !important; line-height: unset !important; min-height: unset !important; font-weight: 500 !important; } .sidebar-widget .wc-block-grid__products .wc-block-grid__product .price span, .sidebar-widget .wc-block-grid__products .wc-block-grid__product .price ins, .sidebar-widget .wc-block-grid__products .wc-block-grid__product .price del { color: var(--color-set-one-1); font-size: 18px; font-weight: 600; } .sidebar-widget .wc-block-grid__products .wc-block-grid__product .price del { color: var(--content-color-one); font-size: 15px !important; font-weight: 400; margin-right: 5px; } .sidebar-widget .wc-block-grid__products .wc-block-grid__product .price del .woocommerce-Price-amount, .sidebar-widget .wc-block-grid__products .wc-block-grid__product .price del .woocommerce-Price-currencySymbol { color: var(--content-color-one); font-size: 15px !important; font-weight: 400; } .sidebar-widget .wc-block-grid__products .wc-block-grid__product .wp-block-button { position: relative; } .sidebar-widget .wc-block-grid__products .wc-block-grid__product .wp-block-button .added_to_cart { position: absolute; text-align: center !important; font-family: var(--font-family-main); margin: auto; border-radius: 6px; width: 100px; background: var(--color-white); border: 1px solid var(--color-set-one-bor-3); color: var(--heading-color-one); bottom: 0; right: 0; font-weight: 600; line-height: 31px !important; padding: 5px 20px !important; font-size: 14px; height: 40px !important; } .sidebar-widget .wc-block-grid__products .wc-block-grid__product .wp-block-button .added_to_cart:hover { background: var(--color-set-one-1) !important; border-color: var(--color-set-one-1) !important; color: var(--color-white) !important; } .sidebar-widget .wc-block-grid__products .wc-block-grid__product .wp-block-button__link { font-size: 15px; background: var(--color-white); border: 1px solid var(--color-set-one-bor-3); color: var(--heading-color-one); border-radius: 6px; font-weight: 600; text-align: center !important; padding: 5px 20px !important; display: inline-block; } .sidebar-widget .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover { background: var(--color-set-one-1) !important; border-color: var(--color-set-one-1) !important; color: var(--color-white) !important; } .sidebar-widget .wc-block-grid__products a { padding-left: 0 !important; } .sidebar-widget .wc-block-grid__products a::before { display: none; } .vankine_product_archive .woocommerce-result-count { margin: 0px !important; padding: 10px 0px; } .vankine_product_archive .select2 { margin-top: 0px !important; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { padding: 0px 0px 15px !important; } .woocommerce ul.cart_list li:last-child, .woocommerce ul.product_list_widget li:last-child { padding-bottom: 0px !important; } .woocommerce .sidebar-widget .product_list_widget li a, .woocommerce .sidebar-widget .cart_list li a { padding-left: 0px; } .woocommerce .sidebar-widget .product_list_widget li a::before, .woocommerce .sidebar-widget .cart_list li a::before { display: none; } .woocommerce .sidebar-widget .product_list_widget li img, .woocommerce .sidebar-widget .cart_list li img { width: 70px; height: 70px; margin-top: 0px; float: left; margin-left: 0px; margin-right: 10px; } .woocommerce .sidebar-widget .product_list_widget ins, .woocommerce .sidebar-widget .product_list_widget .woocommerce-Price-amount, .woocommerce .sidebar-widget .cart_list ins, .woocommerce .sidebar-widget .cart_list .woocommerce-Price-amount { color: var(--color-set-one-1); font-weight: 600; font-size: 16px; } .woocommerce .sidebar-widget .product_list_widget del span, .woocommerce .sidebar-widget .product_list_widget del bdi, .woocommerce .sidebar-widget .cart_list del span, .woocommerce .sidebar-widget .cart_list del bdi { font-size: 14px; font-weight: 400; color: var(--content-color-one); text-decoration-color: var(--content-color-one); } .woocommerce .sidebar-widget .product_list_widget .product-title, .woocommerce .sidebar-widget .cart_list .product-title { color: var(--heading-color-one); font-size: 18px; font-family: var(--font-family-main); font-weight: 700; margin-bottom: 3px; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce .van_product_card .button, .coupon .button, .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { position: relative; border-radius: 6px; display: inline-block; line-height: 24px; font-size: 15px !important; padding: 8px 15px; background-color: var(--color-set-one-1); color: var(--color-white); font-weight: 600; text-align: center; border: 1px solid var(--color-set-one-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; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce .van_product_card .button:hover, .coupon .button:hover, .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover { background-color: var(--color-set-one-2); color: var(--color-white); border-color: var(--color-set-one-2); } .van_product_card .price { display: block; color: var(--heading-color-one) !important; font-weight: 700; } .van_product_card .price del { color: var(--content-color-one); font-weight: 400; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--color-set-one-1) !important; } .woocommerce #respond input#submit.loading, .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading { padding: 8px 15px !important; } .woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after { position: absolute; left: 0; right: 0; text-align: center; width: 100%; margin-left: 0px; height: 100%; color: var(--color-white); z-index: 4; } .woocommerce #respond input#submit.added::before, .woocommerce a.button.added::before, .woocommerce button.button.added::before, .woocommerce input.button.added::before { width: 95%; height: 90%; left: 0; top: 0; margin: auto; bottom: 0; border-radius: 6px; right: 0; background: var(--color-set-one-2); opacity: 1; position: absolute; content: ""; } .van_product_card .woocommerce-loop-product__title { overflow: hidden; text-overflow: ellipsis; white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { font-family: var(--font-family-main); font-weight: 700; } .woocommerce-ordering { min-width: 200px; } .van_product_card { margin-bottom: 30px !important; } .van_product_card { position: relative; padding: 20px !important; background: var(--color-white); border: 1px solid var(--color-set-one-bor-2); text-align: center; margin-bottom: 20px !important; } .van_product_card .onsale { position: absolute !important; top: 0px !important; font-size: 12px !important; right: 0 !important; background: var(--color-set-one-6) !important; color: var(--color-white) !important; width: unset !important; border-radius: unset !important; height: unset !important; margin: 0 !important; left: unset !important; padding: 1px 10px 0px !important; line-height: unset !important; min-height: unset !important; font-weight: 500 !important; } .van_product_card .button { padding: 8px 18px !important; border: 1px solid var(--color-set-one-bor-3) !important; background: var(--color-white) !important; color: var(--heading-color-one) !important; } .van_product_card .button:hover { background: var(--color-set-one-1) !important; border-color: var(--color-set-one-1) !important; color: var(--color-white) !important; } .van_product_card .woocommerce-loop-product__title { font-size: 20px !important; line-height: 26px; padding: 0 !important; margin: 10px 0px !important; } .van_product_card .button { margin-top: 20px !important; display: inline-block; border-radius: 6px; } .van_product_card .added_to_cart { position: absolute; top: 0; left: 0; font-family: var(--font-family-main); margin: auto; border-radius: 6px; width: 100px; background: var(--color-set-one-1); bottom: 0; right: 0; line-height: 26px; padding: 5px 15px; font-size: 14px; color: var(--color-white); height: 40px; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0px 0 20px !important; margin: 0px !important; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { border-color: var(--color-set-one-bor-2); } .woocommerce div.product .woocommerce-tabs ul.tabs li { border: 0px; background: var(--color-set-one-2); color: var(--color-white); border-radius: 6px !important; margin: 0px !important; margin-right: 5px !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { color: var(--color-white); } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: unset; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li:hover { background: var(--color-set-one-1); } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li:hover a { color: var(--color-white); } .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs .comment-form-comment { padding-top: 15px; } .related.products { border-top: 1px solid var(--color-set-one-bor-2); padding-top: 25px; margin-top: 35px; } .related.products>h2 { font-size: 30px; line-height: 40px; } .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { padding: 5px 15px; } .woocommerce-Tabs-panel>h2, .woocommerce-Tabs-panel .woocommerce-Reviews-title { font-size: 30px; line-height: 40px; } .woocommerce div.product .woocommerce-tabs .panel { margin: 0px 0 0 0 !important; padding-top: 25px; } .vankine_product_single { position: relative; } .vankine_product_single .product_title { font-size: 36px; line-height: 42px; } .vankine_product_single div.product p.price, .vankine_product_single div.product span.price { font-size: 28px; font-weight: 700; line-height: 34px; font-family: var(--font-family-main); } .vankine_product_single .woocommerce-product-details__short-description { position: relative; padding-bottom: 15px; margin-bottom: 32px; border-bottom: 1px solid var(--color-set-one-bor-3); } .vankine_product_single .product { position: relative; } .vankine_product_single .product span.onsale { position: absolute !important; top: 0px !important; font-size: 12px !important; left: 0 !important; background: var(--color-set-one-6) !important; color: var(--color-white) !important; width: unset !important; border-radius: unset !important; height: unset !important; margin: 0 !important; left: unset !important; padding: 1px 10px 0px !important; line-height: unset !important; min-height: unset !important; font-weight: 500 !important; } .woocommerce div.product div.images .flex-control-thumbs { margin-top: 20px !important; display: flex; gap: 1rem; } .woocommerce div.product div.images .flex-control-thumbs li { width: 25%; float: unset !important; border: 1px solid var(--color-set-one-bor-3); padding: 10px; border-radius: 10px; } .product_meta>span { color: var(--heading-color-one); font-family: var(--font-family-main); font-weight: 700; } .product_meta>span a { color: var(--content-color-one); font-weight: 400; } .product_meta>span a:hover { color: var(--color-set-one-1); } .woocommerce div.product div.images { margin-bottom: 3rem; } .woocommerce-product-gallery .flex-viewport { border: 1px solid var(--color-set-one-bor-3); border-radius: 10px; } .woocommerce-product-gallery .flex-viewport figure img { padding: 20px; } .single-product .page_header_default { padding: 40px 0px 35px; } .woocommerce .woocommerce-breadcrumb { position: relative; text-transform: capitalize; color: var(--color-white); font-size: 17px; line-height: 26px; font-weight: 400; background: none; margin: 0 !important; font-family: var(--font-family-main); border-radius: 0; } .woocommerce .woocommerce-breadcrumb a { position: relative; text-align: center; display: inline-block; color: var(--color-white); padding-right: 25px; margin-right: 15px; } .woocommerce .woocommerce-breadcrumb a::before { content: "\f11e"; font-family: "uicons-regular-straight" !important; display: inline-block; font-size: 20px; height: 12px; line-height: 12px; right: -6px; position: absolute; top: 0; bottom: 0; margin: auto; } .woocommerce-account .woocommerce-MyAccount-navigation { float: unset; width: 100%; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid var(--color-set-one-bor-3); } .woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0px; padding: 0px; } .woocommerce-account .woocommerce-MyAccount-navigation ul li { display: inline-block; padding-right: 10px; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a { padding: 6px 18px; font-size: 15px; line-height: 25px; font-weight: 600; font-family: var(--font-family-main); border-radius: 6px; background: var(--color-set-one-bor-2); color: var(--heading-color-one); } .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { background: var(--color-set-one-1) !important; color: var(--color-white) !important; } .woocommerce-account .woocommerce-MyAccount-navigation ul li:hover a { background: var(--color-set-one-2) !important; color: var(--color-white) !important; } .woocommerce-account .woocommerce-MyAccount-content { float: unset; width: 100%; } .woocommerce-account .woocommerce-MyAccount-content fieldset { padding: 15px 0px !important; } .woocommerce-account .woocommerce-MyAccount-content fieldset legend { font-size: 18px; font-weight: 700; color: var(--heading-color-one); } .product_meta>span { display: block; margin-bottom: 10px; } .flex-control-nav li { padding: 10px; } .flex-direction-nav li { display: block; } .flexsliders img { margin: auto; } .shop_table .product-thumbnail img { width: 100px; height: auto; margin: auto; } .woocommerce-checkout-payment { margin-top: 20px; padding: 45px 20px 20px; background: var(--color-set-one-bg-1); } .quantity { position: relative; } .quantity .qty_button { position: absolute; top: 5px; right: 5px; background: transparent; color: var(--heading-color-one); font-size: 16px; border: 0px; height: 20px; line-height: 20px; } .quantity .qty_button.minus { bottom: 5px; top: unset; } .woocommerce-checkout-payment .accordion-box .accordion { position: relative; margin: 0px 0 20px; padding: 15px 25px 15px; background: var(--color-white); list-style: none; border: 1px solid var(--color-set-one-bor-4); cursor: pointer; } .woocommerce-checkout-payment .accordion-box .accordion h4 { font-size: 18px; } .woocommerce-checkout-payment .accordion-box .accordion .payment-info { margin-top: 10px; } .woocommerce-checkout-payment .accordion-box .accordion .icon-outer { position: absolute; top: 18px; right: 23px; opacity: 1 !important; color: var(--heading-color-one); font-size: 16px; } .woocommerce-checkout-payment .accordion-box input[type=text], .woocommerce-checkout-payment .accordion-box input[type=number], .woocommerce-checkout-payment .accordion-box input[type=search], .woocommerce-checkout-payment .accordion-box input[type=tel], .woocommerce-checkout-payment .accordion-box input[type=url], .woocommerce-checkout-payment .accordion-box input[type=password], .woocommerce-checkout-payment .accordion-box input[type=email], .woocommerce-checkout-payment .accordion-box textarea, .woocommerce-checkout-payment .accordion-box select, .woocommerce-checkout-payment .accordion-box .wp-block-search__input, .woocommerce-checkout-payment .accordion-box body .select2-selection--single, .woocommerce-checkout-payment .accordion-box div.wpforms-container .wpforms-form .choices__innerP { margin-bottom: 15px; } .woocommerce-checkout-payment .accordion-box h1 a, .woocommerce-checkout-payment .accordion-box h1, .woocommerce-checkout-payment .accordion-box h2 a, .woocommerce-checkout-payment .accordion-box h2, .woocommerce-checkout-payment .accordion-box h3 a, .woocommerce-checkout-payment .accordion-box h3, .woocommerce-checkout-payment .accordion-box h4 a, .woocommerce-checkout-payment .accordion-box h4, .woocommerce-checkout-payment .accordion-box h5 a, .woocommerce-checkout-payment .accordion-box h5, .woocommerce-checkout-payment .accordion-box h6 a, .woocommerce-checkout-payment .accordion-box h6 { margin-bottom: 0px; } .stock.in-stock { padding: 5px 15px; border-radius: 20px; margin-bottom: 15px; display: inline-block; border: 1px solid var(--color-set-one-bor-4); } .woocommerce-Reviews-title, .content_box>h2 { font-size: 34px; margin-bottom: 20px; } .comment-form-cookies-consent input { display: inline-block; } .comment-form-cookies-consent label { display: inline-block; } .woocommerce-tabs.wc-tabs-wrapper { padding: 30px; border: 1px solid var(--color-set-one-bor-3); border-radius: 5px; } .login_form_and_register { padding: 40px; border: 1px solid var(--color-set-one-bor-3); background: var(--color-set-one-bg-1); border-radius: 5px; position: relative; } .login_form_and_register .section_title { margin-bottom: 30px; } .login_form_and_register .nav-pills { padding-left: 0px !important; justify-content: center; } .login_form_and_register .nav-pills li { display: inline-block; } .login_form_and_register label span { position: relative; top: 2px; } .login_form_and_register button { width: 100%; } .footer.style_one { position: relative; background: var(--color-set-one-2); overflow: hidden; } .footer.style_one .patter_top { position: absolute; top: -20px; left: 0; width: auto; height: auto; z-index: 0; } .footer.style_one .patter_bottom { position: absolute; bottom: -270px; right: 0; width: auto; height: auto; z-index: 0; } .footer.style_one .mottom_content { padding: 10px 0px 10px; background: var(--color-set-one-7); } .footer.style_two { background: #ff6600; } .footer.style_two .mottom_content { padding: 10px 0px 10px; background: #1f1b1f; } /* .bold{ font-weight: bold; } */ .footer.style_two .newsteller_simple.button_style_one input[type=submit] { background: #08254b; } .footer.style_two .contact_header_one .icon_s, .footer.style_two .contact_header_two .icon_s { background: var(--color-set-one-6); border-color: var(--color-set-one-6); } .footer.style_three { background: var(--color-set-two-three-3); } .footer.style_three .newsteller_simple.button_style_one input[type=submit] { background: var(--color-set-two-three-1); } .footer.style_three .social-icons ul li .m_icon { background: var(--color-set-two-three-5); border-color: var(--color-set-two-three-5); } .footer.style_three .post_foo_box .foo_post_content .image_box:before { background: var(--color-set-two-three-1); } .footer.style_three .mottom_content { background: var(--color-set-two-three-5); } .footer.style_three .list_box li .icon i { color: var(--color-set-two-three-1); } .footer.style_three .mid_border { position: relative; } .footer.style_three .mid_border::before { position: absolute; content: ""; left: -65px; top: 0; width: 1px; height: 95%; background: var(--color-set-one-lig-2); } .footer.style_three .mid_border::after { position: absolute; content: ""; right: -10px; top: 0; width: 1px; height: 95%; background: var(--color-set-one-lig-2); } .footer.style_four { position: relative; background: var(--color-set-four-4); } .footer.style_four .mottom_content { background: var(--color-set-one-7); } .footer.style_four .call_to_action.style_one { background: transparent; } .footer.style_four .call_to_action.style_one .section_title { padding: 0px 20px 0px 0px; } .footer.style_four .call_to_action.style_one .section_title .sm_title { color: var(--color-set-four-1); } .footer.style_four .call_to_action.style_one .theme_btn_all .theme_btn { border: transparent; background-image: linear-gradient(81deg, var(--color-set-four-1) 0%, var(--color-set-four-2) 74%); } .footer.style_four .call_to_action.style_one .contact_header_one .icon_s { background: var(--color-set-four-3); } .footer.style_four .bottom_content { padding-top: 60px; border-top: 1px solid var(--color-set-one-lig-2); } .footer.style_four .pattern_1 { position: absolute; top: 11%; left: 5%; } .footer.style_four .pattern_2 { position: absolute; top: 0; right: 0; } .footer.style_four .pattern_3 { position: absolute; top: 200px; right: -5px; } .footer.style_five { overflow: unset; } .footer.style_five .mottom_content { background: var(--color-set-one-7); } .footer.style_six { background: var(--color-set-one-bg-1); position: relative; overflow: hidden; } .footer.style_six .pattern_bg { position: absolute; left: 0; top: -50%; } .footer.style_six .bottom_content { padding: 20px 0px; background: var(--color-set-one-2); } .fwidget_title { position: relative; } .fwidget_title .title { font-size: 22px; line-height: 30px; position: relative; font-weight: 700; color: var(--heading-color-one); margin: 0px; font-family: var(--font-family-main); } .g_box { flex-wrap: wrap; gap: 0.5rem; } .g_box a { display: block; width: 80px; height: 80px; min-width: 80px; min-height: 80px; overflow: hidden; border-radius: 5px; position: relative; } .g_box a:before { position: absolute; content: ""; background: var(--color-set-one-1); width: 100%; height: 100%; top: 0; left: 0; 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; } .g_box a svg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 35px; margin: auto; opacity: 0; z-index: 2; } .g_box a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .g_box a:hover:before { opacity: 0.6; } .g_box a:hover svg { opacity: 1; } .post_foo_box { position: relative; } .post_foo_box .foo_post_content { display: flex; gap: 1rem; margin-bottom: 18px; } .post_foo_box .foo_post_content .image_box { position: relative; width: 80px; min-width: 80px; height: 80px; overflow: hidden; display: block; border-radius: 6px; } .post_foo_box .foo_post_content .image_box img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .post_foo_box .foo_post_content .image_box:before { position: absolute; content: ""; background: var(--color-set-one-1); width: 100%; height: 100%; top: 0; left: 0; 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; } .post_foo_box .foo_post_content .image_box svg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 35px; margin: auto; opacity: 0; z-index: 2; } .post_foo_box .foo_post_content .content .title_18 a { margin-bottom: 5px; } @supports (-webkit-line-clamp: 2) { .post_foo_box .foo_post_content .content .title_18 a { overflow: hidden; text-overflow: ellipsis; white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } } .post_foo_box .foo_post_content .content p { font-size: 15px; margin: 0px; } .post_foo_box .foo_post_content .content .date_tm { font-size: 15px; } .post_foo_box .foo_post_content .content .date_tm i { position: relative; top: 2px; margin-right: 2px; display: inline-block; } .post_foo_box .foo_post_content .content .date_tm span { font-size: 16px; margin-right: 5px; } .post_foo_box .foo_post_content:hover .image_box:before { opacity: 0.6; } .post_foo_box .foo_post_content:hover .image_box svg { opacity: 1; } .post_foo_box .foo_post_content:last-child { margin-bottom: 0px; } .footer_contact_widget { position: relative; } .footer_contact_widget .d-flex svg { margin-right: 15px; position: relative; min-width: 25px; width: 25px; } .footer_contact_widget .d-flex h6 { margin-bottom: 10px; } .footer_contact_widget .d-flex p, .footer_contact_widget .d-flex a { color: var(--heading-color-one); font-size: 16px; } /*------back-to-top------------*/ .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(--color-set-four-1); 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(--color-set-one-1); } .prgoress_indicator:hover ::before { opacity: 1; } .prgoress_indicator svg path { fill: none; } .prgoress_indicator svg.progress-circle path { stroke:var(--color-set-four-1); stroke-width: 4; box-sizing: border-box; transition: all 200ms linear !important; } .prgoress_indicator.color_two svg.progress-circle path { stroke: var(--color-set-two-three-1); } .prgoress_indicator.color_two::after { color: var(--color-set-two-three-1); } .prgoress_indicator.color_three svg.progress-circle path { stroke: var(--color-set-two-three-6); } .prgoress_indicator.color_three::after { color: var(--color-set-two-three-6); } .prgoress_indicator.color_four svg.progress-circle path { stroke: var(--color-set-four-1); } .prgoress_indicator.color_four::after { color: var(--color-set-four-1); } /*# sourceMappingURL=theme.css.map */ @media (max-width: 1024px) { .funfacts-row>div { flex: 0 0 50%; max-width: 50%; } } @media (max-width: 425px) { .funfacts-row>div { flex: 0 0 100%; max-width: 100%; } } @media (max-width: 425px) { .process_box.type_four .icon svg { display: none; } }