body {font-family: "Inter", sans-serif;line-height: 1.5;margin-top: var(--header-height);} html {font-size: 16px;scroll-padding-top: var(--header-height);} /* global */ :root{ --theme-font: "Inter", sans-serif; --secondary-font : RecklessNeue; /* --sidebar-hover-width: 16.563rem; */ /* colors */ --grey-color:#f6f6f6; --grey-color-dark:#383838; --white: hsl(0, 0%, 100%); --white10: hsla(0, 0%, 100%, 0.01); --white20: hsla(0, 0%, 100%, 0.02); --white30: hsla(0, 0%, 100%, 0.03); --white40: hsla(0, 0%, 100%, 0.04); --white50: hsla(0, 0%, 100%, 0.05); --white100: hsla(0, 0%, 100%, 0.10); --white200: hsla(0, 0%, 100%, 0.20); --white300: hsla(0, 0%, 100%, 0.30); --white400: hsla(0, 0%, 100%, 0.40); --white500: hsla(0, 0%, 100%, 0.50); --white600: hsla(0, 0%, 100%, 0.60); --white700: hsla(0, 0%, 100%, 0.70); --white800: hsla(0, 0%, 100%, 0.80); --white900: hsla(0, 0%, 100%, 0.90); --black: hsl(0, 0%, 0%); --black10: hsla(0, 0%, 0%, 0.01); --black20: hsla(0, 0%, 0%, 0.02); --black30: hsla(0, 0%, 0%, 0.03); --black40: hsla(0, 0%, 0%, 0.04); --black50: hsla(0, 0%, 0%, 0.05); --black100: hsla(0, 0%, 0%, 0.10); --black200: hsla(0, 0%, 0%, 0.20); --black300: hsla(0, 0%, 0%, 0.30); --black400: hsla(0, 0%, 0%, 0.40); --black500: hsla(0, 0%, 0%, 0.50); --black600: hsla(0, 0%, 0%, 0.60); --black700: hsla(0, 0%, 0%, 0.70); --black800: hsla(0, 0%, 0%, 0.80); --black900: hsla(0, 0%, 0%, 0.90); /* --theme-color: hsl(160, 48%, 49%); */ --theme-color:#3E4095; --secondary-color:#70DAF0; --theme-color-black:#040707; /* --theme-color10: rgba(2, 48, 71, 0.01); --theme-color20: rgba(2, 48, 71, 0.02); --theme-color30: rgba(2, 48, 71, 0.03); --theme-color40: rgba(2, 48, 71, 0.04); --theme-color50: rgba(2, 48, 71, 0.05); --theme-color100: rgba(2, 48, 71, 0.10); --theme-color200: rgba(2, 48, 71, 0.20); --theme-color300: rgba(2, 48, 71, 0.30); --theme-color400: rgba(2, 48, 71, 0.40); --theme-color500: rgba(2, 48, 71, 0.50); --theme-color600: rgba(2, 48, 71, 0.60); --theme-color700: rgba(2, 48, 71, 0.70); --theme-color800: rgba(2, 48, 71, 0.80); --theme-color900: rgba(2, 48, 71, 0.90); */ --theme-color-blue: rgb(33, 158, 188); /* --theme-color-blue10: rgba(33, 158, 188, 0.01); --theme-color-blue20: rgba(33, 158, 188, 0.02); --theme-color-blue30: rgba(33, 158, 188, 0.03); --theme-color-blue40: rgba(33, 158, 188, 0.04); --theme-color-blue50: rgba(33, 158, 188, 0.05); */ --theme-color-blue100: rgba(33, 158, 188, 0.10); --theme-color-blue200: rgba(33, 158, 188, 0.20); --theme-color-blue300: rgba(33, 158, 188, 0.30); --theme-color-blue400: rgba(33, 158, 188, 0.40); --theme-color-blue500: rgba(33, 158, 188, 0.50); --theme-color-blue600: rgba(33, 158, 188, 0.60); --theme-color-blue700: rgba(33, 158, 188, 0.70); --theme-color-blue800: rgba(33, 158, 188, 0.80); --theme-color-blue900: rgba(33, 158, 188, 0.90); --text-color: #343438; --danger: #FF0000; /* colors end */ --theme-color-yellow:#ffb703; } .theme_color_yellow {color: var(--theme-color-yellow);} .font10{font-size: 0.625rem;}/*10px*/ .font11{font-size: 0.688rem;}/*11px*/ .font12{font-size: 0.750rem;}/*12px*/ .font13{font-size: 0.813rem;}/*13px*/ .font14{font-size: 0.875rem;}/*14px*/ .font15{font-size: 0.938rem;}/*15px*/ .font16{font-size: 1.000rem;}/*16px*/ .font17{font-size: 1.063rem;}/*17px*/ .font18{font-size: 1.125rem;}/*18px*/ .font19{font-size: 1.188rem;}/*19px*/ .font20{font-size: 1.250rem;}/*20px*/ .font21{font-size: 1.313rem;}/*21px*/ .font22{font-size: 1.375rem;}/*22px*/ .font23{font-size: 1.438rem;}/*23px*/ .font24{font-size: 1.500rem;}/*24px*/ .font25{font-size: 1.563rem;}/*25px*/ .font26{font-size: 1.625rem;}/*26px*/ .font27{font-size: 1.688rem;}/*27px*/ .font28{font-size: 1.750rem;}/*28px*/ .font29{font-size: 1.813rem;}/*29px*/ .font30{font-size: 1.875rem;}/*30px*/ .font31{font-size: 1.938rem;}/*31px*/ .font32{font-size: 2.000rem;}/*32px*/ .font33{font-size: 2.063rem;}/*33px*/ .font34{font-size: 2.125rem;}/*34px*/ .font35{font-size: 2.188rem;}/*35px*/ .font36{font-size: 2.250rem;}/*36px*/ .font37{font-size: 2.313rem;}/*37px*/ .font38{font-size: 2.375rem;}/*38px*/ .font39{font-size: 2.438rem;}/*39px*/ .font40{font-size: 2.5rem;}/*40px*/ .font45{font-size: 2.813rem;}/*45px*/ .font46{font-size: 2.875rem;}/*46px*/ .font48{font-size: 3rem;}/*48px*/ .font49{font-size: 3.063rem;}/*49px*/ .font50{font-size: 3.125rem;}/*50px*/ .font54{font-size: 3.375rem;}/*54px*/ .font55{font-size: 3.438rem;}/*55px*/ .font58{font-size: 3.625rem;}/*58px*/ .font60{font-size: 3.75rem;}/*60x*/ .font63{font-size: 3.938rem;}/*63px*/ .font64{font-size: 4rem;}/*64px*/ .font65{font-size: 4.063rem;}/*65px*/ .font74{font-size: 4.625rem;}/*74px*/ .font80{font-size: 5rem;}/*80px*/ .font88{font-size: 5.5rem;}/*88px*/ .font108{font-size: 6.75rem;}/*108px*/ .fw100{font-weight: 100!important;} .fw200{font-weight: 200!important;} .fw300{font-weight: 300!important;} .fw400{font-weight: 400!important;} .fw500{font-weight: 500!important;} .fw600{font-weight: 600!important;} .fw700{font-weight: 700!important;} .fw800{font-weight: 800!important;} .fw900{font-weight: 900!important;} .color_dark{color: var(--black)!important;} .color_dark10{color: var(--black10)!important;} .color_dark20{color: var(--black20)!important;} .color_dark30{color: var(--black30)!important;} .color_dark40{color: var(--black40)!important;} .color_dark50{color: var(--black50)!important;} .color_dark100{color: var(--black100)!important;} .color_dark200{color: var(--black200)!important;} .color_dark300{color: var(--black300)!important;} .color_dark400{color: var(--black400)!important;} .color_dark500{color: var(--black500)!important;} .color_dark600{color: var(--black600)!important;} .color_dark700{color: var(--black700)!important;} .color_dark800{color: var(--black800)!important;} .color_dark900{color: var(--black900)!important;} .color_light{color: var(--white)!important;} .color_light10{color: var(--white10)!important;} .color_light20{color: var(--white20)!important;} .color_light30{color: var(--white30)!important;} .color_light40{color: var(--white40)!important;} .color_light50{color: var(--white50)!important;} .color_light100{color: var(--white100)!important;} .color_light200{color: var(--white200)!important;} .color_light300{color: var(--white300)!important;} .color_light400{color: var(--white400)!important;} .color_light500{color: var(--white500)!important;} .color_light600{color: var(--white600)!important;} .color_light700{color: var(--white700)!important;} .color_light800{color: var(--white800)!important;} .color_light900{color: var(--white900)!important;} .color_theme{color: var(--theme-color)!important;} .color_theme10{color: var(--theme-color10)!important;} .color_theme20{color: var(--theme-color20)!important;} .color_theme30{color: var(--theme-color30)!important;} .color_theme40{color: var(--theme-color40)!important;} .color_theme50{color: var(--theme-color50)!important;} .color_theme100{color: var(--theme-color100)!important;} .color_theme200{color: var(--theme-color200)!important;} .color_theme300{color: var(--theme-color300)!important;} .color_theme400{color: var(--theme-color400)!important;} .color_theme500{color: var(--theme-color500)!important;} .color_theme600{color: var(--theme-color600)!important;} .color_theme700{color: var(--theme-color700)!important;} .color_theme800{color: var(--theme-color800)!important;} .color_theme900{color: var(--theme-color900)!important;} .color_theme_dark{color: var(--theme-color-dark)!important;} .color_theme_dark10{color: var(--theme-color-dark10)!important;} .color_theme_dark20{color: var(--theme-color-dark20)!important;} .color_theme_dark30{color: var(--theme-color-dark30)!important;} .color_theme_dark40{color: var(--theme-color-dark40)!important;} .color_theme_dark50{color: var(--theme-color-dark50)!important;} .color_theme_dark100{color: var(--theme-color-dark100)!important;} .color_theme_dark200{color: var(--theme-color-dark200)!important;} .color_theme_dark300{color: var(--theme-color-dark300)!important;} .color_theme_dark400{color: var(--theme-color-dark400)!important;} .color_theme_dark500{color: var(--theme-color-dark500)!important;} .color_theme_dark600{color: var(--theme-color-dark600)!important;} .color_theme_dark700{color: var(--theme-color-dark700)!important;} .color_theme_dark800{color: var(--theme-color-dark800)!important;} .color_theme_dark900{color: var(--theme-color-dark900)!important;} .bg_dark{background-color: var(--black)!important;} .bg_dark10{background-color: var(--black10)!important;} .bg_dark20{background-color: var(--black20)!important;} .bg_dark30{background-color: var(--black30)!important;} .bg_dark40{background-color: var(--black40)!important;} .bg_dark50{background-color: var(--black50)!important;} .bg_dark100{background-color: var(--black100)!important;} .bg_dark200{background-color: var(--black200)!important;} .bg_dark300{background-color: var(--black300)!important;} .bg_dark400{background-color: var(--black400)!important;} .bg_dark500{background-color: var(--black500)!important;} .bg_dark600{background-color: var(--black600)!important;} .bg_dark700{background-color: var(--black700)!important;} .bg_dark800{background-color: var(--black800)!important;} .bg_dark900{background-color: var(--black900)!important;} .bg_light{background-color: var(--white)!important;} .bg_light10{background-color: var(--white10)!important;} .bg_light20{background-color: var(--white20)!important;} .bg_light30{background-color: var(--white30)!important;} .bg_light40{background-color: var(--white40)!important;} .bg_light50{background-color: var(--white50)!important;} .bg_light100{background-color: var(--white100)!important;} .bg_light200{background-color: var(--white200)!important;} .bg_light300{background-color: var(--white300)!important;} .bg_light400{background-color: var(--white400)!important;} .bg_light500{background-color: var(--white500)!important;} .bg_light600{background-color: var(--white600)!important;} .bg_light700{background-color: var(--white700)!important;} .bg_light800{background-color: var(--white800)!important;} .bg_light900{background-color: var(--white900)!important;} .bg_theme{background-color: var(--theme-color)!important;} .bg_theme10{background-color: var(--theme-color10)!important;} .bg_theme20{background-color: var(--theme-color20)!important;} .bg_theme30{background-color: var(--theme-color30)!important;} .bg_theme40{background-color: var(--theme-color40)!important;} .bg_theme50{background-color: var(--theme-color50)!important;} .bg_theme100{background-color: var(--theme-color100)!important;} .bg_theme200{background-color: var(--theme-color200)!important;} .bg_theme300{background-color: var(--theme-color300)!important;} .bg_theme400{background-color: var(--theme-color400)!important;} .bg_theme500{background-color: var(--theme-color500)!important;} .bg_theme600{background-color: var(--theme-color600)!important;} .bg_theme700{background-color: var(--theme-color700)!important;} .bg_theme800{background-color: var(--theme-color800)!important;} .bg_theme900{background-color: var(--theme-color900)!important;} .bg_theme_dark{background-color: var(--theme-color-dark)!important;} .bg_theme_dark10{background-color: var(--theme-color-dark10)!important;} .bg_theme_dark20{background-color: var(--theme-color-dark20)!important;} .bg_theme_dark30{background-color: var(--theme-color-dark30)!important;} .bg_theme_dark40{background-color: var(--theme-color-dark40)!important;} .bg_theme_dark50{background-color: var(--theme-color-dark50)!important;} .bg_theme_dark100{background-color: var(--theme-color-dark100)!important;} .bg_theme_dark200{background-color: var(--theme-color-dark200)!important;} .bg_theme_dark300{background-color: var(--theme-color-dark300)!important;} .bg_theme_dark400{background-color: var(--theme-color-dark400)!important;} .bg_theme_dark500{background-color: var(--theme-color-dark500)!important;} .bg_theme_dark600{background-color: var(--theme-color-dark600)!important;} .bg_theme_dark700{background-color: var(--theme-color-dark700)!important;} .bg_theme_dark800{background-color: var(--theme-color-dark800)!important;} .bg_theme_dark900{background-color: var(--theme-color-dark900)!important;} .color_white {color: var(--white) !important; } .color_light_blue {color: var(--theme-color-light) !important;} .common_padding{ padding-block:5.625rem; } .fst_sec {padding-top: calc(var(--header-height) + 5rem);} .common_padding_sm{ padding-block:3rem; } .heading_box { padding-bottom: 4rem !important; } .heading_box .head_lg { font-size: 3.125rem; } .accordion_content {display: none;} ul {margin: 0; padding: 0; list-style: none;} .tab_content:not(.active) { display: none; } a {text-decoration: none;} @font-face { font-family: RecklessNeue; src: url(../fonts/RecklessNeue-Thin.ttf); font-weight: 200; } @font-face { font-family: RecklessNeue; src: url(../fonts/RecklessNeue-Light.ttf); font-weight: 300; } @font-face { font-family: RecklessNeue; src: url(../fonts/RecklessNeue-Regular.ttf); font-weight: 400; } @font-face { font-family: RecklessNeue; src: url(../fonts/RecklessNeue-Medium.ttf); font-weight: 500; } @font-face { font-family: RecklessNeue; src: url(../fonts/RecklessNeue-SemiBold.ttf); font-weight: 600; } @font-face { font-family: RecklessNeue; src: url(../fonts/RecklessNeue-Bold.ttf); font-weight: 700; } .classyvogue{ font-family: Classyvogueregular;} ul{margin: 0;} p:nth-last-child(1){margin-bottom: 0;} .clear-both{clear: both;} .bold{font-weight: 700;} .regular{font-weight: 400;} a{color: inherit;} a:hover{color: inherit;} a:focus, button:focus, input:focus, .btn:focus, select:focus, select:focus-within, input:focus-within, textarea:focus {outline: none; } .form-check-input:focus{box-shadow: none;} ::selection {color: var(--white);background: var(--theme-color);} .bg-theme{background-color: var(--theme-color);} p {color: #48474A;font-family: "Urbanist", sans-serif;font-size: 1rem;font-style: normal;font-weight: 400;line-height: 1.6rem;} /* .container {max-width: calc(1280px + calc(calc(var(--bs-gutter-x) * .5) * 2));} */ .container-xl{max-width: 1800px;} .link-cover{position: absolute; top: 0;left: 0; width: 100%; height: 100%; z-index: 1;} .h-auto{height: auto!important;} input{box-shadow: none!important;} .secondary-font{font-family: var(--secondary-font);} .text-white{color:var(--white)} .text-theme{color: var(--theme-color)!important;} .text-secondary{color:var(--secondary-color-text)!important;} .uppercase{text-transform: uppercase;} .bg-theme{background-color: var(--theme-color); color: var(--white);} .bg1{background-color: var(--theme-color-light); color: var(--white);} a:-webkit-any-link { color: var(--theme-color); } a:hover:-webkit-any-link{color: #000;} /* global end */ /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;} /* Firefox */ input[type=number] {-moz-appearance: textfield;} .btn_theme { display: inline-block; background-color: var(--theme-color); color: var(--white)!important; border-radius: 0; padding: 1rem 2.1rem;border-radius: 10px; border: solid 1px var(--theme-color-light); text-transform: uppercase; font-weight: 500; font-size: 1rem; transition: 0.5s;} .btn_theme svg { width: 20px; margin-left: 0.5rem; } .btn_theme svg polygon {fill: var(--white); transition: 0.5s;} .btn_theme:hover svg polygon { fill: var(--theme-color);} .btn_theme:hover { background-color: transparent; color: var(--theme-color) !important; } .btn_theme.btn_theme_light { background-color: var(--theme-color-light); } .btn_theme.btn_theme_light:hover { background-color: transparent; color: var(--theme-color-light);} .btn_theme_sm.pdf_btn{border-radius: 7px;padding: 0.4rem 1rem 0.4rem 0.5rem;border-width: 1.5px;} .btn_theme_sm.pdf_btn svg {width: 20px;} .btn_yellow.pdf_btn .pdf_btn_svg {background-color: var(--theme-color-yellow);} .btn_theme_sm.pdf_btn:hover {background-color: var(--theme-color-yellow) !important; } .btn_yellow svg { width: 20px; margin-left: 0.5rem; } .btn_yellow svg polygon {fill: var(--theme-color); transition: 0.5s;} .btn_yellow:hover { background-color: transparent; color: var(--theme-color-yellow) !important;} .btn_yellow:hover polygon {fill: var(--theme-color-yellow);} .pdf_btn { padding: 0.6rem 1.5rem 0.6rem 1rem; width: max-content; border: solid 2px var(--theme-color-yellow);} .pdf_btn img { margin-right: 0.5rem;} .btn_yellow { display: inline-block; transition: 0.5s; background-color: var(--theme-color-yellow); color: var(--theme-color)!important; border-radius: 0; padding:1rem 2.1rem; border-radius: 10px; text-transform: uppercase; font-weight: 500; font-size: 1rem; border: solid 1px var(--theme-color-yellow);} .theme_btn {background-color: var(--theme-color);border: 1px solid var(--theme-color);color: var(--white) !important;border-radius: 10px;padding: 1rem 3rem;transition: all .5s ease;margin-top: 1rem;} /* .theme_btn:after {content: ''; width: 0%; top: 0; left: 0; transition: 0.5s; height: 100%; background-color: var(--theme-color-black); transition: 0.5s; position: absolute; z-index: -1;} .theme_btn:hover:after {width: 100%;} */ .btn_theme_sm {padding:0.8rem 1.5rem; margin-top: 2rem; display: inline-block; font-size: 0.813rem;} /* .btn:hover {background-color: transparent; color: var(--theme-color-light) !important; border: solid 1px var(--theme-color-light) !important; } */ .theme_btn:hover { color: var(--theme-color) !important;border: 1px solid var(--theme-color);} .btn_space { margin-top: 2.188rem;} .btn_outline { background-color: transparent; border-color: var(--theme-color); color: var(--theme-color) !important; } .btn_outline:hover { background-color: var(--theme-color100); border-color: currentColor; color: currentColor;} .btn_lg { font-size: 1.2rem; padding: 0.4rem 1.9rem; } .section_heading { text-align: center; margin-bottom: 0; } [data-dropdown_btn]>*{pointer-events: none;} .pdf_btn .pdf_btn_svg {position: relative;display: inline-flex; background-color: var(--white); border-radius: 6px; padding: 0.2rem; margin-right: 0.8rem; transition: 0.5s;} /* .btn_yellow .pdf_btn_svg:before { position: absolute; content: ''; width: 76%; height: 75%; left: 50%; top: 50%; transform: translate(-50%, -50%); background: var(--theme-color) } */ .pdf_btn svg { width: 25px; margin-left: 0;color: #fff; position: relative;} .pdf_btn svg path {fill: var(--theme-color);} .pdf_btn {display: flex !important; align-items: center;} .pdf_btn:hover .pdf_btn_svg { background-color: var(--theme-color-yellow); } .pdf_btn_icon .pdf_btn_svg { margin-right: 0rem;} .pdf_btn_icon.pdf_btn { padding: 0.5rem; margin-top: 0.5rem; margin-right: 0.5rem; display: inline-block !important;} .pdf_btn_icon.pdf_btn:last-child { margin-right: 0 !important; } /* header */ header {position: fixed;top: 0;left: 0;width: 100%;transition: all ease 0.5s; z-index: 92; } .scrolling-down { background-color: var(--theme-color);} .sml-header .header_logo img {max-width: 12.5625rem !important;} /* .sml-header .top_nav>li>a { color: var(--theme-color);} */ /* .sml-header .top_nav>li>a{color: var(--white);} */ .header_right { display: flex; align-items: center; margin-left: auto; } .header_right ul { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; } .header_right>nav>ul>li {margin-left: 2.8rem;font-size: 1.375rem;} .sml-header { background-color: transparent; box-shadow: 0 0 50px #0000001a;} /* .sml-header { transform: translateY(-50px);} */ .inner_page header { } .sml-header .header_right nav, .inner_page .header_right nav { font-weight: 500; } .sml-header .header_right, .inner_page .header_right{ color: var(--black900); } .sml-header .nav_menu span, .inner_page .nav_menu span{ background-color: var(--black); } .header_logo img:nth-child(2){display: none;} .top-header { background-color: var(--white); padding-inline: 5rem;} /* .sml-header .header_logo img:nth-child(2){display: block;} .sml-header .header_logo img:nth-child(1){display: none;} .inner_page .header_logo img:nth-child(2){display: block;} .inner_page .header_logo img:nth-child(1){display: none;} */ /* .sml-header:not(.scrolling-down) { transform: translateY(calc(0px - var(--top-header-height))); box-shadow: 0 0 40px var(--black100); } .scrolling-down { transform: translateY(calc(-100% - 2.2rem)); } */ /* .sml-header.scrolling-up { transform: translateY(-3.1rem); } */ /* body { padding-top: var(--header-height); } */ /* TOP HEDER CSS SRMU START */ .top_header { background-color: var(--theme-color-black); } .top_header .left_side { font-size: 0.859rem;} .list_right { list-style: none; display: flex; } .top_header a {color: var(--white);} .top_header .top_list a { text-transform: uppercase; } .top_header .top_list:hover a { opacity: 0.5;} .top_list a:hover {opacity: 1 !important;} .top_list li { padding: 0 0.7rem; position: relative;} .top_list li:after { width: 1px; height: 55%; background-color: var(--white); content: ''; position: absolute; top: 6px; right: 0; } .top_list {list-style: none; display: flex;margin: 0 -0.7rem;padding: 0; align-items: center;} .top_list a {transition: 0.5s; font-size: 0.875rem; } .top_list .btn { background-color: var(--theme-color-light); } .top_list li:last-child:after {display: none;} .right_side .list_right {margin: 0 -0.7rem;} .right_side .list_right li { position: relative; padding: 0 1.5rem; display: flex; align-items: center;} .right_side .list_right li:nth-child(4) {padding-right: 0; border-left: solid 1px #ccc; padding-left: 0;} .right_side .list_right li:last-child { padding-left: 0;} .top_header .right_side { position: relative; } .right_side .list_right li:first-child:after {width: 1px; height: 100%; background-color: #1f2121; content: ''; position: absolute; top: 0px; right: 0;} .right_side .list_right li a {font-size: 0.859rem;} .right_side .list_right li .header_btn:after {content: "\f0a4"; font-family: "Font Awesome 6 Free"; font-size: 15px; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: -30px; width: 30px; height: 100%; background-color: rgba(255, 255, 255, 0.3); border-radius: 0px 6px 6px 0px; transition: all 0.2s linear 0s; text-align: center; } /* .right_side .list_right li .header_btn:hover { text-indent: -30px;} */ .right_side .list_right li .header_btn:hover:after { right: 0; text-indent: 0px;} .call_in {display: flex; align-items: center;} .call_in div:first-child { margin-right: 0.5rem;} .header_btn {background-color: var(--theme-color); text-transform: uppercase;padding: 0.875rem 2.5rem; display: block; font-size: 0.875rem !important; position: relative; color: var(--white) !important; transition: 0.5s; overflow: hidden; } /* .header_btn:hover { background-color: #d89e0e; } */ .top_header .list_right:hover a { opacity: 0.5;} .list_right a:hover {opacity: 1 !important;} .header_btn_call {background-color: var(--white); text-transform: uppercase;padding: 0 1rem; display: flex; height: 100%; align-items: center; transition: 0.5s; text-transform: capitalize; } .header_btn_call span {display: block;} /* TOP HEDER CSS SRMU END */ /* TOP MENU HEDER CSS SRMU START */ .bottom_header {padding-block: 0.61rem;background: linear-gradient(249deg, #553BFC 0%, #740ED4 100%);/*color: #fff;*/} .top_nav {display: flex;list-style: none;padding-left: 0; align-items: center;width: 100%;} .bottom_header .header_logo img {max-width: 14.5625rem;transition: all .5s ease;} /* header end */ .close_menu_large {background: var(--theme-color-light); display: none; padding: 0.5rem; border-radius: 1px;position: absolute;right: 1rem;top: 4px; display: none; } .close_menu_large img {height: 15px;} .menu_option,.search_option{position:relative} .header-nav,.side_options{display:flex} /* .header-nav{align-items:center;width: 72%;} */ .header-nav{align-items:center;width: auto;} /* .top_nav>li:nth-last-child(2){flex: 1;} */ .top_nav>li.last_child {flex: 1;} .top_nav>li>a{color: #FFF; font-family: "Urbanist", sans-serif; font-size: 1.1rem; font-style: normal; font-weight: 400; line-height: normal; padding: 0.25rem .75rem .25rem;position: relative;display: inline-block;transition: all 5s ease;} .top_nav>li>a img{transition: all .5s ease;} /* .top_nav>li>a:hover img{transform: rotate(45deg);} */ .top_nav>li:last-child>a img{margin-left: .5rem;} .top_nav>li>a>span { position: relative; display: inline-block; padding: 0 0.2rem; } .top_nav>li>a>span:after { background-color: var(--white); transition: 0.5s; content: ''; width: 0%; height: 100%; position: absolute; top: 0; left: 0;z-index: -1;} /* .top_nav>li>a:hover>span:after { width: 100%;} */ .top_nav>li>a:hover { color: #ccc;} .top_nav>li>a::before{content: '';position: absolute;top: 100%;height: 4rem;width: 100%;background-color: transparent;} .top_nav>li>a:hover::after{content: '';position: absolute;left: 50%;bottom: 0;width: 60%;height: 1px;background: #fff;transform: translateX(-50%);} /* .top_nav > li:last-child > a {padding: 0.5rem 0.6rem; transition: all .5s ease; border-radius: 3.4375rem; background: #00A1FE; color: #FFF; text-align: center; font-family: "Urbanist", sans-serif; font-size: 1rem; font-style: normal; font-weight: 600; line-height: normal;border: 1px solid transparent;} .top_nav > li:last-child > a:hover {background-color: transparent;border: 1px solid #fff; color: #fff;} */ /* .sub_menu li:last-child a{border:0} */ .round_btn{--size:2.563rem;width:var(--size);height:var(--size);background-color:var(--theme-color);border:none;color:var(--white);border-radius:50%;padding-top:2px;margin-left: 2rem;} .menu_btn{width:2.438rem;cursor:pointer;margin-left:1.2rem} .side_options{align-items:center} .sub_menu{position:absolute;left:0;top:3.2rem;padding:0;width:100%; overflow: hidden; list-style:none; border-radius: 8px; background-color: var(--white);min-width:17.5rem;opacity: 0;pointer-events: none;box-shadow: 0 0 30px var(--black50);/* border-radius: 0.5rem; */transition: all ease 0.5s;z-index: 1;background: #FFF;border: 0;/* border-radius: 0; */ box-shadow: rgb(0 0 0 / 20%) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;} .sub_menu li:hover > a {background-color: #F9F5FE;} .sub_menu a{padding: 0.5rem 1rem; font-size: 0.8rem; display: inline-block; border-bottom: 1px solid var(--black100); width:100% ; color: #3C0059; font-family: "Urbanist", sans-serif; font-size: 0.9375rem; font-style: normal; font-weight: 500; line-height: 1.75rem;} .sub_menu a .menu_icon { position: relative; top: -1px; margin-right: 0.938rem;} .sub_menu a:before{display:none} .has_submenu .sub_menu .sub_menu {background-color:var(--white);top: 0;left: 100%;padding: 0;margin: 0;} .menu_icon_angle { height: 8px; width: 8px; border: solid 2px var(--black600);display: inline-block;transform: rotate(136deg); border-left: 0; border-bottom: 0; transition: 0.5s; } .sub_menu li:hover a .menu_icon_angle { transform: rotate(45deg);} /* .top_nav > .has_submenu > .sub_menu:after {height: 15px; width: 15px; background-color: #fff; position: absolute; top: -7px; right: 50px;content: ''; transform: rotate(45deg); } */ .top_nav li:not(.has_submenu) .menu_icon_angle { display: none;} /* .sub_menu:before {content: ''; position: absolute; top: -11px; left: 25px; transform: rotate(45deg); z-index: -1; border: 11px solid green; border-bottom-color: transparent; border-right-color: transparent; } */ .has_submenu:hover>a:after{transform:rotate(180deg)} .top_nav li {position: relative;} .top_nav>li>a.active::after{content: '';position: absolute;left: 50%;bottom: 0;width: 60%;height: 1px;background: #fff;transform: translateX(-50%);} .top_nav > li.courses-menu.has_submenu > ul.sub_menu { grid-template-columns: repeat(2, 1fr); display: grid; min-width: 46.5rem; padding: 1rem; column-gap: 1rem; border: 0; /* border-radius: 0; */ box-shadow: rgb(0 0 0 / 20%) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; } .top_nav > li.courses-menu.has_submenu > ul.sub_menu a {padding: 0.3rem 1rem;} .top_nav > li.courses-menu.has_submenu > ul.sub_menu a { padding: 0.5rem 0.5rem; font-size: 0.8rem; position: relative; color: #000; transition: all 0.5s; display: inline-block; border-bottom: 1px solid var(--black100); width: 100%; } .top_nav li.has_submenu ul.sub_menu a:before { content: ""; display: inline-block; width: 6px; height: 6px; border-right: 1px solid #000000; border-bottom: 1px solid #000000; transform: rotate(-45deg); margin-right: 8px; vertical-align: middle; } .top_nav > li.courses-menu.has_submenu > ul.sub_menu li:hover a { /* background: var(--theme-color-blue); */ color: #3C0059; background: transparent; } @media(min-width:992px){ .top_nav > li.courses-menu.has_submenu > ul.sub_menu { width: min(46.5rem, calc(100vw - 2rem)); min-width: 0; max-width: calc(100vw - 2rem); transform: translateX(var(--courses-menu-offset, 0px)); } .has_submenu:hover>.sub_menu, .has_submenu:focus-within>.sub_menu{opacity:1;pointer-events: all;} .caret_icon_mob { display: none;} } .top_nav > li:last-child .has_submenu .sub_menu { left: -100%;} /* .program_menu_main:after {height: 15px; width: 15px; background-color: #fff; position: absolute; top: -7px; right: 37rem; content: ''; transform: rotate(45deg);} */ .caret_icon { height: 15px; width: 15px; background-color: var(--theme-color-yellow); position: absolute; top: 3.13rem; right: 3rem; content: ''; transform: rotate(45deg); z-index: -1; } .ddp-click {display: none;} .program_menu_main { position: absolute; top: calc(var(--header-height) + -15px); background: var(--white); /* margin: 0 3rem; */ border-radius: 8px; border-top: solid 4px var(--theme-color-yellow); border-bottom: solid 4px var(--theme-color-light); padding: 2rem 4rem; max-height: calc(100vh - var(--header-height)); overflow: auto; left: 50%; transform: translateX(-50%); width: calc(100% - 5rem);} /* .program_menu_inner { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1.875rem} */ .program_menu_inner {-webkit-column-width: 280px; -moz-column-width: 280px; column-width: 280px; -webkit-column-count: 3; -moz-column-count: 3; column-count: 4; -webkit-column-gap: 20; -moz-column-gap: 20; column-gap: 20;} .program_menu_program_type {page-break-inside: avoid; margin-bottom: 2rem;} .program_menu_inner .program_menu_program_type:nth-child(4), .program_menu_inner .program_menu_program_type:nth-child(5), .program_menu_inner .program_menu_program_type:nth-child(5), .program_menu_inner .program_menu_program_type:nth-child(6), .program_menu_inner .program_menu_program_type:nth-child(7) { margin-bottom: 1rem; } .menu_title { font-size: 1.125rem;margin-bottom: 0.6rem; font-weight: 500; color: var(--theme-color-light); border-radius: 5px; padding: 0.5rem 1rem; display: inline-block; transition: 0.5s; } .disciplines_menu {width: max-content; } .disciplines_menu a {border-radius: 5px; padding: 0.5rem 1rem; display: block; transition: 0.5s; border: solid 1px transparent;} .disciplines_menu:hover a { color: var(--theme-color-light); border: solid 1px var(--theme-color-yellow); -webkit-text-stroke-width: 0.3px; } .program_menu_program_type:hover .menu_title { background-color: var(--theme-color-yellow); color: var(--black); } .program_menu_main { transition: 0.5s; transform: translateX(-50%) translateY(10rem); opacity: 0; pointer-events: none; } .program_menu_main.active { transform: translateX(-50%); opacity: 1; pointer-events: all; } .program_menu_main:before { content: ""; position: absolute; left: 0; background: transparent; width: 100%; height: 23rem; bottom: 100%; } .caret_icon { transform: translateY(10rem) rotate(45deg); transition: 0.5s; opacity: 0; clip-path: polygon(100% 0, 0 0, 0 100%); } .active .caret_icon { opacity: 1; transform: translateY(0) rotate(45deg); } /* .header_search { background-color: #eff6f2; position: relative; height: 2.75rem; border-radius: 3rem; } .header_search input { border:solid 1px #dce5e0; border-radius: 3rem;min-width: 13.714rem; width: 13.714rem; height: 100%; padding-right: 3rem;} .bannerSlider .swiper-slide { overflow: hidden;} .header_search >i { position: absolute; top:0.75rem; right: 1.25rem;} */ .main_banner{ position: relative; margin-top: calc(var(--top-header-height) - 1px);} .main_banner button { all:unset; cursor: pointer;} .main_banner .btn_yellow { margin-top: 1rem; display: inline-block;;} .main_banner .swiper-pagination-bullet {height: 13px !important; width: 13px !important; border: solid 1px #fff; opacity: 1; background: transparent; } .main_banner .swiper-pagination-bullet-active { background-color: #fff !important;} .main_banner .swiper-pagination { display: flex; color: var(--white); position: static; } .main_banner .swiper-pagination .swiper-pagination-bullet:not(:last-child) { margin-bottom: 0.8rem !important; } .banner_wrapper { display: flex; } .banner_content .font80 {text-transform: uppercase;line-height: 1.1;} .banner_content>.font16:first-child{margin-bottom:.5rem;position:relative;display:flex;align-items:center} .banner_content>.font16:first-child:before{content:"";display:block;width:3.6rem;height:1px;background-color:currentColor;margin-right:1rem} .banner_img{margin-right:-6rem; padding-top: 0rem;max-width: calc(100% + 0rem); height: 100vh;} .search-form{display:flex;position:relative;width:fit-content; margin: 0;} .search-form .btn{background-color:var(--theme-color-black); color: var(--white); padding:.5rem;width:3.75rem;border-radius:0 5rem 5rem 0} .search-form button[type=reset]{position:absolute;right:3.75rem;height:100%;padding:.6rem;border:none;background-color:transparent;transition:.5s;opacity:0;pointer-events:none} .search-form input[type=search]{border:none;padding:0 2rem 0 1.9rem;border-radius:5rem 0 0 5rem;width:19.2rem} .search-form input[type=search]:not(:placeholder-shown)+button{opacity:1;pointer-events:all} input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration{display:none} .banner { min-height: 35rem; height: calc(100vh - var(--header-height)); display: flex; align-items: center; position: relative; } .banner .swiper-slide { display: flex; align-items: center; } .main_banner .custom-pagination { width: 13rem; display: flex; color: var(--white); align-items: center;} .main_banner .progress { width: 100%; margin: 0 0.5rem; height: 5px;} .progress-bar { background-color: var(--theme-color-black);} /* BANNER CSS */ /* .bannerSlider .banner_img { height: calc(100vh - var(--header-height)); width: 100%; object-fit: cover; min-height: 28.125rem;} */ .bannerSlider .banner_img {image-rendering: -webkit-optimize-contrast; width: 100%; object-fit: cover; -webkit-backface-visibility: hidden; -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* object-fit: scale-down; */ } .bannerSlider .swiper-slide { position: relative;} /* .bannerSlider .swiper-slide:after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(7, 9, 50, 0.50); content: ''; } */ .banner_content {position: absolute; top: auto;bottom: 0; left: 0;text-align: left; color: var(--white);z-index: 1; width: 100%;} /* .banner_content .btn { background-color: var(--white); color: var(--theme-color) !important; padding: 0.5rem 2rem; transition: 0.5s;} .banner_content .btn:hover { background-color: var(--theme-color); color: var(--white) !important; } */ .banner_content .text_lg {color: #FFF;font-family: RecklessNeue;font-size: 3.75rem;font-style: normal;font-weight: 700;line-height: normal;} .banner_content .text_sm {color: #FFF;font-family: var(--theme-font);font-size: 26px;font-style: normal;font-weight: 600;line-height: normal;} .bannerSlider .ep-arrows { width: 100%; justify-content: center; display: flex; position: static; justify-content: flex-end; transform: translateY(0); } .slider_btn {position: absolute; right: 0; width: 100%; bottom: 10%; z-index: 1;} .bannerSlider .ep-arrows>button { background-color: transparent; transition: 0.5s;} .bannerSlider .ep-arrows>button:hover { transform: scale(1.2); } .bannerSlider .ep-prev { margin-left: 1rem; } .addbox { margin-bottom: 0.5rem;} .banner_content_inner { max-width: 52rem; color: var(--white);} .location_header svg, .top_header svg { height: 1rem;} .top_header svg { top: -2px; position: relative;} .bannerSlider .ep-arrows> button { height: 3.125rem; width: 3.125rem; border-radius: 50px; background-color: #c5c5c5; display: flex; align-items: center; justify-content: center;} .bannerSlider .ep-arrows img { height: 24px;} /* TOP MENU HEDER CSS SRMU END */ /* GO TO BOTTOM START */ .go_bottom_wrap {text-align: center; } .go_bottom { } .go_bottom img { margin-top: -60px; position: relative; z-index: 1; cursor: pointer; text-align: center;} /* GO TO BOTTOM END */ .maxwidth695{max-width: 43.438rem;} .heading_wrap .heading_sm {color: #777777;} .heading_link_wrap {justify-content: space-between; align-items: center;} .heading_link_wrap .link_arrow {display:flex; transition: 0.5s;} .heading_link_wrap .link_arrow:hover svg { transform: translateX(-5px); } .heading_link_wrap .link_arrow span {white-space: nowrap; text-transform: uppercase;} .heading_link_wrap .link_arrow svg {width: 2.813rem; transition: 0.5s; margin-left: 1rem;} .links_mob_btn_sm {display: inline-block;} .mob_link { margin-top: 3rem; position: relative; z-index: 1; display: none;} .mob_link .link_arrow {display:flex; transition: 0.5s; justify-content: center;} .mob_link .link_arrow:hover svg { transform: translateX(-5px); } .mob_link .link_arrow span {white-space: nowrap; font-weight: 600; text-transform: uppercase;} .mob_link .link_arrow svg {width: 2.813rem; transition: 0.5s; margin-left: 1rem;} .heading_wrap { margin-bottom: 3.75rem;} .heading_wrap .sec_head {margin-bottom: 1rem;} .heading_wrap .heading_sm.heading_border:before {content: ''; display: inline-block; width: 10rem; height: 1px; background-color: #c0bfbe; margin-right: 1rem;} .heading_wrap .heading_sm.heading_border.color_dark:before { background-color: #000;} .heading_wrap.color_white .heading_sm { color: var(--white) !important;} .sec_head.heading_border { width: max-content; padding: 0 1rem; margin: 0 auto; position: relative; } .sec_head.heading_border:after { content: ''; display: inline-block; width: 10rem; height: 1px; background-color: #ccc; position: absolute; left: 100%; top: 2rem;} .sec_head.heading_border:before { content: ''; display: inline-block; width: 10rem; height: 1px; background-color: #ccc; position: absolute; right: 100%; top: 2rem;} /* ABOUT US HOME START */ .facts_home_wrap { background-color: #f6f6f6;} .heading_with_para { display: flex; justify-content: space-between; flex-wrap: wrap;} .heading_with_para >div { width: 48%; } .sec_head p {line-height: 1.1;} .list_fact { list-style: none; margin: 4rem 0 0 0; display: flex; gap: 0 1rem; padding: 0; } .list_fact li {flex: 1;} .home_factbox { background-color: #000; transition: 0.5s; background-size: cover; height: 100%; overflow: hidden; position: relative; padding: 1.5rem 1rem 1rem 1rem; border-radius: 10px; color: #fff; } .home_factbox:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000a6; } .home_factbox_inner { position: relative; z-index: 1;} .home_factbox_inner .text {color: var(--white);} .home_factbox .icon { height: 4.375rem; width: 4.375rem; display: inline-flex; align-items: center; justify-content: center; } .home_factbox .icon img { transition: 0.5s;} .home_factbox .title { font-size: 2.813rem; font-weight: 500; font-family: Classyvogueregular;} .list_fact li:first-child .home_factbox { background-color: #0e0e0e;} .list_fact li:nth-child(2) .home_factbox { background-color: #1b1b1b;} .list_fact li:nth-child(3) .home_factbox { background-color: #4c4c4c;} .list_fact li:nth-child(4) .home_factbox { background-color: #a0a0a0;} .list_fact li:nth-child(5) .home_factbox { background-color: #d1af78;} /* .home_factbox:hover .icon img { transform: scale(1.3) rotate(5deg); } */ .about_home_inner {display: flex; justify-content: space-between;align-items: center; } .about_home_inner >div { width: 49%;} .about-pagination .swiper-pagination-bullet { width: 12px; transition: 0.5s; opacity: 1 !important; height: 12px; background-color: #929292; } .about-pagination { position: absolute; z-index: 1; text-align: center;} .about-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 52px; border-radius: 10px; background-color: var(--white); } .about_home_wrap .right_side { position: relative; margin-left: 5rem;} .about_home_wrap .aboutHomeSlider { position: absolute; bottom: 7%; width: 86%;} .about_home_wrap .aboutHomeSlider img { width: 100%;object-fit: cover; aspect-ratio: 490 / 340;} /* ABOUT US HOME END */ .about_agakhan_trust { background-size: 100% 100%; background-attachment: fixed; position: relative;} .about_agakhan_trust:before { content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-color: rgba(0, 0, 0, 0.7); } .about_agakhan_trust_inner >div { width: 50%; position: relative;} .about_agakhan_trust_inner .about_home_right { padding-left: 4rem; } .about_agakhan_trust_inner .about_home_right_bg { background-color: #ffffffc4; backdrop-filter: blur(2px); padding: 1rem; width: calc(85% + var(--white-space)); } .about_agakhan_trust_inner .about_home_right_inner { border: solid 1px #a6a3a0; padding: 4rem; font-family: "Roboto Condensed", sans-serif; letter-spacing: -1px; position: relative; line-height: 1.3;} .about_agakhan_trust_inner .about_home_right_inner svg { position: absolute; width: 16%; top: 2rem; left: 2rem; z-index: -1;} .about_agakhan_trust_inner .quote_content{margin-top: 2rem;} .about_agakhan_trust_inner .quote_content .lg_text:before { content: ''; display: inline-block; width: 3rem; height: 2px; background-color: var(--theme-color-black); position: relative; top: 8px; margin-right: 1rem; } .about_agakhan_trust_inner .quote_content .lg_text {display: flex; align-items: flex-start;} .about_agakhan_trust_inner .quote_content .sm_text { padding-left: 4rem;} .about_agakhan_trust_inner .about_home_left_inner { padding-right: 4rem; } .home_project_inner {display: flex; justify-content: space-between;} .home_project_inner > div { width: 48%;} .about_agakhan_trust_inner .about_home_left_inner .theme_btn {color: var(--white) !important; border-color:var(--white)} .about_agakhan_trust_inner .about_home_left_inner .theme_btn:after {background-color:var(--white) } .about_agakhan_trust_inner .about_home_left_inner .theme_btn:hover { color: var(--theme-color-black) !important;} .conservation_home { background-repeat: no-repeat;background-size: cover; position: relative;} .conservation_home .story_nav {position: absolute; top: 54%; right: 10%; z-index: 2; opacity: 0; transition: 0.5s; } .conservation_home .container1:hover .story_nav {opacity: 1;} .conservation_home .storySwiper { padding-top: 3.5rem;} .conservation_home .storySwiper img { border-radius: 20px; width: 100%;} .conservation_home .slide_item { transition: 0.5s;} .conservation_home .storySwiper .swiper-slide { display: flex; justify-content: end; align-items: flex-end; } .conservation_home .storySwiper .swiper-slide-active .slide_item {width: calc(100% - var(--white-space)); aspect-ratio: 1/1; } .conservation_home .storySwiper .swiper-slide-active .slide_item > img { height: 100%; object-fit: cover;} .conservation_home .swiper-slide { height: auto; } .conservation_home .slide_item { position: relative; transition: 2s; width: 100%; } /* .conservation_home .slide_item .conservation_data { position: absolute; opacity: 0; transition: 0.5s; border-radius: 20px;overflow: hidden; bottom: 0; left: 0; color: var(--white); padding: 3rem;} */ /* .conservation_home .title { font-family: Classyvogueregular;} */ /* .conservation_data_inner { position: relative;} */ /* .conservation_home .slide_item .conservation_data:before { content: ''; position: absolute; bottom: 0; left: 0; background: linear-gradient(11deg, black, #00000080, #00000024, transparent, transparent); width: 100%; height: 271px; } */ .conservation_home .swiper-slide-next .slide_item { transform: translateY(-3.5rem); } .conservation_home .swiper-slide-next .conservation_data { opacity: 1;} .conservation_home .swiper_btn {height: 6.25rem; width: 6.25rem; border-radius: 50px; background-color: #d1af78c2; display: flex; align-items: center; justify-content: center; transition: 0.5s; margin-left: auto;} .conservation_home .swiper_btn svg { height: 2rem;} .conservation_home .swiper_btn:hover { transform: scale(0.9); } .qutb_shahi_home {background-attachment: fixed; overflow: hidden; background-size: cover; height:100vh; position: relative; } /* .qutb_shahi_home:before { content: ''; position: absolute; bottom: 0; left: 0; background : -moz-linear-gradient(35.19% 122.96% 70deg,rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 0) 91.06%); background : -webkit-linear-gradient(70deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 91.06%); background : -webkit-gradient(linear,35.19% 122.96% ,64.81% -22.96% ,color-stop(0,rgba(0, 0, 0, 1) ),color-stop(0.9106,rgba(0, 0, 0, 0) )); background : -o-linear-gradient(70deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 91.06%); background : -ms-linear-gradient(70deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 91.06%); height: 100%; width: 100%; background : linear-gradient(20deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 91.06%); } */ .qutb_shahi_home .overlay { content: ''; position: absolute; filter: blur(15px); bottom: 0; left: 0; background : -moz-linear-gradient(35.19% 122.96% 70deg,rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 0) 91.06%); background : -webkit-linear-gradient(70deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 91.06%); background : -webkit-gradient(linear,35.19% 122.96% ,64.81% -22.96% ,color-stop(0,rgba(0, 0, 0, 1) ),color-stop(0.9106,rgba(0, 0, 0, 0) )); background : -o-linear-gradient(70deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 91.06%); background : -ms-linear-gradient(70deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 91.06%); height: 100%; width: 100%; background : linear-gradient(20deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 91.06%); } .qutb_shahi_home_inner { position: relative; color: var(--white); height: 100%; display: flex; max-width: 50rem; flex-direction: column; justify-content: end;} .qutb_shahi_home_inner .theme_btn { border-color: var(--white); color: var(--white) !important; width: max-content; } .key_attractions_gallery {display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(6, 6rem); grid-gap: 1rem; list-style: none; margin: 0; padding: 0;} .keypattern_img { position: absolute; bottom: 0; left: 0; max-width: 100%; height: 100%; } .key_attractions_home { position: relative;} .key_attractions_gallery li {background-color: red;} .key_attractions_gallery .key_attractions_box, .key_attractions_gallery .images { height: 100%;} .key_attractions_gallery .key_attractions_box { position: relative;} .key_attractions_gallery .images img { display: block;} .key_attractions_gallery .key_attractions_data {position: absolute; top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); background: #00000080; display: flex; flex-direction: column; justify-content: center; text-align: center; padding: 1rem 2rem; color: var(--white); transition: 0.5s; transform: scale(0); backdrop-filter: blur(2px);} .key_attractions_box:hover .key_attractions_data { transform: scale(1);} .key_attractions_gallery .key_attractions_data .title{font-size: 1.5rem;} .key_attractions_gallery .images img { height: 100%; width: 100%; object-fit: cover;} .key_attractions_gallery li:first-child {grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 5;} .key_attractions_gallery li:nth-child(2) {grid-column-start: 1; grid-column-end: 2; grid-row-start: 5; grid-row-end: 7;} .key_attractions_gallery li:nth-child(3) {grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3;} .key_attractions_gallery li:nth-child(4) {grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 7;} .key_attractions_gallery li:nth-child(5) {grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: 5;} .key_attractions_gallery li:nth-child(6) { grid-column-start: 3; grid-column-end: 4; grid-row-start: 5; grid-row-end: 7;} .key_attractions_gallery li:nth-child(7) { grid-column-start: 4; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3;} .key_attractions_gallery li:nth-child(8) {grid-column-start: 4; grid-column-end: 4; grid-row-start: 3; grid-row-end: 5;} .key_attractions_gallery li:nth-child(9) { grid-column-start: 4; grid-column-end: 4; grid-row-start: 7; grid-row-end: 5; } .home_video_wrapper {background-color: var(--theme-color-black); padding-bottom: 5rem;} .videoSwiper .swiper-slide-active .slide_item {width: calc(100% - var(--white-space)); } .home_video_wrapper{overflow: hidden; position: relative;} .showing_video_box {position: relative; padding-left: 190px;} .showing_video_box .play_icon{ position: absolute; top: 50%; left: 45%; z-index: 1; opacity: 0; transform: translate(-50%, -50%); transition: 0.5s; pointer-events: none; cursor: pointer;} .showing_video_box .images { position: relative; transition: 0.5s;} .showing_video_box:hover .images .thumimg { -webkit-clip-path: polygon(0 0%, 100% 10%, 100% 90%, 0 100%); clip-path: polygon(0 0%, 100% 10%, 100% 90%, 0 100%); } .showing_video_box .thumimg {-webkit-transition: 0.5s; transition: 0.5s; -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%); clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%); filter: brightness(0.65);} .showing_video_data {position: absolute; bottom: 80px; left: 0; color: var(--white); width: 100%; font-size: 1.5rem; font-family: Classyvogueregular;} .videoSwiper { padding-block: 5%;} .showing_video_data .text { width: 50%;} /* .showing_video_box .images:after { content: ''; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, rgb(0 0 0 / 20%) 0%, rgb(0 0 0 / 24%) 51.96%); height: 100%; width: 100%;} */ .home_video_wrapper:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 140%; background-color:#27221b;clip-path: polygon(0 56%, 100% 78%, 100% 100%, 0% 100%); } .home_video_wrapper .link_arrow svg {fill: var(--white);} .home_video_wrapper .link_arrow span { color: var(--white);} /* .home_video_wrapper .swiper-slide-next .images {transform: scale(1.2);} */ .home_video_wrapper .swiper-slide-next .thumimg { -webkit-clip-path: polygon(0 0%, 100% 10%, 100% 90%, 0 100%); clip-path: polygon(0 0%, 100% 10%, 100% 90%, 0 100%); } .home_video_wrapper .swiper-slide-next .play_icon { opacity: 1; pointer-events: all;} .video_slider_main {width: calc(100% - 200px);margin-left: auto;margin-top: 90px; } @media (max-width: 1440px) { .showing_video_box { padding-left: 120px; } .video_slider_main {width: calc(100% - 90px);} .home_video_wrapper .swiper-slide-next .images {transform: scale(1);} .videoSwiper { padding-block: 0;} } @media (max-width: 1366px) { .collection-one__carousel { margin-right: -90px; } } .vistor_info_wrap { background-color: #E2DCD3;} .vistor_images { position: relative; transition: 0.5s; overflow: hidden;} .vistor_images img {transition: 0.5s; } .vistor_images:hover img { transform: scale(1.2) rotate(8deg); filter: grayscale(1);} .vistor_images:after { content: ''; position: absolute; top: 0; left: 0; background : -moz-linear-gradient(50% 100% 90deg,rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 0) 51.96%); background : -webkit-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 51.96%); background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(0, 0, 0, 1) ),color-stop(0.5196,rgba(0, 0, 0, 0) )); background : -o-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 51.96%); background : -ms-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 51.96%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000' ,GradientType=0)"; background : linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 51.96%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000' , GradientType=0); height: 100%; width: 100%;} .vistor_info_home { display: flex; gap: 0 1rem; } .vistor_info_home li { overflow: hidden; flex: 1;} .vistor_info_home img { aspect-ratio: 390/490; object-fit: cover; width: 100%; } .vistor_info_home .hidden_title { font-size: 1.375rem; padding: 2rem 1rem; transition: 0.5s; text-transform: uppercase; font-weight: 500; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; color: var(--white);} .vistor_info_home .hidden_data_all { position: absolute; text-align: center; transition: 0.5s; bottom: -100%; background-color: var(--white); width: 100%; padding: 2rem; z-index: 2; color: #28231c;} .vistor_info_home .hidden_data_all .link { height: 3.75rem; width: 3.75rem; border-radius: 50px; background-color: var(--theme-color); display: flex; align-items: center; transition: 0.5s; justify-content: center; transition: 0.5s; margin-left: auto; position: absolute; top: -2rem; transform-origin: center center; right: 1.5rem; text-align: center; } .vistor_info_home .hidden_data_all .link svg { height: 1.2rem;} .vistor_info_home .hidden_data_all .title {font-family: "Marck Script", cursive; font-size: 2.5rem;} .vistor_info_home .hidden_data_all .text { text-transform: uppercase; font-size: 1.375rem; font-weight: 500;} .vistor_images:hover .hidden_data_all { bottom: 0%; } .vistor_images:hover .hidden_title { opacity: 0;} .vistor_info_home .hidden_data_all .link:hover { transform: rotate(360deg);} .vistor_info_wrap .heading_sm {color: #000;} .vistor_info_wrap .sec_head.heading_border:before, .vistor_info_wrap .sec_head.heading_border:after { background-color: #574932; } /* BLOG HOME START */ .blogSwiper .swiper-slide { height: auto; } .blogSwiper .blog_card_box { height: 100%; display: flex; flex-direction: column;} .blog_card_box {border: solid 1px #d9d9d9; transition: 0.5s;height: 100%;background: #fff;} .blog_card_box:hover { transform: translateY(2rem);} .blog_card_box .date {color: #48474A; font-family: Urbanist; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.4rem;} .blog_card_box .blog_data { padding: 2rem 2rem; position: relative; flex-grow: 1; display: flex; flex-direction: column;} .blog_card_box .blog_data a { margin-top: auto;} .blog_card_box:after { content: ''; z-index: -1; transition: 0.5s; position: absolute; bottom: 0; left: 0; width: 100%; height: 0%;background: linear-gradient(249deg, #553BFC 0%, #740ED4 100%);} .blog_card_box:hover:after { height: 100%;} .blog_card_box img { aspect-ratio: 280/204; max-width: 100%; width: 100%; transition: 0.5s;object-fit: cover;} .blog_card_box .title {padding: 0.5rem 0 1rem 0px; color: #3C0059; font-family: Urbanist; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: 1.75rem;} .view_more.line {display: inline-flex; align-items: center; color: #553BFC; font-family: Urbanist; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.6rem; letter-spacing: -0.035rem;} /* .view_more.line:before { content: ''; display: inline-block; width: 2rem; height: 1px; background-color: #c0bfbe; margin-right: 1rem; transition: 0.5s; } */ .view_more.line:hover:before { width: 2.2rem; } .blog_card_box * {color: #48474A; font-family: Urbanist; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.4rem; transition: 0.5s; } .blog_card_box:hover * { color: var(--white)!important;} .blog_card_box:hover .dtl_btn::after{background: #fff;} .blog_card_box:hover .view_more.line:before { background-color: var(--white);} .blog_card_box:hover img { transform: scale(1.2);} .blog_card_box .images { overflow: hidden;} .nav_blog { display: flex; margin-top: 3rem; justify-content: center; align-items: center;} .nav_blog svg {width: 5rem;} .nav_blog .blog-button-next { transform: rotate(180deg);} .nav_blog .swiper-pagination-bullet-active, .nav_blog .swiper-pagination-bullet { background-color: transparent; } .nav_blog .swiper-pagination-bullet { height: auto !important; width: auto !important; margin: 0 0.5rem !important; font-size: 1.25rem;} .nav_blog .swiper-number {width: auto !important; padding: 0px 1.2rem;} .nav_blog .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { opacity: 0.5;} /* BLOG HOME END */ .insta_post ul {display: flex;} .insta_post img { aspect-ratio: 1/1; max-width: 100%; width: 100%; object-fit: cover; height: 14.25rem;} .insta_post ul li {flex: 1;} /*---------------------- OLD CSS */ /* ABOUT PAGE CSS START */ .project_components_wrap { } .project_components_grid {display: flex; background-color: var(--white); position: sticky; top: 70px;} .project_components_grid { padding-bottom: 4rem;} .project_components_grid .text_data {width: 50%;} .project_components_grid .text_data .data_inner{ max-width: 34rem;} .project_components_grid .images {width: calc(50% + var(--white-space)); margin-right: calc(0px - var(--white-space));} .after_before_wrap {display: flex; align-items: center; justify-content: space-between; width: 100%;} .after_before_wrap .after_before { width: 60%;} .after_before_wrap .after_before_slider { width: 32%;} .sliderResize{width: 100%; height: auto; padding: 0; position: relative;} .sliderResize img {max-width:none;} .sliderResize .right.imageResize{position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%;} .sliderResize .leftResize.imageResize{position: relative;z-index: 2;margin-right: -5px; border-right:2px solid var(--theme-color);} .leftResize:before, .leftResize:after {content:''; display:block; width: 35px; height: 70px; position: absolute; top: 50%; margin-top: -34px; /* background:url(https://www.sundernursery.org/assets/img/arrow_slide.png) 0 0 no-repeat; */ background:url(/themes/images/before-after-arrow.png) 0 0 no-repeat; transition:0.2s; -webkit-transition:0.2s; -moz-transition:0.2s; -o-transition:0.2s; opacity:1; z-index: 22;} .leftResize:before {right: 0;} .leftResize:after {right:-35px; background-position: -35px 0; opacity: 1;} .resizeInner {width:auto; display:block; overflow:hidden; position: relative;} .after_before_view .over_data {left: 20px; top: 20px; height:auto; padding: 20px 25px; width:auto; z-index: 22;} .after_before_view .over_data p {font-size:14px; line-height:normal;} .after_before_view .leftResize .over_data {z-index: 1;} .beforeAfterOuter {margin-bottom: 30px;} .label_bf { position: absolute; transform: translateX(-50%); left:50%; bottom: 0px; background: var(--white); color: var(--black); padding: 0.5rem 1.5rem; font-size: 1.2rem; z-index: 2; white-space: nowrap; } /* .label_bf.after { right: auto; left: var(--width); } */ .label_bf.after { left: calc(var(--width) - -25%); color: var(--white); background: var(--black); } /* .label_bf.after { right: 15%; left: auto;} */ .after_before_wrap .swiper_btn {height: 3rem; width: 3rem; border-radius: 50px; background-color: var(--theme-color); display: flex; align-items: center; justify-content: center; transition: 0.5s; } .after_before_wrap .swiper_btn svg {height: 1rem;} .after_before_wrap .btn_wrap {display: flex; margin-top: 1.5rem; } .after_before_nav { justify-content: flex-start;} .after_before_wrap .btn_wrap .after-next{margin-right: 0.8rem;} .btn_wrap .swiper_btn:first-child svg{transform: rotate(180deg);} .after_before_wrap .swiper_btn:hover {background-color: var(--theme-color-black);} /* .after_before_wrap .slider_images img { aspect-ratio: 580/495;width: 100%;} */ .after_before_wrap .slider_resize img {object-fit: cover; width: 100%;} .swiper_btn svg {height: 1rem;} .btn_wrap .swiper_btn {height: 3rem; width: 3rem; border-radius: 50px; background-color: var(--theme-color); display: flex; align-items: center; justify-content: center; transition: 0.5s; } .btn_wrap .swiper_btn:hover {background-color: var(--theme-color-black);} .aboutInner_box .images {position: relative; } .aboutInner_box .images .img_hover {display: block; --clip-width: 0%; position: absolute; top: 0; left: 0; overflow: hidden; transition: 0.5s; transition: all ease 0.5s; clip-path: polygon(0 0, var(--clip-width) 0, var(--clip-width) 100%, 0% 100%);} .aboutInner_box .images > img {width: 100%;} .aboutInner_box .img_hover img {transform: scale(1.2);} .aboutInner_box:hover .img_hover {width: 100%; --clip-width: 100%;} .about_inner_wrap {position: relative;} .aboutInner_nav{position: absolute; top: 50%; left: 0; width: 100%; display: flex; justify-content: space-between;} .aboutInner_nav .swiper_btn {height: 3rem; width: 3rem; border-radius: 50px; background-color: var(--theme-color); display: flex; align-items: center; justify-content: center; transition: 0.5s; } .aboutInner_nav .swiper_btn svg {height: 1rem;} .aboutInnerSwiper .swiper-slide-active .images { transform: scale(1.2); } .aboutInnerSwiper .swiper-slide .images { transition: 1.5s;} .aboutInnerSwiper .swiper-slide .images img {aspect-ratio: 510/400;} .aboutInnerSwiper .swiper-wrapper { padding-top: 100px;} .aboutInnerSwiper .swiper-wrapper {height: auto !important;} .aboutInnerSwiper .swiper-slide-active { transform: scale(1);} .aboutInnerSwiper .swiper-slide { transform: scale(.85);} .aboutInnerSwiper .swiper-slide { transition: all .3s ease;} /* .qodef-qi-image-slider.qodef--centered-zoom .swiper-slide { transform: scale(.85); transition: all .3s ease; } .qodef-qi-image-slider.qodef--centered-zoom .swiper-slide.swiper-slide-active, .qodef-qi-image-slider.qodef--centered-zoom .swiper-slide.swiper-slide-duplicate-active { transform: scale(1); } */ /* .aboutInnerSwiper .swiper-wrapper {height: auto !important;} .aboutInnerSwiper .swiper-slide-active .images { transform: scale(1.5); } .aboutInnerSwiper .aboutInner_box { overflow: hidden;} */ /* .aboutInnerSwiper .swiper-slide-active img {aspect-ratio: 333/315;} .aboutInnerSwiper .swiper-slide-next img {aspect-ratio: 600/508;} .aboutInnerSwiper .swiper-slide-next + .swiper-slide img {aspect-ratio: 380/410;} .aboutInnerSwiper .swiper-slide-active .aboutInner_inner {width: calc(100% - 4.688rem); } .aboutInnerSwiper .swiper-slide-next .aboutInner_inner {min-width: calc(100% + 4.688rem + 2.625rem); margin-left: -4.688rem; } .aboutInnerSwiper .swiper-slide-next + .swiper-slide .aboutInner_inner { width: calc(100% - 2.625rem); } .aboutInnerSwiper .swiper-slide-next + .swiper-slide .aboutInner_box {display: flex;align-items: flex-end;justify-content: flex-end;} .aboutInnerSwiper .swiper-slide .aboutInner_box {display: flex; align-items: flex-end;} .aboutInner_box {display: flex;height: 100%;} .aboutInnerSwiper .swiper-slide {height: auto;} .about_inner_slider .swiper-wrapper { height: auto !important;} .aboutInnerSwiper .swiper-slide .aboutInner_inner { transition: 1.5s;} */ /* ABOUT PAGE CSS END */ /* FOOTER CSS */ footer{ padding-block: 0;} /* .ftr_sec_intro img { filter: invert(1);} */ /* footer * {color: var(--white);} */ .map_location {color: #919191; display: flex; align-items: center; margin-top: 1rem; font-weight: 500;} .map_location svg {height: 1.2rem; color: #919191;} .address_line { color: #cecece;display: flex;margin-bottom: .5rem;} .address_line svg{margin-right: .5rem;width: 1.5rem;} .address_line p{color: #48474A; font-family: "Urbanist", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.5rem; /* 150% */} .map_location svg path {fill: #919191; color: #919191;} .open_hour { padding-right: 5rem;} .open_hour li {display: flex; justify-content: space-between; color: #cecece; } .footer_sections {padding-block:5.125rem;padding-bottom: 2.5rem;position:relative;display:flex;justify-content: space-between;} .bootom_menu_footer .f_menu { display: flex; align-items: center; list-style: none; justify-content: flex-end; } .bootom_menu_footer .f_menu li:after {display: inline-block; content: '/';} .bootom_menu_footer .f_menu li a { padding: 6px 12px; display: inline-block;} .bootom_menu_footer .f_menu li:last-child:after { display: none; } /* .ftr_social_icons{top:0;position:absolute;right:0} */ .ftr_social_icons ul{padding:0;display:flex;list-style:none} .f_menu li a {opacity: 0.8;} /* .ftr_sec_intro{ width: 16.125rem;margin-right: 4rem;} */ .ftr_ntro_logo { display: block; margin-bottom: 2.125rem;} .footer_text { margin-bottom: 1.5rem; } /* .ftr_sec{flex:1;} */ .ftr_sec .f_head { font-size: 1.5rem; margin-bottom: 1rem; color: var(--white); font-family: Classyvogueregular;} .ftr_copyright{display:flex;font-size:.688rem;color:var(--white400);justify-content:space-between} .ftr_sec1 { margin-right: 1rem;} .ftr_copyright p{margin:0} .ftr_copy_right{padding:1.65rem 0;border-top:1px solid var(--white100);margin-top:3rem} .footer_contacts p { line-height: 1.6;} .footer_contacts{padding:0;margin:0;list-style:none;font-size:.813rem} .footer_contacts li{display:flex;align-items:flex-start;margin-bottom:1rem} .footer_contacts li i{padding-top:.25rem;font-size:1rem;min-width:2rem;color:var(--white)} .footer_contacts li:last-child{margin-bottom:0} .ftr_sec_intro .font12{opacity:.7;line-height:1.7} .footer_contacts li a,.footer_contacts li span{line-height: 1.4; opacity: 0.8;} .ftr_sec ul{padding:0;list-style:none;line-height:2.35;} /* .ftr_social_icons{margin-top: 2rem;} */ .ftr_social_icons ul li:first-child{padding-left: 0;} .footer_heading{color: #3F1454; font-family: "Urbanist", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: 1.8rem;letter-spacing: -0.06rem;} /* .ftr_sec:last-child{min-width:fit-content} */ /* .ftr_social_icons a{width:2.438rem;height:2.438rem;background-color:var(--black);display:grid;place-items:center;border-radius:50%;font-size:.9rem;margin:0 .3rem} */ .menu_content.active{opacity:1;transform:translateY(2.6rem);pointer-events:all;background-color:transparent} .menu_content ul{list-style:none;padding:.6rem 0;min-width:8rem;box-shadow:0 0 15px #0000004a;border-radius:8px;overflow:hidden;background-color:var(--white)} .menu_content ul li a{padding:.2rem 1rem;display:block} .menu_content ul li a:hover{background-color:var(--theme-color100);} .menu_content ul li a:hover i { color: var(--theme-color); } .f_menu li a{ transition: 0.5s;} .f_menu li a:hover { opacity: .5;} .top_footer {background-color: var(--theme-color-light); padding: 2rem 0;} .top_footer_left {display: flex; align-items: center;} .top_footer_left .ajax_msg {position: absolute;bottom: -7px;left: 11px;color: #fff;} .top_footer_left .error { color: #fff; position: absolute; left: 12px; } .top_footer_inner {display: flex; justify-content: space-between;} .top_footer_right {display: flex; align-items: center;} .top_footer_inner .btn_theme {background: transparent; border-color: var(--white);} .top_footer_inner .btn_theme:hover {background-color: var(--white); color: var(--theme-color) !important; } .top_footer_inner .btn_theme:hover svg polygon { fill: var(--theme-color);} .top_footer {display: flex; align-items: center;} .top_footer .text { padding-right: 1rem; color: var(--white) !important;} .top_footer .header_search { background-color: transparent; min-width: 29.375rem; } .top_footer .header_search input {background-color: #fff;background-color: rgb(255, 255, 255); box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.09); border: none; padding-left: 1rem; height: 2.75rem; width: 100%; } .top_footer .header_search >i {right: 1.25rem; left: auto;} .top_footer .suscribe_box_form { position: relative;} .top_footer .suscribe_box_form .btn {right: 1.25rem; left: auto; position: absolute; top: 38%; transform: translateY(-50%); margin-bottom: 0 !important; background-color: transparent !important; padding: 0; color: var(--theme-color) !important; font-size: 1.3rem; border: none;} .top_footer .suscribe_box_form .btn:hover { border: none !important;} .error {color: red;} .ftr_social_icons ul li { padding: 0 0.625rem; } .ftr_social_icons ul li a { transition: 0.5s;} .ftr_social_icons ul li a:hover { transform: scale(1.08);} /* .bootom_menu_footer {padding: 1rem 0; background-color: #070707; } .bootom_menu_footer .copyright_text { color: var(--white); opacity: 0.5; font-weight: 300;} */ .search_wrapper { position: absolute; z-index: 1; background-color: var(--theme-color); opacity: 0; transition: .5s; top: 100%; transform: translateY(5rem); pointer-events: none; right: 0; box-shadow: 0 0 11px #0000002e;} .search_wrapper.active {opacity: 1;transform: translateY(0);pointer-events: all;} .search_wrapper input[type=search] {border: 1px solid var(--black200); padding: 0 2rem 0 1.9rem;border-radius: 5rem 0 0 5rem;width: 19.2rem;} .search_area { display: flex;padding: 1rem 1rem;} .mob_log_opt a {color: var(--black);padding: 0.5rem 0; display: block;} .mob_log_opt ul li:last-child a { padding-bottom: 0;} .mob_log_opt { transform: translateY(5rem); pointer-events: none;opacity: 0;transition: .5s; box-shadow: -9px 0px 6px 0px #ccc; padding: 1rem; position: absolute; top: 100%; background: var(--white); width: 35%; left: 0;} .mob_log_opt.active { opacity: 1; transform: translateY(0); pointer-events: all; } .mobile_login_menu { font-weight: 600; font-size: 1.2rem; color: var(--black800);} .open_login i { transition: 0.5s;} .open_login.active i { transform: rotate(180deg);} .mobile_login_menu { display: none; } .bannerSlider .swiper-slide { overflow: hidden;} .menu_icon, .close_menu {display: none;} .backdrop { position: fixed; top: 0; left: 0; height: 100vh; width: 100%; background-color: rgba(0, 0, 0, 0.5); display: none; z-index: 2; } /* IINER PAGE ABOUT CSS START */ /* Research Module CSS END */ /* Recognition & Approval Industrial Collaboration START */ :root{ --theme-alpha1:red; } .copyright_table .theme_table.table_style2 th {background-color: var(--theme-color-yellow); border-right: solid 2px #fff; text-align: center; color: var(--black800); font-size: 0.813rem;} .copyright_table .theme_table th { padding-top: 1.2rem !important; padding: 1.2rem; } .copyright_table .theme_table td { background-color:#fff9eb; padding: 1.5rem; text-align: center; border: solid 2px #ffd776; border-right: 0;} .patents_wrap .vision_data_box_inner { border: none !important; } .copyright_table { --radius:8px; } .copyright_table .theme_table tr td:first-child { border-radius: var(--radius) 0px 0px var(--radius);} .copyright_table .theme_table tr td:last-child { border-radius: 0px var(--radius) var(--radius) 0px} /* .copyright_table .theme_table tr:last-child td:first-child { border-radius:var(--radius) 0px 0px var(--radius); } .copyright_table .theme_table tr:last-child td:last-child { border-radius: 0px var(--radius) var(--radius) 0;} */ .copyright_table .theme_table.table_style2 tbody { transform: translateY(0) !important;} .copyright_table .theme_table.table_style2 { border-spacing: 0 1rem} .copyright_table .theme_table tr td:last-child{ border-right: solid 2px #ffd776;} /* INNER PAGE CSS START */ .inner_banner { height: 35rem; margin-top: var(--top-header-height); position: relative; } .inner_banner:after {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%;height: 100%; background-color: rgba(0, 0, 0, 0.5); } .inner_banner img { max-width: 100%; object-fit: cover; width: 100%; height: 100%; } .breadcrumbs { } .breadcrumbs ul { display: flex; } .breadcrumbs ul li, .breadcrumbs ul li a { font-weight: 300; color: var(--white); } .breadcrumbs ul li.active a { font-weight: 500; } .breadcrumbs ul li:nth-child(2) { padding: 0 .5rem; } .banner_content_inner_page {color: var(--white);} .banner_content_inner_page {margin-top: auto;} .banner_content_inner_page .title {font-size: 3.438rem; font-family: Classyvogueregular; } .banner_content_inner_page .title_sm {font-size: 1.188rem; font-weight: 300; } .inner_banner .banner_content {display: flex; height: 100%; align-items: center; padding-bottom: 2rem;} .inner_banner .banner_content .container {height: 100%; display: flex; flex-direction: column; justify-content: center;} .breadcrumbs { margin-top: auto; } /* Breadcrumb CSS START */ .breadcrumb_list li {position:relative;} .breadcrumb_list li a {font-size:0.9rem; font-weight:500; color:var(--theme-color); text-decoration:none; transition:0.3s ease;} .breadcrumb_list li a:hover {color:#6c2bff;} .breadcrumb_list .separator {color:#999; font-size:16px;} .breadcrumb_list .active a {color:#6c2bff; font-weight:500; pointer-events:none;} .breadcrumb_list {background:rgba(255,255,255,0.7); width:fit-content; padding:8px 20px; border-radius:50px; backdrop-filter:blur(10px); box-shadow:0 10px 30px rgba(108, 43, 255, 0.08); margin-left:auto; display:flex; align-items:center; gap:10px; flex-wrap:wrap; list-style:none;} .sultan_quli_slider { margin-top: 5rem;} .btn_wrap_sultan { justify-content: space-between; display: flex; margin-top: 1.5rem; position: absolute; top: 50%; width: 110%; left: -5%;} .slider_box {position: relative;} .btn_wrap_sultan .swiper_btn { height: 3rem; width: 3rem; border-radius: 50px; background-color: var(--theme-color); display: flex; align-items: center; justify-content: center; transition: 0.5s; } .btn_wrap_sultan .swiper_btn svg { height: 1rem; } .swiper-wrapper { height: auto !important;} .btn_wrap_sultan .swiper_btn:hover { } .sultan_slider img { height: 38rem; width: 100%; object-fit: cover;} .btn_wrap_sultan .swiper_btn:hover { background-color: var(--theme-color-black); } .sultan_quli_box {display: flex; justify-content: space-between; align-items: flex-end;} .sultan_quli_box .sultan_quli_left {width: 45%; } .sultan_quli_box .sultan_quli_left img { aspect-ratio: 505/615; height: 100%; object-fit: cover; object-position: top center;} .sultan_quli_box .sultan_quli_right {width: 52%; } .sultan_quli_box .sultan_quli_left .images {height: 38.438rem;} .sultan_quli_about { position: relative;} .sultan_quli_about::before {content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 80%; background-color: #f7f7f7; z-index: -1;} .garden_about_wrap .right_side {position: relative; margin-left: 5rem;} .garden_about_wrap .images { position: relative; } .garden_about_wrap .images:after { position: absolute; height: 100%; width: 100%; border: solid 1px var(--theme-color); content: ''; top: 2rem; left: -2rem;} .garden_about_wrap .flag_us { position: absolute; bottom: -2rem;right: 2rem;} .mausoleum_wrap {display: flex;background-color: var(--theme-color); position: relative;} .mausoleum_wrap .mausoleum_graph { position: absolute; bottom: 0; left: 0; } .mausoleum_inner {display: flex;} .mausoleum_inner .left_sec {background-color: var(--theme-color); padding-block: 7rem; width: 50%; padding-right: 3rem;} .mausoleum_inner .left_sec_slider {background: #fff;margin-right: calc(0px - var(--white-space));width: calc(50% + var(--white-space)); outline: solid 10px var(--white);} .mausoleum_wrap {background-color: var(--theme-color); } .mausoleum_box {position: relative;} .mausoleum_box:after { content: ''; position: absolute; bottom: 0; left: 0; background: linear-gradient(11deg, black, #00000080, #00000024, transparent, transparent); width: 100%; height: 65%; } .mausoleum_inner .left_sec_slider .mausoleumSwiper{ height: 100%;} .mausoleum_inner .swiper-wrapper { height: 100% !important;} .mausoleum_inner .swiper-wrapper img { height: 100%; object-fit: cover;} .mausoleum_inner .mausoleum_box_data {position: absolute; z-index: 1; bottom: 0; left: 0; padding: 3rem; max-width: 35rem; color: var(--white);} .mausoleum_wrap .mausoleum_nav { position: absolute; bottom: 0; right: 0; z-index: 1; display: flex; } .btn_wrap.mausoleum_nav .swiper_btn { border-radius: 0;} .btn_wrap.mausoleum_nav .swiper_btn:hover { background-color: var(--white);} .btn_wrap.mausoleum_nav i {font-size: 1.5rem;} .btn_wrap.mausoleum_nav .mausoleum-button-next { margin-right: 0.1rem;} .mausoleumSwiper .swiper-slide {overflow: hidden;} .sultan_quli_mid_img { height: 27rem; position: relative; margin-top:8rem; width: calc(100% + var(--white-space)); } .sultan_quli_mid_img img { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 0; left: 0;} .sultan_quli_mid_img .caption { font-size: 1.625rem; position: relative; width: 22rem; background: #000000a3; font-family: Classyvogueregular; height: 100%; color: #fff; text-transform: uppercase; padding: 2rem; font-weight: 300; display: flex; align-items: center;} .gallery_qutb_shahi_head { background-color: var(--theme-color-black); padding: 7rem 0 10rem 0;} .gallery_qutb_shahi_head .heading_sm.heading_border:before {background-color: var(--white) !important;} .qutb_shahi_gallery_box { position: relative; overflow: hidden;} .qutb_shahi_gallery_box .qutb_shahi_gallery_data { position: absolute; bottom: 0px; left: 0; width: 100%; display: flex; flex-direction: column; justify-content: center; text-align: center; padding: 1rem 2rem; color: var(--white); transition: 0.5s; transform: translateY(100%);} .qutb_shahi_gallery_box .qutb_shahi_gallery_data:after { content: ''; position: absolute; bottom: 0; left: 0; background: linear-gradient(11deg, black, #00000080, #00000024, transparent, transparent); width: 100%; height: 271px; } .qutb_shahi_gallery_box .qutb_shahi_gallery_data > div { position: relative; z-index: 1;} .qutb_shahi_gallery_box .qutb_shahi_gallery_data .title { font-size: 1.5rem; font-family: Classyvogueregular;} .qutb_shahi_gallery_box .qutb_shahi_gallery_data .text { font-size: 0.875rem;} .qutb_shahi_gallery_box:hover .qutb_shahi_gallery_data { transform: translateY(0);} .qutb_shahi_gallery {display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(6, 7rem); grid-gap: 1rem; list-style: none; margin: -7rem 0 0 0; padding: 0;} .qutb_shahi_gallery li {background-color: red;} .qutb_shahi_gallery li img {width: 100%; height: 100%; object-fit: cover;} .qutb_shahi_gallery li:first-child { grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; } .qutb_shahi_gallery li:nth-child(2){grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 5;} .qutb_shahi_gallery li:nth-child(3) {grid-column-start: 3; grid-column-end: 5; grid-row-start: 1; grid-row-end: 3;} .qutb_shahi_gallery li:nth-child(4) {grid-column-start: 1; grid-column-end: 1; grid-row-start: 3; grid-row-end:5;} .qutb_shahi_gallery li:nth-child(5){grid-column-start: 3; grid-column-end: 3; grid-row-start: 3; grid-row-end:5;} .qutb_shahi_gallery li:nth-child(6){grid-column-start: 5; grid-column-end: 4; grid-row-start: 3; grid-row-end:5;} .qutb_shahi_gallery li:nth-child(7) {grid-column-start: 1; grid-column-end: 3; grid-row-start: 7; grid-row-end: 5;} .qutb_shahi_gallery li:nth-child(8) {grid-column-start: 3; grid-column-end: 3; grid-row-start: 7; grid-row-end: 5;} .qutb_shahi_gallery li:nth-child(9){grid-column-start: 5; grid-column-end: 4; grid-row-start: 5; grid-row-end:7;} .quote_theme_wrap { background-color: var(--theme-color); position: relative; } .quote_theme_wrap .content {font-family: "Roboto Condensed", sans-serif; font-weight: 300; letter-spacing: -1px; position: relative; line-height: 1.3;} .quote_theme_wrap .quote_theme_inner { padding: 0 8rem;} .quote_theme_wrap .quote_theme_inner .lg_text:before { content: ''; display: inline-block; width: 1rem; height: 2px; background-color: var(--theme-color-black); position: relative; top: -4px; margin-right: 1rem; } .quote_theme_wrap .quote_content { margin-top: 2rem;} .pop_content_inner { position: relative} .pop_content_inner .data { position: absolute; bottom: 0; left: 0; width: 100%;background: #0000004d;color: #fff; padding: 1rem;} .pop_content_inner .data h3 { font-size: 1.875rem;font-family: Classyvogueregular; margin-bottom: 0;} .pop_content_inner .data p {font-weight: 300; margin-bottom: 0;} .pop_content_inner .data .read_more {font-weight: 300; margin-top: 0.5rem;font-size: 0.875rem; display: flex;align-items: center;} .pop_content_inner .data .read_more svg { margin-left: 0.5rem; width: 1.5rem; position: relative; top: 2px;} .pop_content_inner .data > * { position: relative; z-index: 1;} .pop_content_inner .images {position: relative;} .pop_content_inner .images::after {content: ''; position: absolute; bottom: 0; left: 0; background: linear-gradient(11deg, black, #00000080, #00000024, transparent, transparent); width: 100%; height: 50%; } .pop_content_inner img { aspect-ratio: 315/300;} .popup-content { background-color: var(--white); padding: 0.8rem;} .quote_theme_wrap .graph_left {position: absolute; bottom: 0; left: 5%;} .quote_theme_wrap .graph_right {position: absolute; bottom: 0; right: 0;} .project_objectives_wrap { background-color: var(--theme-color);} .project_objectives_inner {display: flex;} .project_objectives_inner .left_sec { background-color: var(--theme-color); padding-block: 7rem; width: 45%; padding-right: 3rem; position: relative; } .project_objectives_inner .right_sec { background: #fff; margin-right: calc(0px - var(--white-space)); width: calc(55% + var(--white-space)); min-height: 100%; } .project_objectives_box {position: relative; height: 100%;} .project_objectives_box img {height: 100%; object-fit: cover;} .project_objectives_box .project_objectives_data { position: absolute; z-index: 1; bottom: 0; left: 0; padding: 3rem; max-width: 35rem; color: var(--white); } .project_objectives_box:after { content: ''; position: absolute; bottom: 0; left: 0; background: linear-gradient(11deg, black, #00000080, #00000024, transparent, transparent); width: 100%; height: 65%; } .project_objectives_inner .projectObjectiveSwiper, .project_objectives_inner .swiper-wrapper {height: 100% !important;} .projectObjectiveSwiper .swiper-slide { overflow: hidden; } .project_objectives_inner .btn_wrap {display: flex;justify-content: end; position: absolute; right: 0; bottom: 10%;} .project_objectives_inner .btn_wrap .swiper_btn {background-color: #272016; border-radius: 0; } .project_objectives_inner .btn_wrap .swiper_btn i {color: var(--white);} .conservationPhilosophy_wrap {position: relative;} .conservationPhilosophy_wrap .conservation_bg {position: absolute; top: 0; left:0%; width: 100%; height: 80%; z-index: -1;} .imapct_slider_inner {margin-right: calc(0px - var(--white-space)); margin-top: 4rem; position: relative; padding-left: 10rem;} .imapct_slider_inner .swiper-slide .impact_slider_box {transition: 0.5s; position: relative;} .imapct_slider_inner .swiper-slide:not(.swiper-slide-active) .impact_slider_box img { transform: translateY(5rem);} .imapct_slider_inner .swiper-slide .impact_slider_box img {transition: 0.5s; aspect-ratio: 560 / 460;} .impact_slider_box .impact_slider_data {position: absolute; color: var(--white); bottom: 0; left: 0; width: 100%; padding: 2rem;} .impact_slider_box .impact_slider_data:after {content: ''; position: absolute; bottom: 0; left: 0; background: linear-gradient(11deg, black, #00000080, #00000024, transparent, transparent); width: 100%; height: 271px;} .impact_slider_box .impact_slider_data div {position: relative; z-index: 1;} .impact_slider_box .impact_slider_data .hidden_para {display: grid; grid-template-rows: 0fr; overflow: hidden; transition: grid-template-rows 1s;} .impact_slider_box .impact_slider_data .hidden_para_inner{min-height: 0; transition: visibility 1s; visibility: hidden;} .imapct_slider_inner .swiper-slide-active .hidden_para { grid-template-rows: 1fr;} .imapct_slider_inner .swiper-slide-active .hidden_para_inner { visibility: visible;} .imapct_slider_inner .impact_slider_data .title { font-size: 2rem; font-family: Classyvogueregular; } .impact_nav {position: absolute;top: 50%;left: 0;} .impact_nav .imapct-button-next { margin-bottom: 1rem; } .impact_nav .swiper_btn {height: 4rem;width: 4rem;} /* THEME MODEL CSS START */ .theme_model_wrap {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; backdrop-filter: blur(2px);} .theme_model_inner { height: 100%; width: 100%; display: flex; padding: 2rem; justify-content: center;} .theme_model_data { max-width: 700; margin: auto; position: relative; box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.19); border-top: solid 4px var(--theme-color-yellow); border-bottom: solid 4px var(--theme-color-light); border-radius: var(--radius); background-color: var(--white); } .theme_model_data .user_img {float: left; width: 184px; border: solid 2px var(--theme-color-yellow); border-radius: var(--radius); margin-right: 2rem;} .close_model { height: 40px; width: 40px; background-color: var(--theme-color-light); border-radius: 50%; cursor: pointer; padding: 12px;position: absolute;right: -2%; top: -1.5rem; } .close_model img {width: 100%; } .open_model {cursor: pointer;} .theme_model_box {max-height: calc(100vh - 20rem);overflow: auto;padding: 2.5rem;} body.model_opend { overflow: hidden; } .theme_model_box_main {overflow: hidden; border-radius: var(--radius);} /* THEME MODEL CSS END */ .swiper-button-disabled {opacity: 0.5;} .course-card { background: #ffffff; border: 1px solid #e8e8f0; border-radius: 10px; padding: 28px; height: 100%; box-shadow: 0 2px 6px rgba(0,0,0,0.04); } .card-title { font-size: 2rem; color: #4b0082; margin-bottom: 10px; } .card-subtitle { font-size: 1rem; color: #555; margin-bottom: 20px; } .check-list { list-style: none; padding: 0; margin: 0; width: 100%; } .check-list li { position: relative; padding-left: 28px; margin-bottom: 14px; font-size: 1rem; color: #444; line-height: 1.6; } .check-list li::before { content: "✔"; position: absolute; left: 0; top: 0px; color: #1bbf6b; font-weight: bold; } .info-box { margin-top: 24px; padding: 20px; background: #fffbe6; border-radius: 8px; display: flex; gap: 7px; align-items: flex-start; flex-direction: column; } .info-box img { width: 5rem; } .info-box p { color: var(--black); margin: 0; font-weight: 500; } .check-list ol { counter-reset: item; list-style: none; padding-left: 0; margin: 1.5rem 0; } .check-list ol li span { float: right; } .check-list ol li { counter-increment: item; position: relative; padding-left: 3rem; border-bottom: 1px solid #d9d9d9; padding: 0.7rem 1rem 0.7rem 3rem; margin-bottom: 0; } .section3 .info-box { background: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; } .section3 { background: #faf5ff; padding: 5rem 0; } .check-list ol li::before { content: counter(item) "."; position: absolute; left: 0; font-weight: 700; color: #fff; background: #6a1bbd; border-radius: 100px; width: 30px; height: 30px; text-align: center; display: flex; justify-content: center; align-items: center; } .accod-box .accordion-card { border: 1px solid #e6e8f0; border-radius: 10px; overflow: hidden; background: #fff; } .accod-box .accordion-item + .accordion-item { border-top: 1px solid #e6e8f0; } .accod-box .accordion-header { width: 100%; background: #fff; border: none; padding: 18px 22px; font-size: 16px; font-weight: 600; color: #333; text-align: left; display: flex; align-items: center; justify-content: start; gap: 14px; cursor: pointer; text-transform: none; position: relative; } .accod-box .accordion-header::after { content: ""; width: 20px; height: 20px; background-image: url("/images/arrow.png"); background-repeat: no-repeat; background-size: contain; transform: rotate(90deg); transition: transform 0.3s ease; flex-shrink: 0; margin-left: auto; } .accod-box .accordion-item.active .accordion-header::after { transform: rotate(0deg); } .accordion-header .icon { width: 10px; height: 10px; border-right: 2px solid #666; border-bottom: 2px solid #666; transform: rotate(45deg); transition: transform 0.3s ease; } .accod-box .accordion-item.active .accordion-header .icon { transform: rotate(-135deg); } .accod-box .accordion-body { overflow: auto; max-height: 0; padding: 0 22px; transition: max-height 0.4s ease, padding 0.3s ease; } .accod-box .accordion-item.active .accordion-body { max-height: 500px; padding: 0 22px 20px; background: #F8F8F8; } .accod-box .accordion-body ul { margin: 12px 0 0; padding-left: 18px; list-style: disc; } .accod-box .accordion-body ul li { margin-bottom: 8px; font-size: 14px; color: #444; } .accod-box .accordion-item.active button { background: #F8F8F8; } .doc-table-wrapper { background: #f9f5ff; border-radius: 10px; overflow: hidden; border: 1px solid #e6e1f4; } .doc-table { width: 100%; border-collapse: collapse; } .doc-table thead { background: #f0e9ff; } .doc-table th { padding: 14px 18px; font-size: 1rem; font-weight: 600; color: #555; background: #f7f3ff; text-align: left; border: 1px solid var(--black300); } .doc-table td { padding: 16px 18px; vertical-align: middle; border-top: 1px solid #ece6f6; border: 1px solid var(--black300); } .doc-info { display: flex; align-items: flex-start; gap: 12px; font-size: 15px; color: #333; line-height: 1.5; position: relative; } .doc-info::before { content: ""; width: 20px; height: 20px; background-image: url(/images/book-icon.png); background-repeat: no-repeat; background-size: contain; transition: transform 0.3s ease; } .doc-icon { width: 24px; height: 24px; background: #5b2be0; border-radius: 4px; position: relative; flex-shrink: 0; } .doc-icon::before, .doc-icon::after { content: ""; position: absolute; left: 5px; right: 5px; height: 2px; background: #fff; } .doc-icon::before { top: 7px; } .doc-icon::after { top: 13px; } .doc-table td:last-child { width: 160px; text-align: center; font-weight: 500; color: #444; background: #f7f3ff; } @media (max-width: 767px) { .courses_section { grid-template-columns: 1fr; } .section_info .enquiry-card { border-radius: 10px; } .section_info .enquiry-list { grid-template-columns: repeat(1, 1fr); } .section_info .enquiry-list li { justify-content: flex-start; } .top_nav > li.courses-menu.has_submenu > ul.sub_menu { display: none; min-width: auto; } } @media(min-width:768px){ } @media(min-width:992px){ .apply_mob_img { display: none;} } /* @media(max-height:620px){ .department_inner .department_mid { padding-top: 0 !important;} .department_inner { align-items: flex-start;} } */ /* NEW GLOBAL PDF BUTTON CSS CODE */ .border_radius12 { border-radius: 12px;} .btn_theme_sm.pdf_btn:hover { background-color: var(--theme-color-yellow) !important; } .btn_yellow.pdf_btn:hover .pdf_btn_svg { background-color: var(--white) !important; } /* Home Services Start*/ .our_services {background: var(--grey-color);} .our_service_img img{width: 100%;height: 300px;object-fit: cover;} .services_brief {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin-top: .5rem;} .services_brief p{line-height: 1.2;} .our_service_text{background-color: #fff;padding: 1rem;} .rd_btn {color: var(--theme-color);margin-top: 1rem;} /* Home Service End */ /* Home Testimonial Start */ /* .testimonial_slider{padding-bottom: 3rem;padding-top: 5rem;} */ .video_ul {padding-bottom: 4rem;} .review_name { color: #2C2E33; font-family: Urbanist; font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: 1.6875rem; } .testi_box {border-radius: 0.75rem; border: 1px solid #DADADA; background: #FAF5FF; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.10), 0 1px 3px 0 rgba(0, 0, 0, 0.06);padding: 2.9375rem 1.875rem;} /* .testimonial_slider .swiper-slide-active .testi_box {transform: translateY(-10%) !important;} */ .review_img img{width: 50px;height: 50px;border-radius: 50%;} .review_designation { color: #999; font-family: Urbanist; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 1.6875rem; } .review_brief{font-size: .9rem;margin-top:.5rem ;} .review_prsn_dtl_flex{display: flex;align-items: center;gap: 1rem;margin-top: 1.5rem;} /* Home Testimonial End */ /* Our Partner Home Start */ .our_partner_img img {width: 100%;height: 100%;object-fit: scale-down;border-radius: 15px;} .our_partner_img {width: 100%;background: var(--grey-color-dark);display: inline-block;height: 100%;aspect-ratio: 1;padding: .5rem;} .partner_home_wrap{background: var(--grey-color);} /* Our Partner Home End */ .home_blog_wrap{background: var(--grey-color);} /* Faq */ .accordion-header { background: #fff; cursor: pointer; display: flex; justify-content: space-between; align-items: center; padding: 1rem; margin-bottom: 0; font-size: 18px; color: #000; line-height: 1.2;font-weight: 400; text-transform: uppercase; } .accordion-content {padding: 10px 1rem;color: #fff;} .conservation_data_inner {border: 1px solid rgba(0, 0, 0, .125);border-top: 0;} .faq li:first-child .conservation_data_inner{border-top: 1px solid rgba(0, 0, 0, .125);border-top-left-radius: .25rem;border-top-right-radius: .25rem;} .accordion-content p{font-size: 1rem;line-height: 1.2;} .faq_flex {display: flex;flex-wrap: wrap;justify-content: space-between;} .faq_left {width: 35%;} .faq_right{width: 55%;} .faq_sec{background: #383838;} /* Inner About Start */ .about_inner_sec{position: relative;z-index: 1;} .about_inner_sec::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/themes/images/about_icim.svg);z-index: -1;background-size: 100%;background-repeat: no-repeat;transform: translateY(9rem);} .inner_about_flex{display: flex;flex-wrap: wrap;justify-content: space-between;} .inner_about_left{width: 55%;} .inner_about_right {width: 40%;background: #fff;display: flex;align-items: center;border-radius: 40px;} .inner_about_right img{object-fit: cover;border-radius: 40px;width: 100%;} .about_page_fact{margin-top: 2.5rem;} .mision_vision_sec{background: var(--grey-color);} .vision_data_img {width: 17.75rem;height: 17.75rem;} .vision_data_box_inner .vision_data_img img {width: 100%;transition: 0.5s;height: 100%;object-fit: cover;border-radius: 50%;} .vision_data_content {width: calc(100% - 17.75rem);padding-left: 3rem;} .vision_data_content .title {margin-bottom: 1rem;} .vision_data_box_inner { border-top-left-radius: 9rem; border-bottom-left-radius: 9rem; transition: 0.5s; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; z-index: 1; } .vision_data_box:nth-child(odd) .vision_data_box_inner {padding-left: 200px;} .vision_data_box:nth-child(even) .vision_data_box_inner {flex-direction: row-reverse;padding-right: 200px;} .vision_data_inner .vision_data_box {width: 100%;margin-bottom: 3rem;} .vision_data_box_inner:before { content: ''; position: absolute; top: 0; left: 200px; width: calc(100% + var(--white-space)); height: 100%; background: #fff; z-index: -1; border-top-left-radius: 9rem; border-bottom-left-radius: 9rem; } .vision_data_box:nth-child(even) .vision_data_box_inner:before { left: auto; right: 200px; border-top-right-radius: 9rem; border-bottom-right-radius: 9rem; border-top-left-radius: 0; border-bottom-left-radius: 0; } .mision_vision_sec{overflow: hidden;} .vision_data_content .title {font-size: 1.3rem;font-weight: 500;} .vision_data_box:nth-child(even) .vision_data_box_inner .vision_data_content { padding-left: 0; padding-right: 3rem; } .vision_data_inner {margin-bottom: -3rem;} /* .content p{color: #464951;font-family: var(--theme-font);font-size: 1.1875rem;font-style: normal;font-weight: 400;line-height: 1.875rem; } */ .not_found_page {padding: 1rem 0 5rem;display: flex;align-items: center;} .not_found_page_text {padding-left: 5rem;align-items: center;} .btn_inline_not_found .btn_inline {display: flex;gap: 15px;flex-direction: column;} .not_found_page_text .title_not_found {font-size: 5rem;} .not_found_page .images img {width: 100%;} /* Inner About End */ /* Gallery Listing Start */ .gall_listing {display: flex;flex-wrap: wrap;margin: 0 -1rem;} .gall_listing li{width: calc(100% / 4);padding: 0 1rem;margin-bottom: 2rem;} .gall_listing li img{width: 100%;object-fit: cover;aspect-ratio: 1;} /* Gallery Listing End */ /* Blog Listing Start */ .blog_ul_flex{display: flex;flex-wrap: wrap;margin: 0 -1rem;margin-bottom: -2rem;} .blog_ul_flex li{width: calc(100% / 3);padding: 0 1rem;margin-bottom: 2rem;} /* Blog Listing End */ /* Blog Detail Start */ .single_images{margin: 1rem 0;} /* Blog Detail End */ .swiper-button-disabled{display: none!important;} .sm_banner{display: none;} .lg_banner{display: block;} .abt_btm_hdng{display: flex;width: 35rem;height: 4.375rem;padding: .25rem 2.563rem;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 24px;border: 2px solid var(--secondary-color);margin: 0 auto;transition: all .5s ease;margin-top: .5rem;} .abt_btm_hdng:hover{background: var(--secondary-color);} .red_btn{font-family: var(--theme-font); font-size: 1rem; font-style: normal; font-weight: 500; line-height: normal; padding: 1rem 2rem; border-radius: .5rem; transition: all .5s ease;} .red_btn:hover {background: var(--theme-color);cursor: pointer;color: #fff!important;} .core_stngth_flex {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;} .join_icim_text {margin-bottom: -2rem;} .core_stngth_right{width: 35%;} .core_stngth_left {width: 52%;} .core_stngth_left img{width: 100%;border-radius: 0.5rem;} .core_strnth_txt ul{padding-left: 2.5rem;margin-bottom: -1.25rem;} .core_strnth_txt li{color: #1D1D20;font-family: var(--theme-font);font-size: 1.188rem;font-style: normal;font-weight: 400;line-height: 1.688rem;margin-bottom: 1.25rem;position: relative;} .core_strnth_txt li:before{content: '';width: 1.8rem;height: 1.8rem;background: url(/themes/images/chk_li.svg);border-radius: 50%;position: absolute;left: -2.5rem;top: 2px;background-repeat: no-repeat;} .sec_head span{display: inline-block;padding: 2.744px 28.128px;justify-content: center;align-items: center;gap: 6.86px;flex-shrink: 0;border-radius: 16.465px;border: 1.372px solid var(--secondary-color);background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.00) 100%), rgba(217, 217, 217, 0.00);transition: all .5s ease;} .sec_head span:hover{background: var(--secondary-color);} .msx_vsn_hm_flex {display: flex;flex-wrap: wrap;margin: 0 -1rem;} .msn_vsn_bx{width: calc(100% / 2);padding: 0 1rem;} .msn_vsn_bx_inr { display: flex ; flex-wrap: wrap; justify-content: space-between; border-radius: 25px; border: 1px solid #ECF3F4; background: #FFF; padding: 3.125rem; transition: all .5s ease;height: 100%;} .msn_vsn_bx:hover .msn_vsn_bx_inr{border-color: var(--secondary-color);box-shadow: 1px 10px 20px 0px #00000014;} .msn_vsn_icn {width: 8.438rem;height: 8.438rem;display: flex;align-items: center;justify-content: center;background: #EEF8EE;border-radius: 50%;} .msn_vsn_txt {width: 70%;} .msn_vsn_hdng span{color: #343437;font-family: var(--theme-font);font-size: 1.25rem;font-style: normal;font-weight: 400;line-height: 27.51px;text-transform: uppercase;letter-spacing: 1;} .msn_vsn_hdng{color: var(--theme-color);font-family: var(--secondary-font);font-size: 2.8113rem;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: 3.6px;text-transform: capitalize;} .msn_vsn_txt p { color: #464951; font-family: var(--theme-font); font-size: 1.01rem; font-style: normal; font-weight: 400; line-height: 25px; } .msn_vsn_bx:nth-child(even) .msn_vsn_icn {background: #E2F6FA;} .bg_line{position: relative;z-index: 1;} .bg_line>svg{position: absolute;bottom: -2.5rem;z-index: -1;} /* .sml-header .bottom_header {background: #e2f6facc;} */ .what_offr_bg{background: url(/themes/images/what_offer_bg.jpg);background-size: cover;background-repeat: no-repeat;} .what_offer_text { display: flex; padding: 1.5rem 1.4375rem; flex-direction: column; align-items: flex-start; align-self: stretch; } .what_offer_li a {display: inline-block; height: 100%; transition: all .5s ease; width: 100%; border-radius: 0.75rem; border: 1px solid #E5E7EB; background: #FFF; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14);} .what_offer_li a:hover{cursor: pointer;box-shadow: none;} .what_offer_ul {display: flex;flex-wrap: wrap;margin: 0 -1rem;margin-bottom: -2.5rem;} .what_offer_ul li{width: calc(100% / 3);padding: 0 1rem;margin-bottom: 2.5rem;} .what_we_offr_img img{width: 100%;border-top-right-radius: 0.75rem;border-top-left-radius: 0.75rem;height:15.31rem;object-fit: cover;} .bg_blue{background: #F4FDFF;} .join_icim_hdng {color: #3C0059; font-family: "Urbanist", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: 1.75rem; margin-bottom: 0;} /* .join_icim_txt p { color: #1D1D20; font-family: var(--theme-font); font-size: 1.0625rem; font-style: normal; font-weight: 400; line-height: normal; } */ .join_icim_flex {display: flex;flex-wrap: wrap;justify-content: space-between;} .join_icim_right {width: 44%;} .join_icim_right img{width: 100%;border-radius: 20px;height: 100%;object-fit: cover;} .join_icim_left {width: 50%;padding-left: 4rem;} .join_icim_bx_inr {display: flex;flex-wrap: wrap;justify-content: space-between;} .join_icim_txt {width: 87%;} .join_icim_bx {margin-bottom: 2rem;} .choose_icim_bx{background: #fff;border-radius: 40px;padding: 4rem;transition: all .5s ease;border: .3rem solid transparent;} .choose_icim_bx:hover{box-shadow: 0px 10px 20px 0px #00000014;border: .3rem solid var(--secondary-color);} .check_li ul{padding-left: 2.5rem;display: flex;flex-wrap: wrap;justify-content: space-between;} .check_li li{position: relative;margin-bottom: 1.5rem;} .check_li li:before {content: '';width: 1.8rem;height: 1.8rem;background: url(/themes/images/chk_li.svg);border-radius: 50%;position: absolute;left: -2.5rem;top: 2px;background-repeat: no-repeat;} .choose_icim li{color: var(--theme-color);font-family: var(--theme-font);font-size: 1.3125rem;font-style: normal;font-weight: 600;line-height: normal;width: calc(100% / 3 - 3rem) ;} .cmt_flex{display: flex;flex-wrap: wrap;justify-content: space-between;} .cmt_left{width: 55%;} .cmt_left img{width: 100%;border-radius: 50px;} .commt_right{width: 35%;} .cmt_sec{position: relative;z-index: 1;} .cmt_sec::before{content: ''; position: absolute; top: -15rem; left: 0; width: 16.25rem; height: 23.438rem; background: url(/themes/images/frame.svg); z-index: -1;} .sec_head_sm { color: var(--theme-color); font-family:var(--theme-font); font-size: 1.3125rem; font-style: normal; font-weight: 600; line-height: normal; margin-bottom: 1.25rem;} .btm_white_bx p { color: #1D1D20; text-align: center; font-family: var(--theme-font); font-size: 1rem; font-style: normal; font-weight: 600; line-height: 1.6875rem; } .btm_white_bx { border-radius: 4rem; border: 1px solid var(--secondary-color); background: #FFF; padding: 1rem; margin-top: 3rem;} .bg_darkblue {padding: 6.25rem 0rem 1.875rem 0rem;position: relative;z-index: 1;overflow: hidden;} /* .bg_darkblue:after {content: '';position: absolute; bottom: 0; left: 0; width: 100%; height: 50%;background-color: #d6f5fb;z-index: -1;} */ .footer_box {background: #fff;border-radius: 40px;padding: 4rem;transition: all .5s ease;border: .3rem solid transparent;text-align: center;position: relative;} .footer_box p { color: #2B2B2F; text-align: center; font-family: var(--theme-font); font-size: 1.3125rem; font-style: normal; font-weight: 500; line-height: 2rem; } .btn_blue{background-color: var(--theme-color);border: 1px solid var(--theme-color); color: var(--white)!important;border-radius: 10px;padding: 1rem 3rem;transition: all .5s ease;font-size: 1.125rem;font-style: normal;font-weight: 700;line-height: normal;} .btn_blue:hover{background-color:transparent;cursor: pointer;color: var(--theme-color)!important;border: 1px solid var(--theme-color);} .ftr_sec_intro>a>img {max-height: 4.0625rem;} .ftr_sec_intro{width: 20.125rem;margin-right: 5rem;} .footer_sections {position: relative;display: flex;padding-top: 0;} .footer_sections>div{width: calc(100% / 3);padding: 0 1rem;} /* .ftr_social_icons a{width: 3.0625rem;height: 3.0625rem;border-radius: 50%;border: 1px solid #2B2B2F;display: flex;align-items: center;justify-content: center;} */ /* .ftr_social_icons img{filter: brightness(.1);} */ .copyright_text {color: #48474A; font-family: "Urbanist", sans-serif; font-size: 0.875rem; font-style: normal; font-weight: 500; line-height: 1.3125rem;} .copyright_text a{color: #48474A; font-family: "Urbanist", sans-serif; font-size: 0.875rem; font-style: normal; font-weight: 500; line-height: 1.25rem;} .copyright_text a img{max-width: 1.5rem;margin-left: .5rem;} /* .f_menu{display: flex;align-items: center;flex-wrap: wrap;} */ /* .f_menu li{margin: 0 1.5rem;} */ .f_menu li a{color: #48474A; font-family: "Urbanist", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.5rem; /* 150% */} .footer_box .fst_vctr{position: absolute;top: 1rem;left: -7rem;} .footer_box .scnd_vctr{position: absolute;top: -4rem;left: 10rem;opacity: .5;} .footer_box .thrd_vctr{position: absolute;bottom: 2rem;left: -3.5rem;} .footer_box .frth_vctr{position: absolute;top: -2rem;right: 4rem;} .footer_box .fifth_vctr{position: absolute;top: 4rem;right: -11rem;} .footer_box .sxth_vctr{position: absolute;top: 4rem;right: -5rem;} .footer_box .sth_vctr{position: absolute;bottom: -1.5rem;left: 25rem;} .footer_box .eth_vctr{position: absolute;bottom: -2rem;left: 15rem;} .white_box { background: #fff; border-radius: 40px; padding: 2rem; transition: all .5s ease; border: .3rem solid transparent; } .who_we_are_list .bx_main{display: flex;flex-wrap: wrap;align-items: center;margin-bottom: 1.5rem;} .who_we_are_list .bx_main .image{width: 15%;} .who_we_are_flex {display: flex;flex-wrap: wrap;justify-content: space-between;} .who_we_are_left {width: 48%;} .who_we_are_right {width: 45%;} .pb_8{padding-bottom: 8rem;} .w_80{width: 80%;} .who_we_are_list .bx_main h4{color: #000;font-family: var(--theme-font);font-size: 1.1rem;font-style: normal;font-weight: 600;line-height: 2.0625rem;width: 82%;margin-bottom: 0;} .p_relative{position: relative;z-index: 1;} .who_we_vector_fst{position: absolute;bottom: 1rem;} .who_we_vector_line{position: absolute;bottom: 0;left: 0;} .who_we_vector_scnd{position: absolute;bottom: 1rem;left: 32rem;animation: loader-animation 5s linear infinite;} .who_we_vector_thrd{position: absolute;right: 5rem;bottom: 2rem;} .core_values_listing {display: flex;flex-wrap: wrap;justify-content: center;max-width: 980px;margin: 0 auto;margin-bottom: -6rem;} .core_value_box{width: calc(100% / 2);padding: 0 2rem;margin-bottom: 6rem;text-align: center;} /* .core_value_box_inner {display: flex;flex-wrap: wrap;justify-content: space-between;} .core_value_img {width: 22%;} .core_value_img img{width: 100%;} .core_data_content{width: 73%;} */ .core_data_content .section_description_show { margin-top: 1rem; color: #48474A; text-align: center; font-family: Urbanist; font-size: 1.5rem; font-style: normal; font-weight: 400; line-height: 1.82375rem; } /* .core_value_sec {border-bottom: 1px solid #ccc;} */ .reco_flex{display: flex;flex-wrap: wrap;justify-content: space-between;} .reco_left{width: 45%;} .reco_right{width: 50%;} .reco_img{width: 100%;} .reco_img img{width: 100%;border-radius: 50px;} .reco_list ul{padding-left: 2rem;margin-bottom: -1.5rem;} .reco_list li { color: #3E4095; font-family: var(--theme-font); font-size: 1.1rem; font-style: normal; font-weight: 600; line-height: 1.6rem; margin-bottom: 1.5rem;position: relative; padding-left: 0;} .reco_list li:before {content: '';width: 1.2rem;height: 1.2rem;background: url(/themes/images/down_right_arrow.svg);position: absolute;left: -2rem;top: 0;background-repeat: no-repeat;background-size: 100%;background-size: contain;} .sub_title {color: #464951;font-family: var(--theme-font);font-size: 1.3125rem;font-style: normal;font-weight: 500;line-height: 2.0625rem;margin-bottom: 2rem;} .sub_title p{color: #48474A; text-align: center; font-family: "Urbanist", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.75rem; /* 175% */} .contact_frm{background: #fff; border-radius: 40px; padding: 4rem; transition: all .5s ease; border: .3rem solid transparent;} .btnSubmit{color: var(--white) !important; border-radius: 3.75rem; background: var(--GR, linear-gradient(249deg, #553BFC 0%, #740ED4 100%)); padding: 0.875rem 1.875rem; display: inline-block; font-family: "Urbanist", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.5rem; margin-top: 1.5rem; transition: all .5s ease; border: 1px solid #553BFC;transition: all .5s ease;} .btnSubmit:hover{background:#fff;cursor: pointer;color: #553BFC!important;border: 1px solid var(--theme-color);} .pb_10{padding-bottom: 10rem;} .custom_form>div:first-child{margin-bottom: .5rem;} .contact_box_flex{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 -2rem;} .contact_box{width: calc(100% / 2);padding: 0 2rem;} .contact_box_inner {background: #fff;border-radius: 40px;padding: 4rem;transition: all .5s ease;border: .3rem solid transparent;position: relative;} .contact_box_inner li {margin-bottom: 1.5rem; display: flex;} .contact_box_inner li i{font-size: 2rem; font-weight: 600; line-height: normal; color: #3C0059; font-style: normal;} .contact_box_inner li p{font-size: 1.3125rem; line-height: normal; margin-left: 1.5rem; color: #3C0059; font-family: Urbanist; font-style: normal; font-weight: 600;} .contact_box_inner li a{font-size: 1.3125rem; line-height: normal; margin-left: 1.5rem; color: #3C0059; font-family: Urbanist; font-style: normal; font-weight: 600;transition: all .5s ease;} .contact_box_inner li a:hover{text-decoration: underline;cursor: pointer;} .cntct_box_vctr_scnd{position: absolute;bottom: -2rem;left: 15rem;animation: loader-animation 5s linear infinite;} .cntct_box_vctr_thrd{position: absolute;top: -2rem;right: 4rem;animation: loader-animation 5s linear infinite;} .bg_contact_line{position: relative;z-index: 1;} .bg_contact_line .container>svg{position: absolute;bottom: 5rem;z-index: -1;left: 0;} .what_offer_ul_inner{display: flex;flex-wrap: wrap;margin: 0 -1rem;margin-bottom: -2.5rem;} .what_offer_ul_inner li {width: calc(100% / 3);padding: 0 1rem;margin-bottom: 2.5rem;} .what_offer_ul_inner a{display: inline-block;height: 100%;transition: all .5s ease;width: 100%;border-radius: 0.75rem;border: 1px solid #E5E7EB;background: #FFF;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14);} .small_wdth{max-width: 980px;margin: 0 auto;} .what_we_offr_inr_img img{border-radius: 1.5rem;} .bg_training_line{position: relative;z-index: 1;} .bg_training_line>svg{position: absolute;left: 0;z-index: -1;bottom: auto;top: 10rem;} .our_courses_inner h4 {margin-bottom: 2rem; font-size: 1.5rem; font-style: normal; font-weight: 600; color: #2E2E32; font-family: var(--secondary-font); } .admin_li{padding-left: 2rem; font-family: var(--theme-font); font-size: 1rem; font-style: normal; font-weight: 400; color: #1D1D20;} .admin_li li{position: relative;margin-bottom: 1rem;} .li_flex{display: flex;flex-wrap: wrap;} .li_flex li{width: calc(100% / 2);font-size: 1rem;} .admin_li li:before {content: '';width: 1.25rem;height: 1.25rem;background: url(/themes/images/chk_li.svg);border-radius: 50%;position: absolute;left: -2rem;top: 3px;background-repeat: no-repeat;background-size: contain;} .listing_two {display: flex;flex-wrap: wrap;margin: 0 -1rem;margin-bottom: 2rem;} .listing_two>div{width: calc(100% / 2);padding: 0 1rem;} /* .what_offer_text p { color: #fff; font-family: var(--theme-font); font-size: 1.0625rem; font-style: normal; font-weight: 300; line-height: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } */ .bg_contact_line:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/themes/images/about_icim.svg);z-index: -1;background-size: 100%;background-repeat: no-repeat;transform: translateY(9rem);} .bg_training_line::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 51.5rem;background: url(/themes/images/about_icim.svg);z-index: -1;background-size: 100%;background-repeat: no-repeat;transform: translateY(9rem);} .heading_wrap>svg {animation: loader-animation 5s linear infinite;} .top_box_wrap>svg {animation: loader-animation 5s linear infinite;} b, strong {font-weight: bold;} .past_training_img{display: flex;flex-direction: column;} .past_training_img img{float: right;object-fit: cover;border-radius: 40px;margin-left: 5rem;margin-bottom: 1rem;width: 45%;} .form_heading>div {color: #2B2B2F;font-family: var(--theme-font);font-size: 1.3125rem;font-style: normal;font-weight: 500;line-height: 2rem;} .form_heading{margin-bottom: 0!important;} .trning_dtl_flex {display: flex;flex-wrap: wrap;justify-content: space-between;} .trning_dtl_img {width: 44%;} .trning_dtl_txt {width: 50%;} .trning_dtl_img img {object-fit: cover;border-radius: 40px;width: 100%;} .clear_both{clear: both;} .training_gall{display: flex;flex-wrap: wrap;margin: 0 -1rem;margin-bottom: -2rem;} .training_gall li{width: calc(100% / 3);padding: 0 1rem;margin-bottom: 2rem;} .training_gall li img {width: 100%;object-fit: cover;height: 100%;max-height: 300px;border-radius: 1.5rem;} .training_bottom_sec .traning_sec:nth-child(even) .past_training_img img {float: left;margin-left: 0;margin-right: 5rem;} .form_price {display: flex;align-items: center;} .form_price>div{margin-bottom: 0!important;font-weight: 600;} ol>li{ color: #464951; font-family: var(--theme-font);font-style: normal; font-weight: 500; line-height: 2.063rem; } ol>li>p { color: #464951; font-family: var(--theme-font); font-size: 1.1rem; font-style: normal; font-weight: 500; line-height: 2.063rem; margin-bottom: 0;} .who_we_are_list {display: flex;flex-wrap: wrap;width: 100%;justify-content: center;} .who_we_are_list .bx_main{width: calc(100% / 3);} .admin_li li p{line-height: 1.2rem;} .btn_sky_blue{background-color: var(--secondary-color); border: 1px solid var(--secondary-color); color: var(--white) !important; border-radius: 10px; padding: 1rem 3rem; transition: all .5s ease; font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: normal;} .btn_sky_blue:hover{background-color:transparent;cursor: pointer;color: var(--secondary-color)!important;border: 1px solid var(--secondary-color);} .trning_dtl_innr>img {float: right;object-fit: cover;border-radius: 40px;margin-left: 5rem;margin-bottom: 1rem;width: 45%;} .trning_dtl {display: flex;flex-direction: column;} .admin_li>li>.admin_li{list-style: disc;margin-top: .5rem;} .admin_li>li>.admin_li li{margin-bottom: .5rem;} .admin_li>li>.admin_li li::before{display: none;} ol>li>.admin_li{list-style: disc;margin-top: 0;} ol>li>.admin_li li{margin-bottom: .5rem;} ol>li>.admin_li li::before{display: none;} .taining_logo { display: flex ; justify-content: center; margin: 0 -1rem; flex-wrap: wrap; margin-bottom: 3rem;} .taining_logo li { width: calc(100% / 2); padding: 0 1rem; height: auto; } .small_logo_img { width: 100%; background: #fff; height: 100%; display: flex ; align-items: center; justify-content: center; padding: .5rem; border-radius: 1.5rem; } .small_logo_img>img { max-height: 135px; } .contact_box_map {height: 100%;} .contact_box_map>div {height: 100%;} .contact_box_map>div p{height: 100%;} .contact_box_map>div iframe{border-radius: 40px;} .btn_inline{display: flex;justify-content: space-around;flex-wrap: wrap;} .form_heading>div:first-child {margin-top: 1rem;background: var(--theme-color);color: #fff;padding: 0.5rem 1rem;} .box_listing {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0;margin-bottom: -1.5rem;} .box_listing li:before{display: none;} .box_listing li{background: var(--theme-color); color: #000; padding: 1rem; margin-bottom: 1.5rem; width: calc(95% / 4); border-radius: 1rem; line-height: 1.2; height: 10rem; aspect-ratio: 1;display: flex ; align-items: center; justify-content: center; font-size: 1.3rem;text-align: center;} table {width: 100%;box-sizing: border-box;} th, td{border: 1px solid var(--theme-color);padding: .3rem .5rem;} /* .membership_plan_flex {display: flex;justify-content: space-between;flex-wrap: wrap;max-width: 980px;margin: 2rem auto 0;} */ .checkbox_wrapper label{font-size: .9rem;} .training_desc_two_box{float: right;} .bg_box>div:first-child {background: #d7e8fa;padding: 3rem;border-radius: 2rem;} .bg_box {margin: 0 1rem;} .box_listing li:first-child{background: #cfd0fc !important;} .box_listing li:last-child{background: #e6f8fb!important;} .box_listing li:nth-child(odd):nth-child(2n) {background: #d7e8fa;} .box_listing li:nth-child(odd):nth-child(3n) {background: #efbcfe;} .box_listing li:nth-child(even) {background: #d7e8fa;} table th{background: #d7e8fa;} table tr{background: #fff !important;} ol {padding-left: 1.2rem;} .datepicker{padding: .375rem .75rem!important;} .add_more {background-color: var(--theme-color);border: 1px solid var(--theme-color);color: var(--white);border-radius: 10px;padding: 0.6rem 1rem 0.6rem 1rem;transition: all .5s ease;width: 100%;} .add_more:hover{background: transparent;color: var(--theme-color);} .w-95{width: 95%;} .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5!important; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .375rem;} .select2-container--default .select2-selection--single{border: none!important;} .select2-container--default .select2-selection--single .select2-selection__arrow{height: 36px!important;} .ftr_ntro_logo{max-width: 190px;} .li_disc{list-style: disc;padding-left: 1.5rem;} .change_sec_color>section{padding-top: 0;} .change_sec_color>section{background: #f4fdff!important;} .change_sec_color>section:nth-child(3n+1) .membership_elgiblity_main_box {background: #eaf5ff;padding: 2rem;border-radius: 1rem;} .change_sec_color>section:nth-child(3n+2) .membership_elgiblity_main_box {background: #f5f5fe;padding: 2rem;border-radius: 1rem;} .change_sec_color>section:nth-child(3n+3) .membership_elgiblity_main_box {background: #e9fbff;padding: 2rem;border-radius: 1rem;} /* .change_sec_color>section:last-child .membership_elgiblity_main_box{background: transparent!important;padding: 0!important;} */ .membership_elgiblity_flex {display: flex;flex-wrap: wrap;margin: 0 -1rem;} .membership_elgiblity_flex>div {padding: 0 1rem;width: 50%;} .membership_sec>img{float: right; object-fit: cover; border-radius: 40px; margin-left: 5rem; margin-bottom: 1rem; width: 45%;} .doc_req>div{display: flex;flex-wrap: wrap;align-items: flex-end;height: 100%;} .doc_lst { list-style: auto; font-size: .9rem; padding-left: 1rem; margin-top: 1rem; } .red{color: red;} .single_images img{width: 100%;} .login_logo img{max-width: 150px;} .button-1, .button-2 { background-color: #3E4095; border: 1px solid transparent; border-radius: 100px; box-sizing: border-box; color: #FFFFFF!important; flex: 0 0 auto; font-size: 20px; font-weight: 600; padding: 12px 22px; text-align: center; -webkit-user-select: none; touch-action: manipulation; width: auto; margin-right: 10px; display: inline-block; transition: all .3s; } .button-2 {background-color: #70DAF0;color: #FFFFFF;} .button-1:hover { background-color: #70DAF0; color: #FFFFFF; transform: scale(1.03); box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px; } .button-2:hover { background-color: #3E4095; color: #FFFFFF; transform: scale(1.03); box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px; } .enquiry-card {border-radius:100px; padding:45px 22px; box-shadow:0 2px 6px rgba(0,0,0,0.04); font-family:Arial, sans-serif; border:1px solid #e8e8f0; background:url(/themes/images/welcome_bg.png), linear-gradient(249deg, #553BFC 0%, #740ED4 100%); background-size:cover; background-repeat:no-repeat;} .enquiry-title {font-size:2rem; color:#fff; margin-bottom:1.5rem; font-weight:600; text-align:center;} .enquiry-title i {color:#2563eb; margin-right:6px;} .enquiry-list {list-style:none; padding:0; margin:0; grid-template-columns:repeat(3, 1fr); display:grid;} .enquiry-list li {display:flex; gap:12px; align-items:center; padding:10px 0; border-bottom:0; text-align:center; justify-content:center;} .enquiry-list li:last-child {border-bottom:none;} .enquiry-list li> i {font-size:30px; color:#4b0082; margin-top:2px; border-radius:3.9375rem; background:#F3E8FF; width:3.25rem; height:3.125rem; display:flex; align-items:center; justify-content:center; margin-bottom:0;} .enquiry-list span {font-weight:600; color:#fff; display:block; margin-bottom:4px; text-align:left;} .enquiry-card .enquiry-list a {display:block; color:#fff; text-decoration:none; font-weight:600;transition: all 0.5s;} .enquiry-card .enquiry-list a:hover{color: #00A1FE;} .enquiry-list .fa-whatsapp {color:#25d366;} .email-links a {color:#fff;} .toltip { position: relative; display: inline-block; margin-left: .5rem; cursor: pointer; /* border-bottom: 1px dotted black; */ } .toltip .tooltiptext { visibility: hidden; width: 225px; background-color: #d9d9ec; color: #000; text-align: center; border-radius: 6px; padding: 5px; font-size: .85rem; /* Position the tooltip */ position: absolute; z-index: 1; } .toltip:hover .tooltiptext { visibility: visible; } .client_gall {display: flex;flex-wrap: wrap;margin: 0 -1rem;margin-bottom: -2rem;} .client_gall li{width: calc(100% / 5);padding: 0 1rem;margin-bottom: 2rem;} .client_gall li a{display: inline-block;background-color: #fff;} .client_logo_slider img{width: 100%;} .client_slider {padding-bottom: 3rem;} .client_logo_slider a { background: #fff; min-height: 111px; display: flex; align-items: center; justify-content: center; } .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } @keyframes loader-animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media (min-width: 1400px) { .bg_darkblue .container { max-width: 1280px; } } #pageloader { background: #ffffffa1; display: none; height: 100%; position: fixed; width: 100%; z-index: 9999; top: 0; left: 0; } #pageloader img { left: 50%; margin-left: -32px; margin-top: -32px; position: absolute; top: 50%; } .apply_btn{height: 100%;display: flex;align-items: flex-end;} .pymnt_dtl li{display: flex;flex-wrap: wrap;justify-content: space-between;} .pymnt_dtl p{margin-bottom: 0;} .user_logged_panel .username { background-color: var(--theme-color); border: 1px solid var(--theme-color); color: var(--white); border-radius: 10px; padding: 0.6rem 1rem 0.6rem 1rem; transition: all .5s ease; font-weight: 600; max-width: 165px; } .knowledge_part_flex{display: flex;flex-wrap: wrap;margin: 0 -1rem;justify-content: center;} .knowledge_part_flex .bx_main {width: calc(100% / 5);padding: 0 1rem;} .knowledge_part_flex h4{display: none;} .knowledge_part_flex section {padding-bottom: 0;} .welcome_sec{background: url('/themes/images/welcome_bg.png') #FDFAFF;background-size: 100% 100%;background-repeat: no-repeat;padding: 3.75rem 0;} section{padding: 6.25rem 0;overflow: hidden;} .welcome_flex {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;} .welcome_right {width: 45%;} .welcome_left {width: 38%;} .welcome_right img{width: 100%;border-radius: 1rem;} .sec_head {margin-bottom: 1.5rem;color: #3C0059;font-family: "Urbanist", sans-serif;font-size: 2.625rem;font-style: normal;font-weight: 500;line-height: 3.15rem;} .sub_heading { font-family: "Inter", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.6rem; letter-spacing: -0.035rem; border-radius: 3.75rem; background: #E9E4EB; padding: 0.0625rem 1.25rem; width: fit-content; color: #553BFC; margin-bottom: .65rem!important;} .welcome_left .sub_heading { font-family: "Inter", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.6rem; letter-spacing: -0.035rem; border-radius: 3.75rem; background: #E9E4EB; padding: 0.0625rem 1.25rem; width: fit-content; color: #553BFC; margin-bottom: 1.5rem;} .theme_btn{border-radius: 3.75rem;background: var(--GR, linear-gradient(249deg, #553BFC 0%, #740ED4 100%));padding: 0.875rem 1.875rem;display: inline-block;color: #FDFAFF; font-family: "Urbanist", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.5rem; margin-top: 1.5rem;transition: all .5s ease;border: 1px solid #553BFC;} .theme_btn:hover{background: transparent;color: #3C0059;} .theme_btn svg{margin-left: .65rem;fill: #fff;} .theme_btn:hover svg{fill: #3C0059;} .theme_btn2{border-radius: 3.75rem;background: #00A1FE;padding: 0.875rem 1.875rem;display: inline-block;color: #fff !important; font-family: "Urbanist", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.5rem; margin-top: 1.5rem;transition: all .5s ease;border: 1px solid #00A1FE;} .theme_btn2:hover{background: transparent;color: #00A1FE; color: #00A1FE !important;} .theme_btn2 svg{margin-left: .65rem;fill: #fff;} .theme_btn2:hover svg{fill: #00A1FE;} .theme_btn3{border-radius: 3.75rem;background: var(--black);padding: 0.875rem 1.875rem;display: inline-block;color: #fff !important; font-family: "Urbanist", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.5rem; margin-top: 1.5rem;transition: all .5s ease;border: 1px solid var(--black);} .theme_btn3:hover{background: transparent;color: var(--black) !important;} .theme_btn3 svg{margin-left: .65rem;fill: #fff;} .theme_btn3:hover svg{fill: #000;} .theme_btn_white{border-radius: 3.75rem;background: #FFF;padding: 0.875rem 1.875rem;display: inline-block;color: #553BFC; font-family: "Urbanist", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.5rem; margin-top: 1.5rem;transition: all .5s ease;border: 1px solid #553BFC;} .theme_btn_white:hover{background: var(--GR, linear-gradient(249deg, #553BFC 0%, #740ED4 100%));color: #fff!important;} .theme_btn_white svg{margin-left: .65rem;fill: #553BFC;} .theme_btn_white:hover svg{fill: #fff;} .what_offer_hdng { color: #3C0059; font-family: "Urbanist", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: 1.75rem; padding-right: 5rem;} .dtl_btn{font-family: "Urbanist", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.6rem;letter-spacing: -0.035rem;color: #553BFC!important; position: relative;} .dtl_btn::after {content: '';position: absolute;bottom: 0;left: 0;width: 1.5625rem;height: 0.0625rem;background: linear-gradient(249deg, #553BFC 0%, #740ED4 100%);} .what_offer_text p {margin-bottom: 1.25rem;} .what_offer_sec>div{margin-top: 3.75rem;} .why_ndt{background: url('/themes/images/why_ndt.jpg');background-size: 100% 100%;background-repeat: no-repeat;} .testimonial_slider .swiper-pagination span {width: 0.5rem;height: 0.5rem;border-radius: 2097150rem;background: #D1D5DC;} .testimonial_slider .swiper-pagination span.swiper-pagination-bullet-active{border-radius: 2097150rem;background: #2C2E33;width: 2.75rem;height: 0.5rem;} .testimonial_slider .slider_btn{position: static;display: flex;align-items: center;justify-content: space-between;margin-top: 0rem;max-width: 25%;margin: 0 auto;} .testimonial_slider .slider_btn > .swiper-button-next, .testimonial_slider .slider_btn > .swiper-button-prev {display: flex;width: 2.25rem;height: 2.25rem;justify-content: center;align-items: center;border-radius: 2097150rem;background: var(--GR, linear-gradient(249deg, #553BFC 0%, #740ED4 100%));color: #fff;position: static;} .testimonial_slider .slider_btn > .swiper-button-next::after, .testimonial_slider .slider_btn > .swiper-button-prev::after{font-size: 1rem;} .testimonial_slider .testimonial_slider .swiper-pagination{position: static;background: transparent;} .cta_sec {padding: 3rem 0; background:url("/themes/images/welcome_bg.png"),linear-gradient(249deg, #553BFC 0%, #740ED4 100%);background-size: cover;background-repeat: no-repeat;} .cta_sec .heading_wrap {display:flex; align-items:center; justify-content:space-between; gap:40px; text-align:left; margin-bottom: 0;} .cta_sec .heading_wrap .text_col {max-width:580px;} .cta_sec .sub_title {display:inline-block;padding: 0.7rem 1rem; line-height: normal; margin-bottom:26px; font-size:12px; font-weight:600; letter-spacing:0.5px; color:#fff; background:rgba(255, 255, 255, 0.12); border:1px solid rgba(255, 255, 255, 0.25); border-radius:30px;} .cta_sec .sec_head {margin:0 0 6px; font-size:48px; line-height:1.18; color:#ffffff;} .cta_sec .sec_head .light {display:block; font-weight:400; color:rgba(255, 255, 255, 0.75);} .cta_sec .cat_brief > * {margin:22px 0 34px; max-width:400px; font-size:15px; line-height:1.6; color:rgba(255, 255, 255, 0.75);} .cta_sec .cat_brief strong {color:#fff; font-weight:600;} .cta_sec .store_img ul {display:flex; gap:16px; list-style:none; margin:0; padding:0;} .cta_sec .store_img li a {display:block;} .cta_sec .store_img img {height:70px; width:auto; display:block; transition:transform 0.2s ease;} .cta_sec .img_col .hero_img { max-width: 100%; display: block; filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.35)); margin-bottom: -12rem; } .cta_sec .store_img li a:hover img {transform:translateY(-2px);} .cta_sec .img_col {position:relative; flex:0 0 auto; width:600px; display:flex; justify-content:center;} .cta_sec .img_col .hero_img {max-width:100%; display:block; filter:drop-shadow(0 30px 60px rgba(0, 0, 0, 0.35));} /* new cta sec */ .cta_sec_index_top {padding: 2rem 0; background:url("/themes/images/welcome_bg.png"),linear-gradient(249deg, #553BFC 0%, #740ED4 100%);background-size: cover;background-repeat: no-repeat;} .cta_sec_index_top .heading_wrap {display:grid;grid-template-columns: 1fr 1.5fr; gap:40px; text-align:left; margin-bottom: 0;} /* .cta_sec_index_top .heading_wrap .text_col {display: flex; gap: 40px;} */ .cta_sec_index_top .sub_title {display:inline-block;padding: 0.5rem 1rem; line-height: normal; margin-bottom:10px; font-size:10px; font-weight:600; letter-spacing:0.5px; color:#fff; background:rgba(255, 255, 255, 0.12); border:1px solid rgba(255, 255, 255, 0.25); border-radius:30px;} .cta_sec_index_top .sec_head {margin:0 0 6px; font-size:36px; line-height:1.18; color:#ffffff;} .cta_sec_index_top .sec_head .light {display:block; font-weight:400; color:rgba(255, 255, 255, 0.75);} .cta_sec_index_top .cat_brief > * {margin:9px 0; max-width:400px; font-size:17px; line-height:1.6; color:rgba(255, 255, 255, 0.75);} .cta_sec_index_top .cat_brief strong {color:#fff; font-weight:600;} .cta_sec_index_top .btn {color:#fff; font-weight:600; text-decoration: none; display: flex; gap: 10px; align-items: center; padding: 0;} .cta_sec_index_top .btn:hover {color:#fff;} .cta_sec_index_top .btn i {font-size: 15px; transition: 0.5s;} .cta_sec_index_top .btn:hover i {padding-left: 5px;} .cta_sec_index_top .store_img ul {display:flex; gap:16px; list-style:none; margin:0; padding:0;} .cta_sec_index_top .store_img li a {display:block;} .cta_sec_index_top .store_img img {height:40px; width:auto; display:block; transition:transform 0.2s ease;} .cta_sec_index_top .img_col .hero_img { max-width: 400px; display: block; filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.35)); margin-bottom: -12rem; } .cta_sec_index_top .store_img li a:hover img {transform:translateY(-2px);} .cta_sec_index_top .img_col {position:relative; width:100%; display:flex; justify-content:space-between; gap: 1rem; align-items: flex-end;} .cta_sec_index_top .heading_wrap .text_col {display: flex; flex-direction: column;justify-content: center;align-items: start;} @media (max-width: 1200px) and (min-width: 990px) { .cta_sec_index_top .img_col{ flex-direction: column; align-items: center; justify-content: flex-end;} } @media (max-width: 991px) { .cta_sec_index_top .heading_wrap {grid-template-columns: 1fr; gap: 30px;} .cta_sec_index_top .sec_head {font-size:28px;} .cta_sec_index_top .cat_brief > * {font-size:15px;} .cta_sec_index_top .heading_wrap .text_col{text-align: center;} .cta_sec_index_top .btn{justify-content: center;} .cta_sec_index_top .img_col{width: 100%; flex-direction: column; align-items: center;} .cta_sec_index_top .heading_wrap .text_col {align-items: center;} } .chip {position:absolute; display:flex; align-items:center; gap:10px; padding:10px 16px; background:rgba(255, 255, 255, 0.14); border:1px solid rgba(255, 255, 255, 0.25); border-radius:12px; backdrop-filter:blur(6px); color:#fff; font-size:13px; line-height:1.3;} .chip .chip_sub {display:block; font-size:11px; color:rgba(255, 255, 255, 0.65);} .chip.chip_top {top:8%; left:-8%;} .chip.chip_mid {top:55%; left:-14%;} .chip.chip_right {top:32%; right:-16%;} .ftr_sec.ftr_sec1{width: 20%;} .ftr_sec.ftr_sec3{width: 30%;} .ftr_sec.ftr_sec2 ul {display: flex;flex-wrap: wrap;} .ftr_sec.ftr_sec2 ul li{width: calc(100% / 2);} footer{background-color: #FDFAFF;} .ftr_sec.ftr_sec1 p.scl_heading{margin-top: 1.75rem; color: #3C0059;font-family: "Urbanist", sans-serif;font-size: 1rem;font-style: normal;font-weight: 600;line-height: 1.5rem;letter-spacing: -0.04rem;} .bootom_menu_footer {border-top: 1px solid #DADADA;padding-top: 1.5rem;} .ftr_sec.ftr_sec1 p { color: #48474A; font-family: "Urbanist", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.4; } .address_line a { color: #48474A; font-family: "Urbanist", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.5rem; } .ftr_sec3 .address_line:nth-of-type(1) svg {margin-right: 1rem;} .bg_pink{background: url(/themes/images/why_ndt.jpg);background-size: 100% 100%;background-repeat: no-repeat; padding-top: 2rem} .facts_text {display: flex;flex-wrap: wrap;margin: 0 -1rem;border-top: 1px solid #DADADA;padding-top: 2.25rem;margin-top: 2.25rem;} .facts_text_bx {width: calc(100% / 3);padding: 0 1rem;border-right: 1px solid #ccc;} .facts_text .facts_text_bx:last-child{border: 0;} .facts_text_hdng { color: #3C0059; text-align: center; font-family: "Urbanist", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: normal; } .facts_text_icn { border-radius: 3.9375rem; background: #F3E8FF; width: 3.25rem; height: 3.125rem; display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-bottom: 1rem; } .course_dtl_flex{ display: flex;flex-wrap: wrap;align-items: start;justify-content: space-between;} .course_dtl_left .brief { padding-bottom: 5px; } .course_dtl_left{width: 50%;} .course_dtl_right{width: 45%;} .course_dtl_right img{width: 100%;border-radius: 1rem;} .bg_course_dtl{background: url(/themes/images/welcome_bg.png) #FDFAFF;background-size: 100% 100%;background-repeat: no-repeat;} .what_we_do_sec {background: url(/themes/images/welcome_bg.png), linear-gradient(249deg, #553BFC 0%, #740ED4 100%);background-size: cover;background-repeat: no-repeat;} .what_we_do_sec p{color: #fff;} .what_we_do_flex{display: flex;flex-wrap: wrap;justify-content: space-between;} .what_we_do_left {width: 42%;} .what_we_right {width: 43%;} .courses_designed_box{border-radius: 0.5rem;background: #FFF;padding: 1.5rem;margin-bottom: 1rem;} .courses_designed_box .sec_child_title { color: #3C0059; font-family: "Urbanist", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: 1.75rem; margin-bottom: 0;} .courses_designed_box .sec_child_subtitle {color: #48474A;font-family: "Urbanist", sans-serif;font-size: 1rem;font-style: normal;font-weight: 400;line-height: normal;} .core_value_img { width: 5rem; height: 5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto; background: #F3E8FF; margin-bottom: 1.5rem; } .core_data_content .title { color: #3C0059; text-align: center; font-family: Urbanist; font-size: 1.875rem; font-style: normal; font-weight: 600; line-height: 2.55325rem; margin-bottom: .75rem;} .our_team_name{color: #3F1454;font-family: Urbanist;font-size: 1.375rem;font-style: normal;font-weight: 600;line-height: 1.375rem;} .our_team_title { color: #48474A; font-family: Urbanist; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: normal;} .our_team_ul {display: flex;flex-wrap: wrap;margin: 0 -3rem;margin-bottom: -3rem;justify-content: center;} .our_team_ul li{width: calc(100% / 3);padding: 0 3rem;margin-bottom: 3rem;} .our_team_img{margin-bottom: 1.5rem;} .our_team_img img{width: 100%;border-radius: .5rem;} .client_flex{display: flex;justify-content: space-between;margin: 0 -1rem;} .client_flex .our_clients{width: calc(100% / 5);min-width: 15.625rem;padding: 0 1rem;} .customers-list{border: 1px solid #DADADA;background: #fff;width: 100%;} .service_img_sec {display: flex;flex-wrap: wrap;justify-content: space-between;} .service_left {width: 47%;} .service_right {width: 45%;} .service_right { background: #ededed; display: flex; justify-content: center; align-items: center; } .service_brief p{color: #48474A;font-family: Urbanist;font-size: 1.125rem;font-style: normal;font-weight: 400;line-height: normal;} .service_brief ul{margin-top: 1rem;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 2rem;} .service_brief ul li { position: relative; width: calc(100% / 2); list-style: none; color: #48474A; font-family: Urbanist; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 1.9rem; margin-bottom: 1.5rem; padding-left: 2.5rem; } .service_brief ul li::before{content: '';position: absolute;top: 0;left: 0;background: url(../images/span.png);width: 1.875rem;height: 1.875rem;} .training_flex{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 3.75rem;} .training_left{width: 50%;} .training_right{width: 45%;} .training_right img{width: 100%;border-radius: 1rem;} .training_list{margin-bottom: -3.75rem;} .training_list .training_flex:nth-child(even) {flex-direction: row-reverse;} .service_faq_box {border: 1px solid #e5e7eb;overflow: hidden;background: #fff;transition: all .5s ease;} .service_faq_box.active {border-bottom: 1px solid #E5E7EB;background: #F8F8F8;} .service_faq_header {color: #48474A;font-family: Urbanist;font-size: 1.125rem;font-style: normal;font-weight: 700;line-height: normal;padding: 18px 22px;cursor: pointer; display: flex;justify-content: space-between;align-items: center;} .service_faq_content ul{display: flex;flex-wrap: wrap;padding-left: 1.5rem;} .service_faq_content ul li { color: #48474A; font-family: Urbanist; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: 200%; width: calc(100% / 3);position: relative;list-style: disc;} .service_faq_content ul li::marker{font-size: .5rem;} .service_faq .service_faq_box:first-child {border-top-left-radius: 1rem;border-top-right-radius: 1rem;} .service_faq .service_faq_box:last-child {border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;} .faq_icon { font-size: 14px; transition: transform 0.3s ease; } .service_faq_box.active .faq_icon { transform: rotate(180deg); } .service_faq_content { display: none; padding: 0 22px 18px; } .service_faq_content .faq_inner { font-size: 14px; line-height: 1.7; color: #717182; } .testimonial_listing_flex {display: flex;flex-wrap: wrap;margin: 0 -1rem;margin-bottom: -2rem;} .testimonial_listing_flex .testimonial_listing_box{width: calc(100% / 2);padding: 0 1rem;margin-bottom: 2rem;} .testimonial_listing_box_inner { border-radius: 0.75rem; border: 1px solid #DADADA; background: #FAF5FF; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.10), 0 1px 3px 0 rgba(0, 0, 0, 0.06); padding: 2.9375rem 1.875rem; height: 100%;} .review_brief p { color: #2C2E33; font-family: Urbanist; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: 1.6875rem; } .video_ul .swiper-slide{height: auto;} .video_ul .swiper-slide .testi_box{height: 100%;} .enroll_form .bookspace-inner {max-width:720px; margin:auto; background:#fff; padding:35px; border-radius:12px; box-shadow:0 15px 40px rgba(0,0,0,0.08);} .enroll_form .custom_form .required, .enroll_form .custom_form > div:first-child {font-weight:600; margin-bottom:6px; color:#222; font-size:14px;} .enroll_form .custom_form {position:relative;} .enroll_form .custom_form .form-control {border-radius:8px; border:1px solid #ddd; padding:0.7rem 0.7rem 0.7rem 2rem; font-size:1rem; transition:0.3s;} .enroll_form .custom_form textarea.form-control {height:110px; resize:none;} .enroll_form .custom_form .form-control:focus {border-color:#111; box-shadow:0 0 0 3px rgba(0,0,0,0.08);} .enroll_form .custom_form::before {font-family:"Font Awesome 6 Free"; font-weight:900; position:absolute; left:14px; top:40px; padding-left: 0.5rem;color:#999; pointer-events:none;} .enroll_form .custom_form:has(input[name="input79"])::before {content:"\f007";} .enroll_form .custom_form:has(input[name="input80"])::before {content:"\f095";} .enroll_form .custom_form:has(input[name="input81"])::before {content:"\f095";} .enroll_form .custom_form:has(input[name="input82"])::before {content:"\f0e0";} .enroll_form .custom_form:has(input[name="input88"])::before {content:"\f007";} .enroll_form .custom_form:has(input[name="input89"])::before {content:"\f095";} .enroll_form .custom_form:has(input[name="input90"])::before {content:"\f095";} .enroll_form .custom_form:has(input[name="input91"])::before {content:"\f0e0";} .enroll_form .custom_form:has(textarea)::before {content:"\f27a";} .enroll_form .radio_wrapper, .enroll_form .checkbox_wrapper {padding:15px; background:#fafafa; border-radius:8px; margin-bottom:20px;} .enroll_form .radio_wrapper input[type="radio"] {display:none;} .enroll_form .radio_wrapper input[type="radio"] + label {position:relative; padding-left:30px; cursor:pointer; font-size:14px; display:inline-block; margin-bottom:8px;} .enroll_form .radio_wrapper input[type="radio"] + label::before {content:""; width:18px; height:18px; border:2px solid #999; border-radius:50%; position:absolute; left:0; top:2px;} .enroll_form .radio_wrapper input[type="radio"]:checked + label::before {border-color:#111;} .enroll_form .radio_wrapper input[type="radio"]:checked + label::after {content:""; width:10px; height:10px; background:#111; border-radius:50%; position:absolute; left:4px; top:6px;} /*.enroll_form .checkbox_wrapper {display:grid; grid-template-columns:repeat(2, 1fr); gap:8px 20px;}*/ .enroll_form .checkbox_wrapper input[type="checkbox"] {display:none;} .enroll_form .checkbox_wrapper input[type="checkbox"] + label {position:relative; padding-left:28px; cursor:pointer; font-size:14px;} .enroll_form .checkbox_wrapper input[type="checkbox"] + label::before {content:""; width:18px; height:18px; border:2px solid #999; border-radius:4px; position:absolute; left:0; top:2px;} .enroll_form .checkbox_wrapper input[type="checkbox"]:checked + label::before {background:#111; border-color:#111;} .enroll_form .checkbox_wrapper input[type="checkbox"]:checked + label::after {content:"\f00c"; font-family:"Font Awesome 6 Free"; font-weight:900; color:#fff; font-size:12px; position:absolute; left:3px; top:1px;} .enroll_form .btn-book-space {text-align:center; margin-top:20px;} .enroll_form .btn-book-space .btn {font-size:1rem; font-weight:600; transition:0.3s; margin: 0 !important;} .enroll_form .btn-book-space .btn:hover {transform:translateY(-2px);} .enroll_form .error {font-size:12px; color:#e63946;} .enroll_form .custom_form .required {position: relative;display: inline-block;} .enroll_form .custom_form .required:before {content: '*';color: #f00;right: -8px;position: absolute;} .thank-you-wrapper {display:flex; align-items:center; justify-content:center; font-family:'Segoe UI', Arial, sans-serif; padding:20px;} .thank-you-box {max-width:700px; width:100%; background:#ffffff; border-radius:16px; padding:40px 35px; text-align:center; box-shadow:0 20px 50px rgba(0,0,0,0.08); position:relative;} .thank-you-icon {width:70px; height:70px; margin:0 auto 20px; border-radius:50%; background:linear-gradient(135deg,#6a5cff,#9b8cff); display:flex; align-items:center; justify-content:center; color:#fff; font-size:32px; box-shadow:0 10px 25px rgba(106, 92, 255, 0.35);} .thank-you-title {font-size:32px; margin:0 0 16px; color:#2b2e4a; font-weight:700;} .thank-you-message {margin-top:20px; padding:22px 24px; background:#f9f9ff; border-radius:12px; border-left:5px solid #6a5cff; text-align:left;} .message-heading {font-size:17px; margin:0 0 10px; font-weight:600; color:#2b2e4a;} .message-text {font-size:15px; margin:0 0 8px; color:#555;} .message-text:last-child {margin-bottom:0;} .project_single_gallery {display: flex;flex-wrap: wrap;margin: 0 -1rem;margin-bottom: -2rem;} .project_single_gallery li{width: calc(100% / 4);padding: 0 1rem;margin-bottom: 2rem;} .project_single_gallery li a img {width:100%; height:20rem; object-fit:cover; border-radius:15px; transition:transform .6s ease} .faq_section {padding:80px 0; background: url(/themes/images/why_ndt.jpg);background-size: 100% 100%; background-repeat: no-repeat; position:relative; overflow:hidden;} .faq_section::before {content:''; position:absolute; width:500px; height:500px; background:linear-gradient(45deg,#7c3aed,#06b6d4); border-radius:50%; filter:blur(150px); opacity:.18; top:-200px; left:-150px;} .faq_section .faq_wrapper {max-width:900px; margin:auto; position:relative; z-index:2;} .faq_section .faq_card {background: var(--black30);border: 1px solid var(--black100); border-radius:15px; margin-bottom:22px; overflow:hidden; backdrop-filter:blur(10px); transition:.4s ease;} .faq_section .faq_card:hover {transform:translateY(-4px); border-color:#8b5cf6; box-shadow:0 10px 40px rgba(139,92,246,.2);} .faq_section .faq_question {width:100%; background:none; border:none; padding:12px 15px; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:20px; text-align:left;} .faq_section .faq_left {display:flex; align-items:center; gap:22px; width: 100%;} .faq_section .faq_number {width:3rem; height:3rem; min-width:3rem; border-radius:10px; background: var(--GR, linear-gradient(249deg, #553BFC 0%, #740ED4 100%)); color:#fff; font-size:18px; font-weight:700; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 20px rgba(124, 58, 237, .35);} .faq_section .faq_question h3 {margin:0; color: var(--theme-color); font-size:1.2rem; font-weight:600; line-height:1.4;} .faq_section .faq_icon {width:3rem; height:3rem; min-width:3rem; border-radius:50%; background:rgba(255,255,255,0.08); position:relative; transition:.4s ease;} .faq_section .faq_icon::before, .faq_icon::after {content:''; position:absolute; background:var(--theme-color); top:50%; left:50%; transform:translate(-50%,-50%); transition:.4s ease;} .faq_section .faq_icon::before {width:18px; height:2px;} .faq_section .faq_icon::after {width:2px; height:18px;} .faq_section .faq_answer {max-height:0; overflow:hidden; transition:max-height .45s ease;} .faq_section .faq_content {padding:0 1.5rem 1.5rem 1.5rem; color:#cbd5e1; font-size:1rem; line-height:1.8;} .faq_section .faq_card.active {border-color:#8b5cf6; background:rgba(255,255,255,0.08);} .faq_section .faq_card.active .faq_icon {background:var(--theme-color); transform:rotate(180deg);} .faq_section .faq_card.active .faq_icon::after {opacity:0;} .faq_section .faq_card.active .faq_question h3 {color: var(--theme-color);} .faq_section .faq_card.active .faq_icon::before {background: #fff;} .faq-section h2 {text-align:center; margin-bottom:20px;} .faq-section .faq-item {border-bottom: 1px solid #ddd;padding: 10px 0;box-shadow: none;margin: 0;} .faq-section .faq-question {cursor:pointer; position:relative; font-size:18px; margin:0; padding:12px 40px 12px 10px; background:#f9f9f9; border-radius:6px; transition:0.3s;} .faq-section .faq-question:hover {background:#f1f1f1;} .faq-section .faq-question::after {content:'+'; position:absolute; right:15px; font-size:20px; transition:0.3s;} .faq-section .faq-item.active .faq-section .faq-question::after {content:'-';} .faq-section .faq-item p {max-height:0; overflow:hidden; margin:0; padding:0 10px; transition:all 0.3s ease; color:#555;font-weight: 500; font-size: 1rem;} .faq-section .faq-item.active p {max-height:200px; padding:10px;} .faq-section .faq-item.active .faq-question::after{content: "-";} .faq-section .faq-item.active {border-radius: 0.375rem;background: #F6F6F6;} /* GOOGLE TRANSLATE CSS START */ .custom-translate {display:flex; align-items:center; justify-content:center; margin-top:10px;} #language-selector {padding:8px 15px; font-size:16px; border:2px solid #007bff; border-radius:5px; cursor:pointer; background-color:white; color:#007bff; outline:none;} #language-selector:hover {background-color:#007bff; color:white;} .select_lang_wrapper {margin-left:1rem; position:relative;} .hd_btn {border:solid 1px var(--white); font-size:0.938rem; padding:0.5rem 0.6rem; display:flex; border-radius:25px; cursor:pointer; color:var(--white);align-items: center;} .hd_btn span {font-size:14px; padding:0 10px 0 7px;} .don-arrow {align-self:center;} .lang_dropdown {display:block; position:absolute; top:100%; background-color:#fff; border-radius:10px; min-width: 10rem;box-shadow:-1px 5px 13px #00000052; overflow:hidden; right:0; transform:translateY(150px); transition:.5s;} .lng_btn.active+.lang_dropdown {opacity:1; transform:translate(0); pointer-events:all;} .lang_dropdown {opacity:0; pointer-events:none;} .select_lang_wrapper select {display:none;} .languages {display:none;} .lang_dropdown ul {max-height:305px; overflow:auto; /*padding:1rem 0;*/ margin:0; display:block;scrollbar-width: thin; scrollbar-color: #888 #f1f1f1;} .lang_dropdown ul::-webkit-scrollbar {width:6px;} .lang_dropdown ul::-webkit-scrollbar-track {background:#f1f1f1; border-radius:10px;} .lang_dropdown ul::-webkit-scrollbar-thumb {background:#888; border-radius:10px; transition:0.3s;} .lang_dropdown ul::-webkit-scrollbar-thumb:hover {background:#555;} .lang_dropdown ul li {cursor:pointer; padding:6px 12px;font-size: 0.9rem;} .lang_dropdown ul li.selected {background-color:#00A1FE; color:var(--white);} .lang_dropdown ul li:hover {background-color:#00A1FE; color:var(--white);} .translated-ltr .skiptranslate {display:none;} .hd_btn.lng_btn:hover {color: var(--white800);} /*Faq*/ .facsec{padding:60px 0;} .faqlist{margin-top: 15px;} .faqlist > ul{list-style: none;} .faqlist > ul > li{ width: 100%; margin-bottom: 0.5rem;border:1px solid #dadbde; border-radius: 10px;} .ftitle{ margin: 0; padding: 15px 30px 15px 15px;font-size: 1.1rem; font-weight:500; cursor:pointer; position:relative; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;border-bottom: 1px solid transparent;} .ftitle:after{content:"+";color:#212529; display: block; line-height:20px; position: absolute;right: 1rem; top: 1rem; font-size:1.8rem; font-weight:300;} .faqlist > ul > li.active .ftitle:after{content:"-"; line-height:16px;} .ftitle.active{color:#f97210; } .faqlist > ul > li.active{/*border-color:var(--medium-black);*/background: #f2f2f2;color:var(--medium-black);} .fqcont{padding:0 15px;font-size: 15px; line-height: 1.4; height: 0; opacity: 0; -webkit-transition: all .1s ease-in-out;-moz-transition: all .1s ease-in-out;-o-transition: all .1s ease-in-out; transition: all .1s ease-in-out} .fqcont p:last-child {margin-bottom: 0;} .faqlist > ul > li.active .fqcont{padding:1rem; height: auto; opacity:1; } .faq-desc h2 {font-size: 1.2rem;} .faqlist > ul > li.active .ftitle {border-bottom: 1px solid #ddd;} /* ========== Blog Details ==========*/ .blog_content .post_desc {font-size:1rem; line-height:1.7; color:#333;} .blog_content .post_desc p {margin-bottom:1rem; color:#444;} .blog_content .post_desc h2 {font-size:1.5rem; margin:1.875rem 0 0.9375rem; font-weight:600; color:#111;} .blog_content .post_desc h3 {font-size:1.25rem; margin:1.5625rem 0 0.75rem; font-weight:600; color:#222;} .blog_content .post_desc h4 {font-size:1.125rem; margin:1.25rem 0 0.625rem; font-weight:500; color:#333;} .blog_content .post_desc h5 {font-size:1rem; margin:0.9375rem 0 0.5rem; font-weight:500; color:#444;} .blog_content .post_desc ul {margin:0.9375rem 0 1.25rem 1.25rem; padding-left:0.625rem;font-size: 1rem;} .blog_content .post_desc ul li {margin-bottom:0.5rem; list-style-type:disc;} .blog_content .post_desc ol {margin:0.9375rem 0 1.25rem 1.25rem; padding-left:0.625rem;font-size: 1rem;} .blog_content .post_desc ol li {margin-bottom:0.5rem; list-style-type:decimal;} .blog_content .post_desc li {color:#444; line-height:1.6;} .blog_content .post_desc a {color:#007bff; text-decoration:none;} .blog_content .post_desc a:hover {text-decoration:underline;} .blog_content .faq-section {margin-top:1.875rem;} .blog_content .faq-section h2 {color:var(--secondary-color); font-size:1.8rem;} /* ========== Offline Training Tabs ==========*/ .investor-tabs--sidebar {align-items:flex-start;} .tabs-sidebar .tabs-list {display: flex;justify-content: center; /*padding: 0.75rem;*/margin-bottom: 1.5rem; flex-wrap: wrap; row-gap: 1rem;} .tabs-sidebar .tab-item { font-size: 1rem; font-weight: 600; margin-inline: 1rem; position: relative; border-radius: 3.75rem; background: transparent; border: 1px solid #740ED4; padding: 0.8rem 1.7rem; color: #FDFAFF; transition: all .5s ease; color: #740ED4; cursor: pointer;} .tabs-sidebar .tab-item:before { background: var(--black300); content: ''; position: absolute; width: 1px; height: 100%; right: -1rem; top: 50%; transform: translateY(-50%); } .tabs-sidebar .tab-item:last-child::before {display: none; } .tabs-sidebar .tab-item:hover, .tabs-sidebar .tab-item.active { background: linear-gradient(249deg, #553BFC 0%, #740ED4 100%); color: white;} .tab-content .content-panel {display:none;} .tab-content .content-panel.active {display:block;} .investor-tabs .contents .title { color: #3C0059; font-family: "Urbanist", sans-serif; font-size: 1.625rem; font-style: normal; font-weight: 700; line-height: 1.5; } /* .table-shell {border-radius:10px; overflow:hidden; box-shadow:0 1px 2px rgba(16,32,47,0.04);} .scroll {overflow-x:auto;} .table-shell table {width:100%; border-collapse:collapse; font-size:0.9rem;} .table-shell thead th {background:var(--theme-color); color:#eef3f4; font-weight:600; font-size:0.8rem; letter-spacing:0.02em; text-align:left; padding:13px 16px; white-space:nowrap; border-bottom:1px solid var(--ink);} .table-shell thead th.num, tbody td.num {text-align:right;} .table-shell tbody td {padding:0.5rem 0.5rem; line-height: normal; border-bottom:1px solid var(--theme-color); white-space:nowrap; vertical-align:middle;} .table-shell tbody tr.course-row:hover {background:#f7fafa;} .course-name {font-weight:600;} .table-shell tfoot td {padding:14px 16px; background:var(--amber-soft); border-top:1px solid var(--theme-color); font-size:12.5px; color:var(--amber); font-weight:600;} .table-shell tfoot .foot-label { font-weight:600; text-transform:none;} .table-shell thead th { border-right: 1px solid white; } .table-shell thead th:last-child { border-right: 1px solid var(--theme-color); } */ /*.table-shell tbody tr:last-of-type td {border-bottom:none;}*/ .legend {margin-top:14px; font-size:12px; color:var(--ink-soft); } .group_center_btn a {padding: 0.5rem 1.5rem;} /* ---------- Floating contact button ---------- */ :root { --ink: #0d1b12; --paper: #f6f3ea; --leaf: #1fa855; --leaf-deep: #12693a; --glow: #baf5cf; } .contact-dock { position: fixed; right: 28px; bottom: 28px; z-index: 1000; } /* soft breathing halo behind the button, one slow orchestrated loop */ .contact-dock::before { content: ""; position: absolute; inset: -6px; border-radius: 999px; background: radial-gradient(circle, var(--glow) 0%, transparent 70%); opacity: 0.9; animation: breathe 3.2s ease-in-out infinite; pointer-events: none; } @keyframes breathe { 0%, 100% { transform: scale(0.92); opacity: 0.55; } 50% { transform: scale(1.18); opacity: 0.95; } } .contact-btn { position: relative; display: flex; align-items: center; height: 58px; min-width: 58px; padding: 0; border-radius: 999px; background: linear-gradient(155deg, var(--leaf) 0%, var(--leaf-deep) 100%); box-shadow: 0 10px 24px -8px rgba(18, 105, 58, 0.55), inset 0 1px 0 rgba(255,255,255,0.25); text-decoration: none; overflow: hidden; cursor: pointer; transition: min-width 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), padding 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); } .contact-btn:hover, .contact-btn:focus-visible { min-width: 208px; padding: 0 20px 0 0; transform: translateY(-3px); box-shadow: 0 16px 30px -8px rgba(18, 105, 58, 0.6), inset 0 1px 0 rgba(255,255,255,0.3); } .contact-btn:focus-visible { outline: 2px solid var(--leaf-deep); outline-offset: 4px; } .icon-wrap { flex: 0 0 58px; height: 58px; display: flex; align-items: center; justify-content: center; transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); } .contact-btn:hover .icon-wrap { transform: rotate(-8deg) scale(1.05); } .icon-wrap svg { width: 2rem; height: 2rem; fill: var(--paper); } .label { display: inline-block; white-space: nowrap; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 0.95rem; letter-spacing: 0.01em; color: var(--paper); max-width: 0; opacity: 0; transform: translateX(-6px); transition: max-width 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.35s ease 0.08s, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); } .contact-btn:hover .label, .contact-btn:focus-visible .label { max-width: 150px; opacity: 1; transform: translateX(0); } @media (prefers-reduced-motion: reduce) { .contact-dock::before { animation: none; } .contact-btn, .icon-wrap, .label { transition: none; } } @media (max-width: 767px) { .enroll_form .bookspace-inner {padding:25px 20px;} .enroll_form .checkbox_wrapper {grid-template-columns:1fr;} .lang_dropdown{left: 0;border-radius: 7px;} .hd_btn.lng_btn{border: solid 1px var(--theme-color);color: var(--theme-color);} .hd_btn.lng_btn:hover{color: #00A1FE;} .investor-tabs--sidebar {flex-direction:column;} .tabs-sidebar .tabs-list {display:flex; flex-direction:row; overflow-x:auto; border-right:none;width: 100%; /*border-bottom:1px solid #e5e5e5;*/} /* .tabs-sidebar .tab-item {border-left:none; border-bottom:3px solid transparent;} */ /* .tabs-sidebar .tab-item.active {border-left:none; border-bottom:3px solid #007bff;} */ .tab-content .content-panel.active { margin-top: 1rem;} .masthead {flex-direction:column; align-items:flex-start;} .masthead .window {text-align:left;} } /* mobile app page new style */ .mobile_app_welcome_sec{padding: 0;} .mobile_app_welcome_left{ width: 42%; } .mobile_app_pocket_sec .welcome_right{ width: clamp(250px, 50%, 640px); } .mobile_app_pocket_sec .sec_head{font-size: 2rem; line-height: 1.2; max-width: 400px;} .mobile_app_pocket_sec .brief p{font-size: 1.125rem;} /* .mobile_app_pocket_sec .brief ul {list-style:none; padding-left:0;} */ .mobile_app_pocket_sec .brief ul li {position:relative; padding-left:2rem; margin-bottom: 1rem; font-size: 1rem; font-weight: 500;} .mobile_app_pocket_sec .brief ul li::before {content:""; position:absolute; left:0; top:50%; transform: translateY(-50%); width:1.5rem; height:1.5rem; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect width='24' height='24' rx='12' fill='%23E8F5E9'/%3E%3Cpath d='M16.6661 8.5L10.2501 14.9162L7.33374 11.9997' stroke='%234CAF50' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); background-size:contain; background-repeat:no-repeat;} .visual_overview_content_container{display: flex; flex-direction: column; justify-content: center; align-items: center;} .visual_overview_container .brief iframe{width: 100%; max-width: 960px; aspect-ratio: 600 / 338; border-radius: 20px; overflow: hidden; display: flex; margin: 3rem auto 0;} .visual_overview_image_container{display: grid; column-gap: 6rem; grid-template-columns: repeat(6, 1fr);} .visual_overview_image_container > * {grid-column:span 2;} .visual_overview_image_container >:nth-child(4) {grid-column:2 / span 2;} .visual_overview_image_container >:nth-child(5) {grid-column:4 / span 2;} .why_choose_feature_grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 2.5rem;} .why_choose_feature_grid .feature_card_item{padding: 2rem;border: 1px solid #E5E7EB; border-radius: 1rem; background: #FFF; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.03); display: flex; flex-direction: column; justify-content: space-between;} .why_choose_feature_grid .feature_card_item:nth-child(2){padding: 2rem;border: 1px solid #E5E7EB; border-radius: 1rem; background: #FFF; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.03); display: flex; flex-direction: column; justify-content: space-between; border-radius: 16px; border: 2px solid #740ED4; background: #FAF5FF; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.03);} .why_choose_feature_grid .feature_card_icon { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .why_choose_feature_grid h5 { color: var(--theme-color); font-size: 22px; font-weight: 600; } .why_choose_feature_grid .feature_card_title { color: #64748B; font-size: 12px; font-weight: 700; } .why_choose_feature_grid .feature_card_brief:hover { background: transparent; color: #740ED4; } .why_choose_feature_grid .feature_card_brief:hover svg path { fill: #740ED4 !important; } .why_choose_feature_grid .feature_card_brief { display: flex; padding: 14px 30px; border: 1px solid #740ED4; justify-content: center; border-radius: 60px; background: linear-gradient(249deg, #553BFC 0%, #740ED4 100%); color: white; margin-top: 4rem; gap: 1rem; align-items: center; } .featured_inside_list {margin-top: 20px;} .featured_inside_list li { position: relative; padding-left: 1rem; margin-bottom: 10px; } .featured_inside_list li::before { content: ""; position: absolute; left: 0; top: 9px; width: 0.375rem; height: 0.375rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6' fill='none'%3E%3Cpath d='M3.75008 2.25014L2.24996 3.75026M2.24996 2.25014L3.75008 3.75026M5.50022 3.0002C5.50022 4.38102 4.38084 5.5004 3.00002 5.5004C1.61919 5.5004 0.499817 4.38102 0.499817 3.0002C0.499817 1.61938 1.61919 0.5 3.00002 0.5C4.38084 0.5 5.50022 1.61938 5.50022 3.0002Z' stroke='%23740ED4' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center; background-size: contain; } .scan_to_install_image_container{display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 2rem; align-items: center;} .scan_to_install_image_container > div:nth-child(1){max-width: 326px; aspect-ratio: 1 / 1; text-align: center;} .scan_to_install_image_container > div:nth-child(3){max-width: 326px; aspect-ratio: 1 / 1; text-align: center;} .onboarding_grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3rem; margin-top: 1.5rem; } .onboarding_grid .feature_card_title { display: flex; width: 48px; height: 48px; justify-content: center; align-items: center; border-radius: 24px; background: var(--GR, linear-gradient(249deg, #553BFC 0%, #740ED4 100%)); color: white; } .onboarding_grid h5 { color: #3C0059; font-size: 20px; font-weight: 600; margin-bottom: 0; text-align: center; } .onboarding_grid .featured_inside_list { margin-top: 0; text-align: center; } .onboarding_grid .content { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 11px; position: relative; max-width: 240px; margin: 0 auto; } .onboarding_grid .onboarding_grid_item .content::after { position: absolute; content: ''; top: 50%; right: -3rem; width: 1rem; height: 1rem; background: #740ED4; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.16602 10H15.834M10 15.834L15.834 10L10 4.16602' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.16602 10H15.834M10 15.834L15.834 10L10 4.16602' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; transform: translateY(-50%); } .onboarding_grid .onboarding_grid_item:last-child .content::after { display: none; } .store_images_container a{color: black; transition: 0.5s;} .store_images_container a:hover{transform: translateY(-2px);} .visual_overview_image { display: flex; flex-direction: column; align-items: center; max-width: 337px; } .gallery_image_title { color: #3C0059; text-align: center; font-size: 1.125rem; font-weight: 600; line-height: 1.3; } .gallery_image_subtitle { color: #48474A; text-align: center; font-size: 1rem; font-weight: 400; line-height: 1.5; } .gallery_image_bottom_content { padding: 0px 1.5rem; } .scan_to_image_title{ color: #3C0059; text-align: center; font-size: 1.35rem; font-weight: 600; } .why_choose_bottom_container { padding: 1.25rem; border-radius: 12px; border: 1px solid #F3E8FF; background: #FFF; margin-top: 3.8rem; display: flex; align-items: center; gap: 1.125rem; } .why_choose_bottom_container p { margin-bottom: 0.25rem; } .mobile_exam_syllabus_card{width: calc(100% / 3); padding: 1.25rem;} @media (max-width: 991px) { .mobile_app_welcome_sec{padding: 3.75rem 0;} .visual_overview_image_container {grid-template-columns:repeat(2, 1fr); gap:1.5rem;} .visual_overview_image_container > * {grid-column:span 1 !important;} .visual_overview_image_container >:nth-child(5) {grid-column:1 / -1 !important; justify-self:center;} .visual_overview_image { width: 100%; } .why_choose_feature_grid{grid-template-columns: repeat(2, 1fr); } .onboarding_grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; } .onboarding_grid .onboarding_grid_item:nth-child(2) .content::after{display: none;} } @media (max-width: 767px) { .mobile_app_pocket_sec .welcome_flex{ flex-direction: column; gap: 2rem; } .mobile_app_pocket_sec .welcome_right{ width: 100%; } .mobile_app_pocket_sec .welcome_left{ margin-top: 0rem; } .why_choose_feature_grid{grid-template-columns: 1fr; } .store_images_container .link_container img{max-height: 3.5rem;} } @media (max-width: 525px) { .onboarding_grid { grid-template-columns: 1fr; gap: 1rem; } .onboarding_grid .onboarding_grid_item .content::after{display: none;} .scan_to_install_image_container{grid-template-columns: 1fr;} .scan_to_install_image_container > div:nth-child(1),.scan_to_install_image_container > div:nth-child(3) { max-width: 150px; margin: auto; } /* .visual_overview_image_container{grid-template-columns: 1fr; column-gap: 1.5rem; } */ .mobile_app_welcome_sec .welcome_right img{display: none;} .mobile_app_pocket_sec .mobile_app_welcome_left { max-width: 20rem; margin: 0 auto;} .visual_overview_container .visual_overview_image_container .visual_overview_image{ margin: auto;} .visual_overview_container .visual_overview_image_container .visual_overview_image img{ max-width: 12rem;} } :root{ --table-radius: 10px; } .table-shell { overflow:hidden; box-shadow:0 1px 2px rgba(16,32,47,0.04);} .scroll {overflow-x:auto;} .table-shell table {width:100%; font-size:0.9rem;} .table-shell thead th {background:var(--theme-color); color:#eef3f4; font-weight:600; font-size:0.8rem; letter-spacing:0.02em; text-align:left; padding:13px 16px; white-space:nowrap; } .table-shell thead th.num, tbody td.num {text-align:right;} .table-shell tbody td {padding:0.5rem 0.5rem; line-height: normal; white-space:nowrap; vertical-align:middle;} .table-shell tbody tr.course-row:hover {background:#f7fafa;} .course-name {font-weight:600;} .table-shell tfoot td {padding:14px 16px; background:var(--amber-soft); font-size:12.5px; color:var(--amber); font-weight:600;} .table-shell tfoot .foot-label { font-weight:600; text-transform:none;} .table-shell thead th { border-right: 1px solid white; } .table-shell thead th:last-child { border-right: 1px solid var(--theme-color); } table{border: 1px solid var(--theme-color);overflow: hidden; border-spacing: 0; border-collapse: separate; border-radius: var(--table-radius);} th{border: none;} td { border: 1px solid transparent; border-right-color: var(--theme-color); border-bottom-color: var(--theme-color); } td:last-child{border-right-color: transparent;} tr:last-child td{border-bottom-color: transparent;} /* Keep commerce button links legible despite the shared theme link color. */ .test-commerce a.btn-primary { color: #fff; } button.ddp-click, button.menu_icon, button.close_menu { border: 0; cursor: pointer; } button.menu_icon { background: transparent; padding: .5rem; } button.ddp-click:focus-visible, button.menu_icon:focus-visible, button.close_menu:focus-visible { outline: 3px solid #005fcc; outline-offset: 3px; } /*=============== User Test and Dashboard Styles css yaha likho ===============*/ /*=============== User Test and Dashboard Styles ===============*/ /* Scoped customer portal styling: catalogue, orders, tests, checkout and account forms. */ .test-commerce { --commerce-ink:#333333; --commerce-muted:#667085; --commerce-line:#e5eaf1; --commerce-surface:#fff; --commerce-soft:#f5f8fc; --commerce-accent:var(--theme-color,#146c94); --commerce-accent-dark:var(--theme-color); background:linear-gradient(180deg,#f4f8fb 0,#fff 360px); color:var(--commerce-ink); min-height:70vh; } /* .test-commerce .container{max-width:1180px} */ .test-commerce h1{color:var(--commerce-ink);font-size:clamp(1.75rem,2vw,1.2rem);font-weight:700;margin-bottom:1.25rem} .test-commerce h2.h4,.test-commerce h2.h5{color:var(--commerce-ink);font-weight:700;font-size: 1.2rem;} .test-commerce p{color:#4b5565;line-height:1.7} .test-commerce a{color:var(--bs-blue);font-weight:600} .test-commerce a:hover{color:var(--commerce-accent)} /* Account navigation */ .test-commerce .commerce-layout{align-items:start;display:grid;gap:clamp(1.25rem,3vw,2.25rem);} .test-commerce:has(.commerce-sidebar) .commerce-layout{grid-template-columns:minmax(210px,250px) minmax(0,1fr)} .test-commerce .commerce-sidebar{min-width:0} .test-commerce nav[aria-label="Online test navigation"]{align-items:stretch;display:flex;flex-direction:column;gap:.25rem;margin:0;padding:.65rem;background:rgba(255,255,255,.9);border:1px solid var(--commerce-line);border-radius:14px;box-shadow:0 8px 26px rgba(20,33,61,.05)} .test-commerce nav[aria-label="Online test navigation"]>a,.test-commerce nav[aria-label="Online test navigation"] .btn-link{align-items:center;border-radius:8px;color:#3c4a60;display:flex;font-size:.9rem;font-weight:650;gap:.65rem;padding:.7rem .75rem;text-align:left;text-decoration:none;width:100%} .test-commerce nav[aria-label="Online test navigation"]>a:hover,.test-commerce nav[aria-label="Online test navigation"] .btn-link:hover{background:#e8f3f8;color:var(--commerce-accent-dark);text-decoration:none} .test-commerce nav[aria-label="Online test navigation"] form{margin:0}.test-commerce nav[aria-label="Online test navigation"] .btn-link{border:0} .test-commerce .commerce-content{max-width:1000px;} /* Shared panels, catalogue cards and dashboard counters */ .test-commerce .card{background:var(--commerce-surface);border:1px solid var(--commerce-line);border-radius:14px;box-shadow:0 8px 24px rgba(20,33,61,.055);overflow:hidden} .test-commerce .row.my-3>[class*="col-"] .card{border-top:4px solid var(--commerce-accent);min-height:118px;transition:transform .2s ease,box-shadow .2s ease} .test-commerce .row.my-3>[class*="col-"] .card:hover{box-shadow:0 14px 30px rgba(20,33,61,.1);transform:translateY(-3px)} .test-commerce .row.my-3 .card strong{color:var(--commerce-muted);display:block;font-size:.76rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase} .test-commerce .row.my-3 .card span{color:var(--commerce-ink);display:block;font-size:2rem;font-weight:750;line-height:1.15;margin-top:.6rem} .test-commerce .card .card-body{padding:1.4rem}.test-commerce .card .card-body img{border-radius:10px;height:170px;object-fit:cover;width:100%} .test-commerce .card .card-header{background:linear-gradient(105deg,#f8fbfd,#fff);border-bottom:1px solid var(--commerce-line)}.test-commerce .card .list-group-item{border-color:var(--commerce-line)} /* Forms and calls to action */ .test-commerce .form-control{border:1px solid #d5dde8;border-radius:9px;box-shadow:none;min-height:44px} .test-commerce .form-control:focus{border-color:var(--commerce-accent);box-shadow:0 0 0 .22rem rgba(20,108,148,.13)} .test-commerce .form-label{color:#344054;font-size:.9rem;font-weight:700} .test-commerce .btn{border-radius:100px;font-weight:600;padding:.5rem 1rem;font-size:.9rem;transition:all .2s ease} .test-commerce .btn:hover,.test-commerce .btn:focus{box-shadow:0 5px 12px rgba(20,108,148,.2);transform:translateY(-1px);background:var(--commerce-accent-dark);border-color:var(--commerce-accent-dark); color:#fff} .test-commerce .btn-primary{background:var(--theme-color-blue);border-color:var(--theme-color-blue);box-shadow:0 5px 12px rgba(20,108,148,.2)} .test-commerce .btn-primary:hover,.test-commerce .btn-primary:focus{background:var(--commerce-accent-dark);border-color:var(--commerce-accent-dark)} .test-commerce form.d-flex{max-width:640px} /* Data tables */ .test-commerce .table-responsive{/*background:#fff;border:1px solid var(--commerce-line);*/ overflow: auto; border-radius:12px;box-shadow:0 5px 20px rgba(20,33,61,.04);margin:1rem 0 1.5rem} .test-commerce .table{border:0;border-collapse:collapse;border-radius:0;margin-bottom:0;min-width:650px} /* .test-commerce .table thead th{background:#eff6f9;border:0;color:#46546a;font-size:.9rem;font-weight:750; white-space: nowrap; padding:.5rem 0.8rem;text-transform:uppercase} */ /* .test-commerce .table td{border:0;border-bottom:1px solid var(--commerce-line);color:#455268;padding:1rem;vertical-align:middle;white-space:normal;font-size: 0.9rem;}.test-commerce .table tbody tr:last-child td{border-bottom:0}.test-commerce .table tbody tr:hover{background:#fbfdff}.test-commerce .table ul{margin:0;padding-left:1.1rem} */ /* Order, entitlement, payment and results */ .commerce-content .table-shell thead th {padding: 7px 10px;} .table-shell tbody td button.btn-outline-danger {font-size: 0.8rem;padding: 0.5rem;line-height: normal;} .table-shell tbody td button.btn-outline-danger:hover {background: #FEE2E2;color: #B91C1C;border-color: #FCA5A5;} .test-commerce dl.row{background:var(--commerce-soft);border:1px solid var(--commerce-line);border-radius:12px;margin:0.8rem 0;padding:0.8rem 0.2rem;} .test-commerce dl.row dt{color:var(--commerce-ink);font-weight:600;text-align:left;font-size: 0.8rem} .test-commerce dl.row dd{color:var(--commerce-ink);font-weight:600;text-align: right;font-size: 0.8rem;} .test-commerce section[aria-label="Verified result"]{background:#f1faf5;border:1px solid #ccebd8;border-radius:12px;margin-top:1.5rem;padding:1.25rem}.test-commerce section[aria-label="Verified result"] dl{display:grid;gap:.7rem 1.5rem;grid-template-columns:minmax(130px,.6fr) 1fr;margin:0}.test-commerce section[aria-label="Verified result"] dt{color:#397051}.test-commerce section[aria-label="Verified result"] dd{font-weight:700;margin:0} .test-commerce [role="status"]:not(.alert){background:#f2f7ff;border-left:3px solid #4d8bd8;border-radius:4px;color:#315a8d;display:inline-block;padding:.65rem .8rem;line-height: normal;} .test-commerce .alert{border-radius:10px;border-width:1px;} .test-commerce .pagination{gap:.25rem}.test-commerce .page-link{border-radius:7px;border:1px solid var(--commerce-line);color:var(--commerce-accent-dark)}.test-commerce .page-item.active .page-link{background:var(--commerce-accent);border-color:var(--commerce-accent)} @media (max-width:991.98px){.test-commerce .commerce-layout{grid-template-columns:1fr} .test-commerce .commerce-sidebar{order:0} .test-commerce .commerce-content{order:1} .test-commerce nav[aria-label="Online test navigation"]{flex-direction:row;flex-wrap:wrap} .test-commerce nav[aria-label="Online test navigation"]>a,.test-commerce nav[aria-label="Online test navigation"] .btn-link{width:auto}.test-commerce nav[aria-label="Online test navigation"] form{margin-left:auto}} @media (max-width:767.98px){.test-commerce{padding-top:1.5rem!important;padding-bottom:2rem!important}.test-commerce nav[aria-label="Online test navigation"]{padding:.45rem}.test-commerce nav[aria-label="Online test navigation"]>a,.test-commerce nav[aria-label="Online test navigation"] .btn-link{padding:.5rem .55rem}.test-commerce nav[aria-label="Online test navigation"] form{margin-left:0}.testCommerce form.d-flex{align-items:stretch;flex-direction:column}.testCommerce form.d-flex .btn{width:100%}.testCommerce .card .card-body{padding:1.1rem}.testCommerce section[aria-label="Verified result"] dl{grid-template-columns:1fr;gap:.2rem}.testCommerce section[aria-label="Verified result"] dd{margin-bottom:.6rem}} /* Commerce portal page layouts */ .test-commerce .commerce-nav{position:relative} .test-commerce .commerce-nav i{color:var(--commerce-accent);font-size:.85em;margin-right:.3rem} .test-commerce .commerce-nav .btn-link{background:transparent;color:#3c4a60;text-decoration:none} .test-commerce .commerce-nav .btn-link:hover{background:#e8f3f8;color:var(--commerce-accent-dark)} .test-commerce .commerce-welcome{align-items:center;background: url(/themes/images/why_ndt.jpg) 0% 0% / 100% 100% no-repeat;border-radius:20px;color:#fff;display:flex;gap:2rem;justify-content:space-between;margin:0 0 1rem;overflow:hidden;padding:clamp(1.5rem,4vw,2rem);position:relative} .test-commerce .commerce-welcome:after{border:1px solid rgba(255,255,255,.12);border-radius:50%;content:"";height:270px;position:absolute;right:10%;top:-145px;width:270px} .test-commerce .commerce-welcome>div,.test-commerce .commerce-welcome>.btn{position:relative;z-index:1} .test-commerce .commerce-welcome h1{font-size:clamp(1.5rem,4vw,1.7rem);line-height:1.15;margin:.55rem 0} .test-commerce .commerce-welcome p{margin:0;max-width:600px} .test-commerce .commerce-welcome>.btn{background:#fff;border:0;color:var(--text-color);flex:none} .test-commerce .commerce-welcome>.btn:hover,.test-commerce .commerce-welcome>.btn:focus{background:#e8f3f8;color:#073b59} .test-commerce .commerce-eyebrow{color:var(--commerce-accent);display:block;font-size:.72rem;font-weight:800;letter-spacing:.11em;margin-bottom:.3rem;text-transform:uppercase} .test-commerce .commerce-section-heading{align-items:end;display:flex;gap:1rem;justify-content:space-between;margin:0.5rem 0;} .test-commerce .commerce-section-heading h2{margin:0} .test-commerce .commerce-section-heading h2 i{color:var(--commerce-accent);font-size:.85em;margin-right:.25rem} .test-commerce .commerce-section-heading> a{font-size:.88rem;white-space:nowrap} .test-commerce .commerce-dashboard-section{margin-top:1.2rem} .test-commerce .commerce-dashboard-section .table-responsive{background:#fff;border:1px solid var(--commerce-line);border-radius:14px;box-shadow:0 7px 22px rgba(20,33,61,.05);margin:0;overflow-x:auto} .test-commerce .commerce-dashboard-section .table{margin:0;min-width:760px} .test-commerce .commerce-dashboard-section .table-shell thead th{padding:.8rem 1rem;vertical-align:middle} .test-commerce .commerce-dashboard-section .table-shell tbody td{padding:.85rem 1rem;vertical-align:middle} .test-commerce .commerce-dashboard-section .table-shell tbody tr:not(:last-child) td{border-bottom:1px solid var(--commerce-line)} .test-commerce .commerce-dashboard-section .table-shell tbody tr:hover{background:#f8fbfd} .test-commerce .commerce-dashboard-section .table-shell tbody td ul{margin:0;padding-left:1.1rem} .test-commerce .commerce-dashboard-section .commerce-table-total{color:var(--commerce-ink);font-weight:700;white-space:nowrap} .test-commerce .commerce-stat-grid{display:grid;gap:.5rem!important;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));margin:0.5rem 0} .test-commerce .commerce-stat-grid>[class*="col-"]{max-width:none;padding:0;width:auto;margin-top: 0.5rem;} .test-commerce .commerce-stat-card{align-items:center;background:#fff;border:1px solid var(--commerce-line);border-radius:14px;box-shadow:0 6px 18px rgba(20,33,61,.045);display:flex;gap:.5rem;min-height:80px;padding:0.6rem;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease} .test-commerce .commerce-stat-card:hover{border-color:#bfd9e5;box-shadow:0 12px 24px rgba(20,33,61,.09);transform:translateY(-2px)} .test-commerce .commerce-stat-card .commerce-stat-icon{align-items:center;background:#e9f5f8;border-radius:13px;color:var(--commerce-accent);display:flex;font-size:1.15rem;height:44px;justify-content:center;margin:0;min-width:44px;width:44px} .test-commerce .commerce-stat-card div>strong{color:var(--commerce-muted);display:block;font-size:.7rem;font-weight:750;letter-spacing:.045em;line-height:1.35;text-transform:uppercase} .test-commerce .commerce-stat-card div>span{color:var(--commerce-ink);display:block;font-size:1.2rem;font-weight:750;line-height:1.1;margin-top:.35rem} .test-commerce .commerce-stat-grid>:nth-child(5n+2) .commerce-stat-icon{background:#fff4e5;color:#c77a14} .test-commerce .commerce-stat-grid>:nth-child(5n+3) .commerce-stat-icon{background:#e9f7ef;color:#27804a} .test-commerce .commerce-stat-grid>:nth-child(5n+4) .commerce-stat-icon{background:#f1edff;color:#7256be} .test-commerce .commerce-stat-grid>:nth-child(5n+5) .commerce-stat-icon{background:#fff0f0;color:#c34d59} .test-commerce .commerce-page-heading{margin-bottom:1rem;max-width:760px} .test-commerce .commerce-page-heading h1{margin-bottom:.3rem} /* .test-commerce .commerce-page-heading p{margin:0;max-width:650px} */ .test-commerce .commerce-search{align-items:center;background:#fff;border:1px solid var(--commerce-line);border-radius:12px;box-shadow:0 5px 18px rgba(20,33,61,.04);max-width:720px!important;padding:.4rem .5rem .4rem 1rem} .test-commerce .commerce-search>i{color:#8b97a8} .test-commerce .commerce-search .form-control{border:0;min-height:42px} .test-commerce .commerce-search .form-control:focus{box-shadow:none} .test-commerce #individual-tests,.test-commerce #test-bundles{padding:0} .test-commerce .commerce-product-card{transition:box-shadow .2s ease,transform .2s ease} .test-commerce .commerce-product-card:hover{box-shadow:0 16px 34px rgba(20,33,61,.12);transform:translateY(-4px)} .test-commerce .commerce-product-image{align-items:center;background:linear-gradient(135deg,#eaf4f8,#f4f8fc);display:flex;height:180px;justify-content:center;overflow:hidden} .test-commerce .commerce-product-image img{height:100%;object-fit:cover;width:100%} .test-commerce .commerce-product-image>span{align-items:center;background:rgba(255,255,255,.8);border:1px solid rgba(20,108,148,.1);border-radius:50%;color:var(--commerce-accent);display:flex;font-size:2.2rem;height:76px;justify-content:center;width:76px} .test-commerce .commerce-product-card .card-body{padding:1.35rem} .test-commerce .commerce-product-type{color:var(--commerce-accent);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase} .test-commerce .commerce-product-card h2{font-size:1rem;margin:.4rem 0 .65rem;font-weight: 600;} .test-commerce .commerce-product-card .card-body>p{font-size:.92rem;line-height:1.6;margin:0 0 1rem; max-height:4rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;} .test-commerce .commerce-product-footer{align-items:center;border-top:1px solid var(--commerce-line);display:flex;flex-wrap:wrap;gap:.8rem;justify-content:space-between;margin-top:1rem;padding-top:1rem} .test-commerce .commerce-price{color:var(--commerce-ink);font-size:1rem;font-weight:700} .test-commerce .commerce-empty-state{align-items:center;background:linear-gradient(135deg,#f7fbfd 0%,#fff 72%);border:1px solid #d8e5ed;border-radius:16px;box-shadow:0 8px 24px rgba(20,33,61,.06);display:flex;flex-direction:column;margin:1rem 0;padding:clamp(2rem,6vw,3rem);text-align:center} .test-commerce .commerce-empty-state>span{align-items:center;background:#e8f3f8;border:1px solid #d6e8f0;border-radius:50%;color:var(--commerce-accent);display:flex;font-size:1.4rem;height:58px;justify-content:center;margin-bottom:1rem;width:58px} .test-commerce .commerce-empty-state h2{color:var(--commerce-ink);font-weight:700;margin-bottom:.5rem} .test-commerce .commerce-empty-state p{color:#566579;margin:0;max-width:480px} .test-commerce .commerce-detail-back{align-items:center;display:inline-flex;font-size:.85rem;gap:.45rem;margin:0 0 1rem;text-decoration:none} .test-commerce .commerce-detail-heading{margin:0 0 1.5rem;max-width:850px} .test-commerce .commerce-detail-heading .commerce-product-type{align-items:center;background:#eaf4f8;border-radius:999px;color:var(--commerce-accent-dark);display:inline-flex;font-size:.68rem;gap:.4rem;letter-spacing:.07em;margin-bottom:.65rem;padding:.4rem .7rem} .test-commerce .commerce-detail-heading h1{font-size:clamp(1.5rem,3vw,1.5rem);font-weight:750;letter-spacing:-.035em;line-height:1.15;margin:0 0 .7rem} .test-commerce .commerce-detail-heading>p{color:#566579;font-size:.98rem;line-height:1.75;margin:0;max-width:800px} .test-commerce .commerce-detail-layout{align-items:start;display:grid;gap:clamp(1.25rem,3vw,2rem);grid-template-columns:minmax(0,1fr) minmax(270px,320px)} .test-commerce .commerce-detail-main{min-width:0} .test-commerce .commerce-detail-visual{margin-bottom:1rem} .test-commerce .commerce-detail-image{border:1px solid var(--commerce-line);border-radius:16px;display:block;height:auto;margin-bottom:1rem;max-height:340px;object-fit:cover;width:100%} .test-commerce .commerce-detail-placeholder{align-items:center;background:radial-gradient(ellipse at 80% 15%,rgba(39,148,170,.16),transparent 38%),linear-gradient(135deg,#edf6fa,#f7f9fc);border:1px solid var(--commerce-line);border-radius:16px;color:var(--commerce-accent);display:flex;justify-content:center;min-height:145px;overflow:hidden;position:relative} .test-commerce .commerce-detail-placeholder:after{border:1px solid rgba(20,108,148,.12);border-radius:50%;content:"";height:220px;position:absolute;right:-55px;top:-135px;width:220px} .test-commerce .commerce-detail-placeholder i{align-items:center;background:rgba(255,255,255,.82);border:1px solid rgba(20,108,148,.12);border-radius:18px;box-shadow:0 8px 24px rgba(20,33,61,.07);display:flex;font-size:2rem;height:68px;justify-content:center;position:relative;width:68px;z-index:1} .test-commerce .commerce-detail-main .commerce-info-panel{background:#fff;border:1px solid var(--commerce-line);border-radius:14px;box-shadow:0 5px 18px rgba(20,33,61,.035);margin:.9rem 0;padding:1.15rem} .test-commerce .commerce-test-information h2{font-size:1.05rem;margin:0 0 .6rem} .test-commerce .commerce-test-information h2 i{background:#eaf4f8;border-radius:8px;color:var(--commerce-accent);padding:.4rem} .test-commerce .commerce-test-information p{font-size:.9rem;line-height:1.7} .test-commerce .commerce-included-panel .commerce-detail-section-heading{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem} .test-commerce .commerce-included-count{background:#f1f5f9;border-radius:999px;color:#46546a;font-size:.75rem;font-weight:700;padding:.35rem .65rem;white-space:nowrap} .test-commerce .commerce-info-panel h2{align-items:center;display:flex;gap:.55rem} .test-commerce .commerce-info-panel h2 i{color:var(--commerce-accent);font-size:.9em} .test-commerce .commerce-included-tests{list-style:none;margin:0;padding:0} .test-commerce .commerce-included-tests li{border-bottom:1px solid var(--commerce-line);padding:.7rem 0} .test-commerce .commerce-included-tests li:last-child{border:0} .test-commerce .commerce-included-tests i,.test-commerce .commerce-availability>i{color:#27804a;margin-right:.4rem} .test-commerce .commerce-availability{align-items:flex-start;background:#edf8f1;border:1px solid #d5eddf;border-radius:12px;color:#28623d;display:flex;gap:.35rem;margin:1rem 0 0;padding:.8rem 1rem} .test-commerce .commerce-availability>i{margin:.12rem .3rem 0 0} .test-commerce .commerce-availability strong,.test-commerce .commerce-availability small{display:block} .test-commerce .commerce-availability strong{font-size:.85rem} .test-commerce .commerce-availability small{color:#4c7259;font-size:.78rem;line-height:1.5;margin-top:.15rem} .test-commerce .commerce-purchase-panel{background:#fff;border:1px solid var(--commerce-line);border-radius:16px;box-shadow:0 12px 30px rgba(20,33,61,.07);padding:clamp(1.2rem,2vw,1.6rem);position:sticky;top:1.25rem} .test-commerce .commerce-purchase-panel>.commerce-eyebrow{align-items:center;background:#edf5ff;border-radius:999px;color:#315c91;display:inline-flex;font-size:.65rem;letter-spacing:.08em;padding:.4rem .65rem} .test-commerce .commerce-purchase-panel h2{font-size:1.15rem;line-height:1.4;margin:.2rem 0} .test-commerce .commerce-purchase-panel .commerce-price-label{color:var(--commerce-muted);display:block;font-size:.82rem;margin:1.25rem 0 .2rem} .test-commerce .commerce-detail-price{color:var(--commerce-ink);font-size:clamp(1.5rem,3vw,1.5rem);font-weight:800;letter-spacing:-.04em;margin:0 0 .8rem} .test-commerce .commerce-purchase-note{color:var(--commerce-muted);font-size:.8rem;line-height:1.55;margin:.75rem 0} .test-commerce .commerce-purchase-note i{color:#27804a;margin-right:.25rem} .test-commerce .commerce-purchase-panel form,.test-commerce .commerce-purchase-panel>.btn{display:block;margin-top:1rem} .test-commerce .commerce-purchase-panel>.btn{padding:.75rem 1rem; color: #fff;} .test-commerce .commerce-purchase-includes{border-top:1px solid var(--commerce-line);display:grid;gap:.65rem;margin-top:1rem;padding-top:1rem} .test-commerce .commerce-purchase-includes span{color:#566579;font-size:.78rem;line-height:1.5} .test-commerce .commerce-purchase-includes i{color:var(--commerce-accent);margin-right:.35rem} .test-commerce .commerce-unavailable-notice{align-items:flex-start;background:#fff7e8;border:1px solid #f2dfb8;border-radius:10px;color:#75520c;display:flex;font-size:.85rem;gap:.55rem;line-height:1.55;margin:1rem 0 0;padding:.8rem} .test-commerce .commerce-secure-note{border-top:1px solid var(--commerce-line);color:var(--commerce-muted);font-size:.78rem;margin-top:1.2rem;padding-top:1rem} .test-commerce .commerce-secure-note i{color:#27804a;margin-right:.35rem} .test-commerce .commerce-auth-layout{align-items:stretch;background:#fff;border:1px solid var(--commerce-line);border-radius:20px;box-shadow:0 16px 44px rgba(20,33,61,.08);display:grid;grid-template-columns:1.2fr 1.5fr;max-width:1000px;overflow:hidden} /* .test-commerce .commerce-auth-aside{background: url(/themes/images/why_ndt.jpg);background-position: top;background-repeat: no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:clamp(1.75rem,5vw,1.5rem)} */ .test-commerce .commerce-auth-aside{background: linear-gradient(135deg, #f5f9ff 0%, #dbeafe 100%); color: #1f2937; display: flex; flex-direction: column; justify-content: center; padding: clamp(1.75rem, 5vw, 2rem);} .test-commerce .commerce-auth-aside .commerce-eyebrow{color:var(--commerce-accent)} .test-commerce .commerce-auth-aside h1{font-size:clamp(1.5rem,2vw,1.45rem);line-height:1.15;margin:.5rem 0 1rem} .test-commerce .commerce-auth-benefit{align-items:flex-start;border-top:1px solid var(--black200);display:flex;gap:.8rem;margin-top:0.5rem;padding-top:1.3rem} .test-commerce .commerce-auth-benefit>i{color:#a5e6d0;font-size:1.25rem} .test-commerce .commerce-auth-benefit strong{color:var(--commerce-ink);font-size:.9rem;font-weight:700} .test-commerce .commerce-auth-benefit strong,.test-commerce .commerce-auth-benefit small{display:block} .test-commerce .commerce-auth-benefit small{color:var(--text-color);line-height:1.6;margin-top:.25rem} .test-commerce .commerce-auth-card{padding:clamp(1.5rem,4vw,1.2rem)} .test-commerce .commerce-auth-card h2{color:var(--commerce-ink);font-weight:750;margin:.4rem 0 1.5rem} .test-commerce .commerce-form-icon{align-items:center;background:#eaf4f8;border-radius:13px;color:var(--commerce-accent);display:flex;font-size:1.2rem;height:48px;justify-content:center;margin-bottom:1rem;width:48px} .test-commerce .commerce-input-icon{position:relative} .test-commerce .commerce-input-icon>i{color:#8793a4;left:14px;position:absolute;top:15px} .test-commerce .commerce-input-icon .form-control{padding-left:2.6rem} .test-commerce .commerce-auth-switch{border-top:1px solid var(--commerce-line);font-size:.88rem;margin:1.4rem 0 0;padding-top:1.1rem;text-align:center} .test-commerce .commerce-profile-layout{align-items:start;display:grid;gap:1.25rem;grid-template-columns:minmax(220px,.7fr) minmax(0,1.6fr)} .test-commerce .commerce-profile-summary,.test-commerce .commerce-profile-form{background:#fff;border:1px solid var(--commerce-line);border-radius:15px;box-shadow:0 6px 20px rgba(20,33,61,.04);padding:1.5rem} .test-commerce .commerce-profile-summary{text-align:center} .test-commerce .commerce-profile-avatar{align-items:center;background:#eaf4f8;border-radius:50%;color:var(--commerce-accent);display:flex;font-size:1.4rem;height:66px;justify-content:center;margin:0 auto 1rem;width:66px} .test-commerce .commerce-profile-summary p{font-size:.88rem;overflow-wrap:anywhere} .test-commerce .commerce-profile-summary p i{color:var(--commerce-accent);margin-right:.3rem} .test-commerce .commerce-account-badge{background:#eef8f2;border-radius:20px;color:#317047;display:inline-block;font-size:.76rem;font-weight:700;padding:.45rem .7rem} .test-commerce .commerce-profile-form>p{font-size:.9rem} .test-commerce .commerce-profile-form h2 i{color:var(--commerce-accent);font-size:.9em} .test-commerce .commerce-order-banner{align-items:center;background:#fff;border:1px solid var(--commerce-line);border-radius:13px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:0.6rem 1rem} .test-commerce .commerce-order-banner>div strong{color:var(--commerce-ink);display:block;font-size:0.8rem} .test-commerce .commerce-status-badge{background:#edf3f8;border-radius:20px;color:#43536a;display:inline-flex;font-size:.72rem;font-weight:600;letter-spacing:.035em;padding:.4rem .7rem;text-transform:uppercase} .test-commerce .commerce-status-badge i{align-self:center;color:#4f829b;font-size:.48rem;margin-right:.4rem} .test-commerce .commerce-status-badge--pending, .commerce-status-badge-PENDING{background:#fff1d6 !important;color:#74400a !important;} .test-commerce .commerce-status-badge--active{background:#dceeff;color:#164a73} .test-commerce .commerce-status-badge--completed{background:#dff4e6;color:#1c6338} .test-commerce .commerce-status-badge--expired{background:#fce8e6;color:#8c3028} .test-commerce .commerce-status-badge--revoked{background:#ece8f5;color:#51406f} .test-commerce .commerce-status-badge--payment-pending{background:#fff1d6;color:#74400a} .test-commerce .commerce-status-badge--paid{background:#dff4e6;color:#1c6338} .test-commerce .commerce-status-badge--failed,.test-commerce .commerce-status-badge--cancelled{background:#fce8e6;color:#8c3028} .test-commerce .commerce-order-info-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom: 0.5rem;} .test-commerce .commerce-order-info-grid .commerce-info-panel{margin:.5rem 0} .test-commerce .commerce-payment-link{display:block;font-size:.88rem;} .test-commerce .commerce-order-totals{margin-top:1.5rem} .test-commerce .commerce-order-totals dd:last-child{font-size:1.15rem} .test-commerce .commerce-checkout-notice{align-items:flex-start;background:#eef6ff;border:1px solid #d7e8fa;border-radius:11px;color:#365a81;display:flex;gap:.65rem;margin:1rem 0;padding:.5rem 1rem;font-size:.88rem} .test-commerce .commerce-checkout-notice>i{margin-top:.25rem} .test-commerce .commerce-table-empty{align-items:center;display:flex;flex-direction:column;gap:.35rem;padding:1.5rem;text-align:center} .test-commerce .commerce-table-empty>i{color:#84a8b9;font-size:1.35rem;margin-bottom:.25rem} .test-commerce .commerce-table-empty strong{color:var(--commerce-ink)} .test-commerce .commerce-table-empty span{color:var(--commerce-muted);font-size:.85rem} .test-commerce .commerce-order-number,.test-commerce .commerce-test-link{font-weight:750} .test-commerce .commerce-order-number i,.test-commerce .commerce-test-link i{color:var(--commerce-accent);font-size:.85em;margin-right:.25rem} .test-commerce .commerce-result-link{display:inline-block;font-size:.82rem;margin:.45rem 0 0 1.55rem} .test-commerce .commerce-table-total{color:var(--commerce-ink)!important;font-weight:750} .test-commerce .commerce-purchase-group{margin:1rem 0!important} .test-commerce .commerce-purchase-group .card-header h2{margin-bottom:.7rem!important} .test-commerce .commerce-purchase-group .card-header .small span,.test-commerce .commerce-purchase-group .card-header .small a{align-items:center;display:inline-flex;gap:.35rem} .test-commerce .commerce-purchase-group .card-header .small i{color:var(--commerce-accent)} .test-commerce .commerce-purchase-group .list-group-item{padding:1rem 1.25rem!important} .test-commerce .commerce-entitlement-summary{background:#fff;border:1px solid var(--commerce-line);border-radius:14px;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));margin:1rem 0 1.5rem;padding:1.25rem} .test-commerce .commerce-entitlement-summary .commerce-eyebrow{margin-bottom:.35rem} .test-commerce .commerce-entitlement-summary>div>strong:not(.commerce-status-badge){color:var(--commerce-ink);display:block;font-size:.9rem} .test-commerce .commerce-launch-button{margin:1rem 0} .test-commerce .commerce-attempt-heading{margin-top:2rem} .test-commerce .commerce-result-card{background:#fff;border:1px solid var(--commerce-line);border-left:4px solid var(--commerce-accent);border-radius:14px;box-shadow:0 8px 24px rgba(20,33,61,.06);margin:1.25rem 0;padding:clamp(1.1rem,3vw,1.6rem)} .test-commerce .commerce-result-card--passed{border-left-color:#198754} .test-commerce .commerce-result-card--failed{border-left-color:#dc3545} .test-commerce .commerce-result-heading{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.1rem} .test-commerce .commerce-result-outcome{background:#eaf6ef;border-radius:999px;color:#176c3a;font-size:.85rem;font-weight:800;padding:.45rem .85rem} .test-commerce .commerce-result-card--failed .commerce-result-outcome{background:#fff0f0;color:#a52834} .test-commerce .commerce-result-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0} .test-commerce .commerce-result-grid>div{background:#f7f9fc;border:1px solid var(--commerce-line);border-radius:10px;padding:.85rem;min-width:0} .test-commerce .commerce-result-grid dt{color:#69778a;font-size:.72rem;font-weight:750;letter-spacing:.05em;margin-bottom:.35rem;text-transform:uppercase} .test-commerce .commerce-result-grid dd{color:var(--commerce-ink);font-size:1rem;font-weight:750;margin:0;overflow-wrap:anywhere} .test-commerce .commerce-result-feedback{background:#f7f9fc;border-left:3px solid #f0ad00;border-radius:5px;margin-top:1rem;padding:.8rem 1rem} .test-commerce .commerce-result-feedback p{color:#c21875;font-weight:650;margin:.25rem 0 0} .test-commerce .commerce-launch-card{background:#fff;border:1px solid var(--commerce-line);border-radius:20px;box-shadow:0 12px 32px rgba(20,33,61,.06);margin:1rem auto;max-width:720px;padding:clamp(1.75rem,6vw,3.5rem);text-align:center} .test-commerce .commerce-launch-card h1{margin:.6rem 0} .test-commerce .commerce-launch-card>p{max-width:570px;margin:0 auto 1.4rem} .test-commerce .commerce-launch-icon{align-items:center;background:#eaf4f8;border-radius:18px;color:var(--commerce-accent);display:flex;font-size:1.65rem;height:68px;justify-content:center;margin:0 auto 1.25rem;width:68px} .test-commerce .commerce-launch-back{font-size:.88rem;margin:1.2rem 0 0!important} .test-commerce .commerce-payment-panel{background:#fff;border:1px solid var(--commerce-line);border-radius:14px;margin:1.5rem 0;padding:1.25rem} .test-commerce .commerce-payment-panel>.commerce-section-heading{margin-top:0} .test-commerce .commerce-payment-panel h2 i{color:var(--commerce-accent)} .test-commerce .commerce-order-banner .commerce-status-badge-PAYMENT_PENDING {color: rgb(116, 64, 10);background: rgb(255, 241, 214);font-size: 0.72rem;font-weight: 600;border-radius: 20px;padding: 0.4rem 0.7rem;} .test-commerce .commerce-content .alert.alert-info {padding: 0.5rem;font-size: 0.8rem;width: fit-content;} .commerce-order-info-grid .commerce-info-panel {padding:1rem; background:#ffffff; border:1px solid #e5e7eb; border-radius:12px; box-shadow:0 4px 15px rgba(0, 0, 0, 0.04); min-width:0;} .commerce-order-info-grid .commerce-info-panel h2 {display:flex; align-items:center; gap:10px; font-size:18px; font-weight:600; color:#1f2937; margin:0 0 5px; padding-bottom:14px; border-bottom:1px solid #e5e7eb;} .commerce-order-info-grid .commerce-info-panel h2 i {color:#553bfc; font-size:20px;} .commerce-order-info-grid .commerce-info-panel p {font-size:15px; line-height:1.9; color:#4b5563; overflow-wrap:anywhere; margin:0 0 14px;} .commerce-order-info-grid .commerce-info-panel p.mb-0 {margin-bottom:0;} .commerce-order-info-grid .commerce-payment-link {display:inline-flex; align-items:center; flex-wrap:wrap; gap:8px; padding:10px 14px; background:#f5f3ff; border:1px solid #ddd6fe; border-radius:8px; color:#553bfc; font-size:14px; font-weight:500; text-decoration:none; overflow-wrap:anywhere; transition:all 0.25s ease;} .commerce-order-info-grid .commerce-payment-link:hover {background:#553bfc; border-color:#553bfc; color:#ffffff !important;} .commerce-order-info-grid .commerce-payment-link i {font-size:14px;} .test-commerce .commerce-content .alert-danger {padding: 0.5rem 0.8rem;} .test-commerce .commerce-content .alert-danger a.close {float: right;color: #f00;} /* =========== User Dropdown Menu Fixes ==============*/ /* User icon toggle */ .user_dropdown > .user_dropdown_toggle:hover {background: rgba(255, 255, 255, 0.15);} .user_dropdown:hover .user_dropdown_toggle::after{display:none !important;} /* Logged-out state */ .user_dropdown_toggle.logged-out { padding: 10px 14px; color: #fff; font-size: 15px; white-space: nowrap; text-decoration: none; } /* Logged-in state */ .user_dropdown_toggle.logged-in { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; color: #fff; font-size: 20px; text-decoration: none; border-radius: 50%; } /* Hover effect */ .user_dropdown_toggle:hover {background: rgba(255, 255, 255, 0.15);color: #fff;} /* Dropdown panel */ .user_dropdown_menu { position: absolute; top: calc(100% + 12px); right: 0; width: 235px; padding: 8px; background: #fff; border: 1px solid #eee; border-radius: 12px; box-shadow: 0 10px 35px rgba(0, 0, 0, 0.18); z-index: 9999; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.25s ease; } /* Show dropdown on hover and keyboard focus */ .user_dropdown:hover .user_dropdown_menu, .user_dropdown:focus-within .user_dropdown_menu, .user_dropdown.open .user_dropdown_menu { opacity: 1; visibility: visible; transform: translateY(0); } /* Menu links */ .user_dropdown_menu > a, .user_dropdown_menu form button { display: flex; align-items: center; gap: 12px; width: 100%; padding: 11px 12px; color: #333; font-size: 14px; font-weight: 500; line-height: 1.4; text-align: left; text-decoration: none; background: transparent; border: 0; border-radius: 7px; cursor: pointer; transition: all 0.2s ease; } .user_dropdown_menu > a i, .user_dropdown_menu form button i { width: 18px; color: #6525e8; font-size: 15px; text-align: center; } .user_dropdown_menu > a:hover, .user_dropdown_menu form button:hover {color: #6525e8;background: #f3edff;} /* Logout divider */ .user_dropdown_divider {height: 1px;margin: 6px 4px;background: #eee;} /* Remove default form spacing */ .user_dropdown_menu form {margin: 0;} .user_dropdown > .user_dropdown_toggle i {font-size:1.5rem;} .user_dropdown > .user_dropdown_toggle:hover {background:rgba(255, 255, 255, 0.15); border-radius: 100px; color:#fff;text-decoration:none;} .user_dropdown > .user_dropdown_toggle:hover::after {display:none !important;} .user_dropdown_menu {top:calc(100% + 8px); right:0;} @media (max-width:767.98px){ .test-commerce .commerce-welcome{align-items:flex-start;flex-direction:column} .test-commerce .commerce-welcome>.btn{width:100%} .test-commerce .commerce-section-heading{align-items:flex-start;flex-direction:column} .test-commerce .commerce-detail-layout,.test-commerce .commerce-auth-layout,.test-commerce .commerce-profile-layout{grid-template-columns:1fr} .test-commerce .commerce-purchase-panel{position:static} .test-commerce .commerce-auth-aside{min-height:230px} .test-commerce .commerce-order-info-grid{grid-template-columns:1fr} .test-commerce .commerce-entitlement-summary{grid-template-columns:repeat(2,minmax(0,1fr))} .user_dropdown_menu {right: 0;width: 220px;} } @media (max-width:479.98px){ .test-commerce .commerce-nav form{width:100%} .test-commerce .commerce-nav .btn-link{padding-left:.55rem;padding-right:.55rem} .test-commerce .commerce-search{align-items:stretch;flex-direction:row;flex-wrap:wrap} .test-commerce .commerce-search .form-control{flex:1;min-width:0} .test-commerce .commerce-search .btn{flex-basis:100%} .test-commerce .commerce-order-banner{align-items:flex-start;flex-direction:column;gap:.8rem} .test-commerce .commerce-entitlement-summary{grid-template-columns:1fr} }