/* ZapfHumnst BT */ @font-face { font-family: 'ZapfHumnst BT'; src: url('../fonts/ZapfHumanist601BT-Roman.eot'); src: url('../fonts/ZapfHumanist601BT-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/ZapfHumanist601BT-Roman.woff2') format('woff2'), url('../fonts/ZapfHumanist601BT-Roman.woff') format('woff'), url('../fonts/ZapfHumanist601BT-Roman.ttf') format('truetype'), url('../fonts/ZapfHumanist601BT-Roman.svg#ZapfHumanist601BT-Roman') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'ZapfHumnst BT'; src: url('../fonts/ZapfHumanist601BT-Bold.eot'); src: url('../fonts/ZapfHumanist601BT-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ZapfHumanist601BT-Bold.woff2') format('woff2'), url('../fonts/ZapfHumanist601BT-Bold.woff') format('woff'), url('../fonts/ZapfHumanist601BT-Bold.ttf') format('truetype'), url('../fonts/ZapfHumanist601BT-Bold.svg#ZapfHumanist601BT-Bold') format('svg'); font-weight: 700; font-style: normal; font-display: swap; } /* BentonSans */ @font-face { font-family: 'BentonSans'; src: url('../fonts/BentonSans-Regular.eot'); src: url('../fonts/BentonSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSans-Regular.woff2') format('woff2'), url('../fonts/BentonSans-Regular.woff') format('woff'), url('../fonts/BentonSans-Regular.ttf') format('truetype'), url('../fonts/BentonSans-Regular.svg#BentonSans-Regular') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'BentonSans'; src: url('../fonts/BentonSans-Medium.eot'); src: url('../fonts/BentonSans-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSans-Medium.woff2') format('woff2'), url('../fonts/BentonSans-Medium.woff') format('woff'), url('../fonts/BentonSans-Medium.ttf') format('truetype'), url('../fonts/BentonSans-Medium.svg#BentonSans-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'BentonSans'; src: url('../fonts/BentonSans-Bold.eot'); src: url('../fonts/BentonSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSans-Bold.woff2') format('woff2'), url('../fonts/BentonSans-Bold.woff') format('woff'), url('../fonts/BentonSans-Bold.ttf') format('truetype'), url('../fonts/BentonSans-Bold.svg#BentonSans-Bold') format('svg'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'BentonSans'; src: url('../fonts/BentonSans-Black.eot'); src: url('../fonts/BentonSans-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSans-Black.woff2') format('woff2'), url('../fonts/BentonSans-Black.woff') format('woff'), url('../fonts/BentonSans-Black.ttf') format('truetype'), url('../fonts/BentonSans-Black.svg#BentonSans-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap; } /* BentonSans Book */ @font-face { font-family: 'BentonSans Book'; src: url('../fonts/BentonSans-Book.eot'); src: url('../fonts/BentonSans-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSans-Book.woff2') format('woff2'), url('../fonts/BentonSans-Book.woff') format('woff'), url('../fonts/BentonSans-Book.ttf') format('truetype'), url('../fonts/BentonSans-Book.svg#BentonSans-Book') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } /* BentonSans Comp */ @font-face { font-family: 'BentonSans Comp'; src: url('../fonts/BentonSansComp-Light.eot'); src: url('../fonts/BentonSansComp-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSansComp-Light.woff2') format('woff2'), url('../fonts/BentonSansComp-Light.woff') format('woff'), url('../fonts/BentonSansComp-Light.ttf') format('truetype'), url('../fonts/BentonSansComp-Light.svg#BentonSansComp-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'BentonSans Comp'; src: url('../fonts/BentonSansComp-Regular.eot'); src: url('../fonts/BentonSansComp-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSansComp-Regular.woff2') format('woff2'), url('../fonts/BentonSansComp-Regular.woff') format('woff'), url('../fonts/BentonSansComp-Regular.ttf') format('truetype'), url('../fonts/BentonSansComp-Regular.svg#BentonSansComp-Regular') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'BentonSans Comp'; src: url('../fonts/BentonSansComp-Medium.eot'); src: url('../fonts/BentonSansComp-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSansComp-Medium.woff2') format('woff2'), url('../fonts/BentonSansComp-Medium.woff') format('woff'), url('../fonts/BentonSansComp-Medium.ttf') format('truetype'), url('../fonts/BentonSansComp-Medium.svg#BentonSansComp-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'BentonSans Comp'; src: url('../fonts/BentonSansComp-Bold.eot'); src: url('../fonts/BentonSansComp-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSansComp-Bold.woff2') format('woff2'), url('../fonts/BentonSansComp-Bold.woff') format('woff'), url('../fonts/BentonSansComp-Bold.ttf') format('truetype'), url('../fonts/BentonSansComp-Bold.svg#BentonSansComp-Bold') format('svg'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'BentonSans Comp'; src: url('../fonts/BentonSansComp-Black.eot'); src: url('../fonts/BentonSansComp-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSansComp-Black.woff2') format('woff2'), url('../fonts/BentonSansComp-Black.woff') format('woff'), url('../fonts/BentonSansComp-Black.ttf') format('truetype'), url('../fonts/BentonSansComp-Black.svg#BentonSansComp-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap; } /* BentonSans Comp Book */ @font-face { font-family: 'BentonSans Comp Book'; src: url('../fonts/BentonSansComp-Book.eot'); src: url('../fonts/BentonSansComp-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSansComp-Book.woff2') format('woff2'), url('../fonts/BentonSansComp-Book.woff') format('woff'), url('../fonts/BentonSansComp-Book.ttf') format('truetype'), url('../fonts/BentonSansComp-Book.svg#BentonSansComp-Book') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } /* BentonSans ExtraComp */ @font-face { font-family: 'BentonSans ExtraComp'; src: url('../fonts/BentonSansExtraComp-Light.eot'); src: url('../fonts/BentonSansExtraComp-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSansExtraComp-Light.woff2') format('woff2'), url('../fonts/BentonSansExtraComp-Light.woff') format('woff'), url('../fonts/BentonSansExtraComp-Light.ttf') format('truetype'), url('../fonts/BentonSansExtraComp-Light.svg#BentonSansExtraComp-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'BentonSans ExtraComp'; src: url('../fonts/BentonSansExtraComp-Medium.eot'); src: url('../fonts/BentonSansExtraComp-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSansExtraComp-Medium.woff2') format('woff2'), url('../fonts/BentonSansExtraComp-Medium.woff') format('woff'), url('../fonts/BentonSansExtraComp-Medium.ttf') format('truetype'), url('../fonts/BentonSansExtraComp-Medium.svg#BentonSansExtraComp-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'BentonSans ExtraComp'; src: url('../fonts/BentonSansExtraComp-Bold.eot'); src: url('../fonts/BentonSansExtraComp-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSansExtraComp-Bold.woff2') format('woff2'), url('../fonts/BentonSansExtraComp-Bold.woff') format('woff'), url('../fonts/BentonSansExtraComp-Bold.ttf') format('truetype'), url('../fonts/BentonSansExtraComp-Bold.svg#BentonSansExtraComp-Bold') format('svg'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'BentonSans ExtraComp'; src: url('../fonts/BentonSansExtraComp-Black.eot'); src: url('../fonts/BentonSansExtraComp-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSansExtraComp-Black.woff2') format('woff2'), url('../fonts/BentonSansExtraComp-Black.woff') format('woff'), url('../fonts/BentonSansExtraComp-Black.ttf') format('truetype'), url('../fonts/BentonSansExtraComp-Black.svg#BentonSansExtraComp-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap; } /* BentonSans ExtraComp Book */ @font-face { font-family: 'BentonSans ExtraComp Book'; src: url('../fonts/BentonSansExtraComp-Book.eot'); src: url('../fonts/BentonSansExtraComp-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSansExtraComp-Book.woff2') format('woff2'), url('../fonts/BentonSansExtraComp-Book.woff') format('woff'), url('../fonts/BentonSansExtraComp-Book.ttf') format('truetype'), url('../fonts/BentonSansExtraComp-Book.svg#BentonSansExtraComp-Book') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } /* BentonSans Cond */ @font-face { font-family: 'BentonSans Cond'; src: url('../fonts/BentonSansCond-Light.eot'); src: url('../fonts/BentonSansCond-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSansCond-Light.woff2') format('woff2'), url('../fonts/BentonSansCond-Light.woff') format('woff'), url('../fonts/BentonSansCond-Light.ttf') format('truetype'), url('../fonts/BentonSansCond-Light.svg#BentonSansCond-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'BentonSans Cond'; src: url('../fonts/BentonSansCond-Regular.eot'); src: url('../fonts/BentonSansCond-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSansCond-Regular.woff2') format('woff2'), url('../fonts/BentonSansCond-Regular.woff') format('woff'), url('../fonts/BentonSansCond-Regular.ttf') format('truetype'), url('../fonts/BentonSansCond-Regular.svg#BentonSansCond-Regular') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'BentonSans Cond'; src: url('../fonts/BentonSansCond-Medium.eot'); src: url('../fonts/BentonSansCond-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSansCond-Medium.woff2') format('woff2'), url('../fonts/BentonSansCond-Medium.woff') format('woff'), url('../fonts/BentonSansCond-Medium.ttf') format('truetype'), url('../fonts/BentonSansCond-Medium.svg#BentonSansCond-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'BentonSans Cond'; src: url('../fonts/BentonSansCond-Bold.eot'); src: url('../fonts/BentonSansCond-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSansCond-Bold.woff2') format('woff2'), url('../fonts/BentonSansCond-Bold.woff') format('woff'), url('../fonts/BentonSansCond-Bold.ttf') format('truetype'), url('../fonts/BentonSansCond-Bold.svg#BentonSansCond-Bold') format('svg'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'BentonSans Cond'; src: url('../fonts/BentonSansCond-Black.eot'); src: url('../fonts/BentonSansCond-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSansCond-Black.woff2') format('woff2'), url('../fonts/BentonSansCond-Black.woff') format('woff'), url('../fonts/BentonSansCond-Black.ttf') format('truetype'), url('../fonts/BentonSansCond-Black.svg#BentonSansCond-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap; } /* BentonSans Cond Book */ @font-face { font-family: 'BentonSans Cond Book'; src: url('../fonts/BentonSansCond-Book.eot'); src: url('../fonts/BentonSansCond-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSansCond-Book.woff2') format('woff2'), url('../fonts/BentonSansCond-Book.woff') format('woff'), url('../fonts/BentonSansCond-Book.ttf') format('truetype'), url('../fonts/BentonSansCond-Book.svg#BentonSansCond-Book') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } /* Noto Serif Devanagari - sanskrit */ @font-face { font-family: 'Noto Serif Devanagari'; src: url('../fonts/NotoSerifDevanagari-Regular.eot'); src: url('../fonts/NotoSerifDevanagari-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSerifDevanagari-Regular.woff2') format('woff2'), url('../fonts/NotoSerifDevanagari-Regular.woff') format('woff'), url('../fonts/NotoSerifDevanagari-Regular.ttf') format('truetype'), url('../fonts/NotoSerifDevanagari-Regular.svg#NotoSerifDevanagari-Regular') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Noto Serif Devanagari'; src: url('../fonts/NotoSerifDevanagari-Medium.eot'); src: url('../fonts/NotoSerifDevanagari-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSerifDevanagari-Medium.woff2') format('woff2'), url('../fonts/NotoSerifDevanagari-Medium.woff') format('woff'), url('../fonts/NotoSerifDevanagari-Medium.ttf') format('truetype'), url('../fonts/NotoSerifDevanagari-Medium.svg#NotoSerifDevanagari-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Noto Serif Devanagari'; src: url('../fonts/NotoSerifDevanagari-SemiBold.eot'); src: url('../fonts/NotoSerifDevanagari-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSerifDevanagari-SemiBold.woff2') format('woff2'), url('../fonts/NotoSerifDevanagari-SemiBold.woff') format('woff'), url('../fonts/NotoSerifDevanagari-SemiBold.ttf') format('truetype'), url('../fonts/NotoSerifDevanagari-SemiBold.svg#NotoSerifDevanagari-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Noto Serif Devanagari'; src: url('../fonts/NotoSerifDevanagari-Bold.eot'); src: url('../fonts/NotoSerifDevanagari-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSerifDevanagari-Bold.woff2') format('woff2'), url('../fonts/NotoSerifDevanagari-Bold.woff') format('woff'), url('../fonts/NotoSerifDevanagari-Bold.ttf') format('truetype'), url('../fonts/NotoSerifDevanagari-Bold.svg#NotoSerifDevanagari-Bold') format('svg'); font-weight: 700; font-style: normal; font-display: swap; } :root { --gap: 24px; --top-gap: calc(var(--gap)*.5); --content-font: 'BentonSans', "Myriad Pro", sans-serif; --title-font: 'ZapfHumnst BT', "Myriad Pro", sans-serif; --sanskrit-font: 'Noto Serif Devanagari', "Myriad Pro", sans-serif; --primary-color: #C42526; --primary-color-light: #C45643; --secondary-color: #EE7B00; --purple-color: #2F2583; --green-color: #33948C; --skyblue-color: #009EE3; --yellow-color: #FFCA00; --text-color: #2B2A29; --black-color: #000000; --white-color: #FFFFFF; --gray-color: #ececec; --main-space: 112px; --section-space: 140px; --section-space-sm: 80px; --content-space: 80px; --content-space-sm: 60px; --section-radius: 30px; --content-font-size: var(--font-18); --content-line-height: 1.2; --content-font-weight: 400; --lead-font-size: var(--font-24); --lead-line-height: 1.5; --btn-padding: 22px; --btn-width: 166px; --btn-height: 54px; --small-btn-padding: 15px; --small-btn-width: 117px; --small-btn-height: 35px; --btn-radius: 100px; --input-radius: 40px; --header-height: 0; --bs-gutter-x: 30px; --radius-10: 10px; --radius-20: 20px; --radius-30: 30px; --radius-40: 40px; --radius-50: 50px; --radius-100: 100px; --radius-circle: 50%; --font-12: 12px; --font-13: 13px; --font-14: 14px; --font-16: 16px; --font-18: 18px; --font-20: 20px; --font-22: 22px; --font-24: 24px; --font-28: 28px; --font-30: 30px; --font-36: 36px; --font-40: 40px; --font-44: 44px; --font-48: 48px; --font-50: 50px; --font-55: 55px; --font-60: 60px; --font-70: 70px; --font-80: 80px; --font-100: 100px; --font-120: 120px; } @media(prefers-reduced-motion: no-preference) { :root { scroll-behavior: auto } } .noscript { position: fixed; bottom: 0; width: 100%; left: 0; z-index: 99999; padding: 8px 15px; background: #000; color: #FFFFFF; text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center } .noscript .noscript svg { margin-right: 10px } @keyframes bounce { 0% {transform: translate3d(0, 0, 0);} 100% {transform: translate3d(0, -10px, 0);} } * { scrollbar-width: thin; } *, ::after, ::before { box-sizing: border-box; } body { margin: 0; background: #f6f6f3; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: var(--text-color); font-size: var(--content-font-size); font-family: var(--content-font); font-weight: var(--content-font-weight); line-height: var(--content-line-height); } img { max-width: 100%; height: auto; display: inline } figure { margin: 0; } b, strong { font-weight: 600; } a { color: inherit; text-decoration: inherit; transition: all .5s ease; } p{line-height: 1.8em;} svg, path { transition: all .5s ease; } .flex { display: flex; flex-wrap: wrap } .flex-ac { display: flex; flex-wrap: wrap; align-items: center; align-content: center } .flex-ae { display: flex; flex-wrap: wrap; align-items: flex-end; align-content: flex-end } .flex-as { display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start } .flex-jc { display: flex; flex-wrap: wrap; justify-content: center } .flex-js { display: flex; flex-wrap: wrap; justify-content: space-between } .flex-je { display: flex; flex-wrap: wrap; justify-content: flex-end } .flex-ac-js { display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: space-between } .flex-ac-je { display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: flex-end } .flex-ae-js { display: flex; flex-wrap: wrap; align-items: flex-end; align-content: flex-end; justify-content: space-between } .flex-ae-jc { display: flex; flex-wrap: wrap; align-items: flex-end; align-content: flex-end; justify-content: center; } .flex-center { display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center } .flex-asc { align-self: center } .flex-ass { align-self: flex-start } .flex-ase { align-self: flex-end } .row-reverse { flex-direction: row-reverse } .section-space { padding: var(--section-space) 0 } .section-space-sm { padding: var(--section-space-sm) 0 } .section-center { max-width: 952px; margin: auto; } .section-content { margin-bottom: var(--content-space); } .section-content-sm { margin-bottom: var(--content-space-sm) } .content-sm { margin-bottom: calc(var(--content-space)*0.5);} .row { margin: 0 calc(var(--gap)*-0.5)} .row>* { padding: 0 calc(var(--gap)*.5)} .text-primary { color: var(--primary-color) !important; } .text-primary-light { color: var(--primary-color-light) !important; } .text-purple { color: var(--purple-color) !important; } .text-green { color: var(--green-color) !important; } .text-content { color: var(--text-color) !important; } .bg-primary { background-color: var(--primary-color)!important; color: var(--white-color) } .text-secondary { color: var(--secondary-color) !important; } .bg-secondary { background-color: var(--secondary-color)!important; } .bg-white { background-color: var(--white-color)!important; } .bg-gray { background-color: var(--gray-color); } .bg-lightgray { background-color: rgba(241, 242, 244, 0.3)!important; } .bg-parallax { background: no-repeat 50% 0 / cover rgba(0, 0, 0, 0); } .bg-primary :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {color: var(--white-color);} .fill-current { fill: currentColor; } .container { max-width: 1488px; width: 100%; padding: 0 var(--gap) } .container-xl { width: 100%; max-width: 1920px; padding: 0 20px; } .container-lg { max-width: 1680px; width: 100%; padding: 0 var(--gap) } .container-md { max-width: 1122px; width: 100%; padding: 0 var(--gap) } .container-sm { max-width: 1000px; width: 100%; padding: 0 var(--gap) } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .display-1, .display-2, .display-3, .display-4, .display-5, .display-6 { display: block; color: var(--text-color); font-family: var(--title-font); font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: var(--font-60) } h2, .h2 { font-size: var(--font-50) } h3, .h3 { font-size: var(--font-40) } h4, .h4 { font-size: var(--font-36) } h5, .h5 { font-size: var(--font-30) } h6, .h6 { font-size: var(--font-24) } .display-1 { font-size: var(--font-100); } .display-2 { font-size: var(--font-80); } .display-3 { font-size: var(--font-60); } .display-4 { font-size: var(--font-44); font-weight: 500; letter-spacing: -0.02em; color: var(--primary-color); } .display-5 { font-size: var(--font-24); } .display-6 { font-size: var(--font-22); } /* ul ol */ ul { list-style-type: disc; padding-left: 1.3rem; } ul ul { list-style-type: circle; } ul ul ul { list-style-type: square; } .bullets { list-style-type: none; padding: 0; margin: 0; text-align: left; } .bullets li { position: relative; padding: 0 0 0 30px; font-size: var(--font-18); font-weight: 400; line-height: 22px; color: var(--text-color); } .bullets li:before { content: ""; display: block; position: absolute; left: 0; top: 1px; background: url(../images/svg/bullet1.svg) no-repeat 0 0 / cover rgba(0, 0, 0, 0); width: 20px; height: 20px; pointer-events: none; } .bullets li + li { margin-top: 20px; } .title+.bullets, .cms-content+.bullets { margin-top: calc(var(--content-space-sm) - 20px ); } .bullets+p, .bullets+.cms-content { margin: 30px 0 0 0; } .cms-section :is(h1, h2, h3, h4, h5, h6) {margin-top:30px;} .cms-section :is(h1, h2, h3, h4, h5, h6):first-child {margin-top:0;} .cms-section :is(ul, ol) li+li, .cms-section li>:is(ul, ol), .cms-section :is(ul, ol)+:is(ul, ol), .cms-section :is(p)+:is(ul, ol) {margin-top: calc(var(--gap) * 0.5);} .btn { font-size: var(--font-18); font-weight: 500; line-height: 1.2; position: relative; z-index: 0; overflow: hidden; display: inline-flex; flex-wrap: wrap; vertical-align: top; align-items: center; justify-content: center; text-align: center; min-width: var(--btn-width); height: var(--btn-height); padding: 0 var(--btn-padding); color: var(--btn-color); background: var(--btn-bg); border: 2px solid var(--btn-border); border-radius: var(--btn-radius); -webkit-border-radius: var(--btn-radius); transition: all .5s ease; -webkit-transition: all .5s ease } .btn-primary { --btn-color: #FFFFFF; --btn-hover-color: #FFFFFF; --btn-bg: var(--primary-color); --btn-hover-bg: var(--secondary-color); --btn-border: var(--primary-color); --btn-hover-border: var(--secondary-color); justify-content: space-between;} .btn-secondary { --btn-color: #FFFFFF; --btn-hover-color: #FFFFFF; --btn-bg: var(--secondary-color); --btn-hover-bg: var(--primary-color); --btn-border: var(--secondary-color); --btn-hover-border: var(--primary-color); } .btn-light { --btn-color: var(--primary-color); --btn-hover-color: var(--primary-color); --btn-bg: #FFFFFF; --btn-hover-bg: var(--secondary-color); --btn-border: #FFFFFF; --btn-hover-border: var(--secondary-color); } .btn-dark { --btn-color: #FFFFFF; --btn-hover-color: #000; --btn-bg: #000; --btn-hover-bg: none; --btn-border: #000; --btn-hover-border: none; } .btn-outline-primary { --btn-color: var(--text-color); --btn-hover-color: #FFFFFF; --btn-bg: none; --btn-hover-bg: var(--primary-color); --btn-border: var(--primary-color); --btn-hover-border: var(--primary-color); } .btn-outline-secondary { --btn-color: var(--secondary-color); --btn-hover-color: #FFFFFF; --btn-bg: none; --btn-hover-bg: var(--secondary-color); --btn-border: var(--secondary-color); --btn-hover-border: var(--secondary-color); } .btn-outline-light { --btn-color: #FFFFFF; --btn-hover-color: var(--primary-color); --btn-bg: none; --btn-hover-bg: #FFFFFF; --btn-border: #FFFFFF; --btn-hover-border: #FFFFFF; } .btn-outline-dark { --btn-color: #000; --btn-hover-color: #FFFFFF; --btn-bg: none; --btn-hover-bg: #000; --btn-border: #000; --btn-hover-border: #000; } .btn-purple { --btn-color: #FFFFFF; --btn-hover-color: var(--primary-color); --btn-bg: var(--purple-color); --btn-hover-bg: var(--secondary-color); --btn-border: var(--purple-color); --btn-hover-border: var(--secondary-color); } .btn-outline-purple { --btn-color: var(--purple-color); --btn-hover-color: #FFFFFF; --btn-bg: none; --btn-hover-bg: var(--primary-color); --btn-border: var(--purple-color); --btn-hover-border: var(--primary-color); } .btn-group {margin: 0 calc(var(--gap)*-1) calc(var(--gap)*-1) 0; display: flex; flex-wrap: wrap } .btn-group>*, .btn-group>.btn-group:not(:first-child), .btn-group>:not(.btn-check:first-child)+.btn { margin: 0 var(--gap) var(--gap) 0; } .btn-group > .btn, .btn-group-vertical > .btn { flex: none; } .btn:first-child:active:focus-visible {box-shadow: none;} .btn-group > .btn, .btn-group > .btn-group > .btn { border-radius: var(--btn-radius) !important; } .btn .submit { font: inherit; color: inherit; letter-spacing: inherit; background: none; padding: 0; border: none; width: auto; height: 100% } .btn svg:last-child { margin-left: 16px; } .btn svg:first-child { margin-right: 16px; } .btn-sm { min-width: var(--small-btn-width); height: var(--small-btn-height); padding: 0 var(--small-btn-padding); font-size: var(--font-14); } .btn.btn-primary svg, .btn.btn-secondary svg { color: var(--text-color); } .download_list_main .btn { padding-right: 5px; } .btn.btn-outline-purple { font-weight: 500; } .btn-sm svg:last-child { margin-left: 5px; } /* slick slider */ .slider-container .slick-list, .gallery_slider_container .slick-list { margin: 0 calc(var(--gap)*-0.5);} .slider-container .slick-slide, .gallery_slider_container .slick-slide {padding: 0 calc(var(--gap)*.5); height: auto; } .slick-arrow { width: 60px; height: 60px; color: #FFFFFF; z-index: 1; border-radius: 50%; -webkit-border-radius: 50%; transition: all .5s ease; } .slick-arrow svg { width: 100%; height: 100%; } .slick-prev { left: -100px; } .slick-next { right: -100px; } .section-container .slick-prev { left: 90px; } .section-container .slick-next { right: 90px; } .slick-next:before, .slick-prev:before { content: unset; color: #000; } .slick-next:focus, .slick-prev:focus { color: #FFFFFF; outline: none; } .slick-dots { bottom: calc(var(--content-space-sm) * -1); /* font-size: 0; line-height: 0; */ } .slick-dots li { width: 30px; height: 5px; margin: 0 10px; } .slick-dots li button { width: 100%; height: 100%; padding: 0; border-radius: 30px; transition: all .5s ease; -webkit-transition: all .5s ease; } .slick-dots li button:before { content: ""; font-size: 28px; width: 100%; height: 100%; background: rgb(43 42 41 / 50%); border: 1px solid #f6f6f3; border-radius: inherit; opacity: 1; } .slick-dots li.slick-active button:before { opacity: 1; color: var(--secondary-color); background-color: var(--secondary-color); border: 0; } .bg-primary .slick-dots li button:before { border-color: #FFFFFF; } .bg-primary .slick-dots li.slick-active button:before { color: #FFFFFF; background-color: #FFFFFF; } .slick-dotted.slick-slider { margin-bottom: 0; } .slick-vertical .slick-slide { border: 0; } /* accordion */ .accordion_main .accordion-item { border: 1px solid transparent; background: rgba(255, 255, 255, 0.4); box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.02); backdrop-filter: blur(30px); border-radius: var(--radius-20); } .accordion_main .accordion-item+.accordion-item { margin-top: calc(var(--gap) - 4px); } .accordion_main .accordion-item .accordion-button { padding: calc(var(--gap) - 4px) calc(var(--gap) + 30px) calc(var(--gap) - 4px) calc(var(--gap) - 4px); font-size: var(--font-24); font-weight: 700; line-height: 1.2; color: var(--text-color); background-color: rgba(0, 0, 0, 0); border-radius: inherit !important; } .accordion-header { border-radius: inherit; } .accordion_main .accordion-item .accordion-body { padding: 0 calc(var(--gap) - 4px) calc(var(--gap) - 4px); font-size: var(--font-18); color: var(--text-color) } .accordion_main .accordion-item .accordion-body p { padding: 0 calc(var(--gap) + 26px) 0 0; margin: 0 } .accordion_main .accordion-item .accordion-body p+p { margin-top: 1rem } .accordion_main .accordion-item .accordion-button:focus { box-shadow: none; } .accordion_main .accordion-item .accordion-button::before, .accordion_main .accordion-item .accordion-button::after { content: ""; display: block; position: absolute; right: 20px; top: 50%; width: 24px; height: 2px; border-radius: 10px; background: var(--text-color); margin: -1px 0 0 -10px } .accordion_main .accordion-item .accordion-button::after { transform: rotate(90deg); -webkit-transform: rotate(90deg) } .accordion_main .accordion-item .accordion-button:not(.collapsed) { background-color: rgba(0, 0, 0, 0); box-shadow: none } .accordion_main .accordion-item .accordion-button:not(.collapsed):after { transform: rotate(0deg); -webkit-transform: rotate(0deg); background: var(--primary-color); } /* form */ ::-webkit-input-placeholder { color: currentColor !important; opacity: .7; } ::-moz-placeholder { color: currentColor !important; opacity: .7; } :-ms-input-placeholder { color: currentColor !important; opacity: .7; } :-moz-placeholder { color: currentColor !important; opacity: .7; } div.wpcf7 .wpcf7-spinner:before { display: none; } div.wpcf7 .wpcf7-spinner { position: absolute; left: 0; border-radius: 0 !important; background-color: transparent; top: 0; margin: 0 !important; pointer-events: none; width: 100% !important; height: 100% !important; background-image: linear-gradient(45deg, rgba(0,0,0,0.1) 25%, transparent 25%, transparent 50%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,.1) 75%, transparent 75%, transparent) !important; background-size: 2rem 2rem !important; -webkit-animation: progress-bar-stripes 1s linear infinite !important; animation: progress-bar-stripes 1s linear infinite !important; } /* .form-container .row>*:not(:first-child), .form-container .row>*:first-child { margin-top: 0 } */ .form-container .btn-group { margin-top: calc(var(--gap) + 1px); } .contact-section .col-12.btn-group { justify-content: center } .form-container .section-content .h3+.subtitle { line-height: 26px; margin: var(--gap) 0 0 0; } .form-control:focus { box-shadow: none; } .contact_form { row-gap: 15px; } .contact_form .form-control, .comments-area .form-control { height: var(--btn-height); padding: 0 20px; font-size: var(--font-18); line-height: 1.2; border-radius: calc(var(--btn-height) * 0.5); color: var(--text-color); background-color: #FEFEFE; border: 1px solid #FEFEFE; transition: all .1s linear; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; } .contact_form .form-control:focus { box-shadow: none; border-color: #FFFFFF; } .contact_form [class*=col-]:not(.btn-group)>*{ width: 100%; display: inline-block; } .contact_form textarea.form-control, .comments-area textarea.form-control { height: 120px; resize: none; padding-block: 17px; } .form-select { position: relative; padding-right: 40px; background: no-repeat right 25px top 50% / 14px 8px #FEFEFE; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='M6.707 7.293L0 1.414L1.414 0L6.707 5.293L12 0L13.414 1.414L6.707 7.293Z' fill='%232B2A2980'/%3E%3C/svg%3E"); cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .form-select option:disabled:first-child { color: #989898 } /* .bg-primary .contact_form .form-control{ color: var(--white-color); border-color: var(--light-gray-color); } .bg-primary .contact_form .form-control:focus { border-color: var(--white-color); } */ .contact_form .form-label { font-size: var(--font-18); font-weight: 500; line-height: 22px; margin-bottom: 16px } .label-float label { color: var(--text-color); pointer-events: none; margin-bottom: calc(var(--gap) * .5); font-size: var(--font-16); transition: all .1s linear; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; } .label-float .form-control:focus { border: 1px solid var(--primary-color); } .label-float .form-control::placeholder { color:transparent; } .label-float textarea+label { top: calc(50% - 43px); } .label-float .form-control:required:invalid + label { color: red; } .label-float .form-control:focus:required:invalid { border: 2px solid red; } .label-float .form-control:required:invalid + label:before { content: '*'; } .label-float .form-control:focus + label, .label-float .form-control:not(:placeholder-shown) + label, .label-float .form-control:focus + label, .label-float .form-control:not(:placeholder-shown) + label { font-size: 13px; top: 0; color: var(--primary-color); padding: 5px; } .bg-primary .label-float label { background-color: var(--primary-color) } .bg-primary .label-float .form-control:focus + label, .bg-primary .label-float .form-control:not(:placeholder-shown) + label, .bg-primary .label-float .form-control:focus + label, .bg-primary .label-float .form-control:not(:placeholder-shown) + label { color: #FFFFFF; } /* checkbox */ input[type="checkbox"] { width: 14px; height: 14px; accent-color: var(--primary-color); border-radius: 3px; } .check-container { position: relative; } .check-container label { cursor: pointer; flex: 1 1 0; line-height: 1.19em; font-size: var(--font-16); font-weight: 400; padding: 0 0 0 26px; } .input-check { margin: 0; cursor: pointer; width: 16px; height: 16px; border: 1px solid rgb(0 0 0 / 30%); border-radius: 3px; -webkit-border-radius: 3px; appearance: none; -webkit-appearance: none; background: no-repeat center center / 11px 8px transparent; cursor: pointer; position: absolute; left: 0; top: 4px; } .input-check:checked { background-color: var(--primary-color); border-color: var(--primary-color); background-image: url("data:image/svg+xml,%3csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 3L4.5 6.5L10 1' stroke='%23ffffff'/%3e%3c/svg%3e"); } /* paginaton */ .pagination { margin-top: var(--content-space-sm); } .pagination ul { width: 100%; padding: 0; } .pagination ul li { transition: all .5s ease; -webkit-transition: all .5s ease; } .pagination ul li+li { margin-left: 5px; } .pagination ul li :is(a, .dots) { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 60px; height: 60px; font-family: var(--title-font); font-size: var(--font-24); font-weight: 700; line-height: 1.2; color: rgb(43 42 41 / 50%); border: 2px solid transparent; border-radius: var(--radius-10); overflow: hidden; } .pagination ul li.selected a { border-color: var(--primary-color); color: var(--primary-color); } .pagination ul li a svg { width: 18px; height: 18px; } .pagination .disabled a { color: var(--text-color); opacity: .2; } .pagination ul li .next, .pagination ul li .prev { border-color: var(--purple-color); color: var(--purple-color); } /* yt video */ .yt-video { position: relative; width: 100%; max-width: 880px; margin: 0 auto; padding-bottom: 56.25%; height: 0; overflow: hidden; } .yt-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } /* common css start */ .page-container { padding-top: var(--main-space); } .img { border-radius: var(--radius-10); overflow: hidden; position: relative; display: inline-block; vertical-align: top; } .img::before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: #000; opacity: .2; border-radius: inherit; transform: none; transition: all .5s ease; pointer-events: none; } .img img { border-radius: inherit; object-fit: cover; } .img-circle { border-radius: 50%; box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.02); } .img-circle img { border-radius: inherit; } .social-wrapper { list-style-type: none; padding: 0; margin-bottom: 0 } .social-wrapper li+li { margin-left: 15px; } .social-wrapper a { width: 50px; height: 50px; color: var(--primary-color); border: 1px solid var(--secondary-color); transition: all .5s ease; -webkit-transition: all .5s ease } .bg-primary .social-wrapper a { color: var(--white-color); border-color: var(--secondary-color) } .bg-secondary .social-wrapper a { color: var(--primary-color); border-color: var(--primary-color) } .title-1 { font-family: var(--title-font); font-size: var(--font-50); font-weight: 500; color: var(--text-color); line-height: 1.2; margin: 0; } .title-1 span { display: block; font-size: var(--font-80); color: var(--primary-color); line-height: 0.9; margin: 6px 0 0 0; } .subtitle { max-width: 832px; font-size: var(--font-18); font-weight: 400; margin: auto; } .cms-content { font-family: var(--content-font); font-size: var(--font-18); line-height: 1.8; font-weight: 400; color: var(--text-color) } .cms-content a { transition: all .5s ease; -webkit-transition: all .5s ease; } .title-sm-1 { display: inline-block; width: 100%; font-weight: 700; font-size: var(--font-16); padding: 0px 0px 20px; border-bottom: 1px solid var(--primary-color); color: var(--primary-color) } .title-sm-1+.title-1, .section-content .title-sm-1+.title-wrapper { margin-top: 20px } .title-1+.cms-content, .top-title +.cms-content { margin-top: 40px; } .title+.title-sm { margin-top: var(--content-space-sm); } .cms-content+.btn-group, p+.btn-group { margin-top: calc(var(--gap) + 6px); } .title+.btn-group, .bullets+.btn-group { margin-top: 40px; } .top-title { line-height: var(--content-line-height);color: var(--primary-color); font-size: var(--font-50); font-weight: 500; display: inline-block; position: relative;font-family: var(--title-font) !important;} .section-content .btn-group { margin-top: 20px; } .top-title + .title-light { margin: 25px 0 0 0; } .title-light { line-height: 1.4em; font-weight: 400; display: block; color: var(--text-color); font-family: var(--title-font); } .title-1 + .subtitle, .top-title + .subtitle { margin-top: 20px; } .top-title + .title-1 { margin-top: 15px; font-size: var(--font-30); } .top-title + .title-1 span { font-size: inherit; } .section-content .title span { display: inline-block; } .content-col .subtitle { margin: 20px 0 0 0 } .oddeven_box { gap: calc(var(--content-space) * .5);} .oddeven_box > .row:nth-child(even) { flex-direction: row-reverse; } .oddeven_box > .row:nth-child(even) .content-col, .row-reverse .content-col, .title-col, .img-col, .education-section :is(.content-col, .row-reverse .img-col) {padding: 0 0 0 28px;} .content-col, .row-reverse .title-col, .row-reverse .img-col, .education-section :is(.img-col, .row-reverse .content-col) {padding: 0 28px 0 0;} .row-space { margin: 0 calc(var(--gap) * -0.5) calc(var(--gap) * -1);} .row-space>* {padding: 0 calc(var(--gap) * .5) var(--gap); display: flex; flex-wrap: wrap; } .cms-content-wrapper .cms-content { padding: 0 16px 0 0 } .animated svg path { stroke-dashoffset: 0; transition: all 7s ease; -webkit-transition: all 7s ease; } .logo a { display: inline-block; vertical-align: top } .logo a img { transition: all .5s ease; -webkit-transition: all .5s ease } .play-btn { cursor: pointer; position: absolute; z-index: 2; bottom: 20px; right: 20px; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; pointer-events: none; } .play-btn svg { width: 100%; height: 100%; } .cms-video video { height: 100%; width: 100%; object-fit: cover; } .cms-img.cms-video img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .cms-img.cms-video.play .pause-icon { display: block; } .play-btn .pause-icon, .cms-img.cms-video.play .play-icon, .cms-img.cms-video.play img { display: none; } .ellipse { position: absolute; z-index: -1; pointer-events: none; } .ellipse img { width: 100%; height: 100%; } .ellipse-triangle { width: 1186px; height: 1055px; right: 50%; bottom: -195px; transform: translateX(-21%); } .ellipse-circle { width: 1162px; height: 1162px; border-radius: 50%; left: 50%; bottom: -215px; transform: translateX(25%); } .ellipse-square { width: 1500px; height: 1500px; right: 50%; bottom: -195px; transform: translateX(-21%); } .ellipse-right { left: 50%; right: auto; bottom: -195px; transform: translateX(-21%); } .ellipse-left { left: auto; right: 50%; bottom: -195px; transform: translateX(-21%); } .section-container { border-radius: var(--radius-40); position: relative; overflow: hidden; } .content-center-sm { max-width: 832px; margin: 0 auto; } /* .inner-banner-section .section-bg.section-container { height: auto; } */ .inner-banner-section .section-container { padding: calc(var(--content-space-sm) + 3px) 0; border-radius: 0!important; } .inner-banner-section .title { margin: 0; } .inner-banner-section p { margin: calc(var(--gap) + 6px) 0 0 0; } .section-bg { /* background: url(../images/section-bg.jpg); color: #FFFFFF; position: relative; z-index: 1; */ color: var(--white-color); position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; background: no-repeat right top / cover rgba(0, 0, 0, 0); overflow: hidden; } /* section .section-bg.section-container{ height: 1060px; } */ .section-bg::before { content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; border-radius: inherit; transform: none; transition: all .5s ease; pointer-events: none; background: linear-gradient(0deg, rgba(47, 37, 131, 0.6), rgba(47, 37, 131, 0.6)); pointer-events: none; } .section-bg.primary-bg::before { background: linear-gradient(0deg, rgba(196, 37, 38, 0.6), rgba(196, 37, 38, 0.6)); } /* filter */ .shorting-container { gap: var(--gap); } .shorting-container .form-control { line-height: 1.2; padding: 0 39px 0 20px; font-size: var(--font-18); color: var(--text-color); background-color: #FFFFFF; border-radius: var(--radius-100); height: var(--btn-height); border: 1px solid #FFFFFF; flex: 1 1 0; } /* .shorting-container .btn{ border-width: 1px; min-width: 92px; height: var(--btn-height); font-size: var(--font-14); padding: 0 15px; } */ .shorting-wrapper form>.form-control { width: 100%; } .shorting-wrapper :is(.form-control, form) { width: 220px; } .shorting-wrapper { gap: var(--gap); } /* .shorting-container :is(.form-control+.form-control, form+form) { margin-left: var(--gap); } */ .shorting-wrapper .search-form { /* width: 342px; height: var(--small-btn-height); */ margin-left: auto; } .search-form { position: relative; max-width: 342px; margin-left: auto; flex: 1 1 0; } .search-form form { width: 100%; } .form-control.search-input { padding-right: 55px; flex: 1 1 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .search-submit { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: calc(var(--btn-height) - 20px); height: calc(var(--btn-height) - 20px); min-width: auto !important; padding: 0 !important; border-radius: 7px; -webkit-border-radius: 7px; justify-content: flex-end; } .search-submit svg { margin: 0 !important; } .search-submit input { position: absolute; width: 100%; height: 100%; top: 50%; transform: translateY(-50%); right: 0; opacity: 0; cursor: pointer; } /* common css end */ /* header start */ .header { background: #f6f6f3; position: fixed; top: 0; width: 100%; z-index: 9999; transition: all .5s ease 0s;} .menu-action .header.sticky { margin-right: var(--scrollbar) } .hide-scrollbar .header { margin-right: var(--scrollbar) } .header.sticky { box-shadow: 0 0 10px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3) } .header.sticky:before .header-main { background: rgba(193, 205, 225, .7490196078); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .header .logo{ transition: all .5s ease;} .header .logo a img { width: 296px; height: 80px; transition: transform .4s ease;transform-origin: center;} .header-navigation { background-color: var(--primary-color); } .header-top .navigation ul.menu>li>a { color: var(--text-color); } .navigation .header-actions.menu { font-size: 16px; z-index: 4; } .header-navigation .btn.btn-secondary, .theme-dark .btn.btn-secondary { --btn-hover-color: var(--primary-color);--btn-hover-bg: #FFFFFF;--btn-hover-border: #FFFFFF;} .header-top .navigation { display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: space-between; } .header-cta { margin-left: 15px; } .header .header-navigation .btn {height: calc(var(--btn-height) - 14px);padding: 0 calc(var(--btn-padding) - 14px);} .header-top .header-cta .btn { height: calc(var(--btn-height) - 4px);padding: 0 calc(var(--btn-padding) - 10px); } .header .btn { font-size: var(--font-16); } /* .header-top { padding: 15px 0; } */ /* .header.sticky .logo a img { width: auto; height: 77px;} */ /* header end */ /* footer start */ .footer .footer-container { /* margin-bottom: calc(var(--gap) - 4px); */ padding: 140px 0 30px; background-color: rgb(0 0 0 / 90%); } .footer .footer-logo { display: inline-block; } .footer .logo {width:auto; height: 110px;} .footer .footer-col p {line-height: var(--content-line-height);} .footer .title { margin: 0 0 30px 0; font-size: var(--font-22); font-weight: 700; line-height: 1.2; text-transform: uppercase; color: #FEFEFE; } .footer .quick-links { row-gap: 80px; } .footer ul { margin: 0; } .footer .list li a { display: inline-block; font-size: var(--font-18); font-weight: 400; line-height: 1.2; color: #FFFFFF; border-bottom: 1px solid transparent; opacity: 0.9; transition: all .5s ease; -webkit-transition: all .5s ease; } .footer .footer_col .list{margin: 30px 0;gap: 15px;} .footer .logo-col { padding-right: 146px; } .footer .logo-col p { margin: 30px 0; font-size: var(--font-18); opacity: 0.9;} .footer .social-wrapper a { color: #FFFFFF; background-color: var(--primary-color); border: 1px solid var(--primary-color); border-radius: var(--radius-100); width: 50px; height: 50px; } .footer .social-wrapper a svg { width: 20px; height: 20px; } .footer .footer-bottom { margin-top: 80px; padding: 30px 0 0; border-top: 1px solid rgb(255 255 255 / 50%); } .footer .copyright { opacity: 0.9; font-size: var(--font-16); font-weight: 400; line-height: 1.2; color: #FFFFFF; } .footer .copyright p { margin: 0; line-height: var(--content-line-height);} .footer .copyright p+p { margin-left: 50px; } .footer .copyright ul { margin: 0; gap: 30px;} .footer .copyright a { border-bottom: 1px solid transparent; } .footer .news-letter { margin-top: 115px; } .footer .footer-bottom >* {align-items: flex-start;} /* footer end */ /* banner start */ .hero-banner .banner-container { position: relative; overflow: hidden; } .hero-banner .banner-wrapper { position: absolute; bottom: 90px; left: 0; z-index: 3; width: 100%; color: #FFFFFF; pointer-events: auto; } .hero-banner .media-container { position: relative; height: calc(100vh - var(--main-space)); /*height: 850px; height: 89.192vh;*/ overflow: hidden; } .hero-banner .hero-media { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; } .hero-banner .media-container:before, .hero-banner .media-container:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(51, 60, 148, 0) 52.12%, rgba(51, 60, 148, 0.85) 100%); z-index: 2; } .hero-banner .media-container:after { background: #000; opacity: 0.2; } .hero-banner .banner-content { position: relative; z-index: 2; } .hero-banner .hero-text .title { font-family: var(--title-font); font-size: var(--font-60); line-height: 1.2; color: #FEFEFE; margin: 0; } .hero-banner .banner-style2 .hero-text .title { color: #000000; line-height: 2em; letter-spacing: 0.02em; font-size: var(--font-40); } .hero-banner .banner-style2 .hero-text .title strong { font-weight: 700; font-size: var(--font-60); line-height: inherit; vertical-align: top; } .hero-banner .banner-style2 .hero-text .top-title+.title { margin: 20px 0 0 0; } .banner-style2 .banner-wrapper { position: absolute; top: 50%; bottom: unset !important; transform: translateY(-50%) !important; } .hero-banner .hero-text p { font-size: var(--font-18); font-weight: 400; color: #FEFEFE; margin: 30px 0 0; max-width: 708px; } .hero-banner .admission-text { margin: 0; font-size: var(--font-24); font-weight: 500;line-height: var(--content-line-height);} .hero-banner .btn-group { margin-top: 32px; } /* banner end */ /* feature strip start */ .feature-strip-section { padding: 50px 0; } .feature-strip-section .feature-box { background: linear-gradient(180deg, #C42526 0%, #2F2583 100%); position: relative; z-index: 1; border-radius: 100px; -webkit-border-radius: 100px; height: 111px; padding: 0 41px; display: flex; flex-wrap: wrap; align-items: center; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; width: 100%; } .feature-strip-section .feature-box:before { content: ""; position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; z-index: -1; border-radius: inherit; border: 2px; background: #f6f6f3; pointer-events: none; } .feature-strip-section .feature-box .icon { color: var(--primary-color); margin-right: 23px; width: 48px; height: 48px; } .feature-strip-section .feature-box .icon svg, .feature-strip-section .feature-box .icon img { width: 100%; height: 100%; } .feature-strip-section .feature-box p { font-size: var(--font-22); font-weight: 500; margin: 0; flex: 1 1 0; line-height: var(--content-line-height);} /* feature strip end */ /* stats start */ .stat-box { border-radius: var(--radius-20); padding: 20px; text-align: left; background: rgba(255, 255, 255, 0.4); box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.02); backdrop-filter: blur(30px); transition: 0.3s; display: flex; flex-wrap: wrap; justify-content: flex-end; } .stat-box .icon { width: 45px; height: 45px; display: inline-flex; justify-content: flex-end; color: var(--secondary-color); } .stat-box .icon svg { width: 100%; height: 100%; } .stat-box .counter-number { width: 100%; margin: 15px 0 0 0; } .stat-box .title { margin: 0; font-weight:500; font-size: var(--font-55); } .stat-box .title.counter-plus { font-family: var(--title-font); } .stat-box p { font-size: var(--font-20); color: var(--text-color); width: 100%; margin: 15px 0 0 0; font-weight: 400;} .stat-box .counter-number+p { font-weight: 500; } .stat-box .icon+.title { width: 100%; } .stat-section { position: relative; } .stat-section .stat-box { width: 100%; } /* stats end */ /* foundation start */ .pillar-card { position: relative; border-radius: var(--radius-20); overflow: hidden; transition: all .5s ease; width: 100%; } .pillar-card::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; pointer-events: none; } .pillar-card img { width: 100%; height: 100%; } .pillar-card .title { margin: 0; color: #FFFFFF; } .pillar-card p { font-size: var(--font-18); margin: 20px 0 0 0; } .pillar-card .tag-title { position: absolute; top: 0; right: 0; left: auto; margin: 24px 24px 0 0; padding: 0 20px; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(25px); border-radius: var(--radius-100); transition: 0.3s; display: inline-block; font-size: var(--font-16); line-height: 1.187; text-transform: none; color: #FEFEFE; height: 40px; display: inline-flex; align-items: center; justify-content: center; font-weight: 500; } .pillar-card .pillar-content { position: absolute; left: 0; bottom: 0; padding: 0 32px 32px 32px; color: #FFFFFF; width: 100%; transition: all 0.5s ease; } .pillar-card .pillar-content .shape { width: 100%; height: 0; transition: all 0.5s ease; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; overflow: hidden; } .about-benefit { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 113px; height: 127px; text-align: center; background: url("data:image/svg+xml, %3csvg width='113' height='127' viewBox='0 0 113 127' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M51.7305 1.77441C54.6815 0.0756538 58.3185 0.075654 61.2695 1.77441L107.732 28.5205C110.683 30.2192 112.5 33.3581 112.5 36.7539V90.2461C112.5 93.6419 110.683 96.7808 107.732 98.4795L61.2695 125.226C58.3185 126.924 54.6815 126.924 51.7305 125.226L5.26758 98.4795C2.3169 96.7808 0.5 93.6419 0.5 90.2461V36.7539C0.5 33.3581 2.3169 30.2192 5.26758 28.5205L51.7305 1.77441Z' stroke='%23ffffff'/%3e%3c/svg%3e") no-repeat 0 0 / cover transparent; font-size: 14px; font-weight: 500; } .about-benefit:nth-child(4), .about-benefit:nth-child(5) { margin-top: -30px; } .foundation-section .subtitle { max-width: 832px; } .foundation-style1.pillars-wrapper>*:nth-child(even) { margin-top: 80px; } .foundation-style1>* { display: block; } .foundation-style1 .pillar-card .pillar-content { padding: 0 29px 32px 32px; } .pillar-card .content { max-width: 340px; transition: all 0.5s ease; } .foundation-style1 .pillar-card.purple { filter: drop-shadow(0px 10px 80px rgba(51, 60, 148, 0.3)); } .foundation-style1 .pillar-card.green { filter: drop-shadow(0px 10px 80px rgba(51, 148, 140, 0.3)); } .foundation-style1 .pillar-card.orange { filter: drop-shadow(0px 10px 80px rgba(196, 86, 67, 0.3)); } .pillar-card.purple::before { background: linear-gradient(180deg, rgba(51, 60, 148, 0) 52.12%, rgba(51, 60, 148, 0.85) 80.85%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } .pillar-card.green::before { background: linear-gradient(180deg, rgba(51, 148, 140, 0) 52.12%, rgba(51, 148, 140, 0.85) 80.85%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } .pillar-card.orange::before { background: linear-gradient(180deg, rgba(196, 86, 67, 0) 52.12%, rgba(196, 86, 67, 0.85) 80.85%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } .pillar-card.blue:before { background: linear-gradient(180deg, rgba(196, 86, 67, 0) 52.12%, rgba(51, 138, 192, 0.85) 80.85%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } .pillar-card.olive:before { background: linear-gradient(180deg, rgba(196, 86, 67, 0) 52.12%, rgba(154, 154, 31, 0.85) 80.85%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } .pillar-card.pink:before { background: linear-gradient(180deg, rgba(196, 86, 67, 0) 52.12%, rgba(169, 76, 170, 0.85) 80.85%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } /* foundation end */ /* activity start */ /*---------------- gk start replce whole testy css----------------*/ /* testimonial start */ .testimonial-section .cms-img { position: relative; z-index: 1; border-radius: var(--radius-20); overflow: hidden; width: 100%; aspect-ratio: 464 / 364; } .testimonial-section .cms-img::before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(51.89deg, rgba(0, 0, 0, 0.3) 9%, rgba(0, 0, 0, 0) 21.68%), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); border-radius: inherit; transform: none; transition: all .5s ease; pointer-events: none; } .testimonial-section .play-btn { left: 25px; bottom: 25px; width: 52px; height: 52px; } .testimonial-item { text-align: left; } .testimonial-img { position: relative; border-radius: 15px; overflow: hidden; } .testimonial-img img { width: 100%; height: 220px; object-fit: cover; } .testimonial-content .title { margin: 0; } .testimonial-content .meta span { color: var(--text-color); font-weight: 400; position: relative; padding-left: 30px; } .testimonial-content .meta span::before { content: ""; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background: var(--text-color); opacity: 0.3; border-radius: 50%; pointer-events: none; } .testimonial-content .meta.meta-role {position: relative; font-weight: 600; font-size: var(--font-14); color: var(--primary-color); display: inline-block; background-color: var(--white-color);} .testimonial-content .meta.meta-role::after,.testimonial-content .meta.meta-role::before {content: ""; position: absolute; height: 1px; top: 50%; transform: translateY(-50%); width: 60px; background-color: var(--primary-color);} .testimonial-content .meta.meta-role::before {left: 20px;} .testimonial-content .meta.meta-role::after {right:20px;} .testimonial-content .meta { margin: 15px 0 0px; display: block; width: 100%; text-align: center;} .testimonial-content p { font-size: var(--font-14); margin: 0; text-align: center;} .quote_svg { display: flex; justify-content: center; margin: 10px 0 10px 0; } .testimonial-content { padding: 20px ; } .testimonial-main .testimonial_item_main {margin: 0 10px; height: auto;} .testimonial-main .testimonial_item_main { border-radius: 20px; padding: 10px; background-color: var(--white-color); } .testimonial-main .slick-track{display: flex;} .testimonial-content .title {text-align: center;} .testy_star ul { list-style-type: none; padding: 0; display: flex; justify-content: center; gap: 5px; margin: 5px 0 0 0; } /*---------------- gk end ----------------*/ /* testimonial end */ /* why-section start */ .why-section .section-content { margin-bottom: calc(var(--content-space-sm) - 20px ); } .why-section .img-col .img { display: block; width: 100%; border-radius: var(--radius-30); } .why-section .img-col .img::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)); opacity: 1; border-radius: inherit; transform: none; transition: all .5s ease; pointer-events: none; } .why-section .img-col .img img { width: 100%; } .img-col .img-wrapper { position: relative; overflow: hidden; } .why-section .img-col .image-badge { position: absolute; bottom: 10px; right: 30px; background: #FFFFFF; max-width: 342px; border-radius: var(--radius-10); } .book_campus-section .img-col .image-badge { position: absolute; bottom: 0; right: 0; background: #FFFFFF; max-width: 342px; margin: calc(var(--gap) - 4px); } .why-style1 { --gap: 40px; } .whychoose .item { display: flex; flex-wrap: wrap; } .whychoose .item .title { width: 100%; margin: 20px 0; } .whychoose .item p { font-size: var(--font-18); margin: 0; } .whychoose .icon { width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; } .whychoose .icon::before { content: ""; position: absolute; top: 2px; left: 2px; right: 2px; bottom: 0; z-index: -1; border-radius: inherit; border: 2px; background: #f6f6f3; pointer-events: none; } .why-section .whychoose>*:nth-child(1) .icon, .education-section.red .whychoose .icon { background: linear-gradient(180deg, #C42526 0%, #FFFFFF 100%); color: var(--primary-color); } .why-section .whychoose>*:nth-child(2) .icon, .education-section.orange .whychoose .icon { background: linear-gradient(180deg, #EE7B00 0%, #FFFFFF 100%); color: var(--secondary-color); } .why-section .whychoose>*:nth-child(3) .icon, .education-section.blue .whychoose .icon { background: linear-gradient(180deg, #009EE3 0%, #FFFFFF 100%); color: var(--skyblue-color); } .why-section .whychoose>*:nth-child(4) .icon, .education-section.purple .whychoose .icon { background: linear-gradient(180deg, #2F2583 0%, #FFFFFF 100%); color: var(--purple-color); } .why-section .whychoose>*:nth-child(5) .icon, .education-section.green .whychoose .icon { background: linear-gradient(180deg, #33948C 0%, #FFFFFF 100%); color: var(--green-color); } .why-section .whychoose>*:nth-child(6) .icon, .education-section.light-red .whychoose .icon { background: linear-gradient(180deg, #C45643 0%, #FFFFFF 100%); color: var(--primary-color-light); } .why-section .whychoose .icon svg { width: 40px; height: 40px; } /* why-section end */ /* courses start */ .courses-section { position: relative; } .courses-section .cards { padding: var(--gap); background: #FEFEFE; border-radius: var(--radius-20); box-shadow: 0 5px 20px rgba(0,0,0,0.05); } .courses-section .cards>* { display: flex; flex-wrap: wrap; } .courses-section .cards .course-content { flex: 1 1 0; padding: 10px 0 56px 40px; align-items: flex-start; align-content: flex-start; position: relative; } .courses-section .img img { width: 100%; aspect-ratio: 340/263; object-fit: cover; } .courses-section .img::before { opacity: .1; } .courses-section .course-content .title { margin: 0; } .courses-section .course-content p { font-size: var(--font-18); margin: 20px 0 0 0; } .courses-section .cards .btn-group { margin-top: 30px; } .course-style1 .cards .btn-group { position: absolute; bottom: 10px; } .course-style1 .cards .img { width: 51.517%; } .courses-section .ellipse-square { bottom: -576px; transform: translateX(-10%); } .courses-section .ellipse-circle { bottom: -143px; } .courses-section .course-medium .img img { aspect-ratio: 660 / 480; } .courses-section .course-medium .img { border-radius: var(--radius-20); } .courses-section .course-medium .cards { background: rgba(255, 255, 255, 0.6); box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05); backdrop-filter: blur(30px); border-radius: var(--radius-40); } .courses-section .course-medium .cards .course-content { flex: inherit; padding: 30px 10px 10px 10px; height: auto; } .courses-section .course-medium .course-content ul>li span { margin: 0 0 5px 0; display: inline-block; width: 100%; font-size: var(--font-24); font-weight: 500; line-height: 1.4; text-transform: none; } .course-medium .list { margin: 30px 0 0 0; width: 100%; font-size: var(--font-18); line-height: 1.2; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 40px; } .course-medium .list li { flex: 1 1 0; text-transform: capitalize; } /* courses end */ /* campus */ .campus-list { display: grid; grid-template-columns: repeat(3, 1fr);margin: 0; align-items: flex-start; column-gap: 24px; row-gap: 40px; } .campus-list li { width: 100%; } .campus-list .map-link { display: inline-block; padding: 0px 0px 0px 15px; border-left: 3px solid var(--primary-color); font-size: var(--font-18); font-weight: 400; } .campus-list .map-link span { font-size: var(--font-20); font-weight: 700; display: inline-block; width: 100%; margin: 0 0 10px 0; font-family: var(--title-font); } .campus-list .map-link.active { border-color: var(--purple-color); } .campus-list li .map-link.active span { color: var(--purple-color); } .campus-section .map-img { max-width: 100%; } .map-area.active { fill: var(--purple-color); fill-opacity: 0.4; } .map-pin.active path { fill: var(--purple-color); } .campus-list .map-link, .map-pin{ cursor: pointer; } /* personalities-testimonial */ .personalities-testimonial-section { overflow: hidden; } .personalities-testimonial-section .cards { background: #FFFFFF; border-radius: var(--radius-30); padding: 40px 50px 50px; text-align: center; justify-content: center; align-items: center; } .personalities-testimonial-section .cards .testimonial-details { margin-top: 40px; } .personalities-testimonial-section .cards .title { width: 100%; margin: 0 0 10px 0; } .personalities-testimonial-section .cards p { font-size: var(--font-30); font-family: var(--title-font); margin: 0;line-height: 1.6em; } .personalities-testimonial-section .cards span { font-size: var(--font-18); color: var(--purple-color); } .personalities-testimonial-section .personalities-img { margin-bottom: 30px; } .personalities-testimonial-section .personalities-img img { width: 180px; height: 180px; /* aspect-ratio: 116 / 116; */object-fit: cover; border-radius: var(--radius-10); } .personalities-slider .slick-list { overflow: visible; } .personalities-testimonial-section .slick-dots { bottom: -50px; } .personalities-slider .slick-slide .cards { opacity: 0.3; transform: scale(0.9); } .personalities-slider .slick-slide.slick-active .cards { opacity: 1; transform: scale(1); } /* cta start */ .cta-section { padding-bottom: calc(var(--gap) - 4px); } .cta-section .cta-container { color: var(--white-color); border-radius: var(--radius-40); position: relative; z-index: 1; height: 600px; display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; background: no-repeat right top/cover rgba(0, 0, 0, 0); overflow: hidden; } .cta-section .cta-container::before { content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 52.45%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); border-radius: inherit; transform: none; transition: all .5s ease; pointer-events: none; } .cta-section .title { color: var(--white-color); margin: 0; } .cta-section .cta-content-col p { margin: calc(var(--gap) + 6px) 0; font-size: var(--font-18); color: rgb(254 254 254 / 80%); } /* cta end */ /* impact start */ .cards-slider .slick-arrow { width: 40px; height: 40px; top: 40px; transform: none; -webkit-transform: none; left: auto; right: 44px; } .cards-slider .slick-prev { left: auto; right: 95px; } .impact-section { overflow: hidden; } .impact-section .achievement-grid { display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(2, 1fr); gap: 24px; padding: 0 20px; height: 800px; } .student-rank+.inspiration-slider-wrapper, .human-card+.learning-card { margin-top: var(--gap); } .impact-section .hero-video { height: 100%; width: 100%; object-fit: cover; } .impact-section .section-content .title {margin: 0;} .impact-section .title+.subtitle { margin-top: 30px; } .impact-section .card-box.student-card .items { width: 100%; padding: 0 16px 0 0; } .impact-section .card-box.student-card { padding: 40px; --gap: 20px;} .impact-section .student-card.card-box .items .title { margin: 20px 0 0 0; width: 100%; text-transform: none; font-weight: 400; line-height: 1.4; font-size: var(--font-24); } .impact-section .student-card .title { margin: 0 0 calc(var(--content-space-sm) + 2px) 0; } .impact-section .student-card p { font-size: var(--font-18); margin: 8px 0 0 0; line-height: 22px; } .impact-section .student-card .student-img, .personalities-testimonial-section .personalities-img { border-radius: 50%; position: relative; } .impact-section .student-card .student-img { width: 110px; height: 110px; } .impact-section .student-card .student-img img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; } .impact-section .student-card .icon { width: 40px; height: 40px; } .impact-section .student-card .icon svg{ width: 100%; height: 100%; } .impact-section .student-card.card-primary { background: rgba(196, 37, 38, 0.2); } .impact-section .student-card.card-primary .icon { color: #C42526; } .impact-section .student-card.card-primary .student-img { border: 5px solid #C42526; } .impact-section .student-card.card-secondary { background: rgba(238, 123, 0, 0.2); } .impact-section .student-card.card-secondary .icon { color: #EE7B00; } .impact-section .student-card.card-secondary .student-img { border: 5px solid #EE7B00; } .impact-section .card-box { padding: 40px; border-radius: var(--radius-20); } .impact-section .card-box .title { font-size: var(--font-22); text-transform: uppercase; line-height: 26px; width: 100%;} .impact-section .human-card.card-box >.title, .impact-section .inspiration-card >.title {margin-right: 104px;} .impact-section .cards-slider>.title { margin-right: 110px; } .impact-section .box1, .impact-section .box2 { grid-column: span 2; } .impact-section .box3 { grid-column: span 4; grid-row: span 2; } .impact-section .box4, .impact-section .box5, .impact-section .box6 { grid-column: span 4; } .inspiration-slider-wrapper .cards-slider, .human-card { position: relative; overflow: hidden; } .impact-section .impact-container .card-box { position: relative; } .impact-section .impact-container .cards-slider { position: static; } .impact-section .subtitle { max-width: 100%; } .achievement-grid-col { border-radius: 20px; padding: 0 !important; } .achievement-grid-col > * { width: 100%; height: 100%; } .achievement-grid-col:nth-child(1) { grid-column: 1 / span 1; grid-row: 1 / span 1; } .achievement-grid-col:nth-child(2) { grid-column: 2 / span 1; grid-row: 1 / span 1; } .achievement-grid-col:nth-child(3) { grid-column: 1 / span 2; grid-row: 2 / span 1; } .achievement-grid-col:nth-child(4) { grid-column: 3 / span 2; grid-row: 1 / span 2; } .achievement-grid-col:nth-child(5) { grid-column: 5 / span 2; grid-row: 1 / span 1; } .achievement-grid-col:nth-child(6) { grid-column: 5 / span 2; grid-row: 2 / span 1; } .impact-section .video-card .cms-video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .inspiration-video-link, .cms-video-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .inspiration-slider-wrapper:before { content: ""; display: block; position: absolute; right: 40px; height: 40px; width: 100px; background: var(--primary-color); z-index: 1; pointer-events: none; } .inspiration-slider-wrapper { background: var(--primary-color); color: #FFFFFF; margin-top: var(--gap); } .inspiration-card .title { font-size: var(--font-20); margin: 0 0 91px 0; } .inspiration-card .title-sm { margin: 0 0 30px 0; } .inspiration-card .quote { font-size: var(--font-30); margin: 0; color: #E9D176; font-family: var(--sanskrit-font);line-height: var(--content-line-height);} .inspiration-card .text { font-size: var(--font-24); margin: 20px 0 0 0;} .inspiration-card span { font-size: var(--font-18); display: inline-block; line-height: 22px; margin: 30px 0 0 0; } .inspiration-slider-wrapper .cards-slider .slick-slide { overflow: hidden; } .impact-section .video-card { position: relative; border-radius: var(--radius-20); height: 100%; overflow: hidden; } .impact-section .video-card .play-btn { width: 70px; height: 70px; color: #FFFFFF; pointer-events: none; } .impact-section .video-card img { width: 100%; } .gravity-pills-col { display: flex; flex-wrap: wrap; flex-direction: column; } .gravity-pills-col > * { width: 100%; } .gravity-pills-col .learning-card { flex: 1 1 0; } .human-card { background: var(--purple-color); color: #FFFFFF; } .human-card .stats { display: grid; grid-template-columns: 1fr 1fr; grid-template-columns: repeat(2, 1fr); gap: 30px; width: 100%; } .human-card .title { margin: 0 0 calc(var(--content-space-sm) + 12px ) 0; } .human-card .stats .title { font-size: var(--font-36); margin: 0 0 10px 0; line-height: 1.2;/*line-height: 36px;*/ } .human-card .stats .icon { margin: 0 0 10px 0; color: var(--secondary-color); } .human-card .stats .icon svg { height: 32px; width: 32px; display: block; } .human-card .stats-item { padding: 0px 0px 0px 20px; border-left: 1px solid rgba(254, 254, 254, 0.3); } .human-card .stats p { margin: 0; font-size: var(--font-16); color: rgb(254 254 254 / 80%);line-height: 1.2;} .learning-card { background: rgba(0, 158, 227, 0.2); } .learning-card .title { margin: 0 0 27px 0; } .tag-canvas { width: 100%; height: 50vh; border: 0; position: relative; overflow: hidden; } .tag-canvas .tag { position: absolute; display: inline-flex; justify-content: center; align-items: center; padding: 6px 12px; height: 40px; font-size: 14px; text-transform: uppercase; border-radius: 20px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); pointer-events: none; } .graviry-pill-canvas { width: 100%; position: relative; height: 167px; } .graviry-pill { position: absolute; display: inline-flex; justify-content: center; align-items: center; padding: 15px 20px; height: 49px; font-size: var(--font-16); font-weight: 500; text-transform: capitalize; color: var(--text-color); border-radius: 100px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); pointer-events: none; background: #FFFFFF; } .inspiration-slider-wrapper .cards-slider .owl-nav>button { background: var(--primary-color); } .human-card .cards-slider .owl-nav>button { top: -47%; } .learning-card.card-box { display: flex; flex-direction: column; justify-content: space-between; } /* impact end */ /* inner page start */ .community-personalities .cards p { display: -webkit-box; line-clamp: 4; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-transform: initial; } .feature-strip-style2 .feature-box { height: 108px; border-radius: var(--radius-20); -webkit-border-radius: var(--radius-20); background: linear-gradient(to bottom, var(--primary-color), #ffffff); } .feature-strip-style2 .feature-box:before { background: #F2E5E3; border-radius: calc(var(--radius-20) - 2px); -webkit-border-radius: calc(var(--radius-20) - 2px); } /*.feature-strip-style2 .feature-box { padding: 30px; border-radius: var(--radius-20); } .feature-strip-style2 .feature-box p { padding-right: 31px; font-size: var(--font-20); } */ .feature-strip-style2 .feature-box p { padding-right: 17px; font-size: var(--font-20); } .feature-strip-style2 .feature-box .icon { margin-right: 20px; width: 48px; height: 48px; } .stat-style2 .title { font-size: var(--font-24); color: var(--text-color); margin-top: 15px; } .stat-style2 p { margin: 20px 0 0 0; font-weight: 400; } .stat-style2 .icon { width: 48px; height: 48px; color: var(--primary-color); } .foundation-style3 { align-items: center; } .foundation-style3 .pillar-card { width: auto; } .foundation-style3>*:nth-child(1) .pillar-card { margin-right: 64px; } .foundation-style3>*:nth-child(2) .pillar-card { margin: 0 -64px; } .foundation-style3>*:nth-child(3) .pillar-card { margin-left: 64px; } .foundation-style3 p { min-height: 87px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .foundation-style3 .pillar-card .pillar-content { bottom: -108px; } .foundation-style3 .pillar-card .pillar-content p { opacity: 0; } /* .foundation-style3.pillars-wrapper>*:nth-child(odd) { margin: 95px 0; } */ .book_campus-section .contact-col { padding: 0 122px 0 0; } .book_campus-section .row-reverse .contact-col { padding: 0 0 0 122px; } .book_campus-section .img-col .image-badge { max-width: 100%; background: none; bottom: 0; right: 22px; left: 22px; z-index: 1; margin: 0; } .book_campus-section .img-col .image-badge>* { padding: 0 8px 30px 8px; } .book_campus-section .img-col .image-badge .stat-box { background: #FFFFFF; align-items: flex-start; align-content: flex-start; } .gallery+.section-content { margin-top: calc(var(--content-space) + 20px); } .gallery { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: auto; gap: 10px; border-radius: var(--radius-40); overflow: hidden; } .gallery-item { overflow: hidden; border-radius: 10px; grid-column: span 1; grid-row: span 1; } .row-span { grid-column: span 1; grid-row: span 2; } .col-span { grid-column: span 2; grid-row: span 1; } .gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: 0.4s ease; } .gallery-item .img::before { opacity: 0.1; } .gallery-item>* { height: 100%; } .founder-section .cards .personalities-img { width: auto; height: 250px; } .founder-section .cards .personalities-img img { width: 100%; height: 100%; border-radius: inherit; } .founder-section .cards .personalities-img.round-border { border-radius: 50%;} .founder-section .cards .personalities-img.round-border img { /* aspect-ratio: 250 / 250; */ object-fit: cover; border-radius: inherit; border: 10px solid var(--primary-color); } .founder-section .details { width: 100%; } .founder-section .details .title { margin: 0 0 15px 0; font-weight: 700;} .organisation-logo { width: 240px; height: 250px; } .organisation-logo img { width: 100%; height: 100%; /* aspect-ratio: 250 / 250; */ object-fit: cover; } .vision-mission-section .media-container { position: relative; z-index: -1; height: 1050px; border-radius: inherit; } .vision-mission-section .media-container img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-40);} .vision-mission-section .section-container {overflow: unset;} .founder-main { position: relative; overflow: hidden; } .founder-main>*, .founder-main .img-col, .founder-main .content-col { display: flex; flex-wrap: wrap; } .founder-main .content-col { padding: 0; margin-left: -54px; } .founder-main .img-col { padding: 0; margin-right: -54px; } .line-box { position: relative; } .line { background: #D5D4D4; position: absolute; left: 50%; } .vertical-line { bottom: 0; width: 2px; top: 0; padding: 0; margin-left: -1px; } .horizontal-line { top: 50%; transform: translateY(-50%); left: 57px; right: 57px; height: 2px; } .horizontal-line::before, .horizontal-line::after, .vertical-line::before, .vertical-line::after { content: ""; position: absolute; z-index: 1; width: 12px; height: 12px; border-radius: 50%; background: #D5D4D4; pointer-events: none; } .horizontal-line::before { top: -5px; left: 0px; } .horizontal-line::after { top: -5px; right: 0px; } .vertical-line::before { top: 0px; left: -5px; } .vertical-line::after { bottom: 0px; left: -5px; } .cards.card-main { gap: 15px; } .cards.card-main span { font-size: var(--font-18); } .cards.card-main, .founder-content .item { padding: 20px; background: rgba(255, 255, 255, 0.4); box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.02); backdrop-filter: blur(30px); border-radius: var(--radius-20); transition: 0.3s; } .founder-content { margin: 0 calc(var(--gap) * -0.5) calc(var(--gap) * -1); } .founder-content>* { padding: 0 calc(var(--gap) * .5) var(--gap); } .vision-wrapper .row>* + * { margin-top: 10px; } .founder-content .item .title { margin-bottom: 20px; font-weight: 700;} .founder-content .item p { font-size: var(--font-18); margin: 0; } .founder-content .item p+p { margin-top: 1rem; } .founder-content .item p span { color: var(--primary-color); } .vision-wrapper { margin-top: -80px; } .vision-wrapper .item { padding: 40px 80px; background: #FEFEFE; border-radius: var(--radius-20); } .vision-mission-section .item .title { margin: 0 0 30px 0; font-size: var(--font-18); text-transform: uppercase; } .vision-mission-section .item .quote { line-height: 1.4em;letter-spacing: -1px; font-family: var(--sanskrit-font); font-size: var(--font-30); margin: 0 0 10px 0; display: inline-block; font-weight: 400; } .vision-mission-section .item p { font-size: var(--font-20); margin: 0; } .vision-mission-section .item span { font-size: var(--font-18); display: inline-block; } .vision-mission-section .item p+span { margin: 30px 0 0 0; } .move-box { position: relative; overflow: hidden; } .vision-mission-section .media-container { display: flex; justify-content: center; align-items: flex-end; overflow: hidden; } .branch-page .only-content-section .ellipse-circle.ellipse-left { bottom: -74%; } .development-section .section-container, .cms-content-section .section-container { border-radius: var(--radius-20); background: rgba(255, 255, 255, 0.4); box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.02); backdrop-filter: blur(30px); } .edu-container+.edu-container { margin-top: var(--section-space); } .edu-container .section-content .title { font-weight: 400; } .edu-container .section-content { margin-bottom: var(--content-space-sm); } .edu-container .pillar-card .pillar-content { padding: 0 22px 50px 50px; } .edu-container .pillar-card .pillar-content .title { font-weight: 400; line-height: 1.8em;} .child-dev { margin-top: var(--gap); } .child-dev .section-content { margin-bottom: calc(var(--content-space-sm) - 20px); max-width: 100%; } .list-groups { gap: 30px 80px; margin-bottom: 0; display: flex; flex-wrap: wrap; font-size: var(--font-18); color: var(--text-color); padding: 0; } .list-groups li { /* width: 29.6%; min-width: 386px; */ line-height: 1.8em;flex: 0 0 calc(33.333% - 84px); border-left: 2px solid var(--primary-color); padding-left: 20px; display: flex; flex-wrap: wrap; } .value-system-section .quote+p { margin: 10px 0 0 0; font-size: var(--font-20); } .value-system-section .quote { font-size: var(--font-30); font-family: var(--sanskrit-font); } .blog-container .row { margin-bottom: calc(var(--content-space-sm) * -1); justify-content: center; } .blog-container .row>* { padding-bottom: var(--content-space-sm); } .blog-section { padding-top: var(--content-space-sm); } .blog-section .shorting-container { margin-bottom: var(--content-space-sm); } .blog-section .blog-item { width: 100%; overflow: hidden; } .blog-item .content { padding: 30px 30px 0 0; } .blog-item .title { font-size: var(--font-24); font-weight: 700; line-height: 1.4em; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-transform: initial; } .blog-item .title+p{margin: var(--gap) 0 0 0;} .blog-item p { font-size: var(--font-18); margin: 0; color: var(--text-color); display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-transform: initial; } .blog-img { position: relative; display: block; overflow: hidden; width: 100%; border-radius: var(--radius-20); } .blog-img::before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: #000; opacity: .1; border-radius: inherit; transform: none; transition: all .5s ease; pointer-events: none; } .blog-img img { border-radius: inherit; width: 100%; transition: all 2s ease; transform: scale(1); aspect-ratio: 480 / 370; } .blog-date { font-size: var(--font-16); font-weight: 400; text-transform: capitalize; color: rgb(238 123 0 / 80%); display: inline-block; } .blog-date span { color: rgb(43 42 41 / 50%); font-weight: 500; position: relative; padding-left: 34px; display: inline-block; } .blog-date span::before { content: ""; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background: rgb(43 42 41 / 30%); border-radius: 50%; pointer-events: none; } .blog-item .blog-date { margin: 0 0 15px 0; } .blog-img-wrapper { position: relative; } .blog-img-wrapper .blog-link { display: none; position: absolute; bottom: var(--gap); right: var(--gap); width: 50px; height: 50px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: #FFFFFF; transition: all .5s ease; -webkit-transition: all .5s ease; } .blog-cards.blog-cards-btn .blog-item .content { padding: 40px 40px calc(var(--btn-height) + 80px) 40px; position: relative; } .blog-section .ellipse-triangle { bottom: 36%; } .blog-section .ellipse-circle { bottom: 34%; } .blog-style2 .blog-item { padding: 20px; background: #FEFEFE; border-radius: 36px; width: 100%;} .blog-style2 .blog-item .content { padding-top: 20px; } .blog-style2 .blog-item p { line-clamp: 3; -webkit-line-clamp: 3; } .tag-title { position: absolute; top: 0; left: 0; margin: 15px 0 0 15px; padding: 10px 14px 8px; font-size: var(--font-14); line-height: 14px; text-transform: uppercase; background: rgba(0, 0, 0, 0.3); color: rgb(254 254 254 / 80%); color: rgb(255 255 255 / 80%); backdrop-filter: blur(25px); border-radius: var(--radius-20); transition: 0.3s; display: inline-block; } .content-block .img-col, .content-block .contact-col { padding: 0; width: 100%; overflow: hidden; } .content-block .row { --gap: 20px} .content-block .row>* { display: flex; flex-wrap: wrap; } .content-block .img { display: block; width: 100%; border-radius: inherit; } .content-block .img::before { opacity: 0.1; } .content-block .img img { width: 100%; height: 100%; } .content-block .contact-col { padding: 109px 220px 108px 124px; } .content-block .contact-col .content-sm, .contact-col .title { width: 100%; } .process-steps { position: relative; --gap: 20px;} .process-steps .icon { width: 192px; height: 192px; border-radius: 50%; margin: 0 auto; background: #FFFFFF; border-radius: 500px; border: 3px solid; position: relative; box-shadow: inset 0 0 0 18px #FFFFFF; } .process-steps>*:nth-child(1) .icon { border-color: var(--primary-color); color: var(--primary-color); background: rgb(196 37 38 / 15%); } .process-steps>*:nth-child(2) .icon { border-color: var(--purple-color); color: var(--purple-color); background: rgb(47 37 131 / 15%); } .process-steps>*:nth-child(3) .icon { border-color: var(--skyblue-color); color: var(--skyblue-color); background: rgb(0 158 227 / 15%); } .process-steps>*:nth-child(4) .icon { border-color: var(--green-color); color: var(--green-color); background: rgb(51 148 140 / 15%); } .process-steps>*:nth-child(5) .icon { border-color: var(--secondary-color); color: var(--secondary-color); background: rgb(238 123 0 / 15%); } .process-steps .icon svg { width: 46px; height: 46px; } .process-steps .content { padding: 20px 10px 0; } .process-steps .title { margin: 0 0 20px 0; } .process-steps p { font-size: var(--font-18); margin: 0; } .process-line { margin-top: var(--content-space); } .process-line svg { width: 100%; height: 100%; } .run-line { stroke-dasharray: 8 8; animation: moveRoad 2s linear infinite; } @keyframes moveRoad { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -32; /* speed + direction */ } } .process-section .ellipse-triangle { bottom: -56%; transform: translateX(-22%); } .process-section .ellipse-circle { bottom: -60%; } .value-svg svg { margin: 0 auto; } .activity-container .slider-col { width: 61.378%; } .activity-container .card-col { flex: 1 1 0; } .msg-container { padding: 40px; background: rgba(255, 255, 255, 0.6); box-shadow: 0px 20px 100px rgba(0, 0, 0, 0.1); backdrop-filter: blur(30px); border-radius: var(--radius-40); } .msg-container .row { margin: 0; } .msg-container .row>* { width: 49.9995%; } .msg-container .img-col { padding: 0; } .msg-container .content-col { padding: 0 0 0 120px; } .msg-container .row.row-reverse .content-col { padding: 0 80px 0 40px; } .msg-section .title { margin: 0; } .msg-section .cms-content { margin: 37px 0; font-size: var(--font-22); line-height: 1.19em; } .msg-section .cms-content p + p { margin-top: 1.19em; } .msg-section .title-name { font-family: var(--title-font); font-weight: 700; font-size: var(--font-24); } .msg-section .img-msg { box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.02); border-radius: var(--radius-20); } .msg-section .img-msg img, .student-achievement-section .student-img img { border-radius: inherit; object-fit: cover; } .student-achievement-section .student-img { padding: 18px; border-radius: 50%; -webkit-border-radius: 50%; position: relative; } .student-achievement-section .top-student > *:nth-child(1) .student-img { padding: 23px; } .student-achievement-section .student-item .student-img::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/svg/border.svg) no-repeat 0 0 / cover rgba(0, 0, 0, 0); } .student-achievement-section .student-item .content { width: 100%; margin: 8px 0 0 0; text-align: center; } .student-achievement-section .student-item .title { font-size: var(--font-18); color: #FEFEFE; margin: 0; } .student-achievement-section .student-item p { margin: 2px 0 0 0; font-size: var(--font-13); color: #FEFEFE;} .student-achievement-section .top-student { margin-bottom: var(--content-space-sm); } .student-achievement-section .top-student .student-item .title { font-size: var(--font-24); } .student-achievement-section .top-student .student-item p { font-size: var(--font-18); margin: 10px 0 0 0; } .student-achievement-section .student-rank { /* display: grid; grid-template-columns: repeat(8, 1fr); */ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px 15px; max-width: 1417px; margin: 0 auto; } .student-achievement-section .student-rank .student-item { width: 11.574%; display: flex; flex-wrap: wrap; } .student-achievement-section .badge-star { position: absolute; top: -10px; right: 25%; } .student-achievement-section .student-img .star { position: absolute; top: 0; right: -21%; } .student-achievement-section .top-student .star { width: 7.5em; height: 7.5em; } .student-achievement-section .top-student>*:nth-child(2) .star { width: 9.723em; height: 9.723em; } .student-achievement-section .student-rank .student-img { padding: 12px; } .top-student .student-item { position: relative; padding: 0 24px; } .top-student-pr { display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; position: absolute; right: -24px; top: -5px; background: url(../images/svg/result-star.svg) no-repeat 0 0 / cover transparent; width: 135px; height: 131px; z-index: 1; padding: 0 0 14px 0; } .top-student-pr-count { width: 100%; font-size: var(--font-22); font-weight: 700; line-height: 1.2; color: rgb(43 42 41 / 80%); } .top-student-pr-label { width: 100%; font-size: var(--font-12); font-weight: 700; line-height: 1.2; color: rgb(43 42 41 / 80%); margin-top: -0.4em; } .top-student .student-item:nth-child(1) .top-student-pr { right: -32px; top: -5px; width: 162px; height: 156px; background-image: url(../images/svg/result-star-large.svg); padding: 0 0 6px 0; } .top-student .student-item:nth-child(1) .top-student-pr-count { font-size: var(--font-28); } .top-student .student-item:nth-child(1) .top-student-pr-label { font-size: var(--font-16); } .top-student .student-item:nth-child(1) .content, .top-student .student-item:nth-child(3) .content { margin-top: 14px; } .top-student .student-item:nth-child(1) { order: 2; } .top-student .student-item:nth-child(2) { order: 1; } .top-student .student-item:nth-child(3) { order: 3; } .events-container .blog-cards { padding: 0 65px; } .events-page .blog-section { position: relative; overflow: hidden; } .blog-img a { display: block; } .blog-section .blog-link { position: absolute; bottom: 0; right: 0; z-index: 1; width: 70px; height: 70px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: #FFFFFF; background: rgba(47, 37, 131, 0.3); backdrop-filter: blur(25px); border-radius: var(--radius-20) 0; transition: all .5s ease; -webkit-transition: all .5s ease; } /* inner page end */ .event-row { display: flex; flex-wrap: wrap; margin: 0 -20px; } .large-event-col { padding: 0 20px; width: 62.5%; } .small-event-col { padding: 0 20px; width: 37.5%; } .large-event-category { display: inline-block; vertical-align: top; background: linear-gradient(90deg, rgba(196, 37, 38, 0.4) 0%, rgba(196, 37, 38, 0) 100%); border-left: 2px solid #C42526; padding: 8px 40px 5px 15px; font-size: var(--font-16); font-weight: 500; color: rgba(255,255,255,0.8); } .large-event-content { position: absolute; left: 40px; bottom: 40px; background: rgba(43, 42, 41, 0.4); backdrop-filter: blur(25px); border-radius: 15px; padding: 30px; width: 486px; } .large-event { position: relative; } .large-event-title { font-size: var(--font-36); font-weight: 700; line-height: 1.2; margin: 10px 0 0 0; } .large-event-title a { color: #fff; } .large-event-desc { margin: 30px 0 0 0; font-size: var(--font-18); font-weight: 400; color: rgba(255, 255, 255, 0.8); display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .large-event-img { display: block; position: relative; border-radius: var(--radius-20); -webkit-border-radius: var(--radius-20); } .large-event-img:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); border-radius: inherit; -webkit-border-radius: inherit; } .large-event-img img { width: 100%; border-radius: inherit; -webkit-border-radius: inherit; } .large-event-slider .slick-arrow { width: 70px; height: 70px; background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(25px); border-radius: 15px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; right: auto; left: 536px; top: auto; transform: none; -webkit-transform: none; } .large-event-slider .slick-arrow svg { width: 44px; height: 44px; } .large-event-slider .slick-arrow.slick-prev { bottom: 119px; } .large-event-slider .slick-arrow.slick-next { bottom: 39px; } .small-event .btn { min-width: auto; margin: 22px 0 0 0; gap: 0; } .small-event .btn span { width: auto; height: auto; } .small-event .btn svg { width: 10px; height: 10px; margin-left: 5px; } .small-event { display: flex; flex-wrap: wrap; align-items: center; padding: 10px; background: #FEFEFE; box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); border-radius: var(--radius-20); -webkit-border-radius: var(--radius-20); margin-bottom: 30px; } .small-event-img { border-radius: var(--radius-10); -webkit-border-radius: var(--radius-10); display: block; position: relative; width: 42.425%; } .small-event-img img { border-radius: inherit; -webkit-border-radius: inherit; width: 100%; } .small-event-img:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.1); border-radius: inherit; -webkit-border-radius: inherit; } .small-event-content { flex: 1 1 0; padding: 0 0 0 30px; } .small-event-title { font-size: var(--font-18); font-weight: 700; margin: 15px 0 0 0; line-height: 1.2em; height: 2.4em; } .small-event-title a { color: var(--text-color); display: inline-block; vertical-align: top; display: -webkit-inline-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .small-event-date { line-height: var(--content-line-height);font-size: var(--font-14); font-weight: 500; color: var(--primary-color); margin: 0; text-transform: uppercase; } .all-event-btn { gap: 0; width: 100%; } .all-event-btn svg { width: 13px; height: 13px; margin-left: 15px; } .all-event-btn span { width: auto; height: auto; } .book_campus-section .img { display: block; width: 100%; border-radius: var(--radius-30); } .book_campus-section .stat-box .title { font-size: var(--font-24); color: var(--text-color); margin-top: 15px; } .book_campus-section .stat-box p { margin: 20px 0 0 0; } .book_campus-section .stat-box { border-radius: var(--radius-10); } .cms-content > * { margin-bottom: 0; } .cms-content > *:first-child { margin-top: 0; } .cms-content p + p { margin-top: 1.2em; } .cms-content ul + p { margin-top: 1.2em; } * { outline: none; } .hero-banner .banner-style2 .media-container:after { display: none; } .hero-banner .banner-style2 .media-container:before { background: linear-gradient(to bottom, rgba(254, 211, 234, 0.9) 0%, rgba(253, 237, 182, 0.9) 30%, rgba(161, 219, 248, 0.9) 60%, rgba(129, 156, 225, 0.9) 100%); } .hero-banner .banner-style2 .banner-wrapper .hero-text { margin: 0; } .value-system-title { font-family: var(--title-font); fill: #fff; font-weight: 700; font-size: 36px; pointer-events: none; } .value-system-subtitle { font-family: var(--content-font); fill: #fff; font-weight: 400; font-size: 18px; pointer-events: none; } .value-system-sub-title { font-family: var(--title-font); fill: #fff; font-weight: 700; font-size: 20px; pointer-events: none; } .value-system-sub-text { font-family: var(--content-font); fill: #2B2A29; font-weight: 400; font-size: 18px; } .value-system-sub-shape path { stroke-width: 3px; fill: var(--gradient); cursor: pointer; } .value-system-sub-shape.active path { stroke: var(--gradient); fill: #fff; } .value-system-sub-shape.active .value-system-sub-title { fill: #2B2A29; } .value-system-circle ellipse { fill: var(--gradient); cursor: pointer; } .value-system-icon { stroke: #fff; pointer-events: none; } .dotted-line, .border-line { fill: var(--color); } .value-system-blue { --gradient: url(#gradient-blue); --color: #333c94; } .value-system-red { --gradient: url(#gradient-red); --color: #c45643; } .value-system-green { --gradient: url(#gradient-green); --color: #33948c; } .value-system-container { position: relative; } .value-system-container svg { margin-left: -42px; } .value-system-sub, .dotted-line, .border-line { display: none; transition: none; } .education-section.purple .pillar-card:before { background: linear-gradient(180deg, rgba(51, 60, 148, 0) 52.12%, rgba(51, 60, 148, 0.85) 80.85%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } .education-section.green .pillar-card:before { background: linear-gradient(180deg, rgba(51, 148, 140, 0) 52.12%, rgba(51, 148, 140, 0.85) 80.85%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } .education-section.light-red .pillar-card:before { background: linear-gradient(180deg, rgba(196, 86, 67, 0) 52.12%, rgba(196, 86, 67, 0.85) 80.85%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } .education-section.purple { --color: var(--purple-color); } .education-section.green { --color: var(--green-color); } .education-section.orange { --color: var(--secondary-color); } .education-section.light-red { --color: var(--primary-color-light); } .education-section .title-1 { font-size: var(--font-40); color: var(--color); font-weight: 400; } .education-section .title-1 span { display: inline; font-size: var(--font-60); color: var(--color); font-weight: 500; } .education-section .whychoose { margin-bottom: -40px; } .education-section .whychoose > * { padding-bottom: 62px; } .education-section .icon svg { width: 40px; height: 40px; } .education-section .whychoose .item { padding: 0 2px 0 0; } .content-block .img-col { display: flex; flex-wrap: wrap; } .faq-section .section-content { margin-bottom: var(--content-space-sm); } .timeline { position: relative; padding: 60px 0; } .timeline:after { content: ""; display: block; clear: both; } .timeline:before { content: ""; position: absolute; top: 0; left: 50%; z-index: 1; width: 6px; width: 12px; height: 100%; background: #e0e0e0; border-radius: 40px; transform: translateX(-50%); pointer-events: none; } .timeline-item { position: relative; width: 50%; left: 0; padding: 0 135px 0 0; float: left; margin-top: var(--section-space); } .timeline-item:nth-child(even) { padding: 0 0 0 135px; float: right; } .timeline-item:nth-child(1) { margin-top: 50px; } .timeline-item:nth-child(2) { margin-top: 250px; } .timeline-date { position: absolute; right: 16px; top: 50px; width: 80px; text-align: center; text-transform: uppercase; font-size: var(--font-16); display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; } .timeline-item:nth-child(even) .timeline-date { left: 16px; right: auto; } .timeline-item .timeline-date:before { content: ""; position: absolute; left: -24px; top: calc((var(--font-50) * 1.2) - 5px); z-index: 1; width: 10px; height: 10px; border-radius: var(--radius-circle); background: #D5D4D4; pointer-events: none; } .timeline-item:nth-child(even) .timeline-date::before { right: -24px; left: initial; } .timeline-item .timeline-date:after { content: ''; position: absolute; top: calc((var(--font-50) * 1.2) - 1px); left: auto; right: -16px; width: 115px; height: 2px; background: #D5D4D4; } .timeline-item:nth-child(even) .timeline-date::after { left: -16px; right: auto; } .timeline-date .day { font-size: var(--font-50); font-family: var(--title-font); font-weight: 700; display: inline-block; } .timeline-date span { display: inline-block; } .timeline-date .date { font-weight: 500; width: 100%; margin-top: 10px; } .timeline-item:nth-child(5n+1) .timeline-date { color: var(--primary-color); } .timeline-item:nth-child(5n+2) .timeline-date { color: var(--purple-color); } .timeline-item:nth-child(5n+3) .timeline-date { color: var(--skyblue-color); } .timeline-item:nth-child(5n+4) .timeline-date { color: var(--green-color); } .timeline-item:nth-child(5n) .timeline-date { color: var(--secondary-color); } .timeline-item:nth-child(5n+1) .timeline-date::before, .timeline-item:nth-child(5n+1) .timeline-date::after { background: var(--primary-color); } .timeline-item:nth-child(5n+2) .timeline-date::before, .timeline-item:nth-child(5n+2) .timeline-date::after { background: var(--purple-color); } .timeline-item:nth-child(5n+3) .timeline-date::before, .timeline-item:nth-child(5n+3) .timeline-date::after { background: var(--skyblue-color); } .timeline-item:nth-child(5n+4) .timeline-date::before, .timeline-item:nth-child(5n+4) .timeline-date::after { background: var(--green-color); } .timeline-item:nth-child(5n) .timeline-date::before, .timeline-item:nth-child(5n) .timeline-date::after { background: var(--secondary-color); } .timeline-item .blog-item { position: relative; } .load-more-container { width: 100%; float: left; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .load-more { width: 80px; height: 80px; padding: 0; border-radius: var(--radius-circle); background: #FFFFFF; box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.2); z-index: 2; } .top-ellipse .ellipse { bottom: unset; top: 12%; } .bottom-ellipse .ellipse { bottom: 12%; } .events-page .blog-section { position: relative; overflow: hidden; } .event-banner .banner-wrapper { padding-bottom: calc( var(--section-space-sm) - 10px); position: relative; overflow: hidden; } .event-banner .banner-wrapper::before { content: ""; position: absolute; top: 0; left: 0; z-index: -1; height: 66.76%; width: 100%; background: linear-gradient(0deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)); } .event-banner .banner-wrapper::after { content: ""; position: absolute; top: 0; left: 0; z-index: -2; height: 66.76%; width: 100%; background: url(../images/bg-1880x770.jpg) no-repeat 0 0 / cover; } .event-banner .img { margin-top: var(--section-space-sm); border-radius: var(--radius-20); } .event-banner .tag-title { padding: 10px 15px 8px; margin: 0 15px 20px 0; background: rgb(254 254 254 / 80%); backdrop-filter: blur(30px); border-radius: var(--radius-100); font-size: var(--font-14); font-weight: 500; line-height: 1.2; text-transform: capitalize; color: var(--text-color); transition: 0.3s; display: inline-block; position: static; } .event-banner .tag-title.banner-tag2 { border: 1px solid var(--text-color); background: transparent; } .events_detail-page .container-md { max-width: 1244px; } .event-banner .title { margin: 0; } .event-btn .btn { height: 72px; min-width: 240px; padding: 0 33px; background: linear-gradient(180deg, #C42526 0%, #FFFFFF 100%); border: 0; border-radius: var(--radius-100); position: relative; z-index: 1; transition: all .5s ease; font-weight: 500; } .event-btn .btn::before { content: ""; position: absolute; top: 2px; left: 2px; right: 2px; bottom: 0; z-index: -1; border: 2px; background: #f2e5e3; border-radius: inherit; pointer-events: none; } .event-btn .btn svg { color: var(--primary-color); } .related-event-slider .blog-link { position: absolute; bottom: 0; right: 0; z-index: 1; width: 70px; height: 70px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: #FFFFFF; background: rgba(47, 37, 131, 0.3); backdrop-filter: blur(25px); border-radius: var(--radius-20) 0; transition: all .5s ease; -webkit-transition: all .5s ease; } /* .related-event-slider .slick-list { overflow: visible; } */ .related-event-slider .slick-track, .related-event-slider .item { display: flex; flex-wrap: wrap; } .related-event-slider .slick-track:before, .related-event-slider .slick-track:after { display: none; } .event-details-gallery { display: grid; grid-template-columns: auto auto; gap: 10px; } .event-details-gallery img { border-radius: var(--radius-20); } .event-details-gallery:has(a) { grid-template-columns: auto auto auto; } .stat-style3 { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gap); padding: 0; } .stat-style3 .stat-box { background: rgba(254, 254, 254, 0.6); justify-content: flex-start; align-content: flex-start; margin: 0; } .stat-style3 .stat-box .icon { width: 40px; height: 40px; display: inline-flex; justify-content: flex-start; color: var(--primary-color); } .stat-style3 .stat-box .icon+p { font-size: var(--font-22); margin-top: 20px; } .event-details-content ul { list-style-type: none; padding: 0; margin: 0; text-align: left; } .event-details-content ul li { position: relative; padding: 0 0 0 30px; font-size: var(--font-18); font-weight: 400; line-height: 22px; color: var(--text-color); } .event-details-content ul li:before { content: ""; display: block; position: absolute; left: 0; top: 1px; background: url(../images/svg/bullet1.svg) no-repeat 0 0 / cover rgba(0, 0, 0, 0); width: 20px; height: 20px; pointer-events: none; } .event-details-content ul li + li { margin-top: 20px; } .event-details-content ol li::marker { font-weight: 500; } .event-details-content ol { padding-left: 20px; } .event-details-content ol li { font-size: var(--font-18); font-weight: 400; line-height: 22px; color: var(--text-color); } .event-details-content ol li + li { margin-top: 20px; } .event-details-content strong { font-weight: 500; } .event-details-content > * { margin-bottom: 0; } .event-details-content > *:first-child { margin-top: 0; } .event-details-content :is(p+p) { margin-top: 1.2em; } .event-details-content :is(h4 + p, .h4 + p, h4 + ul, .h4 + ul) { margin-top: 24px; } .event-details-content :is(h4, .h4, blockquote, .event-details-gallery, .event-btn) { margin-top: 70px; } .event-details-content :is(.stat-style3, p + ul, p + ol) { margin-top: 40px; } .event-details-content blockquote { font-size: var(--font-36); color: var(--text-color); font-family: var(--title-font); font-weight: 400; line-height: 1.2; position: relative; padding: 30px; border-radius: var(--radius-20); background: rgba(254, 254, 254, 0.6); backdrop-filter: blur(30px); } .event-details-content blockquote:before { content: ""; display: block; position: absolute; left: 0; top: 30px; bottom: 30px; width: 3px; background: var(--primary-color); } .event-details-content blockquote p { margin: 0; } .cta-center { justify-content: center; text-align: center; } .cta-center .btn-group { justify-content: center; } .cta-right { justify-content: flex-end; text-align: right; } .cta-right .btn-group { justify-content: flex-end; } .content-block .content-block-style2 { --gap: 23px } .content-block .content-block-style2 .img-col, .content-block .content-block-style2 .content-col { display: flex; flex-wrap: wrap; padding: 0; width: 100%; overflow: hidden; } .content-block .content-block-style2 .content-col { padding: 109px 220px 108px 124px; padding: 162px 100px 161px 220px; background: rgba(47, 37, 131, 0.6); position: relative; } .content-block .content-block-style2 .content-col::after { content: ""; position: absolute; top: 0; left: 0; z-index: -1; mix-blend-mode: luminosity; height: 100%; width: 100%; background: url(../images/bg-806x650.jpg) no-repeat 0 0 / cover; } .content-block .content-block-style2 .img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; } .content-block .content-block-style2 .title { width: 100%; } .stats-section .subtitle { max-width: 100%; } .stats-section .items { padding: 0 20px; width: 100%; text-align: center; align-items: flex-start; align-content: flex-start; } .stats-section .counter-number { font-size: var(--font-55); font-weight: 700; font-family: var(--title-font); } .stats-section .counter-number > * { font-family: inherit; font-size: inherit;} .stats-section .items .title { margin: 0; } .stats-section .items p { font-size: var(--font-18); color: var(--text-color); margin: 0; width: 100%; font-weight: 500; margin-top: 15px; line-height: var(--content-line-height);} .stats-section .row { justify-content: center; } .stats-section .section-content { margin-bottom: var(--content-space-sm); } .admission_process-section .items { padding: 20px; background: rgba(196, 37, 38, 0.1); border-radius: var(--radius-20); width: 100%; } .admission_process-section .items .content { flex: 1 1 0; padding-left: var(--gap); } .admission_process-section .items .title { margin: 0 0 20px 0; } .admission_process-section .items p { margin: 0; font-size: var(--font-18); } .admission_process-section .items .icon { background: rgb(254 254 254 / 50%); border-radius: var(--radius-10); width: 150px; height: 150px; color: var(--primary-color); align-self: flex-start; } .admission_process-section .ellipse-triangle { bottom: -62%; } .admission_process-section .ellipse-circle { bottom: -60%; } .admission_process-section .section-content { margin-bottom: var(--content-space-sm); } .admission_process-section .items .icon svg { width: 64px; height: 64px; } .cms-content-section .cms-img.cms-video img { position: static; height: auto; } .cms-content-section .img-col, .full-video-content-section .img-col { padding: 0; } .cms-content-section .img { border-radius: var(--radius-30); } /* .cms-content-section .cms-video:after, .full-video-content-section .cms-video.cms-video:after { content: ""; display: block; position: absolute; width: 70px; height: 70px; bottom: 34px; right: 34px; background: url("data:image/svg+xml, %3csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.4634 15.0032C20.866 14.7878 21.3546 14.8118 21.7344 15.0651L36.5916 24.9698C36.936 25.1995 37.1429 25.586 37.1429 26C37.1429 26.4139 36.936 26.8005 36.5916 27.0301L21.7344 36.9349C21.3546 37.1881 20.866 37.2121 20.4634 36.9968C20.0609 36.7813 19.8096 36.3614 19.8096 35.9047V16.0952C19.8096 15.6386 20.0609 15.2186 20.4634 15.0032ZM22.2858 33.5911L33.6724 26L22.2858 18.4079V33.5911Z' fill='%23FEFEFE'%3e%3c/path%3e%3cpath d='M49.5238 26C49.5238 13.0082 38.9918 2.47619 26 2.47619C13.0082 2.47619 2.47619 13.0082 2.47619 26C2.47619 38.9918 13.0082 49.5238 26 49.5238C38.9918 49.5238 49.5238 38.9918 49.5238 26ZM52 26C52 40.3594 40.3594 52 26 52C11.6406 52 0 40.3594 0 26C0 11.6406 11.6406 0 26 0C40.3594 0 52 11.6406 52 26Z' fill='%23FEFEFE'%3e%3c/path%3e%3c/svg%3e") no-repeat 0 0 / cover transparent; z-index: 2; pointer-events: none; } */ .cms-content-section .content-col { padding: 0 0 0 56px; } .cms-content-section .row-reverse .content-col { padding: 0 56px 0 0; } .academic-section .section-center { max-width: 680px; } .academic-section .img { border-radius: var(--radius-circle); margin: 0 auto; } .academic-section .img img { width: 100%; aspect-ratio: 342 / 342; object-fit: cover; } .academic-section .item .content { padding: 20px 15px 0; } .academic-section .item .title { margin: 0 0 20px 0; } .academic-section .item p { margin: 0; } .academic-section .ellipse-left { bottom: 57%; transform: translateX(-10%); } .academic-section .ellipse-right { bottom: 45%; } .academic-section .row { margin-bottom: -40px; } .academic-section .row > * { padding-bottom: 40px; } .academic-section .section-container { background: rgba(255, 255, 255, 0.4); border-radius: var(--radius-20); -webkit-border-radius: var(--radius-20); box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.02); -webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.02); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); padding: var(--content-space) 0; } .steps-content-section .list-col .row { --gap: 20px;} .list-items { padding: 30px; gap: var(--gap); background: rgba(254, 254, 254, 0.6); border: 1px solid rgba(43, 42, 41, 0.2); border-radius: var(--radius-20); display: flex; flex-wrap: wrap; width: 100%; } .list-items .number { width: 3.375rem; height: 3.375rem; font-size: var(--font-24); font-family: var(--title-font); font-weight: 700; border-radius: var(--radius-circle); background-color: var(--green-color); color: #fff; display: inline-flex; align-items: center; justify-content: center; } .list-items .content { flex: 1 1 0; } .list-items .title { margin: 0 0 20px 0; font-weight: 700;} .list-items .text,.list-items p, .team-slider .content p { margin: 0; } .steps-content-section .list-col { padding: 0 6px 0 0; } .team-slider .item {width: 100%;height: 100%;} .team-slider .content { padding: 20px 0 0; width: 100%; } .team-slider .item .img_slide { border-radius: var(--radius-20); position: relative; overflow: hidden; width: 100%;display: block;} .team-slider .item .img_slide img { border-radius: inherit; } .team-slider .item .img_slide:after { content: ""; position: absolute; left: 50%; top: 50%; width: 50%; height: 50%; background: #000; opacity: 0; pointer-events: none; border-radius: inherit; -webkit-border-radius: inherit; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: all .5s ease; -webkit-transition: all .5s ease; } .team-slider .content .title { margin: 0 0 10px 0; } .team-section .slider-container { padding-bottom: 0; } .whyus-section .whyus-container { position: relative; overflow: hidden; padding: var(--section-space-sm); border-radius: var(--radius-40); } .whyus-section .whyus-container::before { content: ""; position: absolute; top: 0; left: 0; z-index: -1; height: 100%; width: 100%; border-radius: inherit; background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)); pointer-events: none; } .whyus-section .whyus-container::after { content: ""; position: absolute; top: 0; left: 0; z-index: -2; height: 100%; width: 100%; border-radius: inherit; background: url(../images/bg-1440x943.jpg) no-repeat 0 0 / cover; pointer-events: none; } .whyus-section .title+.btn-group { margin-top: 50px; } .whyus-section .list-items { padding: 20px; background: #FEFEFE; box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1); border: 0; } .whyus-section .list-col .row { justify-content: center; } .nav-tabs { margin: 0 auto; row-gap: 50px; padding: 15px; margin-top: 20px; border: 0; background: #FEFEFE; border-radius: 100px; display: inline-flex; vertical-align: top; } .nav-tabs .nav-item { font-weight: 500; font-size: var(--font-18); line-height: 1.2; text-transform: capitalize; color: var(--text-color); } .nav-tabs .nav-item + .nav-item { margin-left: 10px; } .nav-tabs .nav-item .nav-link { padding: 15px 20px; background: rgba(43, 42, 41, 0.05); border-radius: var(--radius-100); border: 0; width: 100%; color: inherit; transition: all .5s ease; -webkit-transition: all .5s ease; } .nav-tabs .nav-item .nav-link.active { color: #FFFFFF; background: var(--purple-color); } .creative-tab-section .item { padding: 15px; background: #FEFEFE; border-radius: 32px; } .creative-tab-section .item>* { width: calc(50% - 5px); } .creative-tab-section .item .content { flex: 1 1 0; padding: 10px 0 10px 20px; align-items: flex-start; align-content: flex-start; } .creative-tab-section .item .img { border-radius: 18px; } .creative-tab-section .item .img img { width: 100%; height: 100%; } .creative-tab-section .item .title { margin: 0 0 20px 0; font-size: var(--font-22); } .creative-tab-section .item p { font-size: var(--font-16); margin: 0; display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-transform: initial; } .creative-tab-section .ellipse-triangle { bottom: -37%; } .creative-tab-section .ellipse-circle { bottom: -45%; } .cms-img.cms-iframe { border-radius: var(--radius-20); position: relative; overflow: hidden; } .cms-img.cms-iframe::before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(319.66deg, rgba(0, 0, 0, 0.3) 0.43%, rgba(0, 0, 0, 0) 20.43%); border-radius: inherit; transform: none; transition: all .5s ease; pointer-events: none; } .rotate-btn { cursor: pointer; position: absolute; z-index: 2; bottom: 30px; right: 30px; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; } .rotate-btn svg, .rotate-btn img { width: 100%; height: 100%; } .cards-section .section-content { margin-bottom: var(--content-space-sm); } .cms-content-section .cms-img-circle { border-radius: 50% !important; } .cms-content-section .cms-img-circle img { aspect-ratio: 1; } .cms-content-section .img-col:has(.cms-img-circle), .cms-content-section:has(.cms-img-circle) .row-reverse .content-col { padding: 0 28px 0 0; } .cms-content-section .row-reverse .img-col:has(.cms-img-circle), .cms-content-section:has(.cms-img-circle) .content-col { padding: 0 0 0 28px; } .cms-content-section .cms-content ul { list-style-type: none; padding: 0; margin: 0; text-align: left; } .cms-content-section .cms-content ul li { position: relative; padding: 0 0 0 30px; font-size: var(--font-18); font-weight: 400; line-height: 22px; color: var(--text-color); } .cms-content-section .cms-content ul li:before { content: ""; display: block; position: absolute; left: 0; top: 1px; background: url(../images/svg/bullet1.svg) no-repeat 0 0 / cover rgba(0, 0, 0, 0); width: 20px; height: 20px; pointer-events: none; } .cms-content-section .cms-content ul li + li { margin-top: 20px; } .cms-content-section .cms-content ol li + li { margin-top: 20px; } .cms-content-section .cms-content ol ul li { margin-top: 20px; } .cms-content-section .btn { margin-top: 40px; } .cms-content-section .cms-content p + :is(ul, ol) { margin-top: 40px; } .cms-content-section .has-360-view:before { display: none; } .contact-info-section .stat-box { justify-content: flex-start; } .contact-info-section .stat-box .title { margin-top: 20px; } .contact-info-section .stat-box p { font-size: var(--font-22); } .contact-info-section .section-content { margin-bottom: var(--content-space-sm); } .map-iframe iframe { border: 1px solid rgba(43, 42, 41, 0.2) !important; width: 100%; height: 540px; display: block; border-radius: var(--radius-10); } .map-section .section-content { margin-bottom: var(--content-space-sm); } .btn input { font-family: inherit; font-size: inherit; font-weight: inherit; background: none; border: none; height: 100%; padding: 0; color: inherit; } .contact-form-section { position: relative; } .contact-form-container { background: rgba(255, 255, 255, 0.6); box-shadow: 0px 20px 100px rgba(0, 0, 0, 0.1); backdrop-filter: blur(30px); border-radius: var(--radius-40); padding: 122px; } .contact-form-section .contact_form .form-control, .comments-area .form-control { border: 1px solid rgba(43, 42, 41, 0.2); } .contact-form-section .contact_form.row { gap: 0; margin-bottom: calc(var(--gap) * -1); } .contact-form-section .contact_form.row > * { margin-bottom: var(--gap); } .contact-form-section .section-content, .contact-form-section .subtitle { max-width: none; } .contact-form-section .ellipse-triangle { right: auto; left: 50%; transform: translate(21%, 40%); } .contact-form-section .ellipse-circle { right: 50%; left: auto; transform: translate(-25%, 15%); } .events_detail-section .event-details-content >p { padding-right: 30px; } .academic-courses .course-medium .list { grid-template-columns: repeat(2, 1fr); } .courses-section .academic-slider .cards { box-shadow: none; align-content: flex-start; } .academic-slider :is(.slick-track, .slick-slide, .cards) { display: flex; flex-wrap: wrap; } /* .academic-slider > .slide-item { width: 33.33%; } */ :is(.banner-slider, .academic-slider, .about-slider,.gallery_slider.event-details-gallery, .related-event-slider, .testimonial-slider, .personalities-slider, .cards-slider, .blog-slider, .team-slider):not(.slick-slider) { display: grid; gap: var(--gap); } :is(.banner-slider, .personalities-slider, .cards-slider):not(.slick-slider) {grid-template-columns: repeat(1, 1fr);} .banner-slider:not(.slick-slider) > .item:not(:first-child), .personalities-slider:not(.slick-slider) > .item:not(:first-child), .cards-slider:not(.slick-slider) > .item:not(:first-child) { display: none; } :is(.academic-slider, .about-slider,.gallery_slider.event-details-gallery, .related-event-slider, .blog-slider, .team-slider):not(.slick-slider) {grid-template-columns: repeat(3, 1fr);} .testimonial-slider:not(.slick-slider) { grid-template-columns: repeat(4, 1fr); } .testimonial-slider .slide_video_wrap .slide_video {padding-bottom: 78%;} .hero-banner .banner-item, .cms-fullimg-slider-section .full_img-item { position: relative; overflow: hidden; position: relative; overflow: hidden; width: 100%; } .banner-slider .banner-item:before, .banner-slider .banner-item:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(51, 60, 148, 0) 52.12%, rgba(51, 60, 148, 0.85) 100%); z-index: 2; } .banner-slider .banner-item:after { background: #000; opacity: 0.2; } .cms-fullimg-slider-section .full_img-item::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: 0.2; z-index: 2; } .hero-banner .banner-img, .cms-fullimg-slider-section .full-img { width: 100%; object-fit: cover; } .hero-banner .banner-slider { /* padding-bottom: var(--content-space-sm); */ margin-bottom: 0; } .video_testimonial .row-space>* { align-content: flex-start; } .video_testimonial .cms-img { aspect-ratio: 464 / 260; } .video_testimonial .testimonial-content { width: 100%; } .video_testimonial .testimonial-content .title{line-height: 1.4em;} .video_testimonial .testimonial-content .meta{line-height: 1.8em;} .academic_life-section { padding-top: var(--content-space-sm); } .academic_life-section .stat-style3 { grid-template-columns: repeat(3, 1fr); } .academic_life-section .event-details-content :is(h4, .h4) { margin-top: 0; } .education_values-section .item { max-width: 300px; margin: 0 auto; } .education_values-section .row { margin: 0!important; justify-content: center; } .education_values-section .row>* { padding: 0!important; } .education_values-section .row > * { position: relative; } .education_values-section .row > *::before { content: ""; position: absolute; top: 50%; right: 0; width: 25px; height: 25px; background-size: cover; transform: translate(50%, -50%); } .education_values-section .row > *:first-child:before { background-image: url(../images/svg/plus.svg); } .education_values-section .row > *:nth-child(2)::before { background-image: url(../images/svg/equals.svg); } .education_values-section .item .title { text-transform: capitalize; } .academic_life-cards+.academic_life-cards { margin-top: var(--content-space-sm); } .academic_life-cards { padding: 40px; background: #fff; border-radius: var(--radius-20); } .academic_life-cards .stat-style3 .stat-box { background: #f2e5e3; box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.02); backdrop-filter: blur(30px); } .testimonial-section .section-bg .testimonial-content .title { color: #ffffff; } .testimonial-section .section-bg .testimonial-content .meta { color: rgb(255 202 0 / 80%); } .testimonial-section .section-bg .testimonial-content :is(.meta span, p) { color: rgb(254 254 254 / 80%); } .testimonial-section .section-bg .testimonial-content .meta span::before { background: #FEFEFE; } .testimonial-section .section-bg .slick-dots li button:before { border: 1px solid #1b5ec3; background: rgb(255 255 255 / 50%); } .testimonial-section .section-bg .slick-dots li.slick-active button:before { border: 2px solid var(--yellow-color); background: var(--yellow-color); } .full-video-content-section .img{ border-radius: var(--radius-40); } .full-video-content-section .content-wrapper{ margin-bottom: var(--content-space); } /* .hero-banner .slider-container{ padding-bottom: var(--content-space-sm); } */ .hero-banner .slick-dots { bottom: 50px; } .grecaptcha-badge { opacity: 0; } .gallery_slider.event-details-gallery {gap: 0;} .gallery_slider.event-details-gallery img {width: 100%;} .event-details-content .gallery_slider.event-details-gallery .slick-dots {text-align: center;} .event-details-content .gallery_slider.event-details-gallery .slick-dots >li:before {content: normal;} /* .steps-content-section .list-col .row { counter-reset: step; } .steps-content-section .list-items { counter-increment: step; } .steps-content-section .list-col .number { font-size: 0; } .steps-content-section .list-col .number::before { content: counter(step); font-size: var(--font-24); } */ .bl-section-head { text-align: center; padding: 52px 24px 32px; } .bl-section-title { font-size: clamp(1.6rem,3vw,2.4rem); font-weight: 700; color: var(--navy); margin-bottom: 14px; } .bl-section-rule { display: flex; align-items: center; justify-content: center; gap: 10px; } .bl-rule-line { width: 60px; height: 2px; background: linear-gradient(90deg,transparent,var(--primary-color)); } .bl-rule-line.r { background: linear-gradient(90deg,var(--primary-color),transparent); } .bl-rule-diamond { width: 8px; height: 8px; background: var(--primary-color); transform: rotate(45deg); flex-shrink: 0; } .bl-filter { margin: 0 auto var(--content-space-sm); gap: var(--gap); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .bl-search-wrap { position: relative; /* flex: 1 1 0; */ max-width: 380px; width: 100%; height: var(--btn-height); border: 1px solid #FFFFFF; border-radius: 4px; background: #FFFFFF; display: flex; align-items: center; border-radius: var(--radius-100); padding: 0 20px; } .bl-search-wrap svg { flex-shrink: 0; height: 20px; width: 20px; color: rgb(0 0 0 / 50%); } #bl-search { height: var(--btn-height); font-size: var(--font-18); color: var(--text-color); flex: 1; border: none; outline: 0; padding: 0 0 0 10px; background: 0 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } input#bl-search::-webkit-input-placeholder{ color: currentColor !important;opacity:1} input#bl-search::-moz-placeholder{ color: currentColor !important;opacity: 1} input#bl-search:-ms-input-placeholder{ color: currentColor !important;opacity: 1} input#bl-search:-moz-placeholder { color: currentColor !important;opacity: 1} .bl-showing { margin: 0 auto; white-space: nowrap; font-size: var(--font-16); } .bl-showing strong { font-weight: 600 } .bl-view-group { display: flex; gap: var(--gap); /* border:1px solid #e4e4ee; border-radius:4px; overflow:hidden; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.07); width: 100%; */ } .bl-view-btn { display: inline-flex; align-items: center; gap: 7px; padding: 9px 18px; font-size: var(--font-18); font-weight: 400; background: #fff; color: var(--text-color); border: none; transition: background .15s,color .15s; height: var(--btn-height); padding: 0 20px; border-radius: var(--radius-100); } .bl-view-btn:first-child { border-right: 1px solid #e4e4ee; } .bl-view-btn.active { background: var(--primary-color); color: #fff; } .bl-view-btn svg { width: 18px; height: 18px; /* display: flex; */ } .bl-grid-wrap { margin: 0 auto; padding: 0; } .bl-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--gap); } .bl-grid.list-view { grid-template-columns: 1fr; gap: 16px; } .bl-card { background: #fff; border-radius: var(--radius-20); border:1px solid #e4e4ee; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,.07); transition: transform .2s,box-shadow .2s; display: flex; flex-direction: column; cursor: pointer; } .bl-card-img{position:relative;height:200px;background:linear-gradient(135deg,#434ca6 0,#813d76 100%);flex-shrink:0;cursor:pointer} .bl-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease} .bl-num{position:absolute;top:12px;left:12px;background:var(--primary-color);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;padding:4px 9px;border-radius:4px;z-index:2} .bl-card-icon{position:absolute;bottom:-20px;left:20px;width:48px;height:48px;border-radius:50%;background:var(--primary-color);border:3px solid #fff;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 1px 4px rgba(0,0,0,.07)} .bl-card-icon svg{color:#fff;width:1.5rem;height:1.5rem} .bl-card-body{padding:20px;flex:1;display:flex;flex-direction:column} .bl-card-eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--primary-color);margin-bottom:6px} .bl-card-name{font-size:var(--font-24);font-weight:700;line-height:1.2;margin:0;flex:1 1 0} .bl-card-address{font-size:var(--font-18);line-height:1.8;margin-bottom:1rem;flex:1} .bl-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap} .bl-phone{display:inline-flex;align-items:center;gap:7px;font-size:var(--font-16);font-weight:500} .bl-phone svg{color:var(--primary-color);flex-shrink:0;width:16px;height:16px} .bl-details-btn{display:inline-flex;align-items:center;gap:7px;background:var(--primary-color);color:#fff;font-size:13px;font-weight:600;padding:9px 18px;border-radius:4px;transition:background .15s;white-space:nowrap} .bl-details-btn svg{transition:transform .15s} .list-view .bl-card{flex-direction:row;border-radius:10px;height:auto} .list-view .bl-card-img{width:220px;height:100%;flex-shrink:0;border-radius:0} .list-view .bl-card-icon{bottom:auto;top:50%;left:auto;right:-22px;transform:translateY(-50%)} .list-view .bl-card-body{padding:20px 20px 20px 28px;flex-direction:row;align-items:center;gap:var(--gap)} .list-view .bl-card-body>div{flex:1} .list-view .bl-card-address{margin-bottom:0} .list-view .bl-card-footer{border-top:none;border-left:1px solid #e4e4ee;padding-top:0;padding-left:20px;flex-direction:column;align-items:flex-end;gap:calc(var(--gap) * .5);flex-shrink:0} .bl-pagination{display:flex;justify-content:center;align-items:center;gap:6px;padding:8px 24px 60px} .bl-page-btn{min-width:38px;height:38px;border-radius:4px;border:1px solid #e4e4ee;background:#fff;font-size:13.5px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;transition:all .15s;box-shadow:0 1px 4px rgba(0,0,0,.07);padding:0 10px} .bl-page-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:600} .bl-page-btn:disabled{opacity:.4;pointer-events:none} .bl-notice{background:#fdf7ee;border-left:4px solid #c8960c;border-radius:10px;padding:20px 24px;color:#6b4d0a;font-size:14px;max-width:600px;margin:60px auto} .bl-notice strong{display:block;margin-bottom:4px;font-size:15px} .bl-empty{text-align:center;padding:80px 24px;display:none} .bl-empty h3{font-size:1.5rem;margin-bottom:8px} .service-list{background:#fff;border-radius:var(--radius-20);box-shadow:0 15px 35px rgba(0,0,0,.08)} .nav-pills .service-item{padding:28px;gap:var(--gap);border-bottom:1px solid #eee;border-radius:4px;display:flex;align-items:center;text-align:left;transition:.35s;cursor:pointer;position:relative} .nav-pills .service-item.active{background-color:var(--primary-color);color:#fff} .service-item .icon{width:35px;height:35px;display:inline-block;color:var(--primary-color)} .service-item .icon svg{width:100%;height:100%} .service-item .title{flex:1 1 0;margin:0} .service-item.active :is(.icon,.title,p){color:#fff} .services-tab .service-content .title{color:var(--primary-color);margin-bottom:10px;width:100%} .service-content{border-radius:var(--radius-20);padding:45px;background:#fff;box-shadow:0 15px 35px rgba(0,0,0,.08)} .service-content .icon{margin-bottom:20px;width:70px;height:70px;border-radius:50%;background:linear-gradient(180deg,#c42526 0,#fff 100%);color:var(--primary-color);display:flex;align-items:center;justify-content:center;position:relative;z-index:1} .service-content .icon::before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:0;z-index:-1;border-radius:inherit;border:2px;background:#fff;pointer-events:none} .service-content .icon svg{width:30px;height:30px} .service-img-col .img,.service-img-col .img img{width:100%;height:100%} .service-item::before{content:"";position:absolute;top:50%;right:-7px;z-index:2;transform:translateY(-50%) rotate(45deg);border-style:solid;border-color:var(--primary-color) var(--primary-color) transparent transparent;border-width:7px;opacity:0} .service-item.active::before{opacity:1} .service-list .service-item:first-child{border-radius:var(--radius-20) var(--radius-20) 0 0} .service-list .service-item:last-child{border-radius:0 0 var(--radius-20) var(--radius-20)} .service-item:focus-visible{box-shadow:none} .service-content .row :is(.service-content-col,.service-img-col),.service-content .row>*{display:flex;flex-wrap:wrap} .service-content-col,.service-img-col{width:100%} .service-content-col{padding:0 15px 0 0} .service-content-col{align-content:flex-start} .academic-section .img.img_Square{border-radius:var(--radius-10)} .cms-page :is(h1,h2,h3,h4,h5,h6){margin-top:1em;margin-bottom:.5em} .call_btn{position:fixed;right:var(--gap);bottom:20px;z-index:999;width:48px;height:48px;margin:0;color:#fff;background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:50%;cursor:pointer;transition:all .5s ease} .call_btn svg { width: 20px; height: 20px; } .gt_float_switcher{ font-size: var(--font-16)!important; } .gtranslate_wrapper .gt_float_switcher, .gtranslate_wrapper .gt_float_switcher a { /* font-size: 0; */ box-shadow: none !IMPORTANT; border: 0 !important; background: transparent; } .gt_float_switcher .gt-selected{ background: transparent !important; } .gtranslate_wrapper .gt-current-lang{ background: transparent !important; box-shadow: none !important; border: 0; color: var(--text-color)!important; font-weight: 500 !important; } .gtranslate_wrapper { background: transparent; position: relative; } .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow{ height: 10px !important; width: 10px !important; transition: all .3s; border: 1px solid #000 !important; transform: rotate(-135deg) !important; border-bottom: none !important; border-right: none !important; background-image: none !important; margin: -5px 0 0 5px; } .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow.gt_arrow_rotate { transform: rotate(45deg) !important; margin: 5px 0 0 5px ; } .gt_float_switcher .gt_options, .gt_float_switcher .gt_options.gt-open { width: 150px; transform: translateX(0px); max-height: 300px; position: absolute !important; right: 0; background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .gt_float_switcher .gt_options.gt-open a img { margin: 0 !IMPORTANT; } .gt_float_switcher .gt_options a { transition: all 0.5s ease !important; display: flex !important; align-items: center; gap: 10px; } .gt_float_switcher img { width: 24px !important; } .modal{z-index: 99999;} .modal-backdrop{z-index: 9999;} .modal .modal-header { flex-direction: column; align-items: flex-start; } .modal .modal-header .btn-close{ position: absolute; top: 20px; right: 20px; } .modal .modal-dialog{ opacity: 0; } .modal .modal-dialog .contact_form .form-control { border: 1px solid rgb(43 42 41 / 50%); } .modal .modal-title { font-size: var(--font-30)!important; } .modal p { font-size: var(--font-20); margin: 0; } .modal.show .modal-dialog { margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 500px; width: 100%; opacity: 1; } /* Detail tooltip */ .bl-detail-backdrop { display: none; background: rgba(43, 47, 58, .4); position: fixed; inset: 0; z-index: 9999; } .bl-detail-backdrop.bl-open { display: block; } .bl-detail { position: absolute; width: min(620px, 92vw); padding: 24px; background: #fff; border-radius: var(--radius-20); box-shadow: 0 24px 60px rgba(0, 0, 0, .3); display: none; gap: 22px; grid-template-columns: 1fr 1.1fr; z-index: 9999; visibility: hidden; } .bl-detail.bl-open { display: grid; } .bl-detail-arrow { position: absolute; top: -9px; width: 18px; height: 18px; border-radius: 3px; background: #fff; transform: rotate(45deg); } .bl-detail-close {position: absolute; top: 14px; right: 14px; width: 28px; height: 28px; border-radius: 50%; border: 1px solid rgb(43 42 41 / 50%); display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--text-color); background-color: #ffffff; font-size: 13px; } .bl-detail-img { width: 100%; min-height: 170px; border-radius: var(--radius-10); background-size: cover; background-position: center; /* background-color: linear-gradient(135deg, #434ca6 0, #813d76 100%); */ background-color: #826186; } .bl-detail-info #bl-detail-name { font-size: var(--font-22); margin: 0 0 20px; } .bl-detail-since { font-size: var(--font-14); margin: 0 0 12px; } .bl-detail-label { margin: 0 0 15px; padding-bottom: 8px; font-size: var(--font-12); font-weight: 700; letter-spacing: .8px; color: var(--text-color); text-transform: uppercase; border-bottom: 1px solid rgb(43 42 41 / 50%); } .bl-detail-row { margin-bottom: 11px; gap: 10px; font-size: var(--font-14); display: flex; align-items: flex-start; } .bl-detail-row svg { color: var(--primary-color); flex-shrink: 0; margin-top: 1px; } .bl-detail-row a { text-decoration: none; } .bl-detail-gmap { color: var(--text-color); font-weight: 600; text-decoration: none; } .bl-detail-actions { padding-top: 16px; gap: 12px; border-top: 1px solid rgb(43 42 41 / 50%); display: flex; grid-column: 1 / -1; } .branch-listing-section .bl-showing { margin: 0; width: auto; } /* .bl-detail-btn { flex: 1; text-align: center; padding: 12px 14px; border-radius: 10px; font-size: 13px; font-weight: 700; text-decoration: none; } */ /* .btn-primary.bl-detail-btn { background: var(--primary-color); color: #fff; border: 1px solid var(--primary-color); } .btn-primary.bl-detail-btn:hover { background: var(--bl-red-dark); } .btn-outline-primary.bl-detail-btn { background: #fff; color: var(--bl-text); border: 1px solid #e2ddd0; } .btn-outline-primary.bl-detail-btn:hover { border-color: var(--primary-color); color: var(--primary-color); } */ .event-banner .banner-content .img { max-width: 1000px; width: 100%; } .event-banner .banner-content .img img { width: 100%; object-fit: cover; } .blog_detail_main .blog_meta { gap: 0 !important; margin: 0 0 1rem 0 !important; } .blog_detail_main .blog_date_time svg { color: rgba(238, 123, 0, 0.8); } .blog_detail_main .blog_date_time span { font-size: var(--font-16); font-weight: 400; text-transform: capitalize; color: rgba(238, 123, 0, 0.8); display: inline-block; } .blog_detail_main .blog_category .badge { color: rgba(43, 42, 41, 0.5); font-size: var(--font-16); font-weight: 500; position: relative; padding: 0; padding-left: 34px; display: inline-block; } .blog_detail_main .blog_category .badge::before { content: ""; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background: rgb(43 42 41 / 30%); border-radius: 50%; pointer-events: none; } .founder-section .cards .personalities-img { border-radius: var(--radius-10); } .comment-form-cookies-consent { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 5px; } .comment-form-cookies-consent input{ margin-top: 2px; } .comment-form-cookies-consent label { flex: 1 1 0; line-height: normal; } .cms-content-section .img.cms-video { display: block; } .contact_form .error { font-size: 14px; color: red; } .cms-video.active {overflow: unset!important;} .cms-video img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; } .cms-video :is(iframe, video) { opacity: 0; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border: none; visibility: hidden; object-fit: cover; border-radius: inherit; } .video-close { position: absolute; right: 0; top: 0; z-index: 5; pointer-events: auto; cursor: pointer; display: none; background: var(--primary-color); width: 30px; height: 30px; border-radius: 50%; } .video-close:before, .video-close:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 10px; height: 2px; background: var(--white-color); margin: -1px 0 0 -5px; transform: rotate(45deg); } .video-close:after { transform: rotate(-45deg); } .cms-video.active img { opacity: 0; visibility: hidden; pointer-events: none; } .cms-video.active :is(iframe, video) { opacity: 1; visibility: visible; } .cms-video.active .video-close { display: block; } .cms-video.active .play-btn { display: none; } .video_testimonial .cms-video .play-btn {bottom: inherit;left: 50%;top: 50%;transform: translate(-50%, -50%);} .blog-detail-page .banner-wrapper.no_image { padding-bottom: var(--section-space); } .blog-detail-page .banner-wrapper.no_image::before,.blog-detail-page .banner-wrapper.no_image::after { height: 85%; } .blog_share .social_share_btn { color: var(--primary-color); } .blog_share .social_share_btn svg { width: auto; height: 16px; } .value-system-box .value-system-circle { position: relative; z-index: -1; } .value-system-box .value-system-circle::after { content: ''; position: absolute; bottom: 76px; left: 0; right: 0; margin: 0 auto; width: 10px; height: 10px; background-color: green; border-radius: 50%; animation: blinkAnimation 1.2s infinite; outline: 1px solid green; outline-offset: 2px; z-index: 99999; } @keyframes blinkAnimation { 0%{transform:scale(1.6);} 50%{transform:scale(1.1);} 100%{transform:scale(1.6);} } .impact-section .impact_light_img { background: #ffffff; } .impact-section .impact_light_img img { height: auto; top: 50%; transform: translateY(-50%); } .section_title { margin-bottom: calc(var(--content-space-sm) - 30px); } /*---------------- gk start bus route ----------------*/ .bus-route-section .title-1 + .cms-content.bus-disclaimer--highlight{background-color: #fff3cd; padding: 1rem;border-radius: 10px;} .bus-route-section .bus-route-card { width: 100%; font-size: 16px; box-shadow: none; } .bus-route-section .bus-route-card .bus-route-header {border: 1px solid #DFE4EA !important; border: none; position: relative; display: flex; align-items: center; width: 100%; padding: 1rem; font-size: 1rem; color: #212529; text-align: left; background-color: #fff; border: 0; border-radius: 0; overflow-anchor: none; transition: var(--transition); } .bus-route-body .bus-timeline { padding:1rem 1.25rem; border: 1px solid #DFE4EA; border-top: 0;} .bus-route-body .bus-timeline li { display: flex; justify-content: flex-start; letter-spacing: 0px; gap: 0; line-height: 28px;} .bus-route-body .bus-timeline li span.bus-timeline-time { min-width: 110px; padding: 0 0 5px 0; margin: 0; font-size: 12px; color: #757575; border-right: 1px solid #adadad; } .bus-route-body .bus-timeline li .bus-timeline-label { padding: 0 0 10px 25px; font-size: 15px; margin: 0; position: relative;} .bus-route-body .bus-timeline li:first-child .bus-timeline-label:before { content: ''; position: absolute; background: #cc0000; padding: 4px; border-radius: 50%; outline: 1px solid #cc0000; outline-offset: 5px; left: -4px; top: 10px;} .bus-route-body .bus-timeline li:last-child .bus-timeline-label:before { content: ''; position: absolute; background: #cc0000; padding: 4px; border-radius: 50%; outline: 1px solid #cc0000; outline-offset: 5px; left: -4px; top: 10px;} .bus-route-body .bus-timeline li .bus-timeline-label:before { content: ''; position: absolute; background: #cc0000; padding: 4px; border-radius: 50%; left: -4px; top: 10px;} .bus-route-section .bus-route-card .bus-route-header .bus_icon {min-width: 25px;} .bus-route-section .bus-route-card .bus-route-header .bus-route-time { color: gray; display: block; font-size: 13px; position: relative; padding-right: 30px;} .bus-route-section .bus-route-card .bus-route-header .bus-route-time::after { display: block; content: ""; background-image: none; transition: all 0.2s ease-in-out; background-color: #000; margin-left: 10px; clip-path: polygon(0% 0%, 50% 78.49%, 100% 0%, 100% 18.33%, 50.75% 100%, 0% 19.25%); width: 15px; height: 9px; right: 0; top: 50%; position: absolute; transform: translateY(-50%); } .bus-route-section .bus-route-card .bus-route-header:not(.collapsed) .bus-route-time::after { transform: rotate(-180deg) translateY(5px);} /*---------------- gk start bus route end ----------------*/ /*---------------- gk start campus course ----------------*/ .brnach-course-seciton .campus_info_box_main { display: flex; gap: 20px; } .brnach-course-seciton .campus_info_box.campus_info_box_support { height: auto; } .brnach-course-seciton .row { padding: 50px 0; row-gap: 25px;} .brnach-course-seciton .stat-box {background-color: var(--white-color); min-width: 350px; height: 100%; position: relative; z-index: 1;} .brnach-course-seciton .stat-box .title { font-weight: 600; font-size: var(--font-20); } .brnach-course-seciton .stat-box p span{ display: block;} .brnach-course-seciton .stat-box p {font-size: var(--font-18);} .brnach-course-seciton .row .content-col,.brnach-course-seciton .row .img-col { padding-left:0 ; padding-right:0 ;} .brnach-course-seciton .row:first-child { padding-top:0 ; } .brnach-course-seciton .row:last-child { padding-bottom:0 ; } .brnach-course-seciton .row .campus_info_box_main { margin: 40px 0 0 -270px;} .brnach-course-seciton .row.row-reverse .campus_info_box_main { margin: 40px -270px 0 0;} /*---------------- gk start campus course end ----------------*/ /* 10-8-26a */ .blog-section .blog-item {background-color: var(--white-color); border-radius: var(--radius-20); overflow: hidden;box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px; } .blog-section .blog-item .content { padding: 30px; } .blog-section .blog-img {border-radius: 0;} .blog-section .blog-img img{border-radius: 0;} .video_testimonial .testimonial-content{ border-radius: 0 0 20px 20px;} .video_testimonial .testimonial-content .title { text-align: start; } .video_testimonial .cms-img {border-radius: 20px 20px 0 0 ;} .video_testimonial .testimonial-content .meta { text-align: start; margin: 0px;} .features_icon_section.stat-section .stat-box { width: 100%; text-align: center; margin: 0 auto; justify-content: center; } .features_icon_section.stat-section .stat-box span.icon { height: 100px; width: 100px; margin-bottom: 20px; border: 1px solid var(--primary-color); border-radius: 50%; padding: 25px; box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; } .features_icon_section.stat-section .stat-box { box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; } .features_icon_section.stat-section .stat-style2 .title {font-weight: 600;} .related_posts_section figure.blog-item{ border-radius: var(--radius-20); overflow: hidden; background-color: var(--white-color);} .full-video-content-section .img.cms-video { width: 100%; } .campus-contact-info-section .stat-box .icon { justify-content: center; margin: 0 auto; border: 1px solid var(--primary-color); box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; height: 80px; width: 80px; padding: 20px; border-radius: 50%; } .campus-contact-info-section .stat-box .title { text-align: center; font-weight: 600;} .video_testimonial.testimonial-section.container-blue figcaption.testimonial-content .title {} /* 11-8-26 */ .video_testimonial .testimonial-stats{ margin-bottom:var(--content-space-sm); } .video_testimonial .testimonial-stats > [class*="col-"]{ margin-bottom:var(--top-gap); } .video_testimonial .stat-card{ width: 100%; background:var(--white-color); border:1px solid var(--gray-color); border-radius:var(--radius-20); padding:18px 20px; display:flex; align-items:center; gap:14px; box-shadow:0 10px 30px -18px rgba(196,37,38,.35); } .video_testimonial .stat-card svg{flex-shrink:0;color:var(--primary-color);width: 100%;height: auto;} .video_testimonial .stat-num{ font-family:var(--title-font); font-weight:700; font-size:var(--font-20); color:var(--text-color); line-height:1.1; } .video_testimonial .stat-label{ font-size:var(--font-13); color:var(--text-color); opacity:.6; margin-top:2px; } .video_testimonial .testimonial-controls{ display:flex; align-items:center; justify-content:space-between; gap:var(--top-gap); flex-wrap:wrap; margin-bottom:var(--content-space-sm); } .video_testimonial .testimonial-tabs{display:flex;gap:10px;flex-wrap:wrap;} .video_testimonial .tab-btn{ border:1px solid var(--gray-color); background:var(--white-color); color:var(--text-color); font-family:var(--content-font); font-weight:600; font-size:var(--font-14); padding:0 var(--small-btn-padding); height:var(--small-btn-height); border-radius:var(--btn-radius); cursor:pointer; transition:all .2s ease; } .video_testimonial .tab-btn:hover{border-color:var(--primary-color);color:var(--primary-color);} .video_testimonial .tab-btn.is-active{ background:var(--primary-color); border-color:var(--primary-color); color:var(--white-color); } .video_testimonial .testimonial-search{position:relative;min-width:260px;} .video_testimonial .testimonial-search input{ width:100%; font-family:var(--content-font); font-size:var(--font-14); padding:10px 16px 10px 40px; border-radius:var(--input-radius); border:1px solid var(--gray-color); background:var(--white-color); color:var(--text-color); outline:none; } .video_testimonial .testimonial-search input:focus{border-color:var(--primary-color);} .video_testimonial .testimonial-search svg{ position:absolute;left:14px;top:50%; transform:translateY(-50%); color:var(--text-color); opacity:.5; } .stat_icon { width: 50px; height: 50px; } .video_testimonial .testimonial-empty{ display:none; text-align:center; padding:50px 20px; color:var(--text-color); opacity:.6; font-size:var(--font-16); } .video_testimonial .testimonial-empty.is-visible{display: block;} figure.testimonial-card_item { width: 100%; height: 100%; background-color: var(--white-color); border-radius: 20px; overflow: hidden;} .testimonial-content span.testimonial_type { font-size: var(--font-14); color:var(--black-color); } .video_testimonial .testimonial-content .meta { font-size:var(--font-14); } figcaption.course-content .card_icon_img_main { margin: 0 auto; border-radius: 50%; padding: 20px; display: block; position:absolute; left: 50%; top: -43px; transform: translateX(-50%); z-index: 1;} .purple figcaption.course-content .card_icon_img_main { background: var(--purple-color); } .red figcaption.course-content .card_icon_img_main { background: var(--primary-color-light); } .orange figcaption.course-content .card_icon_img_main { background: var(--secondary-color); } .blue figcaption.course-content .card_icon_img_main { background: var(--skyblue-color); } figcaption.course-content .card_icon_img_main svg{ width: 50px; height: 50px; fill: var(--white-color);} figcaption.course-content .card_icon_img_main svg path { fill: var(--white-color);} .courses-section .cards .course-content {justify-content: center;} .container-blue .testimonial-empty.is-visible {color: var(--white-color);} .courses-section .course-content .card_icon_img_main + .title { margin-top: 40px; text-align: center; font-size: 24px; justify-self: center; margin-inline: auto; } .purple .course-content .title {color: var(--purple-color);} .red .course-content .title {color: var(--primary-color-light);} .orange .course-content .title {color: var(--secondary-color);} .blue .course-content .title {color: var(--skyblue-color);} .purple .btn-secondary {background-color: var(--purple-color);} .red .btn-secondary {background-color: var(--secondary-color);} .purple .btn.btn-secondary svg path{fill: var(--purple-color);} .red .btn.btn-secondary svg path{fill: var(--primary-color-light);} .blue .btn.btn-secondary svg path {fill: var(--skyblue-color);} .blue .btn-secondary {background-color: var(--skyblue-color);} .course-medium .list li {padding: 15px; border-radius: 10px ; } .course-medium .purple .list li { background-color: #2f258317 ; } .course-medium .red .list li { background-color: #f2e5e3; } .course-medium .orange .list li { background-color: #ee7b0017; } .course-medium .blue .list li { background-color: #009ee329; } .course-medium .list {gap: 20px; grid-template-columns:repeat(3, 1fr);} .courses-section .col-xxl-6 .list li:last-child:nth-child(even) { grid-column: 1 / -1; } .academic-courses.courses-section .list li:last-child:nth-child(odd) { grid-column: 1 / -1; } .box_content_main ul {padding: 0; margin-top: 40px; } .box_content_main ul li {list-style-type: none; display: flex; gap: 10px; margin-bottom: 20px; align-items: center;} .box_content_main ul li .phone_svg,.box_content_main ul li .address_svg, .box_content_main ul li .email_svg { border: 1px solid var(--primary-color); min-height: 35px; min-width: 35px; border-radius: 50%; position: relative; } .box_content_main ul li .phone_svg svg, .box_content_main ul li .address_svg svg, .box_content_main ul li .email_svg svg{ position: absolute; top: 22%; left: 50%; transform: translate(-50%);} .box_content_main ul li:last-child {margin-bottom: 0px;} .box_content_main ul li .box_content {font-size: var(--font-20); font-weight: 500;} .box_content_main ul li .box_content a{ transition: var(--transition) !important;} .box_content_main ul li .box_content a:hover {color: var(--primary-color); transition: var(--transition) !important;} .address_box.box_content_main ul li {align-items: flex-start;} .whychoose .icon {width: 60px; height: 60px; min-width: 60px; min-height: 60px;} .education-section .whychoose .item {flex-wrap: nowrap; justify-content: space-between; padding: 20px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 10px;} .education-section .whychoose > * {padding-bottom: var(--gap);} .education-section .icon svg { width: 30px; height: 30px; } .whychoose .item .title {margin:10px 0; font-weight: 700;} .whychoose .item p {font-size: var(--font-16); line-height: 150%;} .whychoose .item .title {font-size: var(--font-18);} .pillaricon-content { max-width: calc(100% - 70px); } .education-section .whychoose > :last-child:nth-child(odd) { flex: 0 0 100%; max-width: 100%; } .quick_link_section .row.row-space{justify-content: center;} .quick_link_section .link-box .h6,.quick_link_section .link-box h6{font-weight: 600;} .quick_link_section .link-box { width: 100%; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; padding:20px 20px 90px 20px; background:var(--white-color); border-radius: 10px; text-align: start; position: relative;} .quick_link_section .link-box .btn-group {position: absolute; left:20px; bottom: 20px;} .dc-card { padding: 0px 0px 0px 180px; background-color: var(--white-color); box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; width: 100%; display: flex; align-items: center; gap: 10px; position: relative; overflow: hidden; justify-content: space-between; border-radius: 10px;} .dc-card-media img{ position: absolute; left: 0; top: 0; bottom: 0; max-width: 180px; height: 100%; width: 100%; object-fit: cover;} .dc-card-body .dc-label,.dc-card-body .dc-value,.dc-card-body .dc-value a{font-size: var(--font-14); margin-bottom: 0;} .dc-card-body .dc-label {margin-bottom: 2px; } .dc-card-body .dc-label + .dc-value { font-weight: 500;} .dc-card-body {padding: 35px 20px 35px 0px;} .dc-card-body h3.dc-name { font-size:var(--font-28); margin-bottom: 20px; font-weight: 600;} span.dc-icon svg path { fill:var(--white-color); } span.dc-icon svg {background-color:var(--primary-color); } .dc-row { display: flex; gap: 10px; } span.dc-icon svg { height: 30px; width: 30px; padding: 7px; border-radius: 4px; } .pillar-card .content .title {text-align: center; position: relative; display: inline-block;} .pillar-card .content .title::after, .pillar-card .content .title::before {content: ""; position: absolute; height: 2px; min-width: 50px; width: max-content; background-color: var(--white-color); top: 50%; } .pillar-card .content .title::before { left: -60px; } .pillar-card .content .title::after { right: -60px; left: auto; } .pillar-card .tag-title {background-color: var(--white-color); color: var(--black-color);} .pillar-card .content {max-width: 100%; text-align: center;} .pillar-card .content p{max-width:340px; text-align: start;} .academic-gallery-main {display: flex; justify-content: space-between; gap: 20px;row-gap: 20px; flex-wrap: wrap;} .academic-gallery-main .academic-gallery_img:first-child {width: calc(50% - 10px);} .academic-gallery-main .academic-gallery_img:nth-child(2) {width: calc(50% - 10px);} .academic-gallery-main .academic-gallery_img:last-child {width:100%;} .academic-timetable .tt-schedule { overflow: hidden; border: 1px solid var(--primary-color); border-radius: 5px; background: var(--white-color); width: 100%; } .academic-timetable .tt-schedule-head { min-height: 34px; color: var(--white-color); background: var(--primary-color); font-size:var(--font-13); font-weight: 600; text-transform: uppercase; } .academic-timetable .tt-schedule-head > div { display: flex; align-items: center; gap: 10px; padding:15px 15px; } .academic-timetable .tt-schedule-head > div:first-child { justify-content: center; border-right: 1px solid rgba(255,255,255,.15); } .academic-timetable .tt-schedule-head svg { flex: 0 0 auto; width: 25px; height:25px; } .academic-timetable .tt-row { min-height:40px; border-bottom: 1px solid var(--primary-color); background: var(--white-color); } .academic-timetable .tt-row:last-child { border-bottom: 0; } .academic-timetable .tt-row > .col-4 { display: flex; align-items: center; justify-content: center; padding: 5px 10px; border-right: 1px solid var(--primary-color); } .academic-timetable .tt-row > .col-8 { display: flex; align-items: center; padding:15px 10px; } .academic-timetable .tt-time { color: var(--primary-color-light); font-size: var(--font-14); font-weight: 500; white-space: nowrap; } .academic-timetable .tt-activity { display: flex; align-items:center; width: 100%; gap: 10px; } .academic-timetable .tt-activity-icon { display: flex; align-items: center; justify-content: center; flex: 0 0 30px; width:30px; height:30px; color: var(--primary-color); } .academic-timetable .tt-activity-icon svg { display: block; width: 25px; height: 25px; } .academic-timetable .tt-activity-name { margin: 0 0 2px; color: var(--black-color); font-size: var(--font-14); font-weight: 600; line-height: 160%; } .academic-timetable .tt-bullets { display: flex; flex-wrap: wrap; gap: 5px 15px; margin: 0; padding: 0; list-style: none; } .academic-timetable .tt-bullets li { position: relative; padding-left:10px; font-size: var(--font-14); } .academic-timetable .tt-activity .row { width: 100%; } .academic-timetable .tt-activity .row > div { padding-right: 5px; } .academic-timetable .tt-media-top { margin-bottom: 7px; } .academic-timetable .tt-media img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } .academic-timetable .tt-media-main img { object-position: center; } .academic-timetable .tt-features { overflow: hidden; border-radius:10px; width: 100%; background-color: var(--gray-color); margin-inline: 0;} .academic-timetable .tt-feature { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 7px 3px; text-align: center; } .academic-timetable .tt-feature + .tt-feature { border-left: 1px solid var(--gray-color); } .academic-timetable .tt-feature-icon { display: flex; align-items: center; justify-content: center; height: 27px; margin-bottom: 3px; color: var(--primary-color); } .academic-timetable .tt-feature-icon svg { width: 24px; height: 24px; } .academic-timetable .tt-feature-label { margin: 0; font-size: var(--font-14); line-height: 150%; font-weight: 500; margin-top: 10px;} .academic-timetable .tt-bullets li::before { content: ""; position: absolute; top: 5px; left: 0; width: 3px; height: 3px; border-radius: 50%; background: var(--primary-color); } .wizard-body .input-md {height: var(--btn-height); padding: 0 20px; font-size: var(--font-18); line-height: 1.2; border-radius: calc(var(--btn-height) * 0.5); color: var(--text-color); background-color: #FEFEFE; border: 1px solid #FEFEFE; transition: all .1s linear; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; border: 1px solid rgb(43 42 41 / 50%); } .wizard-body {height: 50px !important; padding: 30px !important;} .contact_form .error { display: flex; margin-top: 7px; } .foundation-style1.pillars-wrapper > :nth-child(2n) { margin-top: 0;} .academic-timetable .tt-schedule {border-radius:10px ;} .academic-timetable .row { justify-content: space-between; } .grow_carousal .item_grow, .grow_carousal_two .item_grow { margin:0 20px 0 0 !important; display: inline-flex; align-items: center; width:max-content; border: 2px solid red; padding: 10px; } .grow_carousal .item_grow, .grow_carousal_two .item_grow { flex-wrap: wrap; } .grow_carousal, .grow_carousal_two{ display: flex; overflow: hidden; position: relative; } .grow_carousal .slideboxw{ animation: marquee-right 20s linear infinite; } .grow_carousal .slideboxw, .grow_carousal_two .slideboxw { padding: 0 !important; width: auto !important; margin: 0 !important; display: flex; align-items: center; flex-shrink: 0; } .grow_carousal:hover .slideboxw, .grow_carousal_two:hover .slideboxw{ animation-play-state: paused; } @keyframes marquee-right { 0% { transform: translateX(-100%); } 100% { transform: translateX(0%); } } .bannerform_oddeven { position: relative; padding: 100px 0 100px 0; margin-bottom: 100px;} .bannerform_oddeven::after {content: ""; position:absolute; inset: 0; background-color: var(--purple-color); opacity: 0.4; } .bannerform_content { background:var(--white-color); padding: 30px; z-index: 9; position: relative; border-radius: 20px; max-width: 500px; margin-left: auto; transform: translateY(190px); box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.03);} .bannerform_content .contact_form .form-control{ border: 1px solid var(--gray-color); } .bannerform_oddeven .bannerform_img { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; } .bannerform_oddeven .bannerform_img img{ width: 100%; height: 100%; object-fit: cover;} .bannerform_oddeven .hero-text { z-index: 9; position: relative; color: var(--white-color); display: flex; flex-direction: column; justify-content: flex-end; height: 100%;} .hero-text .title{ color: var(--white-color);} .red .admissions_cta_box {background-color: var(--primary-color); color: var(--white-color);} .red .admissions_cta_title { color: var(--white-color);} .red .admissions_cta_icon svg path { fill:var(--primary-color); } .red.admissions_cta_section .btn-secondary:hover{ color: var(--primary-color) !important; background: var(--white-color) !important; border-color: var(--white-color) !important;} .red.admissions_cta_section .btn-secondary:hover svg{ background: var(--primary-color) !important; } .red.admissions_cta_section .btn-secondary:hover svg path{fill: var(--white-color) !important; } .admissions_cta_section { width: 100%; padding: 70px 0; } .admissions_cta_box { position: relative; width: 100%; padding:50px; overflow: hidden; background: var(--white-color); border: 1px solid #e9edf3; border-radius: 20px; box-shadow: 0 8px 25px rgba(15, 30, 55, 0.07), 0 2px 8px rgba(15, 30, 55, 0.04); } .admissions_cta_icon { width: 130px; height: 130px; margin: 0 auto; display: flex; align-items: center; justify-content: center; background: var(--white-color); border: 1px solid #f2dede; border-radius: 50%; box-shadow: 0 8px 25px rgba(201, 29, 25, 0.06); } .admissions_cta_icon svg { width: 70px; height: 70px; display: block; } .admissions_cta_action .btn-secondary {margin-right: 0;} .admissions_cta_content { padding-left: 10px; } .admissions_cta_label { display: flex; align-items: center; gap:10px; margin-bottom: 12px; color: var(--primary-color); font-size: var(--font-16); font-weight: 600; } .admissions_cta_label_line { width: 20px; height: 2px; display: inline-block; background:var(--primary-color); border-radius: 10px; } .admissions_cta_title { margin: 0 0 14px; font-size: var(--font-60); } .admissions_cta_text { max-width: 650px; margin: 0; font-size:var(--font-16); } .admissions_cta_box .row{ justify-content: space-between; width: 100%; align-items: center;} .admissions_cta_action.btn-group{justify-content: flex-end; margin-left: auto;} .daily_meals ul.nav-tabs { margin: 0; padding: 20px; overflow: visible; border: 0; text-align: center; width: max-content; display: flex; flex-wrap: wrap; align-items: center; margin: 0 auto; justify-content: center; gap: 20px; } .daily_meals ul.nav-tabs > li.nav-item {padding: 0; margin: 0; border: none;position: relative;display: inline-block;} .daily_meals ul.nav-tabs > li.nav-item:before { display: none } .daily_meals ul.nav-tabs > li.nav-item > button.nav-link {border: none;padding: 10px; font-size: var(--font-18); font-weight: 400; cursor: pointer;} .daily_meals ul.nav-tabs > li.nav-item > button.nav-link.active{ color: var(--white-color) } .daily_meals ul.nav-tabs > li.nav-item > button.nav-link.active:before { right: auto; left: 0; width: 100%; } .daily_meals ul.nav-tabs > li.nav-item > button.nav-link > svg{display: none;pointer-events: none;transition: var(--transition); } .daily_meals ul.nav-tabs + .tab-content {padding: 30px 0 4px 0;} .menu_table { width: 100%; border-collapse: collapse; color: var(--black-color); font-size: var(--font-18); } .menu_table tbody{ width: 100%; } .menu_table th, .menu_table td { border: 1px solid #d9dde2; padding: 18px 16px; text-align: left; vertical-align: middle; } .menu_table th { min-width: 200px; font-family: Georgia, serif; font-weight: normal; color: var(--black-color); } .menu_table td { font-weight: 400; width: 100%;} .refer_form_box { width: 100%; padding: 38px 35px 35px; border: 1px solid #e6e6e6; background-color: var(--white-color); border-radius: 10px; box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.03); } .refer_form_header { margin-bottom: 28px; text-align: center; } .refer_content_box { padding: 15px 15px 15px 35px; } .refer_form_box .contact_form .form-control,.refer_form_box .comments-area .form-control {border:1px solid #e6e6e6;} .refer_section.cms-content-section .btn { margin-top: calc(var(--gap) + 1px); } .fees_payment_section { width: 100%; background:#fff; } .fees_payment_content { width: 100%; } .fees_payment_label { display: inline-block; margin-bottom: 10px; color: #b21c1c; font-size: 13px; font-weight: 700; } .fees_payment_warning { width: 100%; margin: 25px 0 30px; padding: 22px 24px; background: #fad5dc; border: 1px solid #61334b; border-radius: 15px; color: #61334b; } .fees_payment_warning_header { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; } .fees_payment_warning_title_icon { width: 28px; height: 28px; flex: 0 0 28px; display: flex; align-items: center; justify-content: center; color: #61334b; } .fees_payment_warning_title_icon svg { width: 24px; height: 24px; } .fees_payment_warning_item { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 11px; } .fees_payment_warning_icon { width: 24px; height: 24px; flex: 0 0 24px; margin-top: 1px; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .fees_payment_warning_icon svg { width: 20px; height: 20px; } .fees_payment_check_icon { color: #008000; } .fees_payment_close_icon { color: #ff0000; } .fees_payment_warning_item p { margin: 0; color: #61334b; font-size: var(--font-14); line-height: 1.65; } .fees_payment_warning_footer { margin: 5px 0 0; color: #61334b; font-size: var(--font-14); font-weight: 600; line-height: 1.65; } .fees_payment_modes { width: 100%; } .fees_payment_modes_header { margin-bottom: 15px; } .fees_payment_modes_header h3 { margin: 0; color: #252525; font-size: 20px; font-weight: 700; line-height: 1.4; } .fees_payment_mode_card { width: 100%; min-height: 125px; padding: 18px 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: #ffffff; border: 1px solid #e7e7e7; border-radius: 10px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.04); transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease; } .fees_payment_mode_card:hover { border-color: #c53a3a; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); } .fees_payment_mode_icon { width: 100px; height:100px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; color: #b21c1c; background: #fff5f5; border-radius: 50%; } .fees_payment_mode_icon svg { max-width: 60px; height: 60px; } .fees_payment_mode_card p { margin: 0; color: #333333; font-size: 13px; font-weight: 600; line-height: 1.35; } .fees_payment_card { width: 100%; padding: 32px 30px; background: var(--white-color); border: 1px solid var(--gray-color); border-radius: 14px; box-shadow: 0 12px 35px rgba(0, 0, 0, 0.09), 0 2px 8px rgba(0, 0, 0, 0.03); } .fees_payment_card_top { margin-bottom: 25px; } .fees_payment_card_badge { display: inline-flex; align-items: center; margin-bottom: 12px; padding: 6px 10px; color: var(--primary-color); background: #fff1f1; border-radius: 4px; font-size: 10px; font-weight: 700; letter-spacing: 1px; } .fees_payment_card_top h3 { margin: 0 0 8px; color: #171717; font-size: var(--font-30); font-weight: 700; line-height: 1.2; } .fees_payment_card_top p { margin: 0; font-size: var(--font-14); line-height: 1.65; } .fees_payment_form { width: 100%; } .fees_payment_field_label { display: block; margin-bottom: 8px; color:var(--black-color); font-size: var(--font-14); font-weight: 600; } .fees_payment_field_label span { font-size: var(--font-12); font-weight: 400; } .fees_payment_input_box { width: 100%; min-height: 55px; display: flex; align-items: center; margin-bottom: 14px; background:var(--white-color); border: 1px solid var(--gray-color); border-radius: 6px; transition: var(--transition); } .fees_payment_input_box:focus-within { border-color:var(--primary-color); box-shadow: 0 0 0 3px rgba(178, 28, 28, 0.08); } .fees_payment_input_icon { width: 48px; height: 55px; flex: 0 0 48px; display: flex; align-items: center; justify-content: center; color:var(--primary-color); } .fees_payment_input_icon svg { width: 21px; height: 21px; } .fees_payment_input { width: 100%; height: 53px; padding: 0 14px 0 0; color: var(--black-color); background: transparent; border: 0; outline: 0; font-size: 14px; } .fees_payment_input::placeholder { color: var(--gray-color); } .fees_payment_input:focus { outline: 0; box-shadow: none; } .fees_payment_submit { width: 100%; min-height: 55px; padding: 14px 18px; display: flex; align-items: center; justify-content: center; gap: 10px; color: var(--white-color); background: var(--primary-color); border: 1px solid var(--primary-color); border-radius: 6px; font-size: 15px; font-weight: 600; cursor: pointer; transition: background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease; } .fees_payment_submit svg { width: 20px; height: 20px;} .fees_payment_submit:hover { color: var(--white-color); background: var(--primary-color); border-color: var(--primary-color);} .fees_payment_or { width: 100%; margin: 16px 0; display: flex; align-items: center; gap: 12px; } .fees_payment_or span { height: 1px; flex: 1; background: var(--black-color); } .fees_payment_or strong { color: var(--black-color); font-size: 11px; font-weight: 600; } .fees_payment_upi_button { width: 100%; min-height: 55px; padding: 13px 18px; display: flex; align-items: center; justify-content: center; gap: 10px; color:var(--primary-color); background: var(--white-color); border: 1px solid var(--primary-color); border-radius: 6px; font-size: 15px; font-weight: 600; cursor: pointer; transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease; } .fees_payment_upi_icon { width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; } .fees_payment_upi_icon svg { width: 21px; height: 21px; } .fees_payment_upi_button:hover { color: var(--white-color); background: var(--primary-color); } .fees_payment_secure_note { margin-top: 20px; padding-top: 18px; display: flex; align-items: center; justify-content: center; gap: 8px; border-top: 1px solid #eeeeee; text-align: center; font-size: var(--font-12); } .fees_payment_secure_note svg { width: 18px; height: 18px; flex: 0 0 18px; color: var(--green-color); } .fees_payment_warning_header h3 { font-size: var(--font-20); margin-bottom: 0;} .cms-content-section.img_middle .img-col,.cms-content-section.img_top .img-col { display: flex; justify-content: center; padding: 20px 0 0 0; border-radius: 20px} .cms-content-section.img_middle .row{align-items: center;} .cms-content-section.img_top .row { align-items: flex-start; } .full_banner_with_bg .content-block .content-block-style2 .content-col { background: transparent; } .full_banner_with_bg .content-block .content-block-style2 .content-col::after {display: none;} .full_banner_with_bg .content-block .img::before {opacity: 0;} .full_banner_with_bg .content-block .content-block-style2 .title {color: var(--white-color);} .full_banner_with_bg .content-col .subtitle{display: block ; width: 100% ;} section.banner-section.full_banner_with_bg { background:linear-gradient(0deg, rgba(47, 37, 131, 0.6), rgba(47, 37, 131, 0.6)); } .full_banner_with_bg .content-block .content-block-style2 .content-col { padding: 162px 30px 161px 0px; } figcaption.course-content .card_icon_img_main svg circle{ fill: var(--white-color); } .vftw-section { background-color: var(--gray-color); background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; } .vftw-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255,255,255,.6) 0%, rgba(255,255,255,.25) 40%, rgba(255,255,255,.15) 100%); pointer-events: none; } .vftw-container { position: relative; z-index: 1; } .vftw-heading { display: flex; align-items: center; justify-content: center; gap: var(--top-gap); font-family: var(--title-font); font-weight: 500; font-size: var(--font-40); color: var(--text-color); margin: var(--content-space) 0 var(--content-space-sm) 0; } .vftw-heading-dot:last-child { margin-left: 30px; margin-right: 0;} .vftw-heading-dot { color: var(--black-color); font-size: var(--font-30); position: relative; margin-right: 30px; background-color: #D5D4D4; height: 10px; width: 10px; border-radius: 50%;} .vftw-heading-dot::before {content: ""; position: absolute; left: 10px; top:50%; transform: translateY(-50%); border-bottom: 1px solid #D5D4D4; height: 1px; width: 20px;} .vftw-heading-dot:last-child::before {content: ""; position: absolute; left: -20px; top: 50%; transform: translateY(-50%); border-bottom: 1px solid #D5D4D4; height: 1px; width: 20px;} .vftw-timeline-line {position: relative;} .vftw-block--core-value-content + .vftw-block--timeline-content .vftw-timeline-line::before{display: none;} .vftw-timeline-line::before {content: ""; position: absolute; left: -6px; top:0; background-color:#D5D4D4; height: 12px; width: 12px; border-radius: 50%;} .vftw-timeline-line::after {content: ""; position: absolute; left: -6px; bottom:0; background-color:#D5D4D4; height: 12px; width: 12px; border-radius: 50%;} .vftw-block:first-child .vftw-heading { margin-top: 0; } .vftw-full-content { text-align: center; font-family: var(--title-font); font-weight: 400; font-size: var(--font-24); line-height: 1.7; color: var(--text-color); max-width: 780px; margin: 0 auto; } .vftw-full-content strong, .vftw-full-content b { color: var(--primary-color); font-weight: 700; } .vftw-timeline { position: relative; padding: var(--content-space-sm) 0 0 0; } .vftw-timeline-line { position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; background: var(--gray-color); transform: translateX(-50%); } .vftw-timeline-item { position: relative; display: flex; align-items: flex-start; margin-bottom: var(--content-space); } .vftw-timeline-item:last-child { margin-bottom: 0; } .vftw-timeline-avatar-col, .vftw-timeline-copy { width: 50%; } .vftw-timeline-avatar-col { display: flex; } .vftw-timeline-dot { position: absolute; top: 5px; left: 50%; width: 12px; height: 12px; transform: translateX(-50%); border-radius: var(--radius-circle); background:#D5D4D4; } .vftw-timeline-item--left .vftw-timeline-avatar-col { order: 1; justify-content: flex-end; padding-right: var(--gap); } .vftw-timeline-item--left .vftw-timeline-copy { order: 2; padding-left: var(--gap); } .vftw-timeline-item--right .vftw-timeline-avatar-col { order: 2; justify-content: flex-start; padding-left: var(--gap); } .vftw-timeline-item--right .vftw-timeline-copy { order: 1; padding-right: var(--gap); } .vftw-timeline-avatar { flex: 0 0 100px; width: 100px; height: 100px; border: 1px solid rgba(43, 42, 41, .15); background: var(--white-color); } .vftw-timeline-avatar img { width: 100%; height: 100%; object-fit: cover; } .vftw-timeline-title { font-family: var(--title-font); font-weight: 600; font-size: var(--font-24); color: var(--text-color); margin: 4px 0 8px; } .vftw-timeline-text { font-size: var(--font-16); color: var(--text-color); } .vftw-core-box { background: #ffffff91; box-shadow: 0px 10px 40px rgba(0, 0, 0, .02); border-radius: var(--radius-20); padding: var(--content-space) var(--content-space-sm); } .vftw-core-item { text-align: center; padding: 20px 0; } .vftw-core-item + .vftw-core-item { border-top: 1px solid rgba(43, 42, 41, .1); } .vftw-core-title { display: inline-block; width: auto; color: var(--primary-color); border: 0; padding: 0; letter-spacing: .5px; position: relative;} .vftw-core-title::after {content: ""; position: absolute; left: -20px; top:50%; transform: translateY(-50%); background-color:var(--primary-color); height: 10px; width: 10px; border-radius: 50%;} .vftw-core-title::before {content: ""; position: absolute; right: -20px; top:50%; transform: translateY(-50%); background-color:var(--primary-color); height: 10px; width: 10px; border-radius: 50%;} .vftw-core-shlok { font-family: var(--sanskrit-font); color: var(--primary-color); font-size: var(--font-30); line-height: 1.4; margin-bottom: 10px; } .vftw-core-quote { font-family: var(--title-font); font-weight: 400; font-size: var(--font-20); color: var(--text-color); line-height: 1.7; max-width: 640px; margin: 0 auto; } .vftw-core-author { font-family: var(--content-font); font-size: var(--font-14); color: var(--black-color); opacity: 1; margin-top: 10px; text-align: right;} .shastri_ji_maharaj { position: absolute; margin-top: auto; bottom: 0; left: 0%; z-index: 1;} .shastri_ji_maharaj img { width: 630px; height: 530px; } .cms-content-section .cms-content ol + h3, .cms-content-section .cms-content ul + h3, .cms-content-section .cms-content ol + h5, .cms-content-section .cms-content ul + h5, .cms-content-section .cms-content p + h3, .cms-content-section .cms-content p + h3, .cms-content-section .cms-content p + h6, .cms-content-section .cms-content ul + h6, .cms-content-section .cms-content ol + h6, .cms-content-section .cms-content ul + h4, .cms-content-section .cms-content ol + h4, .cms-content-section .cms-content ul + h2, .cms-content-section .cms-content ol + h2 {margin-top: 40px;} .cms-content-section .cms-content h3 + p, .cms-content-section .cms-content h4 + p, .cms-content-section .cms-content h5 + p, .cms-content-section .cms-content h6 + p {margin-top:1.2em;} .cms-content-section .cms-content h3 + ol, .cms-content-section .cms-content h3 + ul,.cms-content-section .cms-content h5 + ol, .cms-content-section .cms-content h5 + ul {margin-top: 40px;} /* Comment container */ .comment-list { list-style: none; margin: 0; padding: 0; } .comment-list .comment { margin: 0 0 24px; padding: 0; } .comment-list .comment-body { position: relative; padding: 24px; background: #ffffff; border: 1px solid #e8e8e8; border-radius: 14px; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06); transition: all 0.25s ease; } .comment-list .comment-body:hover { border-color: #d8d8d8; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.09); } .comment-list .comment-author { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; } .comment-list .comment-author img.avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; border: 2px solid var(--white-color); } .comment-list .comment-author .fn { font-size: var(--font-16); font-weight: 700; color: #222; } .comment-list .comment-author .fn a { color: inherit; text-decoration: none; } .comment-list .comment-author .fn a:hover { color:var(--primary-color); } .comment-list .says { font-size:var(--font-14); color: var(--black-color); } .comment-list .comment-metadata { margin-left: 54px; margin-bottom: 16px; } .comment-list .comment-metadata a { color: var(--black-color); font-size:var(--font-13); text-decoration: none; } .comment-list .comment-metadata a:hover { color:var(--primary-color); } .comment-list .comment-content { margin: 0 0 18px; padding-left: 54px; } .comment-list .comment-content p { margin: 0; color: var(--black-color); font-size: var(--font-14); line-height: 1.7; } .comment-list .reply { padding-left: 54px; } .comment-list .comment-reply-link { display: inline-block; padding: 8px 16px; background:var(--primary-color); color: var(--white-color); border-radius: 7px; font-size: var(--font-13); font-weight: 600; text-decoration: none; transition: background 0.2s ease, transform 0.2s ease; } .comment-list .comment-reply-link:hover { background: var(--primary-color); color: var(--white-color); } figure.wp-block-image.is-resized { margin-bottom:1rem; } .education-section .whychoose { height: 100%; margin-bottom: 0 ;} .education-section .img-col { height: 100%; } .education-section .img-col .pillar-card { height: 100%; } .education-section .img-col .pillar-card img {height: 100%;} .education-section .pillar-card { position: relative; border-radius: var(--radius-20); overflow: hidden; transition: all .5s ease; width: 100%; height: 100%; padding-bottom: 100%; } .education-section .pillar-card img { width: 100%; height: auto; display: block; object-fit: cover; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .education-section .content-col { height: 100%;} /*---------------- 0001 Media Query(s) ----------------*/ @media screen and (min-width: 1440px){ .header-top .header-cta .btn {display: none;} .header .logo a {padding: 26px 10px;} } @media screen and (min-width: 1200px) { .social_links a:hover { color: #FFFFFF; border-color: #FFFFFF; background-color: var(--primary-color); } .btn:hover,.btn:focus, .btn.active, .btn:active, .btn.show, .btn-check:checked+.btn, .btn:first-child:active { color: var(--btn-hover-color)!important; background: var(--btn-hover-bg)!important; border-color: var(--btn-hover-border)!important; } .breadcrumb a:hover, .header-actions a:hover { color: var(--primary-color); } .pagination ul li a:hover { border-color: var(--primary-color); color: var(--primary-color); } .bg-parallax { background-attachment: fixed; } .cms-content a:hover { text-decoration: underline; } .social-wrapper a:hover { color: var(--white-color); background-color: var(--primary-color); border-color: var(--primary-color); } .bg-primary .social-wrapper a:hover { background-color: var(--secondary-color); border-color: var(--secondary-color); color: var(--primary-color) } .bg-secondary .social-wrapper a:hover { background-color: var(--white-color); border-color: var(--white-color); color: var(--primary-color) } .footer .list li a:hover, .footer .copyright a:hover, .footer .list li.selected a { color: #FFFFFF; border-color: #FFFFFF; } .footer .social-wrapper a:hover { color: var(--primary-color); background-color: #fff; border-color: #fff; } .logo-slider .logo-img:hover { filter: grayscale(0); } .cards:hover img::before { transform: translate(-50%, -50%); width: 50%; height: 50%; opacity: 0; } .cards:hover .img::after { width: 100%; height: 100%; opacity: .3; } .cards.product:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); } .logo-section .owl-carousel .main_box:hover img { transform: translateY(-50%) scale(0.9); box-shadow: rgba(0, 0, 0, .24) 0px 3px 8px; border-radius: var(--radius-10); } .stat-box:hover { transform: translateY(-5px); } .activity-section .activity-box:hover { color: var(--text-color); background: #FFFFFF; transform: translateY(-5px); } .activity-section .activity-box:hover p { color: var(--text-color); } .activity-section .activity-box:hover.icon { color: var(--primary-color); } .campus-list li a:hover { border-color: var(--purple-color); } .campus-list li a:hover span { color: var(--purple-color); } .slick-dots li button:hover:before { border-color: var(--secondary-color); background-color: var(--secondary-color); } .testimonial-section .slick-dots li button:hover:before { border-color: var(--yellow-color); background-color: var(--yellow-color); } .slick-prev:hover, .slick-next:hover { color: #FFFFFF; outline: none; } .feature-strip-section .feature-box:hover, .cards.card-main:hover, .founder-content .item:hover { transform: translateY(-5px); } .foundation-style3 .pillar-card:hover p { opacity: 1; } .foundation-style3 .pillar-card:hover .pillar-content { bottom: 0; } .foundation-style1 .pillar-card:hover .pillar-content .shape { height: 234px; } .foundation-style1 .pillar-card:hover .pillar-content .content { padding-bottom: 30px; } .blog-img-wrapper .blog-link:hover { background: #FFFFFF; color: var(--primary-color); transition: all .5s ease; -webkit-transition: all .5s ease; } .blog-item .blog-link:hover :is(svg, img) {transform: rotate(45deg);} .blog-item:hover .blog-img img, .search-list-wrapper .list-item:hover .img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .blog-item:hover .title, .team-section .team-slider .item:hover .title { color: var(--primary-color); } .process-steps [class*=col-] { flex: 0 0 auto; width: 20%; } .foundation-style1 .pillar-card.purple:hover::before { background: linear-gradient(180deg, rgba(51, 60, 148, 0) 0%, rgba(51, 60, 148, 0.85) 60%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } .foundation-style1 .pillar-card.green:hover::before { background: linear-gradient(180deg, rgba(51, 148, 140, 0) 0%, rgba(51, 148, 140, 0.95) 60%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } .foundation-style1 .pillar-card.orange:hover::before { background: linear-gradient(180deg, rgba(196, 86, 67, 0) 0%, rgba(196, 86, 67, 0.85) 60%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } .event-btn .btn:hover { transform: translateY(-5px); background: linear-gradient(180deg, #C42526 0%, #FFFFFF 100%) !important; } .team-slider .item:hover .img_slide:after { width: 100%; height: 100%; opacity: 0.2; } .bl-card:hover { transform: translateY(-4px); box-shadow: 0 8px 36px rgba(0,0,0,.13); } .bl-card:hover .bl-card-img img { transform: scale(1.04); } .bl-details-btn:hover svg { transform: translateX(3px); } .bl-page-btn:hover { border-color: var(--primary-color); color: var(--primary-color); } /* .header-top .header-cta .btn { display: none; } */ .header .logo { position: absolute; top: 0; z-index: 1; background: #FFFFFF; border-radius: 0 0 10px 10px; box-shadow: 0 0 10px rgba(0,0,0,.3); transition: all .4s ease; } .header .logo a { padding: 30px 20px; /* padding: 33px 15px; transition: padding .4s ease; */ } /* .header.sticky .logo a { padding: 25px 5px; } */ } @media screen and (min-width: 1200px) and (max-width: 1439px) { .foundation-style1 .pillar-card:hover .pillar-content .shape { height: 200px; } } @media screen and (max-width: 1799px) { :root { /* --gap: 24px; */ --section-radius: 24px; --section-space: 90px; --section-space: 80px; --content-font-size: 16px; --content-space: 70px; --content-space-sm: 50px; --btn-height: 46px; --radius-40: 37px; --radius-50: 40px; --radius-100: 70px; --font-12: 11px; --font-13: 12px; --font-14: 13px; --font-16: 15px; --font-18: 16px; --font-20: 18px; --font-22: 20px; --font-24: 22px; --font-28: 25px; --font-30: 28px; --font-36: 31px; --font-40: 37px; --font-44: 40px; --font-48: 44px; --font-60: 56px; --font-70: 64px; --font-80: 70px; --font-100: 75px; --font-120: 80px; } .hero-banner .banner-wrapper { bottom: 70px; } .hero-banner .slick-dots { bottom: 50px; } .container { max-width: 1424px; } .pagination ul li :is(a, .dots) { width: 50px; height: 50px; } .shorting-container .form-control { padding: 0 45px 0 20px; } .shorting-wrapper .left-select .form-control { width: 200px; } .slick-arrow { width: 50px; height: 50px; } .slick-prev { left: -90px; } .slick-next { right: -90px; } .section-container .slick-prev { left: 40px; } .section-container .slick-next { right: 40px; } .footer .footer-container { padding-top: var(--section-space); } .inspiration-card .quote { font-size: 24px; } .inspiration-card .text { font-size: 20px; } .content-block .contact-col { padding: var(--section-space); } .process-steps .icon { width: 160px; height: 160px; } .about-slider, .gallery_slider, .related-event-slider, .blog-slider{ padding: 0 90px; } .slick-next { right: 0; } .slick-prev { left: 0; } .small-event { margin-bottom: 33px; } .large-event-content { left: 30px; bottom: 30px; } .search-submit svg { width: 18px; height: 18px; } .content-block .content-block-style2 .content-col { padding: var(--section-space) 66px; } .admission_process-section .items .icon { width: 120px; height: 120px; } .admission_process-section .items .icon svg { width: 58px; height: 58px; } .map-iframe iframe { height: 500px; } .contact-form-container { padding: 100px; } .feature-strip-section .feature-box { height: 100px; padding: 0 36px; } .feature-strip-section .feature-box .icon { margin-right: 20px; width: 45px; height: 45px; } /* .hero-banner .banner-item, .cms-fullimg-slider-section .full_img-item { height: 633px; } */ .header .logo a img {width: auto;height: 70px;} .header .header-navigation .btn { height: calc(var(--btn-height) - 4px);padding: 0 calc(var(--btn-padding) - 10px); } .personalities-testimonial-section .personalities-img img { width: 150px; height: 150px; } } @media screen and (max-width: 1535px) { .activity-section .sports-overlay .content-wrapper { padding: 0 60px; } .small-event { margin-bottom: 31px; } .value-system-container svg { margin: 0; width: 100%; aspect-ratio: 1484 / 1280; height: auto; } } @media screen and (max-width: 1439px) { :root { --gap: 20px; /* --main-space: 180px; */ --section-space: 85px; --section-space-sm: 75px; --section-radius: 20px; --content-space: 50px; --content-space-sm: 40px; --content-font-size: 15px; --btn-width: 127px; --btn-height: 44px; --radius-40: 32px; --radius-50: 36px; --radius-100: 50px; --font-12: 11px; --font-13: 12px; --font-14: 13px; --font-16: 15px; --font-18: 16px; --font-20: 18px; --font-22: 20px; --font-24: 20px; --font-28: 22px; --font-30: 24px; --font-36: 28px; --font-40: 34px; --font-44: 38px; --font-48: 44px; --font-50: 46px; --font-55: 52px; --font-60: 56px; --font-70: 60px; --font-80: 66px; --font-100: 68px; --font-120: 70px; } .header .logo a img, .header.sticky .logo a img { height: 60px;} .header-cta { margin-left: 18px; } .hero-banner .media-container { aspect-ratio: 1880 / 850; height: auto; } .banner-wrapper .hero-text { margin-right: -100px; } .event-banner .banner-wrapper .hero-text{margin: 0;} /* .page-container { padding-top: 180px; } */ .feature-strip-section .feature-box { height: 90px; padding: 0 30px; } .feature-strip-section .feature-box .icon { margin-right: 18px; width: 40px; height: 40px; } .courses-section .cards .course-content { padding: 10px 0 56px 24px; } .why-section .img-col { padding: 0; } .feature-strip-style2 .feature-box .icon { width: 38px; height: 38px; margin-right: 14px; } .feature-strip-style2 .feature-box { height: 94px; } .hero-banner .banner-style2 .media-container { aspect-ratio: 1200 / 680; } .shorting-wrapper :is(.form-control, form) {width: 200px;} .pagination ul li :is(a, .dots) { width: 40px; height: 40px; } .accordion_main .accordion-item .accordion-body p { padding: 0 calc(var(--gap) + 20px) 0 0 } .cms-content-wrapper .cms-content { padding: 0 10px 0 0 } .cta-section .cta-content-col h2 br { display: none; } .hero-banner .banner-wrapper { bottom: 60px; } .hero-banner .slick-dots { bottom: 40px; } .foundation-style1.pillars-wrapper>*:nth-child(even) { margin-top: 60px; } .pillar-card .pillar-conten, .edu-container .pillar-card .pillar-content { padding: 0 26px 26px; } .personalities-testimonial-section { padding-bottom: var(--section-space); } .personalities-testimonial-section .personalities-img img { width: 120px; height: 120px; } .personalities-testimonial-section .slick-dots { bottom: calc(var(--content-space-sm) * -1);} /* .campus-list li { width: 46.4%; } */ .section-container .slick-prev { left: 20px; } .section-container .slick-next { right: 20px; } .book_campus-section .contact-col { padding: 0 80px 0 0; } .vision-mission-section .media-container { height: 700px; } .founder-section .cards .personalities-img { width: auto; height: 200px; } .child-dev .section-content { margin-bottom: var(--content-space-sm); } .blog-img-wrapper .blog-link { width: 60px; height: 60px; } .blog-img-wrapper .blog-link svg { width: 30px; height: 30px; } .process-steps .icon { width: 140px; height: 140px; box-shadow: inset 0 0 0 12px #FFFFFF; } /* section .section-bg.section-container { height: 900px; } */ .msg-container .content-col { padding: 0 0 0 50px; } .msg-container .row.row-reverse .content-col { padding: 0 40px 0 10px; } .student-achievement-section .student-rank .student-img { padding: 8px; } .blog-section .blog-link, .related-event-slider .blog-link { width: 60px; height: 60px; } .blog-section .blog-link :is(svg, img), .related-event-slider .blog-link svg { width: 30px; height: 30px; } .large-event-content { width: 55%; } .large-event-slider .slick-arrow { left: calc(55% + 45px); width: 60px; height: 60px; border-radius: 12px; -webkit-border-radius: 12px; } .large-event-slider .slick-arrow.slick-prev { bottom: 109px; } .large-event-slider .slick-arrow svg { width: 38px; height: 38px; } .event-row { margin: 0 -15px; } .large-event-col { padding: 0 15px; } .small-event-col { padding: 0 15px; } .small-event { margin-bottom: 21px; } .student-achievement-section .student-rank { max-width: 1281px; } .about-benefit { aspect-ratio: 113 / 127; width: 98px; height: auto; font-size: 12px; } .pillar-card .pillar-content .shape { gap: 0 6px; max-width: 309px; } .about-benefit:nth-child(4), .about-benefit:nth-child(5) { margin-top: -20px; } .ellipse-triangle, .ellipse-circle, .ellipse-square { width: 900px; height: 900px; } .stats-section .items { padding: 0; } .admission_process-section .items .icon { width: 90px; height: 90px; } .admission_process-section .items .icon svg { width: 50px; height: 50px; } .admission_process-section .items .title { margin: 0 0 16px 0; } .cms-content-section .content-col { padding: 0 0 0 30px; } .cms-content-section .row-reverse .content-col { padding: 0 30px 0 0; } .cms-content-section .cms-video:after, .full-video-content-section .cms-video.cms-video:after { width: 60px; height: 60px; bottom: 30px; right: 30px; } .map-iframe iframe { height: 450px; } .foundation-style3>*:nth-child(1) .pillar-card { margin-right: 40px; } .foundation-style3>*:nth-child(2) .pillar-card { margin: 0 -40px; } .foundation-style3>*:nth-child(3) .pillar-card { margin-left: 40px; } .campus-section .map-img svg { width: 100%; height: 100%; } .impact-section .video-card .play-btn { width: 50px; height: 50px; } .vision-wrapper .item { padding: 40px 50px; } .vision-mission-section .item .quote { letter-spacing: normal; } .education-section .whychoose > * { padding-bottom: 40px; } .education-section .whychoose .item { padding: 0; } .events_detail-section .event-details-content> p { padding-right: 0; } /* .hero-banner .banner-item, .cms-fullimg-slider-section .full_img-item { height: 524px; } */ .education_values-section .item { max-width: 240px; } .academic_life-logo { width: 200px; height: auto; object-fit: cover; } .header .header-navigation .header-cta{display: none;} /* 12-8-26a */ .education-section .whychoose .item {padding: 10px;} .education-section .whychoose > * { padding-bottom: var(--gap); } .foundation-style1.pillars-wrapper>*:nth-child(even){margin-top: 0;} .shastri_ji_maharaj img { width: 420px; height: 340px; } } @media screen and (max-width: 1399px) { .gravity-pills-col .learning-card { flex: none; } .gravity-pills-col { flex-direction: row; justify-content: space-between; } .gravity-pills-col > * { width: calc(50% - (var(--gap) * 0.5)); } .human-card { margin-top: var(--gap); } /* .foundation-style1 .pillar-card:hover .pillar-content { padding: 0 80px 260px 26px; } .pillar-card p { margin: 10px 0 0 0; } .pillar-card .pillar-content .shape { padding-bottom: 20px; } */ /* 12-8-26a */ .box_content_main ul li .box_content {font-size: var(--font-18);} .box_content_main ul li .phone_svg, .box_content_main ul li .address_svg, .box_content_main ul li .email_svg { min-height: 30px; min-width: 30px; } .box_content_main ul li .phone_svg svg, .box_content_main ul li .address_svg svg, .box_content_main ul li .email_svg svg { top: 27%; width: 14px; height: 14px; } .dc-card-media img { max-width: 130px; } .dc-card { padding: 0px 0px 0px 130px; } .box_content_main ul { margin-top: 20px; } /* 13-8-26 */ .quick_link_section .link-box { padding: 20px 20px 65px 20px; } } @media screen and (max-width: 1199px) { :root { /* --gap: 20px; */ --main-space: 90px; --section-space: 70px; --section-space-sm: 50px; --section-radius: 20px; --content-space: 40px; --content-space-sm: 30px; --content-font-size: 15px; --btn-width: 125px; --btn-height: 40px; --btn-padding: 20px; --radius-10: 8px; --radius-20: 16px; --radius-30: 20px; --radius-40: 24px; --radius-50: 30px; --radius-100: 40px; --font-12: 11px; --font-13: 12px; --font-14: 13px; --font-16: 14px; --font-18: 15px; --font-20: 16px; --font-22: 18px; --font-24: 20px; --font-28: 25px; --font-30: 26px; --font-36: 28px; --font-40: 32px; --font-44: 36px; --font-48: 38px; --font-50: 40px; --font-55: 42px; --font-60: 44px; --font-70: 46px; --font-80: 50px; --font-100: 60px; --font-120: 66px; } .btn:hover, .btn.active, .btn:active, .btn.show, .btn-check:checked+.btn, .btn:first-child:active { color: var(--btn-color); background: var(--btn-bg); border-color: var(--btn-border) } .bg-parallax { background-position: center center !important; background-size: cover !important; } .shorting-container .form-control { padding: 0 40px 0 16px; } .search-submit { right: 16px; } .slick-arrow { width: 40px; height: 40px; } .header { padding: 15px 0; } .header-top .navigation ul { display: none; } .header-main { padding: 0; } .header-cta {margin-left: auto;} .header-top .header-cta .btn, .header .header-navigation .btn { height: var(--btn-height);padding: 0 var(--btn-padding); } .stat-box .icon { width: 32px; height: 32px; } .stat-style2 .icon { width: 40px; height: 40px; } .top-title + .title-light { margin: 20px 0 0 0; } .foundation-style1 .pillar-card .pillar-content { padding: 0 20px 20px 20px; } .testimonial-section .play-btn { left: 20px; bottom: 20px; width: 42px; height: 42px; } .about-slider, .gallery_slider, .related-event-slider, .blog-slider{ padding: 0 50px; } .accordion_main .accordion-item .accordion-button:before, .accordion_main .accordion-item .accordion-button:after { width: 16px } .contact_form .form-control { padding: 0 16px; height: var(--btn-height) } .form-select { background-size: 12px; background-position: right 17px top 50%; } .cms-content-wrapper .cms-content { padding: 0 } .social-wrapper a { width: 40px; height: 40px } .footer .input { padding: 10px 150px 10px 60px; } .footer .list li.selected a { color: #FFFFFF; border-color: #FFFFFF; } /* .page-container { padding-top: 90px; } */ .courses-section .cards .course-content { padding: 0 0 0 20px; } .courses-section .cards { padding: 10px; } .course-style1 .cards .btn-group { bottom: 0; } .courses-section .course-content p { margin: 10px 0 0 0; } .hero-banner .banner-wrapper { bottom: 40px; } .hero-banner .slick-dots { bottom: 25px; } .hero-banner .hero-text p { margin: 20px 0 0 0; } .hero-banner .btn-group { margin-top: 24px; } .banner-wrapper .hero-text { margin-right: 0; } .why-section .content-col { padding: 0; } .why-section .whychoose { --gap: 24px;} .title+.bullets, .cms-content+.bullets { margin-top: var(--content-space-sm); } .why-section .section-content { margin-bottom: var(--content-space-sm); } .why-section .whychoose .icon { width: 60px; height: 60px; } .why-section .whychoose .icon svg { width: 30px; height: 30px; } .msg-container { padding: 30px; } .personalities-testimonial-section .slider-container { padding: 0 60px; } .personalities-testimonial-section .personalities-img { margin-bottom: 30px; } .footer .logo { height: 70px; } .impact-section .card-box, .impact-section .card-box.student-card { padding: 30px; } .inspiration-slider-wrapper:before { top: 30px; right: 30px; } .cards-slider .slick-arrow { right: 30px; top: 30px; } .cards-slider .slick-prev { right: 85px; } .inspiration-card .title { margin: 0 0 80px 0; } .inspiration-card .quote { font-size: 22px; } .inspiration-card .text { font-size: 19px; margin: 15px 0 35px 0; } .graviry-pill-canvas { height: 277px; } .foundation-style3 .pillar-card .pillar-content { bottom: 0; padding: 24px; } .foundation-style3 .pillar-card .pillar-content p { opacity: 1; } .foundation-style3 p { min-height: auto; } .book_campus-section .contact-col { padding: 0 40px 0 0; } .blog-section .blog-item .content { padding: var(--gap) var(--gap) 0 0; } .blog-cards.blog-cards-btn .blog-item .content { padding: var(--gap) var(--gap) calc(var(--btn-height) + 40px) var(--gap); } .blog-img-wrapper .blog-link { width: 50px; height: 50px; } .blog-img-wrapper .blog-link svg { width: 20px; height: 20px; } .blog-section .blog-link, .related-event-slider .blog-link { width: 50px; height: 50px; } .process-steps .icon { width: 120px; height: 120px; box-shadow: inset 0 0 0 8px #FFFFFF; } .pillar-card .pillar-content .shape { height: auto; display: none; } .pillar-card .tag-title { margin: 14px 14px 0 0; } .foundation-style1 .pillar-card p { margin: 10px 0 0 0; } .msg-container .row.row-reverse .content-col { padding: 0 30px 0 0; } .msg-container .content-col { padding: 0 0 0 40px; } .horizontal-line { left: 30px; right: 30px; } .founder-main .img-col { margin-right: -30px; } .founder-main .content-col { margin-left: -30px; } .small-event-content { padding: 0 0 0 20px; } .small-event-title { margin: 10px 0 0 0; } .small-event .btn { margin: 16px 0 0 0; } .small-event { margin-bottom: 12px; } .large-event-col { padding: 0 10px; } .small-event-col { padding: 0 10px; } .event-row { margin: 0 -10px; } .large-event-content { padding: 20px; } .top-student-pr { width: 108px; height: 105px; padding: 0 0 8px 0; top: -6px; right: -18px; } .top-student .student-item:nth-child(1) .top-student-pr { width: 140px; height: 135px; } .top-student .student-img { width: 180px; padding: 12px; } .top-student .student-item { padding: 0 16px; } .top-student .student-item:nth-child(1) .student-img { width: 230px; padding: 16px; } .student-achievement-section .student-rank { gap: 20px 12px; max-width: 956px; } .feature-strip-section .feature-box { height: 70px; padding: 0 25px; } .feature-strip-section .feature-box .icon { margin-right: 16px; width: 35px; height: 35px; } .feature-strip-section { padding: 40px 0; } .feature-strip-style2 .feature-box { height: 70px; } .feature-strip-style2 .feature-box .icon { width: 32px; height: 32px; margin-right: 14px; } .course-medium .list { gap: 20px 20px; } .title-1+.cms-content, .top-title +.cms-content { margin-top: 30px; } .cta-section .cta-container { height: 480px; } .bullets li { line-height: 20px; } .bullets li:before { width: 18px; height: 18px; } .process-line { display: none; } .process-section .process-steps { margin-bottom: -40px; } .process-section .process-steps > * { padding-bottom: 40px; } .events-container .blog-cards { padding: 0; } .timeline::before { width: 10px; } .timeline-item { padding: 0 100px 0 0; } .timeline-item:nth-child(even) { padding: 0 0 0 100px; } .timeline-item:nth-child(2) { margin-top: 180px; } .timeline-date { right: 12px; } .timeline-item:nth-child(even) .timeline-date { left: 12px; } .timeline-item .timeline-date::before { left: -4px; } .timeline-item:nth-child(even) .timeline-date::before { right: -4px; } .timeline-item .timeline-date::after { right: -16px; width: 100px } .timeline-item:nth-child(even) .timeline-date::after { left: -16px; } .ellipse-triangle, .ellipse-circle, .ellipse-square { width: 600px; height: 600px; } .event-details-content ul li { line-height: 20px; } .event-details-content ul li:before { width: 18px; height: 18px; } .event-details-content ul li + li { margin-top: 15px; } .event-details-content ol li + li { margin-top: 15px; } .stat-style3 .stat-box .icon { width: 32px; height: 32px; } .event-details-content :is(h4 + p, .h4 + p, h4 + ul, .h4 + ul) { margin-top: 20px; } .event-details-content :is(h4, .h4, blockquote, .event-details-gallery, .event-btn) { margin-top: 55px; } .event-details-content :is(.stat-style3, p + ul, p + ol) { margin-top: 35px; } .event-btn .btn svg { width: 28px; height: 28px; } .event-btn .btn { height: 60px; min-width: 210px; padding: 0 20px; } .content-block .content-block-style2 .content-col { padding: 50px 30px; } .cms-content-section .content-col { padding: 0 0 0 10px; } .cms-content-section .row-reverse .content-col { padding: 0 10px 0 0; } .cms-content-section .cms-video:after, .full-video-content-section .cms-video.cms-video:after { width: 56px; height: 56px; } .whyus-section .whyus-container .content-col { padding: 0; } .whyus-section .title+.btn-group { margin-top: 35px; } .whyus-section .whyus-container { padding: 50px 30px; } .cms-content-section .cms-content ul li { line-height: 20px; } .cms-content-section .cms-content ul li:before { width: 18px; height: 18px; } .cms-content-section .img-col:has(.cms-img-circle) {padding: 0 !important;} .cms-content-section .btn { margin-top: 30px; } .cms-content-section .cms-content p + :is(ul, ol) { margin-top: 30px;} .map-iframe iframe { height: 400px; } .contact-form-container { padding: 70px; } .contact-form-section .ellipse-triangle { transform: translate(21%, 35%); bottom: 0; } .contact-form-section .ellipse-circle { transform: translate(-25%, 25%); bottom: 0; } .move-box { bottom: 0 !important; } .vision-mission-section .media-container { height: auto; display: block; } .vision-mission-section .media-container img, .vision-wrapper.move-box { position: static; } .vision-mission-section .section-container { border-radius: 0; } .vision-mission-section .media-container img { border-radius: var(--radius-40); } /* .hero-banner .banner-item, .cms-fullimg-slider-section .full_img-item { height: 450px; } */ .campus-list {column-gap: 10px;row-gap: 30px;} .campus-list .map-link {padding: 0px 0px 0px 15px;} .nav-pills .service-item { padding: var(--gap); } .service-item .icon { width: 30px; height: 30px; } .service-content { padding: calc(var(--content-space) - 10px); } .service-content .icon { margin-bottom: 10px; width: 60px; height: 60px; } .service-content .icon svg { width: 26px; height: 26px; } .footer .copyright ul { gap: 20px; } .brnach-course-seciton .row .campus_info_box_main { margin: 20px 0 0 -270px;} .brnach-course-seciton .row.row-reverse .campus_info_box_main { margin: 20px -270px 0 0;} /* 10-8-26a */ .blog-section .blog-item .content { padding: 20px; } .admissions_cta_box { padding: 42px 40px; } .full_banner_with_bg .content-block .content-block-style2 .content-col { padding: 50px 30px; } .vftw-core-quote { max-width: 500px; } } @media screen and (max-width: 1023px) { .large-event-col { width: 100%; } .small-event-col { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 10px; } .small-event-img { width: 100%; } .small-event { width: calc(33.3334% - 10px); } .small-event-content { padding: 15px 5px 10px 5px; } /* 12-8-26a */ .whychoose .icon { width: 50px; height: 50px; min-width: 50px; min-height: 50px; } .pillaricon-content { max-width: calc(100% - 60px); } .pillaricon-content { max-width: calc(100% - 60px); } } @media screen and (max-width: 991px) { :is(h1, h2, h3, h4, h5, h6) br { display: none; } .label-float label { left: 5px; } .shorting-wrapper :is(.form-control, form) { width: 170px; } .events-page .shorting-wrapper { width: 100%; } .events-page .search-form { max-width: 100%; flex: auto; } .accordion_main .accordion-item .accordion-body p { padding: 0 var(--gap) 0 0 } .img-col img { width: 100%; } .title-col, .img-col, .row-reverse .img-col, .education-section :is(.img-col, .row-reverse .img-col) { padding: 0; } .oddeven_box > .row:nth-child(even) .content-col, .content-col, .row-reverse .content-col { padding: 0 0 var(--content-space) 0 } .education-section :is(.content-col, .row-reverse .content-col) { padding: var(--content-space) 0 0 0; } .footer .logo { height: 70px; } .footer .news-letter { margin-top: 50px; } .footer .search, .footer .input { height: 55px; } .footer .input { padding: 10px 150px 10px 53px; background: no-repeat 20px 50% / 18px 18px transparent; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 0.75H3.75C2.7558 0.751191 1.80267 1.14666 1.09966 1.84966C0.396661 2.55267 0.00119089 3.5058 0 4.5L0 13.5C0.00119089 14.4942 0.396661 15.4473 1.09966 16.1503C1.80267 16.8533 2.7558 17.2488 3.75 17.25H14.25C15.2442 17.2488 16.1973 16.8533 16.9003 16.1503C17.6033 15.4473 17.9988 14.4942 18 13.5V4.5C17.9988 3.5058 17.6033 2.55267 16.9003 1.84966C16.1973 1.14666 15.2442 0.751191 14.25 0.75ZM3.75 2.25H14.25C14.6991 2.25088 15.1376 2.38614 15.5092 2.63835C15.8808 2.89057 16.1684 3.24821 16.335 3.66525L10.5915 9.4095C10.1688 9.83049 9.59656 10.0669 9 10.0669C8.40344 10.0669 7.83118 9.83049 7.4085 9.4095L1.665 3.66525C1.83161 3.24821 2.11921 2.89057 2.49079 2.63835C2.86236 2.38614 3.30091 2.25088 3.75 2.25ZM14.25 15.75H3.75C3.15326 15.75 2.58097 15.5129 2.15901 15.091C1.73705 14.669 1.5 14.0967 1.5 13.5V5.625L6.348 10.47C7.05197 11.1722 8.00569 11.5665 9 11.5665C9.99431 11.5665 10.948 11.1722 11.652 10.47L16.5 5.625V13.5C16.5 14.0967 16.2629 14.669 15.841 15.091C15.419 15.5129 14.8467 15.75 14.25 15.75Z' fill='white'/%3E%3C/svg%3E"); } .footer .title { margin-bottom: 20px; } .banner-section .banner-item { height: 600px; } .banner-section .col-12 { width: 100% } .banner-section .cms-content { margin-bottom: 0 } .footer .social-wrapper a { width: 40px; height: 40px; } .footer .social-wrapper a svg { width: 16px; height: 16px; } .footer .logo-col { padding-right: 0; margin-bottom: 80px; } .footer .copyright{ width: 100%; } .footer .copyright ul, .footer .copyright ul + p { padding: 10px 0 0 0; } .hero-banner .media-container { height: 450px; aspect-ratio: auto; } .pillar-card .pillar-content, .foundation-style1 .pillar-card .pillar-content, .edu-container .pillar-card .pillar-content { padding: 0 20px 20px; } .foundation-style1.pillars-wrapper>*:nth-child(even) { margin-top: 0; } .foundation-slider-container { overflow-x: auto; overflow-y: hidden; } .foundation-slider { width: 1200px; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .foundation-style1 .pillar-card { filter: none !important; } .foundation-slider > * { width: auto; padding: 0; } .activity-section .sports-item { height: 500px; } .activity-section .activity-box .icon { width: 30px; margin-bottom: 20px; } .why-section .img-col, .why-section .row-reverse .content-col, .book_campus-section .img-col { padding: 0; } .why-section .content-col, .why-section .row-reverse .img-col { padding: 0 0 var(--content-space) 0; } .cta-section .cta-container { height: 360px; } /* .campus-list li { width: 46.5%; } */ .course-style1 .cards .img { width: 100%; } .hero-banner .banner-wrapper { bottom: 40px; } .hero-banner .slick-dots { bottom: 25px; } .play-btn, .impact-section .video-card .play-btn, .slide_video_wrap .slide_video a { width: 45px; height: 45px; } .slide_video_wrap .slide_video a { left: 15px; bottom: 15px; } .testimonial-section .play-btn { bottom: 15px; left: 15px; } .personalities-testimonial-section .slider-container { padding: 0 50px; } .personalities-slider .owl-item .cards { transform: scale(0.99); } .activity-section .sports-content, .activity-section .activity-box { padding: 20px; } .personalities-testimonial-section .cards { padding: 40px; } .activity-section .sports-overlay { padding: 70px 0; } .activity-section .sports-content .title { margin-bottom: var(--gap); } .impact-section .student-card .student-img { width: 90px; height: 90px; } .gravity-pills-col > * { width: 100%; } .impact-section .card-box .title br { display: block; } .graviry-pill-canvas { height: 167px; } .graviry-pill { padding: 10px 20px; height: 40px; } .stat-style2 .icon, .process-steps .icon svg { width: 32px; height: 32px; } .stat-style2 .title { margin-top: 10px; } .book_campus-section .contact-col { padding: 0 0 var(--content-space) 0; } .gallery { grid-template-columns: repeat(3, 1fr); } .col-span { grid-column: span 3; } .gallery .gallery-item.col-span { order: -1; } .hero-banner .banner-style2 .hero-text .title { line-height: 50px; } .founder-section .cards .personalities-img { width: auto; height: 170px; } .foundation-style1 .pillar-card .content { max-width: 100%; } .vision-wrapper .item { padding: var(--gap); } .list-groups { gap: 20px; } .list-groups li { flex: 0 0 calc(33.333% - 17px); } .blog-cards.blog-cards-btn .blog-item .content { padding: var(--gap) var(--gap) calc(var(--btn-height) + 40px) var(--gap); } .blog-img-wrapper .blog-link { bottom: 15px; right: 15px; width: 40px; height: 40px; } .blog-img-wrapper .blog-link svg { width: 15px; height: 15px; } .blog-item .blog-date { margin: 0 0 var(--gap) 0; } .blog-item .title+p { margin:var(--gap) 0 0 0; } .content-block .contact-col { margin-bottom: var(--gap); } .process-steps .icon { width: 100px; height: 100px; } .process-steps .content { padding: 20px 0 0 0; } .impact-section .card-box.student-card .items { padding: 0; } .msg-container .row>* { width: 100%; } .msg-container .content-col, .msg-container .row.row-reverse .content-col { padding: var(--content-space) 0 0 0; } .msg-container { padding: var(--content-space); } .msg-section .cms-content { margin: calc(var(--content-space) - 10px) 0; } .course-medium .list { grid-template-columns: repeat(2, 1fr); } .course-medium .list { margin: var(--gap) 0 0 0; } .courses-section .list+.btn-group { margin-top: var(--gap); } .student-achievement-section .student-rank { /* grid-template-columns: repeat(6, 1fr); */ max-width: 696px; } .student-achievement-section .student-rank .student-item { width: 15.212%; } .founder-main .img-col { margin-right: 0; padding-bottom: 10px; width: 100%; } .founder-main .img-col .card-main { width: 100%; } .founder-main .content-col { margin-left: 0; padding-top: 10px; } .line-box { padding: 30px 0; } .horizontal-line::before, .horizontal-line::after, .vertical-line::before, .vertical-line::after { width: 9px; height: 9px; } .vertical-line::before, .vertical-line::after { left: -4px; } .horizontal-line::before, .horizontal-line::after { top: -4px; } .founder-section .cards .personalities-img.round-border img { border-width: 7px; } .events-container .blog-cards { padding: 0; } .course-style1 .cards .course-content { flex: auto; padding: 20px 5px 56px 5px; } .courses-section .cards { padding: 10px 10px 16px 10px; } .human-card { margin: 0; } .impact-section .inspiration-slider-wrapper { margin-bottom: var(--gap); } .impact-section .card-box, .impact-section .card-box.student-card { padding: 20px; } .cards-slider .slick-arrow { right: 20px; top: 20px; } .cards-slider .slick-prev { right: 70px; } .impact-section .card-box .title { margin: 8px 0 30px 0; } .impact-section .human-card.card-box >.title, .impact-section .inspiration-card> .title {margin-right: 100px;} .impact-section .cards-slider>.title { margin-right: 99px; } .footer .copyright { justify-content: center; } .foundation-style3>*:nth-child(1) .pillar-card, .foundation-style3>*:nth-child(2) .pillar-card, .foundation-style3>*:nth-child(3) .pillar-card { margin: 0; } .our-foundation-slider-container { overflow-x: auto; overflow-y: hidden; } .our-foundation-slider { width: 1200px; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .our-foundation-slider > * { width: auto; padding: 0; } .hero-banner .banner-style2 .banner-content { padding: 0 var(--gap); } .hero-banner .banner-style2 .banner-content br { display: none; } .hero-banner .banner-style2 .media-container { aspect-ratio: auto; height: 500px; } .timeline-item:nth-child(1) { margin-top: 30px; } .timeline-item:nth-child(2) { margin-top: 120px; } .timeline-item { padding: 0 80px 0 0; } .timeline-item:nth-child(even) { padding: 0 0 0 80px; } .timeline-date { right: 0px; font-size: var(--font-14); } .timeline-item:nth-child(even) .timeline-date { left: 0px; } .timeline-item .timeline-date:before { top: calc((var(--font-40) * 1.2) - 5px); left: 3px; } .timeline-item:nth-child(even) .timeline-date:before { right: 3px; } .timeline-item .timeline-date:after { right: -3px; top: calc((var(--font-40) * 1.2) - 1px); width: 70px; } .timeline-item:nth-child(even) .timeline-date::after { left: -3px; } .timeline-date .day { font-size: var(--font-40); } .timeline-item.load-more { width: 60px; height: 60px; } .timeline-item.load-more svg { width: 23px; height: 23px; } .blog-section .ellipse-triangle, .blog-section .ellipse-circle { bottom: 33%; } .ellipse-triangle, .ellipse-circle, .ellipse-square { width: 400px; height: 400px; } .stat-style3 { grid-template-columns: repeat(2, 1fr); } .event-details-content blockquote { display: none; } .content-block .row .contact-col, .content-block .content-block-style2 .content-col { margin-bottom: var(--gap); } .content-block .content-block-style2 { --gap: 20px; } .cms-content-section .content-col { padding: var(--content-space) 0 0 0 !important; } .whyus-section .whyus-container .content-col { padding: 0 0 var(--content-space) 0; } .whyus-section .content-col { text-align: center; } .whyus-section .btn-group { justify-content: center; } .cms-content-section .section-container { padding-top: var(--gap); } .cms-content-section .section-container .img { border-radius: 10px; } .contact-form-container { padding: 70px 40px; } .feature-strip-style2 .feature-box p { padding: 0; } .video_testimonial .testimonial-content { padding: var(--gap) ; } .video_testimonial .testimonial-content .meta { margin: 10px 0 0 0 ; } .education_values-section .item { max-width: 170px; } .education_values-section .row > *::before { width: 20px; height: 20px; } .academic_life-logo { width: 160px; } .bl-grid { grid-template-columns:repeat(2,1fr); } .bl-showing{ order: 3; width: 100%; margin: 0; text-align: right; } .call_btn{right: 15px;bottom: 7%;width: 40px;height: 40px;} .call_btn svg {width: 15px; height: 15px;} .brnach-course-seciton .row .campus_info_box_main { margin: 0; padding-top: 10px;} .brnach-course-seciton .row.row-reverse .campus_info_box_main { margin: 0;} .brnach-course-seciton .row { padding: 20px 0; } .brnach-course-seciton .stat-box { min-width: auto; } .brnach-course-seciton .campus_info_box_main .campus_info_box { width: 50%; } /* 10-8-26a */ .features_icon_section.stat-section .stat-box span.icon { height: 80px; width: 80px; padding: 20px; } /* 11-8-26a */ .video_testimonial .testimonial-content { padding: var(--gap); } .campus-contact-info-section .stat-box .icon {width: 60px; height: 60px; padding: 15px;} .education-section .whychoose .item { padding: 20px; width: 100%; justify-content: flex-start; gap: 10px; } .whychoose .item .title {margin-top: 0;} .whychoose .item .title {font-size: var(--font-22);} .whychoose .item p {font-size: var(--font-18);} .dc-card { padding: 0px 0px 0px 160px; justify-content: flex-start; gap: 20px; } .dc-card-media img { max-width: 160px; } .admissions_cta_section { padding: 50px 0; } .admissions_cta_box { min-height: auto; padding: 40px 30px; } .admissions_cta_icon { width: 115px; height: 115px; } .admissions_cta_icon svg { width: 60px; height:60px; } .admissions_cta_content { padding-left: 0; } .shastri_ji_maharaj img { width: 300px; height: 270px;} } @media screen and (min-width: 768px) { .footer .collapse-mob { display: block !important; } .tab-title { display: none; } } @media screen and (max-width: 767px) { :root { --gap: 16px; --main-space: 80px; --section-space: 40px; --section-space-sm: 30px; --section-radius: 10px; --content-space: 24px; --content-space-sm: 20px; --content-font-size: 13px; --btn-width: 120px; --btn-height: 36px; --btn-padding: 15px; --radius-10: 7px; --radius-20: 10px; --radius-30: 16px; --radius-40: 18px; --radius-50: 20px; --radius-100: 22px; --font-12: 10px; --font-13: 10px; --font-14: 10px; --font-16: 12px; --font-18: 12px; --font-20: 14px; --font-22: 15px; --font-24: 16px; --font-28: 18px; --font-30: 20px; --font-36: 20px; --font-40: 22px; --font-44: 22px; --font-48: 24px; --font-50: 26px; --font-55: 26px; --font-60: 28px; --font-70: 28px; --font-80: 30px; --font-100: 32px; --font-120: 34px; --small-btn-width: 100px; --small-btn-height: 30px; --small-btn-padding: 12px; } .btn-sm svg { width: 10px; height: 10px; } .container-xl { padding: 0 16px; } /* .page-container { padding-top: 80px; } */ .hero-banner .banner-wrapper { text-align: center; padding: 0 0 30px 0; bottom: 0; } .hero-banner .slick-dots { bottom: 20px; } .hero-banner .hero-text p { margin: var(--gap) 0 0; } .hero-banner .btn-group { margin-top: var(--gap); } .header .logo a img, .header.sticky .logo a img { width: 185px; height: 50px } .hero-banner .media-container:before, .banner-slider .banner-item:before { background: linear-gradient(180deg, rgba(51, 60, 148, 0) 20%, rgba(51, 60, 148, 0.85) 100%); } .hero-banner .media-container:after, .banner-slider .banner-item:after { opacity: 0.4; } .hero-banner .media-container { height: 320px; } .header-top .header-cta .btn { display: none; } .header .header-navigation .header-cta { display: block; margin: 16px 0 0 0; padding: 0 15px 15px 15px; } .header .header-navigation .header-cta .btn { display: inline-flex; width: 100%; } .feature-strip-section .feature-box { height: 60px; } .feature-strip-section .feature-box .icon { margin-right: 15px; width: 33px; height: 33px; } .feature-strip-section { padding: 30px 0; } .feature-strip-style2 .feature-box { height: 60px; } .feature-strip-style2 .feature-box .icon { width: 24px; height: 24px; margin-right: 10px; } .stat-box .counter-number { margin: 8px 0 0 0; } .stat-box p { margin: 8px 0 0 0; } .stat-box .icon { width: 30px; height: 30px; } .stat-box { padding: 14px; } .top-title + .title-light { margin: 16px 0 0 0; } .top-title:before { background-size: 100% 5px; height: 5px; } .top-title { padding-bottom: 8px; } .foundation-style1 .pillar-card .pillar-content { padding: 14px; } .pillar-card .tag-title { margin: 10px 10px 0 0; height: 30px; padding: 0 12px; } .foundation-slider { width: 860px; gap: 14px; } .course-style1 .cards .course-content { padding: 20px 5px 50px 5px; } .why-section .img-col .image-badge { bottom: 14px; right: 14px; } .human-card { margin-top: var(--gap); } .shorting-wrapper { width: 100%; gap: var(--gap); } .shorting-wrapper :is(.form-control, form) { width: 50%; flex: 1 1 0; } .search-form { max-width: 100%; } .section-container .slick-prev { left: 0; } .section-container .slick-next { right: 0; } .slick-dots li { width: 20px; height: 4px; margin: 0 8px; } .breadcrumb { display: none; } .pagination ul li :is(a, .dots) { width: 30px; height: 30px; } .pagination ul li a svg { width: 10px; height: 10px; } .pagination ul li + li { margin-right: 5px; } .btn-group { justify-content: center } .label-float textarea+label { top: calc(50% - 37px); } .label-float label { left: 10px; } .contact_form textarea.form-control, .comments-area textarea.form-control { height: 100px } .accordion_main .accordion-item .accordion-button:before, .accordion_main .accordion-item .accordion-button:after { width: 14px } .nav-tabs { display: none; } /* .tab-title { height: 46px; padding: 10px 16px; font-size: var(--font-20); font-weight: 400; font-family: var(--content-font); text-transform: capitalize; border: 2px solid rgb(220, 224, 229); color: var(--text-color); border-radius: var(--radius-10); display: block; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; position: relative; } .tab-title:before { content: ""; display: block; position: absolute; right: 18px; top: 50%; transform: translateY(-50%) rotate(-45deg); width: 9px; height: 9px; border-style: solid; border-width: 0 0 2px 2px; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) var(--text-color) var(--text-color); margin-top: -1px; } .tab-title.selected::before { transform: translateY(-50%) rotate(135deg); margin-top: 2px; } */ .tab-title{height:46px;padding:10px 16px;color:var(--text-color);font-size:var(--font-20);font-weight:400;font-family:var(--content-font);text-transform:capitalize;border:2px solid #fff;border-radius:var(--radius-10);display:block;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;position:relative;background:#fff} .tab-title:before{content:"";display:block;position:absolute;right:18px;top:50%;transform:translateY(-50%) rotate(-45deg);width:9px;height:9px;border-style:solid;border-width:0 0 2px 2px;border-color:transparent transparent var(--text-color) var(--text-color);margin-top:-1px} .tab-title.selected::before{transform:translateY(-50%) rotate(135deg);margin-top:2px;border-color:transparent transparent #fff #fff} .tab-title.selected{color:#fff;background:var(--primary-color);border-color:var(--primary-color)} .tab-content>.tab-pane { padding: 10px 0 16px; } .cards .btn-group { justify-content: flex-start; } .title-sm-1 { padding: 0px 0px 10px; } .hero-banner .hero-cta { margin-top: 20px; } .footer .copyright p+p { margin-left: 20px; } .footer .footer-bottom { margin-top: 30px;padding: 20px 0 0 0; } .footer .list { margin: 0; } /* footer acc */ .footer .title-mob { cursor: pointer; position: relative } .footer .footer-col.active .collapse-mob { display: block; padding: 12px 0 0 0; } .footer .title-mob::before { content: ""; position: absolute; right: 0; top: 50%; width: 16px; height: 2px; background: rgb(255 255 255 / 70%); transform: translateY(-50%) } .footer .title-mob::after { content: ""; position: absolute; right: 7px; top: 50%; width: 2px; height: 16px; background: rgb(255 255 255 / 70%); transform: translateY(-50%) } .footer .footer-col .title-mob .title { padding: 10px 0; margin: 0; border-bottom: 1px solid rgb(255 255 255 / 70%); width: 100%; } .footer .footer-col .title-mob.active:after { opacity: 0 !important } .footer .collapse-mob { display: none; } .footer .footer-col { position: relative; } .footer-section .footer-links { margin-bottom: 1rem; } .footer .quick-links { row-gap: 0; } .footer .logo-col { margin-bottom: 40px; } .foundation-section .pillars-wrapper>*:nth-child(even) { margin-top: 0; } .cta-section .cta-container { align-content: flex-end; height: auto; background: no-repeat 80% center / cover rgba(0, 0, 0, 0); padding: 40px 0 14px 0; } .cta-section .cta-content-col p { margin: 12px 0 0 0; } .cta-section .cta-container:after { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: -1; background: #000; width: 100%; height: 100%; opacity: 0.35; } .cta-section .cta-content-col { padding: 0; text-align: center } /* .campus-list li { width: 31%; } */ .campus-list .map-link { padding: 0 0 0 12px; } .campus-section .map-img { padding-top: 20px; } .personalities-testimonial-section .cards { padding: 30px; } .personalities-testimonial-section .slider-container { padding: 0 30px; } .personalities-testimonial-section .personalities-img img { width: 90px; height: 90px; } .personalities-testimonial-section .personalities-img { margin-bottom: 20px; } .activity-section .sports-overlay { padding: 50px 0; } .course-card { flex-direction: column; text-align: center; } .course-card img { width: 100%; } .impact-section .video-card .cms-video { position: static; height: auto; aspect-ratio: 610 / 760; } .impact-section .video-card { height: auto; } .impact-section .card-box, .impact-section .card-box.student-card { padding: 16px; } .cards-slider .slick-arrow { width: 34px; height: 34px; top: 16px; right: 16px; } .cards-slider .slick-prev { right: 60px; } .human-card .stats .icon svg { width: 24px; height: 24px; } .human-card .stats .title { height: 26px; } .human-card .stats { gap: 22px 16px; } .graviry-pill { height: 34px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .graviry-pill-canvas { height: 100px; } .inspiration-card .title { margin: 0 0 40px 0; } .inspiration-slider-wrapper:before { top: 16px; right: 16px; height: 34px; width: 82px; } .inspiration-card .quote { font-size: 18px; } .inspiration-card .text { font-size: 16px; margin: 10px 0 20px 0; line-height: 20px; } .inspiration-card span { font-size: 12px; } .founder-section .cards .personalities-img { width: auto; height: 150px; } .list-groups { gap: 15px; } .list-groups li { flex: 0 0 calc(50% - 17px); } .blog-img-wrapper .blog-link { bottom: 10px; right: 10px; } .content-block .contact-col { padding: var(--section-space-sm); } .book_campus-section .contact-col, .banner_contact-section .contact-col { justify-content: center; align-items: center; text-align: center; } .content-sm { margin-bottom: var(--content-space); } .form-container .btn-group { margin-top: calc(var(--gap) * 0.5); } .process-steps .icon { width: 80px; height: 80px; } .inner-banner-section p { margin: calc(var(--gap) - 6px) 0 0 0; } .search-submit, .bl-search-wrap svg { width: calc(var(--btn-height) - 18px); height: calc(var(--btn-height) - 18px); } .tag-title { margin: 10px 0 0 10px; padding: 8px 10px; line-height: normal; } /* section .section-bg.section-container { height: 670px; } */ .large-event-content { position: static; border-radius: 0 0 var(--radius-20) var(--radius-20); width: 100%; } .large-event-img { border-radius: var(--radius-20) var(--radius-20) 0 0; } .large-event-desc { margin: 16px 0 0 0; } .large-event-category { padding: 5px 30px 3px 8px; } .large-event-slider .slick-arrow { left: auto; right: 10px; width: 40px; height: 40px; border-radius: 8px; } .large-event-slider .slick-arrow svg { width: 24px; height: 24px; } .large-event-slider .slick-arrow.slick-next { bottom: 174px; } .large-event-slider .slick-arrow.slick-prev { bottom: 220px; } .small-event { width: 100%; } .small-event-col { display: block; } .small-event-img { width: 42.425%; max-width: 210px; } .small-event-content { padding: 0 0 0 16px; } .top-student .student-item:nth-child(2) { padding: 0 10px; } .top-student .student-item:nth-child(3) { padding: 0 10px; } .top-student .student-img { width: 130px; padding: 9px; } .top-student-pr { width: 78px; height: 75px; padding: 0 0 2px 0; } .top-student-pr-count { font-size: 12px; } .top-student-pr-label { font-size: 8px; margin-top: -2px; } .top-student .student-item:nth-child(1) .content, .top-student .student-item:nth-child(3) .content { margin: 8px 0 0 0; } .student-achievement-section .student-item .content { margin: 4px 0 0 0; } .top-student .student-item { padding: 0 18px; margin: 0 0 20px 0; } .top-student .student-item:nth-child(1) .student-img { width: 180px; padding: 12px; } .top-student .student-item:nth-child(1) .top-student-pr { width: 100px; height: 97px; right: -14px; padding: 0 0 4px 0; } .top-student .student-item:nth-child(1) .top-student-pr-count { font-size: 14px; } .top-student .student-item:nth-child(1) .top-student-pr-label { font-size: 10px; } .student-achievement-section .student-rank .student-img { padding: 5px; margin: 0 auto; } .student-achievement-section .student-rank { display: block; gap: 0; } .student-achievement-section .student-rank .student-item { padding: 0 8px; } .student-rank .slick-dots { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 40px 0 0 0; position: static; } .msg-container { padding: 15px; } .personalities-testimonial-section .cards .testimonial-details { margin-top: 25px; } .our-foundation-slider { width: 860px; gap: 14px; } .foundation-style3 .pillar-card .pillar-content { padding: 14px; } .foundation-style3 .pillar-card .pillar-content p { margin: 10px 0 0 0; } .book_campus-section .stat-box .title { margin-top: 10px; } .book_campus-section .stat-box p { margin: 8px 0 0 0; } .book_campus-section .img-col .image-badge { left: 7px; right: 7px; } .book_campus-section .img-col .image-badge>* { padding: 0 7px 14px 7px; } .title-1+.cms-content, .top-title +.cms-content { margin-top: 24px; } .hero-banner .banner-style2 .media-container { height: 400px; } .hero-banner .banner-style2 .banner-wrapper { padding: 0; } .vision-mission-section .item .title { margin: 0 0 12px 0; } .education-section .whychoose > * { padding-bottom: 24px; } .education-section .whychoose { margin-bottom: -24px; } .search-submit svg { width: 16px; height: 16px; } .bullets li:before { width: 14px; height: 14px; } .bullets li { line-height: 16px; padding: 0 0 0 22px; } .bullets li + li { margin-top: 10px; } .process-section .item { display: flex; flex-wrap: wrap; } .process-steps .icon { margin: 0; width: 60px; height: 60px; box-shadow: inset 0 0 0 4px #FFFFFF; border-width: 2px; } .process-steps .content { flex: 1 1 0; text-align: left; padding: 0 0 0 16px; align-self: center; } .process-steps .icon svg { width: 26px; height: 26px; } .process-steps .title { margin: 0 0 12px 0; } .process-section .process-steps > * { padding-bottom: 24px; } .process-section .process-steps { margin-bottom: -24px; } .timeline::before { width: 6px; left: 20px; } .load-more { width: 40px; height: 40px; } .load-more svg { width: 20px; height: 20px; } .timeline-date .day { font-size: 24px; } .timeline-item { width: 100%; padding-left: 70px; padding: 50px 0 0 90px; margin-top: 20px !important; } .timeline-item { padding: 0 0 0 85px !important; } .timeline-item:after { right: auto !important; left: 36px !important; top: 50px; width: 50px; } .timeline-item .timeline-date { left: 20px !important; right: auto; width: 60px; } .timeline-date .date { margin-top: 5px; } .timeline-item .timeline-date:after { right: auto; left: 0; top: calc((24px * 1.2) - 1px); width: 100%; } .timeline-item .timeline-date:before { right: 0; left: auto; top: calc((24px * 1.2) - 5px); } .timeline-item .blog-item { padding: 12px; border-radius: 20px; } .blog-section .timeline-item .blog-item .content { padding: 20px 0 10px 0; } .load-more-container { justify-content: flex-start; } .event-details-content ul li:before { width: 14px; height: 14px; } .event-details-content ul li { line-height: 16px; padding: 0 0 0 22px; } .event-details-content ul li + li { margin-top: 10px; } .event-details-content ol { padding-left: 14px; } .event-details-content ol li { line-height: 16px; } .event-details-content ol li + li { margin-top: 10px; } .event-details-gallery:has(a) { grid-template-columns: auto auto; } .stat-style3 .stat-box .icon { width: 25px; height: 25px; } .stat-style3 .stat-box .icon+p { margin-top: 12px; } .event-details-content :is(h4 + p, .h4 + p, h4 + ul, .h4 + ul) { margin-top: 12px; } .event-details-content :is(h4, .h4, blockquote, .event-details-gallery, .event-btn) { margin-top: 30px; } .event-details-content :is(.stat-style3, p + ul, p + ol) { margin-top: 20px; } .btn svg:last-child { margin-left: 10px; } .btn svg:first-child { margin-right: 10px; } .event-btn .btn svg { width: 24px; height: 24px; } .event-btn .btn { height: 50px; min-width: 160px; padding: 0 20px; } .content-block .content-block-style2 .content-col { padding: 30px 24px; } .stats-section .items p { margin-top: 5px; } .admission_process-section .items .icon { width: 60px; height: 60px; } .admission_process-section .items .icon svg { width: 30px; height: 30px; } .admission_process-section .items { padding: 16px; } .admission_process-section .items .title { margin: 0 0 10px 0; } .cms-content-section .cms-video:after, .full-video-content-section .cms-video.cms-video:after { width: 46px; height: 46px; bottom: 20px; right: 20px; } .academic-section .item .content { padding: 16px 0 0 0; } .academic-section .item .title { margin: 0 0 10px 0; } .academic-section .img { max-width: 230px; } .academic-section .row > * { padding-bottom: 30px; } .academic-section .row { margin-bottom: -30px; } .steps-content-section .list-items { padding: 20px; gap: 15px; } .list-items .title { margin: 0 0 10px 0; } .list-items .number { width: 1.5rem; height: 1.5rem; font-size: var(--font-14); } .team-slider .content { padding: 12px 0 0 0; } .team-slider .content .title { margin: 0 0 5px 0; } .whyus-section .whyus-container { padding: 30px 16px; } .whyus-section .title+.btn-group { margin-top: 20px; } .steps-content-section .list-col .row { --gap: 16px; } .creative-tab-section .item { padding: 10px; border-radius: 20px; } .creative-tab-section .item .content { padding: 10px 0 10px 16px; } .creative-tab-section .item .title { margin: 0 0 12px 0; } .creative-tab-section .item .img { border-radius: 8px; } .cms-content-section .section-container .img { border-radius: 6px; } .cms-content-section .cms-content ul li:before { width: 14px; height: 14px; } .cms-content-section .cms-content ul li { line-height: 16px; padding: 0 0 0 22px; } .cms-content-section .cms-content ul li + li { margin-top: 10px; } .cms-content-section .btn { margin-top: 24px; } .cms-content-section .cms-content p + :is(ul, ol) { margin-top: 24px; } .map-iframe iframe { height: 290px; } .contact-form-container { padding: 40px 16px; } /* .hero-banner .banner-item, .cms-fullimg-slider-section .full_img-item { height: 320px; } */ .education_values-section .item { max-width: 130px; } .list-view .bl-card-body { flex-direction: column; align-items: flex-start; flex: 1 1 0; } .list-view .bl-card-footer{ border: 0; border-top: 1px solid #e4e4ee; width: 100%; align-items: flex-start; padding: 14px 0 0 0; } .bl-search-wrap{ min-width: auto; max-width: 100%; width: 100%; padding: 0 0 0 10px; flex: 1 1 0; } .bl-filter{ justify-content: flex-end; } .bl-view-btn { padding: 0 var(--gap); } .service-list{ display: none; } .service-content { padding: var(--content-space); } .header .header-navigation .btn { height: var(--btn-height); } .impact-section .human-card.card-box >.title, .impact-section .inspiration-card >.title { margin-right: 90px; } /* 12-8-26a */ .education-section .whychoose > * { padding-bottom: var(--gap); } .academic-timetable .tt-feature-label { margin-top: 5px; } .academic-timetable .tt-schedule-head > div { padding: 10px; } .contact_form .error { font-size: 12px; margin-top: 3px; } .quick_link_section .link-box { padding: 20px 20px 55px 20px; } .bannerform_content { max-width: 100%; } .bannerform_content { transform: translateY(150px); } .bannerform_oddeven { padding: 70px 0 70px 0; margin-bottom: 70px; } .admissions_cta_section { padding: 35px 0; } .admissions_cta_box { padding: 35px 22px; border-radius: 10px; text-align: center; } .admissions_cta_icon { width: 105px; height: 105px; margin-bottom: 5px; } .admissions_cta_icon svg { width: 50px; height: 50px; } .admissions_cta_content { text-align: center; } .admissions_cta_label { justify-content: center; gap: 12px; margin-top: 12px;} .admissions_cta_label_line { width: 25px; flex-basis: 25px; height: 2px; } .admissions_cta_title { margin-bottom: 12px; } .admissions_cta_text { max-width: 100%; } .admissions_cta_action { margin-top: 15px; } .admissions_cta_action.btn-group{justify-content: center; } .daily_meals ul.nav-tabs {border: 0;} .menu_table th { min-width: 100px; } .daily_meals ul.nav-tabs { width: auto; gap: 15px; } .daily_meals ul.nav-tabs > li.nav-item {margin: 0; } .daily_meals ul.nav-tabs > li.nav-item .tab-pane {display: none;padding: 15px 0 10px 0;} .daily_meals ul.nav-tabs > li.nav-item .tab-pane.active {display: block;text-align: start;} .daily_meals ul.nav-tabs > li.nav-item > button.nav-link {border:1px solid #ddd;border-radius: 10px;padding: 6px 15px;text-align: left; position: relative; width: 100%;} .daily_meals ul.nav-tabs > li.nav-item > button.nav-link.active {border: 1px solid #ff88af !important;} .daily_meals ul.nav-tabs > li.nav-item > button.nav-link > svg {display: block;width: 18px;position: absolute;right: 15px;top: 50%; transform: translateY(-50%);} .daily_meals ul.nav-tabs > li.nav-item > button.nav-link > svg > path{fill:#ddd} .daily_meals ul.nav-tabs > li.nav-item > button.nav-link.active > svg {top: 50%; transform: rotate(-180deg) translateY(50%); } .daily_meals ul.nav-tabs > li.nav-item > button.nav-link.active > svg > path{fill:#f23030} .fees_payment_card {margin-top: 30px;} .full_banner_with_bg .content-block .content-block-style2 .content-col { padding: 30px 24px; } .shastri_ji_maharaj img { width: 240px; height: 210px; } .vftw-core-title.title-sm-1{padding: 0;} .btn-primary { padding-right: 3px; } } @media screen and (max-width: 575px) { .contact_form textarea.form-control, .comments-area textarea.form-control { height: 80px } .label-float textarea+label { top: calc(50% - 29px); } .slider-container { overflow: hidden; padding-bottom: 20px; } .slick-dots li { margin: 0 5px; } .section-container .slick-arrow { top: 40px; } .section-container .slick-prev { left: auto; right: 80px; } .section-container .slick-next { right: 30px; } .slick-prev { left: auto; right: 50px; } .slick-next { right: 0; } .social-wrapper a { width: 30px; height: 30px; } .social-wrapper a svg { width: 15px; height: auto; } .footer-social ul, .footer .copyright, .footer .copyright ul, .footer .logo-col { justify-content: center; text-align: center; } .footer .btn { padding: 0 10px; min-width: 100px; } .footer .logo { height: 50px; } .footer .input { padding: 10px 120px 10px 50px; } .banner-style2 .banner-wrapper { padding: 0; position: absolute; background: inherit; } .campus-list { column-gap: 15px; row-gap: 30px; } /* .campus-list li { width: 30%; } */ .courses-section .cards .btn-group { margin-top: 20px; } .course-medium .list { grid-template-columns: repeat(4, 1fr); } .academic-courses .course-medium .list { grid-template-columns: repeat(3, 1fr); } .why-section .whychoose { --gap: 15px;} .whychoose .icon { width: 45px; height: 45px; min-height: 45px; min-width: 45px;} .whychoose .icon svg, .education-section .icon svg { width: 25px; height: auto; } .whychoose .item .title { margin: 10px 0; } .personalities-testimonial-section .slider-container { padding: 0 20px 20px; } .personalities-testimonial-section .cards { padding: 20px; } .personalities-testimonial-section .personalities-img img { width: 80px; height: 80px; } .activity-section .activity-box { display: none; } .activity-section .sports-content { max-width: 100%; flex: auto; } .activity-section .sports-overlay .content-wrapper { padding: 0 30px; } .activity-section .owl-carousel .owl-nav>button { top: auto; bottom: 0; transform: translate(0);/* margin: auto; */} .activity-section .owl-carousel .owl-nav>button.owl-prev { margin-right: 0; left: auto; } .activity-section .owl-carousel .owl-nav>button.owl-next { right: auto; margin-left: 0; } .impact-section .student-card.card-primary .student-img { border: 3px solid #C42526; } .impact-section .student-card.card-secondary .student-img { border: 3px solid #EE7B00; } .impact-section .student-card .student-img { width: 70px; height: 70px; } .human-card .stats { grid-template-columns: repeat(2, 1fr); gap: calc(var(--gap)* 2) var(--gap);} .human-card .stats-item { padding: 0px 0px 0px var(--gap); } .impact-section .student-card .icon { width: 30px; height: 30px; } .gallery { grid-template-columns: repeat(2, 1fr); } .col-span { grid-column: span 2; } .hero-banner .banner-style2 .hero-text .title { line-height: 30px; } .vision-wrapper { margin-top: var(--gap); } .list-groups li { flex: 0 0 calc(50% - 8px) } .blog-item .btn-group { justify-content: flex-start; } .blog-item .blog-date { margin: 0 0 10px 0; } .blog-item .title+p{ margin: 10px 0 0 0; } .process-steps .icon { width: 70px; height: 70px; box-shadow: inset 0 0 0 6px #FFFFFF; border-width: 2px; } .slick-next, .slick-prev, .about-slider .slick-prev{ top: inherit; bottom: 0; transform: translate(0); } :is(.about-slider, .blog-slider, .related-event-slider) .slick-prev{ left: auto; right: 50%; } :is(.about-slider, .blog-slider, .related-event-slider) .slick-next{ right: auto; left: 50%; } .about-slider, .related-event-slider, .blog-slider{ padding: 0 0 50px 0; } .gallery_slider_container, .gallery_slider.event-details-gallery {padding-bottom: 20px;} .gallery_slider { padding: 0; } .founder-section .cards .personalities-img { width: auto; height: 110px; } .founder-section .cards .personalities-img.round-border img { border-width: 5px; } .student-achievement-section .student-img .star { width: 70px; height: 70px; right: -9%; } .hero-banner .banner-style2 .media-container { height: 346px; } .vision-mission-section .container-sm { padding: 0; } .ellipse-triangle, .ellipse-circle, .ellipse-square { width: 300px; height: 300px; } .impact-section .cards-slider>.title { margin-right: 85px; } .impact-section .human-card.card-box >.title, .impact-section .inspiration-card >.title { margin-right: 86px; } .feature-strip-section .feature-box { height: 50px; padding: 0 20px; } .feature-strip-section .feature-box .icon { margin-right: 10px; width: 30px; height: 30px; } .education_values-section .item { max-width: 90px; } .academic_life-section .stat-style3 { grid-template-columns: repeat(2, 1fr); } .academic_life-logo { width: 130px; } .academic_life-cards { padding: 25px; } .bl-grid {grid-template-columns:1fr} .bl-filter {flex-direction: column;align-items: end;} .bl-search-wrap {max-width: 100%;width: 100%;} .bl-search-wrap svg {width: 16px;height: 16px;} .bl-view-group {display: none;} .bl-view-btn{padding: 0 15px;} .bl-view-btn svg {width: 15px;height: 15px;} .call_btn{bottom: 2%;} .footer .social-wrapper a { width: 30px; height: 30px; } .footer .social-wrapper a svg { width: 12px; height: 12px; } .gt_float_switcher img {width: 23px!important;} .gt_float_switcher .gt-selected .gt-current-lang { padding: 10px 3px 10px 0 !important; } .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow { height: 8px !important; width: 8px !important; } .navigation-open { width: 20px; height: 20px; margin-left: 10px; } .stat-box .icon { width: 25px; height: 25px; } .modal.show .modal-dialog { padding: 0 var(--gap); } .bl-detail.bl-open { grid-template-columns: 1fr; } .testimonial-content .meta.meta-role::after, .testimonial-content .meta.meta-role::before { width: 30px; } .testy_star ul { margin: 8px 0 0 0; } .testy_star ul li svg { width: 15px; height: 15px; } /* 12-8-26a */ .campus-contact-info-section .stat-box .icon {width: 50px; height: 50px; padding: 10px;} .education-section .whychoose .icon { width: 45px; height: 45px; min-height: 45px; min-width: 45px;} .education-section .whychoose .item .title { margin: 0px 0 10px 0; } .education-section .whychoose > * {width: 100%;} .quick_link_section .row .col-6 { width: 100%; } .academic-timetable .tt-row > .col-8 { padding: 7px 7px; } .admissions_cta_section { padding: 25px 0; } .admissions_cta_box { padding: 30px 18px; } .admissions_cta_icon { width: 95px; height: 95px; } .fees_payment_mode_icon { padding: 30px; } } @media screen and (max-width: 567px) { .top-student .student-item:nth-child(1) { order: 1; } .top-student .student-item:nth-child(2) { order: 2; } .student-achievement-section .top-student { max-width: 300px; margin: 0 auto var(--content-space-sm) auto; } .shorting-wrapper :is(.form-control, form) { flex: none; width: 100%; } .education_values-section .row > * { width: 50%; } .education_values-section .row > *::before { width: 15px; height: 15px; } .education_values-section .row > *:nth-child(2)::before { top: inherit; bottom: -20px; left: -14px; } .education_values-section .row > *:nth-child(3) .item { padding-top: 30px; } .academic_life-section .stat-style3 { grid-template-columns: repeat(1, 1fr); } } @media screen and (max-width: 479px) { .book_campus-section .img-col .image-badge { position: static; margin: 14px -7px 0 -7px; max-width: none; } .book_campus-section .section-container { padding-bottom: 0; } .stat-style3 { grid-template-columns: repeat(1, 1fr); } .creative-tab-section .item p { line-clamp: 2; -webkit-line-clamp: 2; } .list-view .bl-card-img { width: 130px; } } @media screen and (max-width: 429px) { :root { --font-20: 15px; --font-24: 16px; --font-30: 17px; --font-36: 18px; --font-40: 19px; --font-50: 20px; --font-60: 23px; --font-80: 25px; --font-120: 26px; } .campus-list { column-gap: 6px; row-gap: 17px; grid-template-columns: repeat(2, 1fr);} /* .campus-list li { width: 48%; } */ .personalities-testimonial-section .slider-container { padding: 0 15px 20px; } .personalities-testimonial-section .cards { padding: 20px 15px; } .personalities-testimonial-section .personalities-img img { width: 70px; height: 70px; } .inspiration-card .quote { font-size: 16px; } .list-groups li { flex: 0 0 calc(100%); } .left-select .form-control { width: 100% !important; } .book_campus-section .img-col .image-badge>* { width: 100%; } .course-medium .list, .academic-courses .course-medium .list { grid-template-columns: repeat(2, 1fr); } .student-achievement-section .student-img .star { width: 50px; height: 50px; right: -10px; } .blog-section .ellipse-triangle { transform: translateX(-34%); } .blog-section .ellipse-circle { transform: translateX(34%); } .ellipse-triangle, .ellipse-circle, .ellipse-square { width: 200px; height: 200px; } .stat-style3 .stat-box .icon { width: 20px; height: 20px; } .list-view .bl-card { flex-direction: column; height: auto; } .list-view .bl-card-body { flex-direction: column; padding: 32px 20px 20px; } .bl-card-img, .list-view .bl-card-img { width: 100%; height: 180px; } .list-view .bl-card-footer { border-left: none; border-top: 1px solid #e4e4ee; padding-left: 0; padding-top: 14px; flex-direction: row; align-items: center; } .list-view .bl-card-icon { top: auto; bottom: -20px; left: 20px; right: auto; transform: none; } .header .logo a img, .header.sticky .logo a img { width: 170px; height: auto; } .video_testimonial [class*=col-]{ flex: 0 0 auto; width: 100%; } .shastri_ji_maharaj img { width: 200px; height: 160px; } } /* download module start gk */ .sdm-home-filters { row-gap: 50px; padding: 15px; border: 0; background: #FEFEFE; border-radius: 100px; display: inline-flex; vertical-align: top; width: 100%; gap: 20px; margin-bottom: 40px; } .sdm-home-section .section_title_main { display: flex; justify-content: space-between; gap: 50px; flex-wrap: wrap; margin-bottom: 30px; } .sdm-home-filters .sdm-filter-btn.is-active { color: #FFFFFF; background: var(--primary-color); } .sdm-home-filters .sdm-filter-btn:hover{ color: #FFFFFF; background: var(--primary-color);} .share-pop .a2a_default_style:not(.a2a_flex_style) a { background: var(--primary-color); } .share-pop .a2a_default_style:not(.a2a_flex_style) a { margin-left: 4px; } .share-pop .a2a_default_style:not(.a2a_flex_style) a:first-child { margin-left:0px; } .sdm-home-section .row, .catsdm-home-section .row { row-gap: calc(var(--gap)); } .sdm-home-filters .sdm-filter-btn { padding: 15px 20px; background: rgba(43, 42, 41, 0.05); border-radius: var(--radius-100); border: 0; width: 100%; color: inherit; transition: all .5s ease; -webkit-transition: all .5s ease; text-align: center; } .related_wallpapers.related_wallpapers_desktop .card-img { aspect-ratio: inherit; } .related_wallpapers.related_wallpapers_mobile .card-img { aspect-ratio: 256 / 380; } .detail-card { background: #fff; border: 1px solid var(--gray-color); border-radius: 16px; padding: 28px; display: grid; grid-template-columns: 460px 1fr; gap: 34px; } .cover { border-radius: 12px; overflow: hidden; } .cover img { width: 100%; height: 100%; object-fit: cover; } .info-col { display: flex; flex-direction: column; } .info-col p { font-size: 15px; line-height: 1.6; max-width: 440px; margin-bottom: 20px; } .player { border: 1px solid var(--gray-color); border-radius: 12px; padding: 16px 18px; display: flex; align-items: center; gap: 16px; margin-bottom: 20px; width: max-content; } .audioplay-btn { width: 44px; height: 44px; border-radius: 50%; background: var(--primary-color); border: none; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; } .audioplay-btn svg { width: 18px; height: 18px; } .waveform { display: flex; align-items: center; gap: 2px; height: 34px; } .waveform .bar { width: 3px; background: #f2b9bd; border-radius: 2px; } .waveform .bar.played { background: var(--primary-color); } .time-row { display: flex; justify-content: space-between; font-size: 12.5px; color: var(--text-color); margin-top: 8px; } .info-col .btn-row { display: flex; gap: 14px; } .info-col .btn { gap: 16px; padding-right: 15px !important; padding-left: 5px !important;} .info-col .btn svg { width: 18px; height: 18px; margin: 0 !important; } .btn-share { background: none; border: none; padding: 0; cursor: pointer; text-align: left; } .btn-share:hover .stat-icon, .btn-share:hover .num { color: var(--red); } .share-pop { position: absolute; top: calc(100% + 10px); left: 0; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 16px 34px rgba(0, 0, 0, 0.12); border: 1px solid var(--primary-color); padding: 0.7rem; display: none; align-items: center; gap: 0.5rem; z-index: 30; min-width: max-content; } .meta .count-text span, .meta .view-text span, .meta .share-text span, .meta .lbl{margin-top: 5px;} .share-pop.open { display: flex; } .share-pop a { width: 36px; height: 36px; border-radius: 50%; background: var(--pink-bg); color: var(--red); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .share-pop a:hover { color: #fff; } .share-note { position: absolute; bottom: -1.6rem; left: 0; font-size: 0.72rem; color: var(--ink-soft); opacity: 0; transition: opacity 0.2s ease; white-space: nowrap; } .share-note.show { opacity: 1; } .sdm-home-section .sdm-cards { grid-template-columns: repeat(5, 1fr); } .more-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 20px; } .download-template-default .cms-page :is(h1, h2, h3, h4, h5, h6) { margin-top: 0 !important; } .audio-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .audio-grid .audio-row { display: flex; align-items: center; gap: 16px; background: #fff; border: 1px solid var(--gray-color); border-radius: 12px; padding: 16px 18px; cursor: pointer; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .audio-grid .audio-row:hover { border-color: var(--primary-color); box-shadow: 0 8px 20px -12px rgba(200, 16, 46, 0.25); } .audio-grid .audio_icon { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .audio-grid .audio_icon svg { width: 20px; height: 20px; } .audio-grid .audio-row-body { flex: 1; min-width: 0; display: flex; flex-direction: column; } .audio-grid .audio-row-title { display: block; line-height: 1.3; margin-bottom: 10px; } .audio-grid .audio-row-stats { display: flex; align-items: center; gap: 16px; font-size: 13px; color: var(--muted); font-weight: 600; } .audio-grid .audio-row-stats span { display: inline-flex; align-items: center; gap: 5px; } .audio-grid .audio-row-stats svg { width: 18px; height: 18px; } .row-play { width: 40px; height: 40px; border-radius: 50%; background: var(--primary-color); color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .row-play svg { width: 18px; height: 18px; } .detail { display: grid; grid-template-columns: 460px 1fr; gap: 56px; align-items: start; } .preview-wrap { display: flex; flex-direction: column; align-items: center; gap: 18px; } .preview { width: 100%; border-radius: 14px; overflow: hidden; box-shadow: 0 18px 40px -18px rgba(42, 35, 32, .35); border: 1px solid var(--border); } .preview img { width: 100%; display: block; } .res-grid { display: flex; gap: 20px; flex-wrap: wrap; } .res-card { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 18px; border: 1px solid var(--border); border-radius: 10px; text-decoration: none; color: var(--ink); transition: border-color .15s ease, background .15s ease; } .res-card:hover { border-color: var(--gold); background: #fdfaf3; } .res-left { display: flex; gap: 12px; } .res-icon { width: 38px; height: 38px; border-radius: 8px; background: #fbeceb; color: var(--maroon); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .res-icon svg { width: 19px; height: 19px; } .res-name { font-weight: 700; font-size: 14px; margin-bottom: 4px; } .res-dim { font-size: 13px; color: var(--muted); margin-top: 2px; } .res-dl { color: var(--maroon); flex-shrink: 0; } .res-dl svg { width: 19px; height: 19px; } .more-inner { max-width: 1100px; margin: 0 auto; } .card-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; } .related_wallpapers_mobile .card-grid { grid-template-columns: repeat(5, 1fr); } .card { background: #fff; border-radius: 10px; overflow: hidden; border: 1px solid var(--border); } .card-img { overflow: hidden; background: var(--text-color); } .card-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s ease; } .card:hover .card-img img { transform: scale(1.05); } .card-body { padding: 14px 16px 16px; } .card-title { line-height: 1.3; margin-bottom: 10px; min-height: 36px; } .card-stats { display: flex; align-items: center; font-size: 13px; font-weight: 600; gap: 16px; color: var(--muted); } .card-stats .left { display: flex; gap: 12px; } .card-stats span { display: inline-flex; align-items: center; gap: 5px; } .card-stats .heart { color: var(--maroon); } .card-stats svg { width: 18px; height: 18px; } .card-stats .dl { color: var(--maroon); margin-left: auto; } .hero { position: relative; border-radius: 10px; overflow: hidden; } .hero img { width: 100%; } .section-title { font-size: 20px; font-weight: 600; margin-bottom: 18px; } /* ===== Meta Stats ===== */ .meta { display: flex; align-items: center; gap: 42px; margin: 24px 0 30px; flex-wrap: wrap; } .meta > * { display: flex; align-items: center; gap: 10px; position: relative; } .meta button { border: 0; background: transparent; padding: 0; cursor: pointer; font: inherit; } .meta svg { width: 20px; height: 20px; color: var(--text-color); flex-shrink: 0; } .mobile_detail .cover { max-width: 320px; object-fit: contain; margin: 0 auto; } /* Heart */ .meta .likes svg { color: var(--text-color); } .meta button.likes.sdm-like-btn.liked svg { color:var(--primary-color); } .meta .sdm-like-count, .meta .view_count, .meta .stat-block { display: flex; align-items: center; gap: 10px; } /* Number + Label */ .meta .count-text, .meta .view-text, .meta .share-text { display: flex; flex-direction: column; line-height: 1.1; align-items: flex-start; margin-left: 5px; } .meta .count-text strong, .meta .view-text strong, .meta .share-text strong, .meta .num { font-size: 16px; font-weight: 700; color: var(--text-color); } .meta .count-text span, .meta .view-text span, .meta .share-text span, .meta .lbl { font-size: 14px; color: #666; font-weight: 500; } .btn-share { border: none; background: transparent; display: flex; align-items: center; gap: 10px; cursor: pointer; padding: 0; } @media (max-width: 1200px) { .cover { max-width: 460px; } .related_wallpapers_mobile .card-grid { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 1024px) { .detail-card { grid-template-columns: 330px 1fr; } .audio-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 991px) { .related_wallpapers_mobile .card-grid { grid-template-columns: repeat(3, 1fr); } .detail-card { grid-template-columns: 330px 1fr; } .info-col .btn { gap: 6px; } .waveform { gap: 1px; } .card-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width:850px) { .res-grid { margin-top: 20px; } } @media (max-width:900px) { .detail { grid-template-columns: 1fr; } .preview-wrap { max-width: 340px; margin: 0 auto; } .card-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 860px) { .audio-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .detail-card { grid-template-columns: 1fr; } .cover { margin: 0 auto; } .info-col { display: flex; flex-direction: column; justify-content: center; align-items: center; } .meta { gap: 22px; margin: 10px 0 0px; justify-content: center; } .detail-card { gap: 20px; } .player { margin-top: 20px; } .res-grid { justify-content: center; } .res-card { width: 100%; } .download_btn_mian { margin-top: 20px; } .card-grid { grid-template-columns: repeat(2, 1fr); } .sdm-home-filters { row-gap: 20px; background: transparent; gap: 10px; margin-bottom: 30px; flex-wrap: wrap; padding: 0; } .sdm-home-filters .sdm-filter-btn { width: auto; } } @media (max-width: 640px) { .filter-top { flex-direction: column; align-items: flex-start; gap: 10px; padding: 16px 0 12px; } .filter-title { font-size: 1.15rem; } .branch-grid { grid-template-columns: 1fr; } .result-count { display: none; } .controls-sep { display: none; } .list-view .card-inner { flex-direction: column; align-items: flex-start; } .list-view .card-footer { width: 100%; border-left: none; border-top: 1px solid var(--border); padding-left: 0; padding-top: 14px; } .meta { gap: 17px; } } @media (max-width: 600px) { .related_wallpapers_mobile .card-grid { grid-template-columns: repeat(2, 1fr); } .hero { border-radius: 10px 10px 0 0; } .meta .count-text strong, .meta .view-text strong, .meta .share-text strong, .meta .num { font-size: 14px; font-weight: 600; } .meta svg { width: 15px; height: 15px; } .meta > * { gap: 4px; } } @media (max-width:576px) { .audio-grid { grid-template-columns: repeat(1, 1fr); } .card-grid { grid-template-columns: repeat(2, 1fr); } .waveform { gap: 0px; } .player{ width: 100%; } .info-col .btn-row { flex-wrap: wrap; } .mobile_img_card.col-sm-4{width: 50%;} .sdm-home-section .section_title_main { margin-bottom: 20px; } .card-title { min-height: 16px; } .brnach-course-seciton .campus_info_box_main { flex-wrap: wrap; flex-direction: column; gap: 10px;} .brnach-course-seciton .row { padding: 10px 0; } .brnach-course-seciton .campus_info_box_main .campus_info_box { width: 100%; } } @media (max-width:480px) { .mobile_img_card.col-sm-4{width: 100%;} .card-grid { grid-template-columns: repeat(1, 1fr); } .related_wallpapers_mobile .card-grid { grid-template-columns: repeat(1, 1fr); } /* 12-8-26a */ .dc-card-media img { max-width: 120px; } .dc-card { padding: 0px 0px 0px 120px; gap: 10px; } .dc-card-body .dc-label { margin-bottom: 0; } } /* download module end */ /* 28-07-2026 Start*/ .btn.btn-secondary,.header-navigation .btn.btn-secondary,.theme-dark .btn.btn-secondary{border-radius:50px;box-shadow:0 0 5px rgb(0 0 0 / 30%)!important;border:2px solid #fff;justify-content:space-between;padding-right:5px;transition:all .5s ease} .btn.btn-primary svg,.btn.btn-secondary svg{color:var(--text-color);width:40px;height:40px;border-radius:50%;background:#fff;padding:10px} .btn.btn-primary svg path,.btn.btn-secondary svg path{fill:#F5820D;transition:all .5s ease} .header-navigation a.btn.btn-secondary svg{width:30px;height:30px;padding:6px} .header-navigation a.btn.btn-secondary{padding-left:10px} .testimonial-section.container-blue .section-bg .testimonial-content :is(.meta span,p), .testimonial-section.container-red .section-bg .testimonial-content :is(.meta span,p){color:var(--text-color)} .testimonial-section.container-blue figcaption.testimonial-content .meta, .testimonial-section.container-red figcaption.testimonial-content .meta{color:var(--text-color)} .testimonial-section.container-blue .testimonial-content .title, .testimonial-section.container-red .testimonial-content .title{color:var(--text-color)} .testimonial-section.container-blue .testimonial-content .meta.meta-role, .testimonial-section.container-red .testimonial-content .meta.meta-role{color:var(--primary-color)} .contact_form label.btn.btn-secondary{width:auto} .accordion-body a.btn.btn-secondary{margin-top:10px} .personalities-testimonial-section .personalities-img{width:100%;max-width:180px;margin:0 auto 30px auto;border:1px solid var(--secondary-color);padding:5px;border-radius:10px} .personalities-testimonial-section .personalities-img img{width:100%;height:auto} .personalities-testimonial-section .quote_svg{position:relative} .personalities-testimonial-section .quote_svg:before{position:absolute;content:"";width:180px;background:var(--secondary-color);top:50%;transform:translateY(-50%);border-radius:6180px;height:1px;z-index:0} .personalities-testimonial-section .quote_svg svg{background:#fff;width:35px;height:35px;z-index:1;padding:7px;border:1px solid var(--secondary-color);border-radius:50%} .personalities-testimonial-section .quote_svg svg path{fill:var(--secondary-color)} .personalities-testimonial-section .cards .testimonial-details{margin-top:20px;padding-top:20px;position:relative} .personalities-testimonial-section .cards .testimonial-details:before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:60px;height:2px;background:var(--secondary-color)} .personalities-testimonial-section .cards .title{color:var(--primary-color);font-weight:600} .personalities-testimonial-section .cards span{color:var(--text-color)} /* 11-8-26 */ .stat_icon { width: 35px; height: 35px; } /* 002 */ @media (min-width:1200px) { .contact-form-section .contact_form label.btn.btn-secondary svg{background:#fff!important} .btn.btn-primary:hover svg path,.btn.btn-secondary:hover svg path{fill:var(--btn-hover-bg)} .header-navigation a.btn.btn-secondary:hover svg{background:var(--primary-color)!important} label.btn.btn-secondary:hover svg{background:var(--primary-color)!important} .page-id-1803 .contact_form label.btn.btn-secondary:hover svg{background:var(--white-color)!important} } @media (max-width:1439px) { .btn.btn-primary svg,.btn.btn-secondary svg{width:30px;height:30px;padding:8px} .header-top .header-cta .btn svg{width:28px;height:28px;padding:6px} .header-top .header-cta .btn{padding-right:5px} } @media (max-width:991px) { section.banner-section .content-block .content-block-style2 .content-col {display: block;} } @media (max-width:767px) { section.banner-section .content-block .content-block-style2 .content-col .btn-group{justify-content:start} .header .header-navigation .header-cta a.btn.btn-secondary{padding-right:5px} .header .header-navigation .header-cta a.btn.btn-secondary svg{width:25px;height:25px} .btn.btn-primary svg,.btn.btn-secondary svg{width:26px;height:26px;padding:8px} } /* 28-07-2026 End*/ .logo-slider-section { overflow: hidden; } .logo-slider-wrapper { width: 100%; margin-top: 40px; } .logo-slider-track { margin: 0 -10px; } .logo-slider-track .slick-track { display: flex; align-items: stretch; } .logo-slider-track .slick-slide { height: auto; padding: 0 10px; } .logo-slider-track .slick-slide > div { height: 100%; } .logo-slider-item { height: 100%; } .logo-slider-box { width: 100%; height: 120px; min-height: 120px; border: 1px solid #d9d9d9; display: flex; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; } .logo-slider-box img { display: block; width: auto; height: auto; max-width: 160px; max-height: 70px; object-fit: contain; } .logo-slider-track .slick-slide { cursor: default; } .logo-slider-track .logo-slider-box { transition: border-color 0.3s ease; } .logo-slider-track .logo-slider-box:hover { border-color: #999; } /* Tablet */ @media (max-width: 991px) { .logo-slider-box { height: 110px; min-height: 110px; padding: 15px; } .logo-slider-box img { max-width: 140px; max-height: 60px; } } /* Mobile */ @media (max-width: 575px) { .logo-slider-wrapper { margin-top: 30px; } .logo-slider-box { height: 100px; min-height: 100px; padding: 12px; } .logo-slider-box img { max-width: 110px; max-height: 55px; } }