.elementor-7 .elementor-element.elementor-element-06a40b1{--display:flex;--min-height:588px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:-134px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:222px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-06a40b1:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-06a40b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo1.swamivivekanandinstitute.com/wp-content/uploads/2026/07/pexels-brian-de-karma-806590-1677344-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-06a40b1::before, .elementor-7 .elementor-element.elementor-element-06a40b1 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-06a40b1 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-06a40b1 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-06a40b1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-06a40b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#756565;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-5df86f0{text-align:center;}.elementor-7 .elementor-element.elementor-element-65cff9e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-e451496{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-b726992{--spacer-size:44px;}.elementor-7 .elementor-element.elementor-element-8aed1c9{text-align:center;}.elementor-7 .elementor-element.elementor-element-8aed1c9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:56px;font-weight:600;letter-spacing:0.1px;word-spacing:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;mix-blend-mode:darken;color:#3C5762;}.elementor-7 .elementor-element.elementor-element-8aed1c9 .elementor-heading-title a:hover, .elementor-7 .elementor-element.elementor-element-8aed1c9 .elementor-heading-title a:focus{color:#D42F2F;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-7 .elementor-element.elementor-element-4370915{--divider-border-style:solid;--divider-color:#FF2828;--divider-border-width:6.6px;}.elementor-7 .elementor-element.elementor-element-4370915 .elementor-divider-separator{width:15%;margin:0 auto;margin-center:0;}.elementor-7 .elementor-element.elementor-element-4370915 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-7 .elementor-element.elementor-element-261710c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 29px;--row-gap:0px;--column-gap:29px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-a9949da{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-2348122{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-f81991f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-31141e3{--display:flex;}.elementor-7 .elementor-element.elementor-element-e2d3e02{--spacer-size:44px;}.elementor-7 .elementor-element.elementor-element-099af47{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-099af47:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-099af47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAEAEA;}.elementor-7 .elementor-element.elementor-element-550bd6f{--spacer-size:44px;}.elementor-7 .elementor-element.elementor-element-8c63060 img{opacity:0.16;}.elementor-widget-testimonial .elementor-testimonial-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-testimonial .elementor-testimonial-name{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-testimonial .elementor-testimonial-job{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7 .elementor-element.elementor-element-9153f23 .elementor-testimonial-wrapper{text-align:center;}.elementor-7 .elementor-element.elementor-element-2323d6f{--spacer-size:44px;}.elementor-7 .elementor-element.elementor-element-dfd60df{--display:flex;}.elementor-7 .elementor-element.elementor-element-931d2fd{--spacer-size:44px;}.elementor-7 .elementor-element.elementor-element-adbcd9e{--display:flex;--min-height:428px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-7 .elementor-element.elementor-element-adbcd9e:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-adbcd9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo1.swamivivekanandinstitute.com/wp-content/uploads/2026/07/pexels-brian-de-karma-806590-1677344-scaled.jpg");background-position:1px -165px;background-repeat:no-repeat;background-size:cover;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7 .elementor-element.elementor-element-7f093f8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7 .elementor-element.elementor-element-ad2df3e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-6a46e4c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-adbcd9e:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-adbcd9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-7 .elementor-element.elementor-element-fdcfeec{width:var( --container-widget-width, 331px );max-width:331px;--container-widget-width:331px;--container-widget-flex-grow:0;text-align:center;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-8aed1c9 .elementor-heading-title{font-size:31px;}.elementor-7 .elementor-element.elementor-element-adbcd9e:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-adbcd9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-a9949da{--width:50%;}.elementor-7 .elementor-element.elementor-element-2348122{--width:50%;}.elementor-7 .elementor-element.elementor-element-f81991f{--width:50%;}.elementor-7 .elementor-element.elementor-element-099af47{--content-width:503px;}.elementor-7 .elementor-element.elementor-element-ad2df3e{--width:50%;}.elementor-7 .elementor-element.elementor-element-6a46e4c{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-a9949da *//*============================== SECTION ==============================*/ .services-section{ padding:80px 0; background:#f7f9fc; } /*============================== CARD ==============================*/ .service-card{ background:#fff; border-radius:25px; overflow:hidden; transition:.45s; box-shadow: 0 15px 35px rgba(0,0,0,.08); position:relative; height:100%; } /* Gradient Border */ .service-card:before{ content:""; position:absolute; inset:0; padding:2px; border-radius:25px; background:linear-gradient(135deg,#6C63FF,#00D2FF,#7F5AF0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; opacity:0; transition:.4s; } /*============================== IMAGE ==============================*/ .service-card .elementor-widget-image{ overflow:hidden; } .service-card img{ transition:.7s; display:block; width:100%; } .service-card:hover img{ transform:scale(1.12); } /*============================== HEADING ==============================*/ .service-card h3{ font-size:24px; font-weight:700; transition:.4s; } .service-card:hover h3{ color:#5B5FFB; } /*============================== TEXT ==============================*/ .service-card p{ color:#666; transition:.4s; } .service-card:hover p{ color:#444; } /*============================== HOVER ==============================*/ .service-card:hover{ transform: translateY(-15px); box-shadow: 0 35px 70px rgba(0,0,0,.15); } .service-card:hover:before{ opacity:1; } /*============================== SHINE EFFECT ==============================*/ .service-card:after{ content:""; position:absolute; top:-60%; left:-100%; width:50%; height:220%; background: rgba(255,255,255,.4); transform:rotate(25deg); transition:1s; } .service-card:hover:after{ left:180%; } /*============================== BUTTON ==============================*/ .service-card .elementor-button{ border-radius:40px; transition:.4s; } .service-card:hover .elementor-button{ background:#5B5FFB; transform:translateX(8px); } /*============================== FLOAT ==============================*/ .service-card{ animation:float 5s ease-in-out infinite; } .service-card:nth-child(2){ animation-delay:.5s; } .service-card:nth-child(3){ animation-delay:1s; } @keyframes float{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-8px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2348122 *//*============================== SECTION ==============================*/ .services-section{ padding:80px 0; background:#f7f9fc; } /*============================== CARD ==============================*/ .service-card{ background:#fff; border-radius:25px; overflow:hidden; transition:.45s; box-shadow: 0 15px 35px rgba(0,0,0,.08); position:relative; height:100%; } /* Gradient Border */ .service-card:before{ content:""; position:absolute; inset:0; padding:2px; border-radius:25px; background:linear-gradient(135deg,#6C63FF,#00D2FF,#7F5AF0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; opacity:0; transition:.4s; } /*============================== IMAGE ==============================*/ .service-card .elementor-widget-image{ overflow:hidden; } .service-card img{ transition:.7s; display:block; width:100%; } .service-card:hover img{ transform:scale(1.12); } /*============================== HEADING ==============================*/ .service-card h3{ font-size:24px; font-weight:700; transition:.4s; } .service-card:hover h3{ color:#5B5FFB; } /*============================== TEXT ==============================*/ .service-card p{ color:#666; transition:.4s; } .service-card:hover p{ color:#444; } /*============================== HOVER ==============================*/ .service-card:hover{ transform: translateY(-15px); box-shadow: 0 35px 70px rgba(0,0,0,.15); } .service-card:hover:before{ opacity:1; } /*============================== SHINE EFFECT ==============================*/ .service-card:after{ content:""; position:absolute; top:-60%; left:-100%; width:50%; height:220%; background: rgba(255,255,255,.4); transform:rotate(25deg); transition:1s; } .service-card:hover:after{ left:180%; } /*============================== BUTTON ==============================*/ .service-card .elementor-button{ border-radius:40px; transition:.4s; } .service-card:hover .elementor-button{ background:#5B5FFB; transform:translateX(8px); } /*============================== FLOAT ==============================*/ .service-card{ animation:float 5s ease-in-out infinite; } .service-card:nth-child(2){ animation-delay:.5s; } .service-card:nth-child(3){ animation-delay:1s; } @keyframes float{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-8px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f81991f *//*============================== SECTION ==============================*/ .services-section{ padding:80px 0; background:#f7f9fc; } /*============================== CARD ==============================*/ .service-card{ background:#fff; border-radius:25px; overflow:hidden; transition:.45s; box-shadow: 0 15px 35px rgba(0,0,0,.08); position:relative; height:100%; } /* Gradient Border */ .service-card:before{ content:""; position:absolute; inset:0; padding:2px; border-radius:25px; background:linear-gradient(135deg,#6C63FF,#00D2FF,#7F5AF0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; opacity:0; transition:.4s; } /*============================== IMAGE ==============================*/ .service-card .elementor-widget-image{ overflow:hidden; } .service-card img{ transition:.7s; display:block; width:100%; } .service-card:hover img{ transform:scale(1.12); } /*============================== HEADING ==============================*/ .service-card h3{ font-size:24px; font-weight:700; transition:.4s; } .service-card:hover h3{ color:#5B5FFB; } /*============================== TEXT ==============================*/ .service-card p{ color:#666; transition:.4s; } .service-card:hover p{ color:#444; } /*============================== HOVER ==============================*/ .service-card:hover{ transform: translateY(-15px); box-shadow: 0 35px 70px rgba(0,0,0,.15); } .service-card:hover:before{ opacity:1; } /*============================== SHINE EFFECT ==============================*/ .service-card:after{ content:""; position:absolute; top:-60%; left:-100%; width:50%; height:220%; background: rgba(255,255,255,.4); transform:rotate(25deg); transition:1s; } .service-card:hover:after{ left:180%; } /*============================== BUTTON ==============================*/ .service-card .elementor-button{ border-radius:40px; transition:.4s; } .service-card:hover .elementor-button{ background:#5B5FFB; transform:translateX(8px); } /*============================== FLOAT ==============================*/ .service-card{ animation:float 5s ease-in-out infinite; } .service-card:nth-child(2){ animation-delay:.5s; } .service-card:nth-child(3){ animation-delay:1s; } @keyframes float{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-8px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-261710c *//*============================== SECTION ==============================*/ .services-section{ padding:80px 0; background:#f7f9fc; } /*============================== CARD ==============================*/ .service-card{ background:#fff; border-radius:25px; overflow:hidden; transition:.45s; box-shadow: 0 15px 35px rgba(0,0,0,.08); position:relative; height:100%; } /* Gradient Border */ .service-card:before{ content:""; position:absolute; inset:0; padding:2px; border-radius:25px; background:linear-gradient(135deg,#6C63FF,#00D2FF,#7F5AF0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; opacity:0; transition:.4s; } /*============================== IMAGE ==============================*/ .service-card .elementor-widget-image{ overflow:hidden; } .service-card img{ transition:.7s; display:block; width:100%; } .service-card:hover img{ transform:scale(1.12); } /*============================== HEADING ==============================*/ .service-card h3{ font-size:24px; font-weight:700; transition:.4s; } .service-card:hover h3{ color:#5B5FFB; } /*============================== TEXT ==============================*/ .service-card p{ color:#666; transition:.4s; } .service-card:hover p{ color:#444; } /*============================== HOVER ==============================*/ .service-card:hover{ transform: translateY(-15px); box-shadow: 0 35px 70px rgba(0,0,0,.15); } .service-card:hover:before{ opacity:1; } /*============================== SHINE EFFECT ==============================*/ .service-card:after{ content:""; position:absolute; top:-60%; left:-100%; width:50%; height:220%; background: rgba(255,255,255,.4); transform:rotate(25deg); transition:1s; } .service-card:hover:after{ left:180%; } /*============================== BUTTON ==============================*/ .service-card .elementor-button{ border-radius:40px; transition:.4s; } .service-card:hover .elementor-button{ background:#5B5FFB; transform:translateX(8px); } /*============================== FLOAT ==============================*/ .service-card{ animation:float 5s ease-in-out infinite; } .service-card:nth-child(2){ animation-delay:.5s; } .service-card:nth-child(3){ animation-delay:1s; } @keyframes float{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-8px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ad2df3e *//* =========================== MAIN SECTION =========================== */ .admission-section{ background: linear-gradient(135deg,#f8fbff,#eef3ff); padding:80px 60px; border-radius:30px; overflow:hidden; position:relative; box-shadow:0 25px 60px rgba(0,0,0,.08); } .admission-section:before{ content:""; position:absolute; width:350px; height:350px; background:#4f46e5; border-radius:50%; filter:blur(140px); top:-120px; left:-120px; opacity:.12; } .admission-section:after{ content:""; position:absolute; width:300px; height:300px; background:#00d4ff; border-radius:50%; filter:blur(120px); bottom:-120px; right:-120px; opacity:.10; } /* =========================== LEFT CONTENT =========================== */ .admission-content{ z-index:2; position:relative; } .admission-content h2{ font-size:58px; font-weight:800; line-height:1.1; margin-bottom:25px; color:#111827; } .admission-content h2 span{ background:linear-gradient(90deg,#4f46e5,#00b8ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .admission-content p{ font-size:18px; line-height:1.8; color:#6b7280; margin-bottom:20px; } /* =========================== BUTTON =========================== */ .admission-btn .elementor-button{ background:linear-gradient(135deg,#4f46e5,#00b8ff); padding:18px 40px; border-radius:60px; font-size:18px; font-weight:700; box-shadow:0 15px 35px rgba(79,70,229,.35); transition:.4s; } .admission-btn .elementor-button:hover{ transform:translateY(-6px); box-shadow:0 30px 50px rgba(79,70,229,.45); } /* =========================== IMAGE =========================== */ .admission-image{ position:relative; border-radius:30px; overflow:hidden; box-shadow:0 30px 70px rgba(0,0,0,.15); transition:.5s; } .admission-image img{ width:100%; transition:.8s; display:block; } .admission-image:hover{ transform:translateY(-10px) rotate(-1deg); } .admission-image:hover img{ transform:scale(1.08); } /* Animated Border */ .admission-image:before{ content:""; position:absolute; inset:-3px; border-radius:32px; background:linear-gradient(45deg,#4f46e5,#00d4ff,#7f5af0,#ff4ecd); background-size:300% 300%; animation:borderMove 6s linear infinite; z-index:-1; } @keyframes borderMove{ 0%{ background-position:0% 50%; } 100%{ background-position:100% 50%; } } /* =========================== FLOAT EFFECT =========================== */ .admission-image{ animation:floatImage 5s ease-in-out infinite; } @keyframes floatImage{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-10px); } 100%{ transform:translateY(0); } } /* =========================== FEATURE BOXES =========================== */ .feature-box{ background:#fff; padding:20px; border-radius:18px; box-shadow:0 12px 30px rgba(0,0,0,.08); transition:.4s; } .feature-box:hover{ transform:translateY(-8px); box-shadow:0 25px 40px rgba(79,70,229,.15); } /* =========================== ICONS =========================== */ .feature-box i{ font-size:35px; color:#4f46e5; margin-bottom:12px; transition:.4s; } .feature-box:hover i{ transform:rotate(15deg) scale(1.15); } /* =========================== SHINE EFFECT =========================== */ .admission-image:after{ content:""; position:absolute; top:-100%; left:-100%; width:60%; height:250%; background:rgba(255,255,255,.35); transform:rotate(25deg); transition:1s; } .admission-image:hover:after{ left:170%; } /* =========================== RESPONSIVE =========================== */ @media(max-width:1024px){ .admission-content h2{ font-size:42px; } } @media(max-width:767px){ .admission-section{ padding:40px 25px; } .admission-content h2{ font-size:34px; text-align:center; } .admission-content p{ text-align:center; } .admission-btn{ text-align:center; } .admission-image{ margin-top:35px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6a46e4c *//* =========================== MAIN SECTION =========================== */ .admission-section{ background: linear-gradient(135deg,#f8fbff,#eef3ff); padding:80px 60px; border-radius:30px; overflow:hidden; position:relative; box-shadow:0 25px 60px rgba(0,0,0,.08); } .admission-section:before{ content:""; position:absolute; width:350px; height:350px; background:#4f46e5; border-radius:50%; filter:blur(140px); top:-120px; left:-120px; opacity:.12; } .admission-section:after{ content:""; position:absolute; width:300px; height:300px; background:#00d4ff; border-radius:50%; filter:blur(120px); bottom:-120px; right:-120px; opacity:.10; } /* =========================== LEFT CONTENT =========================== */ .admission-content{ z-index:2; position:relative; } .admission-content h2{ font-size:58px; font-weight:800; line-height:1.1; margin-bottom:25px; color:#111827; } .admission-content h2 span{ background:linear-gradient(90deg,#4f46e5,#00b8ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .admission-content p{ font-size:18px; line-height:1.8; color:#6b7280; margin-bottom:20px; } /* =========================== BUTTON =========================== */ .admission-btn .elementor-button{ background:linear-gradient(135deg,#4f46e5,#00b8ff); padding:18px 40px; border-radius:60px; font-size:18px; font-weight:700; box-shadow:0 15px 35px rgba(79,70,229,.35); transition:.4s; } .admission-btn .elementor-button:hover{ transform:translateY(-6px); box-shadow:0 30px 50px rgba(79,70,229,.45); } /* =========================== IMAGE =========================== */ .admission-image{ position:relative; border-radius:30px; overflow:hidden; box-shadow:0 30px 70px rgba(0,0,0,.15); transition:.5s; } .admission-image img{ width:100%; transition:.8s; display:block; } .admission-image:hover{ transform:translateY(-10px) rotate(-1deg); } .admission-image:hover img{ transform:scale(1.08); } /* Animated Border */ .admission-image:before{ content:""; position:absolute; inset:-3px; border-radius:32px; background:linear-gradient(45deg,#4f46e5,#00d4ff,#7f5af0,#ff4ecd); background-size:300% 300%; animation:borderMove 6s linear infinite; z-index:-1; } @keyframes borderMove{ 0%{ background-position:0% 50%; } 100%{ background-position:100% 50%; } } /* =========================== FLOAT EFFECT =========================== */ .admission-image{ animation:floatImage 5s ease-in-out infinite; } @keyframes floatImage{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-10px); } 100%{ transform:translateY(0); } } /* =========================== FEATURE BOXES =========================== */ .feature-box{ background:#fff; padding:20px; border-radius:18px; box-shadow:0 12px 30px rgba(0,0,0,.08); transition:.4s; } .feature-box:hover{ transform:translateY(-8px); box-shadow:0 25px 40px rgba(79,70,229,.15); } /* =========================== ICONS =========================== */ .feature-box i{ font-size:35px; color:#4f46e5; margin-bottom:12px; transition:.4s; } .feature-box:hover i{ transform:rotate(15deg) scale(1.15); } /* =========================== SHINE EFFECT =========================== */ .admission-image:after{ content:""; position:absolute; top:-100%; left:-100%; width:60%; height:250%; background:rgba(255,255,255,.35); transform:rotate(25deg); transition:1s; } .admission-image:hover:after{ left:170%; } /* =========================== RESPONSIVE =========================== */ @media(max-width:1024px){ .admission-content h2{ font-size:42px; } } @media(max-width:767px){ .admission-section{ padding:40px 25px; } .admission-content h2{ font-size:34px; text-align:center; } .admission-content p{ text-align:center; } .admission-btn{ text-align:center; } .admission-image{ margin-top:35px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7f093f8 *//* =========================== MAIN SECTION =========================== */ .admission-section{ background: linear-gradient(135deg,#f8fbff,#eef3ff); padding:80px 60px; border-radius:30px; overflow:hidden; position:relative; box-shadow:0 25px 60px rgba(0,0,0,.08); } .admission-section:before{ content:""; position:absolute; width:350px; height:350px; background:#4f46e5; border-radius:50%; filter:blur(140px); top:-120px; left:-120px; opacity:.12; } .admission-section:after{ content:""; position:absolute; width:300px; height:300px; background:#00d4ff; border-radius:50%; filter:blur(120px); bottom:-120px; right:-120px; opacity:.10; } /* =========================== LEFT CONTENT =========================== */ .admission-content{ z-index:2; position:relative; } .admission-content h2{ font-size:58px; font-weight:800; line-height:1.1; margin-bottom:25px; color:#111827; } .admission-content h2 span{ background:linear-gradient(90deg,#4f46e5,#00b8ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .admission-content p{ font-size:18px; line-height:1.8; color:#6b7280; margin-bottom:20px; } /* =========================== BUTTON =========================== */ .admission-btn .elementor-button{ background:linear-gradient(135deg,#4f46e5,#00b8ff); padding:18px 40px; border-radius:60px; font-size:18px; font-weight:700; box-shadow:0 15px 35px rgba(79,70,229,.35); transition:.4s; } .admission-btn .elementor-button:hover{ transform:translateY(-6px); box-shadow:0 30px 50px rgba(79,70,229,.45); } /* =========================== IMAGE =========================== */ .admission-image{ position:relative; border-radius:30px; overflow:hidden; box-shadow:0 30px 70px rgba(0,0,0,.15); transition:.5s; } .admission-image img{ width:100%; transition:.8s; display:block; } .admission-image:hover{ transform:translateY(-10px) rotate(-1deg); } .admission-image:hover img{ transform:scale(1.08); } /* Animated Border */ .admission-image:before{ content:""; position:absolute; inset:-3px; border-radius:32px; background:linear-gradient(45deg,#4f46e5,#00d4ff,#7f5af0,#ff4ecd); background-size:300% 300%; animation:borderMove 6s linear infinite; z-index:-1; } @keyframes borderMove{ 0%{ background-position:0% 50%; } 100%{ background-position:100% 50%; } } /* =========================== FLOAT EFFECT =========================== */ .admission-image{ animation:floatImage 5s ease-in-out infinite; } @keyframes floatImage{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-10px); } 100%{ transform:translateY(0); } } /* =========================== FEATURE BOXES =========================== */ .feature-box{ background:#fff; padding:20px; border-radius:18px; box-shadow:0 12px 30px rgba(0,0,0,.08); transition:.4s; } .feature-box:hover{ transform:translateY(-8px); box-shadow:0 25px 40px rgba(79,70,229,.15); } /* =========================== ICONS =========================== */ .feature-box i{ font-size:35px; color:#4f46e5; margin-bottom:12px; transition:.4s; } .feature-box:hover i{ transform:rotate(15deg) scale(1.15); } /* =========================== SHINE EFFECT =========================== */ .admission-image:after{ content:""; position:absolute; top:-100%; left:-100%; width:60%; height:250%; background:rgba(255,255,255,.35); transform:rotate(25deg); transition:1s; } .admission-image:hover:after{ left:170%; } /* =========================== RESPONSIVE =========================== */ @media(max-width:1024px){ .admission-content h2{ font-size:42px; } } @media(max-width:767px){ .admission-section{ padding:40px 25px; } .admission-content h2{ font-size:34px; text-align:center; } .admission-content p{ text-align:center; } .admission-btn{ text-align:center; } .admission-image{ margin-top:35px; } }/* End custom CSS */