JFIFxxC      C  " }!1AQa"q2#BR$3br %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz w!1AQaq"2B #3Rbr::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { background: #e8e8e8; } ::-webkit-scrollbar-thumb:hover { background: #fb5496; } ::-webkit-scrollbar-thumb { background-image: -webkit-linear-gradient(45deg, #ffbd84, #ff1f8e); background-image: -o-linear-gradient(45deg, #ffbd84, #ff1f8e); background-image: linear-gradient(45deg, #ffbd84, #ff1f8e); } ::-moz-selection { background: rgba(166, 175, 189, 0.3); } ::selection { background: rgba(166, 175, 189, 0.3); } * { -webkit-font-smoothing: antialiased; -moz-os-font-smoothing: grayscale; box-sizing: border-box; padding: 0; margin: 0; outline: 0; vertical-align: baseline; } body { font-family: open sans, sans-serif; color: #6a6a8e; font-weight: 400; font-style: normal; line-height: 1; font-size: 17px; outline: 0; overflow-x: hidden; } article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block; } h1, h2, h3, h4, h5, h6 { font-family: Poppins, sans-serif; color: #050748; font-weight: 600; } h1, h2, h3, h4, h5, h6, p, ul { padding: 0; margin: 0; } ul { list-style: none; } a:hover { text-decoration: none; } button:focus { outline: 0 !important; } .fa-icon { margin-left: 5px; font-size: 12px; } .header-heading .fa-icon { margin-left: 5px; font-size: 12px; animation: 2s infinite arrowanim; -webkit-animation: 2s infinite arrowanim; } .common-heading { padding: 0; text-align: center; position: relative; z-index: 10; } .common-heading h2 { margin-bottom: 60px; } .inner-heading h2 { margin-bottom: 30px; } .v-center { align-self: center; align-items: center; } button { position: relative; overflow: hidden; } .lnk { position: relative; overflow: hidden; } .animation, .circle, .circle2, .clients-logo, .custom-btn, .dropdown-toggle, .hoshd, .hover-scale img, .icon-set, .isotope_item, .link-hover, .main-header, .main-header.sticky, .navbar, .s-block, .sticky, .sub-menu-sec a, a, button, input { -webkit-transition: 1.2s cubic-bezier(0.17, 0.85, 0.438, 0.99); -o-transition: 1.2s cubic-bezier(0.17, 0.85, 0.438, 0.99); transition: 1.2s cubic-bezier(0.17, 0.85, 0.438, 0.99); } .no-shadow { box-shadow: none !important; } span.circle { background: rgba(255, 255, 255, 0.2); display: block; position: absolute; top: -10%; right: -130px; width: 200px; height: 200px; border-radius: 50%; } .lnk:hover span.circle { top: -10%; right: -80px; } span.circle2 { background: rgba(255, 255, 255, 0.2); display: block; position: absolute; top: -10%; right: -50px; width: 80px; height: 80px; border-radius: 50%; } .lnk:hover span.circle2 { top: -10%; right: -40px; } .font-15 { font-size: 15px; } .f-medium { font-weight: 600; } .f-bold { font-weight: 700; } .light-blue { background: #f8fdff; } .text-radius { border-radius: 3px; padding: 0 3px; } .text-primary { color: #fe4c1c; } .text-second { color: #e91e63; } .text-bold { font-weight: 700; } .header-icon-nav a { background: #ffffff7a; padding: 12px; margin: 5px; border-radius: 50%; color: #0a2233; } .sticky .dsk-logo { line-height: 70px; } .sticky .custom-nav .nav-list li a.menu-links { line-height: 70px; } .main-header.sticky { height: 70px; } .top-header { position: relative; z-index: 999; } .navbar .mobile-menu { display: none; } .navbar .mobilemenu { color: #0a2233; top: -4px; position: relative; } .navbar .mobilemenu i { font-size: 25px; } .mob-nav { display: flex; } .mob-nav li { position: relative; } .ml8 { margin-left: 8px; } .animate { animation-duration: 0.4s; -webkit-animation-duration: 0.4s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } .top-header .dropdown-toggle::after { display: inline-block; margin-left: 3px; vertical-align: baseline; content: "+"; border-top: 0; border-right: 0; border-bottom: 0; border-left: 0; border-radius: 100px; } .slideIn { -webkit-animation-name: slideIn; animation-name: slideIn; } .dropdown-item:focus, .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #fff; outline: 0; } .dropdown-item.active, .dropdown-item:active { color: #0a2233; text-decoration: none; background-color: #fff; outline: 0; } .dropdown-menu { border: 0 solid rgba(0, 0, 0, 0.15); } header .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 10px 0; margin: 0; font-size: 16px; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 0; border-top: 0 solid #00baff; border-radius: 0 0 8px 8px; -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); } .dropdown-item { display: block; width: 100%; clear: both; font-weight: 400; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; font-size: 15px; color: #0a2233; font-family: Poppins, sans-serif; font-weight: 500; padding: 10px 15px; } .navbar-toggler { background-color: #fff; border: 1px solid #fff; } .top-header .sticky { background: #fff; -webkit-box-shadow: 0 4px 6px 0 rgba(12, 0, 46, 0.08); box-shadow: 0 4px 6px 0 rgba(12, 0, 46, 0.08); height: 70px; } .nav-item.dropdown:hover { background: #fff; } .list-mnu li a { white-space: break-spaces; line-height: 24px; padding: 5px 10px; } .navbar-light .navbar-nav .nav-link { font-weight: 600; font-size: 16px; color: #0a2233; font-family: Poppins, sans-serif; font-weight: 500; padding: 0 15px; line-height: 48px; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; padding-top: 0; padding-bottom: 0; height: 100px; } .brand-logo a { display: block; } .top-header .navbar .custom-btn { padding: 0 32px; color: #fff; font-weight: 400; } .top-header .navbar .custom-btn:focus, .top-header .navbar .custom-btn:hover { color: #fff; } .modal-backdrop { background: linear-gradient(135deg, #0c0004 0, #000e0c 100%); } .modal { z-index: 999999; } .abt { position: absolute; right: 15px !important; top: 0 !important; z-index: 9999999; } .popup-modalfull .modal-dialog { min-height: 100%; margin: 0 0 0 auto; background: #fff; width: 100%; max-width: 100%; height: 100%; margin: 0; } .popup-modalfull .modal-content { border: 0; height: 100%; border-radius: 0; } .popup-modalfull .modal-body { overflow-y: auto; } .main-header.sticky .nx-dropdown { top: 65px; } .nav-bg-b .custom-nav .nav-list li a.menu-links { color: #fff; } .main-header.sticky { background: #fff; -webkit-box-shadow: 0 4px 6px 0 rgba(12, 0, 46, 0.08); box-shadow: 0 4px 6px 0 rgba(12, 0, 46, 0.08); } .main-header { padding: 0 20px; height: 85px; z-index: 99999; border-bottom: 1px solid rgba(255, 255, 255, 0.1); background-color: #0000005c; } .fa-ani { margin-left: 5px; font-size: 12px; animation: 2s infinite arrowanim; -webkit-animation: 2s infinite arrowanim; } .sub-menu-center-block { display: flex; } .menu-header { display: flex; align-items: center; justify-content: space-between; width: 100%; } .right-bddr { border-right: 1px solid rgba(255, 255, 255, 0.1); padding: 0 10px 0 0 !important; margin: 0 20px 0 0; } .custom-nav .sbmenu > a::before { content: "+"; position: absolute; right: 4px; } .custom-nav .sbmenu.hover > a::before { content: "-"; } .main-header.sticky .custom-nav .nav-list li a.menu-links { color: #050748; } .main-header.sticky .mega-white-logo { display: none; } .main-header .mega-white-logo { display: none; } .nav-bg-b.main-header.sticky .mega-white-logo { display: none; } .nav-bg-b.main-header .mega-white-logo { display: inline-block; } .nav-bg-b.main-header .mega-darks-logo { display: none; } .main-header.sticky .mega-darks-logo { display: inline-block; } .dsk-logo { float: left; line-height: 85px; } .dsk-logo .nav-brand img { max-height: 75px; } .custom-nav { float: right; } .custom-nav .menu-dorpdown { width: 240px; margin: 0 auto; } .custom-nav .smfull { width: 100%; } .custom-nav .nav-list li { display: inline-flex; } .custom-nav .nav-list li.rpdropdown { position: relative; } .custom-nav .nav-list li a.menu-links { font-size: 16px; color: #050748; font-family: Poppins, sans-serif; font-weight: 500; padding: 0 15px; line-height: 85px; text-transform: uppercase; position: relative; overflow: hidden; } .btn-br { line-height: 48px; color: #fff; border-radius: 100px; padding: 0 20px; } .btn-br:hover { color: #fff; } .btn-round- { width: 48px; height: 48px; text-align: center; line-height: 48px; padding: 0; margin-right: 8px; position: relative; display: inline-block; } .btn-round-.trngl:after { content: ""; position: absolute; right: -4px; top: 50%; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #e8e8e8; clear: both; transform: translateY(-50%); } .btshad-b1 { -webkit-box-shadow: 0 10px 15px 0 rgba(175, 0, 87, 0.2); box-shadow: 0 10px 15px 0 rgba(175, 0, 87, 0.2); } .btshad-b2 { -webkit-box-shadow: 0 10px 15px 0 rgba(56, 0, 189, 0.2); box-shadow: 0 10px 15px 0 rgba(56, 0, 189, 0.2); } .nx-dropdown { position: absolute; z-index: 1; left: 0; right: 0; top: 80px; opacity: 0; height: 0; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } div.custom-nav > ul > li:hover .nx-dropdown { opacity: 1; height: auto; overflow: inherit; } .submenu-btnset { position: relative; display: block; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: normal; } .sub-menu-column { width: 25%; float: left; padding: 0 20px; } .sub-menu-column .menuheading { color: #050748; font-weight: 700; font-size: 18px; letter-spacing: 0.2px; margin: 0 0 16px; padding: 0 0 14px; border-bottom: 1px solid #dadada; } .sub-menu-column ul { width: 100%; display: inline-block; position: relative; } .sub-menu-column ul li { width: 100%; height: auto; float: left; padding: 0; margin-right: 0; margin-bottom: 9px; } .sub-menu-column ul li a { width: 100%; font-size: 15px; color: #050748; position: relative; line-height: 25px; font-weight: 600; } .sub-menu-section { box-shadow: 0 10px 20px 0 rgb(0 0 0/0.04); border-top: 2px solid #f3f3f3; width: 100%; padding: 40px 0; display: inline-block; background-color: #fff; margin-top: 4px; } .btn-block a { min-width: 230px; text-align: center; -webkit-box-shadow: 0 10px 15px 0 rgba(47, 0, 16, 0.15); box-shadow: 0 10px 15px 0 rgba(47, 0, 16, 0.15); } .bgtspnt { background: 0 0 !important; } div.custom-nav > ul > li.sbmenu > a:after { content: ""; position: absolute; width: 100%; height: 5px; background: #4f4daf; left: -100%; bottom: 0; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } div.custom-nav > ul > li.sbmenu:hover > a:after { left: 0; opacity: 1; } .contact-show { position: relative; } .contact-show:hover .contact-inquiry { display: block; } .contact-inquiry { width: 285px; position: absolute; top: 48px; right: 0; z-index: 99; display: none; transition: all 2s linear; } .hrbg { background: #e4e8ff; } .contact-info- .contct-heading { font-size: 19px; color: #3c4147; font-weight: 700; padding: 11px 20px; letter-spacing: 0.2px; } .contact-info- .inquiry-card-nn .title-inq-c { font-size: 14px; font-weight: 700; } .contact-info- .inquiry-card-nn ul li a { font-size: 16px; color: #050748; font-weight: 700; text-decoration: none; } .contact-info- .inquiry-card-nn { border-top: 1px solid #e1e1e2; position: relative; padding: 15px 20px; text-align: left; } .contact-info- { width: 100%; display: inline-block; padding: 0; background: #fff; border-radius: 5px; margin-top: 20px; position: relative; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .contact-info- .inquiry-card-nn ul li { list-style: none; margin: 14px 0; text-align: left; display: block; } .contact-info- .inquiry-card-nn ul li.mb0 { margin-bottom: 0; } .contact-info- .inquiry-card-nn ul li i { font-size: 20px; margin: 0 11px 0 0; color: #8bc34a; } .contact-info- .inquiry-card-nn span { font-size: 13px; color: #828282; } .contact-info- .inquiry-card-nn .fa-envelope { color: #012169; } .contact-info-:after { content: ""; position: absolute; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid transparent; border-bottom: 7px solid rgba(255, 255, 255, 0.95); top: -14px; right: 22px; transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; } a.play-video { min-width: 70px; min-height: 70px; display: inline-flex; background: #fff; border-radius: 1000px; transition: all 0.3s ease-in-out 0s; cursor: pointer; outline: 0; position: relative; padding: 10px; align-items: center; } a.play-video::after { content: ""; width: 70px; height: 70px; border-radius: 100%; border: 6px solid #fff; position: absolute; z-index: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: ring-ani 1.75s infinite cubic-bezier(0.66, 0, 0, 1); box-shadow: 0 0 0 0 rgba(12, 108, 211, 0.5); } @-webkit-keyframes ring-ani { to { box-shadow: 0 0 0 18px transparent; } } .triangle-play { width: 0; height: 0; border-top: 15px solid transparent; border-left: 25px solid #ff2d8d; border-bottom: 15px solid transparent; text-align: center; margin: 0 auto; } .hero-card-web { position: relative; overflow: hidden; padding-top: 150px; padding-bottom: 100px; height: 100vh; align-items: center; display: flex; } .hero-main-rp { padding: 0 30px 0 180px; } .hero-heading-sec h2 { color: #fff; font-size: 55px; line-height: 67px; text-transform: uppercase; font-weight: 700; } .hero-heading-sec h2 span { display: block; } .hero-heading-sec > p { color: #fff000; font-size: 18px; max-width: 400px; margin: 40px 0; } .flags-size { width: 25px; } .awards-block-tt { margin-top: 40px; } .hero-content-sec { display: inline-flex; align-items: center; } .title-hero-oth p { font-size: 20px; color: #fff; margin: 0 0 0 25px; text-transform: uppercase; } .title-hero-oth p span { display: block; color: #fff000; } .hero-service-cards { margin-top: 100px; } .service-slide { border-radius: 30px; max-width: 280px; overflow: hidden; margin: 20px 0; transform-style: preserve-3d; transform: perspective(1000px); } .service-card-hh { transform: translateZ(20px); display: block; } .image-sr-mm { height: 250px; width: 100%; padding: 0; position: relative; margin: 0 auto; } .image-sr-mm img { position: absolute; bottom: 0; left: 0; right: 0; top: 0; margin: 0 auto; max-width: 100%; max-height: 100%; width: initial !important; } .title-serv-c { color: #fff; font-size: 22px; font-weight: 700; line-height: 1.2; padding: 20px 20px 35px; } .title-serv-c span { display: block; } .card-bg-a { background: #3faee5; background: -moz-linear-gradient(top, #3faee5 0, #6d03ce 100%); background: -webkit-linear-gradient(top, #3faee5 0, #6d03ce 100%); background: linear-gradient(to bottom, #3faee5 0, #6d03ce 100%); } .card-bg-b { background: #ff92f6; background: -moz-linear-gradient(top, #ff92f6 0, #b300a5 100%); background: -webkit-linear-gradient(top, #ff92f6 0, #b300a5 100%); background: linear-gradient(to bottom, #ff92f6 0, #b300a5 100%); } .card-bg-c { background: #3e35b7; background: -moz-linear-gradient(top, #3e35b7 0, #4c4aff 100%); background: -webkit-linear-gradient(top, #3e35b7 0, #4c4aff 100%); background: linear-gradient(to bottom, #3e35b7 0, #4c4aff 100%); } .card-bg-d { background: #f72c8c; background: -moz-linear-gradient(top, #f72c8c 0, #b82dcf 100%); background: -webkit-linear-gradient(top, #f72c8c 0, #b82dcf 100%); background: linear-gradient(to bottom, #ffa76a 0, #ff8e38 100%); } .card-bg-e { background: #5782ea; background: -moz-linear-gradient(top, #5782ea 0, #2251af 100%); background: -webkit-linear-gradient(top, #5782ea 0, #2251af 100%); background: linear-gradient(to bottom, #5782ea 0, #2251af 100%); } .card-bg-f { background: #95e5ff; background: -moz-linear-gradient(top, #95e5ff 0, #009688 100%); background: -webkit-linear-gradient(top, #95e5ff 0, #009688 100%); background: linear-gradient(to bottom, #95e5ff 0, #009688 100%); } .shape-bg3:before { content: ""; background: url(https://web.archive.org/web/20240127230934im_/http://stradeinfotech.in/images/shape/shape-12.svg); position: absolute; height: 100%; width: 100%; opacity: 0.03; } .hero-bg-bg1:before { content: ""; background: url(../../../../20240127230934im_/http_/stradeinfotech.in/images/hero/banner-shap-2.html); position: absolute; height: 100vh; right: 0; left: 0; top: 0; width: 100%; background-position: left 0; background-size: contain; background-repeat: no-repeat; } .hero-section { position: relative; overflow: hidden; padding-top: 100px; padding-bottom: 100px; height: 100vh; align-items: center; display: grid; } .btn-main:hover { color: #fff; } .btn-main { font-size: 16px; font-weight: 400; font-family: Poppins, sans-serif; padding: 0 32px; line-height: 56px; text-align: center; outline: 0; color: #fff; background-color: #ff1f8e; border: none; -webkit-border-radius: 100px; border-radius: 100px; display: inline-block; position: relative; -webkit-box-shadow: 0 10px 15px 0 rgba(233, 30, 99, 0.15); box-shadow: 0 10px 15px 0 rgba(233, 30, 99, 0.15); } .header-heading h1 { font-size: 60px; line-height: 72px; font-weight: 700; margin-bottom: 30px; } .header-heading p { font-size: 20px; line-height: 30px; margin-bottom: 35px; } .about-agency .common-heading h2 { margin-bottom: 20px; } .about-agency { position: relative; overflow: hidden; } .about-agency:before { content: ""; background: url(../../../../20240127230934im_/http_/stradeinfotech.in/images/shape/dot_bg.html); position: absolute; width: 100%; height: 100%; top: 0; } .text-l { text-align: left !important; } .common-heading > span { color: #e60072; text-transform: uppercase; letter-spacing: 0.5px; font-size: 16px; font-weight: 400; margin: 0 0 15px; display: block; } .quote { font-weight: 500; padding: 25px; position: relative; border-left: 4px solid #ff358f; margin: 30px 0; background: #fafafb; color: #6a6a8e; font-family: Poppins, sans-serif; } .user- .user-image img { border-radius: 100%; width: 80px; } .user-info { margin: 0 0 0 20px; text-align: left; } .user-info p span { font-weight: 700; } .service-section { background: #fff; position: relative; overflow: hidden; } .image-block img { width: 100%; border-radius: 8px; } .img-block img { width: 100%; border-radius: 8px; } .white-text { color: #fff !important; } .shape-num .shape-loc:first-child:before { content: ""; background: url(https://web.archive.org/web/20240127230934im_/http://stradeinfotech.in/images/shape/shape-1.svg); background-size: auto; position: absolute; height: 150px; width: 150px; background-repeat: no-repeat; left: -40px; bottom: -60px; z-index: -1; } .shape-num .shape-loc:last-child:after { content: ""; background: url(https://web.archive.org/web/20240127230934im_/http://stradeinfotech.in/images/shape/shape-2.svg); background-size: auto; position: absolute; height: 150px; width: 150px; background-repeat: no-repeat; right: -40px; bottom: -60px; z-index: -1; } .shape-bg2 img { z-index: 1; position: relative; } .shape-bg2 { position: relative; } .shape-bg2:after { content: ""; background: url(https://web.archive.org/web/20240127230934im_/http://stradeinfotech.in/images/shape/shape-2.svg); background-size: auto; position: absolute; height: 150px; width: 150px; background-repeat: no-repeat; right: -40px; bottom: -60px; z-index: -1; } .shape-bg2:before { content: ""; background: url(https://web.archive.org/web/20240127230934im_/http://stradeinfotech.in/images/shape/shape-1.svg); background-size: auto; position: absolute; height: 150px; width: 150px; background-repeat: no-repeat; left: -40px; bottom: -60px; z-index: 0; } .service-section:before { content: ""; background: url(../../../../20240127230934im_/http_/stradeinfotech.in/images/shape/dot-shape.html) #d7f0fd; position: absolute; height: 400px; right: 0; left: 0; top: 0; width: 100%; background-position: center top; background-size: contain; background-repeat: repeat; } .s-block { background: #fff; text-align: center; background-size: 200%; background-position: top right; background-repeat: no-repeat; text-align: center; height: 270px; padding: 50px 20px; margin: 0; position: relative; border: 1px solid #d4f0ff; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); } .service-section .s-block { background: url(https://web.archive.org/web/20240127230934im_/http://stradeinfotech.in/images/shape/shape-7.svg) #fff; background-size: 180px; background-position: top right; background-repeat: no-repeat; } .s-card-icon { width: 80px; margin: 0 auto 30px; } .s-block h4 { margin: 0 0 10px; } .s-block a { display: inline-block; margin: 30px 0 0; color: #050748; font-family: Poppins, sans-serif; } .upset { position: relative; z-index: 5; } .service-2:before { background-color: #f9f9f9; } .wide-block { padding: 40px 30px; margin: 5px 0; position: relative; border: 0 solid #d4f0ff; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); } .service-img1 { background: #e9ddff; } .service-img1:after { background: url(../../../../20240127230934im_/http_/stradeinfotech.in/images/service/service-img-1.html); } .service-img2 { background: #ffdadb; } .service-img2:after { background: url(../../../../20240127230934im_/http_/stradeinfotech.in/images/service/service-img-2.html); } .service-img3 { background: #d6edff; } .service-img3:after { background: url(../../../../20240127230934im_/http_/stradeinfotech.in/images/service/service-img-3.html); } .service-img4 { background: #ffede1; } .service-img4:after { background: url(../../../../20240127230934im_/http_/stradeinfotech.in/images/service/service-img-4.html); } .wide-block:after { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 100%; background-size: 280px; background-position: right center; background-repeat: no-repeat; } .block-space- { max-width: 50%; position: relative; z-index: 555; } .wide-block h4 { margin: 20px 0 30px; } .tilt3d .statistics-img { transform-style: preserve-3d; transform: perspective(1000px); } .tilt3d .statistics-img img { transform: translateZ(20px); } .statistics { align-items: center; display: flex; } .statistics p { font-size: 20px; margin: 10px 0 0; font-weight: 500; } .statistics span { font-size: 45px; font-family: Poppins, sans-serif; color: #050748; font-weight: 700; display: inline-block; } .statistics-img { width: 100px; height: 100px; float: left; padding: 15px; background: #fff; border-radius: 8px 40px 8px 40px; -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); } .statnumb { margin: 0 0 0 20px; text-align: left; float: left; } .small .statistics-img { width: 75px; height: 75px; } .t-ctr { text-align: center; } .small .statistics span { font-size: 35px; color: #050748; } .in-stats .statistics span { font-size: 35px; color: #ff1f8e; } .small .statistics p { font-size: 18px; line-height: 24px; } .small { margin-top: 100px; } .in-stats .statistics { text-align: left; } .card-stats .statistics { padding: 40px; text-align: center; border-radius: 8px; background: #fff; -webkit-box-shadow: -30px 30px 60px #f2f2f2, 30px -30px 60px #fff; box-shadow: -30px 30px 60px #f2f2f2, 30px -30px 60px #fff; } .portfolio-section { background: #fff; position: relative; } .portfolio-section:before { content: ""; background: url(../../../../20240127230934im_/http_/stradeinfotech.in/images/shape/dot-pattern.html); position: absolute; height: 400px; right: 0; left: 0; top: 0; background-size: auto; background-repeat: repeat; } .isotope_item { position: relative; } .item-info { padding: 20px 0 0; } .isotope_item h4 { font-weight: 600; margin: 0 0 10px; } .isotope_item h4 a { color: #050748; } .item-image { display: block; width: 100%; border-radius: 8px; overflow: hidden; background: #f3f9ff; -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); } .item-image img { width: 100%; } .portfolio-block { position: relative; padding: 50px; border-radius: 8px; display: flex; align-items: center; justify-content: space-between; } .portfolio-item-info h3 a { color: #050748; } .portfolio-item-info { width: 50%; padding-right: 40px; } .portfolio-item-image { width: 50%; text-align: center; } .portfolio-item-info .-reviewr { width: 50px; height: 50px; border-radius: 100px; overflow: hidden; margin-right: 15px; } .portfolio-item-info .review-text { padding: 0 0 20px; } .portfolio-item-info .reviews-card { background: rgba(255, 255, 255, 0.6); padding: 25px; border-radius: 8px; } .clients-logo { background: #fff; padding: 0 15px; max-height: 150px; min-height: 150px; margin: 0 15px; border: 1px solid #d4f0ff; align-items: center; display: flex; position: relative; border-radius: 8px; -webkit-box-shadow: -20px 20px 40px #ece0f2, 20px -20px 40px #fff8ff; box-shadow: -20px 20px 40px #ece0f2, 20px -20px 40px #fff8ff; } .clients-section { background: #fffaf5; background: -moz-linear-gradient(top, #fffaf5 0, #f8ecff 100%); background: -webkit-linear-gradient(top, #fffaf5 0, #f8ecff 100%); background: linear-gradient(to bottom, #fffaf5 0, #f8ecff 100%); } .clients-logo img { margin: 0 auto; display: block; width: 160px; } .opl ul { display: contents; } .opl ul li { width: 20%; float: left; position: relative; } .work-category { background: #fbf9ed; background: -moz-linear-gradient(top, #fbf9ed 0, #fbeaf8 100%); background: -webkit-linear-gradient(top, #fbf9ed 0, #fbeaf8 100%); background: linear-gradient(to bottom, #fbf9ed 0, #fbeaf8 100%); position: relative; } .work-category .common-heading h2 { margin-bottom: 30px; } .work-card p { color: #050748; font-family: Poppins, sans-serif; line-height: 24px; font-size: 16px; margin: 5px 0 0; padding: 0 12px; } .icon-bg { display: block; height: 62px; width: 62px; margin: 0 auto; text-align: center; } .icon-set { width: 25%; display: inline-block; float: left; position: relative; } .work-card { margin: 10px; padding: 30px 20px; max-height: 170px; text-align: center; min-height: 170px; border-radius: 8px 40px 8px 40px; -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); } .cd1 { background: #70e4e8; } .cd2 { background: #f5eb92; } .cd3 { background: #a3ffe2; } .cd4 { background: #ffbc7a; } .cd5 { background: #e3ff8e; } .cd6 { background: #ffa0c6; } .cd7 { background: #f3a6ff; } .cd8 { background: #97ffaf; } .cd9 { background: #6cfffa; } .cd10 { background: #77baff; } .cd11 { background: #ffefd4; } .cd12 { background: #7affdb; } .testinomial-section { background: url(https://web.archive.org/web/20240127230934im_/http://stradeinfotech.in/images/shape/shape-9.svg) #fff; background-size: contain; background-position: center left; background-repeat: no-repeat; } .testimonial-card .t-text p { font-size: 16px; line-height: 28px; } .testinomial-section .owl-carousel .owl-dots { position: absolute; bottom: 0; right: 0; text-align: right; background: #fff; width: 100px; margin: 0; height: 50px; padding: 25px 0 0; } .user-info p { font-size: 16px; line-height: 24px; } .owl-carousel .user-image img { border-radius: 100%; width: 80px; } .owl-carousel .owl-dots .owl-dot:before { top: 2px; right: 2px; bottom: 2px; left: 2px; opacity: 0; background: 0 0; border: 1px solid #ff1f8e; } .owl-carousel .owl-dots .owl-dot:after, .owl-carousel .owl-dots .owl-dot:before { content: ""; position: absolute; border-radius: 50%; -webkit-transition: ease-out 0.16s; transition: ease-out 0.16s; } .owl-carousel .owl-dots .owl-dot { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 2px; vertical-align: middle; } .owl-carousel .owl-dots .owl-dot.active:before { top: 0; right: 0; bottom: 0; left: 0; } .owl-carousel .owl-dots .owl-dot:after { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0.4; background: #ff1f8e; width: 4px; height: 4px; } .owl-carousel .owl-dots .owl-dot.active:after, .owl-carousel .owl-dots .owl-dot.active:before { opacity: 1; } .owl-carousel .owl-dots .owl-dot.active:after, .owl-carousel .owl-dots .owl-dot:focus:after, .owl-carousel .owl-dots .owl-dot:hover:after { opacity: 1; } .light-bgs { background: rgba(255, 255, 255, 0.52); padding: 30px; border-radius: 8px; } .enquire-form { background: #d6fffc; background: -moz-linear-gradient(top, #d6fffc 0, #ffeff5 100%); background: -webkit-linear-gradient(top, #d6fffc 0, #ffeff5 100%); background: linear-gradient(to bottom, #d6fffc 0, #ffeff5 100%); } .custom-file-label::after { line-height: 44px; position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; border: 0; height: auto; padding: 0 15px; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0; cursor: pointer; } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; padding: 0 15px; font-weight: 400; height: 50px; line-height: 46px; background-color: #fff; border: 2px solid #ced4da; border-radius: 4px; } .custom-file { position: relative; display: inline-block; width: 100%; height: auto; margin-bottom: 0; } .modal-backdrop.show { opacity: 0.9; z-index: 99999; } .fdgn2 input, .fdgn2 select, .fdgn2 textarea { border: 2px solid #e6e6e6 !important; } .form-block input:focus, .form-block textarea:focus { border-bottom: 2px solid #ff1f8e; } .form-block input { width: 100%; height: 50px; padding: 0 15px; margin: 0 0 15px; color: #172b43; font-size: 16px; outline: 0; background: #fff; border: 0; border-bottom: 2px solid #e6e6e6; -webkit-border-radius: 4px; border-radius: 4px; } .form-block textarea { height: 100px; width: 100%; padding: 15px; margin: 0 0 15px; color: #172b43; font-size: 16px; outline: 0; background: #fff; border: 0; border-bottom: 2px solid #e6e6e6; -webkit-border-radius: 4px; border-radius: 4px; } .form-block .form-group { margin-bottom: 0; } .form-block select { width: 100%; height: 50px; padding: 0 15px; margin: 0 0 15px; color: #172b43; font-size: 16px; outline: 0; background: #fff; border: 0; border-bottom: 2px solid #e6e6e6; -webkit-border-radius: 4px; border-radius: 4px; } .help-block.with-errors { color: #ff5050; margin: 0 0 0 10px; font-size: 13px; position: relative; bottom: 12px; } .messages .alert { position: relative; padding: 6px 25px 6px 6px; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; font-size: 14px; } .form-block .messages button:hover { background-color: transparent; } .messages .close { font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.5; text-align: right; position: absolute; right: 5px; top: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #ff1f8e; background-color: #ff1f8e; } .custom-control-input:focus ~ .custom-control-label::before { -webkit-box-shadow: 0 3px 6px rgba(91, 130, 148, 0.08); box-shadow: 0 3px 6px rgba(91, 130, 148, 0.08); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #ffbc80; } .custom-control-label::before { position: absolute; top: -1px; left: -1.5rem; display: block; width: 20px; height: 20px; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: -3px; left: -26px; display: block; width: 25px; height: 25px; content: ""; background: no-repeat 50%/50% 50%; } .custom-control { margin-bottom: 10px; } .form-block label input { height: 20px; width: 20px; position: relative; top: 5px; margin: 0 5px 0 0; } .fieldsets label { position: relative; top: -14px; font-size: 14px; color: #ff1f8e; margin: 0; padding: 0; display: inline; } .custom-control label { text-indent: -21px; padding: 2px 0 0 21px; font-size: 14px; } .form-block label a { color: #000; } .form-block p.trm { font-size: 13px; width: 100%; text-align: center; margin: 10px 0 0; } .form-block p.trm i { padding: 5px 5px 0 0; } .form-block button:hover { background-color: #ff1f8e; } .form-block button { width: 100%; } .our-office { background: #fff; position: relative; overflow: hidden; } .shape-bg1, .shape-num { position: relative; } .shape-numm .shape-loc:first-child:before { content: ""; background: url(https://web.archive.org/web/20240127230934im_/http://stradeinfotech.in/images/shape/shape-1.svg); background-size: auto; position: absolute; height: 150px; width: 150px; background-repeat: no-repeat; left: -40px; top: -55px; z-index: -1; } .shape-numm .shape-loc:last-child:after { content: ""; background: url(https://web.archive.org/web/20240127230934im_/http://stradeinfotech.in/images/shape/shape-2.svg); background-size: auto; position: absolute; height: 150px; width: 150px; background-repeat: no-repeat; right: -40px; top: -55px; z-index: -1; } .shape-bg1:before { content: ""; background: url(https://web.archive.org/web/20240127230934im_/http://stradeinfotech.in/images/shape/shape-1.svg); background-size: auto; position: absolute; height: 150px; width: 150px; background-repeat: no-repeat; left: -40px; top: -55px; z-index: -1; } .shape-bg1:after { content: ""; background: url(https://web.archive.org/web/20240127230934im_/http://stradeinfotech.in/images/shape/shape-2.svg); background-size: auto; position: absolute; height: 150px; width: 150px; background-repeat: no-repeat; right: -30px; top: -80px; z-index: -1; } .office-text { padding: 20px 0 0; } .office-text h4 { margin: 0 0 10px; } .office-text p { padding: 0 50px 0 0; margin: 0 0 20px; } .skyline-img { background: #fbf4f1; padding: 20px; border-radius: 8px 40px 8px 0; -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); } .-address-list li a { color: #6a6a8e; } .-address-list li a i { width: 25px; } .-address-list li { line-height: 35px; } #scrollUp:hover { opacity: 1; } #scrollUp { bottom: 20px; right: 20px; width: 30px; height: 50px; -webkit-border-radius: 100px; border-radius: 100px; color: #fff; opacity: 0.4; background: url(https://web.archive.org/web/20240127230934im_/http://stradeinfotech.in/images/icons/up-arrow.svg) #00baff; background-repeat: no-repeat; background-size: 15px; background-position: center center; background-repeat: no-repeat; } footer { position: relative; } .footer-svg { height: 80px; overflow: hidden; margin: -20px 0 0; } .footer-svg svg path { fill: #fff0f5; } footer .row { position: relative; z-index: 1; } footer.ftshap:after { content: ""; background: url(../../../../20240127230934im_/http_/stradeinfotech.in/images/shape/shape-1.html); position: absolute; width: 200px; height: 370px; background-repeat: no-repeat; top: 35%; z-index: 0; right: 0; background-position: center right; background-size: 80%; opacity: 0.5; } footer.ftshap:before { content: ""; background: url(../../../../20240127230934im_/http_/stradeinfotech.in/images/shape/shape-2.html); position: absolute; width: 250px; height: 250px; bottom: 0; z-index: 0; left: 0; background-repeat: no-repeat; background-position: left bottom; background-size: 100%; opacity: 0.5; } .footer-row1 { background: #fffdf2; background: -moz-linear-gradient(top, #fffdf2 0, #ffeff5 100%); background: -webkit-linear-gradient(top, #fffdf2 0, #ffeff5 100%); background: linear-gradient(to bottom, #fffdf2 0, #ffeff5 100%); padding: 80px 0; } .footer-row2 { background: #fff; padding: 50px 0 80px; } .footer-row3 { background: #fff; padding: 40px 0; } .email-subs h3 { margin-bottom: 10px; } .hline { border-top: 1px solid #e2eaef; margin: 0; position: relative; } .email-subs-form { position: relative; } .email-subs-form form { align-items: center; justify-content: center; display: flex; } .email-subs-form input { width: 100%; height: 65px; padding: 0 175px 0 30px; margin: 0; color: #172b43; font-size: 16px; outline: 0; background: #fff; border: 1px solid #e6e6e6; -webkit-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: -6px 6px 11px #f2f2f2, 6px -6px 11px #fff0e8; box-shadow: -6px 6px 11px #f2f2f2, 6px -6px 11px #fff0e8; } .email-subs-form button { width: max-content; position: absolute; right: 5px; border-radius: 28px 100px 100px 28px; padding: 0 30px; line-height: 55px; box-shadow: none; } .footer-row2 h5 { margin-bottom: 25px; font-size: 24px; font-weight: 500; margin-top: 30px; } .footer-address-list li p { font-weight: 600; font-size: 18px; font-family: Poppins, sans-serif; line-height: 25px; } .footer-address-list li p span { display: flex; font-weight: 400; font-size: 15px; font-family: open sans, sans-serif; } .footer-address-list li > span { position: relative; top: 5px; } .footer-address-list li { color: #6a6a8e; display: flex; padding: 0 0 5px; } .footer-address-list li:last-child { padding: 0; } .footer-address-list li a { color: #6a6a8e; font-family: open sans, sans-serif; font-size: 16px; line-height: 24px; } .footer-address-list li i { margin: 0 15px 0 0; display: initial; font-size: 21px; } .ftr-details li { padding: 0 0 15px; } .footer-block { padding: 20px 0; } .social-links { text-align: right; } .social-links a { color: #6a6a8e; font-size: 25px; line-height: 1; } .footer-social-media-icons a:hover { color: #ff1f8e !important; } .footer-social-media-icons a { color: #6a6a8e; font-size: 26px; border-radius: 4px; margin: 0 20px; width: 35px; height: 35px; display: inline-block; text-align: center; line-height: 34px; } .copyright { text-align: center; color: #6a6a8e; } .footer-social-media-icons { margin: 0 0 30px; } .footer- p a { color: #6a6a8e; } .link-hover a { color: #6a6a8e; font-family: Poppins, sans-serif; display: inline-block; padding: 3px 0; position: relative; overflow: hidden; -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; z-index: 1; } .link-hover a::after { content: ""; width: 0; height: 1px; bottom: 0; position: absolute; left: auto; right: 0; z-index: -1; -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background: currentColor; } .link-hover a:hover::after { width: 100%; left: 0; right: auto; } .link-hover a:hover { color: #ff1f8e !important; } .breadcrumb-area { padding: 150px 0 90px; position: relative; overflow: hidden; text-align: center; } .breadcrumb-areav2 { padding: 150px 0 100px; position: relative; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; } .bread-titlev2 { text-align: center; } .statistics-wrap { padding: 30px 0; -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.05); } .breadcrumb-areav2:before { content: ""; position: absolute; top: 0; height: 100%; width: 100%; opacity: 0.85; right: 0; left: 0; z-index: 0; background: -moz-linear-gradient(-45deg, #ffdee9 0, #c8fff4 100%); background: -webkit-linear-gradient(-45deg, #ffdee9 0, #c8fff4 100%); background: linear-gradient(135deg, #ffdee9 0, #c8fff4 100%); } .breadcrumb-area:before { content: ""; position: absolute; top: 0; height: 100%; width: 100%; opacity: 0.85; right: 0; left: 0; z-index: 0; background: -moz-linear-gradient(-45deg, #ffdee9 0, #c8fff4 100%); background: -webkit-linear-gradient(-45deg, #ffdee9 0, #c8fff4 100%); background: linear-gradient(135deg, #ffdee9 0, #c8fff4 100%); } .breadcrumb-area:after { content: ""; z-index: 0; background: url("./images/banner/banner-shap-2.png"); background-size: auto; position: absolute; height: 100%; width: 100%; background-repeat: no-repeat; right: 0; top: 0; z-index: 1; background-position: center right; background-size: contain; } .breadcrumb-area ul li { display: block; display: inline-block; } .breadcrumb-area .bread-menu li a { color: #6a6a8e; font-size: 16px; font-weight: 400; padding-right: 6px; display: inline-block; } .breadcrumb-area .bread-menu li + li::before { font-size: 5px; font-family: "font awesome 5 free"; content: "\f111"; font-weight: 700; margin: 0 10px 0 0; position: relative; top: -3px; } .text-block { position: relative; z-index: 55; } .bread-title h2 { font-weight: 600; font-size: 35px; line-height: 47px; margin: 15px 0 0; } .bread-inner p { font-size: 16px; line-height: 28px; } .block-1 p + p { margin: 25px 0 0; } .block-1 .small { margin-top: 50px; } .block-1 .statnumb { margin: 0; } .why-choose { background: #f7fcff; } .banner-4 { background: url(../../../../20240127230934im_/http_/stradeinfotech.in/images/banner/2.html); background-repeat: no-repeat; background-size: cover; background-position: center center; } .team { overflow: hidden; } .bg-gradient99 { background: #fff; background: -moz-linear-gradient(top, #fff 0, #eef4fd 100%); background: -webkit-linear-gradient(top, #fff 0, #eef4fd 100%); background: linear-gradient(to bottom, #fff 0, #eef4fd 100%); } .image-div { -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); -webkit-border-radius: 8px; border-radius: 8px; overflow: hidden; } .info-text-block { padding: 20px 0 0; } .info-text-block h4 { margin: 0 0 10px; } .info-text-block h4 a { color: #050748; } .full-image-card { margin-top: 60px; } .otherinfo { margin: 30px 0 0; } .otherinfo p { line-height: 28px; } .social-media-profile { margin: 30px 0 0; } .social-media-profile a { color: #6a6a8e; font-size: 22px; margin: 0 30px 0 0; display: inline-block; line-height: 34px; } .social-media-profile a:hover { color: #ff1f8e; } .bg-shape img { position: relative; z-index: 5; } .bg-shape:after { content: ""; background: url(https://web.archive.org/web/20240127230934im_/http://stradeinfotech.in/images/shape/shape-1.svg); background-size: auto; position: absolute; height: 150px; width: 150px; background-repeat: no-repeat; left: -55px; top: -55px; z-index: 0; } .bg-shape:before { content: ""; background: url(https://web.archive.org/web/20240127230934im_/http://stradeinfotech.in/images/shape/shape-2.svg); background-size: auto; position: absolute; height: 150px; width: 150px; background-repeat: no-repeat; right: -55px; bottom: -55px; z-index: 0; } .banner-3 { background: url(../../../../20240127230934im_/http_/stradeinfotech.in/images/banner/5.html); background-repeat: no-repeat; background-size: cover; background-position: center center; } .common-heading.pp h2 { margin-bottom: 0; } .common-heading.pp { padding: 0; text-align: left; } .common-heading.pp p { margin: 20px 0 0; } .single-card-item { margin-top: 60px; } .filter-menu { text-align: right; } .filters .filter-menu.recent { list-style: none; padding: 0; bottom: 0; position: inherit; text-align: right; margin: 35px 0 0; } .filters .filter-menu li { display: inline-block; padding: 20px; color: #333; cursor: pointer; background: #feeee3; -webkit-border-radius: 100px; border-radius: 40px 40px 40px 20px; } .filters .filter-menu li.is-checked { background: #f95b94; color: #fff; } .portfolio-meta ul li { font-size: 14px; color: #fff; display: block; text-align: left; background: #fff; position: relative; padding: 15px 20px 15px 55px; border-bottom: 1px solid #ebebeb; } .portfolio-meta ul li p { font-family: Poppins, sans-serif; font-size: 16px; line-height: 28px; background: #fff; display: inline-block; color: #050748; font-weight: 600; } .portfolio-meta ul li p span { font-family: open sans, sans-serif; display: block; margin-top: 2px; color: #6a6a8e; font-weight: 400; } .portfolio-meta ul li i { position: absolute; left: 10px; color: #050748; font-size: 25px; top: 50%; margin-top: -12.5px; } .pv-:hover .item-image img { transform: scale(1); } .h-scroll { width: 100%; padding: 50px 10px; } .tech-icons img { width: 45px; margin: 0 auto; position: absolute; right: 0; left: 0; top: 50%; transform: translatey(-50%); } .tech-icons li { margin: 6px; display: inline-block; } .tech-icons a:hover { border: 4px solid #d9cbff; } .tech-icons a { border: 4px solid #fff; display: inline-block; height: 100%; position: relative; width: 90px; height: 90px; background: #fff; border-radius: 100%; -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); } .techonology-used- { text-align: center; background: #f9f9f9; } .banner-2 { background: url(../../../../20240127230934im_/http_/stradeinfotech.in/images/banner/6.html); background-repeat: no-repeat; background-size: cover; background-position: center center; } .service { overflow: hidden; } .service .common-heading h2 { margin-bottom: 20px; } .cta-area { position: relative; overflow: hidden; background: #e0f8ff; background: -moz-linear-gradient(top, #e0f8ff 0, #fff0e5 100%); background: -webkit-linear-gradient(top, #e0f8ff 0, #fff0e5 100%); background: linear-gradient(to bottom, #e0f8ff 0, #fff0e5 100%); } .btn-outline { border: 2px solid #000248; color: #050748; display: inline-block; padding: 0 32px; font-family: Poppins, sans-serif; font-size: 16px; background: #fff; -webkit-box-shadow: 0 10px 15px 0 rgba(3, 35, 68, 0.1); box-shadow: 0 10px 15px 0 rgba(3, 35, 68, 0.1); line-height: 52px; -webkit-border-radius: 100px; border-radius: 100px; } .btn-outline:hover { background: #ff1f8e; color: #fff; border: 2px solid #ff1f8e; } .cta-call { margin: 30px 0 0; } .cta-call i { margin: 0 5px 0 0; } .cta-call a { font-family: Poppins, sans-serif; font-size: 24px; color: #6a6a8e; display: inline-block; padding: 0 0 0 10px; } .cta-area .common-heading h2 { margin-bottom: 40px; } .shape { position: absolute; } .shape-a1 { bottom: -20px; left: 0; } .shape-a2 { bottom: -30px; right: 0; } .shape-a3 { top: 0; right: 0; } .shape-a4 { top: -150px; right: 20%; } .common-heading.ptag h2 { margin-bottom: 15px; } .common-heading.ptag p { font-size: 16px; line-height: 28px; } .ps-block span { font-size: 60px; font-family: Poppins, sans-serif; border-radius: 100%; border: 1px solid #e8e8e8; width: 100px; height: 100px; display: block; text-align: center; line-height: 100px; margin: 0 0 20px; color: #6a6a8e; border-radius: 68% 32% 64% 36%/59% 59% 41% 41%; background: #f5f5ff; animation: border-transform 6s linear infinite; } .ps-block h3 { margin-bottom: 20px; } .ps-block p { font-size: 16px; line-height: 28px; } .ps-block { padding: 0 25px; } .featured-project .isotope_item { margin-top: 60px; } .featured-project { background: #f3fbff; background: -moz-linear-gradient(top, #f3fbff 0, #fffdf6 100%); background: -webkit-linear-gradient(top, #f3fbff 0, #fffdf6 100%); background: linear-gradient(to bottom, #f3fbff 0, #fffdf6 100%); } .maga-btn { text-align: center; } .image-block1 img { -webkit-box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #fff; box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #fff; -webkit-border-radius: 8px; border-radius: 8px; width: 100%; } .image-block img { -webkit-box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #fff; box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #fff; -webkit-border-radius: 8px; } .wide-sblock { display: inline-flex; text-align: left; padding: 30px 20px; } .s-block-content { margin: 0 0 0 20px; } .key-points { display: block; } .key-points li { padding: 8px 0 8px 35px; position: relative; line-height: 28px; font-size: 17px; } .key-points li:before { content: "\f00c"; position: absolute; font-family: "font awesome 5 free"; font-weight: 900; left: 0; top: 9px; background: #ffc627; height: 25px; width: 25px; border-radius: 50%; text-align: center; align-items: center; color: #333; } .service-point-2 { display: flow-root; } .service-point-2 li { font-size: 17px; font-weight: 600; line-height: 25px; padding: 4px 0; float: left; width: 50%; } .s-card-icon-large { width: 150px; } .s-block-content-large { margin: 0 0 0 20px; width: calc(100% - 150px); } .pricing-table { position: relative; text-align: center; padding: 30px 30px 0; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: -30px 30px 60px #f2f2f2, 30px -30px 60px #fff; box-shadow: -30px 30px 60px #f2f2f2, 30px -30px 60px #fff; } .pricing-table img { background: #e9f8ff; width: 90px; height: 90px; border-radius: 100%; padding: 10px; border: 8px solid #fbfbfb; animation: border-transform 6s linear infinite; } .pricing-table .title { margin: 30px 0 10px; font-size: 16px; font-family: Poppins, sans-serif; font-weight: 700; text-transform: uppercase; width: 100%; display: block; letter-spacing: 0.5px; } .pricing-table .title-sub { margin: 0 0 30px; } .pricing-table .inner-table h2 { font-size: 42px; font-weight: 700; color: #ff1f8e; margin-bottom: 3px; } .pricing-table .inner-table p.duration { color: #72729a; font-weight: 500; margin-bottom: 0; } .pricing-table .inner-table .details { margin-top: 35px; padding-top: 28px; padding-bottom: 30px; line-height: 42px; border-top: 1px solid #e5e5e5; } .pricing-table a { margin-bottom: -26px; display: inline-block; } .pricing-table .inner-table .details ul { list-style: none; margin-bottom: 0; padding: 0; } .pricing-table.best-plan .inner-table h2 { color: #2a89ea; } .pricing-table.best-plan img { background: #ccf0ff; width: 90px; height: 90px; border-radius: 100%; padding: 10px; border: 8px solid #e9f8ff; } .banner-5 { background: url(../../../../20240127230934im_/http_/stradeinfotech.in/images/banner/7.html); background-repeat: no-repeat; background-size: cover; background-position: center center; } .case-study1 { overflow: hidden; } .case-study3 { overflow: hidden; } .case-study .image-div { border-radius: 8px; overflow: hidden; -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); } .case-study2 { background: #fee; } .image-div img { width: 100%; } .case-study2 .s-block { text-align: center; background: #fff; padding: 50px 20px; margin: 5px 0; position: relative; border: 1px solid #d4f0ff; -webkit-box-shadow: -25px 25px 45px #f0dede, 25px -25px 45px #fff6f6; box-shadow: -25px 25px 45px #f0dede, 25px -25px 45px #fff6f6; } .case-study1 .image-block img, .case-study3 .image-block img { -webkit-box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #fff; box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #fff; width: 100%; } .case-study4 { background: #fff; } .project-platform { display: inline-flex; } .project-platform-used a { display: flex; margin: 0 auto; align-items: center; height: 100%; } .project-platform-used img { width: 40px; margin: 0 auto; } .project-platform-used { width: 80px; height: 80px; background: #fff; border-radius: 100%; text-align: center; } .screen-splits { padding: 0 10px; } .vrbloglist + .vrbloglist { margin-top: 60px; } .entry-blog { text-transform: capitalize; font-weight: 400; font-size: 15px; margin: 5px 0 15px; } .entry-blog a { color: #6a6a8e; } .entry-blog a i { margin-right: 4px; } .bypost { margin-right: 10px; } .item-image { position: relative; } .category-blog { position: absolute; left: 0; bottom: 0; } .posted-on { margin-right: 10px; } .category-blog a { display: inline-block; padding: 5px; background: #fe409c; color: #fff; } .image-set { border-radius: 8px; overflow: hidden; } .image-set img { width: 100%; } .blog-header .user-image img { border-radius: 100%; width: 50px; } .blog-header .user-info { font-family: Poppins, sans-serif; margin: 0 0 0 20px; } .postwatch { text-align: right; } .ul-list { padding: 0 0 0 20px; } .ul-list li { font-size: 16px; line-height: 38px; list-style-type: circle; } .rd-quote { padding: 30px; position: relative; border-left: 4px solid #fc4899; font-size: 20px; line-height: 32px; font-style: italic; margin: 40px 0; background: #fafafb; } .author-block { position: relative; padding: 30px; margin-top: 50px; border-top: none; background: #fafafb; border-radius: 10px; } .author-block .user-image img { width: 80px; border-radius: 100px; } .comments-block h2 { font-weight: 600; font-size: 25px; line-height: 35px; } .comments-block .user-info h5 span { font-size: 15px; text-align: right; float: right; color: #6a6a8e; } .comments-block .user-info h5 { font-size: 20px; display: flow-root; } .comments-block .user-info h5 a { display: inline-block; padding: 0 0 0 6px; color: #00b2ff; } .comments-block .user-image img { width: 50px; border-radius: 100px; } .replied { padding-left: 60px; } .form-blog button { width: max-content; } .comments-block .media + .media { margin-top: 60px; } .form-blog { background: #fafafb; padding: 40px; border-radius: 8px; } .offer-image { border-radius: 8px; overflow: hidden; } .offer-image img { width: 100%; } .recent-post .post-info p { font-size: 16px; line-height: 28px; } .recent-post .post-image img { border-radius: 8px; width: 80px; } .recent-post .post-image a { display: block; } .recent-post .post-info h5 a { color: #050748; } .recent-post .post-info h5 a:hover { color: #2196f3; } .recent-post .post-info h5 { font-size: 16px; line-height: 26px; } .post-info { margin: 0 0 0 20px; } .widgets h3 { font-size: 20px; } .recent-post .media + .media { margin-top: 20px; } .tabs a { font-size: 15px; font-weight: 400; text-transform: lowercase; padding: 0 10px; line-height: 30px; border-radius: 4px; border: none; color: inherit; margin: 0 4px 8px 0; display: inline-block; background: #f6f5fa; font-family: Poppins, sans-serif; } .blog-categories ul li:first-child a { padding-top: 0; } .blog-categories ul li a { font-family: Poppins, sans-serif; display: block; padding: 10px 0; font-size: 16px; line-height: 28px; border-bottom: 1px solid #d3d3d3; text-decoration: none; color: #757589; position: relative; } .blog-categories ul li span.categories-number { position: absolute; right: 0; } .blog-categories ul li:first-child { border-top: 0 solid; } .blog-post-tag span { font-size: 18px; font-weight: 700; display: block; margin-bottom: 17px; color: #062a4d; } .blog-share-icon span { font-size: 18px; font-weight: 700; color: #062a4d; display: block; margin-bottom: 17px; } .blog-share-icon a { color: #6a6a8e; font-size: 18px; margin-right: 22px; } .blog-post-tag a { color: #6a6a8e; display: inline-block; font-size: 14px; font-weight: 600; margin-right: 10px; margin-bottom: 10px; border-width: 2px; border-style: solid; border-color: #eaedff; border-image: initial; padding: 12px 24px; border-radius: 5px; } .blog-share-icon a:last-child { margin-right: 0; } .post-navigation span a { color: #6a6a8e; margin-bottom: 5px; display: block; } .post-navigation h4 a { color: #050748; } .banner-6 { background: url(../../../../20240127230934im_/http_/stradeinfotech.in/images/banner/4.html); background-repeat: no-repeat; background-size: cover; background-position: center center; } .contact-location { overflow: hidden; } .info-card { padding: 30px; -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); } .contact-card { background: #fff8f2; } .email-card { background: #ffecec; } .skype-card { background: #eafffd; } .info-card span i { margin-right: 10px; } .info-card span { font-size: 20px; font-weight: 700; font-family: Poppins, sans-serif; } .info-card p { font-size: 16px; line-height: 28px; margin: 20px 0 10px; } .info-card a { font-size: 20px; color: inherit; font-weight: 600; } .bglight { background: #fbfbfb; } .list-ul li { padding: 0 0 12px 29px; position: relative; line-height: 22px; font-size: 16px; } .list-ul li:before { font-family: "font awesome 5 free"; font-weight: 700; position: absolute; left: 0; top: 2px; font-size: 15px; } .ul-check li:before { content: "\f00c"; } .ul-circle li:before { content: "\f0a9"; } .ul-numm li { list-style-type: decimal; padding: 0 0 12px 5px; } .ul-abc li { list-style-type: upper-latin; padding: 0 0 12px 5px; } .ul-liin { padding: 0 0 0 20px; } .error { height: 100vh; } .error-block { padding-top: 50px; position: relative; z-index: 5; } .layer-div { position: relative; } .error-block a { margin-top: 40px; } .layer-div:before { background: url(https://web.archive.org/web/20240127230934im_/http://stradeinfotech.in/images/icons/404.svg); background-repeat: no-repeat; background-size: 70%; background-position: center center; content: ""; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; bottom: 0; text-align: center; right: 0; left: 0; z-index: 0; } .card-2 .card-header button:hover { color: #050748; } .card-2 .card-header { padding: 10px; border: 0; } .card-2 .card-header button { border: 0; padding: 0; color: #050748; font-size: 18px; font-weight: 600; } .accordion .acc-icon:after { font-family: "font awesome 5 free"; content: "\f068"; font-weight: 700; position: absolute; font-size: 14px; right: 5px; top: 5px; color: #050748; } .accordion .acc-icon.collapsed:after { content: "\f067"; font-weight: 700; } .accordion .card-title:after { font-family: "font awesome 5 free"; content: "\f068"; font-weight: 700; position: absolute; font-size: 14px; right: 5px; top: 2px; background: #00baff; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 100px; color: #fff; } .accordion .card-title.collapsed:after { content: "\f067"; font-weight: 700; } .card-header .btn-link:hover { color: #6a6a8e; text-decoration: none; } .btn-link:focus, .card-header .btn-link.focus { text-decoration: none; box-shadow: none; } .accordion .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 0 15px 15px; } .panel .panel-collapse .collapse { transition: transform 0.25s ease-in-out; -webkit-transition: -webkit-transform 0.25s ease-in-out; } .card-1 .card-header { padding: 10px 15px; margin-bottom: 0; background-color: transparent; border-bottom: 0; position: relative; cursor: pointer; } .card-1 { border: 1px solid #d4f0ff; overflow: hidden; -webkit-border-radius: 8px; border-radius: 8px; margin-bottom: 20px; padding: 0; } .card-1 .card-title { margin-bottom: 0; font-weight: 600; font-size: 16px; line-height: 26px; color: #6a6a8e; padding: 2px 40px 2px 0; } .tabs-layout .nav-tabs .nav-link.active { color: #fff; background-color: #00baff; border-color: #00baff; border-radius: 100px; } .tabs-layout .nav-tabs .nav-link { border: 0 solid transparent; color: #6a6a8e; background-color: #efefef; border-radius: 100px; padding: 10px 35px; } .tabs-layout .nav-tabs .nav-item + .nav-item { margin: 0 10px; } .tabs-layout .nav-tabs .nav-item + .nav-item:last-child { margin: 0; } .tabs-layout .nav-tabs { border-bottom: 0 solid #dee2e6; } .tabs-layout .tab-content { padding: 20px 0 0; } .outline-tabs.tabs-layout .nav-tabs .nav-link { border: 1px solid #efefef; color: #6a6a8e; background-color: #fff; border-radius: 100px; } .outline-tabs.tabs-layout .nav-tabs .nav-link.active { color: #fff; background-color: #00baff; border-color: #00baff; border-radius: 100px; } .reviews-block { background: #fafaff; } .pr-shadow { -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); } .revbx-lr { font-size: 40px; } .revbx-rl { text-align: right; display: block; } .revbx-rl img { max-width: 130px; } .reviews-card { position: relative; z-index: 9; background: #fff; padding: 25px; border-radius: 8px; } .right-review-box p { color: #676767; font-size: 16px; line-height: 25px; letter-spacing: 0.4px; font-style: inherit; } .review-text { padding: 30px 0; } .left-review-box h4 { font-size: 16px; letter-spacing: 1px; color: #333; padding: 8px 0 0; } .-client-details- { display: flex; } .-reviewr { width: 70px; height: 70px; border-radius: 100px; overflow: hidden; margin-right: 15px; } .reviewer-text h4 { color: #333; padding: 5px 0 0; font-size: 16px; line-height: 24px; } .review-text { text-align: justify; } .reviewer-text p { font-size: 15px; line-height: 20px; } .star-rate li { display: inline-block; margin: 0 2px; } .star-rate { margin-top: 5px; } .star-rate li a.chked { color: #ff711c; } .star-rate li a { color: #6a6a8e; } .fl-hero { background: url(https://web.archive.org/web/20240127230934im_/http://stradeinfotech.in/images/shape/hero-shape.svg), #ffd6d6; background-position: center center, center center; background-size: cover, cover; background-repeat: no-repeat, no-repeat; } .showin-mobile { display: none; } .follow-label { display: flex; } .follow-label h6 { margin: 0 40px 0 0; position: relative; } .follow-label h6:after { content: ""; position: absolute; top: 50%; right: -38px; width: 30px; height: 1px; background: #6a6a8e; } .follow-label a { color: #6a6a8e; padding: 5px 10px; font-size: 20px; } .bhv-service { overflow: hidden; } .counter-number { transform: translateZ(20px); } .hexagon { transform-style: preserve-3d; transform: perspective(1000px); text-align: center; min-width: 240px; height: auto; padding: 20px 30px; margin: 0 20px; background: #fff; border-radius: 8px 40px 8px 40px; -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); } .hexa1 { border: 2px solid #ffc3fe; } .hexa2 { border: 2px solid #ffe6ba; } .hexa3 { border: 2px solid #addaff; } .hexa4 { border: 2px solid #ffbaba; } .counter-no span { font-size: 50px; font-weight: 700; color: #050748; } .counter-no p { font-size: 20px; margin: 10px 0 0; font-weight: 500; } .counter-no { display: inline-block; } .freelance-service { background: #d4f0ff; } .header-heading .title- { display: block; margin-bottom: 15px; } .header-heading span { color: #e60072; } .lead-hero { background: url(../../../../20240127230934im_/http_/stradeinfotech.in/images/hero/bg-gradient.html); background-position: center center; background-size: cover; background-repeat: no-repeat; } .follow-label { display: flex; } .lead-gen-client .clients-logo { background: #fff; padding: 0 15px; max-height: 150px; min-height: 150px; margin: 0; border: 1px solid #d4f0ff; align-items: center; display: flex; position: relative; border-radius: 8px; -webkit-box-shadow: -20px 20px 40px #ece0f2, 20px -20px 40px #fff8ff; box-shadow: -20px 20px 40px #ece0f2, 20px -20px 40px #fff8ff; } .itm-media-object .media .img-media { width: 65px; background: #d3f3ff; padding: 10px; border-radius: 8px; } .itm-media-object .media-body { margin-left: 30px; } .why-choos-lg { position: relative; } .why-choos-lg:before { content: ""; background: url(../../../../20240127230934im_/http_/stradeinfotech.in/images/shape/dot_bg.html); position: absolute; width: 100%; height: 100%; top: 0; } .itm-media-object h4 { text-align: left; } .srvc-bg-nx { background: #fff; overflow: hidden; border-radius: 6px; margin: 0 10px; height: 240px; -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); } .about-sec-rpb { background: #fff8f2; } .about-sec-rpb.pad-tb { padding-bottom: 200px; } .badges-content { text-align: center; } .badges-content p { font-size: 15px; line-height: 22px; padding: 0 50px; margin-top: 10px; } .w-txt h2 { color: #fff; } .common-heading.w-txt > span { color: #fff; } .-service-list li:first-child { padding-left: 0; } .-service-list li { text-transform: uppercase; list-style: none; padding: 0 8px; border-right: 1px solid #d4d4d4; display: inline-block; } .-service-list li:last-child { border-right: none; } .service-sec-list p { font-size: 15px; line-height: 24px; margin: 14px 0 0; } .-service-list li a { font-size: 13px; color: #6a6a8e; text-transform: uppercase; text-decoration: none; padding-bottom: 5px; display: inline-block; font-weight: 700; } .link-prb { display: block; } .col-lg-6-cus { width: 40%; } .col-lg-3-cus { width: 30%; } .mt30- { margin-top: 20px; } .text-w, .text-w a, .text-w h1, .text-w h2, .text-w h3, .text-w h4, .text-w h5, .text-w h6 { color: #fff; } .service-section-prb { position: relative; margin-top: -200px; } .bg-shape-dez { position: relative; } .bg-shape-dez::after, .bg-shape-dez::before { position: absolute; z-index: 0; content: ""; width: 50%; height: 50%; background: #007bff; background: -webkit-linear-gradient(left, #007bff 0, #ff1f8e 100%); background: linear-gradient(to right, #007bff 0, #ff1f8e 100%); } .bg-shape-dez::after { top: -10px; right: -10px; border-radius: 0 8px 0 0; } .single-image img { position: relative; z-index: 5; border-radius: 8px; } .bg-shape-dez::before { bottom: -10px; left: -10px; border-radius: 0 0 0 8px; } .single-image img { position: relative; z-index: 5; border-radius: 8px; } .srcl1 { background: #f3f5ff; border-bottom: 4px solid #b0bdff; } .srcl2 { background: #fff3e6; border-bottom: 4px solid #ffc093; } .srcl3 { background: #fbeefd; border-bottom: 4px solid #f6bcff; } .srcl4 { background: #effdff; border-bottom: 4px solid #9ff3ff; } .srcl5 { background: #fbfff1; border-bottom: 4px solid #ffdaa2; } .service-sec-list p { display: none; } .service-sec-list { padding: 52px 25px; } .service-sec-brp { padding: 30px 25px; } .service-sec-list img { -moz-transition: width 0.5s, height 0.5s; -webkit-transition: width 0.5s, height 0.5s; transition: width 0.5s, height 0.5s; height: 60px; width: 60px; margin-bottom: 10px; } .service-sec-list:hover { padding: 25px; } .service-sec-list:hover img { height: 0; width: 60px; } .service-sec-list:hover p { display: block; } .service-sec-list, .service-sec-list:hover, .service-sec-list:hover p { -moz-transition: all 0.8s; -o-transition: all 0.8s; -webkit-transition: all 0.8s; transition: all 0.8s; } .-cta-btn { margin: 0 auto; display: inline-block; text-align: center; width: 100%; } .-cta-btn p { font-size: 30px; color: #050748; margin: 0 30px 0 0; } .-cta-btn p span { font-weight: 700; } .free-cta-title { display: inline-flex; } .key-block.shadow-box { padding: 15px; margin-bottom: 20px; border-top: 3px solid #a241bb; transition: all 0.3s ease-out 0s; } .key-icon { margin-right: 15px; float: left; } .clients-logos ul li p { font-size: 12px; padding-top: 0.5em; letter-spacing: 0; font-weight: 300; color: #959595; } .clients-logos ul li { display: inline-block; padding: 30px 0 0; } .brand-logo { max-width: 180px; margin: 0 auto; padding: 10px; } .video-review { border-radius: 8px; overflow: hidden; } .video-review a { position: relative; display: inline-block; } .video-review a:after { content: ""; display: block; position: absolute; left: 0; top: 0; opacity: 1; width: 100%; height: 100%; z-index: 5; background: -moz-linear-gradient( top, rgb(30, 87, 153, 0) 0, rgb(32, 124, 202, 0) 70%, rgb(0, 0, 0, 0.5) 100% ); background: -webkit-linear-gradient( top, rgb(30, 87, 153, 0) 0, rgb(32, 124, 202, 0) 70%, rgb(0, 0, 0, 0.5) 100% ); background: linear-gradient( to bottom, rgba(30, 87, 153, 0) 0, rgba(32, 124, 202, 0) 70%, rgba(0, 0, 0, 0.5) 100% ); } .review-vid-details { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 10px; position: absolute; bottom: 0; z-index: 10; } .review-vid-details p { font-weight: 700; color: #fff; font-size: 20px; } .-vid-ico { min-width: 40px; min-height: 40px; display: inline-flex; background: #fff; border-radius: 1000px; transition: all 0.3s ease-in-out 0s; cursor: pointer; outline: 0; position: relative; padding: 10px; align-items: center; } .triangle-play2 { width: 0; height: 0; border-top: 7px solid transparent; border-left: 12px solid #ff2d8d; border-bottom: 7px solid transparent; text-align: center; margin: 0 auto; } .rount-btn { width: 52px; height: 52px; padding: 0; text-align: center; font-size: 18px; border: 2px solid #dcdcdc; } .review-ref { display: flex; align-items: center; justify-content: space-around; } .review-icons a { display: inline-block; padding: 0 20px; } .bg-none { background: 0 0; } .img-with-shape { position: relative; text-align: center; } .dg-hero-img0 { border-radius: 8px; transform: translateZ(60px); position: relative; z-index: 9; } .dg-hero-shp1a { top: 0; left: 0; } .dg-hero-shp1 { top: -50px; left: 0; } .dg-hero-shp2 { transform: translatez(80px); top: 40%; z-index: 999; left: 0; max-width: 120px; } .dg-hero-shp3 { bottom: -80px; right: 0; } .shape-dg-1 { position: absolute; } .dark-main .-content-sec .title-hero-oth p, .dark-main .footer-address-list li a, .dark-main .post-social a, .dark-main a, .dark-main p { color: #a2a2a2; } .dark-main .entry-blog-post a, .dark-main .isotope_item h4 a, .dark-main .link-reviewrr a, .dark-main .review-vid-details p, .dark-main .single-blog-info- h4 a, .dark-main .statistics span, .dark-main .title-hero-oth p, .dark-main h1, .dark-main h2, .dark-main h3, .dark-main h4, .dark-main h5, .dark-main h6 { color: #e6e6e6; } .dark-main a.bg-btn, .dark-main a.lnk { color: #fff; } .dark-main input, .dark-main textarea { box-shadow: none; } .dark-main .s-block { background: #1d1d1d; border: 1px solid #1d1d1d; } .dark-main .single-blog-post- { background: #1d1d1d; border: 1px solid #1d1d1d; } .dark-main .post-social { border-top: 1px solid #2b2b2b; } .dark-main .blog-content-tt { border: 0 solid #ececec; } .f-weight .-cta-btn p span { font-weight: 900; } p.video-lab-- { color: #6a6a8e; } .mr25 { margin-right: 25px; } .dg-bg2 { background-image: -moz-linear-gradient( 45deg, #ff3870 0, #ff3870 50%, #c300c3 100% ) !important; background-image: -webkit-linear-gradient( 45deg, #ff3870 0, #ff3870 50%, #c300c3 100% ) !important; background-image: linear-gradient( 45deg, #ff0048 0, #ff3870 50%, #c300c3 100% ) !important; } .hero-digital-agency-1 p { color: #bdbfca; } .hero-digital-agency-1 .header-heading h1 { font-size: 80px; line-height: 90px; font-weight: 900; } .-content-sec .triangle-play { border-left: 25px solid #fff; } .-content-sec a.play-video::after { border: 6px solid #ff2d8d; } .-content-sec a.play-video { background: #ff2d8d; } .-content-sec .title-hero-oth p { font-size: 18px; color: #6a6a8e; margin: 0 0 0 20px; text-transform: capitalize; } .dg-btn { background-color: transparent; border: 1px solid #fff; } .dg-bg { background-color: #202020; } .dg-bg--1 { background-color: #111; } .dg-bg--2 { background-color: #171717; } .dg-clients-section .opl ul li { display: inline-block; padding: 30px 0 0; } .dg-clients-section .opl ul li p { font-size: 12px; padding-top: 0.5em; letter-spacing: 0; font-weight: 300; color: #959595; } .dg-testinomial-section .owl-carousel .owl-dots { position: absolute; bottom: 0; right: 0; text-align: right; background: 0 0; width: 100px; margin: 0; height: 50px; padding: 25px 0 0; } .quote-css { font-size: 45px; padding: 0 20px 0 0; color: #909090; } .video-testimonial { display: flex; } .dg-statistics-section .statistics span { font-size: 45px; font-weight: 900; } .common-heading-2 { padding: 0; text-align: center; position: relative; z-index: 10; } .common-heading-2 h2 { font-weight: 900; } .common-heading-2 > span { color: #e60072; text-transform: uppercase; letter-spacing: 0.5px; font-size: 16px; font-weight: 400; margin: 0 0 15px; display: block; font-weight: 900; } .itm-media-object .media img { width: 100%; } .itm-media-object .media .img-ab- { background: #f5f5f5; border-radius: 8px; width: 65px; padding: 10px; } .overlay-- .s-block { background: #222; border: 1px solid #222; padding: 30px; overflow: hidden; } .ovr-bg1 .ovr-base:before { content: ""; background: -webkit-linear-gradient( 45deg, #ff0048 0, #ff3870 50%, #c300c3 100% ); background: linear-gradient(45deg, #ff0048 0, #ff3870 50%, #c300c3 100%); width: 100%; height: 100%; position: absolute; top: 0; right: 0; left: 0; opacity: 0; } .nn-card-set { position: relative; z-index: 5; overflow: hidden; } .ho-gdnt .s-block:hover:before { opacity: 1; } .ho-gdnt .s-block { overflow: hidden; } .ho-gdnt .ovr-base:before { -webkit-transition: 0.8s cubic-bezier(0.17, 0.85, 0.438, 0.99); -o-transition: 0.8s cubic-bezier(0.17, 0.85, 0.438, 0.99); transition: 0.8s cubic-bezier(0.17, 0.85, 0.438, 0.99); } .ho-gdnt .s-block:hover a, .ho-gdnt .s-block:hover h4, .ho-gdnt .s-block:hover p { color: #fff; } .dg2-main .isotope_item h4 a { color: #fff; } .up-hor:hover { transform: translateY(-7.5px); } .h-scl- .h-scl-base { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .h-scl-:hover .h-scl-base { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .h-scl-:hover .h-scl-base img { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); } .h-scl- .h-scl-base { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .bd-hor .bd-hor-base:after, .h-scl- .h-scl-base, .h-scl-base img, .up-hor { -webkit-transition: 1.2s cubic-bezier(0.17, 0.85, 0.438, 0.99); -o-transition: 1.2s cubic-bezier(0.17, 0.85, 0.438, 0.99); transition: 1.2s cubic-bezier(0.17, 0.85, 0.438, 0.99); } .itm-media-object h4 { text-align: left; margin-bottom: 10px; } .single-blog-post- { border-radius: 8px; background: #fff; } .single-blog-img- img { border-radius: 8px 8px 0 0; } .single-blog-img- { position: relative; } .entry-blog-post { border-radius: 100px; padding: 10px 15px; margin: 0 20px; position: absolute; bottom: -18px; right: 0; left: 0; justify-content: space-between; display: flex; } .entry-blog-post a { color: #fff; font-size: 14px; } .single-blog-info- h4 { margin-bottom: 18px; } .single-blog-info- h4 a { color: #050748; } .post-social { margin: 30px 0 0; border-top: 1px solid #dadada; padding-top: 30px; } .post-social a { color: #6a6a8e; display: inline-block; padding: 0 10px 0 0; } .blog-content-tt { padding: 45px 25px 25px; border: 1px solid #ececec; border-top: 0; border-radius: 0 0 8px 8px; } .link-reviewrr { margin: 30px 0 0; } .link-reviewrr a { display: block; padding: 0 0 4px; color: #6a6a8e; } .dark-footer, .dark-footer .ff-social-icons a, .dark-footer .footer-address-list li a, .dark-footer .footer-address-list li p, .dark-footer .footer-address-list li > span, .dark-footer .footer-link-- li a { color: #a2a2a2; } .dark-footer h5 { color: #e6e6e6; } .dg2-main .footer-address-list li a { color: #bdbfca; } .footer-copyrights- a { color: #bdbfca; } .footer-link-- { text-align: right; } .footer-link-- li { display: inline-block; } .footer-link-- li a { color: #bdbfca; margin-left: 15px; font-size: 16px; } .end-footer- { border-top: 1px solid rgba(237, 237, 237, 0.05); margin-top: 70px; padding: 35px 0; } .ff-social-icons a { color: #fff; padding: 0 20px 0 0; font-size: 18px; } .video-bg- { background: #000; } .full-video { position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0.3; } .email-subs-form .form-cta { align-items: center; justify-content: center; display: flex; } .hero-creative-agenc1 { background-size: cover; background-position: center center; } .hero-creative-agenc1 .header-heading h1 { font-weight: 900; } .ovr-bg2 .ovr-base:before { content: ""; background: -webkit-linear-gradient( 135deg, #fc00c7 0, #1c4efd 54%, #00aded 100% ); background: linear-gradient(135deg, #fc00c7 0, #1c4efd 54%, #00aded 100%); width: 100%; height: 100%; position: absolute; top: 0; right: 0; left: 0; opacity: 0; } .sec-dark h2, .sec-dark h4, .sec-dark h5 { color: #fff; } .sec-dark p { color: #bdbfca; } .hero-creative-agenc2 .container { max-width: 1320px; } .img-design { display: inline-flex; align-items: center; } .ag-dg1 { z-index: 1; border-radius: 8px 8px 8px 100px; min-width: 100%; top: 0; left: 30px; position: relative; } .ag-dg2 { z-index: 0; border-radius: 8px 8px 100px 8px; bottom: 0; right: 30px; min-width: 100%; position: relative; } .shpdzz { position: absolute; } .shpdez1 { width: 90px; height: 90px; background: #ffc107; border-radius: 100px 100px 0 100px; left: 0; bottom: 0; } .shpdez2 { width: 140px; height: 140px; background: #00bcd4; border-radius: 0 100px 100px 100px; left: 0; top: 0; z-index: 5; } .shpdez3 { width: 40px; height: 40px; background: #4caf50; border-radius: 100px 0 100px 100px; left: 160px; top: 0; } .shpdez4 { width: 140px; height: 80px; background: #ff6c89; border-radius: 100px; left: 130px; bottom: 0; z-index: 5; } .img-block-ca2 .abt-ca2 { border-radius: 100px 0 100px 0; position: relative; z-index: 5; width: 80%; } .img-block-ca2 .dot-sp-ca2 { position: relative; z-index: 0; } .div-portfolio- { background: #1d1d1d; padding: 60px; border-radius: 8px; } .itm-tag { font-weight: 700; font-style: italic; } .div-item-image img { border-radius: 8px; width: inherit !important; margin: 0 auto; } .porto-slide .owl-dots { text-align: center; margin-top: 30px; } .img-ca2set { max-height: 370px; overflow: hidden; border-radius: 8px; } .aa a:hover { color: #ff1f8e !important; } .bd-hor .bd-hor-base { overflow: hidden; } .bd-hor .bd-hor-base:hover:after { width: 100%; overflow: hidden; } .bd-hor .bd-hor-base:after { content: ""; position: absolute; left: 0; width: 0%; bottom: 0; height: 4px; background: -webkit-linear-gradient( -45deg, #fc00c7 0, #1c4efd 54%, #00aded 100% ); background: linear-gradient(135deg, #9100ff 0, #3663ff 54%, #00e2ff 100%); } .dot-c1 { position: absolute; width: 80px; height: 80px; border-radius: 100px; border: 0; } .dot-c1 img { width: 70px; border-radius: 100px; } .tcc1 { background: #ffc107; width: 130px; text-align: left; padding-left: 5px; border-radius: 100px 100px 100px 100px; } .tcc2 { background: #f44336; right: 0; width: 120px; text-align: right; padding-right: 5px; border-radius: 0 100px 100px 0; } .tcc3 { background: #00bcd4; right: 120px; width: 130px; top: 200px; border-radius: 100px 8px 100px 100px; text-align: left; padding-left: 5px; } .tcc4 { background: #ff6c89; left: 150px; top: 110px; width: 150px; border-radius: 100px 100px 100px 8px; text-align: right; padding-right: 5px; } .tcc5 { background: #4caf50; right: 0; bottom: 0; border-radius: 100px 100px 100px 8px; width: 130px; text-align: right; padding-right: 5px; } .tcc6 { background: #9c27b0; bottom: 0; left: 10%; width: 150px; text-align: left; padding-left: 5px; border-radius: 100px 8px 100px 100px; } .dot-c1.active { box-shadow: 6px 6px 0 rgb(255 255 255/0.5); } .instagram-post .thumb { overflow: hidden; } .instagram-post { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 5px; } .minimal-portfolio { background-repeat: no-repeat; background-position: center center; background-size: contain; } .minimal-portfolio .dzname { font-size: 22px; line-height: 30px; font-weight: 700; } h3 a { color: #050748; } .br-blog-post- { position: relative; } .link-blog-post a { position: absolute; right: 0; bottom: 0; padding: 20px; background: #fff; color: #050748; font-weight: 600; } .btn-flnc { align-items: flex-end; display: flex; } .post-newsltr .owl-stage { padding-left: 0 !important; } .bg-light-f7 { background: #f7f7f7; } .img-hro img { border-radius: 8px; } .mobile-app- { background-image: -moz-linear-gradient( 45deg, #9217de 0, #4775ff 50%, #00b6d4 100% ); background-image: -webkit-linear-gradient( 45deg, #9217de 0, #4775ff 50%, #00b6d4 100% ); background-image: linear-gradient( 45deg, #4a0079 0, #4202b2 50%, #4400b1 100% ); } .hero-heading-sec2 h1 { color: #fff; font-size: 55px; line-height: 67px; font-weight: 900; display: inline-block; background: linear-gradient( 90deg, #af6dff 0, #ff448e 25%, #ff9d57 50%, #ff38d3 75%, #00ffdc 100% ); background-size: cover; background-position: center; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; } .hero-heading-sec2 > p { color: #fff000; font-size: 18px; margin: 40px 0; } .wide-sblock { display: inline-flex; text-align: left; padding: 30px 20px; } .img100w { max-width: 100% !important; width: auto !important; } .funfct { box-shadow: 0 11px 20px rgb(123 149 162/15%); line-height: 26px; padding: 30px; border-radius: 8px 8px 8px 40px; margin-top: 30px; position: relative; text-align: center; } .funfct p { font-weight: 600; color: #6a6a8e; } .funfct img { width: 65px; margin: 0 auto 15px; display: block; } .funfct .services-cuntr { display: inline-block; font-weight: 900; font-size: 30px; color: #050748; padding: 15px 0; } .about-sec-app { background: url(../../../../20240127230934im_/http_/stradeinfotech.in/images/shape/bg-light2.html); background-size: contain; background-repeat: repeat-x; background-position: center center; } .service-section-app { background: url(../../../../20240127230934im_/http_/stradeinfotech.in/images/shape/wave-bg.html); background-size: contain; background-repeat: repeat-x; background-position: center bottom; position: relative; } .-service-list li:first-child { padding-left: 0; } .-service-list li { text-transform: uppercase; list-style: none; padding: 0 8px; border-right: 1px solid #d4d4d4; display: inline-block; } .link-prbs { display: block; color: #6a6a8e; font-size: 16px; font-family: Poppins, sans-serif; } .tec-icon ul li .img-iconbb { display: inline-flex; border-radius: 100%; background: #f5f7ff; width: 60px; height: 60px; align-items: center; } .tec-icon ul li img { width: 40px; margin: 0 auto; } .tec-icon ul li { display: inline-block; margin: 0 10px 0 0; } .service-card-app { display: block; background: #fff; box-shadow: 0 11px 20px rgb(123 149 162/15%); font-weight: 400; font-size: 14px; padding: 30px; border-radius: 40px 8px 40px 8px; } .servc-icon-sldr { display: flex; } .clients-section-app { background: #4302ae; } .item-info-div { background: #fff; padding: 15px; position: relative; top: -40px; width: 95%; border-radius: 40px 8px 8px 8px; margin: 0 auto; text-align: center; } .item-info-div h4 { margin: 0; } .industry-workfor { background: #fff; padding: 15px 20px; border-radius: 8px; margin-top: 30px; display: flex; align-items: center; } .hoshd:hover { box-shadow: 0 15px 39px -11px #46638e45; transform: translate(0, -5px); } .industry-workfor img { width: 55px; } .industry-workfor h6 { margin: 0 0 0 15px; } .tcd { display: block; background: #fff; box-shadow: 0 11px 20px rgb(123 149 162/15%); font-weight: 400; font-size: 14px; padding: 60px 30px; border-radius: 40px 8px 8px 8px; } .posiqut { position: absolute; right: 10px; bottom: 10px; font-size: 60px; color: #00f2a6; } .pl50 { padding-left: 50px !important; } .tcd .owl-dots { position: absolute; bottom: 0; right: 0; text-align: right; margin: 15px; } .app-cta { background: #4301b2; position: relative; overflow: hidden; } .shape-c1 { background: 0 0; width: 200px; height: 200px; border-radius: 100px 100px 100px 100px; border: 6px solid #f8d873; } .shape-c2 { background: 0 0; width: 200px; height: 200px; border-radius: 100px 100px 100px 30px; border: 6px solid #00f2a6; right: -20px; top: -70px; } .shape-c3 { background: 0 0; width: 100px; height: 100px; border-radius: 100px 100px 100px 30px; border: 6px solid #fff; right: 90px; bottom: -20px; } .apppg .brand-logo { max-width: 180px; margin: 0 auto; padding: 10px; background: #fff; border-radius: 8px; } .apppg li p { color: #fff; margin: 10px 0 0; } .info-text-div { padding: 20px; background: #fff; box-shadow: 0 20px 30px -20px rgb(0 21 167/20%); border-radius: 8px 8px 8px 8px; border-bottom: 5px solid #b0bdff; } .landscp { text-align: center; background: #fbfbfb; } .sctxt { font-size: 90px; position: absolute; right: 0; left: 0; text-align: center; top: 0; font-weight: 900; text-transform: uppercase; -webkit-text-stroke: 1px #e8e8e8; -webkit-text-fill-color: #fff; } .business-startup { background: url(https://web.archive.org/web/20240127230934im_/http://stradeinfotech.in/images/hero/wave-hero.svg); background-repeat: no-repeat; background-position: center top; } .bg-light-ylo { background: #e9f5ff; } .up-curvs { position: absolute; right: 0; left: 0; top: -50px; } .bottom-curvs { position: absolute; right: 0; left: 0; bottom: -50px; } .bg-flat5 { background: #fff9f1; } .bg-flat6 { background: #fff3f3; } .login-form-div { max-width: 460px; margin: 0 auto; background: #fff; padding: 40px; border-radius: 8px; } .login-page { background: url(../../../../20240127230934im_/http_/stradeinfotech.in/images/shape/bg-rectangles-.html), #101010; display: flex; height: 100vh; } .fb-btn { line-height: 46px; background-color: #3b5998 !important; } .google-btn { line-height: 46px; background-color: #e94235 !important; } .closes { right: 8px; font-size: 35px; font-weight: 700; top: -2px; color: #d6d6d6; border: 0; background: 0 0; } .popup-modals .modal-dialog { max-width: 600px; } .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 30px; } @media (min-width: 1200px) { .shop-container { max-width: 1110px !important; } } .shop-tags-list li { display: inline-block; margin-top: 10px; margin-right: 2px; margin-left: 2px; } .shop-tags-list li a { display: inline-block; background-color: #fff; border: 1px solid #f2effc; box-shadow: 0 2px 8px 0 rgba(0, 0, 225, 0.08); color: #050748; padding: 12px 16px; border-radius: 30px; font-weight: 500; font-size: 14px; text-transform: capitalize; } .shop-tags-list li a.active { background-color: #436ad6; color: #fff; } .shop-tags-list { text-align: center; } .shop-tags-list li a span { display: inline-block; margin: 0 0 0 4px; } .main-shop-catte a { display: inline-block; background-color: #e2e2ef; border: 1px solid #f2effc; box-shadow: 0 2px 8px 0 rgba(0, 0, 225, 0.08); color: #050748; padding: 18px; border-radius: 30px; font-weight: 600; font-size: 14px; text-transform: capitalize; } .main-shop-catte a.active { background-color: #436ad6; color: #fff; } .main-shop-catte { text-align: center; } .shop-products-bhv { background: #fafafa; } .rpb-shop-items-dv { padding: 0; margin: 0; border: 0; text-align: inherit; } .rpb-shop-items-dv a { padding: 0; margin: 0; } .rpb-shop-items-info { padding: 16px; } .rpb-shop-items-tittl h3 { font-size: 16px; line-height: 1; } .rpb-shop-items-tittl h3 a { white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; font-size: 16px; line-height: 24px; } .rpb-shop-items-tittl p.tags-itmm { font-size: 14px; line-height: 22px; margin: 0; padding: 0; color: #6a6a8e; } .rpb-shop-items-flex { display: flex; justify-content: space-between; margin-top: 20px; } .rpb-itm-pric span.regular-prz { font-size: 20px; font-weight: 100; color: #6a6a8e; text-decoration: line-through; margin: 0 0 0 6px; } .rpb-itm-pric span.offer-prz { font-size: 20px; font-weight: 700; color: #050748; } .rpb-tim-rate ul li a { margin: 0; padding: 0; font-size: 13px; } .rpb-tim-rate ul li { margin: 0; } .rpb-tim-rate { margin-top: 5px; } .rpb-itm-sale { margin-top: 10px; display: block; font-size: 14px; } .rpb-shop-inf-rr { align-items: flex-end; display: flex; } .rpb-shop-inf-rr a.rpb-shop-prev { display: inline-block; background-color: #fff; border: 1px solid #f2effc; box-shadow: 0 2px 8px 0 rgba(0, 0, 225, 0.08); color: #050748; padding: 12px 16px; border-radius: 30px; font-weight: 500; font-size: 14px; text-transform: capitalize; } .pagination { display: -ms-flexbox; display: flow-root; list-style: none; border-radius: 0.25rem; margin: 60px 0 0; text-align: center; } .pagination a { display: inline-block; padding: 10px 18px; color: #222; } .pagi1 a { width: 40px; height: 40px; line-height: 40px; padding: 0; text-align: center; } .pagi1 a.is-active { background-color: #436ad6; border-radius: 100%; color: #fff; } .rpb-shop-prevw { margin-bottom: 40px; background-color: #f6f6f7; padding: 20px; } .tab-17 .nav-tabs { background: #f6f6f7; padding: 0 15px; } .tab-17.tabs-layout .nav-tabs .nav-link.active { color: #6a6a8e; background-color: transparent; border-color: transparent; border-radius: 0; border-bottom: 2px solid #ff358d; } .tab-17.tabs-layout .nav-tabs .nav-link { border: 0 solid transparent; color: #6a6a8e; background-color: transparent; border-radius: 0; padding: 15px; border-bottom: 2px solid #f6f6f7; } .badges { display: inline-block; padding: 0.25em 0.4em; font-size: 50%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .rpb-item-review .reviews-card { position: relative; z-index: 9; background: #f6f6f7; padding: 25px; border-radius: 8px; margin-bottom: 20px; } .rpb-item-infodv { margin-bottom: 40px; background-color: #f6f6f7; padding: 20px; } .nx-rt { float: right; font-size: 15px; width: 60%; text-align: right; } .rpb-item-infodv ul li strong { color: #050748; font-size: 15px; float: left; width: 40%; } .rpb-item-infodv ul li + li { border-top: 1px solid #e0e0e0; } .rpb-item-infodv ul li { padding: 15px 0; display: flow-root; } .btn-grp a { margin: 0 10px; } .div-for-data { border: 1px solid #e0e0e0; margin: 0; text-align: left; width: 100%; border-radius: 8px; background: #fff; border-collapse: separate; } .rpb-cart-table table.cart_table th { padding: 15px 20px; color: #050748; font-size: 17px; } .rpb-cart-table table.cart_table td { border-top: 1px solid #e0e0e0; padding: 15px 20px; font-size: 16px; font-weight: 500; color: #050748; } .rpb-cart-table table .product-thumbnail img { width: 60px; } .rpb-cart-table table .product-name a { color: #050748; } .rpb-cart-table a.remove { display: block; font-size: 24px; height: 25px; width: 25px; text-align: center; line-height: 25px; border-radius: 100%; color: red !important; text-decoration: none; font-weight: 700; border: 0; background: #efefef; } .update-cart { text-align: right; } .cart-pg-coupon input { width: 180px; height: 45px; padding: 0 10px; margin: 0; color: #172b43; font-size: 16px; outline: 0; background: #fff; border: 1px solid #e6e6e6; -webkit-border-radius: 8px; border-radius: 8px; } button.smllbtnn { line-height: 45px; color: #fff; border-radius: 8px; padding: 0 20px; border: 0; } .cart-extra-sevc { padding: 20px; } .post-info h5 a { color: #050748; font-size: 16px; } .mt5 { margin-top: 5px; } table { color: #050748; } table.border { border-radius: 8px; } .btn-small { font-size: 15px; font-weight: 400; padding: 0 20px; line-height: 35px; } .media + .media { margin-top: 20px; } .map-div iframe { width: 100%; height: 200px; border: 0; } .contact2dv { background: #e7fbff; padding: 30px; } .info-wrapr .dbox p span { color: #6a6a8e; font-size: 20px; display: block; text-transform: capitalize; font-weight: 700; } .info-wrapr .dbox { width: 100%; color: #6a6a8e; margin-bottom: 25px; } .info-wrapr .icon i { font-size: 25px; } .info-wrapr .text a { color: #6a6a8e; } .pr30 { padding-right: 30px; } .pl30 { padding-left: 30px; } .addtocart { width: 20px; height: 20px; background: #fafafa; display: block; position: absolute; top: 1px; right: -6px; line-height: 20px; border-radius: 100%; color: #050748; box-shadow: 0 5px 10px rgb(93 0 39/44%); font-size: 14px; font-weight: 700; } .custom-file-input:focus ~ .custom-file-label { border-color: #ced4da; box-shadow: none; } .dropcap { float: left; font-size: 45px; line-height: 1; padding-right: 10px; text-transform: uppercase; } .list-style- { padding: 0 0 0 20px; text-align: left; } .list-style- li { line-height: 32px; list-style-type: circle; } .img-ctr { text-align: center; display: block; } .footer-link-v2 li { display: inline-flex; padding: 0 15px; } .footer-badges- { display: flex; justify-content: space-between; } .footer-badges- li { display: inline-block; } .footer-badges- li a img { width: 150px; } .footer-brands { background: #f8f9fa; padding: 30px 0; } .single-blog- img { height: 70px; width: 70px; display: block; border-radius: 8px; } .single-blog- .post-meta i { margin: 0 5px 0 0; } .single-blog- .post-meta { font-size: 13px; } .single-blog- .content .title { line-height: 20px; font-size: 15px; } .single-blog- .content .title a { color: #050748; } .single-blog- .content .title a:hover { color: #ff1f8e; } .post-thumb { margin-right: 15px; } .single-blog- { display: inline-flex; } .footer-blog- .single-blog-:last-child { margin-top: 20px; } .icon-card- { text-align: center; background: #fff; border: 1px solid #eaeaea; border-radius: 8px; padding: 15px; } .icon-card- img { width: 60px; } .icon-card- h4 { margin: 20px 0; } .onloadpage { position: fixed; z-index: 99999999; top: 0; right: 0; bottom: 0; left: 0; display: block; background: #fff; } .onloadpage .pre-content { top: 50%; position: relative; right: 0; left: 0; text-align: center; transform: translateY(-50%); } .onloadpage .pre-text- { font-size: 18px; line-height: 28px; font-weight: 600; width: 30%; margin: 0 auto; } .onloadpage .pre-text- span { display: block; } .logo-pre { background: linear-gradient(to bottom, #fffce9 0, #ffe1ec 100%); border-radius: 50%; height: 100px; width: 100px; box-shadow: 0 0 0 0 rgb(0 0 0/0%); animation: pulse 2s infinite; margin: 0 auto 30px; display: flex; align-items: center; padding: 8px; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); } 70% { box-shadow: 0 0 0 30px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } } .tilt-3d .base { transform-style: preserve-3d; transform: perspective(1000px); } .tilt-3d .layer { transform: translateZ(20px); } .shdo { -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); } .-shadow { -webkit-box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #fff; box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #fff; } a.disabled { pointer-events: none; cursor: default; opacity: 0.4; } h1 { font-size: 45px; line-height: 57px; } h2 { font-size: 40px; line-height: 52px; } h3 { font-size: 34px; line-height: 46px; } h4 { font-size: 22px; line-height: 32px; } h5 { font-size: 20px; line-height: 30px; } h6 { font-size: 16px; line-height: 26px; } p { font-size: 17px; line-height: 28px; } .pad-tb { padding-top: 100px; padding-bottom: 100px; } .pr--100 { padding-right: 100px; } .pl--100 { padding-left: 100px; } .pl--50 { padding-left: 50px; } .pr--50 { padding-right: 50px; } .mr15 { margin-right: 15px; } html .pl5 { padding-left: 5px !important; } html .pt0 { padding-top: 0; } html .pm0 { padding-bottom: 0; } html .mt0 { margin-top: 0; } html .mb0 { margin-bottom: 0; } html .mt10 { margin-top: 10px; } html .ml10 { margin-left: 10px; } html .mt20 { margin-top: 20px; } html .mt30 { margin-top: 30px; } html .mt40 { margin-top: 40px; } html .mt50 { margin-top: 50px; } html .mt60 { margin-top: 60px; } html .mt70 { margin-top: 70px; } html .mt80 { margin-top: 80px; } html .mt90 { margin-top: 90px; } html .mt100 { margin-top: 100px; } html .mb10 { margin-bottom: 10px; } html .mb20 { margin-bottom: 20px; } html .mb25 { margin-bottom: 25px; } html .mb30 { margin-bottom: 30px; } html .mb40 { margin-bottom: 40px; } html .mb50 { margin-bottom: 50px; } html .mb60 { margin-bottom: 60px; } html .mb70 { margin-bottom: 70px; } html .mb80 { margin-bottom: 80px; } html .mb90 { margin-bottom: 90px; } html .mb100 { margin-bottom: 100px; } html .m0 { margin: 0 !important; } html .p0 { padding: 0 !important; } html .pt10 { padding-top: 10px; } html .pt20 { padding-top: 20px; } html .pt30 { padding-top: 30px; } html .pt40 { padding-top: 40px; } html .pt50 { padding-top: 50px; } html .pt60 { padding-top: 60px; } html .pt70 { padding-top: 70px; } html .pt80 { padding-top: 80px; } html .pt90 { padding-top: 90px; } html .pt100 { padding-top: 100px; } html .pt110 { padding-top: 110px; } html .pt120 { padding-top: 120px; } html .pt130 { padding-top: 130px; } html .pt140 { padding-top: 140px; } html .pb10 { padding-bottom: 10px; } html .pb20 { padding-bottom: 20px; } html .pb30 { padding-bottom: 30px; } html .pb40 { padding-bottom: 40px; } html .pb50 { padding-bottom: 50px; } html .pb60 { padding-bottom: 60px; } html .pb70 { padding-bottom: 70px; } html .pb80 { padding-bottom: 80px; } html .pb90 { padding-bottom: 90px; } html .pb100 { padding-bottom: 100px; } html .pb110 { padding-bottom: 110px; } html .pb120 { padding-bottom: 120px; } html .pb130 { padding-bottom: 130px; } html .pb140 { padding-bottom: 140px; } .badge-warning { color: #212529; background-color: #ffc107; text-align: center; display: inline; } .xhighlight { display: block; color: #ff2c8e; } .pl25 { padding-left: 25px !important; } .pr25 { padding-right: 25px !important; } .text-effect-1 { background-image: -moz-linear-gradient( 45deg, #ff3870 0, #ff3870 50%, #c300c3 100% ); background-image: -webkit-linear-gradient( 45deg, #ff3870 0, #ff3870 50%, #c300c3 100% ); background-image: linear-gradient( 45deg, #ff3870 0, #ff3870 50%, #c300c3 100% ); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .text-effect-2 { background: #fc00c7; background-image: -moz-linear-gradient( -45deg, #fc00c7 0, #1c4efd 54%, #00aded 100% ); background-image: -webkit-linear-gradient( -45deg, #fc00c7 0, #1c4efd 54%, #00aded 100% ); background-image: linear-gradient( 135deg, #fc00c7 0, #1c4efd 54%, #00aded 100% ); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .bg-btn { background: #ffbd84; background: -moz-linear-gradient(left, #ffbd84 0, #ff1f8e 100%); background: -webkit-linear-gradient(left, #ffbd84 0, #ff1f8e 100%); background: linear-gradient(to right, #ffbd84 0, #ff1f8e 100%); -webkit-box-shadow: 0 10px 15px 0 rgba(175, 0, 87, 0.2); box-shadow: 0 10px 15px 0 rgba(175, 0, 87, 0.2); } .bg-btn2 { background: #f92c8b; background: -moz-linear-gradient(left, #f92c8b 0, #b02cd6 100%); background: -webkit-linear-gradient(left, #f92c8b 0, #b02cd6 100%); background: linear-gradient(to right, #f92c8b 0, #b02cd6 100%); -webkit-box-shadow: 0 10px 15px 0 rgba(175, 0, 202, 0.2); box-shadow: 0 10px 15px 0 rgba(175, 0, 202, 0.2); } .bg-btn3 { background: #673ab7; background: -moz-linear-gradient(left, #673ab7 0, #2196f3 100%); background: -webkit-linear-gradient(left, #673ab7 0, #2196f3 100%); background: linear-gradient(to right, #673ab7 0, #2196f3 100%); -webkit-box-shadow: 0 10px 15px 0 rgba(56, 0, 189, 0.2); box-shadow: 0 10px 15px 0 rgba(56, 0, 189, 0.2); } .bg-btn4 { background: 0 0; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #fff; } .bg-btn5 { background: #ff0048; background-image: -webkit-linear-gradient( 45deg, #ff3870 0, #ff3870 50%, #c300c3 100% ); background-image: linear-gradient( 45deg, #ff0048 0, #ff3870 50%, #c300c3 100% ); -webkit-box-shadow: 0 10px 15px 0 rgba(56, 0, 189, 0.2); box-shadow: 0 10px 15px 0 rgba(56, 0, 189, 0.2); } .bg-btn6 { background: #fc00c7; background: -moz-linear-gradient( -45deg, #fc00c7 0, #1c4efd 54%, #00aded 100% ); background: -webkit-linear-gradient( -45deg, #fc00c7 0, #1c4efd 54%, #00aded 100% ); background: linear-gradient(135deg, #fc00c7 0, #1c4efd 54%, #00aded 100%); } .bg-btn7 { background: #fc00c7; background: -moz-linear-gradient( -45deg, #fc00c7 0, #1c4efd 54%, #00aded 100% ); background: -webkit-linear-gradient( -45deg, #fc00c7 0, #1c4efd 54%, #00aded 100% ); background: linear-gradient(135deg, #9100ff 0, #3663ff 54%, #00e2ff 100%); -webkit-box-shadow: 0 10px 15px 0 rgba(56, 0, 189, 0.2); box-shadow: 0 10px 15px 0 rgb(0 49 189/0.2); } .hover-scale img { transform: scale(1); } .hover-scale:hover img { transform: scale(1.05); } .text-animation { font-weight: 700; color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: hue 6s infinite linear; } .bg-a { background-image: linear-gradient( to right, #ff1f8e 0, #ffbd84 36%, #ffbd84 65%, #ff1f8e 100% ); } .bg-b { background-image: linear-gradient( to right, #673ab7 0, #e91e63 36%, #e91e63 65%, #673ab7 100% ); } @keyframes slideIn { 0% { transform: translateY(1rem); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } 0% { transform: translateY(1rem); opacity: 0; } } @-webkit-keyframes slideIn { 0% { -webkit-transform: transform; -webkit-opacity: 0; } 100% { -webkit-transform: translateY(0); -webkit-opacity: 1; } 0% { -webkit-transform: translateY(1rem); -webkit-opacity: 0; } } @keyframes hue { from { background-position: 0 0; } to { background-position: 2000px 0; } } @keyframes arrowanim { 0% { transform: translate(0, 0); } 50% { transform: translate(8px, 0); } 100% { transform: translate(0, 0); } } @-webkit-keyframes arrowanim { 0% { transform: translate(0, 0); } 50% { transform: translate(8px, 0); } 100% { transform: translate(0, 0); } } @keyframes updonanim { 0% { transform: translate(0, 0); } 50% { transform: translate(0, 8px); } 100% { transform: translate(0, 0); } } @-webkit-keyframes updonanim { 0% { transform: translate(0, 0); } 50% { transform: translate(0, 8px); } 100% { transform: translate(0, 0); } } @keyframes border-transform { 0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45%; } 14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51%; } 28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51%; } 42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39%; } 56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30%; } 70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44%; } 84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65%; } } .lead-intro- img { animation: 3s infinite updonanim; -webkit-animation: 3s infinite updonanim; } .bg-gradient { background: #c7ecff; background: -moz-linear-gradient(top, #c7ecff 0, #f9efff 100%); background: -webkit-linear-gradient(top, #c7ecff 0, #f9efff 100%); background: linear-gradient(to bottom, #c7ecff 0, #f9efff 100%); } .bg-gradient1 { background: #ffe2e2; background: -moz-linear-gradient(top, #ffe2e2 0, #fff9f4 100%); background: -webkit-linear-gradient(top, #ffe2e2 0, #fff9f4 100%); background: linear-gradient(to bottom, #ffe2e2 0, #fff9f4 100%); } .bg-gradient2 { background: #fdffed; background: -moz-linear-gradient(top, #fdffed 0, #effff8 100%); background: -webkit-linear-gradient(top, #fdffed 0, #effff8 100%); background: linear-gradient(to bottom, #fdffed 0, #effff8 100%); } .bg-gradient3 { background: #e2f3ff; background: -moz-linear-gradient(top, #e2f3ff 0, #fffbef 100%); background: -webkit-linear-gradient(top, #e2f3ff 0, #fffbef 100%); background: linear-gradient(to bottom, #e2f3ff 0, #fffbef 100%); } .bg-gradient4 { background: #c1eeff; background: -moz-linear-gradient(top, #c1eeff 0, #f5faff 100%); background: -webkit-linear-gradient(top, #c1eeff 0, #f5faff 100%); background: linear-gradient(to bottom, #c1eeff 0, #f5faff 100%); } .bg-gradient5 { background: #fff6f3; background: -moz-linear-gradient(top, #fff6f3 0, #fffefb 100%); background: -webkit-linear-gradient(top, #fff6f3 0, #fffefb 100%); background: linear-gradient(to bottom, #fff6f3 0, #fffefb 100%); } .bg-gradient6 { background: #e8fffc; background: -moz-linear-gradient(top, #e8fffc 0, #fff4f4 100%); background: -webkit-linear-gradient(top, #e8fffc 0, #fff4f4 100%); background: linear-gradient(to bottom, #e8fffc 0, #fff4f4 100%); } .bg-gradient7 { background: #ffe2e2; background: -moz-linear-gradient(top, #ffe2e2 0, #fff9f4 100%); background: -webkit-linear-gradient(top, #ffe2e2 0, #fff9f4 100%); background: linear-gradient(to bottom, #ffe2e2 0, #fff9f4 100%); } .bg-gradient8 { background: #fff8fb; background: -moz-linear-gradient(top, #fff8fb 0, #d0fcf6 100%); background: -webkit-linear-gradient(top, #fff8fb 0, #d0fcf6 100%); background: linear-gradient(to bottom, #fff8fb 0, #d0fcf6 100%); } .bg-gradient9 { background: #e5ffee; background: -moz-linear-gradient(top, #ffe2e2 0, #fff9f4 100%); background: -webkit-linear-gradient(top, #ffe2e2 0, #fff9f4 100%); background: linear-gradient(to bottom, #e5ffee 0, #e2f6ff 100%); } .bg-gradient10 { background: #e4fffe; background: -moz-linear-gradient(top, #e4fffe 0, #ffedf3 100%); background: -webkit-linear-gradient(top, #e4fffe 0, #ffedf3 100%); background: linear-gradient(to bottom, #e4fffe 0, #ffedf3 100%); } .bg-gradient11 { background: #ff1f8e; background: -moz-linear-gradient(left, #ff1f8e 0, #007bff 100%); background: -webkit-linear-gradient(left, #ff1f8e 0, #007bff 100%); background: linear-gradient(to right, #ff1f8e 0, #007bff 100%); } .bg-gradient12 { background: #3f36b9; background: -moz-linear-gradient(left, #3f36b9 0, #20206b 100%); background: -webkit-linear-gradient(left, #3f36b9 0, #20206b 100%); background: linear-gradient(to right, #3f36b9 0, #20206b 100%); } .bg-gradient13 { background: #9c27b0; background: -moz-linear-gradient(left, #9c27b0 0, #673ab7 100%); background: -webkit-linear-gradient(left, #9c27b0 0, #673ab7 100%); background: linear-gradient(to right, #9c27b0 0, #673ab7 100%); } .bg-gradient14 { background: #ff2d8d; background: -moz-linear-gradient(top, #ff2d8d 0, #653db9 100%); background: -webkit-linear-gradient(top, #ff2d8d 0, #653db9 100%); background: linear-gradient(to bottom, #ff2d8d 0, #653db9 100%); } .bg-gradient15 { background: #fffdf2; background: -moz-linear-gradient(top, #fffdf2 0, #ffeff5 100%); background: -webkit-linear-gradient(top, #fffdf2 0, #ffeff5 100%); background: linear-gradient(to bottom, #fffdf2 0, #ffeff5 100%); } .bg-gradient16 { background-image: -moz-linear-gradient( 45deg, #9217de 0, #4775ff 50%, #00b6d4 100% ); background-image: -webkit-linear-gradient( 45deg, #9217de 0, #4775ff 50%, #00b6d4 100% ); background-image: linear-gradient( 45deg, #9217de 0, #4775ff 50%, #00b6d4 100% ); } .bg-flat1 { background: #f5f5f5; } .classic-bg1 { background: #fffef9; } .classic-bg2 { background: #f3fffe; } .classic-bg3 { background: #fef9ff; } .classic-bg4 { background: #3f36b9; } .classic-bg5 { background: #fffef4; } .mobile-menu2 { display: none; } .mobile-menu2 .navm- { margin: 0 0 0 10px; } .mob-nav2 { display: flex; } .mob-nav2 li { position: relative; } html.hc-nav-yscroll { overflow-y: scroll; } body.hc-nav-open { overflow: visible; position: relative; width: 100%; min-height: 100%; } .hc-offcanvas-nav { visibility: hidden; display: none; position: fixed; top: 0; height: 100%; z-index: 9999999; } .hc-offcanvas-nav.is-ios * { cursor: pointer !important; } .hc-offcanvas-nav .nav-container { position: fixed; z-index: 9998; top: 0; height: 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; transition: transform 0.4s ease; } .hc-offcanvas-nav .nav-wrapper { width: 100%; height: 100%; box-sizing: border-box; } .hc-offcanvas-nav .nav-content { height: 100%; } .hc-offcanvas-nav .nav-wrapper-0 > .nav-content { overflow: scroll; overflow-x: visible; overflow-y: auto; box-sizing: border-box; } .hc-offcanvas-nav ul { list-style: none; margin: 0; padding: 0; } .hc-offcanvas-nav li { position: relative; display: block; } .hc-offcanvas-nav li.level-open > .nav-wrapper { visibility: visible; } .hc-offcanvas-nav li:not(.custom-content) a { position: relative; display: block; box-sizing: border-box; cursor: pointer; } .hc-offcanvas-nav li:not(.custom-content) a[disabled] { cursor: not-allowed; } .hc-offcanvas-nav li:not(.custom-content) a, .hc-offcanvas-nav li:not(.custom-content) a:hover { text-decoration: none; } .hc-offcanvas-nav input[type="checkbox"] { display: none; } .hc-offcanvas-nav label { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; cursor: pointer; } .hc-offcanvas-nav .nav-item { position: relative; display: block; box-sizing: border-box; } .hc-offcanvas-nav .nav-wrapper::after, .hc-offcanvas-nav.disable-body::after { content: ""; position: fixed; z-index: 9990; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; transition: visibility 0s ease 0.4s, opacity 0.4s ease; } .hc-offcanvas-nav .sub-level-open::after, .hc-offcanvas-nav.disable-body.nav-open::after { visibility: visible; opacity: 1; transition-delay: 0.05s; } .hc-offcanvas-nav:not(.nav-open)::after { pointer-events: none; } .hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after { display: none; } .hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0 { max-height: 100vh; } .hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0 > .nav-content { overflow: scroll; overflow-x: visible; overflow-y: auto; box-sizing: border-box; max-height: 100vh; } .hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper { min-width: 0; max-height: 0; visibility: hidden; overflow: hidden; transition: height 0s ease 0.4s; } .hc-offcanvas-nav.nav-levels-expand .level-open > .nav-wrapper { max-height: none; overflow: visible; visibility: visible; } .hc-offcanvas-nav.nav-levels-overlap .nav-content { overflow: scroll; overflow-x: visible; overflow-y: auto; box-sizing: border-box; max-height: 100vh; } .hc-offcanvas-nav.nav-levels-overlap .nav-wrapper { max-height: 100vh; } .hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper { position: absolute; z-index: 9999; top: 0; height: 100%; visibility: hidden; transition: visibility 0s ease 0.4s, transform 0.4s ease; } .hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent { position: static; } .hc-offcanvas-nav.nav-levels-overlap ul li.level-open > .nav-wrapper { visibility: visible; transform: translate3d(0, 0, 0); transition: transform 0.4s ease; } .hc-offcanvas-nav.nav-position-left { left: 0; } .hc-offcanvas-nav.nav-position-left .nav-container { left: 0; } .hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper { left: 0; transform: translate3d(-100%, 0, 0); } .hc-offcanvas-nav.nav-position-right { right: 0; } .hc-offcanvas-nav.nav-position-right .nav-container { right: 0; } .hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper { right: 0; transform: translate3d(100%, 0, 0); } .hc-offcanvas-nav.nav-position-top { top: 0; } .hc-offcanvas-nav.nav-position-top .nav-container { top: 0; width: 100%; } .hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper { left: 0; transform: translate3d(0, -100%, 0); } .hc-offcanvas-nav.nav-position-bottom { top: auto; bottom: 0; } .hc-offcanvas-nav.nav-position-bottom .nav-container { top: auto; bottom: 0; width: 100%; } .hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper { left: 0; transform: translate3d(0, 100%, 0); } .hc-offcanvas-nav.nav-open[class*="hc-nav-"] div.nav-container { transform: translate3d(0, 0, 0); } .hc-offcanvas-nav.rtl li { text-align: right; } .hc-offcanvas-nav.rtl .nav-back span, .hc-offcanvas-nav.rtl .nav-close span, .hc-offcanvas-nav.rtl .nav-next span { left: 0; right: unset; } .hc-nav-trigger { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none; top: 20px; z-index: 9980; width: 30px; min-height: 48px; } .hc-nav-trigger span { width: 30px; top: 50%; transform: translateY(-50%); transform-origin: 50% 50%; } .main-header.sticky .hc-nav-trigger span, .main-header.sticky .hc-nav-trigger span::after, .main-header.sticky .hc-nav-trigger span::before { background: #050748; } .hc-nav-trigger span, .hc-nav-trigger span::after, .hc-nav-trigger span::before { display: block; position: absolute; left: 0; height: 4px; background: #050748; transition: all 0.2s ease; } .nav-bg-b .hc-nav-trigger span, .nav-bg-b .hc-nav-trigger span::after, .nav-bg-b .hc-nav-trigger span::before { background: #fff; } .hc-nav-trigger span::after, .hc-nav-trigger span::before { content: ""; width: 100%; } .hc-nav-trigger span::before { top: -10px; } .hc-nav-trigger span::after { bottom: -10px; } .hc-nav-trigger.toggle-open span { background: transparent !important; transform: rotate(45deg); } .hc-nav-trigger.toggle-open span::before { transform: translate3d(0, 9px, 0); } .hc-nav-trigger.toggle-open span::after { transform: rotate(-90deg) translate3d(10px, 0, 0); } .hc-offcanvas-nav .nav-wrapper::after, .hc-offcanvas-nav::after { background: rgba(0, 0, 0, 0.5); } .hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul { background: #101010; } .hc-offcanvas-nav h2 { font-size: 22px; font-weight: 400; text-align: left; padding: 10px 17px; color: #101010 !important; background: #fff; } .hc-offcanvas-nav .nav-item { padding: 14px 17px; font-size: 15px; color: #fff; z-index: 1; background: transparent; border-bottom: 0 solid #fff; } .hc-offcanvas-nav .nav-item:focus, .hc-offcanvas-nav .nav-item:focus-within { z-index: 10; } .hc-offcanvas-nav .nav-item-wrapper { position: relative; } .hc-offcanvas-nav .nav-highlight { background: #2e6296; } .hc-offcanvas-nav .nav-back:focus, .hc-offcanvas-nav .nav-close:focus, .hc-offcanvas-nav .nav-next:focus { z-index: 10; } .hc-offcanvas-nav li:not(.custom-content) a { padding: 14px 15px; font-size: 15px; color: #fff; z-index: 1; background: transparent; border-bottom: 0 solid #2c5d8f; } .hc-offcanvas-nav li:not(.custom-content) a[disabled] { color: rgba(255, 255, 255, 0.5); } .hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover { background: #101010; } .hc-offcanvas-nav ul:first-of-type:not(:first-child) > li:first-child:not(.nav-back):not(.nav-close) > a { border-top: 1px solid #2c5d8f; margin-top: -1px; } .hc-offcanvas-nav li { text-align: left; } .hc-offcanvas-nav li.nav-back a, .hc-offcanvas-nav li.nav-close a { background: #fff; color: #101010; } .hc-offcanvas-nav li.nav-back a:hover, .hc-offcanvas-nav li.nav-close a:hover { background: #fff; } .hc-offcanvas-nav li.nav-back:not(:first-child) a, .hc-offcanvas-nav li.nav-close:not(:first-child) a { margin-top: -1px; } .hc-offcanvas-nav li.nav-parent .nav-item:last-child { padding-right: 35px; } .hc-offcanvas-nav li.nav-parent .nav-item:not(:last-child) { margin-right: 44px; } .hc-offcanvas-nav li.nav-back span, .hc-offcanvas-nav li.nav-close span, .hc-offcanvas-nav li.nav-parent .nav-next { width: 45px; position: absolute; top: 0; right: 0; bottom: 0; text-align: center; cursor: pointer; transition: background 0.2s ease; } .hc-offcanvas-nav li.nav-close span::after, .hc-offcanvas-nav li.nav-close span::before { content: ""; position: absolute; top: 46%; left: 50%; width: 10px; height: 10px; margin-top: -3px; border-top: 2px solid #101010; border-left: 2px solid #101010; } .hc-offcanvas-nav li.nav-close span::before { margin-left: -11px; transform: rotate(135deg); } .hc-offcanvas-nav li.nav-close span::after { transform: rotate(-45deg); } .hc-offcanvas-nav a.nav-next { border-left: 1px solid #2c5d8f; } .hc-offcanvas-nav .nav-next span::before, .hc-offcanvas-nav li.nav-back span::before { content: ""; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-left: -2px; box-sizing: border-box; border-top: 2px solid #fff; border-left: 2px solid #fff; transform-origin: center; } .hc-offcanvas-nav .nav-next span { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .hc-offcanvas-nav .nav-next span::before { transform: translate(-50%, -50%) rotate(135deg); } .hc-offcanvas-nav li.nav-back span::before { transform: translate(-50%, -50%) rotate(-45deg); } .hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper { box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2); } .hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper { box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2); } .hc-offcanvas-nav.nav-position-right .nav-next span::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(-45deg); } .hc-offcanvas-nav.nav-position-right li.nav-back span::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(135deg); } .hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .hc-offcanvas-nav.nav-position-top .nav-next span::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(-135deg); } .hc-offcanvas-nav.nav-position-top li.nav-back span::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(45deg); } .hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper { box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); } .hc-offcanvas-nav.nav-position-bottom .nav-next span::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(45deg); } .hc-offcanvas-nav.nav-position-bottom li.nav-back span::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(-135deg); } .hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper, .hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper { box-shadow: none; background: 0 0; } .hc-offcanvas-nav.nav-levels-expand .nav-container ul h2, .hc-offcanvas-nav.nav-levels-none .nav-container ul h2 { display: none; } .hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item, .hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item { font-size: 14px; } .hc-offcanvas-nav.nav-levels-expand .nav-container li, .hc-offcanvas-nav.nav-levels-none .nav-container li { transition: background 0.3s ease; } .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open { background: #101010; } .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open > .nav-item-wrapper > a, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open > .nav-item-wrapper > a { border-bottom: 0 solid #fff; } .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open > .nav-item-wrapper > a:hover, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open > .nav-item-wrapper > a:hover { background: #101010; } .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open > .nav-item-wrapper > .nav-next span::before, .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open > .nav-item-wrapper > a > .nav-next span::before, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open > .nav-item-wrapper > .nav-next span::before, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open > .nav-item-wrapper > a > .nav-next span::before { margin-top: 2px; transform: translate(-50%, -50%) rotate(45deg); } .hc-offcanvas-nav.nav-levels-expand .nav-container .nav-next span::before, .hc-offcanvas-nav.nav-levels-none .nav-container .nav-next span::before { margin-top: -2px; transform: translate(-50%, -50%) rotate(-135deg); } .hc-offcanvas-nav.rtl a.nav-next { border-left: none; border-right: 0 solid #fff; } .hc-offcanvas-nav.rtl li.nav-parent .nav-item { padding-right: 17px; padding-left: 58px; } #main-nav { display: none; } .hc-offcanvas-nav .nav-wrapper-0 > .nav-content { padding-bottom: 41px; } .hc-offcanvas-nav h2 { font-weight: 400; } .hc-offcanvas-nav a { font-size: 16px; } .hc-offcanvas-nav li .custom-message { font-size: 12px; } .hc-offcanvas-nav li .custom-message a { color: #fff; font-size: 13px; } .hc-offcanvas-nav li .custom-message a:hover { text-decoration: none; } .hc-offcanvas-nav.nav-position-bottom ul.bottom-nav, .hc-offcanvas-nav.nav-position-top ul.bottom-nav { position: relative; border-top: none; } .hc-offcanvas-nav.nav-position-bottom .nav-wrapper-0 > .nav-content, .hc-offcanvas-nav.nav-position-top .nav-wrapper-0 > .nav-content { padding-bottom: 0; } .hc-offcanvas-nav ul.bottom-nav { position: absolute; z-index: 10; bottom: 0; width: 100%; display: flex; flex-wrap: nowrap; align-items: stretch; border-top: 0 solid #101010; background: #101010; } .hc-offcanvas-nav ul.bottom-nav li { flex: auto; } .hc-offcanvas-nav ul.bottom-nav li a { padding: 10px; text-align: center; height: 100%; border-bottom: none; } .hc-offcanvas-nav ul.bottom-nav li svg { fill: #fff; display: inline-block; vertical-align: middle; } .hc-offcanvas-nav ul.bottom-nav li.prb svg { width: 18px; height: 18px; } .hc-offcanvas-nav.close-no-label:not(.rtl) .nav-title { padding-right: 60px; } .hc-offcanvas-nav.close-no-label .nav-title + ul > .nav-close:first-child a { position: absolute; width: 45px; height: 56px; top: 0; right: 0; transform: translateY(-100%); } .custom-nav .menu-dorpdown { width: 240px; margin: 0 auto; border-radius: 0 0 20px 20px; } .custom-nav .menu-dorpdown .sub-menu-section { border-radius: 0 0 20px 20px; } .shape-bg3:before { height: 100%; width: 100%; opacity: 0.03; background-size: cover; background-position: center center; top: 0; left: 0; right: 0; } .onloadpage { z-index: 999999999; } .hc-offcanvas-nav h2 { line-height: 36px; } a.smllbtnn { line-height: 45px; color: #fff; border-radius: 8px; padding: 0 20px; border: 0; } .switch-wrapper { display: flex; align-items: center; position: fixed; z-index: 55555; top: 50%; transform: translateY(-50%); transform: rotate(90deg); } .switch-wrapper .switch { display: inline-block; height: 34px; position: relative; width: 60px; } .switch-wrapper .switch input { display: none; } .switch-wrapper .slider { background-color: #fff; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: 0.4s; border: 1px solid #e2e2e2; box-shadow: 10px 0 10px 0 rgb(0 0 0/15%); } .switch-wrapper .slider:before { bottom: 4px; content: ""; background: url(https://web.archive.org/web/20240127230934im_/http://stradeinfotech.in/images/icons/sun.svg) #ffc400 no-repeat center center; height: 24px; left: 4px; position: absolute; transition: 0.4s; width: 24px; } .switch-wrapper input:checked + .slider { background-color: #242424; border: 1px solid #ffffff57; } .switch-wrapper input:checked + .slider:before { transform: translateX(26px); content: ""; background: url(https://web.archive.org/web/20240127230934im_/http://stradeinfotech.in/images/icons/moon.svg) #2196f3 no-repeat center center; } .switch-wrapper .slider.round { border-radius: 50px; } .switch-wrapper .slider.round:before { border-radius: 50%; } .digitalagency20 { background: url(../../../../20240127230934im_/http_/stradeinfotech.in/images/shape/bg-glass.html); background-repeat: no-repeat; background-size: cover; height: 100vh; display: flex; align-items: center; } .glassmorphism .service-slide { backdrop-filter: blur(10px); background: rgb(255 255 255/10%); border: 1px solid rgb(255 255 255/50%); } .infotechheroscroll { position: absolute; width: 100%; height: 100%; } .infotechheroscroll img { position: absolute; } .nxhs1 { left: -4%; bottom: 0; } .nxhs2 { right: 50%; top: 50%; } .nxhs3 { right: 30%; bottom: 0; } .nxhs4 { left: 6%; top: 14%; } .nxhs5 { left: 0; bottom: 30%; } .row-forfullcard { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; padding: 60px 0; background: url(../../../../20240127230934im_/http_/stradeinfotech.in/images/shape/tt-work-bg.html); background-size: cover; background-repeat: no-repeat; background-position: center center; } .fullservicecard .nxgls { padding: 30px 20px; margin: 0; box-shadow: none; border-radius: 14px; backdrop-filter: blur(8px); background: rgb(255 255 255/5%); border: 1px solid rgb(255 255 255/50%); } .intgrdtd { background-image: linear-gradient(135deg, #f34079, #f65b69 50%, #fc8b4c); } .glassmorphism .badges-content { text-align: center; backdrop-filter: blur(8px); background: rgb(255 255 255/5%); border: 1px solid rgb(255 255 255/50%); } .glassmorphism .work-card { backdrop-filter: blur(8px); background: rgb(255 255 255/5%); border: 1px solid rgb(255 255 255/50%); } .glassmorphism .work-categorys { background-color: #fbf9ed; position: relative; background-image: url(../../../../20240127230934im_/http_/stradeinfotech.in/images/shape/tt-work-bg.html); background-size: cover; background-position: center center; } .glassmorphism .statistics-img { background: url(../../../../20240127230934im_/http_/stradeinfotech.in/images/shape/shape-f.html), #feefff; background-position: left top; background-size: 130px; background-repeat: no-repeat; } .footerdez { background-color: #191919; padding: 90px 0; position: relative; z-index: 5; } .fttlnks h5 { margin-bottom: 25px; font-size: 20px; font-weight: 500; } .fttlnks h4 { margin-bottom: 10px; font-size: 18px; font-weight: 500; } .contactinfo a { display: block; font-size: 20px; color: #fff; line-height: 2; } .dark-footer h2, .dark-footer h4 { color: #e6e6e6; } .flexend { align-items: flex-end; } .rffc { grid-gap: 0; padding: 0; } .rffc .fullservicecard .nxgls { border-radius: 0; backdrop-filter: blur(1px); background: rgb(21 0 49/75%); border: 0 solid rgb(255 255 255/50%); } .widebloktag span { background: #fff; padding: 5px 14px; font-size: 14px; border-radius: 4px; } .widebloktag span + span { margin-left: 8px; } .pbwide { position: relative; padding: 50px; border-radius: 8px; display: grid; grid-template-columns: auto 55%; align-items: center; grid-gap: 20px; } .info-list-ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .info-list-ul li { line-height: 40px; color: #050748; } .info-list-ul li:before { content: "▶"; font-size: 14px; margin: 0 5px 0 0; } .img-wide-blocktt { position: relative; right: -80px; } .portfolio-item-info-tt h3 { font-size: 30px; line-height: 40px; } .desktopblock { position: relative; width: 100%; border: 10px solid rgb(255 255 255/50%); border-radius: 28px; overflow: hidden; } .mobileblock { position: absolute; max-width: 190px; left: -80px; top: 0; border: 8px solid rgb(255 255 255/60%); border-radius: 28px; overflow: hidden; transform: scale(1.1); } .shadow1 { -webkit-box-shadow: 0 10px 15px 0 rgb(3 35 68/15%); box-shadow: 0 10px 15px 0 rgb(3 35 68/15%); } .wptbb + .wptbb { margin-top: 40px; } .forfullcard { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; padding: 20px; background-repeat: no-repeat; background-position: center center; } .forfullcard .srvc-bg-nx { margin: 0; } .tilt-outer { transform-style: preserve-3d; transform: perspective(1000px); } .tilt-inner { transform: translateZ(20px); } .pctmc { padding: 30px 15px; } .srcl0 { background: #f9d59e; border-bottom: 4px solid #ebc183; } .srcl6 { background: #fff1f1; border-bottom: 4px solid #ffa2a2; } .srcl7 { background: #ebfffa; border-bottom: 4px solid #a2ffe9; } .floating-label { position: relative; margin-bottom: 20px; } .floating-input, .floating-select { font-size: 14px; padding: 4px; display: block; width: 100%; height: 45px; background-color: transparent; border: none; border-bottom: 1px solid #c5c5c5; } .floating-input:focus, .floating-select:focus { outline: 0; border-bottom: 1px solid #6b3489; } .floating-label label { color: #999; font-size: 16px; font-weight: 400; position: absolute; pointer-events: none; left: 30px; top: 16px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; margin-bottom: 0; } .floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label, .floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label { top: -4px; font-size: 12px; color: #828282; } .hero-slider { width: 100%; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 0; } .hero-slider .slide-inner { position: relative; } .hero-slider .slide-inner:before { content: ""; position: absolute; background: #000; width: 100%; height: 100%; opacity: 0.3; top: 0; left: 0; right: 0; } .hero-slider .swiper-slide { overflow: hidden; color: #fff; } .hero-slider .swiper-container { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .hero-slider .slide-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center; text-align: left; } .hero-slider .swiper-button-next, .hero-slider .swiper-button-prev { background: 0 0; width: 55px; height: 55px; line-height: 53px; margin-top: -30px; text-align: center; border: 2px solid #d4d3d3; border-radius: 55px; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .hero-slider:hover .swiper-button-next, .hero-slider:hover .swiper-button-prev { transform: translateX(0); opacity: 1; visibility: visible; } .hero-slider .swiper-button-prev { left: 25px; transform: translateX(50px); } /* .hero-slider .swiper-button-prev:before { font-family: "font awesome 5 free"; content: "\f060"; font-size: 15px; color: #d4d3d3; font-style: normal; display: inline-block; vertical-align: middle; font-weight: 900; } */ .hero-slider .swiper-button-next { right: 25px; transform: translateX(-50px); } /* .hero-slider .swiper-button-next:before { font-family: "font awesome 5 free"; content: "\f061"; font-size: 15px; color: #d4d3d3; font-style: normal; display: inline-block; font-weight: 900; } */ .hero-slider .swiper-pagination-bullet { width: 12px; height: 12px; text-align: left; line-height: 12px; font-size: 12px; color: #000; opacity: 0.3; background: #fff; transition: all 0.2s ease; } .hero-slider .swiper-pagination-bullet-active { opacity: 1; } .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets, .hero-slider .swiper-pagination-custom, .hero-slider .swiper-pagination-fraction { bottom: 30px; } .swiper-pagination { text-align: left; } .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 50px; max-width: 1200px; padding: 0 15px; margin: 0 auto; left: 50%; transform: translateX(-50%); } .hero-style .slide-btns, .hero-style .slide-text, .hero-style .slide-title { max-width: 600px; } .hero-style .slide-title h2 { font-size: 60px; line-height: 70px; color: #fff; margin: 0 0 20px; transition: all 0.4s ease; } .hero-style .slide-text p { font-size: 20px; letter-spacing: normal; color: #fff; margin: 0 0 30px; transition: all 0.4s ease; } .hero-style .slide-btns > a:first-child { margin-right: 10px; } .freelancerv2 { background-color: #05081a; } .freelancerv2 .footerdez { background-color: #0b0e22; } .flv2 .header-heading h1 { font-size: 60px; line-height: 74px; margin-bottom: 30px; } .freelancerv2:before { content: ""; background-image: url(https://web.archive.org/web/20240127230934im_/http://stradeinfotech.in/images/shape/stars.svg); position: absolute; height: 100%; width: 100%; background-repeat: no-repeat; background-size: auto; } .text-effect-3 { background: url(../../../../20240127230934im_/http_/stradeinfotech.in/images/shape/bg-gradient.html); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .font-bold h1, .font-bold h2, .font-bold h3 { font-weight: 900; } html .mb15 { margin-bottom: 15px; } html .mt15 { margin-top: 15px; } .card-dark-2 { overflow: hidden; border: 1px solid hsla(0, 0%, 100%, 0.05); background-color: hsla(0, 0%, 100%, 0.05); border-radius: 14px; } .inforcardtt h3 { font-size: 22px; line-height: 32px; color: #fff; font-weight: 600; margin-bottom: 10px; } .inforcardttt h2 { font-size: 30px; line-height: 40px; color: #fff; font-weight: 600; } .inforcardttt h3 { font-size: 20px; line-height: 30px; color: #787c97; font-weight: 600; } .srve .inforcardtt { padding: 24px; } .inforcardtt { padding: 24px; padding-bottom: 0; } .footerlinkcard { display: flex; align-items: center; justify-content: space-between; align-content: center; padding: 20px 0; border-top: 1px solid #2f3140; margin-top: 24px; color: #fff; } .footerlinkcard:hover { color: #fff; } .ffvsocial a { display: block; } .ffvsocial a + a { margin-top: 20px; } .freelancerv2 .form-block h3 { color: #fff; font-weight: 600; } .freelancerv2 .follow-label a, .freelancerv2 .follow-label h6, .freelancerv2 p { color: #85879b; } .freelancerv2 .form-block label a { color: #85879b; } .freelancer-footer { padding: 90px 0 0; } .freelancer-footer p.ffttrr { padding: 20px 0; border-top: 1px solid #303240; margin-top: 60px; } .freelancerv2 .hexagon { background: #05081a; } .freelancerv2 .counter-no span { color: #fff; } .freelancerv2 .reviewer-text h4 { color: #85879b; } .infotechheroscroll-v2 { position: relative; overflow-x: clip; } .infotechheroscroll-v2 img { position: absolute; } .nxhs10 { top: 0; left: -60px; filter: blur(80px); } .nxhs20 { top: -10px; left: -20px; filter: blur(70px); } .nxhs30 { top: -5%; right: -5%; filter: blur(100px); } .nxhs40 { right: -70px; filter: blur(50px); } .nxhs50 { top: 0; left: 0; } .grid-x { position: fixed; width: 100%; z-index: 1; } .grid-line { height: 100vh; border-left: 1px solid #1e2131; } .freelancerv2 .section { position: relative; z-index: 2; } .innericodiv { width: 80px; height: 80px; border-radius: 100px; padding: 18px; margin: 30px 0 0 30px; } .innidv1 { background: linear-gradient(135deg, #9100ff 0, #3663ff 54%, #00e2ff 100%); } .innidv2 { background: linear-gradient(to right, #ffbd84 0, #ff1f8e 100%); } .innidv3 { background: linear-gradient(to right, #f92c8b 0, #b02cd6 100%); } .mouse-cursor { position: fixed; left: 0; top: 0; pointer-events: none; border-radius: 50%; -webkit-transform: translateZ(0); transform: translateZ(0); visibility: hidden; } .cursor.cursor2 { margin-left: -10px; margin-top: -10px; width: 20px; height: 20px; } .cursor { margin-left: -4px; margin-top: -4px; width: 8px; height: 8px; z-index: 21474836490; background: linear-gradient(to right, #ffbd84 0, #ff1f8e 100%); -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out; opacity: 0.9; } .cursor.cursor-hover { margin-left: -40px; margin-top: -40px; width: 80px; height: 80px; background-color: #ffbd84; opacity: 0.2; } .cursor-follow { margin-left: -18px; margin-top: -19px; width: 38px; height: 38px; border: 1px solid #ffbd84; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 21474836490; opacity: 0.8; -webkit-transition: all 0.08s ease-out; -o-transition: all 0.08s ease-out; transition: all 0.08s ease-out; } .cursor-follow.cursor-hover { opacity: 0; } .nxbg-a { background-color: #f8edff; } .nxbg-b { background-color: #d1d8ff; } .connect-block a { border-radius: 8px; background: #ffdbdb; border: 1px solid rgb(255 195 195); padding: 20px; display: flex; } .icon-fld-nx { text-align: center; font-size: 25px; margin: 0 20px 0 0; color: #050748; } .text-fld-nx { border-left: 1px solid #ffa7a7; padding: 0 0 0 20px; } .connect-block a span.small-text { font-size: 14px; color: #050748; font-weight: 300; text-transform: uppercase; letter-spacing: 2.2px; } .text-fld-nx span { display: block; } .connect-block a span.large-text { font-size: 20px; color: #050748; line-height: 34px; font-weight: 700; } .common-heading.text-l > p { margin-top: 10px; } .contact-block-btm { padding: 50px 30px; background: #fff; border-radius: 8px; margin-left: 50px; } .footerdex { background-color: #01011b; } #progress-bar { --scrollAmount: 0%; background-image: linear-gradient(to right, #673ab7 0, #2196f3 100%); width: var(--scrollAmount); height: 3px; position: fixed; top: 0; z-index: 999999999; } /* FILE ARCHIVED ON 23:09:34 Jan 27, 2024 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 06:07:00 May 10, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.898 exclusion.robots: 0.122 exclusion.robots.policy: 0.108 esindex: 0.013 cdx.remote: 8.517 LoadShardBlock: 91.463 (3) PetaboxLoader3.datanode: 54.182 (4) PetaboxLoader3.resolve: 76.184 (2) load_resource: 41.869 */ @media (max-width: 600px) { .hero-slider { width: 100%; height: 500px !important; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute !important; z-index: 12; overflow: hidden; top: 0 !important; } }