/*===================================* 01. GENERAL STYLE*===================================*/ body { background: #ffffff none repeat scroll 0 0; color: #888888; font-family: 'Roboto', sans-serif; font-size: 16px; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6 { color: #292b2c; font-family: 'Rubik', sans-serif; } p { color: #888888; } a { color: #292b2c; text-decoration: none; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } a:hover { color: #FFBC09; text-decoration: none; } a:focus { outline: none; text-decoration: none; } button { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } img { max-width: 100%; } ul, li, ol { margin: 0; padding: 0; } fieldset { border: 0 none; margin: 0 auto; padding: 0; } input:focus, textarea:focus { outline: none; box-shadow: none !important; } section { padding: 54px 0; position: relative; width: 100%; } section.small_pt, .top_footer.small_pt { padding-top: 50px; } section.small_pb, .top_footer.small_pb { padding-bottom: 50px; } .small_padding { padding: 30px; } .medium_padding { padding: 50px; } .large_padding { padding: 100px; } .small_divider { height: 30px; } .medium_divider { height: 50px; } .large_divider { height: 100px; } .padding_eight_all { padding: 8%; } .padding_eight_lr { padding: 0 8%; } .list_none li { list-style: none; } .order_list, .disc_list { padding-left: 15px; } .btn:focus, .btn:hover, .btn.active { box-shadow: none; outline: medium none; } button:focus { outline: none; } .btn { border-width: 2px; cursor: pointer; line-height: normal; padding: 12px 30px; text-transform: capitalize; transition: all 0.5s ease-in-out; position: relative; overflow: hidden; z-index: 1; } .btn.active:focus, .btn:active:focus { box-shadow: none !important; } .btn-default { background-color: #FFBC09; border: 2px solid #FFBC09; color: #ffffff !important; padding: 12px 30px; } .btn-default:hover { background-color: #DF9C00; border-color: #DF9C00; color: #fff; } .btn-default::before { content: ""; background-color: rgba(255, 255, 255, 0.5); height: 100%; width: 2em; display: block; position: absolute; top: 0; left: -4.5em; -webkit-transform: skewX(-45deg) translateX(0); transform: skewX(-45deg) translateX(0); transition: all 0.8s ease-in-out; } .btn-default:hover::before { -webkit-transform: skewX(-45deg) translateX(40em); transform: skewX(-45deg) translateX(40em); } .btn-black { border: 2px solid #333; background-color: #333; color: #ffffff; padding: 12px 30px; } .btn-black:hover { background-color: #ffffff; color: #333; } .btn-outline-white { background-color: transparent; border: 2px solid #ffffff; color: #ffffff; padding: 12px 30px; } .btn-outline-white:hover { color: #FFBC09; } .btn-outline-white::before { display: block; position: absolute; top: 0px; right: 0px; height: 100%; width: 0px; z-index: -1; content: ''; background-color: #fff; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); } .btn-outline-white::after { content: ""; position: absolute; height: 0%; left: 50%; top: 50%; width: 150%; z-index: -1; -webkit-transition: all 0.75s ease 0s; -moz-transition: all 0.75s ease 0s; -o-transition: all 0.75s ease 0s; transition: all 0.75s ease 0s; } .btn-outline-white:hover::before { left: 0%; right: auto; width: 100%; } .btn-outline-black { background-color: transparent; border: 2px solid #333; color: #333; padding: 12px 30px; } .btn-outline-black:hover { color: #fff; } .btn-outline-black::before { display: block; position: absolute; top: 0px; right: 0px; height: 100%; width: 0px; z-index: -1; content: ''; background-color: #333; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); } .btn-outline-black::after { content: ""; position: absolute; height: 0%; left: 50%; top: 50%; width: 150%; z-index: -1; -webkit-transition: all 0.75s ease 0s; -moz-transition: all 0.75s ease 0s; -o-transition: all 0.75s ease 0s; transition: all 0.75s ease 0s; } .btn-outline-black:hover::before { left: 0%; right: auto; width: 100%; } .btn-outline-default { background-color: transparent; border: 2px solid #FFBC09; color: #FFBC09 !important; padding: 12px 30px; } .btn-outline-default:hover { color: #fff !important; } .btn-outline-default::before { display: block; position: absolute; top: 0px; right: 0px; height: 100%; width: 0px; z-index: -1; content: ''; background-color: #FFBC09; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); } .btn-outline-default::after { content: ""; position: absolute; height: 0%; left: 50%; top: 50%; width: 150%; z-index: -1; -webkit-transition: all 0.75s ease 0s; -moz-transition: all 0.75s ease 0s; -o-transition: all 0.75s ease 0s; transition: all 0.75s ease 0s; } .btn-outline-default:hover::before { left: 0%; right: auto; width: 100%; } .btn-radius, .pr-radius { border-radius: 40px !important; } .btn+.btn { margin-left: 10px; } .btn i { font-size: 22px; vertical-align: middle; line-height: 1; } .btn span { font-size: 14px; } .btn-group-sm>.btn, .btn-sm { padding: 7px 15px; } .btn-group-lg>.btn, .btn-lg { padding: 14px 35px; } .btn-xs { padding: 4px 15px; font-size: 12px; } .btn-md { padding: 12px 30px; font-size: 16px; } .btn.btn-xs i { font-size: 12px; } .btn.btn-sm i { font-size: 16px; } .btn.btn-lg i { font-size: 28px; } .radius_all_5 { border-radius: 5px; } .radius_all_10 { border-radius: 10px; } .radius_ltrt_5 { border-radius: 5px 5px 0 0; } .radius_ltrt_10 { border-radius: 10px 10px 0 0; } .radius_lbrb_5 { border-radius: 0 0 5px 5px; } .radius_lbrb_10 { border-radius: 0 0 10px 10px; } .radius_ltlb_5 { border-radius: 5px 0 0 5px; } .radius_ltlb_10 { border-radius: 10px 0 0 10px; } .radius_rtrb_10 { border-radius: 0 10px 10px 0; } .box_shadow1 { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) } .box_shadow2 { box-shadow: 0px 4px 20px rgba(101, 101, 101, 0.1); } .heading_s1 h1 { font-weight: 700; margin: 0; text-transform: none; } .heading_s1 h1, .heading_s1 h2, .heading_s1 h3, .heading_s1 h4, .heading_s1 h5, .heading_s1 h6 { margin-bottom: 1rem; text-transform: none; } .bottom-cta-title{margin-bottom: 1rem; text-transform: capitalize;color: #fff;font-family: 'Rubik', sans-serif;font-size: 1.75rem;font-weight: 500; line-height: 1.2;} .heading_s1 p { margin-bottom: 0; } .banner-heading{ margin-bottom: 1rem; text-transform: capitalize;color: #fff;font-family: 'Rubik', sans-serif;font-size: 2rem; } .sub_heading { text-transform: uppercase; color: #292b2c; margin-bottom: 10px; display: inline-block; font-size: 14px; padding-left: 30px; position: relative; } .sub_heading::before { content: ""; position: absolute; left: 0; top: 8px; height: 2px; width: 20px; background-color: #FFBC09; } .heading_light>* { color: #fff; } .heading_s1.heading_light::before { background-color: #ffffff; } .text_uppercase * { text-transform: uppercase; } .form-control, .form-control:focus, .custom-file-input:focus~.custom-file-label { color: #666666; box-shadow: none; } .form-control { height: 47px; padding: 10px 15px; } .field_form .form-group:last-child { margin: 0; } .form-control::-webkit-input-placeholder { color: #666666; opacity: 1 } .form-control::-moz-placeholder { color: #666666; opacity: 1 } .form-control:-ms-input-placeholder { color: #666666; opacity: 1 } .form-control::-ms-input-placeholder { color: #666666; opacity: 1 } .form-control::placeholder { color: #666666; opacity: 1 } .form_style1 .form-control, .form_style1 .form-control:focus, .form_style3 .form-control, .form_style3 .form-control:focus { border-radius: 40px; } .form_style1 .custom_select::before, .form_style2 .custom_select::before { right: 20px; } .form_style1 .custom_select select, .form_style2 .custom_select select { padding: 5px 40px 5px 20px; } .form_style2 .form-control, .form_style2 .form-control:focus { border-radius: 0px; } .form_style3 .form-control { border: 0; } .form_transparent .form-control, .form_transparent .form-control:focus, .form_transparent .custom-file-input:focus~.custom-file-label { background-color: transparent; color: #fff; border-color: #fff; } .form_transparent .custom_select:before { color: #fff; } .form_transparent .form-control option { color: #000; } .form_transparent .form-control::placeholder { color: #fff; } .form_transparent .form-control::placeholder { color: #fff; } .form_transparent .form-control::placeholder { color: #fff; } .form_transparent .form-control::placeholder { color: #fff; } .text_white * { color: #fff; } .text_dark * { color: #333 !important; } .text_default { color: #FFBC09 !important; } .text_light_green { color: #B3D369 !important; } .text_danger { color: #F5576C !important; } .text_warning { color: #f5bf2f !important; } .text_orange { color: #F89035 !important; } .text_light_navy { color: #554DA7 !important; } .text_blue2 { color: #4382FF !important; } .text_pink { color: #F94FA4 !important; } .text_blue { color: #38DDF7; } .overflow_hide { overflow: hidden; } .scrollup { background-color: #2f2f2f; border-radius: 100%; bottom: 20px; color: #ffffff; font-size: 24px; height: 40px; line-height: 40px; position: fixed; right: 20px; text-align: center; width: 40px; z-index: 99; } .scrollup:hover { background-color: #FFBC09; color: #fff; } .scrollup:focus { color: #fff; } .bg_size_auto { background-size: auto !important; } .bg_size_contain { background-size: contain !important; } .bg_repeat { background-repeat: repeat !important; } .position_top_center { background-position: top center !important; } .position_center_bottom { background-position: center bottom !important; } .position_right_center { background-position: right center !important; } .position_right_bottom { background-position: right bottom !important; } .bg_fixed { background-attachment: fixed !important; } .z_index_minus1 * { z-index: -1; position: relative; } .overlay_bg_90, .overlay_bg_80, .overlay_bg_70, .overlay_bg_60, .overlay_bg_50, .overlay_bg_40, .overlay_bg_30, .overlay_bg_30, .overlay_bg_20, .overlay_bg_10, .overlay_bg_danger_90, .overlay_bg_light_green_90, .overlay_bg_default_90, .overlay_bg_default_80, .overlay_bg_default_70, .overlay_bg_default_60, .overlay_bg_default_50, .overlay_bg_default_40, .overlay_bg_default_30, .overlay_bg_default_20, .overlay_bg_default_10, .overlay_bg_danger_90, .overlay_bg_danger_80, .overlay_bg_danger_70, .overlay_bg_danger_60, .overlay_bg_danger_50, .overlay_bg_danger_40, .overlay_bg_danger_30, .overlay_bg_danger_20, .overlay_bg_danger_10, .overlay_bg_light_green_90, .overlay_bg_light_green_80, .overlay_bg_light_green_70, .overlay_bg_light_green_60, .overlay_bg_light_green_50, .overlay_bg_light_green_40, .overlay_bg_light_green_30, .overlay_bg_light_green_20.overlay_bg_light_green_10, .overlay_bg_blue_90, .overlay_bg_blue_80, .overlay_bg_blue_70, .overlay_bg_blue_60, .overlay_bg_blue_50, .overlay_bg_blue_40, .overlay_bg_blue_30, .overlay_bg_blue_20, .overlay_bg_blue_10, .overlay_bg_blue2_90, .overlay_bg_blue2_80, .overlay_bg_blue2_70, .overlay_bg_blue2_60, .overlay_bg_blue2_50, .overlay_bg_blue2_40, .overlay_bg_blue2_30, .overlay_bg_blue2_20, .overlay_bg_blue2_10 { position: relative; } .overlay_bg_90::before, .overlay_bg_80::before, .overlay_bg_70::before, .overlay_bg_60::before, .overlay_bg_50::before, .overlay_bg_40::before, .overlay_bg_30::before, .overlay_bg_30::before, .overlay_bg_20::before, .overlay_bg_10::before, .overlay_bg_danger_90:before, .overlay_bg_light_green_90:before, .overlay_bg_default_90:before, .overlay_bg_default_80:before, .overlay_bg_default_70:before, .overlay_bg_default_60:before, .overlay_bg_default_50:before, .overlay_bg_default_40:before, .overlay_bg_default_30:before, .overlay_bg_default_20:before, .overlay_bg_default_10:before, .overlay_bg_danger_90:before, .overlay_bg_danger_80:before, .overlay_bg_danger_70:before, .overlay_bg_danger_60:before, .overlay_bg_danger_50:before, .overlay_bg_danger_40:before, .overlay_bg_danger_30:before, .overlay_bg_danger_20:before, .overlay_bg_danger_10:before, .overlay_bg_light_green_90:before, .overlay_bg_light_green_80:before, .overlay_bg_light_green_70:before, .overlay_bg_light_green_60:before, .overlay_bg_light_green_50:before, .overlay_bg_light_green_40:before, .overlay_bg_light_green_30:before, .overlay_bg_light_green_20:before, .overlay_bg_light_green_10:before, .overlay_bg_blue_90:before, .overlay_bg_blue_80:before, .overlay_bg_blue_70:before, .overlay_bg_blue_60:before, .overlay_bg_blue_50:before, .overlay_bg_blue_40:before, .overlay_bg_blue_30:before, .overlay_bg_blue_20:before, .overlay_bg_blue_10:before, .overlay_bg_blue2_90:before, .overlay_bg_blue2_80:before, .overlay_bg_blue2_70:before, .overlay_bg_blue2_60:before, .overlay_bg_blue2_50:before, .overlay_bg_blue2_40:before, .overlay_bg_blue2_30:before, .overlay_bg_blue2_20:before, .overlay_bg_blue2_10:before { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .overlay_bg_90::before { background-color: rgba(0, 0, 0, 0.90); } .overlay_bg_80::before { background-color: rgba(0, 0, 0, 0.80); } .overlay_bg_70::before { background-color: rgba(0, 0, 0, 0.70); } .overlay_bg_60::before { background-color: rgba(0, 0, 0, 0.60); } .overlay_bg_50::before { background-color: rgba(0, 0, 0, 0.50); } .overlay_bg_40::before { background-color: rgba(0, 0, 0, 0.40); } .overlay_bg_30::before { background-color: rgba(0, 0, 0, 0.30); } .overlay_bg_20::before { background-color: rgba(0, 0, 0, 0.20); } .overlay_bg_10::before { background-color: rgba(0, 0, 0, 0.10); } .overlay_bg_danger_90:before { background-color: rgba(245, 87, 108, 0.90); } .overlay_bg_danger_80:before { background-color: rgba(245, 87, 108, 0.80); } .overlay_bg_danger_70:before { background-color: rgba(245, 87, 108, 0.70); } .overlay_bg_danger_60:before { background-color: rgba(245, 87, 108, 0.60); } .overlay_bg_danger_50:before { background-color: rgba(245, 87, 108, 0.50); } .overlay_bg_danger_40:before { background-color: rgba(245, 87, 108, 0.40); } .overlay_bg_danger_30:before { background-color: rgba(245, 87, 108, 0.30); } .overlay_bg_danger_20:before { background-color: rgba(245, 87, 108, 0.20); } .overlay_bg_danger_10:before { background-color: rgba(245, 87, 108, 0.10); } .overlay_bg_light_green_90:before { background-color: rgba(179, 211, 105, 0.90); } .overlay_bg_light_green_80:before { background-color: rgba(179, 211, 105, 0.80); } .overlay_bg_light_green_70:before { background-color: rgba(179, 211, 105, 0.70); } .overlay_bg_light_green_60:before { background-color: rgba(179, 211, 105, 0.60); } .overlay_bg_light_green_50:before { background-color: rgba(179, 211, 105, 0.50); } .overlay_bg_light_green_40:before { background-color: rgba(179, 211, 105, 0.40); } .overlay_bg_light_green_30:before { background-color: rgba(179, 211, 105, 0.30); } .overlay_bg_light_green_20:before { background-color: rgba(179, 211, 105, 0.20); } .overlay_bg_light_green_10:before { background-color: rgba(179, 211, 105, 0.10); } .overlay_bg_default_90:before { background-color: rgba(255, 188, 9, 0.90); } .overlay_bg_default_80:before { background-color: rgba(255, 188, 9, 0.80); } .overlay_bg_default_70:before { background-color: rgba(255, 188, 9, 0.70); } .overlay_bg_default_60:before { background-color: rgba(255, 188, 9, 0.60); } .overlay_bg_default_50:before { background-color: rgba(255, 188, 9, 0.50); } .overlay_bg_default_40:before { background-color: rgba(255, 188, 9, 0.40); } .overlay_bg_default_30:before { background-color: rgba(255, 188, 9, 0.30); } .overlay_bg_default_20:before { background-color: rgba(255, 188, 9, 0.20); } .overlay_bg_default_10:before { background-color: rgba(255, 188, 9, 0.10); } .overlay_bg_blue_90:before { background-color: rgba(7, 41, 77, 0.90); } .overlay_bg_blue_80:before { background-color: rgba(7, 41, 77, 0.80); } .overlay_bg_blue_70:before { background-color: rgba(7, 41, 77, 0.70); } .overlay_bg_blue_60:before { background-color: rgba(7, 41, 77, 0.60); } .overlay_bg_blue_50:before { background-color: rgba(7, 41, 77, 0.50); } .overlay_bg_blue_40:before { background-color: rgba(7, 41, 77, 0.40); } .overlay_bg_blue_30:before { background-color: rgba(7, 41, 77, 0.30); } .overlay_bg_blue_20:before { background-color: rgba(7, 41, 77, 0.20); } .overlay_bg_blue_10:before { background-color: rgba(7, 41, 77, 0.10); } .overlay_bg_blue2_90:before { background-color: rgba(67, 130, 255, 0.90); } .overlay_bg_blue2_80:before { background-color: rgb(47 50 146 / 75%); } .overlay_bg_blue2_70:before { background-color: rgba(67, 130, 255, 0.70); } .overlay_bg_blue2_60:before { background-color: rgba(67, 130, 255, 0.60); } .overlay_bg_blue2_50:before { background-color: rgba(67, 130, 255, 0.50); } .overlay_bg_blue2_40:before { background-color: rgba(67, 130, 255, 0.40); } .overlay_bg_blue2_30:before { background-color: rgba(67, 130, 255, 0.30); } .overlay_bg_blue2_20:before { background-color: rgba(67, 130, 255, 0.20); } .overlay_bg_blue2_10:before { background-color: rgba(67, 130, 255, 0.10); } .bg_black { background-color: #202325; } .bg_gray { background-color: #F7F7F7; } .bg_linen { background-color: #F9F5F0; } .bg_default { background-color: #FFBC09; } .bg_light_green { background-color: #B3D369; } .bg_light_navy { background-color: #554DA7; } .bg_danger { background-color: #F6475F; } .bg_blue { background-color: #38DDF7; } .bg_blue2 { background-color: #2e3192; } .bg_blue_dark { background-color: #07294D; } .bg_blue_dark2 { background-color: #072044; } .bg_orange { background-color: #F89035; } .bg_pink { background-color: #F94FA4; } .bg_lightdanger { background-color: #FFDFE3; } .bg_lightorange { background-color: #FBE6D4; } .bg_lightblue { background-color: #CAF7FF; } .bg_lightnavy { background-color: #D3CFFF; } .bg_lightblu2 { background-color: #C8DAFD; } .bg_lightpink { background-color: #FDCFE6; } .radius_all_5[class*="overlay_bg_"]:before { border-radius: 5px; } .radius_all_10[class*="overlay_bg_"]:before { border-radius: 10px; } .border_top_tran { border-top: 1px solid rgb(241 89 42); } .ripple { background-color: #FFFFFF; border-radius: 100%; color: #FFBC09; position: relative; display: inline-block; margin-right: 25px; line-height: 50px; font-size: 18px !important; vertical-align: middle; margin-left: 0; height: 50px; width: 50px; text-align: center; } .ripple::before, .ripple::after { -webkit-animation: ripple 1.8s infinite; -moz-animation: ripple 1.8s infinite; -o-animation: ripple 1.8s infinite; -ms-transition: ripple 1.8s infinite; animation: ripple 1.8s infinite; background-color: #ffffff; border-radius: 100%; margin: -20px; bottom: 0px; content: ""; display: block; left: 0px; opacity: 0; position: absolute; right: 0px; top: 0px; z-index: -1; } .ripple::before { animation-delay: 0.4s; -webkit-animation-delay: 0.4s; } .ripple::after { animation-delay: 1s; -webkit-animation-delay: 1s; } @-webkit-keyframes ripple { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0) } 50% { opacity: 0.5; } 100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1) } } @keyframes ripple { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0) } 50% { opacity: 0.5; } 100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1) } } /*Loader Css*/ #preloader { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: #fff; z-index: 999999; } .spinner, .spinner-small { height: 45px; width: 45px; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; border: 2px solid #000000; border-top: 2px solid #FFBC09; border-radius: 100%; -webkit-animation: rotation .6s infinite linear; -moz-animation: rotation .6s infinite linear; -o-animation: rotation .6s infinite linear; animation: rotation .6s infinite linear; z-index: 9999; } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0) } to { -webkit-transform: rotate(359deg) } } @-moz-keyframes rotation { from { -moz-transform: rotate(0) } to { -moz-transform: rotate(359deg) } } @-o-keyframes rotation { from { -o-transform: rotate(0) } to { -o-transform: rotate(359deg) } } @keyframes rotation { from { transform: rotate(0) } to { transform: rotate(359deg) } } .loader-section { position: fixed; top: 0; width: 51%; height: 100%; background-color: #E7EDF3; z-index: 999; -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */ -moz-transform: translateX(0); -ms-transform: translateX(0); /* IE 9 */ transform: translateX(0); /* Firefox 16+, IE 10+, Opera */ } .loader-section.section-left { left: 0; } .loader-section.section-right { right: 0; } /* Loaded */ .loaded .loader-section.section-left { -webkit-transform: translateX(-100%); /* Chrome, Opera 15+, Safari 3.1+ */ -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); /* IE 9 */ transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.8s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.8s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); } .loaded .loader-section.section-right { -webkit-transform: translateX(100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(100%); /* IE 9 */ -moz-transform: translateX(100%); transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.8s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.8s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); } .font_style1 { font-family: 'Fredoka One', cursive; } /*===================================* 01.END GENERAL STYLE*===================================*/ /*===================================* 02.START HEADER DESIGN*===================================*/ .dark_skin .logo_light, .dark_skin .logo_default, .light_skin .logo_default, .light_skin .logo_dark { display: none; } .dark_skin .logo_dark, .light_skin .logo_light { display: block; } .light_skin .navbar-nav a, .light_skin .navbar-toggler { color: #ffffff; } .navbar { padding: 0; } .header_wrap { transition: all 0.5s ease 0s; } .header_wrap:not([class*="bg_"]):not([class*="bg-"]) { background-color: #fff; } .navbar-expand-lg .navbar-nav li { position: relative; list-style: none; } .navbar-nav .dropdown-menu { border: 0 none; border-radius: 0; margin: 0; min-width: 12rem; padding: 0; } .dark_skin .navbar-nav .dropdown-menu { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .navbar-nav .dropdown-menu:not([class*="bg_"]):not([class*="bg-"]) { background-color: #333333; } .header_wrap:not([class*="bg_"]):not([class*="bg-"]).transparent-header { background-color: transparent; } .header_wrap:not([class*="bg_"]):not([class*="bg-"]).transparent-header.nav-fixed { background-color: #fff; } .header_wrap:not([class*="bg_"]):not([class*="bg-"]).transparent-header.light_skin.nav-fixed { background-color: #343a40; } .light_skin .navbar-nav .dropdown-menu .mega-menu .dropdown-menu { background-color: #252525; } .dark_skin:not([class*="bg_"]):not([class*="bg-"]) .navbar-nav .dropdown-menu { background-color: #fff; box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05); border: 1px solid #eee; margin-top: -1px; } .dark_skin .mega-menu-col, .dark_skin .cart_list li { border-color: #ddd; } .dark_skin .navbar-expand-lg .navbar-nav .dropdown-menu li a.active, .dark_skin .navbar-expand-lg .navbar-nav .dropdown-menu li a:hover, .dark_skin .navbar-expand-lg .navbar-nav .dropdown-menu>ul>li:hover>a, .dark_skin .navbar-expand-lg .navbar-nav .dropdown-menu>ul>.mega-menu-col ul>li:hover>a { color: #FFBC09; } .dark_skin .navbar-expand-lg .navbar-nav .dropdown-item, .dark_skin .navbar-expand-lg .navbar-nav .dropdown-header, .dark_skin .cart_quantity, .dark_skin .cart_total { color: #333; } .dark_skin .cart_list a { color: #333 !important; } .dark_skin .cart_list a:hover, .dark_skin .item_remove:hover { color: #000 !important; } .dropdown-toggle::after, .dropdown-toggler::after { border: 0 none; content: "\f3d0"; font-family: ionicons; height: auto; line-height: normal; margin-left: 5px; vertical-align: middle; width: auto; } .dd_main_arrow_none .navbar-expand-lg .navbar-nav>li>.nav-link.dropdown-toggle::after { content: normal; } .dropdown-toggler::after { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .dropdown-menu .dropdown-toggler::after { position: absolute; right: 10px; top: 10px; } .navbar-expand-lg .navbar-nav>li>.nav-link { font-size: 14px; font-weight: 600; padding: 25px 10px; /*text-transform: uppercase;*/ } .navbar-expand-lg .navbar-nav>li>a.active, .navbar-expand-lg .navbar-nav>li:hover>a { color: #FFBC09; } .main_menu_capitalize .navbar-expand-lg .navbar-nav>li>.nav-link { text-transform: capitalize; } .main_menu_weight_100 .navbar-expand-lg .navbar-nav>li>.nav-link { font-weight: 100; } .main_menu_weight_200 .navbar-expand-lg .navbar-nav>li>.nav-link { font-weight: 200; } .main_menu_weight_300 .navbar-expand-lg .navbar-nav>li>.nav-link { font-weight: 300; } .main_menu_weight_400 .navbar-expand-lg .navbar-nav>li>.nav-link { font-weight: 400; } .main_menu_weight_500 .navbar-expand-lg .navbar-nav>li>.nav-link { font-weight: 500; } .main_menu_weight_600 .navbar-expand-lg .navbar-nav>li>.nav-link { font-weight: 600; } .main_menu_weight_700 .navbar-expand-lg .navbar-nav>li>.nav-link { font-weight: 700; } .main_menu_weight_800 .navbar-expand-lg .navbar-nav>li>.nav-link { font-weight: 800; } .main_menu_weight_900 .navbar-expand-lg .navbar-nav>li>.nav-link { font-weight: 900; } .main_menu_size_16 .navbar-expand-lg .navbar-nav>li>.nav-link { font-size: 16px; } .bottom-header .navbar-expand-lg .navbar-nav>li>.nav-link { padding: 20px 10px; } .navbar-expand-lg .navbar-nav .dropdown-item { padding: 8px 25px 8px 10px; color: #ffffff; font-size: 14px; text-transform: capitalize; } .navbar-expand-lg .navbar-nav .dropdown-header { color: #fff; padding: 10px 10px; text-transform: uppercase; font-weight: bold; } .navbar-expand-lg .attr-nav li .nav-link { padding: 20px 10px; position: relative; } .navbar-expand-lg .attr-nav li .nav-link i { font-size: 20px; } .hover_menu_style2 .navbar-expand-lg .navbar-nav.attr-nav>li>.nav-link { margin: 0; padding: 20px 10px; } .dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active { background-color: transparent; } .navbar-expand-lg .navbar-nav.attr-nav .dropdown-menu li a.active, .navbar-expand-lg .navbar-nav.attr-nav .dropdown-menu li a:hover, .navbar-expand-lg .navbar-nav.attr-nav .dropdown-menu>ul>li:hover>a { background-color: rgba(0, 0, 0, 0); } .navbar-expand-lg .navbar-nav>li { margin-left: 1px; } .navbar-expand-lg .navbar-nav .dropdown-menu li a.active, .navbar-expand-lg .navbar-nav .dropdown-menu li a:hover, .navbar-expand-lg .navbar-nav .dropdown-menu>ul>li:hover>a, .navbar-expand-lg .navbar-nav .dropdown-menu>ul>.mega-menu-col ul>li:hover>a { color: #FFBC09; } .search-overlay { border: 1px solid #ddd; right: 0; opacity: 0; position: absolute; min-width: 300px; top: 100%; transition: all 0.25s ease-in-out 0s; visibility: hidden; width: 100%; z-index: 999; background-color: #fff; padding: 15px; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: -webkit-calc(100% - 30px) 0; transform-origin: calc(100% - 30px) 0; } .search-overlay.open { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .search_trigger.open i::before { content: "\f129"; } .search_wrap { position: relative; } .search_icon { font-size: 26px; position: absolute; right: 15px; top: 4px; border: 0; background-color: transparent; cursor: pointer; padding: 0; } .search_wrap .form-control { border-radius: 0; padding: 10px; height: auto; } .nav-fixed .navbar-expand-lg .navbar-nav>li>.nav-link { padding: 20px 10px; } .nav-fixed .navbar-expand-lg .attr-nav li .nav-link, .hover_menu_style2.nav-fixed .navbar-expand-lg .navbar-nav.attr-nav>li>.nav-link { padding: 15px 10px; margin: 0; } .header_wrap.nav-fixed { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); position: fixed; right: 0; left: 0; top: 0; z-index: 999; } .header_wrap.fixed-top.nav-fixed { padding-top: 0 !important; } .nav-fixed.border_bottom_tran { border: 0; } .header_wrap.nav-fixed.no-sticky { position: relative; } .bg-dark.light_skin.nav-fixed .logo_dark { display: none; } .bg-dark.light_skin.nav-fixed .logo_light { display: block; } .header_wrap.nav-fixed.bg-dark { border-bottom: 0; } .bg-dark.light_skin.nav-fixed .navbar-nav>li>a, .bg-dark.light_skin.nav-fixed .navbar-toggler { color: #fff; } .bg-dark.hover_menu_style2.nav-fixed .navbar-expand-lg .navbar-nav>li>.nav-link::before { background-color: #fff; } .header_wrap.nav-fixed[class*="overlay_"]:before { content: normal; } .mega-menu { display: table; padding: 15px 0; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .navbar-expand-lg .navbar-nav li.dropdown-mega-menu { position: static; } .dropdown-mega-menu .dropdown-menu { right: 0; } .mega-menu-col { border-right: 1px solid #5d5d5d; } .mega-menu-col:last-child { border-right: 0; } .dropdown-menu li a i { font-size: 14px; width: 20px; display: inline-block; text-align: center; } .cart_list li { list-style: outside none none; } .cart_count { position: absolute; top: 13px; right: 2px; font-size: 10px; background-color: #FFBC09; border-radius: 40px; height: 16px; line-height: 16px; padding: 0 5px; color: #fff; font-weight: normal; } .nav-fixed .cart_count { top: 8px; } .cart_box { background-color: #333333; width: 300px; position: absolute !important; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: -webkit-calc(100% - 30px) 0; transform-origin: calc(100% - 30px) 0; display: block; transition: all 0.25s ease-in-out; } .navbar-expand-lg .navbar-nav li.show>.dropdown-menu.cart_box { -webkit-transform: scale(1); transform: scale(1); } .cart_list li { border-bottom: 1px solid #777777; padding: 20px; } .item_remove { float: right; } .cart_list img { background-color: #ffffff; float: left; margin-right: 10px; max-width: 60px; vertical-align: top; } .cart_list a { color: #fff !important; font-size: 14px; vertical-align: top; padding: 0 !important; } .cart_list a:hover, .item_remove:hover { color: #ddd !important; } .cart_quantity { color: #ffffff; display: inline-block; font-weight: 500; } .cart_list { display: table; } .cart_total { color: #ffffff; margin: 0; padding: 10px 20px; text-align: right; font-weight: bold; } .cart_total strong { float: left; } .cart_buttons { margin: 0; padding: 10px 20px 20px; text-align: center; } .cart_buttons .view-cart, .cart_buttons .checkout { margin: 0 5px !important; padding: .375rem .75rem !important; float: none !important; } .top-header, .middle-header { padding: 10px 0; } .light_skin .top-header, .light_skin .middle-header { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .dark_skin .top-header, .dark_skin .middle-header { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .social_icons, .contact_detail { font-size: 0; } .social_icons li, .contact_detail li { display: inline-block; padding: 2px 3px; } .social_icons li a { font-size: 18px; height: 35px; width: 35px; line-height: 36px; display: inline-block; text-align: center; vertical-align: middle; } .social_icons.social_small li a { height: 25px; width: 25px; line-height: 26px; font-size: 16px; } .social_white .social_icons li a, .social_white.social_icons li a { color: #fff; border-color: #fff; } .border_social li a { border: 1px solid #292b2c; } .radius_social li a { border-radius: 5px; } .rounded_social li a { border-radius: 50px; } .social_style1 li a { background-color: rgba(0, 0, 0, 0.1); } .social_white.social_style1 li a { background-color: rgba(255, 255, 255, 0.1); } .contact_detail i { margin-right: 8px; vertical-align: middle; font-size: 18px; } .contact_detail li { color: #000; font-size: 14px; margin-left: 5px; vertical-align: middle; } .contact_detail li:first-child { margin-left: 0px; } .top-header.light_skin .contact_detail li, .top-header.light_skin .contact_detail li a { color: #fff; } .top-header.dark_skin .contact_detail li { color: #000; } header .social_icons li a { font-size: 16px; height: 30px; width: 30px; line-height: 30px; } .nav-fixed .top-header, .nav-fixed .middle-header { display: none !important; } .navbar-toggler { float: right; margin: 9px 0; font-size: 17px; transition: all 0.5s ease 0s; } .navbar-toggler[aria-expanded="true"] span::before { /*content: "\f129";*/ font-size: 17px; width: 21px; line-height: 28px; vertical-align: top; } header .attr-nav+.social_icons { border-left: 1px solid #333; margin-left: 5px; padding-left: 5px; } header .attr-nav+.social_icons li { padding: 0; } header.light_skin .attr-nav+.social_icons { border-color: #fff; } header.light_skin.nav-fixed .attr-nav+.social_icons { border-color: #333; } header.light_skin.nav-fixed .social_icons li a { color: #000; } header.light_skin.nav-fixed .social_icons li a:hover { color: #0E93D8; } .navbar .btn { padding: 10px 25px; } .header_info { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .header_info li { display: -ms-flexbox; display: flex; padding-left: 30px; } .header_info li:first-child { padding-left: 0px; } .header_info li i { width: 30px; font-size: 28px; height: 30px; color: #0e93d8; } .header_info li p { margin: 0; color: #292b2c; } .header_info li .hd_info { padding-left: 10px; font-weight: 700; font-size: 14px; line-height: 1.43; } .lng_dropdown { position: relative; display: inline-block } .lng_dropdown .ddTitleText img, .lng_dropdown .ddChild li img { border-radius: 100%; display: inline-block; height: 16px; width: 16px; } .lng_dropdown .ddlabel { display: inline-block; margin-left: 8px; vertical-align: middle; text-transform: uppercase; font-size: 14px; } .lng_dropdown #pr_select_msdd .ddlabel { margin-left: 0; } .lng_dropdown .dd.ddcommon { cursor: pointer; padding-right: 10px; position: relative; width: auto !important; outline: none; } .lng_dropdown .ddTitleText { padding: 5px 10px; display: inline-block; text-transform: uppercase; } .lng_dropdown .ddChild { background-color: #fff; } .lng_dropdown .ddChild li { cursor: pointer; line-height: normal; list-style: outside none none; padding: 3px 10px; } .ddArrow::before { content: "\f3d0"; font-family: ionicons; position: absolute; right: 0; top: 6px; } .lng_dropdown.lng_dropdown_white .ddTitleText, .lng_dropdown_white .ddArrow::before { color: #fff; } .search_box { position: relative; } .search_box input { padding-right: 30px; } .search_box button { border: 0; padding: 0 10px; background-color: transparent; font-size: 22px; position: absolute; right: 0; top: 0; bottom: 0; cursor: pointer; } .header_list { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .header_list>li { position: relative; padding-left: 15px; } .header_list>li a { font-size: 14px; } .border_list { position: relative; } .border_list::before { content: ""; position: absolute; left: 0; height: 25px; width: 1px; background-color: #eee; } .header_wrap.light_skin.nav-fixed .btn-outline-white { border: 2px solid #333; color: #333; } .header_wrap.light_skin.nav-fixed .btn-outline-white:hover { background-color: #333; border: 2px solid #333; color: #fff; } .top-header.light_skin .header_list li a, .top-header.light_skin .header_list li span, .top-header.light_skin .lng_dropdown .ddlabel, .top-header.light_skin .ddArrow::before { color: #fff; } .top-header.light_skin .header_list>li::before { background-color: #fff; } .top-header.light_skin .lng_dropdown .ddChild { background-color: #343a40; } .top-header.light_skin .header_list li a:hover, .top-header.light_skin .contact_detail li a:hover, .social_white .social_icons li a:hover, .social_white.social_icons li a:hover { color: #FFBC09; } .alertbox { position: relative; z-index: 999; transition: all 0.4s ease 0s; } .alertbox.alert_fixed { position: fixed; right: 0; left: 0; top: 0; } .alertbox.alert_fixed.fixed { -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); } .alertbox_content { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .alertbox .alert { border: 0; border-radius: 0; margin: 0; padding-left: 0; padding-right: 0; } .alertbox .close { float: none; vertical-align: middle; margin-left: 15px; font-size: 31px; } .alertbox_content *, .alertbox_content a { color: #fff; font-weight: bold; } marquee { display: block; } .news_ticker a { padding: 0 10px; } .news_ticker a:hover { color: #fff; } /*===================================* 02.END HEADER DESIGN*===================================*/ /*===================================* 03. BANNER SECTION*===================================*/ .full_screen, .full_screen .carousel-item { min-height: 100vh; } .banner_content_wrap .carousel-item { padding: 100px 0; } .banner_content_wrap.banner_py_large .carousel-item { padding: 200px 0; } .banner_content h2 { font-size: 50px; margin-bottom: 20px; vertical-align: bottom; } .banner_content p { color: #333; font-size: 18px; margin-bottom: 35px; } .banner_content.text_white p { color: #fff; } .banner_section .banner_slide_content { left: 0; position: absolute; right: 0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .carousel-control-next, .carousel-control-prev { background-color: rgba(0, 0, 0, 0.5); font-size: 20px; height: 50px; opacity: 0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 50px; } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { opacity: 0; } .carousel:hover .carousel-control-next, .carousel:hover .carousel-control-prev { opacity: 1; } .carousel-control-next { right: 20px; } .carousel-control-prev { left: 20px; } .carousel_style1 .carousel-control-next, .carousel_style1 .carousel-control-prev { border-radius: 100%; } .carousel_style2 .carousel-control-next, .carousel_style2 .carousel-control-prev { background-color: #fff; border-radius: 5px; color: #333; font-size: 16px; height: 45px; width: 45px; } .carousel_style2 .carousel-control-next:hover, .carousel_style2 .carousel-control-prev:hover { background-color: #FFBC09; color: #fff; } .carousel-indicators { bottom: 20px; } .carousel-indicators li { border-radius: 100%; cursor: pointer; width: 12px; height: 12px; } .content_overlay_bg { padding: 50px; position: relative; } .content_overlay_bg::before { background-color: rgba(0, 0, 0, 0.5); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .banner_head2 { font-size: 40px; } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; } .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active { -webkit-transform: translateX(0); transform: translateX(0); } .carousel-indicators.justify-content-end { left: auto; } .carousel-indicators.justify-content-start { right: auto; } .carousel-item img { position: relative; z-index: -1; } .down { bottom: 20px; font-size: 48px; left: 0; position: absolute; right: 0; text-align: center; z-index: 9; } .down .mouse { position: relative; display: inline-block; width: 30px; height: 50px; margin: 0 auto; border: 2px solid #333; border-radius: 24px; opacity: .8; cursor: pointer; vertical-align: middle; } .down .mouse span { position: absolute; display: block; top: 0; left: 50%; width: 8px; height: 12px; margin: 0px 0 0 -4px; background: #333; border-radius: 20px; -webkit-animation: scroll 2s linear infinite; -moz-animation: scroll 2s linear infinite; animation: scroll 2s linear infinite; } @-webkit-keyframes scroll { 1% { opacity: 1; top: 30%; } 20% { opacity: 1; top: 50%; } 60% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 30%; } } @-moz-keyframes scroll { 1% { opacity: 1; top: 30%; } 20% { opacity: 1; top: 50%; } 60% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 30%; } } @keyframes scroll { 1% { opacity: 1; top: 30%; } 20% { opacity: 1; top: 50%; } 60% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 30%; } } .down_white.down .mouse { border-color: #fff; } .down_white.down .mouse span { background: #fff; } /*===================================* 03.END BANNER SECTION*===================================*/ /*===================================* 04. START ICON BOX CSS*===================================*/ .icon_box { padding: 30px; z-index: 9; margin-top: 30px; transition: all 0.5s ease-in-out; } .box_icon, .intro_desc { position: relative; } .box_icon i { font-size: 40px; } .icon_box img { max-width: 60px; } .icon_box_style1.icon_box { background-color: #fff; padding: 15px; border: 2px solid #f6f6f6; -moz-transition: transform .25s cubic-bezier(.68, -0.55, .27, 1.55); -webkit-transition: transform .25s cubic-bezier(.68, -0.55, .27, 1.55); transition: transform .25s cubic-bezier(.68, -0.55, .27, 1.55); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-fill-mode: none; animation-fill-mode: none; } .icon_box_style1 .box_icon { float: left; margin-right: 20px; } .icon_box_style1.icon_box:hover { box-shadow: 0 0 14px rgba(0, 0, 0, 0.05); -moz-transform: translate3d(0, -10px, 0); -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } .icon_box_style1.icon_box img { max-width: 40px; } .icon_box_style1 .intro_desc { overflow: hidden; } .intro_desc h5 { text-transform: capitalize; } .intro_desc h3 { text-transform: capitalize; font-size: 1.25rem; } .intro_desc p:last-child { margin: 0; } .icon_box_style2 .box_icon, .icon_box_style3 .box_icon { border-radius: 100%; display: inline-block; padding: 20px; position: relative; height: 100px; width: 100px; text-align: center; } .icon_box_style2 .box_icon i, .icon_box_style3 .box_icon i { line-height: 60px; } .icon_box_style2 .box_icon::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; border: 3px solid #fff; border-radius: 100%; margin: 0px; opacity: 0; transition: all 0.2s ease-in-out; } .icon_box_style2 .box_icon img { padding: 5px; } .icon_box_style2:hover .box_icon:before { margin: 5px; opacity: 1; } .icon_box_style2:hover { margin-top: 20px; } .icon_box_style3 .box_icon { overflow: hidden; } .icon_box_style3:hover .box_icon i { -webkit-animation: toLeftFromRight 0.3s forwards; -moz-animation: toLeftFromRight 0.3s forwards; animation: toLeftFromRight 0.3s forwards; } @-webkit-keyframes toLeftFromRight { 49% { -webkit-transform: translate(-100%); } 50% { opacity: 0; -webkit-transform: translate(100%); } 51% { opacity: 1; } } @-moz-keyframes toLeftFromRight { 49% { -moz-transform: translate(-100%); } 50% { opacity: 0; -moz-transform: translate(100%); } 51% { opacity: 1; } } @keyframes toLeftFromRight { 49% { transform: translate(-100%); } 50% { opacity: 0; transform: translate(100%); } 51% { opacity: 1; } } /*===================================* 04. END ICON BOX CSS*===================================*/ /*===================================* 05.START COURSE CATEGORIES SECTION*===================================*/ .overlap_box { margin-top: -124px; position: relative; z-index: 9; } .cat_overlap_box { top: -50%; } .single_categories a { border-radius: 5px; display: block; text-align: center; padding: 30px 20px; color: #fff; } .single_categories a:hover { color: #fff; } .single_categories i { display: block; margin-bottom: 10px; font-size: 30px; } .cat_style1 a { background-color: rgba(255, 255, 255, 0.2); border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 0px; padding: 50px 20px; } .cat_style1 a:hover { background-color: #FFBC09; } .cat_style2 { margin-top: 30px; } .cat_style2.single_categories a { border-radius: 10px; padding: 30px 10px; } .cat_style2:hover a { -moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); } .course_categories.owl-theme .owl-nav.disabled+.owl-dots { margin-top: 25px; } .cat_count { display: block; background-color: rgba(255, 255, 255, 0.3); max-width: 40px; height: 40px; line-height: 40px; border-radius: 100%; margin: 10px auto 0; } /*===================================* 05.END COURSE CATEGORIES SECTION*===================================*/ /*===================================* 06.START TEAM SECTION*===================================*/ .team_box { margin-top: 30px; } .team_title { background-color: #fff; padding: 15px; text-transform: capitalize; } .team_img { position: relative; overflow: hidden; } .team_style1 .social_icons, .team_style4 .social_icons { position: absolute; top: 100%; text-align: center; left: 0; right: 0; opacity: 0; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all 0.5s ease-in-out; } .team_style1:hover .social_icons, .team_style4:hover .social_icons { top: 50%; opacity: 1; } .team_img img { width: 100%; transition: all 0.5s ease-in-out; } .team_style1 .team_img::before, .team_style4 .team_img::before { content: ""; position: absolute; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); top: 0; bottom: 0; opacity: 0; transition: all 0.5s ease-in-out; } .team_style1.team_box:hover .team_img:before, .team_style4.team_box:hover .team_img:before { opacity: 1; } .team_style1 { border-radius: 10px; } .team_style1 .team_img, .team_style1 .team_img img, .team_style1 .team_img:before { border-radius: 10px 10px 0 0; } .team_single_info { padding: 15px; display: inline-block; width: 100%; } .contact_info span { color: #333; float: left; margin-right: 10px; line-height: normal; max-width: 70px; width: 100%; } .team_name { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd; } .team_style2 .social_icons, .team_style3 .social_icons, .team_style4 .social_icons { margin-top: 10px; } .team_style2:hover img { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); } .team_style3 .team_img img { background-color: #fff; border-radius: 100%; padding: 10px; border: 10px solid #eee; } .team_box.team_style3:before { background-color: #fff; content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); border-radius: 280px 280px 20px 20px; z-index: -1; } .team_style4 .team_img img { background-color: #fff; border-radius: 100%; } .team_style4 .team_img::before { border-radius: 100%; } /*===================================* 06.END TEAM SECTION*===================================*/ /*===================================* 07.START TESTIMONIAL SECTION*===================================*/ .testimonial_img img { max-width: 100px; } .testimonial_img, .author_img { float: left; margin-right: 20px; } .testi_user span, .author_intro span { font-style: italic; } .testi_user .testi-title2{ color: #292b2c; font-family: 'Rubik', sans-serif; font-size: 1rem; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } .testi_user, .author_intro { margin-bottom: 6px; } .testi_meta, .author_meta { overflow: hidden; } .testimonial_style1 .testimonial_box, .course_author { background-color: #fff; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2); border-radius: 10px; padding: 30px 30px 30px 50px; margin: 5px 5px 5px 50px; position: relative; z-index: 1; } .testimonial_style1 .testimonial_box::before { content: "\f10e"; position: absolute; right: 40px; top: 0; font-family: "Font Awesome 5 Free"; font-size: 190px; line-height: normal; font-weight: 900; z-index: -1; color: rgba(0, 0, 0, 0.02); } .testimonial_style1 .testimonial_img, .author_img { margin-left: -100px; } .testi_desc p:last-child, .author_desc p:last-child { margin: 0; } .testimonial_style2 .testimonial_box { text-align: center; border: 2px solid #eee; padding: 20px; margin-top: 60px; background-color: #fff; } .testimonial_style2 .testimonial_img { float: none; margin: -80px auto 20px; display: table; padding: 10px; border: 2px solid #eee; background-color: #fff; } .testi_img_holder { position: relative; } .testimonial_image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; } .testimonial_style4 .testimonial_img img { border-radius: 100%; max-width: 60px; } .testimonial_style4 .testi_user { margin: 6px 0 0; display: inline-block; } .testimonial_style4 .testi_meta { margin: 5px 0 25px 0; } .testimonial_slider.testimonial_style4:before { content: "\f10e"; font-family: "Font Awesome 5 Free"; font-size: 80px; color: rgba(0, 0, 0, 0.08); line-height: normal; font-weight: 900; } .testimonial_style4.owl-theme .owl-nav [class*="owl-"] { bottom: 15px; } .nav_bottom_right.testimonial_style4.owl-theme .owl-nav .owl-next { right: 30px } .nav_bottom_right.testimonial_style4.owl-theme .owl-nav .owl-prev { right: 80px } .testimonial_style5 .testimonial_box { background-color: #fff; margin: 20px; padding: 30px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); border-radius: 10px; text-align: center; } .testimonial_style5 .testimonial_img { float: none; margin: 0 auto 20px; display: table; } .testimonial_style5 .testimonial_img img { border-radius: 100%; } .testimonial_style5::before { background-color: #fff; content: ""; position: absolute; left: 40px; right: 40px; top: 0; bottom: 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); border-radius: 10px; z-index: -1; transition: all 0.4s ease-in-out; } .testimonial_style5 .testi_meta { margin-top: 0; margin-bottom: 15px; } .testimonial_style5 { max-width: 730px; position: relative; margin: 0 auto; } .testimonial_style5 .testi_desc { position: relative; z-index: 1; } .testimonial_style5 .testimonial_box::before { content: "\f10d"; position: absolute; left: 100px; top: 70px; font-family: "Font Awesome 5 Free"; font-size: 100px; line-height: normal; color: #f2f2f2; z-index: 0; font-weight: 900; } /*===================================* 07.END TESTIMONIAL SECTION*===================================*/ /*===================================* 08.START BLOG SECTION*===================================*/ .blog_post { margin-top: 30px; } .blog_title { margin-bottom: 10px; } .blog_img { position: relative; overflow: hidden; } .blog_img img { width: 100%; } .blog_img a::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; background-color: rgba(0, 0, 0, 0.5); transition: all 0.5s ease-in-out; } .blog_post:hover .blog_img a:before { opacity: 1; } .blog_meta { display: table; width: 100%; } .blog_meta li { display: inline-block; margin-right: 15px; } .blog_meta li:last-child { margin-right: 0px; } .blog_meta li i { margin-right: 8px; color: #FFBC09; font-size: 16px; } .blog_meta li a { color: #888; font-size: 14px; text-transform: capitalize; } .blog_meta li a:hover { color: #FFBC09; } .blog_content, .blog_footer { padding: 15px; } .blog_content p { margin-bottom: 10px; } .blog_footer { border-top: 1px solid #ddd; } .link_blog { position: absolute; top: 100%; left: 0; right: 0; text-align: center; opacity: 0; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all 0.5s ease-in-out; } .blog_post:hover .link_blog { top: 50%; opacity: 1; } .blog_hover_style1 { transition: all 0.5s ease; } .blog_hover_style1:hover { margin-top: 20px; } /*===================================* 08.END BLOG SECTION*===================================*/ /*===================================* 09.START SUBSCRIBE FORM*===================================*/ .newsletter_form { position: relative; } .newsletter_form input { padding: 10px 105px 10px 15px; width: 100%; border: 0; color: #777777; height: 43px; } .newsletter_form button { position: absolute; right: 4px; top: 4px; } .rounded_input input { border-radius: 40px; padding-left: 20px; } .form_lg input { padding: 10px 105px 10px 20px; height: 55px; } .form_lg .btn { padding: 10px 25px; top: 6px; right: 6px; } .newsletter_box { position: relative; padding: 70px 50px; } .icon_bg { position: absolute; top: 50%; right: 70px; -moz-transform: rotate(20deg) translateY(-50%); -webkit-transform: rotate(20deg) translateY(-50%); transform: rotate(20deg) translateY(-50%); } .icon_bg i { font-size: 140px; opacity: 0.2; } .newsletter_overlap { margin-bottom: -100px; } /*===================================* 09.END SUBSCRIBE FORM*===================================*/ /*===================================* 10.START FOOTER*===================================*/ .footer_logo { margin-bottom: 15px; } .top_footer { padding: 40px 0; } footer p { font-size: 14px; } .widget_links li { padding: 0 0 10px; } .widget_links li:last-child { padding-bottom: 0; } .widget_links li a { color: #888888; font-size: 14px; position: relative; } .widget_links.links_style1 li a:hover, .widget_links.links_style2 li a:hover { padding-left: 5px; } .links_style2 li a::before { content: "\f3d3"; font-family: "Ionicons"; font-size: 18px; vertical-align: middle; margin-right: 10px; } .contact_info>li>i { font-size: 18px; vertical-align: middle; max-width: 30px; width: 100%; text-align: center; margin-right: 5px; } .contact_info li:first-child { margin-top: 0; } .contact_info>li { margin-top: 15px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .contact_info i+*, .contact_info span+* { font-size: 14px; color: #888888; margin: 0; vertical-align: top; } footer .widget_title { font-size: 18px; margin-top: 10px; color: #fff; font-weight: 500; line-height: 1.2; } .widget_title { margin-bottom: 20px; text-transform: capitalize; position: relative; } .bottom_footer { padding: 30px 0; position: relative; } .footer_link li { display: inline-block; position: relative; } .footer_link li a { font-size: 14px; padding: 0 5px; color: #888; } .post_img { float: left; margin-right: 10px; max-width: 60px; } .post_date { font-size: 80%; } .post_content { overflow: hidden; } .recent_post li { display: inline-block; width: 100%; margin-bottom: 12px; } .recent_post li:last-child { margin-bottom: 0; } .post_content h6 { font-size: 14px; line-height: normal; margin-bottom: 5px; font-weight: normal; } .footer_dark h1, .footer_dark h2, .footer_dark h3, .footer_dark h4, .footer_dark h5, .footer_dark h6, .footer_dark p, .footer_dark a, .footer_dark .contact_info li i, .footer_dark .contact_info i+*, .footer_dark .widget_links li a, .footer_dark .footer_link li a, .footer_dark .post_content h6 a { color: #fff; } .footer_dark .post_date { color: rgba(255, 255, 255, 0.6); } .footer_dark .widget_links li a:hover, .footer_dark .footer_link li a:hover, .footer_dark .post_content h6 a:hover, .footer_dark .contact_info a:hover { color: #FFBC09; } .instafeed li { float: left; width: 25%; padding: 3px; position: relative; } .instafeed li a { display: block; position: relative; overflow: hidden; } .instafeed li a::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; opacity: 0; background-color: rgba(255, 188, 9, 0.7); transition: all 0.5s ease-in-out; z-index: 1; } .insta_icon { color: #fff; font-size: 24px; position: absolute; top: 50%; left: 0; right: 0; opacity: 0; text-align: center; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all 0.5s ease-in-out; z-index: 2; } .instafeed img { width: 100%; } .instafeed li:hover a::before, .instafeed li:hover .insta_icon { opacity: 1; } /*===================================* 10.END FOOTER*===================================*/ /*===================================* 11.START CONTACT*===================================*/ .contact_map iframe { height: 100%; width: 100%; display: block; } .map_radius_rtrb { border-radius: 0 10px 10px 0; } /*===================================* 11.END CONTACT*===================================*/ /*===================================* 12.START 404 SECTION*===================================*/ .error_txt { color: #333; font-size: 180px; font-weight: bold; line-height: 1.2; } /*===================================* 12.END 404 SECTION*===================================*/ /*===================================* 13.START GALLERY SECTION*===================================*/ .grid_filter { margin-bottom: 30px; } .grid_filter li { display: inline-block; margin: 0 3px; } .grid_filter li a { background-color: #eee; padding: 5px 25px; display: block; font-size: 16px; text-transform: capitalize; border-radius: 4px; } .grid_filter li a.current, .grid_filter li a:hover { background-color: #FFBC09; color: #fff; } .grid_container { list-style: none; } .gutter_small { margin: 0 -7.5px -15px -7.5px; } .gutter_small>li { padding: 0 7.5px 15px 7.5px; } .gutter_medium { margin: 0 -15px -30px -15px; } .gutter_medium>li { padding: 0px 15px 30px 15px; } .grid_col3>li { width: 33.33%; float: left; } .grid_col4>li { width: 25%; float: left; } .gallery_item { overflow: hidden; position: relative; } .gallery_item img { width: 100%; } .gallery_content { bottom: 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; position: absolute; top: 60px; opacity: 0; visibility: hidden; right: 0; left: 0; text-align: center; transition: all 0.3s ease-in-out; z-index: 2; } .gallery_item:hover .gallery_content { top: 0; opacity: 1; visibility: visible; } .gallery_item::before { background-color: rgba(0, 0, 0, 0.60); content: ""; position: absolute; left: 0; right: 0; opacity: 0; visibility: hidden; top: 0; bottom: 0; transition: all 0.5s ease-in-out; z-index: 2; } .gallery_item:hover:before { opacity: 1; visibility: visible; } .grid_container .owl-carousel.owl-theme .owl-dots { margin: 0 !important; position: absolute; bottom: 5px; right: 15px; z-index: 9; } .grid_container .owl-carousel { z-index: inherit; } .grid_container .owl-carousel.owl-theme .owl-dots span { margin: 5px 2px; } .owl-theme .owl-dots .owl-dot span { background-color: transparent; border: 1px solid #9a9a9a; margin: 5px; } .dots_white.owl-theme .owl-dots .owl-dot.active span, .dots_white.owl-theme .owl-dots .owl-dot:hover span { background-color: #fff; border-color: #fff; } .dots_white.owl-theme .owl-dots .owl-dot span { border-color: #fff; } .nav_bottom_right.owl-theme .owl-nav [class*="owl-"] { top: auto; -moz-transform: translateY(0); -webkittransform: translateY(0); transform: translateY(0); } .nav_bottom_right.owl-theme .owl-nav .owl-prev { left: auto; right: 50px; } .gallery_content .ripple { margin: 0; } .text_holder { margin-top: 25px; text-transform: capitalize; } /*===================================* 13.END GALLERY SECTION*===================================*/ /*===================================* 14.START ELEMENT DESIGN*===================================*/ .owl-theme .owl-nav { margin-top: 0; } .owl-theme .owl-nav [class*="owl-"] { box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); color: #000; font-size: 18px; margin: 0; padding: 6px 16px; background: #fff; border-radius: 0; position: absolute; top: 50%; -moz-transform: translateY(-50%); -webkittransform: translateY(-50%); transform: translateY(-50%); transition: all 0.3s ease-in-out; } .owl-theme .owl-nav .owl-prev { left: 0; } .owl-theme .owl-nav .owl-next { right: 0; } .owl-theme .owl-nav [class*="owl-"] { color: #000; font-size: 18px; } .owl-theme .owl-nav [class*="owl-"]:hover { background-color: #fff; color: #FFBC09; } .nav_style1 { overflow: hidden; } .nav_style1.owl-theme .owl-nav .owl-prev { left: -50px; opacity: 0; } .nav_style1.owl-theme .owl-nav .owl-next { right: -50px; opacity: 0; } .nav_style1.owl-theme:hover .owl-nav .owl-prev { left: 0px; opacity: 1; } .nav_style1.owl-theme:hover .owl-nav .owl-next { right: 0px; opacity: 1; } .video_play { position: absolute; right: 0; display: table; left: 50%; top: 50%; -moz-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); text-align: center; } .bounce_img { -webkit-animation: bounce_img 1.5s ease-in-out 0s infinite alternate; animation: bounce_img 1.5s ease-in-out 0s infinite alternate; } @-webkit-keyframes bounce_img { from { -webkit-transform: translateY(0px); transform: translateY(0px); } to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } } @keyframes bounce_img { from { -webkit-transform: translateY(0px); transform: translateY(0px); } to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } } .content_box { background-color: #fff; margin-top: 30px; } .content_desc { position: relative; padding: 15px; } .price { float: right; } .content_title { font-size: 18px; margin-bottom: 10px; } .event_box .content_meta { border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; } .content_desc p { margin-bottom: 10px; } .rating_stars i { color: #ffc600; font-size: 18px; line-height: normal; } .teacher img { border-radius: 100%; max-width: 40px; margin-right: 10px; } .content_footer { border-top: 1px solid #ddd; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; padding: 15px; width: 100%; } .course_meta { display: inline-block; } .content_meta li { float: left; padding-right: 15px; font-size: 15px; } .content_meta li:last-child { padding-right: 0px; } .content_meta li i { margin-right: 6px; font-size: 14px; } .price .alert { margin: 0; padding: 5px 15px; display: block; } .courses_info .content_meta { float: right; width: auto; } .courses_info, .content_meta { display: inline-block; width: 100%; vertical-align: middle; } .courses_info .rating_stars { float: left; } .content_meta li a { color: #292b2c; } .content_meta li a:hover { color: #FFBC09; } .content_img { overflow: hidden; position: relative; } .content_img a { display: block; } .content_img img { transition: all 0.5s ease-in-out; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); width: 100%; } .content_box:hover .content_img img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .content_box.hover_style1 { transition: all 0.5s ease; } .content_box.hover_style1:hover { margin-top: 20px; } .content_box.hover_style1:hover .content_img img { -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .course_list .content_img { float: left; width: 40%; margin-left: 15px; margin-top: 15px; } .course_list .content_desc { overflow: hidden; max-height: 173px; min-height: 173px; } .course_list .content_title { max-height: 45px; overflow: hidden; } .course_list .content_desc p { height: 48px; overflow: hidden; } .program_info li { float: left; padding-right: 15px; color: #FFBC09; } .program_info li span { color: #292b2c; } .box_counter i { font-size: 50px; } .box_counter img { max-width: 60px; margin-bottom: 15px; } .counter_style2 .counter_icon { background-color: rgba(255, 255, 255, 0.2); width: 80px; height: 80px; line-height: 80px; border-radius: 100%; margin: 0 auto 15px; padding: 0px; position: relative; } .counter_style2 .counter_icon:before { content: ""; position: absolute; background-color: rgba(255, 255, 255, 0.2); left: -5px; top: -5px; bottom: -5px; right: -5px; border-radius: 100%; } .counter_style2.box_counter img { margin: 0; padding: 10px; max-width: 60px; } .counter_text { font-size: 30px; } .counter_content { text-transform: capitalize; } .box_counter p { margin: 0; } .event_title { border-bottom: 1px solid #dad1b9; padding-bottom: 10px; margin: 15px 0; } .event_date { position: absolute; top: 10px; left: 10px; max-width: 75px; background-color: #fff; text-align: center; width: 100%; } .event_time { display: block; color: #fff; font-size: 14px; text-transform: uppercase; } .event_date h5 { font-size: 14px; margin: 0; padding: 5px; } .event_date h5 span { display: block; font-size: 24px; } .event_date span { display: block; padding: 5px; } .content_desc p:last-child { margin: 0; } .event_list { margin-top: 30px; } .event_list .content_box { margin-top: 15px; display: inline-block; } .event_list .content_box:first-child { margin-top: 0px; } .event_list .event_date { position: static; float: left; margin: 15px 0px 15px 15px; } .event_list .event_date h5 { border: 1px solid #eee; } .event_list .content_desc { overflow: hidden; } .event_list .content_desc p { height: 48px; overflow: hidden; } .custom_select { position: relative; } .custom_select::before { content: "\e64b"; font-family: 'themify'; position: absolute; display: block; top: 50%; right: 15px; font-weight: 900; pointer-events: none; font-size: 12px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .custom_select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #ced4da; border-radius: 4px; padding: 5px 30px 5px 20px; width: 100%; } .cl_logo_slider.owl-carousel .owl-item img { margin: 0 auto; width: auto; opacity: 0.7; padding: 0 10px; } .lr_popup .modal-body { padding: 0; } .custome-checkbox .form-check-label { position: relative; cursor: pointer; color: #908f8f; font-weight: 500; padding: 0; line-height: normal; vertical-align: middle; } .custome-checkbox .form-check-input { display: none; } .custome-checkbox .form-check-label::before { content: ""; border-radius: 3px; border: 2px solid #FFBC09; height: 20px; width: 20px; display: inline-block; vertical-align: top; margin: 0px 8px 0 0; } .custome-checkbox input[type="checkbox"]:checked+.form-check-label::after { opacity: 1; } .custome-checkbox input[type="checkbox"]+.form-check-label::after { content: ""; width: 11px; position: absolute; top: 6px; left: 5px; opacity: 0; height: 6px; border-left: 2px solid #FFBC09; border-bottom: 2px solid #FFBC09; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .lr_popup .close { position: absolute; right: 10px; top: 5px; z-index: 99; } .different_login { text-align: center; position: relative; margin: 20px 0; } .different_login span { background-color: #fff; padding: 0 15px; position: relative; text-transform: uppercase; } .different_login::before { content: ""; position: absolute; left: 0; top: 50%; right: 0; border-top: 1px solid #ddd; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .login_footer { text-align: left; } .login_footer a { float: right; color: #908f8f; } .btn-login li { margin: 0px 5px 0; display: inline-block; } .btn-login li a { border-radius: 5px; padding: 10px 20px; color: #fff; display: block; } .btn-login li a i { margin-right: 10px; font-size: 18px; } .btn-facebook { background: #3b5998; border-color: #3b5998; } .btn-facebook:hover { color: #fff; background: #344e86; border-color: #344e86; } .btn-google { background: #d85040; border-color: #d85040; } .btn-google:hover { color: #fff; background: #d33d2b; border-color: #d33d2b; } .form-note { padding-top: 15px; border-top: 1px solid #ddd; margin-top: 20px; } .tab-content { margin-top: 20px; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs li.nav-item { margin-right: 20px } .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover { border-bottom-color: #FFBC09; color: #FFBC09; } .nav-tabs .nav-link:hover { border-bottom-color: rgba(0, 0, 0, 0); } .nav-tabs li.nav-item a { background-color: transparent; border-top: 0; border-left: 0; border-right: 0; border-bottom: 3px solid rgba(0, 0, 0, 0); text-align: center; text-transform: capitalize; font-size: 15px; } .page-title h1 { font-size: 36px; margin: 0; text-transform: capitalize; font-weight: bold; } .page-title .breadcrumb-title { font-size: 36px; margin: 0; text-transform: capitalize; font-weight: bold; } .breadcrumb { background-color: transparent; margin: 0; padding: 0; } .page-title-light *, .page-title-light .breadcrumb-item, .page-title-light .breadcrumb-item::before { color: #fff; } .pagination li { margin-right: 5px; } .pagination .page-item a { border: 2px solid #dee2e6; border-radius: 4px; color: #888888; height: 40px; width: 40px; text-align: center; line-height: 36px; padding: 0; } .pagination .page-item a i { font-size: 24px; vertical-align: middle; } .page-item.active .page-link, .page-item .page-link:hover { background-color: #FFBC09; border-color: #FFBC09; color: #fff; } .page-link:focus { box-shadow: none; } .sidebar ul { list-style: none; } .search_form { position: relative; } .search_form .form-control { padding: 10px 45px 10px 15px; height: 47px; } .search_form button { background-color: transparent; border: 0; position: absolute; right: 0; top: 0; padding: 12px 15px; font-size: 18px; height: 46px; } .search_form button:hover { color: #FFBC09; } .sidebar .widget { margin-bottom: 15px; padding-bottom: 15px; } .sidebar .widget:last-child { margin: 0; padding: 0; } .sidebar .widget_title { position: relative; padding-bottom: 15px; color: #292b2c; font-family: 'Rubik', sans-serif; margin-bottom: 20px; text-transform: capitalize; font-size: 1.25rem; } .sidebar .widget_title::before { background-color: #FFBC09; bottom: 0; content: ""; height: 3px; left: 0; position: absolute; width: 80px; z-index: 1; } .sidebar .widget_title::after { background-color: #ddd; position: absolute; left: 0; right: 0; height: 1px; bottom: 0; width: 100%; content: ""; z-index: 0; } .widget_categories .categories_num { float: right; } .widget_categories ul li, .widget_archive ul li { padding-bottom: 15px; line-height: normal; } .widget_categories ul li:last-child, .widget_archive ul li:last-child { padding-bottom: 0px; } .widget_categories a::before, .widget_archive a::before { content: "\f125"; font-family: "ionicons"; margin-right: 10px; font-size: 12px; } .sidebar .widget_countdown { padding: 15px; margin-bottom: 30px; } .widget_countdown .countdown_box .countdown { font-size: 26px; } .widget_countdown .countdown_box::before { font-size: 20px; top: 5px; } .widget_countdown .countdown_time .cd_text { font-size: 12px; } .tags a { border: 1px solid #ddd; font-size: 14px; padding: 5px 15px; display: inline-block; border-radius: 2px; margin-bottom: 5px; } .tags a:hover { background-color: #FFBC09; color: #fff; border-color: #FFBC09; } .countent_detail_meta { display: inline-block; width: 100%; } .countent_detail_meta ul { list-style: none; } .countent_detail_meta li { float: left; padding-right: 15px; margin-right: 15px; border-right: 1px solid #dad1b9; } .instructor img { border-radius: 5px; float: left; margin-right: 10px; max-width: 50px; width: 100%; } .countent_detail_meta label { display: block; font-weight: bold; color: #333; margin: 0; } .course_student span { color: #333; } .instructor_info { overflow: hidden; } .course_cat a::after { content: ","; margin: 0 2px; } .course_cat a:last-child:after { content: normal; } .countent_detail_meta li:last-child { margin: 0; padding: 0; border: 0; } .course_img { position: relative; } .course_img .price { position: absolute; left: 20px; bottom: 20px; } .enroll_btn { position: absolute; right: 20px; bottom: 20px; } .course_detail { padding: 20px; margin-bottom: 40px; } .course_title { border-bottom: 1px solid #dad1b9; padding-bottom: 15px; margin-bottom: 15px; } .course_title h2,.course_title h1, .event_title h2 { font-size: 24px; margin: 0; } .curriculum_sections li { border-bottom: 1px solid #eee; } .curriculum_sections li:last-child { border-bottom: 0; } .curriculum_sections li a { display: table; width: 100%; } .curriculum_sections li a::before { content: "\f15c"; font-family: "Font Awesome 5 Free"; font-size: 18px; display: table-cell; width: 20px; text-align: center; line-height: 50px; } .course_item_meta { text-align: right; } .item_meta.duration { background-color: #FFBC09; color: #fff; padding: 4px 8px; border-radius: 3px; position: absolute; right: 20px; font-size: 14px; top: 20px; } .item_meta.duration::before { content: "\f017"; font-family: "Font Awesome 5 Free"; margin-right: 5px; } .accordion .card-header { padding: 0; background-color: transparent; border: 0; } .accordion .card-header a { display: block; padding: 20px 20px 20px 50px; font-size: 18px; text-transform: capitalize; border-bottom: 1px solid #ddd; line-height: normal; } .accordion .card-header a::after { content: "\f126"; font-family: "Ionicons"; font-size: 14px; font-weight: normal; position: absolute; left: 20px; top: 22px; } .accordion .card-header a.collapsed::after { content: "\f123"; } .course_tabs .accordion .card-header a { padding: 20px 120px 20px 50px; } .tab_box { padding: 15px; } .tab-content p:last-child { margin: 0; } .comment_content p:last-child, .card-body p:last-child { margin: 0; } .course_rate .review_bar { width: calc(100% - 120px); margin: 0 10px; height: 15px; background-color: #DDD; display: inline-block; } .course_rate .review_bar .rating { background-color: #FFBC09; height: 15px; } .course_rating { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; margin-bottom: 15px; } .rating_review { width: 40%; text-align: center; background-color: #f5f5f5; padding: 20px; } .review_number { display: block; font-size: 70px; color: #333; font-weight: 500; line-height: normal; } .rating_box { width: 60%; padding: 20px; } .course_rate { margin-bottom: 10px; } .course_rate:last-child { margin-bottom: 0px; } .user_img img { max-width: 100px; margin-right: 15px; } .comment-time { font-size: 14px; text-transform: capitalize; color: #333; } .meta_data { margin-bottom: 6px; } .comment_info { padding-top: 15px; margin-top: 15px; border-top: 1px solid #ddd; } .comment_info.reply { padding-left: 60px; } .countdown_time { display: inline-block; width: 100%; } .countdown_time .countdown_box { float: left; width: 25%; text-align: center; position: relative; } .countdown_time .cd_text { display: block; color: #333; } .countdown_box .countdown { color: #333; font-size: 40px; font-weight: bold; } .countdown_white .countdown_box .countdown, .countdown_white .countdown_box .cd_text { color: #fff; } .countdown_box::before { content: ":"; font-size: 40px; font-weight: bold; color: #000; position: absolute; right: -6px; } .countdown_white .countdown_box::before { color: #fff; } .countdown_box:last-child:before, .countdown_style1 .countdown_box::before { content: normal; } .countdown_style1 .countdown_box { border-right: 1px solid #fff; } .countdown_style1 .countdown_box:last-child { border-right: 0; } iframe { border: 0; } .event_map iframe { width: 100%; height: 300px; } .event_map { margin-bottom: 40px; } .social_icons [class*="sc_"] { color: #fff !important; } .social_icons [class*="sc_"]:hover { opacity: 0.8; } .sc_facebook { background-color: #3b5998 !important; border-color: #3b5998 !important; } .sc_gplus, .sc_google { background-color: #dd4b39 !important; border-color: #dd4b39 !important; } .sc_linkedin { background-color: #0e76a8 !important; border-color: #0e76a8 !important; } .sc_rss { background-color: #ee802f !important; border-color: #ee802f !important; } .sc_skype { background-color: #00aff0 !important; border-color: #00aff0 !important; } .sc_twitter { background-color: #00acee !important; border-color: #00acee !important; } .sc_youtube { background-color: #c4302b !important; border-color: #c4302b !important; } .sc_vimeo { background-color: #86c9ef !important; border-color: #86c9ef !important; } .sc_yahoo { background-color: #720e9e !important; border-color: #720e9e !important; } .sc_tumblr { background-color: #34526f !important; border-color: #34526f !important; } .sc_instagram { background-color: #3f729b !important; border-color: #3f729b !important; } .sc_pinterest { background-color: #c8232c !important; border-color: #c8232c !important; } .sc_dribbble { background-color: #EA4C89 !important; border-color: #EA4C89 !important; } .sc_reddit { background-color: #C6C6C6 !important; border-color: #C6C6C6 !important; } .sc_github { background-color: #171515 !important; border-color: #171515 !important; } .sc_android { background-color: #A4C639 !important; border-color: #A4C639 !important; } .sc_windows { background-color: #00A7E7 !important; border-color: #00A7E7 !important; } .sc_tux { background-color: #C1C1C1 !important; border-color: #C1C1C1 !important; } .sc_delicious { background-color: #205cc0!important; border-color: #205cc0 !important; } .sc_paypal { background-color: #00588b!important; border-color: #00588b !important; } .sc_blogger { background-color: #fc4f08!important; border-color: #fc4f08!important; } .sc_flickr { background-color: #ff0084!important; border-color: #ff0084!important; } .sc_yahoo { background-color: #720e9e!important; border-color: #720e9e!important; } .sc_dropbox { background-color: #3d9ae8!important; border-color: #3d9ae8!important; } .sc_ebay { background-color: #89c507!important; border-color: #89c507!important; } .sc_wordpress { background-color: #1e8cbe!important; border-color: #1e8cbe !important; } .sc_yelp { background-color: #c41200!important; } blockquote { padding: 20px 20px 20px 75px; background-color: #f6f6f6; font-style: italic; position: relative; border-left: 3px solid #888; } blockquote p:last-child { margin: 0; } blockquote::before { content: "\f10d"; position: absolute; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; font-size: 24px; left: 30px; top: 17px; } .single_post .single_post_content { margin-top: 15px; } .single_post .blog_text .blog_meta { margin: 10px 0; } .post_navigation i { font-size: 32px; line-height: normal; } .post_navigation span { display: block; font-weight: bold; text-transform: capitalize; } .single_post .post_navigation { margin: 30px 0; } .single_post .related_post { margin: 40px 0; } .single_post .comment_list { margin-bottom: 40px; } .comment-title h5 { margin: 0; } .rating>span.selected { color: #ffc300; } .rating>span { cursor: pointer; display: inline-block; } .rating span i { font-size: 30px; } .rating>span.selected i::before { content: "\f2fc"; } .share { margin: 5px 0; } .share h5 { float: left; margin-right: 10px; margin-top: 5px; } .list_item li { display: inline-block; padding-right: 30px; } .list_item li:last-child { padding-right: 0; } .overlap_section { margin-right: -50px; position: relative; z-index: 2; border-radius: 0 200px 200px 0; } .register_form { background-color: rgba(255, 255, 255, 0.1); } .apply_form { margin-bottom: -30px; } .fancy_box { position: relative; } .fancy_box::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0px; border: 3px solid #FFBC09; width: 50%; z-index: -1; } .fancy_box::after { content: ""; position: absolute; left: 0; border-right: 3px solid #fff; top: 50%; bottom: 0; width: 50%; height: 80%; transform: translateY(-50%); z-index: -1; } .fancy_img { padding-right: 30px; margin-bottom: 30px; } .fancy_img::before { content: ""; position: absolute; left: 30px; top: 30px; bottom: -30px; right: 0; background-color: #f7f7f7; z-index: -1; } .cta_section p:last-child { margin-bottom: 0; } .list_style_1 li { list-style: none; margin-top: 15px; position: relative; padding-left: 25px; padding-right: 15px; } .list_style_1 li::before { content: "\f058"; font-family: "Font Awesome 5 Free"; left: 0; position: absolute; top: 0px; font-size: 16px; font-weight: 900; } .list_style_1 li:first-child { margin-top: 0; } .offer_info { margin-top: -30px; } .owl-carousel .event_box.box_shadow1 { margin: 0 10px; } /*===================================* 14.END ELEMENT DESIGN*===================================*/ /*===================================* 15.START PARALLAX SHAPE DESIGN*===================================*/ [class*="ol_shape"] { position: absolute; } .ol_shape1 { top: 50px; left: 20px; max-width: 91px; } .ol_shape2 { bottom: 70px; right: 90px; max-width: 92px; } .ol_shape3 { top: 150px; right: 20px; max-width: 119px; } .ol_shape4 { bottom: 35px; left: 50%; max-width: 35px; } .ol_shape5 { bottom: 35px; left: 20px; max-width: 70px; } .ol_shape6 { top: 10%; left: 40%; max-width: 43px; } .ol_shape7 { top: 45%; left: 70px; max-width: 65px; } .ol_shape8 { top: 35%; left: 12%; max-width: 70px; } .ol_shape9 { top: 10%; left: 45%; max-width: 50px; } .ol_shape10 { top: 10%; right: 10%; max-width: 100px; } .ol_shape11 { top: 45%; right: 4%; max-width: 70px; } .ol_shape12 { bottom: 12%; right: 35%; max-width: 50px; } .ol_shape13 { top: 5%; left: 10%; max-width: 80px; } .ol_shape14 { top: 8%; right: 40%; max-width: 60px; } .ol_shape15 { bottom: 8%; left: 5%; max-width: 80px; } .ol_shape16 { bottom: 8%; left: 50%; max-width: 80px; } .ol_shape17 { top: 8%; right: 5%; max-width: 40px; } .ol_shape18 { bottom: 15%; left: 30%; max-width: 50px; } .ol_shape19 { top: 15%; left: 35%; max-width: 50px; } .ol_shape20 { top: 15%; left: 12%; max-width: 50px; z-index: -1; } .ol_shape21 { top: 40%; left: 8%; max-width: 34px; z-index: -1; } .ol_shape22 { bottom: 35%; left: 12%; max-width: 25px; z-index: -1; } .ol_shape23 { bottom: 10%; left: 7%; max-width: 26px; z-index: -1; } .ol_shape24 { top: 15%; right: 15%; max-width: 37px; z-index: -1; } .ol_shape25 { top: 30%; right: 10%; max-width: 31px; z-index: -1; } .ol_shape26 { bottom: 40%; right: 15%; max-width: 31px; z-index: -1; } .ol_shape27 { bottom: 25%; right: 10%; max-width: 36px; z-index: -1; } .ol_shape28 { bottom: 8%; right: 15%; max-width: 56px; z-index: -1; } .ol_shape29 { top: 15%; left: 15%; max-width: 62px; z-index: -1; } .ol_shape30 { top: 45%; left: 8%; max-width: 95px; z-index: -1; } .ol_shape31 { bottom: 10%; left: 12%; max-width: 86px; z-index: -1; } .ol_shape32 { top: 15%; right: 10%; max-width: 72px; z-index: -1; } .ol_shape33 { top: 45%; right: 7%; max-width: 75px; z-index: -1; } .ol_shape34 { bottom: 10%; right: 10%; max-width: 88px; z-index: -1; } /*===================================* 15.END PARALLAX SHAPE DESIGN*===================================*/ .alert-msg-failure { color: #721c24; background-color: #efa0a0; border-radius: 3px; margin-top: 10px; } .alert-msg-success { color: #155724; background-color: #d4edda; border-radius: 3px; margin-top: 10px; } /*Demo Switcher Css*/ span.statcounter { display: none; } .demo_switcher { position: fixed; right: 0; z-index: 9999; top: 40%; } .demo>ul>li>a { font-size: 22px; text-align: center; display: block; width: 40px; height: 40px; line-height: 40px; color: #fff; transition: all 0.5s ease-in-out; } .demo>ul>li>a.menu_icon { line-height: 44px; font-size: 25px; } .demo_list ul { list-style: none; display: inline-block; } .demo_list { background-color: #fff; position: fixed; right: -360px; ; max-width: 360px; padding: 5px; overflow: auto; top: 0; bottom: 0; transition: all 0.5s ease-in-out; z-index: 9999; } .demo_list.switch-active { right: 0; } .demo_list li { float: left; width: 50%; padding: 5px; } .demo_list li a { display: block; border: 1px solid #ddd; padding: 4px; position: relative; } .demo_list li a::before { content: ""; position: absolute; left: 4px; top: 4px; bottom: 4px; right: 4px; opacity: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 9; transition: all 0.5s ease-in-out; } .demo_list li a:hover:before { opacity: 1; } body.switch-open { overflow: hidden; padding-right: 15px; } .switch-open::before { content: ""; position: fixed; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 9999; } .demo li { position: relative; } .demo>ul>li>a.demo_icon.switch-active { position: relative; transition: all 0.5s ease-in-out; -moz-transform: translateX(-360px); -webkit-transform: translateX(-360px); transform: translateX(-360px); } .demo>ul>li>a.demo_icon.switch-active i::before { content: "\f129"; font-size: 20px; vertical-align: middle; } .demo>ul>li>a.menu_icon.switch-active { line-height: 36px; } .demo_list h5 { margin: 10px 0; } .demo li.switch-active .color_icon { transition: all 0.5s ease-in-out; -moz-transform: translateX(-200px); -webkit-transform: translateX(-200px); transform: translateX(-200px); } .color-switch { background: #212121; right: -200px; padding: 10px; position: absolute; top: 0; transition: all .5s ease-in-out; ; width: 200px; z-index: 999; } .switch-active { right: 0; } .color-switch button::after { color: #ffffff; content: "\f122"; font-family: "Ionicons"; font-size: 18px; left: 5px; opacity: 0; position: absolute; top: 2px; } .color-switch button.active::after { opacity: 1; } .color-switch button { border: 0 none; border-radius: 3px; cursor: pointer; height: 25px; line-height: 20px; margin: 2px; padding: 0; position: relative; text-align: center; width: 25px; } .default { background-color: #FFBC09; } .green { background-color: #00C382; } .orange { background-color: #FD5A38; } .blue-light { background-color: #00C3CB; } .red { background-color: #f0222c; } .demo_list li a span { position: absolute; left: 0; right: 0; color: #fff; z-index: 9; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); text-shadow: 0 0 4px rgba(0, 0, 0, 0.8); opacity: 0; padding: 0 10px; transition: all 0.5s ease-in-out; } .demo_list li a:hover span { opacity: 1; } @media only screen and (max-width: 480px) { .demo_list { right: -270px; max-width: 270px; } .demo>ul>li>a.icon.switch-active { -moz-transform: translateX(-270px); -webkit-transform: translateX(-270px); transform: translateX(-270px); } } .nav-sticky{/*position: sticky;*/ top: 95px; background-color: #faeec9; z-index: 9;} .course_tabs h2{color:#f1592a; margin-bottom: 30px;} .course_tabs h3{color:#2e3192; margin-bottom: 20px; font-size: 18px;} .course_tabs h4{color:#00aeef; margin-bottom: 20px; font-size: 15px;} .course_tabs h5{color:#2e3192; margin-bottom: 20px; font-size: 15px;} .course_tabs .tab-title{color:#2e3192; margin-bottom: 20px; font-size: 15px; font-weight: bold;} .course_tabs a{color:#f1592a;} .inn-list { margin-bottom: 15px; } .inn-list li { margin-bottom: 5px; position: relative; padding-left:28px; list-style: none; } .course_tabs strong{color:#f1592a;} .course_tabs ul li { margin-bottom: 15px; list-style: none; } .inn-list li:before { content: "\e61d"; font-family: 'themify'; position: absolute; left: 0; top: 1px; display: block; color: #f1592a; font-size: 15px; line-height: 26px; font-weight: 800; text-align: center; z-index: 5; } .inn-list2 { margin-bottom: 15px; } .inn-list2 li { margin-bottom: 5px; position: relative; padding-left:25px; list-style: none; font-size: 15px; } .inn-list2 li:before { content: "\e6af"; font-family: 'themify'; position: absolute; left: 0; top: 1px; display: block; color: #f1592a; font-size: 15px; line-height: 26px; font-weight: 800; text-align: center; z-index: 5; } .panel-group { margin: 20px 0px; } #accordion .panel { box-shadow: none; border: none; border-radius: 0; margin-bottom: 6px; border-left: 2px solid #f1592a; } #accordion .panel-heading { padding: 0; background-color: #fff; } #accordion .panel-title a.collapsed { border-top: 0; color: #292b33; background: #eee; border-bottom: 1px solid transparent; } #accordion .panel-title a { display: block; color: #007791; font-size: 18px; padding: 14px 40px; background: #f5f5f5; border-bottom: 1px solid #d3d3d3; position: relative; } #accordion .panel-title a.collapsed:before { content: "\e622"; } #accordion .panel-title a:before, #accordion .panel-title a.collapsed:before { content: "\e61a"; font-family: 'themify'; font-weight: 900; position: absolute; top: 10px; left: 15px; font-size: 14px; line-height: 24px; color: #f1592a; } #accordion .panel-body { font-size: 14px; line-height: 20px; border-top: 0 none; background: #eee; padding: 15px 20px; } .inn-cmn-page { padding: 30px 0px; } .tquk-inn-page { box-shadow: 0 10px 60px 0 rgb(159 164 189 / 14%); padding: 20px; border-radius: 20px; margin-bottom: 30px; background-color: #dbe9ff; } .sub-banner-sec { width: 100%; position: relative; padding: 50px 0px; background: #0f1046; } .breadcrumb-sec ul { background: rgba(255, 255, 255, 0.058); padding: 4px 20px; display: inline-block; } breadcrumb-sec ul li:first-child { padding-left: 0px; } .breadcrumb-sec ul li { display: inline-block; color: #ec5252; padding-left: 5px; } .breadcrumb-sec ul li a i { padding-left: 8px; font-size: 12px; } .subscribe-section { background: url("assets/images/cta-bg.jpg") no-repeat; background-size: cover; background-position: center center; position: relative; padding: 60px 50px; margin-bottom: -60px; position: relative; z-index: 2; border-radius: 7px; overflow: hidden; } .subscribe-section b, strong { font-weight: normal; color: #fff; } .subscribe-section:before { position: absolute; content: ""; left: 0px; top: 0px; width: 100%; height: 100%; background: #171970; opacity: .98; } .subscribe-section .section-heading { margin-bottom: 0px; } .subscribe-form { position: relative; } .subscribe-form .form-control { height: 65px; border-radius: 45px; padding-left: 25px; } .subscribe-form i { color: #fff; } .subscribe-form .btn { color: #fff; position: absolute; right: 7px; top: 7px; border-radius: 45px; padding: 12px 30px; } .white-text .subheading, .white-text p, .white-text span { color: #fff; } .subheading { font-size: 13px; color: #385777; font-weight: 600; letter-spacing: 2px; position: relative; display: inline-block; } .pt-120 { padding-top: 120px; } .pt-50 { padding-top: 50px; } .section-heading h3 { color: #fff; font-size: 40px; } .heading_s1 .testi-title{ margin-bottom: 1rem; text-transform: capitalize; color: #292b2c; font-family: 'Rubik', sans-serif; font-size: 2rem;font-weight: 500; line-height: 1.2;} .section-heading .news-title { color: #fff; font-size: 40px; font-family: 'Rubik', sans-serif; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } @media (max-width: 480px) .subscribe-section { padding: 60px 20px; margin-bottom: 60px; } .subscribe-section .subscribe-form { margin-top: 20px; } .subscribe-section .subscribe-form .btn { right: 0px; top: 7px; position: relative; } .subscribe-form .form-control { height: 57px; padding-left: 25px; } @media (max-width: 768px) .section-heading h3 { font-size: 32px; } b, strong { font-weight: normal; color: #f1592a; } .counter-section { position: relative; background: #23244e; } .counter-section:before { position: absolute; content: ""; left: 0px; top: 0px; width: 100%; height: 100%; background: url(../images/bg-do2.png); opacity: .3; } .cta-form{margin-top: 50px; margin-bottom: -22px;} .academy-wrap { padding: 20px; margin-bottom: 18px; } .error-page .error-header h2 { font-size: 90px; line-height: 1.1; font-weight: 700; } .mt-20{margin-top: 20px;} /* review-section */ .review-section {position:relative; padding:20px 0 20px; text-align:center;} .denmark-line {padding: 20px 0 15px; background: url(../images2/bg.jpg) center no-repeat #d3d3d3; background-size: cover; border-top: 5px solid #eb7753; border-bottom: 1px solid #eb7753;} .denmark-line a {padding: 0 10px; display: inline-block;} .denmark-line .inner-heading {text-align:center; font-weight:700; margin:0 0 20px;} .denmark-line .inner-heading:before {right:0; margin:0 auto;} .banner {position: relative; width: 100%;} .bannerPic, .bannerPic img { width: 100%; position: relative; object-fit: cover; } .spanstyle1{ color: #00aeef; margin-bottom: 20px; font-size: 15px; font-weight: 500; } .spanstyle2{ color: #2e3192; margin-bottom: 20px; font-size: 15px; font-weight: 600; } .curriculum-global-note { margin-top: 18px; padding: 10px 10px; border-left: 4px solid #ce2029; background: rgba(206, 32, 41, 0.06); font-size: 16px; font-weight: 700; color: #000307; display: flex; gap: 8px; line-height: 1.6; border-radius: 8px; } .curriculum-global-note .note-star { color: #ce2029; font-weight: 900; } .curriculum-global-note .note-text { flex: 1; }