/*        .animation-loader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; display: flex; justify-content: center; align-items: center; background: #ffffff8a; max-height: 100vh; overflow: hidden; height: 100vh; transition: 0.5s; }*/ .animation-loader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; display: flex; justify-content: center; align-items: center; background: #0000006b; height: 100vh; transition: 1.5s; } /* Hide animation class */ .animation-loader.hide { visibility: hidden; opacity: 0; } .animation-loader.hide .inner-box-animation { visibility: hidden; transform: scale(2.5); } .animation-loader .inner-box-animation img { width: 480px; } .animation-loader .inner-box-animation { padding: 10px 0px; border-radius: 400px; background: #ffffff5c; backdrop-filter: blur(2px); transition: 1.2s; } @media (max-width: 599px) { .animation-loader .inner-box-animation img { width: 250px; } }.social,body { display: flex } body,h1 { color: var(--black) } .btn-primary,.btn-secondary { text-decoration: none!important; font-weight: 400!important } .btn-primary,.nav-menu li a { text-transform: capitalize } .nav-link:hover,.nav-menu a:hover,.nav-menu ul.main-nav a,.top-header .social a,a,a:hover { text-decoration: none } @font-face { font-family: Arimo-Regular; src: url('../../FrontEnd/fonts/Arimo-Regular.ttf'); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: poppins-bold; src: url('../../FrontEnd/fonts/Poppins-Bold.ttf'); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: arial;font-weight: 400; font-style: normal; font-display: swap } :root { --bg-gray-light: #EFEFEF; --body-fonts-size: 20px; --body-fonts: Arimo-Regular,sans-serif; --bold-fonts: "arial",sans-serif; --icon-family: FontAwesome; --angle-down: "\f107"; --white: #fff; --grey: #ececec; --bg-grey: #efefef; --primary-color: #161695; --secondry-color: #CF6338; --primary: var(--primary-color); --Black: #000; --white: #ffffff; --footer-bg: #343333; --footer-tag: #d3d3d3; --overlay-bg: #0053c71c; --footer-fonts: 18px; --h1-font: 3em; --h3-font: 2em; --h2-font: 36px; --port-a: 22px; --blog-h2: 24px; --port-h2: 1rem } body { font-family: var(--body-fonts); font-size: var(--body-fonts-size); background-color: #f3f7ff; min-height: 100vh; flex-direction: column; padding-bottom: 0!important } h1,h2,h3,h4 { font-family: var(--bold-fonts); text-transform: none } p { color: #231f20 } #footer a:hover,#footer h3,#footer h4,.footer-social a i,.nav-menu a:hover,blockquote,blockquote p { color: var(--primary-color) } .t0-s3 blockquote { border-left: 6px solid #fff } #footer a,.copyrightcontent p,.footer-content p,.social .nav-item.hide-lg a:hover,.t0-s3 blockquote p,.top-header .social li a { color: var(--white) } .nav-menu .drop-down ul li:hover,.nav-menu li a.active,.nav-menu>ul>li.active>a { color: var(--primary-color)!important } .btn { padding: 10px 35px; border-radius: 0; font-size: 18px; font-family: var(--bold-fonts)!important; position: relative } .btn.btn-border-1::after,.btn.btn-border-1::before { position: absolute; content: ""; width: 0%; height: 0%; visibility: hidden } .btn.btn-border-1::after { bottom: -1px; right: 0; border-left: 3px solid #161695; border-bottom: 3px solid #161695; transition: width .1s .1s,height .1s,visibility 0s .2s } .btn.btn-border-1::before { top: 0; left: 0; border-top: 3px solid #161695; border-right: 3px solid #161695; transition: width .1s .3s,height .1s .2s,visibility 0s .4s } .btn.btn-border-1:hover { animation: 1s ease-out .4s pulse } .btn.btn-border-1:hover::after,.btn.btn-border-1:hover::before { width: 100%; height: 100%; visibility: visible } .btn.btn-border-1:hover::after { transition: width .1s .2s,height .1s .3s,visibility 0s .2s } .btn.btn-border-1:hover::before { transition: width .1s,height .1s .1s } .btn-groups .btn.btn-border-1::before { border-top: 1px solid #fff; border-right: 1px solid #fff } .btn-groups .btn.btn-border-1::after { border-left: 1px solid #fff; border-bottom: 1px solid #fff } dl,ol,ul { padding: 0 0 0 20px } blockquote { border-left: 6px solid var(--secondry-color); padding: 0 0 0 10px; font-style: italic } .btn-secondary { background: var(--primary-color); border: none } .btn-text { padding: 5px; color: #fff!important; background: var(--secondry-color); font-size: 14px; border: none } .btn-secondary:hover { color: #fff; background-color: var(--secondry-color) } .btn-primary { background: 0 0; border: 1px solid; color: #fff!important; font-family: BebasKai } .btn-primary:hover { background-color: var(--secondry-color); border-color: inherit; color: var(--white) } section { padding: 50px 0 } .header-wrapper { width: 100%; position: relative; padding: 20px 0; z-index: 99; border-bottom: 2px solid #cf6338 } .sticky-top .header-wrapper { padding: 12px 0 } .top-header { background-color: var(--primary-color); width: 100% } .sticky { position: fixed; top: 0; left: 8%; z-index: 1000 } .focus-box-heading,.logo img,.nav-menu a,.nav-menu>ul>li,.temp2-media-wrap.youtube-wrapp,li.drop-down a,sticky-top #header .logo img { position: relative } .social { justify-content: end; align-items: center } .nav-link,.nav-menu a,header#header.sticky-top #logo { display: block } .top-header .social { height: 47px } .nav-item.hide-lg { display: flex; align-items: center; justify-content: end; margin: 0 } .top-header .social li { margin: 0; display: flex; align-items: center; padding: 0 } .main-nav { width: 100%; padding: 0; z-index: 0; justify-content: start!important; margin: 0 } .nav-link { padding: .5rem 1rem } .social .nav-item.hide-lg a { color: var(--white); display: flex; align-items: center } .nav-menu ul.main-nav { width: auto!important; display: flex; align-items: center; flex: 0 0 auto } .top-header .social img { height: 14px; margin: 0 5px 0 0; filter: brightness(0) invert(1) } .logo img { width: 70% } .nav-menu>ul>li { white-space: normal; float: left; list-style: none } .nav-menu a { color: var(--white); padding: 0 15px; font-size: 18px } .nav-menu ul.main-nav a { font-family: var(--bold-fonts); font-weight: 400 } .nav-menu .drop-down ul { visibility: hidden; background: var(--white)!important; position: absolute; z-index: 999; padding: 5px; width: 15rem; box-shadow: 5px 4px 2px 0 #322e2e4a; list-style: none; margin: 0 0 0 15px; box-shadow: 1px 0 5px 2px #322e2e4a; overflow: auto } .nav-menu .drop-down:hover>ul { opacity: 1; visibility: visible } .nav-menu .drop-down ul li { padding: 3px 0; border-bottom: 1px solid #d7d7d7 } li.drop-down ul li a { font-size: 16px } .nav-menu .drop-down ul a { color: #000 } li.drop-down ul li a:hover { color: #000!important } .nav-menu .drop-down ul li:hover { background: #e2e3e166 } header#header { position: absolute!important; width: 100% } header#header.sticky-top { position: sticky!important; background: #fff!important } header#header #logo,li.drop-down ul li a:before { display: none } #header .logo img,.single-footer-widget iframe,.temp2-media-wrap.youtube-wrapp img { width: 100% } #logo.fade-in { opacity: 1 } .home.inner-page-body #header { position: absolute; z-index: 3; background: 0 0; width: 100% } #footer { background-color: #fff; padding: 60px 0 0; background-repeat: no-repeat; background-size: cover; background-position: right } .copyrightcontent { padding: 12px 0!important } #footer h3,#footer h4 { font-size: var(--footer-fonts); text-transform: uppercase; font-size: 28px } .copyrightcontent a { color: var(--Black) } .footer-links ul li { padding: 10px 0; display: flex; align-items: center } #footer ul { padding-left: 0 } .ft-widget:before { content: ""; position: absolute; width: 1px; background: var(--footer-tag); left: 0 } .temp2-media-wrap.youtube-wrapp a { position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; text-decoration: none } .temp2-media-wrap.youtube-wrapp a i { font-size: 26px; color: #fff; padding: 29px 30px 29px 37px; border-radius: 50%; background: rgba(23,29,36,.8); border: 2px solid #da291c } .right-wrapper-tmp0 h1,.right-wrapper-tmp0 h2 { color: var(--secondry-color); font-size: 32px } .right-wrapper-tmp0 { background: #f5f5f5c9; padding: 20px; height: 100% } .bg-temp00 { background-image: url(/Images/temp0-bg.png); background-size: contain; background-position: center; background-attachment: fixed; background-repeat: no-repeat } .two-section.aos-init.aos-animate { z-index: 23333; position: relative } .ft-logo img { width: 80% } .card-body-wrap a.btn.btn-primary { border-color: #0365bd } .first-wrapper-footer { padding: 0 0 0 70px } .footer-social a i { border: 1px solid #fff; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 15px 0 0; font-size: 24px } .footer-social { display: flex; margin-top: 1rem } .footer-social a i:hover { background: var(--primary-color); color: #fff; border-color: var(--primary-color) } @media only screen and (max-width: 1380px) and (min-width:900px) { .social .nav-item.hide-lg a { font-size:15px } .nav-menu li a { font-size: 14px!important } .banner-wrap-g { width: 100% } nav.nav-menu.main-nav { display: block!important } .mobile-nav-toggle { display: none!important } .mobile-nav-active .mobile-nav { left: 0; display: block!important } } @media screen and (max-width: 992px) and (min-width:769px) { .banner-wrap-g h2 { font-size:46px } } @media (min-width: 1025px) { #header .logo img { transform:unset; z-index: unset; left: unset; background: var(--white) } } @media (min-width: 1900px) { section.second-wrap .escape-container-right .media { border-radius:0 286px 286px 0!important } section.t0-s4 .escape-container-right .media { border-radius: 286px 0 0 286px } .icon img,section.t0-s4 .escape-container-right .media img { width: 100% } } @media (min-width: 700px) and (max-width:1024px) { .why-choose.focus-box-heading { min-height:360px!important } } @media (min-width: 800px) and (max-width:1000px) { .why-choose.focus-box-heading { min-height:340px!important } .textwithimage .card-group-text-overlay { overflow: hidden } .banner-wrap-g,.icon img { width: 100% } .card-text-overlay .card-body-text-overlay .inner-box-text { margin-left: 18px } .banner-wrap-g img { width: 40% } .header-wrapper { background: #fff } .header-wrapper .col-md-2 { padding: 0 } header#header #logo { display: block } header#header.sticky-top { display: none } section.t0-s4 .escape-container-right .media img,section.t0-s4 .escape-container-right .media iframe,section.t0-s4 .escape-container-right .media video { border-radius: 0!important; width: 100%; height: auto } .card-text-overlay:nth-child(2) .card-body-text-overlay .image-focus { right: 9% } section.t0-s4 .escape-container-right .media { border-radius: 0; margin-top: auto; height: auto; margin-bottom: auto } .second-wrap .escape-container-right .content { width: 50%!important; margin-right: 15px } .why-choose.focus-box-heading .content-text { width: 50% } section.service-section.tt { padding-left: 50px } .card-icon { position: relative; color: #000 } section.service-section-bannner { padding: 0; margin-top: 40px } .card-body-wrap a.btn.btn-primary { border-color: #0365bd; color: #000!important } .first-wrapper-footer { padding: 0 0 0 15px } } @media (min-width: 320px) and (max-width:1024px) { .carousel-container .banner-wrap-g a.btn { margin-bottom:10px } .header-wrapper,header#header { min-height: 70px } .mobile-menu,li.drop-down a:before,nav.nav-menu.main-nav { display: none } .footer-info img { width: 90% } .mobile-menu .circle,.mobile-menu .mobile-cross { width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background: #191e4e; margin: 0 auto; position: fixed; right: 20px; display: flex; font-size: 16px; color: #fff } .mobile-menu .navlinks li a:hover,.mobile-nav .active>a,.mobile-nav a,.mobile-nav a:hover,.mobile-nav li:hover>a { text-decoration: none } .mobile-menu .circle { top: 15px; justify-content: center; align-items: center; z-index: 2 } .mobile-menu .mobile-cross { top: 20px; justify-content: center; align-items: center; z-index: 99999 } .mobile-menu .nveMenu,.mobile-menu .overlay { right: 0; opacity: 0; visibility: hidden; transition: .5s cubic-bezier(.7, 0, .3, 1); position: fixed; height: 100% } .mobile-menu .nveMenu { top: 0; left: 0; width: 280px; background: #fff; z-index: 999; transform: translateX(-320px); padding: 70px 20px } .mobile-menu .nveMenu.is-opened { opacity: 1; visibility: visible; transform: translateX(0) } .mobile-menu .overlay { top: 0; background: rgba(0,0,0,.71) } .mobile-menu .overlay.is-on { opacity: 1; visibility: visible; z-index: 990 } .mobile-menu .navlinks li { display: block; padding: 12px 0 } .mobile-menu .navlinks li a { text-transform: uppercase; color: #000; font-weight: 700 } .mobile-nav { position: fixed; top: 0; bottom: 0; z-index: 9999; overflow-y: auto; left: -260px; width: 260px; padding-top: 18px; background: var(--primary-color); transition: .4s } .mobile-nav * { margin: 0; padding: 0; list-style: none } .mobile-nav a { display: block; position: relative; color: #fff; padding: 10px 20px; font-size: 16px } .mobile-nav .drop-down>a:after { content: var(--angle-down); font-family: var(--icon-family); padding-left: 10px; position: absolute; right: 15px } .mobile-nav .active.drop-down>a:after { content: var(--angle-down) } .mobile-nav .drop-down>a { padding-right: 35px } .mobile-nav .drop-down ul { display: block; overflow: hidden } .mobile-nav .drop-down li { padding-left: 20px } .mobile-nav-toggle { position: absolute; right: 15px; top: 27px; z-index: 9998; border: 0; background: 0 0; font-size: 25px; transition: .4s; outline: 0!important; line-height: 1; cursor: pointer; text-align: right } .mobile-nav-toggle i { color: #000 } .mobile-nav-overly { width: 100%; height: 100%; z-index: 9997; top: 0; left: 0; position: fixed; background: rgba(31,53,72,.7); overflow: hidden; display: none } .mobile-nav-active { overflow: hidden } .mobile-nav-active .mobile-nav { left: 0 } .mobile-nav-active .mobile-nav-toggle i { color: #fff } .mobile-nav .menu-btn { width: 90%; border-color: #fff; margin: .5rem auto; float: none; display: block } } @media (min-width: 320px) and (max-width:768px) { .networking .col,.networking .col-md-3 { margin-bottom:22px } section.marketingO2 .content-section.head-wrapp { padding: 0 0 20px } .banner-wrap-g,.card-text-overlay,.card-text-overlay:first-child .card-body-text-overlay .icon,.card-text-overlay:first-child .card-body-text-overlay .inner-box-text,.textwithimage .card-text-overlay { width: 100% } .textwithimage .card-text-overlay .card-body-text-overlay .inner-box-text h3 { margin: auto } .textwithimage .card-text-overlay:nth-child(2) { left: 32% } .textwithimage .card-text-overlay:nth-child(3) { right: 0 } .textwithimage .owl-nav { display: flex; align-items: center; justify-content: center } .textwithimage .owl-nav button { font-size: 73px!important } .textwithimage .owl-nav button.owl-prev { margin-right: 45px } .textwithimage button.owl-next span,.textwithimage button.owl-prev span { position: relative!important } .textwithimage button.owl-prev span:before { border: 2px solid #fff; content: ''; position: absolute; width: 50px; height: 50px; top: 25%; border-radius: 50%; right: -15px } .textwithimage button.owl-next span::before { border: 2px solid #fff; content: ''; position: absolute!important; width: 50px; height: 50px; top: 25%; border-radius: 50%; right: -12px } .textwithimage .card-text-overlay:first-child { position: unset; left: 0 } .textwithimage .escape-container-right .media img { width: 100%; height: 100% } .escape-container-right .media img { width: 100%; height: auto } .textwithimage { overflow: hidden } .sticky-top,.top-header,.two-sections:before,li.drop-down a:before { display: none } .header-wrapper { background: #fff } .second-wrap .escape-container-right .media img { border-radius: 0!important } .card-text-overlay:first-child .card-body-text-overlay,header#header #logo { display: block } .second-wrap .escape-container-right { display: block!important; width: 100% } .second-wrap .escape-container-right .content,div#BlogDetailTags .card.shadow { width: 100%!important } .card-boxes { min-height: 500px } .card-text-overlay:nth-child(2) .card-body-text-overlay .image-focus { right: -15px } .two-sections { padding: 50px 15px } .why-choose.focus-box-heading { min-height: 600px } .networking .col-md-6 { display: flex; justify-content: center!important; margin-bottom: 22px; align-items: center } .second-wrap .escape-container-right .media { width: auto!important } .cca .col img { transform: scale(.6) } .networking .col img { transform: scale(.8) } .storage img:first-child { width: 50% } .networking .col-md-3:last-child,.networking .col-md-6:last-child,.networking .col:last-child { margin-bottom: 0 } .networking .col { display: flex; justify-content: center!important; margin-top: 0!important } .card-icon { position: relative; color: #000 } .card-body-wrap a.btn.btn-primary { color: #000!important } section.service-section-bannner { padding: 70px 0; margin-top: 0 } .marketing-wrapper { padding: 0 0 0 7% } .first-wrapper-footer { padding: 15px 0 0 } .top-wrapper-temp1 { padding: 20px 0 } .marketingO2 .media-box.full-media img { min-height: auto } .bg-leave .media-box img { width: 100%; min-height: auto!important } .mobile-nav-toggle { position: absolute; right: 15px; top: 20px; z-index: 9998; border: 0; background: 0 0; font-size: 35px; transition: .4s; outline: 0!important; line-height: 1; cursor: pointer; text-align: right } .logo { position: unset } #header .logo img { width: 35%; background: var(--white) } .why-choose.focus-box-heading:before { clip-path: none } .focus-box-heading .content-heading { padding-bottom: 30px } .textwithimage .content { padding: 50px 16px } .banner-wrap-g h1 { font-size: 30px } section.service-section.tt .card-body { padding: 0 15px 40px } section.service-section.tt .col-md-3.mb-3.p-0:nth-child(2),section.service-section.tt .col-md-3.mb-3.p-0:nth-child(3),section.service-section.tt .col-md-3.mb-3.p-0:nth-child(4) { margin-top: 0; margin-left: 0 } .copyrightcontent a { text-align: left!important; display: block; padding: 5px 10px } section.service-section.tt { margin-top: 86px; min-height: 400px } .two-sections { gap: 0; flex-direction: column; background: var(--primary-color) } .card-text-overlay:nth-child(3) .card-body-text-overlay .image-focus { bottom: 50px } section.CTA2.half-section.test,section.service-section.tt .col-md-3.mb-3.p-0:nth-child(2) .card-icon,section.service-section.tt .col-md-3.mb-3.p-0:nth-child(3) .card-icon,section.service-section.tt .col-md-3.mb-3.p-0:nth-child(4) .card-icon { padding: 0 } .footer-info img { width: 70% } } .inner-page-wrap .container { position: relative; z-index: 1 } .bg-confirmation { flex: 1; display: flex; align-items: center } .content a,.t0.t1 a,.t0.t1 a span,section.t0.t0-s2 a span { text-decoration: underline } blockquote { border-left: 6px solid var(--primary-color); font-size: 2rem } .error-page-404,.temp-t0 { flex: 1 } .thankyoupage.bg-highlighter { flex: 1; flex-wrap: wrap } div#BlogDetailTags { display: flex; flex-wrap: wrap; justify-content: start } div#BlogDetailTags .card.shadow { width: 29.5%; flex: unset; margin: 0 10px 20px 0 } .figure.staff-detail-img { width: 100%; overflow: hidden; margin-bottom: 20px } li.drop-down a:before { position: absolute; top: 2px; z-index: 9999; bottom: 3px!important; margin: auto; right: 0!important; content: var(--angle-down); font-family: var(--icon-family); font-weight: 700 } @media (min-width: 753px) and (max-width:1037px) { #header .logo img { width:100%!important } .card-text-overlay:nth-child(2) .card-body-text-overlay .image-focus { right: 35% } } @media (min-width: 810px) and (max-width:1010px) { #header .logo img { width:100%!important } .card-text-overlay:nth-child(2) .card-body-text-overlay .image-focus { right: 5% } } @media (min-width: 1024px) and (max-width:1292px) { #header .logo img { width:100%!important } } figure.image.image-style-side { float: right } figure.image.image_resized.image-style-align-left { float: left } .offscreen-section { content-visibility: auto } .t1 figure img { width: inherit; height: inherit } .open-position h2 strong { color: #ca740c!important } .card-staff { background: 0 0!important; border: none!important } .card-content-staff { background-color: #fff; position: relative; bottom: 7px } .btn-border-1 { padding: 7px 20px!important } .single-footer-widget p { color: #fff!important } .card-body-text-overlay .inner-box-text h2 { width: 66%; background: #ffffff66; padding: 5px; text-align: center; color: #161695; font-size: 25px } .cta-paragraph * { color: #fff!important; } .half-section .two-sections .box-2 h2 { font-size: 40px; } .template-cta-1 .box2 { padding: 20px; } @media (max-width: 768px) { .card-text-overlay:nth-child(1) .card-body-text-overlay .image-focus { bottom:72% } } .focus-box-heading .content * { color: #fff !important; } .service-section.textwithimage.focus-box-heading { margin-top: 5rem; } .footer-social { flex-wrap: wrap; } @media (min-width: 768px) and (max-width:1024px) { .footer-social a i { width:35px; height: 35px; } #footer a { font-size: 16px; } } .todo-list { padding: 0 0 0 30px; } .todo-list .todo-list__label > input { border: 0; display: inline-block; left: -25px; margin-left: 0; margin-right: -15px; position: relative; right: 0; vertical-align: middle; width: 40px; height: 24px; } .todo-list li::marker { color: transparent !important } .todo-list input[type="checkbox"][disabled] { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 20px; height: 20px; border-radius: 4px; border: 2px solid #fff; background-color: #fff; position: relative; } .todo-list input[type="checkbox"][disabled]:checked { background-color: #fff; border-color: #fff; } .todo-list input[type="checkbox"][disabled]:checked::after { content: "\2713"; position: absolute; top: 0; left: 2px; color: var(--primary-color); font-size: 18px; font-weight: bolder; line-height: 19px; } @media (min-width: 1920px) { .item.card-text-overlay { height:486px; } } .inner-page, .inner-page-wrap:before { opacity: 0 }