/**** GLOBAL STYLES ****/ @font-face { font-family: CircularStd; src: url(../fonts/CircularStd-Bold.woff2); font-display: swap; } @font-face { font-family: CircularStdBook; src: url(../fonts/CircularStd-Book.woff2); font-display: swap; } @font-face { font-family: 'Work Sans'; src: url('../fonts/WorkSans-Light.eot'); src: url('../fonts/WorkSans-Lightd41dd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/WorkSans-Light.woff2') format('woff2'), url('../fonts/WorkSans-Light.woff') format('woff'), url('../fonts/WorkSans-Light.ttf') format('truetype'), url('../fonts/WorkSans-Light.svg#WorkSans-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Work Sans'; src: url('../fonts/WorkSans-Regular.eot'); src: url('../fonts/WorkSans-Regulard41dd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/WorkSans-Regular.woff2') format('woff2'), url('../fonts/WorkSans-Regular.woff') format('woff'), url('../fonts/WorkSans-Regular.ttf') format('truetype'), url('../fonts/WorkSans-Regular.svg#WorkSans-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: Gotham; src: url(../fonts/Gotham-Light.otf); font-display: swap; } @font-face { font-family: PlayfairDisplay; src: url(../fonts/playfair-display-latin-regular.woff2); font-display: swap; } @font-face { font-family: PlayfairDisplayBold; src: url(../fonts/playfair-display-latin-700.woff2); font-display: swap; } :root { --primary-font: 'Work Sans'; --secondary-font: 'CircularStd'; --secondary-sub-font: 'CircularStdBook'; --alt-font: 'PlayfairDisplay'; --alt-sub-font: 'PlayfairDisplayBold'; --bgcolor-red: #d91f23; --bgcolor-dark-red: #c51316; --bgcolor-yellow: #ffb900; --bgcolor-cyan-blue: #0679a4; --bgcolor-light-blue: #bfd3ff; --bgcolor-blue: #29376d; --bgcolor-dark-purple: #1c2052; --bgcolor-dark: #111111; --bgcolor-darkGray: #999999; --bgcolor-d-gray: #666666; --bgcolor-lightGray: #d9d9d9; --bgcolor-lgray: #d5d5d5; --bgcolor-white: #ffffff; --bgcolor-off-white: #e5e5e5; --bgcolor-mid-gray: #e4e4e4; --bgcolor-more-gray: #787878; --bgcolor-soft-gray: #f8f8f8; --bgcolor-gray: #f2f4f8; --bgcolor-offgray: #f4f4f4; --bgcolor-off-gray: #cccccc; --text-color-white: #ffffff; --text-color-dark: #111111; --text-color-red: #d91f23; --text-color-yellow: #e1b230; --text-color-orange: #f1851c; --text-color-gray: #a6a6a6; --text-color-off-gray: #cccccc; --text-color-d-gray: #666666; --text-color-trans-gray: #fefefe; --text-color-op-gray: #b1b1b1; --text-color-dark-gray: #a6a6a6; --gray-opacity-bg: rgba(182, 182, 182, 0.4); --light-purple-opacity-bg: rgba(27, 31, 82, 0.1); --red-opacity-bg: rgba(217, 31, 35, 0.95); --blue-opacity-bg: rgba(18, 39, 116, 0.7); --white-opacity-bg: rgba(254, 254, 254, .2); --light-white-opacity-bg: rgba(255, 255, 255, 0.1); --light-off-white-opacity-bg: rgba(255, 255, 255, 0.9); --off-white-opacity-bg: rgba(242, 244, 248, 0.2); --light-gray-opacity-bg: rgba(11, 11, 11, 0.4); --black-opacity-bg: rgba(0, 0, 0, .075); --dark-black-opacity-bg: rgba(54, 54, 54, 0.7); --red-gradient-bg: linear-gradient(45deg, rgb(217, 31, 35), rgb(255, 255, 255)); --offwhite-gradient-bg: linear-gradient(90deg, rgb(242, 244, 248) 70%, rgba(242, 244, 248, 0.1)); --purple-gradient-bg: linear-gradient(90deg, rgb(30, 34, 82) 30%, rgba(30, 34, 82, 0.1)); --dark-grey-gradient-bg: linear-gradient(90deg, rgb(44, 44, 44) 5%, rgba(44, 44, 44, 0.1)); --light-blue-gradient-bg: linear-gradient(45deg, rgb(48, 193, 186), rgb(255, 255, 255)); } /****** DARK MODE STYLES ******/ .darkModeActive { --bgcolor-white: #262626; --bgcolor-off-white: #595959; --text-color-dark: #eeeeee; --bgcolor-gray: #2b2b2b; --bgcolor-mid-gray: #313131; --bgcolor-red: #144f28; --bgcolor-dark-purple: #939393; --bgcolor-light-blue: #515151; --bgcolor-cyan-blue: #2f2f2f; --bgcolor-blue: #363639; --bgcolor-dark-red: #3c3c3c; --bgcolor-lightGray: #484848; --bgcolor-soft-gray: #222222; --text-color-red: #e1b230; --text-color-gray: #131313; --text-color-off-gray: #ffffff; --off-white-opacity-bg: rgba(106, 108, 111, 0.2); --red-opacity-bg: rgba(45, 45, 45, 0.98); --blue-opacity-bg: rgba(21, 21, 21, 0.7); --red-gradient-bg: linear-gradient(45deg, rgb(168, 168, 168), rgb(38, 38, 38)); --offwhite-gradient-bg: linear-gradient(90deg, rgb(0, 0, 0) 70%, rgba(0, 0, 0, 0.1)); --purple-gradient-bg: linear-gradient(90deg, rgb(43, 43, 45) 30%, rgba(30, 34, 82, 0.1)); --light-blue-gradient-bg: linear-gradient(45deg, rgb(81, 81, 81), rgb(38, 38, 38)); } .darkModeActive .listStyle-1 li::after { filter: grayscale(1); } .darkModeActive .msg-frm p::before, .darkModeActive .listStyle-2 li a::after, .darkModeActive .course-sprite { filter: invert(1)!important; } /******************************/ .visff { margin-top: -173px; margin-right: 0px; width: 100% !important; height: 912px!important; margin-left: 0px; margin-bottom: -74px; } .gfs{transform: rotate(90deg);} .videos{ width: 100% !important; height: 650px!important;} html, body { height: 100%; width: 100%; } body { color: var(--text-color-dark); background: var(--bgcolor-white); overflow-x: hidden; /* font-family: var(--primary-font);*/ transition: all 0.3s ease-in-out; } a { outline: 0; text-decoration: none; } h1, h2, h3, h4, h5, h6 { /* font-family: var(--secondary-font);*/ } .btn-close:focus { outline: 0; box-shadow: none; } .text-white { color: var(--text-color-white)!important; } .text-red { color: #fff!important; } .text-dark-grey { color: #fff!important; } .text-yellow { color: var(--text-color-yellow)!important; } .red-bg { background: #932307; border-right: 0!important; } .violet-bg { background: var(--bgcolor-blue)!important; } .light-violet-bg { background: var(--bgcolor-light-blue); } .gray-filter { } .white-bg { background: var(--bgcolor-white); } .transparent-bg { background: transparent; } .offwhite-bg { background: var(--bgcolor-offgray); } .grey-bg { background: #162755; } .default-bg { background: #252324; } .purple-bg { background: #973c0d; } .dark-grey-bg { background: rgba(18, 39, 87, 0.98); } .yellow-bg { background: linear-gradient(135deg,rgb(133 35 0) 0,rgb(206 36 36) 59%,rgb(155 0 0) 59%,rgb(70 71 81) 100%)!important; } .cyan-bg { background: var(--bgcolor-cyan-blue)!important; } .light-blue-bg { background: #202d63 !important; } .dark-blue-bg { background: var(--bgcolor-dark-purple)!important; } .blue-gradient-bg { background: linear-gradient(135deg,rgb(27, 59, 115) 0,rgb(17, 37, 85) 59%,rgb(15, 23, 57) 59%,rgb(21, 24, 68) 100%)!important; } .overlay { position: absolute; width: 100%; height: 80%; top: 0; left: 0; right: 0; /* bottom: 0;*/ background: linear-gradient(to bottom,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 100%); } .cu-btn { border-radius: 6px; width: auto; font-family: var(--secondary-font); font-size: 14px; text-transform: uppercase; color: var(--text-color-white); letter-spacing: 2px; text-decoration: none; padding: 12px 24px; display: inline-block; transition: all 0.2s ease-in-out; } .cu-btn:hover { color: var(--text-color-white); background: var(--bgcolor-dark-purple); } .cu-btn.dark-blue-bg:hover { background: #1e6b53!important; } .cu-btn svg { margin-left: 10px; margin-top: -2px; } .patent-section, .unique-section, .copyright-section { padding-top: 50px; max-width: 1140px; margin: 0px auto; } .works{ padding-top: 300px!important; } /**** RESPONSIVE STYLES ****/ @media (max-width: 767px) { .cu-btn { font-size: 12px; padding: 5px 10px!important; } } @media (min-width: 801px) and (max-width:991px) { .step-one-menu > li > a { padding: 16px 19px!important; } .dd-menu > a::before { right: 10px!important; top: 20px!important; } .cu-btn { font-size: 12px; padding: 10px 10px; } } @media (min-width: 1349px) { .patent-section, .unique-section, .copyright-section { max-width: 1349px; padding-right: var(--bs-gutter-x,.75rem); padding-left: var(--bs-gutter-x,.75rem); } .step-two-menu { top: 56px; } } @media (min-width: 1549px) { .patent-section, .unique-section, .copyright-section { max-width: 1549px; } } @media (min-width: 2850px) { .cu-btn { padding: 13px 25px; } .radd { padding-left: 0px; width: 91%; margin-top: -4px; } } @media (min-width: 1600px) { .cu-btn { padding: 13px 25px; } .step-one-menu > li > a { padding: 33px 19px; } .rege { font-size: 14px!important; padding: 7px 10px !important; background: #ffffffbd; border-radius: 30px; margin: 19px 7px; box-shadow: 0px 0px 5px #404040; } .radd { padding-left: 0px; width: 70%!important; margin-top: -4px; } } @media (min-width: 1700px) { .cu-btn { padding: 13px 25px; } .step-one-menu > li > a { padding: 33px 19px; } .rege { font-size: 20px!important; padding: 7px 10px !important; background: #ffffffbd; border-radius: 30px; margin: 14px 0; box-shadow: 0px 0px 5px #404040; } .radd { padding-left: 0px; width: 55%!important; margin-top: -4px; } } @media (min-width: 1890px) { .cu-btn { padding: 13px 25px; } .step-one-menu > li > a { padding: 33px 19px; } .rege { font-size: 20px!important; padding: 7px 10px !important; background: #ffffffbd; border-radius: 30px; margin: 14px 0; box-shadow: 0px 0px 5px #404040; } .radd { padding-left: 0px; width: 91%; margin-top: -4px; } } /**** HEADER CSS ****/ .body-color-overlay { background: rgba(0,0,0,.8); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 14; display: none; transition: all 0.3s ease-in-out; } header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; transition: all 0.2s ease-in-out; } header .side-call .red-call, header.dark-grey-bg .side-call .white-call { display: block; } header.dark-grey-bg .logo-border, header.dark-grey-bg .step-one-menu { border-bottom: 0; border-right: 1px solid rgba(54, 88, 166, 0.3); } header.dark-grey-bg .step-one-menu { border-top: 1px solid rgba(54, 88, 166, 0.3); } header.dark-grey-bg .text360 span { color: var(--text-color-white); } header.dark-grey-bg .white-call-box { top: 0; height: 53px; } header.dark-grey-bg .side-call { background: #154c8b; } header.dark-grey-bg .need-help a { color: var(--text-color-white); } header.dark-grey-bg .need-help span { color: var(--text-color-trans-gray); } header.dark-grey-bg .side-call .red-call, header .side-call .white-call { display: none; } .noscroll { overflow: hidden; } .mobile-header { position: absolute; right: 0px; top: 50px; height: 39px; padding: 0 5px; transition: all 0.3s ease-in-out; display: none; } .mobile-header span { display: inline-block; vertical-align: middle; border-right: 1px solid rgba(255,255,255,.3); } .mobile-header span a { font-size: 17px; color: var(--text-color-white); padding: 5px 10px; } .mobile-header > span:first-child a i { position: relative; top: 2px; } .mobile-header .menu-toggle { display: inline-block; vertical-align: middle; cursor: pointer; } .menu-toggle { width: 55px; padding: 10px; } .menu-toggle span { width: 100%; height: 2px; background: var(--bgcolor-white); display: block; margin-bottom: 7px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .menu-toggle span:last-child { margin-bottom: 0; } #header { transition: all .4s ease-in-out; } .logo-border { border-bottom: 1px solid rgba(255,255,255,.3); border-right: 1px solid rgba(255,255,255,.3); } .logo { margin-top: 4px; /*margin-bottom: -12px;*/ position: relative; } .logo img { width: 100%; } .logo-fix { position: absolute; width: 100%; color: var(--text-color-white); font-size: 12px; right: -160px; top: 13px; width: 130px; } .logo-fix img { width: 100%; } .logo-infocard { position: absolute; top: 80px; left: 0px; margin-top: 20px; width: 440px; padding: 20px; background: #175e2d; border-radius: 2px; font-size: 12px; display: block; visibility: hidden; opacity: 0; box-shadow: 0 2px 3px rgba(0,0,0,.4); z-index: 1; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; -webkit-transition-delay: .3s; transition-delay: .3s; -webkit-backface-visibility: hidden; color: var(--text-color-white); } .infocard-wrapper.text-center p { font-size: 11px; } .logo-infocard p { font-size: 12px; line-height: 16px; font-family: var(--secondary-sub-font); } .logo-small { width: 60px; display: inline-block; border: 2px solid #fff; margin-bottom: 6px; } .logo-small img { width: 100%; } .custom.contact-details p { margin-bottom: 6px; } .logo:hover .logo-infocard { opacity: 1; visibility: visible; top: 97px; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; -webkit-transition-delay: .3s; transition-delay: .3s; } .logo-infocard p strong { margin-bottom: 2px; display: inline-block; font-family: var(--secondary-font); letter-spacing: 0.5px; } .logo-infocard a { color: var(--text-color-white); font-family: var(--secondary-sub-font); } .gap { padding: 8px 0 !important; } .megamenu a { text-decoration: none; outline: 0; } .upper-menu { position: relative; padding-left: 2px; display: flex; /*justify-content: space-around;*/ align-items: center; height: 70px; } .upper-menu ul { display: inline-flex; padding-left: 0; margin-bottom: 0; height: 50px; } .upper-menu ul li { list-style-type: none; padding-top: 3px; } header.dark-grey-bg .upper-menu .menu-options li:last-child, header.dark-grey-bg .on-scroll-whatapp { border-right: 1px solid rgba(54, 88, 166, 0.3); } .upper-menu .menu-options li:last-child { padding-right: 7px; border-right: 1px solid rgba(255,255,255,.3); } .upper-menu ul li a { font-size: 14px; color: var(--text-color-white); text-transform: uppercase; font-family: var(--secondary-sub-font); display: inline-block; padding: 9px 8.5px; /* change to 8px for dark mode toggle button */ } /************************** dark mode toggle button (MAX CODE) *************************/ .border-left { border-left: 1px solid rgba(255,255,255,.1); } .darkMode { padding: 0px 5px!important; margin-top: 8px; margin-left: 8px; } .dark_mode { width: 36px; height: 18px; border-radius: 12px; background-image: url("../../includes-new/assets/images/dark_mode.html"); background-size: 57px 18px; background-position: -20px 0; transition: 100ms; background-color: var(--bgcolor-red); } .darkModeActive .dark_mode { background-position: 0 0; background-color: #6d7019; } /***************************************************************************/ .code{ COLOR: YELLOW !IMPORTANT;;} .whatsapp li a { display: inline-block; font-size: 15px; color: var(--text-color-white); } .step-one-menu { position: relative; display: inline-flex; margin-bottom: 0; padding-left: 0; border-top: 1px solid rgba(255,255,255,.3); } .step-one-menu > li { list-style-type: none; font-size: 14px; font-family: var(--primary-font); } .step-one-menu > li.dd-menu:after { bottom: 0; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: var(--bgcolor-white); border-width: 8px; margin-left: -8px; opacity: 0; visibility: hidden; } .step-one-menu > li.dd-menu:hover:after{ opacity: 1; visibility: visible; } .on-scroll-whatapp { border-right: 1px solid rgba(255,255,255,.3); padding-right: 10px; display: none; } .on-scroll-whatapp ul li { list-style-type: none; margin: 0; } .cvalues a { padding-top: 8px !important; padding-bottom: 0 !important; padding-left: 35px !important; cursor: unset; } .cvalues a::after, .cvalues a::before { display: none; } .cvalues svg { position: absolute; left: 0; top: 0; transition: all 0.5s ease-in-out; } .step-one-menu > li > a { color: var(--text-color-white); font-size: 14px; font-family: var(--secondary-font); padding: 26px 19px; display: inline-block; position: relative; text-transform: uppercase; /* margin-left: 5px;*/ font-weight: 400; text-shadow: 0 0 2px rgba(0,0,0,.2); -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; transition: all 0s ease-in-out; outline: none; white-space: nowrap; } .step-one-menu > li:hover > a { background: #175e2d; color: var(--text-color-white); } .step-one-menu > li.active:hover > a { background: linear-gradient(135deg,#224f28 0,#122859 100%); color: var(--text-color-white); } .dd-menu > a::before { /*content: ''; height: 4px; width: 4px; background: rgba(255,255,255,.5); position: absolute; border-radius: 50%; right: 12px; top: 24px;*/ } .step-one-menu > li:hover .step-two-menu { opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); } .step-one-menu > li.active .step-two-menu { display: block; } .step-two-menu { position: absolute; left: -100px; right: 0; top: 53px; /* background: var(--bgcolor-white);*/ /* box-shadow: 0 5px 10px rgba(0,0,0,.2);*/ opacity: 0; visibility: hidden; /*CSS animation applied for sub menu : Slide from Top */ -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; } .rtyuiop{ width: 250px!important; } .step-two-menu h3 { font-size: 18px; padding-bottom: 5px; color: #224f28; margin-bottom: 8px; font-family: var(--secondary-sub-font); } .step-two-menu h3 a { top: 3.5px; } .step-two-menu h3 a i { font-size: 12px; } .pt--8 { margin-top: -8px; padding-top: 10px; } .c-name { position: absolute; top: -13px; left: 0; font-size: 12px; min-width: 160px; } .step-two-menu ul { padding-left: 0; } .step-two-menu ul li { list-style-type: none; position: relative; padding: 3px 10px; background: #eeeeee; border-bottom: solid 1px #fff; } .step-two-menu ul li a { font-size: 12px; color: var(--text-color-dark); display: inline-block; padding: 2px 0; font-weight: 600; font-family: system-ui; } /* .step-two-menu ul li a::before { content: ''; height: 2px; width: 4px; background: #ddd; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } */ .step-two-menu ul li a::after { content: ''; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background-color: var(--bgcolor-dark); transform: scaleX(0); transform-origin: bottom right; transition: transform .5s; } .step-two-menu ul li a:hover::before { background: #d83135; } .step-two-menu ul li a:hover::after { transform-origin: bottom left; transform: scaleX(1); } .step-two-menu ul li:last-child { margin-bottom: 0; }.shado{color:white } .ft-links .fa{ color: #ffffff; } .list-social li a { margin-right: 15px; font-size: 16px; } .white-call-box { display: flex; justify-content: flex-start; position: absolute; right: 0; top: 10px!important; height: 55px!important; overflow: hidden; flex-direction: column; } .side-call { display: flex; background: #152958; padding: 6px 20px; transition: all 0.3s ease-in-out; } .contact-transform { transform: translate(0, -100%); } .call-icon { margin-right: 9px; margin-top: -2px } .need-help { margin-top: 3px; } .need-help span { font-size: 12px; color: var(--text-color-d-gray); font-family: var(--secondary-sub-font); } .need-help a { font-size: 20px; color: #f8f9fa; font-family: var(--secondary-font); margin-top: 3px; } .text360 { display: flex!important; align-items: center; text-transform: capitalize!important; } .text360:hover { cursor: default; } #search-page-mob:hover, #vt-bt:hover { cursor: pointer; } .text360 span { color: var(--text-color-off-gray); font-size: 12px; font-family: var(--secondary-sub-font); margin-left: 5px; position: relative; } .mlgc{ margin-left: 0.7rem!important; } .corner-search { border-right: none!important; } .deg::before { content: ''; height: 4px; width: 4px; position: absolute; border-radius: 50%; right: -4px; top: 2px; border: 1px solid rgba(255,255,255,.5); } /**** FOOTER CSS ****/ footer { background: #122856; } .ft-links { margin-bottom: 36px; } .ft-links h4 { font-size: 20px; color: var(--text-color-white); margin-bottom: 15px; font-family: var(--secondary-font); } .ft-links ul, .copy-links ul, .social-media ul { padding: 0; margin-bottom: 10px; } .ft-links ul li { list-style-type: none; display: block; margin-bottom: 15px; line-height: 12px; } .ft-links ul li a, .copy-links ul li a, .copy-r, .unai-logo p, .e-lead p, .git { font-size: 16px; color: var(--text-color-white); position: relative; font-family: var(--primary-font); line-height: 26px; padding: 2px 0; display: block; } .ft-links ul li a { display: unset; } .ft-links ul li a::after, .copy-links ul li a::after { content: ''; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background-color: var(--bgcolor-off-white); transform: scaleX(0); transform-origin: bottom right; transition: transform .5s; } .ft-links ul li a:hover::after, .copy-links ul li a:hover::after { transform-origin: bottom left; transform: scaleX(1); } .foot-address { cursor: default; } .foot-address:hover::after { transform: scaleX(0)!important; } .git a:hover::after { background-color: var(--bgcolor-yellow); } .footer-mid { padding-top: 16px; padding-bottom: 5px; border-top: 1px solid #000000; border-bottom: 1px solid #353535; background: #a11d1d; } .social-media ul li a:hover { color: #0b0b10; font-size: 14px; } .copy-links ul li, .social-media ul li { list-style-type: none; border: 2px solid #ffffff; padding: 6px 6px; display: inline-flex; border-radius: 30px; } .copy-links ul li:first-child, .social-media ul li:first-child { padding: 0 px 0 0; } .social-media ul li:hover{ background-color: #ca2726; } .social-media ul li a { color: var(--text-color-white); font-size: 13px; text-align: center; width: 15px; line-height: 24px !important;; } .goto-top { height: 40px; width: 40px; line-height: 38px; text-align: center; position: fixed; bottom: 103px; right: 32px; color: var(--text-color-white); border-radius: 10px; font-size: 20px; z-index: 99; display: none; cursor: pointer; } .footer-fixed-bar { background: rgba(30, 30, 30, 0.95); position: fixed; bottom: 0; left: 0; right: 0; text-align: center; z-index: 11; padding: 5px 0; } .footer-fixed-bar p { font-family: var(--primary-font); font-size: 15px; line-height: 20px; margin: 0; } .searchbar-input { width: 100%; background: var(--bgcolor-white); height: 36px; border-radius: 4px; padding: 0 15px; font-size: 14px; border: 0; outline: 0; font-family: var(--primary-font); } .se-btn { position: absolute; right: 0; top: 0; height: 36px; line-height: 35px; color: var(--text-color-dark); width: 40px; text-align: center; border: 0; outline: 0; background-color: var(--bgcolor-off-gray); border-radius: 0 4px 4px 0; background-repeat: no-repeat; background-size: 12px; background-position: center; } .modal-title { color: var(--text-color-white); font-family: var(--secondary-font); } .modal-backdrop.show { opacity: 0; } /*mega menu styling*/ .mt--20 { margin-top: -20px; margin-top: -20px; margin-right: -20px; margin-left: -20px; } .gx-25{ margin-left: -20px; margin-right: -20px; } .st-common .drop-down-graphic h3 { padding: 30px 25px 0; } .st-about { width: 860px; /* height: 240px; */ } .st-academics { width: 612px; /* height: 240px; */ } .st-programs { width: 1240px; /* height: 356px; */ left: -139px; } .st-admissions { width: 745px; /* height: 318px; */ } .st-campus { width: 500px; /* height: 310px; */ } .st-placements { width: 440px; /* height: 400px;*/ right: -190px; } .st-research { width: 700px; /* height: 410px;*/ right: 0; } .drop-down-graphic h3{ text-align: center; color: var(--text-color-white); font-size: 22px; padding: 30px 30px 0;} .drop-down-graphic h3 span{ display: block;color: #f8f9fa; font-size: 28px; font-family: var(--secondary-font);} .dd-graphic-cont{ background: rgb(23 94 45); };} .dd--title{ color: var(--text-color-white); text-align: center; font-size: 11px; line-height: 15px; text-align: center} .dd--title span{ display: block; text-align: center; margin-bottom: 10px;} .dd--title img{ display: inline-block;} .dd-menu{ position: relative} .dd-graphic-cont .col-6{ border: 1px solid rgba(255,255,255,0.3); height: 120px;} .dd-graphic-cont .col-6:nth-child(1){ border-top: 0; border-left: 0;} .dd-graphic-cont .col-6:nth-child(2){ border-top: 0; border-right: 0; border-left: 0} .dd-graphic-cont .col-6:nth-child(3){ border-top: 0; border-left: 0; border-bottom: 0} .dd-graphic-cont .col-6:nth-child(4){ border: 0} .program-drop-down-graphic{ padding: 20px} .program-drop-down-graphic h3{ color: var(--text-color-white); font-size: 22px;} .program-drop-down-graphic h3 span{color: #f8f9fa;; font-size: 32px; font-family: var(--secondary-font); display: block} .placement--ddNumbers li{ list-style-type: none;} .placement--ddNumbers li span{ background: #144f28; display: inline-block; padding: 10px;min-width: 104px;} .rni-stats li span{background: #224f28;;border-radius: 6px;} .placement--ddNumbers li span h4{ margin: 0; color: var(--text-color-white); font-weight: bold; font-size: 30px; line-height: 24px; font-family: var(--secondary-font);} .placement--ddNumbers li span small{ color: var(--text-color-white); /*font-weight: bold;*/ font-size: 11px; line-height: 10px;} .placement--ddNumbers li p{ color: var(--text-color-white);font-size: 14px; line-height: 16px;padding-left: 0px;margin-top: 5px;margin-bottom: 0;} .placement--ddNumbers li span h4 div{ font-size: 18px; display: inline} .dd--title span i{ font-size: 44px;} .program-drop-down-graphic.text-center h3{ text-align: left; margin-left: 8px; } .placement--ddNumbers.ri-ul li { float: left; width: 50%; margin-bottom: 18px; } .placement--ddNumbers.ri-ul li span { width: 88%; text-align: left; } .placement--ddNumbers.ri-ul li span small { line-height: 15px; display: block; } .gx-25 {--bs-gutter-x: 2.5rem;} .redbox-applynow { background-blend-mode: multiply; background-size: cover; background-repeat: no-repeat; background-position: center center; padding-top: 15px; } .redbox-applynow h3 { color: var(--text-color-white); margin-bottom: 0; text-align: center; font-family: var(--primary-font); } /**** RESPONSIVE STYLES ****/ @media (max-width: 2250px) { .desktop-logo.lg-logo { width: 100%; } .logo-fix { right: -128px; top: 5px; FONT-WEIGHT: 900; TEXT-ALIGN: CENTER; FONT-SIZE: 19PX; COLOR: YELLOW; } .mlgc { margin-left: 0 !important; } .upper-menu ul li a { padding: 7px 7px; } .step-one-menu > li > a { /* padding: 26px 18px !important;;*/ } .upper-menu { position: relative; /*padding-left: 10px;*/ display: flex; /* justify-content: space-around; */ align-items: center; height: 50px; } #sticky-bschool { top: 100px!important; } #sticky-BBA{ top: 240px!important; } #sticky-social{ top: 470px!important; } .step-two-menu{ top: 73px; } .dd-menu > a::before { right: 4px; top: 20px; } header.dark-grey-bg .white-call-box { height: 43px; } .logo { margin-top: 0px; margin-bottom: -12px; position: relative; } .white-call-box { top: 10px!important; height: 44px !important; } .side-call { padding: 4px 6px; } .st-programs { left: -232px; } } @media (max-width: 1550px) { .rege{ font-size: 20px!important; padding: 7px 10px !important; background: #ffffffbd; border-radius: 30px; margin: 14px 0; box-shadow: 0px 0px 5px #404040; } #sticky-iti { top: 108px!important;} #sticky-socialnew { top: 344px!important;} #sticky-BBA { top: 199px!important;} #sticky-social { top: 414px!important;} #sticky-bschool { top: 70px!important;} } /* @media (max-width: 1349px) { .upper-menu { position: relative; padding-left: 2px; display: flex; align-items: center; height: 60px !important; } .white-call-box { top: 8px!important; height: 44px !important; } .st-programs { left: -285px; } .st-placements { right: -207px; } .upper-menu ul li a { padding: 0px 3px; } .step-one-menu > li > a { padding: 19px 14px !important; } .call-us a { margin-left: 0px!important; padding: 8px 19px!important; margin: 8px 0!important; } } */ @media (max-width: 1440px) { .upper-menu { position: relative; padding-left: 2px; display: flex; /* justify-content: space-around; */ align-items: center; height: 40px !important; } .upper-menu ul { display: inline-flex; padding-left: 0; margin-bottom: 0; height: 40px; } .radd { padding-left: 0px; width: 45%; margin-top: -4px; } .step-one-menu > li > a { padding: 26px 10px!important; } .dd-menu .rege { padding: 7px 10px !important; } .logo { margin-top: 5px; margin-bottom: -8px; position: relative; } .rege{ font-size: 14px!important; padding: 7px 10px !important; background: #ffffffbd; border-radius: 30px; margin: 19px 4px; box-shadow: 0px 0px 5px #404040; } .white-call-box { top: 8px!important; height: 44px !important; } .st-programs { left: -285px; } .st-placements { right: -207px; } .upper-menu ul li a { padding: 0px 3px; } /*.step-one-menu > li > a { padding: 19px 14px !important; }*/ .call-us a { margin-left: 0px!important; padding: 8px 19px!important; margin: 16px 0!important; } .desktop-logo.lg-logo { width: 100%; } .logo-fix { right: -83px; top: 13px; width: 100px; } .mlgc { display: none; } .upper-menu ul li a { padding: 6px 4px; font-size: 13px; } /*.step-one-menu > li > a { padding: 15px 8px !important;; }*/ .st-programs { left: -371px; } .white-call-box { display: block; } .side-call { padding: 4px 6px; } .whatsapp { margin-left: 0px!important; margin-top: -10px; } .radd { padding-left: 0px; width: 45%!important; } .call-us a { font-size: 16px!important; padding: 8px 19px!important; margin-left: 18px!important; } .step-two-menu { top: 73px!important; } .step-one-menu > li.dd-menu:after { bottom: 0px; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: var(--bgcolor-white); border-width: 8px; margin-left: -8px; opacity: 0; visibility: hidden; } .code{ font-weight: 800; font-size: 15px; } } @media (max-width: 1366px) { .upper-menu { position: relative; padding-left: 2px; display: flex; justify-content: space-around; align-items: center; height: 40px!important; } .code { font-weight: 800; font-size: 13px!important; } .radd { padding-left: 0px; width: 45%; margin-top: -4px; } .step-one-menu > li > a { padding: 27px 10px!important; } .button-style { border-radius: 28px; border: solid 0px #343894; box-shadow: 0px 0px 5px #d1d2ff; padding: 15px 0px; background: #34389436; font-size: 14px!important; } .dd-menu .rege { padding: 7px 10px !important; } .logo { margin-top: 0px; margin-bottom: -8px; position: relative; } .rege{ font-size: 11px!important; padding: 7px 10px !important; background: #ffffffbd; border-radius: 30px; margin: 22px 2px; box-shadow: 0px 0px 5px #404040; } .white-call-box { top: 8px!important; height: 44px !important; } .st-programs { left: -285px; } .st-placements { right: -207px; } .upper-menu ul li a { padding: 0px 3px; } /*.step-one-menu > li > a { padding: 19px 14px !important; }*/ .call-us a { margin: 18px 0!important; } .desktop-logo.lg-logo { width: 100%; } .logo-fix { right: -83px; top: 13px; width: 100px; } .mlgc { display: none; } .upper-menu ul li a { padding: 6px 3px; font-size: 13px; } /*.step-one-menu > li > a { padding: 15px 8px !important;; }*/ .st-programs { left: -371px; } .white-call-box { display: block; } .side-call { padding: 4px 6px; } .whatsapp { margin-left: 0px!important; margin-top: -10px; } .radd { width: 45%; } .call-us a { font-size: 15px!important; padding: 8px 16px!important; margin-left: 14px!important; } .step-two-menu { top: 73px!important; } .step-one-menu > li.dd-menu:after { bottom: 0px; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: var(--bgcolor-white); border-width: 8px; margin-left: -8px; opacity: 0; visibility: hidden; } .upper-menu ul { display: inline-flex; padding-left: 0; margin-bottom: 4px; height: 35px; } } @media (max-width: 1260px){ .upper-menu { position: relative; padding-left: 2px; display: flex; justify-content: space-around; align-items: center; height: 56px!important; } .step-one-menu > li > a { padding: 15px 7px !important;; } .upper-menu ul li a { padding: 6px 3px!important; font-size: 13px!important; } .step-one-menu > li > a { color: var(--text-color-white); font-size: 14px; font-family: var(--secondary-font); padding: 23px 11px; display: inline-block; position: relative; text-transform: uppercase; /* margin-left: 5px; */ font-weight: 400; text-shadow: 0 0 2px rgb(0 0 0 / 20%); -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; transition: all 0s ease-in-out; outline: none; white-space: nowrap; } .upper-menu ul li a { padding: 6px 5px!important; } } @media (max-width: 1199px) { .desktop-logo.lg-logo { width: 100%; } .logo-fix { right: -40px; top: 13px; width: 95px; } .white-call-box { top: unset!important; bottom: 0px; } .on-scroll-whatapp { padding-right: 3px; } .step-one-menu > li > a{ padding: 7px 7px; } .dd-menu > a::before { right: 1px; top: 16px; } .step-two-menu{ top: 34px; } .program-drop-down-graphic h3 span { font-size: 27px; } .on-scroll-whatapp { padding-right: 0px!important; } } @media (max-width: 991px) { .row-border-bottom { border-bottom: 1px solid rgba(255,255,255,.3); } .logo-border{ border-right: none; } .menu-options { display: none!important; } .mobile-header { display: block; } .white-call-box { position: relative; display: block; height: 60px; } .side-call { padding: 10px 30px; } .dd-menu.active{ background: var(--bgcolor-red); } .step-one-menu { display: block; width: 280px; position: fixed; right: -280px; top: 0; bottom: 0; margin: 0; overflow: auto; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; background: linear-gradient(135deg,rgb(27, 59, 115) 0,rgb(17, 37, 85) 59%,rgb(15, 23, 57) 59%,rgb(21, 24, 68) 100%); z-index: 2; padding-right: 0; } .step-one-menu.swipe{ right: 0; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; box-shadow: 0 0 30px black; } .step-one-menu > li > a { display: block; } .step-one-menu > li:hover > a { background: var(--bgcolor-white); color: var(--text-color-dark); } .step-two-menu { position: static; opacity: 1; visibility: visible; display: none; padding: 15px; } .step-two-menu h3{ margin-top: 15px; } .st-common { transform: rotateX(0deg); height: auto!important; width: auto; } .pt--8 { border-top: 0!important; margin-top: -20px; } .course-details + img { height: 300px; object-fit: cover; } .overlay { position: absolute; width: 100%; height: 32%; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom,rgba(0,0,0,.7) 0,rgba(0,0,0,.7) 30%,rgba(0,0,0,0) 100%); } } @media (min-width: 1024px) and (max-width: 1199px) { .step-one-menu > li > a { font-size: 13px; padding: 13px 3px; } .white-call-box { display: block; } .st-about { width: 768px; } .st-programs { left: -318px; width: 1024px; height: auto; } .st-admissions { right: -385px; } .st-campus { right: -195px; } .st-placements { right: -190px; } } @media (min-width: 500px) and (max-width: 1023px) { .step-two-menu .col-md-4, .step-two-menu .col-md-5, .step-two-menu .col-md-6, .step-two-menu .col-md-8 { width: 100%; } .upper-menu { display: none!important; } .mobile-header{ top: 16px; } } @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (device-width : 414px) and (device-height : 736px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 3) and (-webkit-device-pixel-ratio : 3) { .mlgc { margin-left: 1px !important; display: inline-table; } .darkMode { margin-top: 6px; margin-left: 6px; } .desktop-logo.lg-logo { width: 60%; margin-top: 0px; margin-bottom: 8px; } .logo-fix { right: -83px; top: 10px; width: 110px; } .upper-menu ul li a{ padding: 0px 14px!important; font-size: 18px!important; } .on-scroll-whatapp{ padding-right: 5px; } .on-scroll-whatapp ul li { line-height: 1; } .step-one-menu > li > a { padding: 16px 19px; } .dd-menu > a::before { right: 12px; top: 24px; } .cvalues a { margin-bottom: 15px; } .cu-btn { font-size: 12px; padding: 10px 10px; } /*.code, .code1{ display: none!important; }*/ .upper-menu { height: 32px!important; } .whatsapp,.whats,.on-scroll-whatapp{ display: none!important; } .h-100 { height: auto !important; display: inline-table; } .numbers{ margin-top: 0px!important; } .placew{ display: contents; } .ppp{ justify-content: center; } .slick-dotted.slick-slider { padding: 34px 0px 0px 0px!important; } .copy-r br { display: block!important; } #sticky-iti,#sticky-BBA,#sticky-social,#sticky-socialnew{ top: 0px!important; z-index: 0!important; text-align: left!important; width: 48%!important; height: 40px; /*background:#122856 !important; background-color: #122856!important;*/ border-radius: 10px 10px 10px 10px!important; float: left; display: block; margin-right: 0; clear: left; vertical-align: middle; padding: 0; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(360deg)!important; transform-origin: bottom right; position: relative!important; left: 0px!important; border: none; padding-left: 10px!important; margin: 0px 0px 6px 6px; box-shadow: 1px 2px 4px #fff; } #sticky-iti p,#sticky-BBA p,#sticky-social p,#sticky-socialnew p{ color: #fff!important; font-size: 12px!important; margin: auto; font-weight: 600!important; line-height: 2.7em; } .carrer-banner { height: 300px!important; width: 100%; padding-bottom: 0px!important; } .job-banner-content h1{ font-size: 30px!important; line-height: 37px!important; } .job-banner-content h3{ font-size: 18px!important; line-height: 24px!important; } .job-banner-content::after { content: ''; position: absolute; height: 38px!important; background: #181818; left: 0; top: 4px!important; width: 2px; } .job-banner-content::before { content: ''; position: absolute; height: 38px!important; background: #c52f33; left: 0; top: 53px!important; width: 2px; } .story-box{ display: block!important; } .story-box .story-box-image { width: 100%!important; height: auto!important; } .story-box .story-box-info{ width: 100%!important; height: auto!important; margin: 15px 0 0 0%!important; } .flip-box-container{ display: inline-grid!important; } .accordion-body{ padding: 8px!important; } #courses-content .cc-flex{ display: inline-block!important; } #courses-content .cc-flex .cc-card{ margin-bottom: 30px; } .flip-box-front, .card-img { margin-bottom: 20px; } .underline-dash{ font-size: 30px!important; } .subtext{ font-size: 22px!important; } .para { font-size: 16px!important; } .cse{ width: -webkit-fill-available!important; } .newone { padding-top: 0px!important; padding-left: 18px!important; } .transparent-text1{ font-size: 44px!important; } .transparent-text{ font-size: 44px!important; } .Name23,.Name24,.Name25,.Name26,.Name27{ width: 100%!important; } .placement-sec::before { content: ''; background: #161a4d; position: absolute; top: 0 ; bottom: auto!important; right: auto!important; width: 100%!important; } .image-div .image-d { margin-top: 10px; width: 389px!important; margin-left: -11px!important; } .hp-heading h2 { font-size: 26px!important; } .hp-heading span { font-size: 17px!important; } .package-no h6 { font-size: 13px!important; } .package-no span { font-size: 18px!important; } .lpa { margin-top: -45px; float: right; color: #f8f9fa; font-size: 9px!important; } .package-no sup { font-size: 18px!important; top: 25px; float: left; left: 5px; } .image-div{ margin-bottom: 10px; } #counter-section .counter-grid { display: contents!important; } #counter-section .counter-div + .counter-div { border-bottom: 1px solid #fff; } #counter-section .counter-div { border-bottom: 1px solid #fff; } .counter-div{ padding: 10px 0px; } .pb-5 h3 { margin-left: 0px!important; } .erer h3{ width: 330px!important; } .ps-5 { padding-left: 0rem !important; } .position-relative img{ width: -webkit-fill-available; } .stu-slider-name { right: 12px!important;background-color: #161a4dd1!important;top: 59%!important; } .heigth { height: auto !important; } .stu-slider-name span{ font-size: 13px; } .palala p{ font-size: 13px; } .fade-up .w-100{ width: -webkit-fill-available !important; } .newe{ margin-top: 30px; } } @media (max-width: 768px) { .mlgc { margin-left: 1px !important; display: inline-table; } .darkMode { margin-top: 6px; margin-left: 6px; } #popup { position: fixed; display: hidden!; top: 100px!important; left: 0px; right: 0px; margin: auto; width: 335px!important; height: auto; background-color: #0c2834; padding: 0px 0 15px; border: solid 5px #fff; border-radius: 5px; z-index: 99999999; outline: 0; } .desktop-logo.lg-logo { width: 230px; margin-top: 0px; margin-bottom: 19px; } .logo-fix { right: -83px; top: 10px; width: 110px; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(-6px, 64px)!important; } .modal-dialog { max-width: 483px; margin: 1.75rem!important; } .upper-menu ul li a{ padding: 0px 14px!important; font-size: 18px!important; } .on-scroll-whatapp{ padding-right: 5px; } .on-scroll-whatapp ul li { line-height: 1; } .step-one-menu > li > a { padding: 16px 19px; } .dd-menu > a::before { right: 12px; top: 24px; } .cvalues a { margin-bottom: 15px; } .cu-btn { font-size: 12px; padding: 10px 10px; } /*.code, .code1{ display: none!important; }*/ .upper-menu { height: 32px!important; } .whatsapp,.whats,.on-scroll-whatapp{ display: none!important; } .h-100 { height: auto !important; display: inline-table; } .numbers{ margin-top: 0px!important; } .placew{ display: contents; } .ppp{ justify-content: center; } .slick-dotted.slick-slider { padding: 34px 0px 0px 0px!important; } .copy-r br { display: block!important; } /*#sticky-iti,#sticky-BBA,#sticky-social,#sticky-socialnew{ top: 0px!important; z-index: 0!important; text-align: left!important; width: 48%!important; height: 40px; border-radius: 10px 10px 10px 10px!important; float: left; display: block; margin-right: 0; clear: left; vertical-align: middle; padding: 0; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(360deg)!important; transform-origin: bottom right; position: relative!important; left: 0px!important; border: none; padding-left: 10px!important; margin: 0px 0px 6px 6px; box-shadow: 1px 2px 4px #fff; }*/ #sticky-iti p,#sticky-BBA p,#sticky-social p,#sticky-socialnew p{ color: #fff!important; font-size: 12px!important; margin: auto; font-weight: 600!important; line-height: 2.7em; } .carrer-banner { height: 300px!important; width: 100%; padding-bottom: 0px!important; } .job-banner-content h1{ font-size: 30px!important; line-height: 37px!important; } .job-banner-content h3{ font-size: 18px!important; line-height: 24px!important; } .job-banner-content::after { content: ''; position: absolute; height: 38px!important; background: #181818; left: 0; top: 4px!important; width: 2px; } .job-banner-content::before { content: ''; position: absolute; height: 38px!important; background: #c52f33; left: 0; top: 53px!important; width: 2px; } .story-box{ display: block!important; } .story-box .story-box-image { width: 100%!important; height: auto!important; } .story-box .story-box-info{ width: 100%!important; height: auto!important; margin: 15px 0 0 0%!important; } .flip-box-container{ display: inline-grid!important; } .accordion-body{ padding: 8px!important; } #courses-content .cc-flex{ display: inline-block!important; } #courses-content .cc-flex .cc-card{ margin-bottom: 30px; } .flip-box-front, .card-img { margin-bottom: 20px; } .underline-dash{ font-size: 30px!important; } .subtext{ font-size: 22px!important; } .para { font-size: 16px!important; } .cse{ width: -webkit-fill-available!important; } .newone { padding-top: 0px!important; padding-left: 18px!important; } .transparent-text1{ font-size: 44px!important; } .transparent-text{ font-size: 44px!important; } .Name23,.Name24,.Name25,.Name26,.Name27{ width: 100%!important; } .placement-sec::before { content: ''; background: #161a4d; position: absolute; top: 0 ; bottom: auto!important; right: auto!important; width: 100%!important; } .image-div .image-d { margin-top: 10px; width: 389px!important; margin-left: -11px!important; } .hp-heading h2 { font-size: 26px!important; } .hp-heading span { font-size: 17px!important; } .package-no h6 { font-size: 13px!important; } .package-no span { font-size: 18px!important; } .lpa { margin-top: -45px; float: right; color: #f8f9fa; font-size: 9px!important; } .package-no sup { font-size: 18px!important; top: 25px; float: left; left: 5px; } .image-div{ margin-bottom: 10px; } #counter-section .counter-grid { display: contents!important; } #counter-section .counter-div + .counter-div { border-bottom: 1px solid #fff; } #counter-section .counter-div { border-bottom: 1px solid #fff; } .counter-div{ padding: 10px 0px; } .pb-5 h3 { margin-left: 0px!important; } .erer h3{ width: 330px!important; } .ps-5 { padding-left: 0rem !important; } .position-relative img{ width: -webkit-fill-available; } .stu-slider-name { right: 12px!important;background-color: #161a4dd1!important;top: 59%!important; } .heigth { height: auto !important; } .stu-slider-name span{ font-size: 13px; } .palala p{ font-size: 13px; } .fade-up .w-100{ width: -webkit-fill-available !important; } .newe{ margin-top: 30px; } } @media (max-width: 480px) { .upper-menu ul li a { padding: 0px 14px!important; font-size: 14px!important; } .testimonials .media-box{ height: 633px!important; } } @media (max-width: 576px) { header.dark-grey-bg .upper-menu { border-bottom: 1px solid rgba(54, 88, 166, 0.3); } .upper-menu { padding-left: 0!important; padding-right: 0!important; } .text360 span { display: none; } } @media (max-width: 360px) { .upper-menu ul li a { padding: 9px 6px; } } @media (max-width: 320px) { .desktop-logo.lg-logo { width: 76%; } .logo-fix { right: -40px; width: 90px; } .menu-toggle span{ margin-bottom: 7px; } .mlgc { display: none; } .upper-menu ul li a { padding: 9px 4px; } .pl-8px{ padding-left: 8px; } } @media (min-width: 992px) { .menu-options li a:hover { color: #8dd9f2; } } @media (min-width: 1600px) { header.dark-grey-bg .side-call { padding: 5px 20px; } } @media (min-width: 1920px) { .logo-fix { width: 150px; } .mlgc { margin-left: 15rem !important; } .ft-links h4 { font-size: 16px; margin-bottom: 16px; } .ft-links ul li a, .copy-links ul li a, .copy-r, .unai-logo p, .e-lead p, .git { font-size: 14px; line-height: 18px; } .social-media ul li a { font-size: 16px; } .st-programs { left: 0px; } .overlay { position: absolute; width: 100%; height: 40%; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom,rgba(0,0,0,.7) 0,rgba(0,0,0,.7) 30%,rgba(0,0,0,0) 100%); } } .Registration2{ height: 200px!important; } .newpading{ background: linear-gradient(135deg,rgb(133 35 0) 0,rgb(206 36 36) 59%,rgb(155 0 0) 59%,rgb(70 71 81) 100%)!important; } .slick-dots{ display: none !important;} .rege { -webkit-animation: NAME-YOUR-ANIMATION 1s infinite; -moz-animation: NAME-YOUR-ANIMATION 1s infinite; -o-animation: NAME-YOUR-ANIMATION 1s infinite; animation: NAME-YOUR-ANIMATION 1s infinite; } @-webkit-keyframes NAME-YOUR-ANIMATION { 0%, 24% { background-color:#c92422; } 25%, 49% { background-color: #e7e705; } 50%, 74% { background-color:#0f173a; } 75%, 100% { background-color: #642f35; } } .preloader { position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100vh; z-index: 99999999; background-image: url('loader.html'); background-repeat: no-repeat; background-color: var(--bgcolor-white); background-position: center; background-size: 70px; } .number-section.number-section-update { display: block !important } .number-section-update:before { content: ''; /* background: var(--bgcolor-red); */ height: 100%; width: 99999px; right: 0; position: absolute } .number-section-update { width: 900px; } .number-section-update .slick-vertical .slick-slide { border: 0 } .banner-play-button { position: absolute; bottom: 245px; left: 80px; z-index: 99; } .banner-play-button i, .video-play-button i { font-size: 50px; color: var(--text-color-red); margin-right: 10px; cursor: pointer; z-index: 1; transition: all 0.3s ease-in-out; } .banner-play-button i::after, .video-play-button i::after { background: #fff; border-radius: 50%; content: ""; height: 45px; display: block; top: 2px; left: 3px; position: absolute; width: 45px; z-index: -1; } .banner-play-button i:hover, .video-play-button i:hover { transform: scale(1.2); } .shade-100 { filter: brightness(100%) !important; } .font-100 { font-size: 100px; line-height: 100px; } .font-100 sup { font-size: 40px; top: -45px; } .rank-popup { width: 240px; background-color: rgba(87, 87, 86, 0.9); color: #fff; padding: 15px; margin: 45px 0; font-size: 12px; line-height: 16px; display: none; position: absolute; border-radius: 5px; z-index: 999999; } .rank-popup::after { content: " "; position: absolute; right: 50%; bottom: -15px; border-top: 15px solid rgba(87, 87, 86, 0.9); border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: none; transform: translateX(50%); } .col-6.box-1:hover .rank-popup, .col-6.box-2:hover .rank-popup { bottom: 75%; transform: translateY(0); display: block; } .fest-text { line-height: 75px !important; animation: anim 3s; animation-timing-function: linear; animation-iteration-count: infinite; } .fest-text span { font-size: 135px; } @keyframes anim { 0% { text-shadow: -6px 4px 0px red; } 10% { text-shadow: 4px -6px 0px green; } 20% { text-shadow: -9px 4px 0px blue; } 30% { text-shadow: 4px -6px 0px yellow; } 40% { text-shadow: -8px 4px 0px orange; } 50% { text-shadow: 4px 5px 0px purple; } 60% { text-shadow: -6px 4px 0px brown; } 70% { text-shadow: 4px 7px 0px pink; } 80% { text-shadow: -9px -4px 0px lime; } 90% { text-shadow: 4px -6px 0px cyan; } 100% { text-shadow: -9px 4px 0px teal; } } /*banner style*/ @media only screen and (min-width: 1920px) { .banner-play-button { left: 90px; } } @media only screen and (min-width: 1024px) { .banner-rank-box h3 { font-size: 50px; line-height: 40px; } .banner-rank-box h3 sup { top: -15px; font-size: 30px; } } @media only screen and (max-width: 1366px) { .banner-play-button { bottom: 190px; left: 70px; } } @media only screen and (max-width: 1200px) { .banner-play-button { left: 60px; } } @media only screen and (max-width: 1024px) { .upper-menu { position: relative; padding-left: 2px; display: flex; /* justify-content: space-around; */ align-items: center; height: 50px; } .banner-play-button { bottom: 210px; left: 30px; } } @media only screen and (max-width: 991px) { .banner-play-button { bottom: 50px; left: 50px; } .number-section-update { width: 100%; } } @media only screen and (max-width: 767px) { .banner-play-button { left: 15px; } .fest-text { line-height: 35px !important; } .fest-text span { font-size: 54px; } } .herobanner-img img { width: 100%; } .herobanner-img { width: 100%; background-size: cover } .carousel-control-next, .carousel-control-prev { width: 10%; background: transparent; border: 0; } .carousel-indicators button { border: 0 !important; margin: 0 6px !important; width: 9px !important; height: 11px !important; border-radius: 30px !important; padding: 0 !important; } .carousel-indicators button:focus { border: 0; outline: none; } .carousel-indicators button.active { width: 20px !important; border-radius: 10px !important; } @media (min-width: 1920px) { .banner-content h1 { font-size: 59px; line-height: 58px; } .landing-carousel .carousel-indicators { bottom: 60px; } } @media (max-width: 1600px) { .herobanner-img img { display: block; } .herobanner-img { background-image: none !important; } .herobanner { height: auto !important; } } @media (max-width: 767px) { .banner-play-button { left: 15px !important; bottom: 15px !important; } .carousel-control-next, .carousel-control-prev { display: none; } } @media (max-width: 499px) { .herobanner { padding-top: 69px; background: rgba(18, 39, 87, 0.98); } } .fsd{ margin-top: 247px; margin-bottom: -50px; } .gdff{ justify-content: center; } .force-banner{ width: 100%; } .code{ font-weight: 800; font-size: 15px; } .call-us a{ color: #ffffff; font-size: 16px; font-family: var(--secondary-font); padding: 8px 19px; margin: 16px 0; display: inline-block; position: relative; text-transform: uppercase; /* margin-left: 5px; */ font-weight: 400; text-shadow: 0 0 2px rgb(0 0 0 / 20%); -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; transition: all 0s ease-in-out; outline: none; white-space: nowrap; margin-left: 40px; font-weight: 800; background: #343894; border-radius: 40px; box-shadow: 0px 0px 4px #0c0c0c; } .dark-grey-bg .container-fluid{ box-shadow: 0px 3px 8px #bec3ff; } .icon-img{ width: 40px; } .page-titlenew { width: 100%; text-align: center; position: relative; margin-top: 122px; } .page-titlenew:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.5; } .page-titlenew img { width: 100%; } .about{ background: #1e7e79; } .page-titlenew .container { height: 100%; display: table; } .page-titlenew h2 { font-size: 60px; font-size: 4rem; font-weight: 500; margin: -3.6em 0 0.3em; text-transform: uppercase; text-shadow: 3px 3px 3px #00000069; } .page-titlenew h2, .page-titlenew ol { color: #fff; } .page-titlenew .breadcrumb { background-color: transparent; padding: 0; margin-bottom: 0; justify-content: center; } .page-titlenew h2, .page-titlenew ol { color: #fff; } .page-titlenew .breadcrumb li { font-size: 16px; font-size: 1.06667rem; color: #fff; margin-right: 5px; background: linear-gradient(135deg,rgb(133 35 0) 0,rgb(206 36 36) 59%,rgb(155 0 0) 59%,rgb(70 71 81) 100%)!important; padding: 6px 18px; padding: 5px 25px; border-radius: 5px; } .page-titlenew .breadcrumb li a { color: #dfaa3a; } .about-pg-section { padding-bottom: 75px; } .section-padding { padding: 30px 0 30px; } .about-text p{ text-align: justify; } .style{ font-weight: 800; background: -webkit-linear-gradient(211deg, #ffffff, #81ddff 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .page-titlenew:before { content: ""; background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, #2f2f2f), to(#000000)); width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.5; } .about-text1{ z-index: 1; } .details{ border: solid 1px #dfe1ff; padding: 23px; height: 175px; border-radius: 10px; box-shadow: 0px 0px 10px #dfe1ff; } .page-section-content { margin: 10px; margin-top: 20px; } .page-section-content h2 { font-size: 20pt; line-height: 50px; color: #c62d14; margin-top: 20px; } .ab1 { background-color: #dfdfdf; height: 2px; margin-bottom: 10px; } .ab2 { background-color: #ce2123; border-radius: 100%; width: 10px; height: 10px; float: left; margin-top: -4px; } .ab3 { background-color: #ce2123; width: 40%; height: 2px; } .ab1 { background-color: #dfdfdf; height: 2px; margin-bottom: 10px; } figure { margin: 0 0 1rem; } .img-fluid { max-width: 100%; height: auto; } .rounded-image { border-radius: 20px 0 0px 0; } .page-section-content figcaption { font-size: 13pt; color: #565454; } .page-section-content figcaption p { font-size: 10pt; color: #565454; } .page-section-content p { text-align: justify; padding: 2px; line-height: 30px; color: #616161; } .page-section-content h3 { font-size: 16pt; line-height: 32px; color: #c62d14; } .page-section-content p { text-align: justify; padding: 2px; line-height: 30px; color: #616161; } .style1 { font-weight: 800; background: -webkit-linear-gradient(211deg, #172b5a, #172b5a 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .ref-logos li { display: inline-block; padding: 30px 33px; text-align: center; vertical-align: middle; width: 17%; } .ref-logos li img { max-width: 100%; } .leading-recruiters-wrap h2 { color: #000; font-size: 38px; line-height: 1.2; margin: 0 0 0px; padding: 0; text-align: center; } .leading-recruiters-wrap{ padding: 30px 0px; } .bxslider{ text-align: center; } .leading-recruiters-wrap p { text-align: center; } .bul{ text-align: center; } .leading-recruiters-wrap .image-section > div { background-attachment: fixed; height: 100%; opacity: 0.2; position: absolute; width: 100%; } .leading-recruiters-main { padding: 60px 0; position: relative; text-align: center; } .leading-recruiters-wrap { position: relative; width: 100%; } .leading-recruiters-wrap .image-section { height: 100%; position: absolute; width: 100%; } .page__section { position: relative; display: block; width: 100%; /* height: 100vh; min-height: 757px;*/ overflow: hidden; } .page__section .image__section.bg--green { background-color: #37bae9; } .page__section .image__section { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; z-index: 1; overflow: hidden; } .page__section .image__section > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0.2; } .page__section .content__section { position: relative; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 3; } .page__container { max-width: 1168px; margin-left: auto; margin-right: auto; margin-top: -30px; } ul.placement-companies { margin: 150px 0 0 20px; } #lightSlider h3 { color: #fff; font-size: 36px; margin-bottom: 30px; } ul.placement-companies li { display: inline-block; margin-right: 30px; text-align: center; } p, li { font-family: "Lato", sans-serif; color: inherit; font-size: 14px; } ul.placement-companies li p { color: #fff; font-size: 15px; line-height: 41px; } p, li { font-family: "Lato", sans-serif; color: inherit; font-size: 14px; } ul.placement-companies li p strong { font-size: 55px; font-family: CircularStd; font-weight: normal; } .boxview{ box-shadow: 0px 0px 10px #d3d6fa; border-radius: 10px; padding: 30px 20px; } .boxview p{ text-align: justify; } .red-bg1{ background: linear-gradient(135deg,rgb(133 35 0) 0,rgb(206 36 36) 59%,rgb(155 0 0) 59%,rgb(70 71 81) 100%)!important; } .bac{ background: #a11d1d; padding: 15px 20px; } .bac strong{ color: #fff; margin-bottom: 4px; font-size: 21px; } .bac p{ color: #fff; margin: 0px; font-weight: normal; font-size: 16px; } /*.rege{ font-size: 20px!important; padding: 7px 10px !important; background: #ffffffbd; border-radius: 30px; margin: 14px 0; box-shadow: 0px 0px 5px #404040; }*/ #sticky-social p { color: #fff; font-size: 13px; margin: auto; font-weight: 600; line-height: 2.7em; } #sticky-social { top: 336px; z-index: 999999; text-align: center; width: 145px; height: 40px; background: linear-gradient(135deg,rgb(27, 59, 115) 0,rgb(17, 37, 85) 59%,rgb(15, 23, 57) 59%,rgb(21, 24, 68) 100%); border-radius: 5px 5px 0px 0px; float: right; display: block; margin-right: 0px; clear: left; vertical-align: middle; padding: 0px 0px 0px 0px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform-origin: bottom right; position: fixed; right: 0px; border: none; } a { text-decoration: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } #sticky-socialnew { top: 302px; z-index: 999999; text-align: center; width: 230px; height: 40px; background: linear-gradient(135deg,rgb(27, 59, 115) 0,rgb(17, 37, 85) 59%,rgb(15, 23, 57) 59%,rgb(21, 24, 68) 100%); border-radius: 0 0 5px 5px; float: left; display: block; margin-right: 0; clear: left; vertical-align: middle; padding: 0; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform-origin: bottom right; position: fixed; left: -190px; border: none; } #sticky-socialnew p { color: #fff; font-size: 16px; margin: auto; font-weight: 600; line-height: 2.7em; } #sticky-iti { top: 70px; z-index: 999999; text-align: center; width: 230px; height: 40px; background: linear-gradient(135deg,rgb(27, 59, 115) 0,rgb(17, 37, 85) 59%,rgb(15, 23, 57) 59%,rgb(21, 24, 68) 100%); border-radius: 0 0 5px 5px; float: left; display: block; margin-right: 0; clear: left; vertical-align: middle; padding: 0; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform-origin: bottom right; position: fixed; left: -190px; border: none; } #sticky-iti p { color: #fff; font-size: 16px; margin: auto; font-weight: 600; line-height: 2.7em; } #sticky-BBA { top: 78px; z-index: 999999; text-align: center; width: 210px; height: 40px; background: linear-gradient(135deg,rgb(27, 59, 115) 0,rgb(17, 37, 85) 59%,rgb(15, 23, 57) 59%,rgb(21, 24, 68) 100%); border-radius: 5px 5px 0px 0px; float: right; display: block; margin-right: 0px; clear: left; vertical-align: middle; padding: 0px 0px 0px 0px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform-origin: bottom right; position: fixed; right: 0px; border: none; } #sticky-BBA p { color: #fff; font-size: 13px; margin: auto; font-weight: 600; line-height: 2.7em; } #sticky-bschool { top: 78px; z-index: 999999; text-align: center; width: 124px; height: 40px; background: linear-gradient(135deg,rgb(27, 59, 115) 0,rgb(17, 37, 85) 59%,rgb(15, 23, 57) 59%,rgb(21, 24, 68) 100%); border-radius: 5px 5px 0px 0px; float: right; display: block; margin-right: 0px; clear: left; vertical-align: middle; padding: 0px 0px 0px 0px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform-origin: bottom right; position: fixed; right: 0px; border: none; } #sticky-bschool p { color: #fff; font-size: 13px; margin: auto; font-weight: 600; line-height: 2.7em; } #sticky-socialnew:hover { background: linear-gradient(304deg,rgb(133 35 0) 0,rgb(206 36 36) 59%,rgb(155 0 0) 59%,rgb(70 71 81) 100%)!important; } #sticky-social:hover { background: linear-gradient(304deg,rgb(133 35 0) 0,rgb(206 36 36) 59%,rgb(155 0 0) 59%,rgb(70 71 81) 100%)!important; } #sticky-iti:hover { background: linear-gradient(304deg,rgb(133 35 0) 0,rgb(206 36 36) 59%,rgb(155 0 0) 59%,rgb(70 71 81) 100%)!important; } .ft-links h5{ color: #fff; font-size: 16px; } .ft-links p{ color: #fff; } .fa-clock-o:before { content: "\f1d8"; } .new-fun p{ text-align: justify; } .pl{ /* width: 100px;*/ height: 50px; } .fon li{ font-size: 15px; } .pri{ padding-left: 20px; } #test-detail{display: inline-flex;} .regibtn{ background-color: #072a4e; border-color: #072a4e; padding: 14px 28px; border-radius: 6px; color: #fff; font-size: 16px; box-shadow: 2px 2px #000; } .regibtn:hover{ background-color: #dfaa3a; border-color: #dfaa3a; color: #000; box-shadow: 2px 2px #714e05; } .gallery{margin-bottom:15px;} .gallery .gallery-container{padding:15px;background:#fff;box-shadow:0 0 5px 3px #ccc;} .gallery .gallery-container:hover{box-shadow:none;} .gallery .gallery-container figure{overflow:hidden;} .gallery .gallery-container figure img{transition:all 0.5s ease;width:100%;height:230px;} .gallery-title{padding-top:10px;text-align:center;font-size:16px;color:#888;text-transform:uppercase;} .gallery .gallery-container:hover figure img{transform:scale(1.2);} .gallery .gallery-container{margin-bottom:30px; position: relative;} .gallery .gallery-container figcaption{ text-align: center; margin-top: 16px; color: #000; font-size: 14px; font-weight: 600; } .gallery .gallery-container figcaption:hover{ color: #dfaa3a; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } .head-images{ width: 40px; } .bac p{ text-align: unset; } .awor { width: 501px; background-position: center center; } .rankingsBlock__slider--item{ height: 390px!important; } .tesrer{ color: #fe3236; font-size: 52px; line-height: 56px; font-style: italic; } .fa-whatsapp{ font-size: 18px; } .soso{ padding-top: 0px!important; } .counter{ padding: 0px 4px 10px 100px; } .counter h2{ color: #fff; text-transform: uppercase; font-size: 20px; color: var(--text-color-white); margin-bottom: 15px; font-family: var(--secondary-font); } .dmopMx { position: relative !important; width: 64px !important; margin: auto !important; display: none !important; } .page404{ padding-top: 100px; background: linear-gradient(to bottom,rgba(0,0,0,.7) 0,rgb(52 56 148 / 28%) 30%,rgb(234 248 253 / 30%) 100%); } .page403{ padding-top: 50px; } .theme-btn-s4{ border-radius: 10px; box-shadow: 5px 3px 10px #cfdfff; padding: 12px 60px; font-size: 18px; } .image404{ margin-top: 40px; } .content404{ padding: 140px 10px ; } .content404 a{ color: #fff; background: linear-gradient(135deg,rgb(27, 59, 115) 0,rgb(17, 37, 85) 59%,rgb(15, 23, 57) 59%,rgb(21, 24, 68) 100%)!important; } .thanku{ padding-top:150px; } .shop-single-slider img{ width: 700px; } .thankutext{ padding: 175px 10px; } .thankutext h2{ font-weight: 900; font-size: 60px; } .copy-r br{ display: none; } .pala{ width: -webkit-fill-available; } .close { font-size: 17px; opacity: 3; background-color: #a9d72c !important; color: #fff; width: 33px; height: 33px; border-radius: 50px; line-height: 18px; margin-top: -37px; margin-right: -27px; } .modal-body { padding: 0px; } .modal-body img { max-width: 100%; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer !important; background: 0 0; border: 0; position: absolute; right: 0; } .modal-dialog { max-width: 500px; margin: 6.75rem auto; } #popup{ position:fixed; display:hidden!; top:50px; left:0px; right:0px; margin:auto; width:580px; height:auto; background-color:#fff; padding:0px 0 0px; border:solid 5px #c8c8c8; border-radius:5px; z-index:99999999; outline: 0; } .ererer{ padding: 0px; } .ererer button{ margin-top: 10px; margin-bottom: 20px; padding: 10px 10px; border: solid 1px #173368; border-radius: 5px; box-shadow: 3px 3px 5px #b9d0ff; } .ererer a{ color: #fff!important; font-size: 18px!important; font-weight: 600; } .ererer h3{ color: red !important; font-size: 25px!important; margin-bottom: 30px!important; } .ererer ul li{ padding-bottom: 10px; } .carere-new{ font-size: 20px!important; font-weight: 900; text-align: center; padding: 15px!important; background: #fff; } #popup .popup-img{} #popup .popup-img img{ width:100%;} #popup h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#3F5C9A; border-bottom:1px #3F5C9A solid; margin:0; padding:0; } #popup h3{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#666666; margin:0; padding:5px 0; text-align:left; } #popup p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; margin:0; padding:5px; text-align:justify; } #popup a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; margin:0; text-align:right; } #overlay-back { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.7; filter: alpha(opacity=60); z-index: 5; display: none; z-index:999999; } .close-image{ display: block; float:right; position: absolute; top: -30px; right: -27px; height: 35px; cursor: pointer; } .aworeds{ font-size: 20px; color: #fff; } .timeline:before { background-color: black; content: ''; margin-left: -1px; position: absolute; top: 0; left: 2em; width: 2px; height: 100%; } .timeline-event { position: relative; } .timeline-event-icon { -moz-transition: -moz-transform 0.2s ease-in; -o-transition: -o-transform 0.2s ease-in; -webkit-transition: -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: black; outline: 10px solid #bfbdbd; display: block; margin: 0.5em 0.5em 0.5em -0.5em; position: absolute; top: 0; left: 2em; width: 1em; height: 1em; } .timeline-event-copy { padding: 2em; position: relative; top: -1.875em; left: 4em; width: 90%; } .inner .inner-content p { color: #414345; font-family: 'Raleway', sans-serif !important; line-height: 26px; } .timeline-event-thumbnail { -moz-transition: box-shadow 0.5s ease-in 0.1s; -o-transition: box-shadow 0.5s ease-in 0.1s; -webkit-transition: box-shadow 0.5s ease-in; -webkit-transition-delay: 0.1s; transition: box-shadow 0.5s ease-in 0.1s; color: #fff !important; font-size: 13px; background-color: black; -moz-box-shadow: inset 0 0 0 0em #ef795a; -webkit-box-shadow: inset 0 0 0 0em #ef795a; box-shadow: inset 0 0 0 0em #ef795a; display: inline-block; margin-bottom: 1.2em; padding: 0.25em 1em 0.2em 1em; } .inner .inner-content h3 { margin-top: 6px; margin-bottom: 10px; border-bottom: solid 1px #C8C3C3; padding-bottom: 10px; color: #5A5A5A; font-family: "Raleway",sans-serif !important; } .timeline-event-copy h3 { font-size: 1.75em; } .timeline-event-copy p:not(.timeline-event-thumbnail) { padding-bottom: 1.2em; } .inner .inner-content p { color: #414345; font-family: 'Raleway', sans-serif !important; line-height: 26px; } .timeline-event-copy strong { font-weight: 700; } .timeline:before { background-color: black; content: ''; margin-left: -1px; position: absolute; top: 0; left: 60px; width: 2px; height: 100%; } .timeline-event{ list-style: none; } .timeline-event-copy { padding: 2em; position: relative; top: -1.875em; left: 4em; width: 90%; } .brochure{ position: relative; } .timeline { margin: 4em auto; position: relative; max-width: 100%; } .timeline-event:hover .timeline-event-thumbnail { -moz-box-shadow: inset 40em 0 0 0 #a83279; -webkit-box-shadow: inset 40em 0 0 0 #a83279; box-shadow: inset 40em 0 0 0 #8e0000; } .timeline-event:hover .timeline-event-icon { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-color: #8E0000; } .pppp{ display: block; } .awoo{ background-image: url("../images/ranking-bg.webp"); background-repeat: no-repeat; background-size: cover; } .awac{ background-image: url("../images/roll-well.jpg"); } .awac1{ background-image: url("../images/pragati.jpg"); } .awac2{ background-image: url(../images/awards/Awarded%20as%201st%20pvt.%20Engineering%20college%20in%20UP.jpg); } .sadf{ background: linear-gradient(135deg,rgb(133 35 0) 0,rgb(206 36 36) 59%,rgb(155 0 0) 59%,rgb(70 71 81) 100%)!important; } .whois{ background: url('../images/about-dd-image.html'); margin: -20px -20px -20px 20px; background-size: cover; } .conf{ background: url('../images/abbour.jpg'); margin: -20px 20px -20px -20px; background-size: cover; } .pdf{ width: 30px; } .ticker-wrapper.has-js { height: 44px; display: block; background-color: #e1e3e9; } .ticker-wrapper .ticker { width: 100%; height: auto; float: left; position: relative; overflow: hidden; } .ticker-wrapper .ticker-title { width: 165px; float: left; padding: 9px 13px; color: #fff; text-transform: uppercase; position: relative; z-index: 1; background-color: #ff002f; font-size: 16px; } .ticker-wrapper .ticker-title:after { border-color: rgba(136, 183, 213, 0)!important; border-left-color: #ff002f!important; border-width: 7px!important; margin-top: -7px; } .ticker-wrapper .ticker-title:after { left: 100%; top: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; z-index: 1; } .ticker-wrapper .ticker-title { width: 165px; float: left; padding: 9px 13px; color: #fff; text-transform: uppercase; position: relative; z-index: 1; background-color: #ff002f; font-size: 16px; } .ticker-wrapper .ticker-content { float: left; margin: 0; padding-top: 14px; overflow: hidden; white-space: nowrap; position: absolute; left: 165px !important; } .ticker-content1 { display: block; opacity: 1; left: 120px; } .w3-content1 { margin-top: 10px; width: 100%; height: 34px; } .black { color: #000; position: absolute; } .asdfghjkl{ /* height: 325px;*/ } .dd-graphic-cont1 .col-6 { border: 1px solid rgba(255,255,255,0.3); height: 135px; } .erereteert{ text-align: center; } .dowc-pdf{ padding: 10px; border-radius: 5px; border: solid 1px #a9afff; box-shadow: 2px 5px 4px #bebbff; margin-top: 38px; width: 300px; } .dowc-pdf a{ color: #000; } .asdfghjkl{ width: 200px!important; } .more:hover .more-sub-menu { display: block; } .sub-menu{ position: absolute!important; top: 0!important; left: 100%!important; border-radius: 0 4px 4px 4px!important; z-index: 1!important; display: none; } .more .sub-menu { position: absolute; top: 70px; left: 0; line-height: 20px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); border-radius: 0 0 4px 4px; display: none; z-index: 2; } .more-sub-menu { padding: 0px!important; width: 200px; margin-left: 0px; } .more1:hover .more-sub-menu1 { display: block; } .sub-menu1{ position: absolute!important; top: 0!important; left: 100%!important; border-radius: 0 4px 4px 4px!important; z-index: 1!important; display: none; } .more1 .sub-menu1 { position: absolute; top: 70px; left: 0; line-height: 20px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); border-radius: 0 0 4px 4px; display: none; z-index: 2; } .more-sub-menu1 { padding: 0px!important; width: 200px; margin-left: 0px; } .mnbvcx{ font-weight: 900; color: #000; } .side-menu li{ padding: 5px 10px; font-size: 14px; font-weight: 600; border: solid 1px; margin-bottom: 4px; border-radius: 2px; } .nhtytn-hytjn li:hover { background: linear-gradient(304deg,rgb(133 35 0) 0,rgb(206 36 36) 59%,rgb(155 0 0) 59%,rgb(70 71 81) 100%); z-index: 99; color: #ffffff !important; } .nhtytn-hytjn li:hover a{ color: #ffffff; } .side-menu a{ color: #000; } .tyuytyu tr td p a{ color: #000; font-weight: 700; } .tyuytyu tr td p{ margin-bottom: 0px; } .marquee-wrapper .container{ overflow:hidden; margin:0 auto !important; text-align:center; } .marquee-inner span{ height:50%; } .marquee-wrapper .marquee-block{ width: 100%; height: 300px; overflow: hidden; box-sizing: border-box; position: relative; /* margin: 20px 0 20px 220px;*/ background:#122756; padding: 30px 0; float:left; } .marquee-inner{ display: block; height: 200%; width: 100%; position: absolute; padding: 10px 10px; } .marquee-item p{ font-weight: 500; font-size: 16px; padding: 0px; /* font-family: cursive;*/ line-height: 24px; margin-bottom: 10px; } .marquee-inner.to-left{ animation: marqueeTop 25s linear infinite; } .marquee-inner.to-right{ animation: marqueeBottom 25s linear infinite; } .marquee-item{ width: 100%; display: block; transition: all .2s ease-out; border-bottom: dashed #fff 1px; display: flex; padding-top: 10px; padding-bottom: 10px; } @keyframes marqueeTop{ 0% { top: 0; } 50% { top: -50%; } } @keyframes marqueeBottom{ 0% { top: -50%; } 50% { top: 0; } } .marquee-wrapper h3{ background: linear-gradient(135deg,rgb(133 35 0) 0,rgb(206 36 36) 59%,rgb(155 0 0) 59%,rgb(70 71 81) 100%)!important; margin-bottom: 0px; padding: 10px; color: #fff; font-weight: 700; } .marquee-item .text-white a{ color: #fff; } .marquee-wrapper img{ width: 40px; } .marquee-item .ioioio{ width: 21px; height: 21px; margin-right: 5px; } .rtyuiopoiuy th{ background: #162857; color: #fff; } .rtyuiopoiuy td p{ font-weight: 600; } .wknw1235432{ color: red!important; font-weight: 700; padding: 5px 7px 10px 264px; font-size: 20px!important; } .dwqjcnqefen{ margin-bottom: -33px; z-index: 99; position: absolute; margin-top: 35px; justify-content: center; } .blink-soft { animation: blinker 1.5s linear infinite; } @keyframes blinker { 50% { opacity: 0; } } .dkuywW { position: relative; width: 64px; margin: auto; display: none; } .scroll-section_ckc{ position: sticky; top: 120px; height: 80vh; background: #f4f4f4; padding: 25px 10px; } .liul_cns li{ margin-bottom: 10px; font-size: 14px; } .laddcc .gallery img { margin-bottom: 15px; } .sdfghjkjhg{ padding-top: 30px; } .quick-linl{ background: #172b5a; color: #fff; padding: 4px 13px; border-radius: 5px; } .nhtytn-hytjn{ border: solid 1px; border-radius: 2px; padding: 10px; background: #fff; } .pa-firt{ padding-top: 20px; padding-bottom: 20px; } .event-section{ margin-bottom: 20px; padding: 10px; background: #ddd; box-shadow: 0px 0px 5px #e0e0e0; border-radius: 3px; } .event-section img{ width: 100%; height: 370px; } .#cboxContent{ width: 1000px!important; } .cboxPhoto{ width: 800px!important; height: 500px!important; } @media only screen and (max-width: 767px) { .mob-see{ display: none; } .logo-border{ border-bottom: 0; } .ssdfsdfcc img{ position: relative !important; } .sdddds{ padding-top: 20px !important; } }