body { background-color:#F5F7FA; color:#000; font-family:DM Sans; }
:root { --main-color:#F2A81D; --main-color-1:#CC432A; --main-color-2:#26798C; }
a, i, button { outline:none; text-decoration:none; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; }
ul { list-style:none; margin:0; padding:0; }
img { height:auto; object-fit:cover; width:auto; }

header { background-color:#001931; position:sticky; top:0; transition:all 500ms; z-index:111; }
header.smaller { background-color:rgba(1, 17, 37, 0.80); backdrop-filter:blur(20px); }
header .col-lg-2, header .col-lg-10, .main .col-xl-4, .tired-sec .col-lg-4, .about-sec .col-xl-8, .feature-sec .col-lg-7 { align-self:center; }
.top-head { background:linear-gradient(92deg, #CC432A -21.91%, #F2A81D 133.07%); padding:10px; text-align:center; }
.top-head h6 { color:#fff; font-size:14px; font-weight:normal; margin:0; }
.top-head h6 img { width:18px; }
.logo { width:190px; }	
.logo:last-child, header .navbar-nav .dropdown .dropdown-toggle::after, .web-sec.dd .web-txt::after, .web-txt.dd-1::after, .abt-txt .web-txt:last-child::after, .our-list li::before, .review-sec .web-txt:last-child::after, .career-txt .web-txt:last-child::after, .career-txt li::before { display:none; }

.bottom-head .col-lg-12 { align-items:center; display:flex; justify-content:space-between; }
.bottom-head h6 { color:rgba(248, 250, 252, 0.75); font-size:14px; font-weight:700; margin:0 0 18px; text-align:right; text-transform:uppercase; }
.bottom-head h6 a { color:rgba(248, 250, 252, 0.75); }
.bottom-head h6 a:hover, .value-box a:hover, .client-sec .owl-item a:hover, .why-sec .col-xl-10 h6, .solution-box a:hover, footer li a:hover, footer p a:hover, .inner-banner.contact-banner h1, .contact-txt p a:hover, .how-btn:hover, .our-txt li::marker { color:var(--main-color); }
.free-btn { border:1px solid rgba(248,250,252,0.75); border-radius:10px; color:#F8FAFC; display:inline-block; font-size:18px; font-weight:700; padding:7px 35px; }
.free-btn:hover, .lets-btn.dd:hover, .why-sec .lets-btn:hover { background-color:var(--main-color-1); border:1px solid var(--main-color-1); color:#fff; }

/**** Navbar CSS Start Here ****/
header .navbar, header .navbar-toggler, .value-txt:last-child, .career-sec .value-txt:last-child { padding:0; }
header .navbar-expand-md .navbar-nav .nav-link { color:rgba(248,250,252,0.75); font-size:15px; padding:50px 25px; position:relative; text-transform:uppercase; }
header .dropdown-menu { border:none; border-radius:0; min-width:max-content; padding:0; }
header .dropdown-menu li a { border-bottom:1px solid #e2e2e2; color:var(--main-color-2); display:block; font-size:16px; padding:8px 15px; }
header .dropdown-menu li:last-child a { border-bottom:none; }
header .navbar-expand-md .navbar-nav .nav-link:hover, header .navbar-nav .nav-link:focus, header .navbar-nav .dropdown:hover .nav-link, header .navbar-nav .dropdown > .dropdown-toggle.show, header .navbar-nav .dropdown-menu li a:hover, header .navbar-nav .dropdown-toggle[aria-expanded="true"], .faq-sec h3 span { color:var(--main-color-1); }
/**** Navbar CSS End Here ****/

.main { background-image:url(../images/banner-bg.webp) !important; background-position:top left; background-size:cover; padding:25px 0 90px; }
.main h1 { color:#fff; font-size:64px; font-weight:900; margin:35px 0 28px; position:relative; text-transform:capitalize; }
.main h6 { background-color:#0D2740; border:1px solid rgba(0, 99, 118, 0.15); border-radius:30px; color:rgba(248, 250, 252, 0.50); display:inline-block; font-size:12px; font-weight:400; margin:0; padding:5px 15px 5px 7px; }
.main h6 img { padding-right:12px; width:90px; }
.main p { color:rgba(248,250,252,0.50); font-size:24px; line-height:1.5; margin:0 0 40px; }
.main p span, header .navbar-collapse .free-btn:hover, .top-head h6 a { color:#fff; }
.lets-btn { background:linear-gradient(92deg, #CC432A -21.91%, #F2A81D 133.07%); border:none; border-radius:10px; color:#fff; display:inline-block; font-size:18px; padding:15px 38px; }
.lets-btn:hover { background:linear-gradient(92deg, #F2A81D -21.91%, #B28838 133.07%); color:#fff; }
.how-btn { color:#fff; display:inline-block; font-size:18px; font-weight:800; margin:35px 0 0; }
.how-btn img { margin:-4px 0 0 12px; }
.banner-video video { border-radius:30px 0 0 30px; height:580px; object-fit:cover; }
.main ul { column-count:2; padding-top:90px; }
.main li { color:#fff; font-size:20px; font-weight:300; padding:0 0 24px 45px; position:relative; text-transform:uppercase; }
.main li::before { background-image:url(../images/check.svg) !important; background-size:contain; content:''; height:33px; left:0; position:absolute; top:-3px; width:33px; }
.main .close, .video-popup .close { background-color:var(--main-color-1); border:none; border-radius:50%; color:#fff; font-size:35px; font-weight:500; height:26px; line-height:.7; padding:0; position:absolute; right:-9px; top:-9px; width:26px; z-index:1; }
.main .modal-content, .video-popup .modal-content { border-radius:0; }
.main .modal-body, .video-popup .modal-body { padding:2px; }

.logo-sec { background-image:url(../images/partner-bg.webp) !important; background-position:bottom left; background-size:cover; padding:70px 0 90px; position:relative; }
.logo-img { background-color:#FFF; border:1px solid #E9EDF3 ;border-radius:70px; box-shadow:-8px 19px 22.4px 4px rgba(0, 0, 0, 0.05); padding:5px 0; }
.logo-img img { height:45px; margin:0 auto; width:auto !important; }
.logo-sec h2 { color:#011125; font-size:49px; font-weight:900; margin:80px 0 20px; }
.logo-sec h2 span { display:block; font-weight:normal; }
.logo-sec p { color:#fff; font-size:32px; line-height:1.3; margin:0; }
.desk-img { position:absolute; right:0; top:-220px; width:880px; z-index:1; }

.tired-sec { overflow:hidden; padding:100px 0 0; }
.tired-sec h2, .value-sec h2, .solution-sec h2, .web-sec h2, .about-sec h2, .feature-list h2, .contact-txt h2 { color:var(--main-color-2); font-size:40px; font-weight:900; margin:0 0 55px; text-align:center; text-transform:capitalize; }
.tired-sec h3, .value-sec h5, .client-sec h6, .faq-sec h6, .why-sec h6, .solution-sec h6, .our-txt h3, .about-sec h6, .client-txt .web-txt h6 { color:#011125; font-size:16px; font-weight:700; letter-spacing:1.6px; margin:0 0 12px; text-align:center; text-transform:uppercase; }
.tired-box { background-color:#FFF; border-radius:10px; box-shadow:-8px 19px 22.4px 4px rgba(0, 0, 0, 0.05); padding:28px 38px; position:relative; z-index:1; }
.tired-box img { height:65px; left:-30px; position:absolute; top:-35px; }
.tired-box p { color:#011125; font-size:18px; margin:0; }
.tired-box.dd img { bottom:-35px; top:auto; }
.tired-box.dd-1 img { left:auto; right:-30px; }
.tired-box.dd-2 img { bottom:-35px; left:auto; right:-30px; top:auto; }
.tired-img { margin:0 -20px; position:relative; text-align:center; }
.tired-img img { height:581px; position:relative; width:480px; }
.tired-img::before { border:1px solid var(--main-color); border-radius:50%; bottom:-40px; content:''; left:-40px; position:absolute; right:-40px; top:58px; }
.tired-img::after { border:1px dashed var(--main-color); border-radius:50%; bottom:-95px; content:''; left:-95px; position:absolute; right:-95px; top:0; }
.tired-img span::after { border:1px dashed var(--main-color); border-radius:50%; bottom:-125px; content:''; left:-125px; position:absolute; right:-125px; top:-25px; }

.tired-sec .col-xl-10 h2 { color:var(--main-color); font-size:44px; font-weight:700; margin:0 0 50px; text-transform:uppercase; }
.tired-sec .col-xl-10 h3 { margin:230px 0 12px; }
.tired-video { position:relative; text-align:center; z-index:1; }
.tired-video img { border-radius:10px; cursor:pointer; }
.tired-btn { bottom:70px; left:0; position:absolute; right:0; }
.tired-video a { background-color:rgba(1,17,37,0.8); border:1px solid var(--main-color-2); border-radius:30px; color:#F0F2F2; display:inline-block; font-size:14px; font-weight:700; padding:13px 60px; }
.tired-video a:hover { background-color:rgba(242,168,29,0.8); border:1px solid var(--main-color); }
.video-popup .modal-body img { height:350px; }

.offer-sec { background-color:#fff; background-image:url(../images/offer-pattern.svg), url(../images/offer-pattern1.svg) !important; background-position:right 100px, left 80%; background-repeat:no-repeat; border-radius:100px 100px 200px 0; margin:-150px 0 0; padding:270px 0 115px; position:relative; text-align:center; }
.offer-sec .col-lg-4 { margin:0 0 50px; text-align:left; }
.offer-sec h2, .faq-sec h2, .why-sec h2, .our-txt h2 { color:var(--main-color-1); font-size:39px; font-weight:900; margin:0; text-transform:capitalize; }
.offer-sec h3 { color:var(--main-color-2); font-size:22px; font-weight:700; margin:22px 0 18px; }
.offer-sec h5 { color:#011125; font-size:20px; font-weight:700; line-height:1.4; margin:20px 0 85px; }
.offer-sec h6 { border-top:1px solid #D0D7DF; color:var(--main-color-1); font-size:20px; line-height:1.4; margin:28px 0 55px; padding:65px 0 0; }
.offer-sec p, .our-txt p, .web-sec p, .about-sec p { color:#5D6A7B; font-size:18px; line-height:1.6; margin:0; }
.offer-icon { align-items:center; background-color:#F5F7FA; border:1px solid #F0F2F2; border-radius:50%; display:flex; height:100px; justify-content:center; width:100px; }
.lets-btn.dd { background:transparent; border:1px solid var(--main-color-1); color:var(--main-color-1); margin-left:35px; padding:14px 38px; }

.proposal-sec { background-image:url(../images/proposal-bg.webp) !important; background-position:top left; background-size:cover; margin:-200px 0 0; padding:320px 0 115px; text-align:center; }
.proposal-sec .col-lg-2, .proposal-sec .col-lg-5, .web-sec.dd .col-lg-6 { margin:0 0 24px; }
.proposal-sec h2, .client-sec h2 { color:var(--main-color); font-size:40px; font-weight:900; margin:0 5px 60px; text-transform:capitalize; }
.proposal-sec h3 { color:#F0F2F2; font-size:16px; font-weight:700; letter-spacing:1.6px; margin:0 0 12px; text-transform:uppercase; }
.proposal-box { background-color:rgba(0, 21, 35, 0.50); border: 1px solid var(--main-color-2); border-radius:20px; height:100%; padding:40px 40px 15px; text-align:left; }
.proposal-box h4 { color:#fff; font-size:20px; font-weight:700; margin:35px 0 18px; }
.proposal-box p { color:rgba(248,250,252,0.50); font-size:18px; font-weight:300; line-height:1.6; margin:0 0 15px; }

.value-sec { background-image:url(../images/value-pattern.svg) !important; background-position:left 20px; background-repeat:no-repeat; padding:150px 0 28px; }
.value-sec h2, .faq-sec h2, .solution-sec h2 { margin:0 8px 65px; }
.value-sec .owl-item img { border-radius:10px; height:585px; }
.value-box { background-color:#fff; border-radius:20px; box-shadow:-8px 19px 18px 4px rgba(0,0,0,0.05); margin:-180px 0 38px 30px; padding:30px; position:relative; width:65%; }
.value-box h3 { color:var(--main-color-1); font-size:24px; font-weight:700; margin:22px 0 0; }
.value-box h4 { color:#011125; font-size:16px; font-weight:700; line-height:1.5; margin:10px 0 20px; }
.value-box h6, .inner-banner h6 { background-color:var(--main-color-2); border-radius:20px; color:#F0F2F2; display:inline-block; font-size:11px; font-weight:700; letter-spacing:1.65px; margin:0; padding:4px 12px; text-transform:uppercase; }
.value-box p { border-top:1px solid #D0D7DF; color:#5D6A7B; font-size:16px; line-height:1.6; margin:0; padding:20px 0; }
.value-box a, .solution-box a { color:var(--main-color-1); display:inline-block; font-size:16px; position:relative; text-decoration:underline; }
.value-list .lets-btn.dd { margin:20px 0 0; }
.value-list .lets-btn.dd:hover img { filter:brightness(0) invert(1); }
.value-list li { background-color:#fff; border-radius:10px; margin:0 0 15px; overflow:hidden; padding-right:10px; }
.value-list li a { align-items:center; display:flex; gap:22px; text-align:left; }
.value-list li img { height:185px; width:200px; }
.value-list li h4 { color:#011125; font-size:18px; font-weight:700; line-height:1.45; margin:0; }
.value-list li h6 { color:var(--main-color-2); font-size:11px; font-weight:700; letter-spacing:1.65px; margin:0 0 15px; text-transform:uppercase; }

.client-sec { background-color:#fff; background-image:url(../images/client-pattern.svg), url(../images/client-pattern1.svg) !important; background-position:right 50px, 30px 50%; background-repeat:no-repeat; border-radius:0 100px 200px 100px; padding:100px 0; text-align:center; }
.client-sec h4, .client-sec.review-sec h4 { color:#5D6A7B; font-size:22px; font-weight:700; line-height:1.6; margin:0 0 18px; }
.client-sec p { color:#5D6A7B; font-size:22px; line-height:1.6; margin:0 0 20px; }
.client-sec .owl-item a { color:var(--main-color-1); display:inline-block; font-size:16px; text-decoration:underline; }
.client-img { border-top:1px solid #ADADAD; margin:50px 0 0; }
.client-img img { border-radius:50%; float:left; height:90px !important; width:90px !important; } 

.client-img h5 { border-top:3px solid var(--main-color-2); display:inline-block; margin:0; padding:45px 15px 0; text-align:left; }
.client-img h5 strong { color:var(--main-color-2); display:block; font-size:20px; padding:22px 0 0 110px; }
.client-img h5 b { color:#5D6A7B; display:block; font-size:16px; font-weight:400; }

.faq-sec { padding:120px 0; text-align:center; }
.faq-sec .card { background-color:transparent; border:none; border-bottom:1px solid #cfd4da; border-radius:0; text-align:left; }
.faq-sec .card-header { background-color:transparent; border:none; border-radius:0; font-size:20px; font-weight:700; padding:0; }
.faq-sec .card-header a { align-items:center; color:var(--main-color-2); display:flex; gap:20px; padding:12px 0; text-transform:uppercase; }
.faq-sec .card-header a span { align-items:center; background-color:#fff; border:1px solid #F0F2F2; border-radius:50%; display:flex; font-size:40px; font-weight:900; height:70px; justify-content:center; width:70px; }
.faq-sec .card-body { margin:-25px 0 0; padding:0 0 8px 90px; }
.faq-sec p { color:#5D6A7B; font-size:18px; line-height:1.6; margin:0 0 10px; }
.faq-sec h3 { color:#011125; font-size:24px; font-weight:700; margin:80px 0 0; text-transform:capitalize; }
.faq-sec .faq-txt { margin:30px 0; }

.why-sec { position:relative; text-align:center; }
.why-sec::after { background-image:url(../images/why-pattern1.svg) !important; background-position:bottom right; background-repeat:no-repeat; background-size:contain; bottom:-515px; content:''; height:856px; position:absolute; right:0; width:320px; }
.why-sec video { height:830px; object-fit:cover; }
.why-video, .feature-list { position:relative; }
.why-video::before { background-color:rgba(1,17,37,0.80); bottom:5px; content:''; left:0; position:absolute; right:0; top:0; }
.why-main { left:0; padding:90px 0 0; position:absolute; right:0; top:0; }
.why-sec h2 { color:#fff; margin:0 0 50px; position:relative; z-index:1; }
.why-sec p { color:rgba(248, 250, 252, 0.50); font-size:24px; line-height:1.6; margin:0 0 60px; }
.why-sec ul { display:flex; justify-content:center; margin:0 0 60px; }
.why-sec li { color:#fff; font-size:24px; font-weight:700; line-height:1.25; padding:5px 35px 20px; text-transform:uppercase; }
.why-sec li span { display:block; font-size:50px; } 
.why-sec li:first-child { border-right:1px solid rgba(248,250,252,0.50); }
.why-sec .lets-btn { background:transparent; border:1px solid#fff; }
.why-img { display:block; margin:90px auto 0; position:relative; width:400px; z-index:1; }

.form-sec { background-color:#011A32; border-radius:20px 20px 20px 200px; margin:128px 55px 0; padding:58px 0 0; position:relative; z-index:0; }
.form-sec::before { background-image:url(../images/form-pattern.webp) !important; background-repeat:no-repeat; background-size:contain; bottom:0; content:''; height:721px; left:10px; position:absolute; width:720px; z-index:-1; }
.form-sec h2 { color:var(--main-color-1); font-size:40px; font-weight:700; margin:25px 0; }
.form-sec h2 span { color:var(--main-color); display:block; }
.form-sec h3 { color:#fff; font-size:18px; font-weight:700; line-height:1.5; margin:35px 0 20px; text-align:center; }
.form-sec h5 { color:rgba(248,250,252,0.50); font-size:18px; font-weight:300; margin:-3px 0 30px; text-align:center; }
.form-sec h6 { color:rgba(248,250,252,0.50); font-size:16px; font-weight:700; letter-spacing:1.6px; margin:0; text-transform:uppercase; }
.form-sec p { color:rgba(248,250,252,0.50); font-size:18px; line-height:1.6; margin:0 0 35px; }
.in-box { margin:0 0 18px; }
.box { background-color:rgba(248,250,252,0.05); border:1px solid rgba(248,250,252,0.15); border-radius:30px; color:rgba(248,250,252,0.50); font-size:15px; outline:none; padding:8px 18px; text-align:left; width:100%; }
.box:focus { border:1px solid var(--main-color-1); }
.box:focus::placeholder { color:transparent; }
.box::placeholder { color:rgba(248,250,252,0.50); opacity:1; }
.sub-btn { background-color:var(--main-color-2); background-image:url(../images/icon1.svg) !important; background-position:81% center; background-repeat:no-repeat; border-radius:10px; border:none; color:#fff; font-size:18px; padding:8px 68px 8px 35px; position:relative; }
.sub-btn:hover { background-color:var(--main-color-1); color:#fff; }
.form-penguin { background-image:url(../images/form-penguin-bg.webp) !important; background-position:top center; background-size:cover; border-radius:0 200px; margin:-80px 0 0; text-align:center; width:45%; }
.form-penguin img { margin:-135px auto -165px; width:550px; }

.solution-sec { background-image:url(../images/solution-pattern.webp) !important; background-position:top right; background-repeat:no-repeat; background-size:65% auto; padding:240px 0 40px; }
.solution-sec .col-lg-6 { margin:0 0 180px; }
.solution-box { background-color:#fff; border-radius:20px; box-shadow:-8px 19px 22.4px 4px rgba(0,0,0,0.05); height:100%; padding:60px 40px 0; }
.solution-box h3 { color:var(--main-color-1); font-size:32px; font-weight:700; margin:0; }
.solution-box p { border-top:1px solid #D0D7DF; color:#5D6A7B; font-size:18px; margin:24px 0 40px; padding:30px 0 0; width:78%; }
.solution-box img { margin:-40px 0 -85px; }

footer { background-image:url(../images/footer-bg.webp) !important; background-position:bottom center; background-size:cover; padding:80px 0 0; }
footer ul { padding:75px 0 0; }
footer li { padding:0 0 8px; }
footer li a { color:rgba(248,250,252,0.50); font-size:18px; font-weight:300; }
footer .col-xl-4:nth-child(2) ul { padding:45px 0 0; }
footer .col-xl-4:nth-child(2) li { padding:0 0 35px; }
footer .col-xl-4:nth-child(2) li:first-child a { font-weight:700; }
footer p { color:rgba(248,250,252,0.50); font-size:14px; margin:0 0 20px; padding:12px 0; text-align:center; }
footer p:first-child { border-top:1px solid rgba(248, 250, 252, 0.15); margin:40px 0 0; padding-top:28px; }
footer p a { color:rgba(248,250,252,0.50); text-decoration:underline; }

/******************** our-services page CSS ********************/
.inner-banner { background-image:url(../images/our-bg.webp) !important; background-position:top center; background-size:cover; padding:120px 0 0; position:relative; z-index:0; }
.inner-banner h1 { color:#fff; font-size:64px; font-weight:900; margin:25px 0 0; text-transform:capitalize; }
.inner-banner p { color:#fff; font-size:24px; margin:25px 0 70px; }
.inner-banner .col-xl-5:last-child { padding-right:0; }
.inner-banner img.dd { border-radius:30px 0 0 30px; margin:0 0 -80px; }

.our-sec, .value-sec.dd, .abt-txt, .review-sec, .career-txt { background-image:url(../images/our-pattern.svg), url(../images/offer-pattern1.svg) !important; background-position:right 76%, left 42%; background-repeat:no-repeat; padding:120px 0 0; }
.our-txt { border-bottom:1px solid rgba(0, 0, 0, 0.10); margin:0 0 50px; padding:0 0 58px; }
.our-txt:last-child { border-bottom:none; margin:0; padding:0; }
.our-txt h2 { margin:0 0 15px; }
.our-txt:nth-child(2n+2) h2, .web-txt h3 span { color:var(--main-color-2); }
.our-txt p { padding:10px 130px 0; }
.our-txt p span { display:block; margin:35px 0 0; }
.our-txt ul { padding-left:155px; padding-top:10px; }
.our-txt li { color:#5D6A7B; font-size:18px; list-style:disc; padding:5px 0 0; }
.our-sec.dd { padding-top:70px; }
.our-sec.dd h2.dd { color:var(--main-color-1); font-size:40px; font-weight:900; margin:0 0 65px; text-align:center; }
.our-sec.dd .our-txt h2 { font-size:34px; margin:0; }
.our-txt h4 { color:var(--main-color-2); font-size:20px; font-weight:700; margin:15px 0 0 130px; }
.our-txt .lets-btn.dd, .contact-banner img.dd { margin:0; }
.our-icon { align-items:center; display:flex; gap:75px; }
.our-icon img { width:165px; }
.our-logo { padding:80px 0 30px 36%; position:relative; }
.our-logo .logo-img { margin:0 0 33px 22px; }

/******************** custom-app-dev page CSS ********************/
.web-sec, .about-sec { padding:150px 0 0; }
.web-txt { border-bottom:1px solid #dcdddf; margin:0 0 50px; padding:0 180px 42px; position:relative; }
.web-txt::after, .web-sec.dd hr::after, .about-sec .row::after { border-bottom:3px solid var(--main-color-2); bottom:0; content:''; left:0; margin:0 auto; position:absolute; right:0; width:26%; }
.web-txt h3 { color:var(--main-color-1); font-size:23px; font-weight:800; line-height:1.4; margin:0 0 35px; text-align:center; }
.web-txt h4 { color:var(--main-color-2); font-size:18px; font-weight:700; margin:18px 0 25px; }
.web-txt h6 { color:var(--main-color-1); font-size:18px; font-weight:700; line-height:1.5; margin:-35px 0 50px; }
.web-sec p { padding:0 0 12px; }
.web-sec p strong { display:block; color:var(--main-color-2); font-size:24px; font-weight:700; line-height:1.28; padding:0 0 15px; }
.web-txt li { color:#5D6A7B; font-size:18px; padding:0 0 13px 38px; position:relative; }
.web-txt li::before { background-image:url(../images/icon3.svg) !important; content:''; height:17px; left:0; position:absolute; top:6px; width:16px; }

.web-box { background-color:#fff; border-radius:20px; box-shadow:-8px 19px 22.4px 4px rgba(0,0,0,0.05); height:100%; padding:50px 25px 38px; text-align:center; }
.web-box p { color:var(--main-color-2); font-weight:900; text-transform:capitalize; }
.web-box p span { display:block; font-weight:normal; padding:30px 0 0; }

.web-sec.dd { margin:0 0 -75px; padding:0; position:relative; }
.web-sec.dd .web-txt { border-bottom:none; margin:0; padding-bottom:70px; }
.web-sec.dd h2, .web-sec h2 strong, .web-sec h2.dd { color:var(--main-color-1);}
.web-sec.dd p { padding:0 0 14px 120px; }
.web-sec.dd .web-box h3 { color:var(--main-color-1); font-size:20px; font-weight:800; line-height:1.4; margin:0 0 26px; text-align:center; }
.web-sec.dd .web-box p { font-size:16px; padding:0; }
.web-sec.dd hr { border-bottom:1px solid #dcdddf; height:auto; margin:90px 0 0; opacity:1; padding:0; }
.web-txt.dd p { margin:0 0 55px; }
.web-txt .lets-btn.dd { margin:20px 0 0; }
.web-img { margin:65px 0 50px; }
.web-txt.dd-1 p { padding:0 0 55px; }
.web-txt.dd-1 { border:none; margin:0; padding-bottom:60px; }

/******************** case-studies page CSS ********************/
.value-sec.dd { background-position:right 51%, left 28%; padding-top:165px; }
.value-txt { padding:0 0 70px; }
.value-txt .value-box { margin:0; padding:120px 110px 30px; position:unset; width:100%; }
.value-txt img { border-radius:10px; cursor:pointer; display:flex; margin:0 auto -70px; width:80%; }
.value-txt .value-box img { margin:0; padding:0; display:unset; width:auto; }

.about-sec .row { border-bottom:1px solid #dcdddf; margin-bottom:-60px; padding:0 180px 90px; position:relative; }
.abt-txt { background-position:right 100%, left 25%; }
.abt-txt .web-txt:last-child, .review-sec .web-txt:last-child, .career-txt .web-txt:last-child { border:none; margin:0; padding-bottom:20px; }
.abt-txt h5, .career-txt h5 { color:var(--main-color-2); font-size:20px; font-weight:700; margin:0 0 25px; }

/******************** mission-and-values page CSS ********************/
.our-list li { color:var(--main-color-2); font-size:20px; font-weight:700; padding-left:0; text-align:center; text-transform:uppercase; }

.client-sec.review-sec { background-color:transparent; background-position:right 100%, left 60%; border-radius:0; padding:150px 0 0; }
.review-sec h2 { color:var(--main-color-2); margin:50px 0; }
.review-sec .client-img, .review-sec .client-img h5 { border:none; margin:0 0 10px; }
.review-sec .client-img img { height:70px !important; width:70px !important; }
.review-sec .client-img h5 strong { padding:13px 0 0 90px; }

/******************** our-clients page CSS ********************/
.client-txt .web-txt { padding-bottom:120px; }
.feature-sec { background-image:url(../images/offer-pattern1.svg) !important; background-position:left 42%; background-repeat:no-repeat; padding:0 0 100px; }
.feature-sec .value-box { margin:0 0 70px; padding:0 0 0 100px; width:100%; }
.feature-sec .value-box .col-lg-5 img { border-radius:0 20px 20px 0; height:380px; }
.feature-list::before, .career-sec::after { background-image:url(../images/our-pattern.svg) !important; background-repeat:no-repeat; background-size:contain; content:''; height:622px; right:0; position:absolute; top:-230px; width:265px; z-index:-1; }
.feature-list li { color:#5D6A7B; font-size:18px; padding:0 0 12px; }

/******************** contact page CSS ********************/
.contact-banner { background-image:url(../images/contact-bg.webp) !important; padding:15px 0 80px; }
.contact-banner h1 span { color:var(--main-color-1); display:block; }
.contact-banner h2 { color:#fff; font-size:24px; font-weight:700; margin:-80px 0 0; text-align:center; }
.contact-banner h3 { color:#5D6A7B; font-size:24px; font-weight:400; margin:5px 0 35px; text-align:center; }
.contact-banner iframe { background-color:#fff; border-radius:8px; }

.contact-txt { padding:90px 0 0; }
.contact-txt p { color:#5D6A7B; font-size:24px; font-weight:normal; margin:-40px 5px -90px; text-align:center; }
.contact-txt p a { color:var(--main-color-1); font-weight:700; }

/******************** careers page CSS ********************/
.career-sec { background-image:url(../images/offer-pattern1.svg) !important; background-position:left 80%; position:relative; }
.career-sec::after { bottom:-460px; top:auto; }
.career-sec h3 { padding-bottom:22px; }
.career-sec .value-txt { padding:0 0 50px; }
.career-sec .value-box { padding:70px 100px 60px; }
.career-form p { margin:0 0 12px; }
.career-txt { background-position:right 63%, left 34%; }
.career-txt .web-txt li { padding-left:0; }


/*.................. Home-Page-Media .................. */
@media (min-width:320px) and (max-width:767.98px){
header.smaller .logo:first-child, .desk-img, .inner-banner .lets-btn { display:none; }	
header.smaller .logo:last-child { display:block; width:215px; }
.main { padding:25px 0 150px; }
.main .col-xl-4, .main .col-xl-6, .offer-sec .col-xl-10, .logo-sec .col-xl-8, .proposal-sec .container, .faq-sec .container-fluid { padding:0 35px; }
.main h1 { font-size:40px; margin:-65px 0 28px; z-index:1; }
.main p, .main li, .offer-sec h5, .client-sec h4, .client-sec p, .faq-sec .card-header, .faq-sec p, .why-sec p, .form-sec p, .form-sec h3, .web-txt li, .our-txt li { font-size:16px; }
.main ul { column-count:1; padding-top:40px; }
.main li::before { height:30px; width:30px; }
.banner-video video { border-radius:0; height:320px; }
.main .lets-btn { font-size:13px; }
.lets-btn { font-size:16px; padding:12px 14px !important; }
.how-btn { display:flex; justify-content:center; margin:35px auto 60px; }
.mob-img { margin:-140px 0 -70px; }
.logo-sec { background-image:url(../images/partner-mob-bg.webp) !important; border-radius:0 0 80px 0; padding:0 0 60px; }
.logo-sec h2 { font-size:25px; margin:40px 0 10px; }
.logo-sec p { font-size:20px; line-height:1.5; }
.tired-sec h2, .tired-sec .col-xl-10 h2, .offer-sec h2, .proposal-sec h2, .value-sec h2, .client-sec h2, .faq-sec h2, .why-sec h2, .form-sec h2, .solution-sec h2, .our-txt h2, .web-sec h2, .about-sec h2, .feature-list h2, .contact-txt h2, .our-sec.dd h2.dd, .our-sec.dd .our-txt h2 { font-size:28px; }
.tired-sec h3, .proposal-sec h3, .value-sec h5, .client-sec h6, .faq-sec h6, .why-sec h6, .solution-sec h6 { font-size:12px; padding:0 5px; }
.tired-sec .container { padding:0 50px; }
.tired-sec .col-xl-10 h2 { font-weight:900; text-transform:capitalize; }
.tired-box.dd, .contact-banner h2 { margin:25px 0 0; }
.tired-box.dd-1, .faq-sec h2 { margin:0 0 25px; }
.tired-img { margin:35px 0; }
.tired-img img { height:217px; width:180px; }
.tired-img::before { bottom:-18px; left:-18px; margin:0 auto; right:-18px; top:20px; width:210px; }
.tired-img::after { bottom:-36px; margin:0 auto; top:0; width:250px; }
.tired-img span::after { bottom:-55px; margin:0 auto; top:-19px; width:290px; }
.tired-sec .col-xl-10 h3 { margin:130px 0 12px; }
.tired-vd { margin:0 -62px; }
.tired-video a { font-size:12px; padding:6px 15px; }
.tired-video img { height:260px; }
.tired-btn { bottom:25px; left:15px; right:15px; }
.offer-sec { background-position:right 200px, left 80%; background-size:60px; border-radius:0 80px 100px 0; margin:-30px 18px 0 0; padding:150px 0 115px; }
.offer-sec h6 { font-size:16px; font-weight:600; }
.offer-sec .lets-btn, .value-list .lets-btn.dd, .client-sec .lets-btn.dd, .faq-sec .lets-btn { width:280px; }
.proposal-sec { margin:-120px 0 0; padding:220px 0 70px; }
.lets-btn.dd { margin:20px 0 0; }
.value-sec { background-position:left 90px; background-size:160px; padding:60px 0 50px; }
.value-sec .col-lg-12, .solution-sec .col-lg-6 { padding:0; }
.value-box { margin:-35px 0 30px; padding:30px; width:auto; }
.value-box h3, .solution-box h3, .web-txt h3 { font-size:20px; }
.value-list li h4 { font-size:14px; }
.value-sec .owl-item img { height:270px; }
.value-list li { margin:0 0 25px; }
.value-list li img { height:140px; width:138px; }
.value-sec h2 { font-size:28px; margin:0 0 30px; }
.value-list, .web-txt h6, .abt-txt h5, .career-txt h5 { text-align:center; }
.value-list .lets-btn.dd, .client-sec .lets-btn.dd { padding:8px 25px; }
.client-sec { background-position:120% 40px, -5px 50%; border-radius:0 50px 100px 50px; background-size:165px auto, 65px auto; padding:55px 0; }
.client-sec h2 { margin:0 5px 22px; }
.client-img img { height:70px !important; width:70px !important; }
.client-img h5 strong { font-size:16px; padding:16px 0 0 88px; }
.faq-sec { padding:70px 0; }
.faq-sec h3 span { display:block; }
.faq-sec .card-body { margin:-15px 0 0; padding:0 0 8px 72px; }
.faq-sec .card-header a span { font-size:30px; height:50px; width:50px; }
.faq-sec .col-xl-4 img { margin:50px 0 -15px; }
.form-sec .lets-btn { font-size:13px; padding:12px 10px !important; }
.why-sec::after { bottom:-200px; width:115px; }
.why-sec li { font-size:16px; line-height:1.5; padding:5px 20px 20px; }
.why-sec li span { font-size:35px; }
.why-sec video { height:870px; }
.why-img { margin:50px auto 0; width:280px; }
.form-sec { border-radius:20px 20px 20px 120px; margin:105px 0 0; padding:70px 0 0; }
.form-sec::before { height:311px; left:auto; right:0; width:310px; }
.form-sec .col-xl-4, .form-sec .col-xl-7 { padding:0 27px; }
.form-penguin { border-radius:0 120px; margin:70px 0 0; width:100%; }
.form-penguin img { margin:-70px auto -85px; width:290px; }
.solution-sec { padding:180px 0 40px; }
.solution-box { padding:25px 25px 0; }
.solution-box p { font-size:16px; margin:20px 0 18px; padding:20px 0 0; width:100%; }
.solution-box img { margin:0 0 -85px; }
footer { padding:80px 20px 0; }
.foot-logo { width:270px; }
footer ul { padding:45px 0 0; }
footer .lets-btn { margin:35px 0 0; text-align:center; width:100%; }
.inner-banner h1 { font-size:35px; }
.inner-banner p { font-size:16px; margin:18px 0 55px; }
.inner-banner .col-xl-5:last-child { padding-left:37px; }
.inner-banner img.dd { margin:0 0 -65px; }
.our-sec, .value-sec.dd, .abt-txt, .review-sec, .feature-sec, .career-txt { background-size:90px auto, 60px auto; }
.our-txt h3, .about-sec h6, .client-txt .web-txt h6 { font-size:14px; line-height:1.6; }
.our-txt h4 { margin:15px 0 0; text-align:center; }
.our-icon { gap:28px; flex-direction:column; text-align:center; }
.our-icon img { width:140px; }
.our-txt p, .web-sec p { font-size:16px; text-align:center; }
.our-txt ul { padding-left:18px; }
.our-logo { padding:140px 0 30px; }
#our-mob-logo { margin:0 0 -32px; }
.web-txt li::before { background-size:contain; height:15px; top:5px; width:14px; }
.web-box { padding:35px 15px 20px; }
.web-sec.dd p { padding-left:0; }
.web-box p { font-weight:600; }
.value-txt img { width:90%; }
.value-txt .value-box { padding:105px 25px 0; }
.about-sec .row { margin-bottom:-80px; padding:0 0 70px; }
.about-sec img { display:flex; margin:0 auto 45px; width:290px !important; }
.feature-sec .value-box { margin:0 0 35px; padding:25px 15px; }
.feature-sec .value-box .col-lg-5 img { border-radius:8px; height:180px; margin:20px 0 0; }
.feature-list::before { top:-100px; width:110px; }
.contact-banner { padding:200px 0 80px !important; }
.contact-banner img.dd { margin:0; }
.contact-txt p { margin:-40px 10px -50px; }
.career-sec { background-size:60px auto; padding:150px 0 0; }
.career-sec .value-box { padding:30px 25px; }
.career-sec::after { bottom:-550px; width:110px; }
.our-logo .logo-img { margin-left:15px; }
.our-logo .logo-img img { height:35px; }
}

@media (min-width:320px) and (max-width:991.98px){
header { background:linear-gradient(180deg, #011528 53.93%, rgba(1, 23, 43, 0.00) 100%); left:0; position:fixed;  right:0; }
header.smaller { background:rgba(1, 21, 40, 0.80); top:-39px; }
.call-sec, .main .col-xl-4 h6:first-child { display:none; }	
.logo { margin:8px 0; width:150px; }
header .navbar-collapse .free-btn { border:1px solid var(--main-color-1); color:var(--main-color-1); font-weight:600; margin:30px 0 0 15px; }
header .navbar-expand-md { justify-content:flex-end; padding:15px 0; }	
header .navbar-collapse { background-color:#fff; box-shadow:0 0 5px #999; height:800px; left:-15px; overflow-y:auto; padding:30px 0 0; position:fixed; top:0; transform:translateX(-100%); transition:0.3s cubic-bezier(0.55,0,0.1,1); width:280px; z-index:11; -webkit-transform:translateX(-100%); -webkit-transition:0.3s cubic-bezier(0.55,0,0.1,1); }
header .collapse.show { left:0; transform:translateX(0); -webkit-transform:translateX(0); } 
header.smaller .navbar-collapse { padding-top:68px; }
header .navbar-nav { display:block; padding:0 15px; }
header .navbar-toggler:focus { box-shadow:none; outline:none; }
header .navbar-expand-md .navbar-nav .nav-link { align-items:center; display:flex; justify-content:space-between; }
header .navbar-expand-md .navbar-nav .nav-link, header .dropdown-menu li a { border-bottom:1px solid #e2e2e2; color:#000; font-size:15px; margin:0; padding:10px 0; }
header .dropdown-toggle { color:var(--main-color-1); cursor:pointer; font-size:13px; height:43px; padding:15px 0; position:absolute; right:0; text-align:right; top:0; width:30px; z-index:1; }
header .dropdown-menu {	background-color:transparent; min-width:unset; padding-left:10px; }
header .navbar-expand-md { order:3; }
.bottom-head .navbar-toggler img { width:38px; }
.main .col-xl-4 { order:2; }
.main .col-xl-7 { padding:0; }
.banner-video { margin:0 0 -2px; position:relative; }
.banner-video::before { background:linear-gradient(180deg, rgba(1,23,43,0) 50%, #011422 105%); bottom:7px; content:''; height:250px; left:0; position:absolute; right:0; }
.logo-img img { height:37px; }
.inner-banner { padding:200px 0 0; }
.our-txt p { padding:10px 0 0; }
.web-txt { padding-left:0; padding-right:0; }
}

@media (min-width:425px) and (max-width:767.98px){
.main .lets-btn { font-size:16px; }
.form-sec .lets-btn { font-size:15px; }
}

@media (min-width:400px) and (max-width:767.98px){
.why-sec video { height:815px; }
}

@media (min-width:768px){
#logo-mob-sec, .mob-img, #our-mob-logo { display:none; }
.main .modal-dialog { align-items:center; display:flex; height:100%; justify-content:center; }
.tired-box.dd, .tired-box.dd-2 { margin-top:135px; }
.tired-sec .col-lg-4:nth-child(2) { padding:0; }
.video-popup .modal-dialog { align-items:center; display:flex; height:100%; justify-content:center; max-width:700px; }
.client-sec .lets-btn.dd { margin:30px 0 0; }
.faq-sec .col-xl-4 { padding-right:0; }
.faq-sec .col-xl-4 img { margin:-40px 0 0; }
.why-sec::before { background-image:url(../images/why-pattern.svg) !important; background-position:top left; background-repeat:no-repeat; background-size:contain; content:''; height:452px; left:0; position:absolute; top:0; width:140px; z-index:1; }
footer .col-xl-4:nth-child(2) { text-align:right; }
.inner-banner .col-xl-5:first-child, .inner-banner .col-xl-6 { align-self:end; margin-bottom:-30px; }
.our-txt h3, .about-sec h2, .about-sec h6 { text-align:left; }
.inner-banner::before, .contact-banner::before { background-image:url(../images/custom-app-pattern.svg) !important; background-position:top left; background-repeat:no-repeat; background-size:100% 100%; bottom:0; content:''; left:0; position:absolute; top:0; width:32%; z-index:-1; }
.contact-banner::before { bottom:auto; height:540px; width:700px; }
.web-sec.dd { background-image:url(../images/custom-app-img1.webp) !important; background-position:left 30%; background-repeat:no-repeat; background-size:390px auto; }
.web-sec.dd::before { background-image:url(../images/offer-pattern1.svg) !important; background-repeat:no-repeat; background-size:contain; content:''; height:513px; left:0; position:absolute; top:-900px; width:138px; }
.web-sec.dd::after { background-image:url(../images/our-pattern.svg) !important; background-repeat:no-repeat; background-size:contain; content:''; height:622px; position:absolute; right:0; top:-280px; width:265px; }
.value-sec.dd .row, .career-sec .row { justify-content:center; }
.about-sec .col-xl-8 { padding-left:28px; }
.contact-banner .col-xl-5:first-child { align-self:center; margin-bottom: 0; }
}

@media (min-width:768px) and (max-width:991.98px){
header .navbar-expand-md .navbar-toggler, header .navbar-expand-md .navbar-collapse { display:block !important; }
header .navbar-expand-md .navbar-nav .dropdown-menu { position:relative; }
.main h1 { margin:-65px 0 28px; z-index:1; }
.main ul { padding-top:50px; }
.main li { font-size:18px; }
.main .modal-dialog { max-width:750px; }
.banner-video video { border-radius:0; height:auto; }
.how-btn { margin:35px 0; }
.desk-img { top:-90px; width:500px; }
.tired-img img { height:218px; width:180px; }
.tired-img::before { bottom:-18px; left:-18px; right:-18px; top:20px; width:215px; }
.tired-img::after { bottom:-47px; left:-47px; margin:0 auto; right:-47px; top:-9px; width:270px; }
.tired-img span::after { bottom:-74px; left:-74px; margin:0 auto; right:-74px; top:-35px; width:320px; }
.offer-sec .lets-btn { padding:13px 22px; }
.value-sec .owl-item img { height:430px; }
.value-list li img { height:125px; width:150px; }
.client-sec { background-size:200px auto, 100px auto; }
.why-img { margin:50px auto 0; width:300px; }
.why-sec::after { bottom:-350px; width:200px; }
.form-sec::before { height:601px; width:600px; }
.form-sec .col-xl-4, .form-sec .col-xl-7 { padding:0 35px; }
.form-penguin { margin:140px 0 0; width:100%; }
.inner-banner h1 { font-size:38px; }
.inner-banner p { font-size:20px; margin:18px 0 35px; }
.our-sec, .value-sec.dd, .abt-txt, .review-sec, .feature-sec, .career-txt { background-size:100px auto, 70px auto; }
.our-icon { gap:40px; }
.our-icon img { width:135px; }
.our-txt h2 { font-size:32px; }
.our-txt h4 { margin:15px 0 0; }
.our-txt ul { padding-left:30px; }
.our-logo { padding:200px 0 20px; }
.web-sec.dd { background-size:145px auto; }
.web-sec.dd::before, .web-sec.dd::after { width:85px; }
.web-txt .lets-btn.dd { font-size:16px; padding:12px 20px; }
.value-txt .value-box { padding:120px 65px 30px; }
.about-sec .row { padding:0 0 90px; }
.about-sec h2 { margin:0 0 20px; }
.feature-sec .value-box { padding:0 0 0 30px; }
.feature-list::before { top:-160px; width:155px; }
.contact-banner { padding:100px 0 80px; }
.contact-banner::before { width:350px; }
.contact-banner h2 { margin:25px 0 0; }
.career-sec { background-size:60px auto; }
.career-sec::after { width:160px; }
}

@media (min-width:992px){
.top-head, header .navbar-collapse .free-btn, .main .col-xl-6 h6 { display:none; }		
header .navbar-collapse { justify-content:end; }
header .navbar-expand-md .navbar-nav .nav-link { border-bottom:3px solid transparent; }
header .navbar-expand-md .navbar-nav .active .nav-link { border-bottom:3px solid #fff; }
header .collapse ul li:hover > .dropdown-menu { background-color:#fff; border-top:3px solid var(--main-color-1); box-shadow:0 0 2px #333; display:block; }
header .collapse ul ul { border-top:1px solid var(--main-color-1); box-shadow:0 0 2px #333; left:25px; }
header .navbar-nav .dropdown-menu li a:hover { background-color:var(--main-color); color:#fff; }
header .dropdown-menu .dropdown .dropdown-menu { left:100%; margin-left:2px; top:0; }
header .navbar .dropdown i { color:rgba(248,250,252,0.75); font-size:10px; position:absolute; right:8px; top:55px; transition:none; -webkit-transition:none; }
header .navbar .dropdown:hover i { color:var(--main-color-1); }
.main .col-xl-7 { padding-right:5px; }	
.main h1 { margin-right:-300px; position:relative; }
.main .lets-btn { margin-right:-50px; position:relative; }
.main .modal-dialog { max-width:1150px; }
.offer-sec h5 { margin-left:auto; margin-right:auto; width:80%; }
.our-logo::before { background:linear-gradient(270deg, rgba(243, 245, 248, 0.00) -15.38%, #F4F6F9 32.69%); content:''; height:90px; left:36%; position:absolute; width:60px; z-index:11; }
.proposal-sec .col-lg-2 { width:25%; }
.proposal-sec .col-lg-5 { width:37.2%; }
.value-sec .col-lg-12 { display:flex; }
.value-sec #value-sec { width:60%; }
.value-sec .value-list { padding-left:18px; width:40%; }
.feature-sec .col-lg-12.col-md-12 { padding:0 140px; }
}

@media (min-width:992px) and (max-width:1199.98px){	
header .navbar-expand-md .navbar-nav .nav-link { padding:50px 18px; }
header .navbar .dropdown i { right:2px; }
.main .modal-dialog { max-width:970px; }
.desk-img { top:-90px; width:670px; }
.tired-img img { height:436px; width:360px; }
.tired-img::before { top:36px; }
.tired-img::after { bottom:-78px; left:-78px; right:-78px; top:-4px; }
.tired-img span::after { bottom:-108px; left:-108px; right:-108px; top:-33px; }
.value-sec .owl-item img { height:510px; }
.value-list li img { height:160px; width:150px; }
.form-sec { margin:175px 20px 0; }
.form-sec::before { height:551px; width:550px; }
.solution-box p { width:88%; }
.our-sec, .value-sec.dd, .abt-txt, .review-sec, .career-txt { background-size:180px auto, 120px auto; }
.our-logo { padding:80px 0 30px 42%; }
.inner-banner h1 { font-size:50px; }
.web-sec.dd { background-size:250px auto; }
.web-sec.dd::before, .web-sec.dd::after { width:150px; }
.web-txt { padding-left:120px; padding-right:120px; }
.web-txt .lets-btn.dd { font-size:16px; padding:12px 20px; }
.about-sec .row { padding:0 120px 80px; }
.about-sec h2 { margin:0 0 20px; }
.feature-sec .value-box { padding:0 0 0 30px; }
.contact-banner::before { width:450px; }
.contact-banner h2 { margin:25px 0 0; }
.our-logo .logo-img img { height:35px; }
}

@media (min-width:1400px){
.main .col-xl-4 { width:28%; }
.main .col-xl-6 { width:63.6%; }
.main .col-xl-7 { width:63.6%; }
}

@media (min-width:1200px) and (max-width:1399.98px){
.main .col-xl-6 { width:70%; }
.main .lets-btn { padding:15px 30px; }
.logo-img img { height:37px; }
.desk-img { top:-120px; width:720px; }
.tired-img img { height:508px; width:420px; }
.tired-img::before { top:50px; }
.tired-img::after { top:-4px; }
.tired-img span::after { top:-32px; }
.form-sec { margin:175px 20px 0; }
.form-sec::before { height:701px; width:700px; }
.inner-banner h1 { font-size:58px; }
.web-sec.dd { background-size:320px auto; }
.web-sec.dd::before, .web-sec.dd::after { width:220px; }
.web-txt .lets-btn.dd { font-size:16px; padding:12px 20px; }
.contact-banner h1 { font-size:51px; }
.our-logo .logo-img img { height:35px; }
}

@media (min-width:1400px) and (max-width:1499.98px){
.main .lets-btn { padding:15px 25px; }
.web-sec.dd { background-size:330px auto; }
.our-logo .logo-img img { height:42px; }
}