*{ margin: 0px; padding: 0px; outline: none; visibility: visible !important; }
html, body { padding: 0px; margin: 0px; font-size: 17px; line-height: 1.7; font-weight: 400; font-family: 'DM Sans', sans-serif; background: #f3f2ed; }

body { position: relative; box-sizing: border-box; }
body.contactPage { background-color: #fbfafa !important; }

.margin-top-5 { margin-top: 5px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-60 { margin-top: 60px; }
.margin-top-70 { margin-top: 70px; }
.margin-top-80 { margin-top: 80px; }
.margin-top-90 { margin-top: 90px; }
.margin-top-100 { margin-top: 100px; }
.margin-top-150 { margin-top: 150px; }
.margin-top-200 { margin-top: 200px; }
.margin-top-300 { margin-top: 300px; }
.margin-top-400 { margin-top: 400px; }

.margin-bottom-0 { margin-bottom:0px; }
.margin-bottom-5 { margin-bottom:5px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-30 { margin-bottom: 30px; }	
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-bottom-60 { margin-bottom: 60px; }
.margin-bottom-70 { margin-bottom: 70px; }
.margin-bottom-80 { margin-bottom: 80px; }
.margin-bottom-90 { margin-bottom: 90px; }
.margin-bottom-100 { margin-bottom: 100px; }

.padding-1 { padding-left: 1rem; padding-right: 1rem }
.padding-2 { padding-left: 2rem; padding-right: 2rem }
.padding-3 { padding-left: 3rem; padding-right: 3rem }
.padding-4 { padding-left: 4rem; padding-right: 4rem }

.padding-y-10 { padding-top: 10px; padding-bottom: 10px; }
.padding-y-20 { padding-top: 20px; padding-bottom: 20px; }
.padding-y-30 { padding-top: 30px; padding-bottom: 30px; }
.padding-y-40 { padding-top: 40px; padding-bottom: 40px; }
.padding-y-50 { padding-top: 50px; padding-bottom: 50px; }
.padding-y-60 { padding-top: 60px; padding-bottom: 60px; }
.padding-y-70 { padding-top: 70px; padding-bottom: 70px; }
.padding-y-80 { padding-top: 80px; padding-bottom: 80px; }
.padding-y-90 { padding-top: 90px; padding-bottom: 90px; }
.padding-y-100 { padding-top: 100px; padding-bottom: 100px; }
.padding-y-120 { padding-top: 120px; padding-bottom: 120px; }
.padding-y-140 { padding-top: 140px; padding-bottom: 140px; }
.padding-y-160 { padding-top: 160px; padding-bottom: 160px; }

.padding-top-10 { padding-top: 10px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-30 { padding-top: 30px; }
.padding-top-40 { padding-top: 40px; }
.padding-top-50 { padding-top: 50px; }
.padding-top-60 { padding-top: 60px; }
.padding-top-70 { padding-top: 70px; }
.padding-top-80 { padding-top: 80px; }
.padding-top-90 { padding-top: 90px; }

.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-30 { padding-bottom: 30px; }
.padding-bottom-40 { padding-bottom: 40px; }
.padding-bottom-50 { padding-bottom: 50px; }
.padding-bottom-60 { padding-bottom: 60px; }
.padding-bottom-70 { padding-bottom: 70px; }
.padding-bottom-80 { padding-bottom: 80px; }
.padding-bottom-90 { padding-bottom: 90px; }

.padding-l-r-0 { padding-left: 0px !important; padding-right: 0px !important; }
.padding-top-0 { padding-top: 0px !important;}
.padding-bottom-0 { padding-bottom: 0px !important;}
.margin-l-r-0 { margin-left: 0px !important; margin-right: 0px !important; }

.hide { display: none !important; }
.show { display: block !important; }
.overflow-none { overflow: hidden; }

a { color:#1a1a1a; text-decoration: none; outline: none; transition: all 0.3s ease-in-out; }
a:hover, a:active, a:focus { text-decoration: none; outline: none; color: #f94140; }

.float-none { float: none !important; display: inline-block; }
.vertically-middle { display: flex; align-items: center; flex-direction: row; }
.vertically-middle > div { display: flex; }
.center-content { justify-content: center; }
.highlighted-hr { border-left: 1px solid #f94140; z-index: 2; }
.text-right.highlighted-hr { border-left: 0px; border-right: 1px solid #f94140; z-index: 2; }
.highlighted-br { border-bottom: 1px solid #ccc; z-index:2; }
.highlighted-br.knots { position:relative; }
.highlighted-br.knots:before, .highlighted-br.knots:after { content:''; width: 12px; height:12px; border: 1px solid #ccc; z-index:2; background: #f3f2ed; position:absolute; top:0; margin-top:-6px; }
.highlighted-br.knots:before { left:0; margin-left: -6px; }
.highlighted-br.knots:after { right:0; margin-right: -6px; }

.color-brown { color: #fdbb2d; }
.color-orange { color: #f94140; }
.color-white { color: rgba(255, 255, 255, 0.5); }
.color-faded { color:#525252; }

.yellow-bg { background-color:#fdbb2d; }
.dark-bg { background-color: #101014; }
.dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6, .dark-bg span { color: #fff; }
.dark-bg p, .dark-bg .fadedtitle { color: rgba(255, 255, 255, 0.5); }


.border-r-1 { border-radius: 6px; }
.border-r-2 { border-radius: 20px; }

.text-right { text-align:right; }

.fonts15 { font-size:15px; line-height: 1.5; }
.fonts18 { font-size:18px; line-height: 1.5; }
.fonts20 { font-size:20px; line-height: 1.5; }
.fonts22 { font-size:22px; line-height: 1.5; }
.fonts24 { font-size:24px; line-height: 1.5; }
.fonts26 { font-size:26px; line-height: 1.5; }

.font100 { font-weight: 100; }
.font200 { font-weight: 200; }
.font300 { font-weight: 300; }
.font400 { font-weight: 400; }
.font500 { font-weight: 500; }
.font600 { font-weight: 600; }
.font700 { font-weight: 700; }

h1 { font-size: 3rem; line-height: 1.3; font-weight: 500; font-family: 'Outfit', sans-serif; color:#101014; }
h2 { font-size: 2.9rem; line-height: 1.3; font-weight: 500; font-family: 'Outfit', sans-serif; color:#101014; }
h3 { font-size: 2.2rem; line-height: 1.3; font-weight: 500; font-family: 'Outfit', sans-serif; color:#101014; }
h4 { font-size: 1.6rem; line-height: 1.3; font-weight: 500; font-family: 'Outfit', sans-serif; color:#101014; }
h5 { font-size: 1.4rem; line-height: 1.3; font-weight: 500; font-family: 'Outfit', sans-serif; color:#101014; }
h6 { font-size: 1.1rem; line-height: 1.3; font-weight: 500; font-family: 'Outfit', sans-serif; color:#101014; }

/** Button Styling **/
.button-area { display: block; width: 100%; }
.button-block{ display: inline-block; margin: 10px 0px; animation: hue-rotate 1s linear infinite; float: left; }
.button { background-color: #ffc23e; border: none; color: #000; display: inline-block; font-size: 16px; font-weight: 500; text-decoration: none; user-select: none; padding: 12px 36px; border-radius: 30px; text-transform: capitalize; transition: all 0.3s ease; }
.button:hover, .button:focus, .button:active { color: #ffc23e; background: transparent; border-color: #ffc23e; }
.button.btn-light:hover, .button.btn-light:focus, .button.btn-light:active { background-color: #fff; border-bottom-color: #ccc; color: #1a1a1a; }
.white-outline-btn { background-color: transparent; box-shadow: 0px 0px 0px 1.5px #fff; color: #fff; }
.white-outline-btn:hover, .white-outline-btn:focus, .white-outline-btn:active { background-color: #fff; color: #1a1a1a; box-shadow: 0px 0px 0px 0px transparent; }
.dark-outline-btn { background-color: transparent; box-shadow: 0px 0px 0px 1.5px #1a1a1a; color: #1a1a1a; }
.dark-outline-btn:hover, .dark-outline-btn:focus, .dark-outline-btn:active { background-color: #1a1a1a; color: #fff; box-shadow: 0px 0px 0px 0px transparent; }
.text-link { padding:0px !important; background: transparent !important; color: #1a1a1a; box-shadow: none !important; transition: all 0.3s ease-in-out; }
.text-link:hover, .text-link:focus, .text-link:active { color: #ffc23e; }
.text-link.dark-link { color: #f94140; }
.text-link.dark-link:hover, .text-link.dark-link:active, .text-link.dark-link:focus { color: #1a1a1a; }
/** Button Styling Ends **/

header { padding:10px 0px; position: fixed; top: 0; left: 0; right: 0; z-index: 99999; margin: 0; width: 100%; z-index: 99999; border-radius: 0px; transition: all 0.5s ease; }
header .header-inner { justify-content: space-between; }
header .logo-area { float: left; padding: 20px 0px; }
header .logo-area a { display: block; }
.logo-img {display: inline-block; transition: all 0.5s ease; max-height: 35px; }
.nav-item > a { display: block; text-align: center; color: #fff; font-size: 16px; line-height: 29px; padding: 15px 0px; font-weight: 500; }
.nav-item > a.active, .nav-item > a:hover, .nav-item > a:active, .nav-item > a:focus { color: #fdbb2d !important; }
header .navbar-nav { align-items:center; gap: 1rem; }
header .navbar { transition: all 0.3s ease-in-out; }
header .button { padding:8px 22px; }
header .button:hover { background-color:#fdbb2d; color: #333; border-color: #fdbb2d; }

header.fixed { background: #101014; box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.48); }
header.fixed .navbar { padding:0px; }
header.fixed .logo-img { max-height: 28px; }

/*** Backround Glowing Balls ***/
.glowingball.gball { width:200px; height:200px; border-radius:100%; overflow:hidden; opacity: 0.5; }
.gball { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); }
.glowingball { z-index: 0; width: 14vw; height: 14vw; filter: blur(100px); background-image: radial-gradient(circle,#f94140,#ff9119 54%,#ffc163); font-size: 162px; position: absolute; top: 10px; left: 5px; }
.glowingball2 { z-index: 0; width: 14vw; height: 14vw; filter: blur(100px); background-image: radial-gradient(circle,#f94140,#ff9119 54%,#ffc163); font-size: 162px; position: absolute; top: 593px; left: 163px; }
.glowingball3 { z-index: 0; width: 14vw; height: 14vw; filter: blur(100px); background-image: repeating-linear-gradient(#ffc163,#ffd8cb 2%,#ffc163 31%,#ff9119 64%,#f94140); position: absolute; top: 398px; right: 10px; }
.opacity-4 { opacity:0.4; }
.opacity-5 { opacity:0.5; }
.opacity-6 { opacity:0.6; }
.opacity-7 { opacity:0.7; }
.opacity-8 { opacity:0.8; }
/*** Backround Glowing Balls ***/

.content-block { position:relative; display: block; }
.content-block > .container { position:relative; }
.content-block > .container:before, .content-block > .container:after { content:''; height:100%; width:1px; background-color: #ccc; position:absolute; left:0; top:0; }
.content-block > .container:after { right:0; left:auto; }
.content-block.dark-bg  > .container:before, .content-block.dark-bg  > .container:after { background-color: #404040; }
.content-block.no-lines > .container:before, .content-block.no-lines > .container:after { display: none; }
.content-img img { display: block; width:100%; height:auto; }
.full-height-img { height:100%; }
.full-height-img img { height:100%; object-fit: cover; }
.img-small img { max-width: 80%; }
ul.listing-tabs { padding-left: 1rem !important; display: flex; align-items:center; flex-wrap:wrap; }
ul.listing-tabs li { font-size: 16px; color: #525252; margin: 10px 10px; padding: 0px 10px;}
ul.listing-tabs.colored { list-style: none !important; gap: 0.5rem 1.2rem; padding-left:0px !important }
ul.listing-tabs.colored li { margin: 0px !important; padding:0px !important; font-weight: 500; color: #f94140; font-size: 17px; }
.iconbox { display: flex; align-items: flex-start; gap: 1.2rem; }
.iconbox .iconbox-icon { margin-top: 0; font-size: 1.4rem; color: #f94140; }
.iconbox.withtitle .iconbox-icon { margin-top: -0.15rem; }
.iconbox p { margin-bottom:0px; }

/***** LANDING PAGE *****/
.welcome-page-area { display: flex; align-items: center; justify-content: center; min-height: 100vh; width: 100%; background-color: #ffc23d; }
.welcome-page-area .site-category-select { display: block; text-align: center; }
.welcome-page-area .site-category-select h1 { display: block; margin: 0px; font-size: 46px; line-height: 54px; font-weight: 600; font-family: 'DM Sans', sans-serif; color: #fff; }
.welcome-page-area .site-category-item { display: inline-block; width: 90%; background-color: #000; padding: 50px 0px; border-radius: 4px; box-shadow: 1px 2px 13px 0px #e0aa33; }
.welcome-page-area .site-category-item .category-logo { display: block; text-align: center; width: 100%; }
.welcome-page-area .site-category-item .category-logo img { display: inline-block; width: 100%; height: auto; max-width: 250px; }
.welcome-page-area .site-category-item .category-link { display: flex; align-items: center; justify-content: center; }
.welcome-page-area .site-category-item .category-link .button-area { display: inline-flex; width: auto; }
.welcome-page-area #container1 { perspective: 40px; }
.welcome-page-area #container2 { perspective: 50px; }
.welcome-page-area #inner1 { transition: transform 0.5s; -webkit-transition: transform 0.5s; box-shadow: 2px 2px 50px rgba(0, 0, 0, 0.2); }
.welcome-page-area #inner2 { transition: transform 0.2s; -webkit-transition: transform 0.2s; box-shadow: 2px 2px 50px rgba(0, 0, 0, 0.2); }
.footer { display: block; width: 100%; }
.footer .copyright-area p { font-size: 12px; line-height: 16px; font-weight: 400; color: #ce9721; }
/***** LANDING PAGE *****/


/*********** HOME PAGE ***********/
.home-area { overflow: hidden; position:relative; background: #101014; padding-top: 100px; }
.home-area-inner { min-height: 100vh; position:relative; z-index:2; }
.welcome-area h1 { font-family: 'DM Sans', sans-serif; color: #FAFAFA; background: linear-gradient(89.99deg, #F94140 0%, #FF9119 41.64%, #FFC163 80.43%, #FFD8CB 109.52%); -webkit-background-clip: text; }
.welcome-area h1 span { -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 0px; -webkit-text-stroke-color: transparent; }
.client-list { gap: 2rem; padding: 0.5rem; }
.client-list .gray-img a { height: 48px; display: flex; align-items:center; justify-content:center; gap: 1.5rem }
.client-list .gray-img img { display:block; height: 100%; filter: invert(50%); object-fit: contain; }
.section-title { display: block; position: relative; margin-bottom: 1.5rem; }

.card .card-title { display: flex; align-items: flex-start; }
.card .card-title img { max-width: 30px; margin-right: 1rem; }
.white-card { background-color: #faf9f7; border: 1.5px solid #e5e5e5; border-radius:6px; padding: 1.5rem; height:100%; }
.dark-card { background-color: rgba(26,26,32,.7); border: 1.5px solid rgba(26,26,32,.9); border-radius:6px; padding: 1.5rem; height:100%; }
.border-card { background-color: transparent; border: 1.5px solid #e5e5e5; border-radius:6px; padding: 1.5rem; height:100%; transition: all 0.3s ease-in-out; }
.border-card:hover { background-color: #fdbb2d; border-color: #fdbb2d; }
.border-card:hover span, .border-card:hover p, .border-card:hover a { color: #fff; }
.card .card-content { display: flex; flex-direction: column; width:100%; flex-grow:1; }
.card .card-content .button-area { margin-top:auto; }

.our-clients { display: block; position: relative; }
.our-clients .owl-carousel { cursor: pointer; }
.our-clients .owl-carousel.testimonial-slider .owl-dots { display: flex; align-items: center; justify-content: center; margin-top: 1.5rem; }
.our-clients .owl-carousel.testimonial-slider .owl-dots .owl-dot { display: inline-block; cursor: pointer; float: none; width: 10px; height: 2px; border-radius: 0; border: 1px solid #cacaca; background-color: transparent; margin-right: 8px; transition: all 0.5s ease; }
.our-clients .owl-carousel.testimonial-slider .owl-dots .owl-dot:hover { background-color: #fdbb2d; border-color: #fdbb2d; opacity: 0.8; }
.our-clients .owl-carousel.testimonial-slider .owl-dots .owl-dot.active { background-color: #fdbb2d; border-color: #fdbb2d; width: 20px; }
.testimonial-slider .testimonial-item { display: block; background: #fff; border:1px solid #e5e5e5; border-radius:6px; padding: 2rem; }
.testimonial-slider .testimonial-item .testimonial-details { display: block; position: relative; padding-left: 40px; padding-top: 8px; }
.testimonial-slider .testimonial-item .quote-img { position: absolute; left: 0; top: 0; width: 25px; }
.testimonial-slider .testimonial-item .quote-img img { display: inline-block; width: 20px; }
.testimonial-slider .testimonial-item .testimonial-client-details { display: block; padding-left: 40px; }
.testimonial-slider .testimonial-item .testimonial-client-details .testimonial-client-name { display: block; font-size: 16px; font-weight: 600; }
.testimonial-slider .testimonial-item .testimonial-client-details .testimonial-client-company { display: block; font-size: 12px; line-height: 18px; font-weight: 400; color: #9c9c9c; }
.dark-bg .testimonial-slider .testimonial-item { background-color: rgba(26,26,32,.7); border: 1.5px solid rgba(26,26,32,.9); }

/*** AUTOMATION PAGE ******/
.automation-page-area { display: block; min-height: 100vh; width: 100%; position: relative; }
.earth-demo { background: #000; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; }
.earth-demo:after { position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 100vh; width: 100%; background: rgb(0,0,0,0.30); z-index: 1; }
.earth-demo:before { background-size: cover; background: url(https://cssanimation.rocks/images/random/space2.jpg) repeat center; content: ""; opacity: .5; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 0; background-repeat: no-repeat; height: 100vh; width: 100%; background-size: cover; }
.earth { position: absolute; top: calc(50% - 100px); left: calc(50% - 100px); }
.earth img { height: 200px; position: absolute; top: 0; left: 0; width: 200px; } 
.moon-container { position: absolute; top: calc(50% - 25px); left: calc(50% - 25px); }
.moon { animation: spin 20s linear infinite; background: none; height: 50px; pointer-events: none; transform-origin: 25px; width: 50px; z-index: 0; }
.moon img { transform: translateX(-160px) translateY(-160px); width: 50px; } 
.earth img, .moon img { border-radius: 50%; box-shadow: 0 0 12em 1em rgba(110, 140, 200, .6); }
@keyframes spin { to { transform: rotateZ(360deg); } }
.comingsoon-area { position: absolute; z-index: 999; left: 0; right: 0; top: 0; bottom: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.comingsoon-area h1 { margin-top: 25%; color: #fff; font-size: 42px; line-height: 50px; font-weight: 500; }
.orange-button { transition: all 0.5s ease; }
.orange-button:hover, .orange-button:focus, .orange-button:active { background-color: #fcbd37; color: #ffffff; }
/******** AUTOMATION PAGE ENDS *********/

.banner-area { padding-top: 200px; position: relative; overflow: hidden; padding-bottom: 150px; }
.banner-area.below-img { padding-bottom: 300px; }
.large-banner-img { margin-top: -200px; position:relative; z-index:3; }

.our-team .team-member { display: block; transition: all 0.5s ease; background-color: transparent; text-align: left; transition: all 0.5s ease; padding: 0 5px; }
.our-team .team-member .profile-image { display: flex; align-items: flex-end; width: 100%; height: 265px; background-color: #c8d8f2; overflow: hidden; border-radius: 6px; margin-bottom: 0.5rem; }
.our-team .team-member .profile-image img { display: block; width:100%; object-fit: contain; height: 220px; margin: auto auto 0 auto; }
.our-team .team-member .profile-details { display: block; }
.our-team .team-member .profile-details .name { display: block; letter-spacing: 0px; font-weight: 600; font-size: 18px; line-height: 24px; color: #333; }
.our-team .team-member .profile-details .designation { display: block; margin-bottom: 15px; text-transform: capitalize; letter-spacing: 0px; font-weight: 400; font-size: 14px; line-height: 18px; color: #969696; }

.services .service-row { min-height: 80vh; }

.clients .white-card .content-img { display: flex; align-items:center; justify-content:center; height: 200px; }
.clients .white-card .content-img img { max-height: 130px; width:100%; object-fit: contain; }
.clients .white-card .client-name { margin-top: 1rem; margin-bottom: 0px; text-transform: capitalize; }

.modal.lightbox .modal-body { background: #000; padding: 0.5rem !important; max-width: 900px; margin: auto; }
.lightbox-carousel .carousel-item .ratio { background-color: transparent !important; }
.lightbox-carousel .carousel-item .ratio img { position: initial !important; }
.lightbox-carousel .carousel-item .ratio:before { display: none!important; }
.modal.lightbox .btn-close { background: #000 !important; border-radius: 3px; margin: 0.8rem; transition: all 0.3s ease-in-out; }


/** Contact form **/
.contact-iconbox .iconbox { gap: 1rem; }
.contact-iconbox .iconbox .iconbox-icon { font-size: 1rem; }
.contact-iconbox .iconbox .iconbox-icon i { vertical-align:middle; }
.contact-iconbox .social-listing ul { list-style: none; padding-left:0px; margin:0px; display: flex; gap: 1rem; }
.contact-iconbox .social-listing ul li a { color:#f94140; transition: all 0.3s ease-in-out; }
.contact-iconbox .social-listing ul li a:hover, .contact-iconbox .social-listing ul li a:active, .contact-iconbox .social-listing ul li a:focus { color: #1a1a1a; }
.contact-us-form { display: block; }
.contact-us-form .form-group { display: block; }
.contact-us-form .form-group .form-item { display: block; width: 100%; box-shadow: none !important; background-color: #fff !important; border:1px solid #ddd; padding: 15px  15px; font-size: 14px; line-height: 26px; font-weight: 400; color: #333; transition: all 0.5s ease; }
.contact-us-form .form-group textarea.form-item { resize: none; }
.contact-us-form .form-group .form-item:focus, .contact-us-form .form-group .form-item:active { background-color: #fff; border-color: #fdbb2d; }
.form-status { font-size: 14px; line-height: 20px; color: #2ab730; font-weight: 400; font-style: italic; display:block; margin-bottom: 1rem; }
.form-status i { margin-right: 5px; }
.error-msg { color: red; }
.contact-us-form .form-group.form-captcha { position: relative; }
.contact-us-form .form-group .form-custom-item { display: inline-block; width: auto; box-shadow: none !important; background-color: #fff !important; border:1px solid #f1f1f1; padding: 15px  15px; font-size: 14px; line-height: 26px; font-weight: 400; color: #333; transition: all 0.5s ease; }
.contact-us-form .form-group.form-captcha .form-item-captcha-img { position: absolute; left: 0; top: 0; bottom: 0; transform: translate(10px, 50%); max-height: 50%; }
.contact-us-form .form-group .form-item.form-captcha-input { padding-left: 90px; font-size: 18px; color: #000; font-weight: 400; }
.contact-us-form .dark-outline-btn { width: 100%; border-radius: 6px; background: #1a1a1a; color: #fff; }
.contact-us-form .dark-outline-btn:hover, .contact-us-form .dark-outline-btn:active, .contact-us-form .dark-outline-btn:focus { background-color: #fdbb2d; color: #000; }
/** Contact form Ends **/

/** footer **/
footer { display: block; background:#101014; }
footer .footer-area { padding: 2rem 0; }
footer .footer-block { display: block; margin: 1rem 0; }
footer .footer-block .location { max-width: 250px; width:100%; }
footer .footer-block .footer-block-title h5 { color: #d1d1d1; margin-bottom: 1.5rem; }
footer .footer-block .footer-block-title p { display: block; font-size: 15px; line-height: 1.7; font-weight: 400; position: relative; padding-left: 30px; color: rgba(255, 255, 255, 0.45); }
footer .footer-block .footer-block-title p span { position: absolute; left: 0px; font-size: 16px; line-height: 1.7; color: #fdbb2d; }
footer .footer-block .footer-block-title ul { list-style: none; padding-left: 0px; }
footer .footer-block .footer-block-title ul li { display: block; width: 100%; float: left; clear: both; font-size: 15px; line-height: 1.7; font-weight: 400; text-align: left; padding-left: 30px; position: relative; margin-bottom: 10px; color: #7f7f7f; }
footer .footer-block .footer-block-title ul li a span:first-child { position: absolute; width: 16px; text-align: center; left: 0px; font-size: 15px; line-height: 1.7; color: #fdbb2d; }
footer .footer-block .footer-block-title ul li a { color: rgba(255, 255, 255, 0.45); text-decoration: none; font-size: 15px; line-height: 1.7; transition: all 0.5s ease; text-transform: capitalize; }
footer .footer-block .footer-block-title ul li a:hover, footer .footer-block .footer-block-title ul li a:focus, footer .footer-block .footer-block-title ul li a:active { color: #ffc23e; }
footer .footer-area > .row > .footer-block:first-child .footer-block-title p span { line-height: 26px; }
footer .footer-block.footer-menu ul { list-style:none; padding-left:0px; -moz-columns: 2; column-count: 2; max-width: 385px; }
footer .footer-block.footer-menu ul li { padding: 0.5rem 0; margin:0px; }
footer .footer-block.footer-menu ul li a, footer .copyright-area a { color: rgba(255, 255, 255, 0.45); text-decoration: none; font-size: 15px; line-height: 1.7; transition: all 0.5s ease; text-transform: capitalize; }
footer .footer-block.footer-menu ul li.active a, footer .footer-block.footer-menu ul li a:hover, footer .copyright-area a:hover { color: #fdbb2d; }
footer .footer-block li.social-listing { padding-left: 0px !important; margin-top: 0.5rem; }
footer .footer-block ul.socials { padding-left:0px; display: flex; align-items:center; gap: 0.6rem; }
footer .footer-block ul.socials li { padding: 0 !important; width:auto; }
footer .footer-block ul.socials li a span { position: initial !important; background: rgba(255,255,255,0.10); padding: 0.4rem 0.7rem; border-radius: 4px; transition: all 0.3s ease-in-out; }
footer .footer-block ul.socials li a:hover span { background-color: #fdbb2d; color: #333; }
footer .copyright-area > div { border-top:1px solid rgba(255, 255, 255, 0.1); padding: 1.2rem 0; }
footer .copyright-area p { display: block; margin: 0px; padding: 10px 0px; color: #7f7f7f; font-size: 14px; line-height: 1.7; font-weight: 400; }
footer .copyright-area p .designedby  { font-style: italic; text-transform: capitalize; text-decoration: none; color: #7f7f7f; }
footer .copyright-area p .designedby a { text-decoration: none; color: #7f7f7f; font-weight: 500; transition: all 0.5s ease; }
footer .copyright-area p .designedby a:hover, footer .copyright-area p .designedby a:active, footer .copyright-area p .designedby a:focus { color: #fdbb2d; }
/** footer Ends **/

@media(max-width: 1024px){
	h1 { font-size: 2.4rem; line-height: 1.3; }
	h2 { font-size: 2rem; line-height: 1.3; }
	h3 { font-size: 1.8rem; line-height: 1.3; }
	h4 { font-size: 1.4rem; line-height: 1.3; }
	h5 { font-size: 1.3rem; line-height: 1.3; }
	h6 { font-size: 1.1rem; line-height: 1.3; }
	.fonts15 { font-size:14px; line-height: 1.5; }
	.fonts18 { font-size:16px; line-height: 1.5; }
	.fonts20 { font-size:18px; line-height: 1.5; }
	.fonts22 { font-size:20px; line-height: 1.5; }
	.fonts24 { font-size:22px; line-height: 1.5; }
	.fonts26 { font-size:24px; line-height: 1.5; }
	.section-title { margin-bottom: 1rem; }
	.shape { width: 180px; height: 180px; }
	.left-bubble { /*margin-left: -120px;*/ margin-left: 20px; }
	.right-bubble { /*margin-right: -120px;*/ margin-right: 20px; }
	.intro-section .intro-section-inner { text-align: center; }
	.intro-section .intro-section-inner h3 { font-size: 20px; line-height: 26px; letter-spacing: 5px; }
	.button { padding: 9px 22px; font-size: 16px; }
	.text-link { font-size: 15px; }
	.portfolio-section .portfolio-block .portfolio-img img { max-width: 230px; }	
}

@media(min-width:991px){
	header .button { margin-left: 1rem; }
}

@media(max-width: 991px){
	.navbar-toggler { border:0px; outline: none; box-shadow: none !important; }
	.navbar-collapse { background: #fdbb2d; padding: 1.5rem 0.5rem; margin-top: 1rem; border-radius:6px; box-shadow: 1px 2px 30px 0 rgba(0,0,0,0.05); }
	.nav-item > a.nav-link { padding: 0px; }
	.nav-item > a.active, .nav-item > a:hover, .nav-item > a:active, .nav-item > a:focus { color: #1a1a1a !important; }
	header .button { margin-top: 1rem; }
	.text-right.highlighted-hr { text-align: left; border-left: 1px solid #f94140; border-right:0px; z-index: 2; }
	.cta-block, .cta-block .text-right { text-align: center !important; }
	.home-area .home-area-inner { text-align:center; }
	.home-area .home-area-inner .content-img.img-small img { max-width: 100%; margin: auto; }
	.services-details-tab { margin-top: 50px; }
	.services-details .services-details-tab > div { padding: 15px 0px; }
	.services-details .services-details-tab .nav-tabs li { width: auto; display: inline-block; float: left; clear: none; margin-right: 15px; margin-bottom: 15px; }
	.services-details .services-details-tab .nav-tabs>li>a, .services-details .services-details-tab .nav-tabs>li.active>a, .services-details .services-details-tab .nav-tabs>li.active>a:focus { border: 1px solid #dfdfdf !important; font-size: 16px; line-height: 22px; padding: 10px 20px; font-weight: 400; }
	.services-details .services-details-tab .nav-tabs>li.active>a, .services-details .services-details-tab .nav-tabs>li.active>a:focus  { border-color: #ffc23e !important; }
	.border-right-one { border-right: 0px !important; border-bottom: 1px solid #f1f1f1; }
	.services-made-by, .services-made-by .text-right { justify-content: center; text-align: center; gap: 1.5rem; }
	.row.reverse-mobile { flex-direction: column-reverse; }
	.padding-y-90 { padding-top: 40px; padding-bottom: 40px; }
	.banner-area { padding-bottom: 80px; padding-top: 150px; }
	.banner-area.below-img { padding-bottom: 200px; }
	.large-banner-img { margin-top: -160px; }
	footer .footer-block .location { max-width: 100%; }
}

@media(max-width: 768px){
	.button-area .link-btn { font-size: 14px; }
	.left-bubble { margin-left: 0px; }
	.right-bubble { margin-right: 0px; }
	.intro-section .intro-section-inner { text-align: center; }
	.intro-section .intro-section-inner h3 { font-size: 20px; line-height: 26px; letter-spacing: 5px; }
	.portfolio-section .portfolio-block .portfolio-img { padding: 40px 0px; }
	.portfolio-section .portfolio-block .portfolio-img img { max-width: 100%; }
	.welcome-page-area { min-height: auto; padding: 50px 0px; }
	.welcome-page-area .site-category-select h1 { font-size: 28px; line-height: 36px; }
	.welcome-page-area .vertically-middle { display: block; }
	.welcome-page-area .vertically-middle > div { display: block; width: 100%; }
}

@media(max-width: 767px){
	.menu-item { padding: 22px 0px; }
	.fidiots-welcome img.home-image { width: 65%; margin-top: 30px; }
	.button-area .link-btn { font-size: 14px; }
	.bubble-area .pattern-image img { width: 120px; }
	.home-area-inner { display: block; height: auto; }
	.our-clients-container { padding: 15px 10px; padding-bottom: 100px; }
	.big-section-title h3.big-title { font-size: 16px; line-height: 28px; letter-spacing: 3px; }
	.services-details .services-details-tab .nav-tabs>li>a, .services-details .services-details-tab .nav-tabs>li.active>a, .services-details .services-details-tab .nav-tabs>li.active>a:focus { font-size: 14px; line-height: 18px; padding: 8px 12px; }
	.our-team .team-member .profile-details .designation { font-size: 12px; }
	.our-team .team-member .profile-image { max-height: initial; }
	.comingsoon-area h1 { margin-top: 0px; font-size: 24px; line-height: 32px; }
	.welcome-page-area .site-category-item .category-logo img { max-width: 200px; }
	.banner-area { padding-bottom: 50px; }
	.banner-area.below-img { padding-bottom: 160px; }
	.large-banner-img { margin-top: -120px; }
	.large-banner-img img { width: 100vw; max-width: 100vw; margin-left: -50vw; margin-right: -50vw; position: relative; left: 50%; right: 50%; min-height: 250px; object-fit: contain; background: #e9e1cf; }
	.stretch-img img { width: 100vw; max-width: 100vw; margin-left: -50vw; margin-right: -50vw; position: relative; left: 50%; right: 50%; min-height: 250px; object-fit: contain; padding:0px !important; border-radius:0px !important; position:relative; z-index:3 }
	.white-card { padding: 0.8rem; }

	h1 { font-size: 2.2rem; line-height: 1.3; }
	h2 { font-size: 1.7rem; line-height: 1.3; }
	h3 { font-size: 1.5rem; line-height: 1.3; }
	h4 { font-size: 1.3rem; line-height: 1.3; }
	h5 { font-size: 1.2rem; line-height: 1.3; }
	h6 { font-size: 1.1rem; line-height: 1.3; }

	.padding-y-10 { padding-top: 5px; padding-bottom: 5px; }
	.padding-y-20 { padding-top: 15px; padding-bottom: 15px; }
	.padding-y-30 { padding-top: 20px; padding-bottom: 20px; }
	.padding-y-40 { padding-top: 30px; padding-bottom: 30px; }
	.padding-y-50 { padding-top: 35px; padding-bottom: 35px; }
	.padding-y-60 { padding-top: 45px; padding-bottom: 45px; }
	.padding-y-70 { padding-top: 50px; padding-bottom: 50px; }
	.padding-y-80 { padding-top: 55px; padding-bottom: 55px; }
	.padding-y-90 { padding-top: 60px; padding-bottom: 60px; }
	.padding-y-100 { padding-top: 60px; padding-bottom: 60px; }
	.padding-y-120 { padding-top: 80px; padding-bottom: 80px; }
	.padding-y-140 { padding-top: 80px; padding-bottom: 80px; }
	.padding-y-160 { padding-top: 85px; padding-bottom: 85px; }

	footer .footer-block { margin-top: 15px; margin-bottom: 15px; }
	footer .footer-block .footer-block-title h3 { margin-top: 0px; }	
}

@media(max-width: 576px){
	.content-block > .container { padding-left: 30px; padding-right: 30px; }
	.content-block > .container:before { left: 17px; }
	.content-block > .container:after { right: 17px; }
	.large-banner-img { margin-top: -60px; }
	.border-r-2 { border-radius: 10px; }
	.padding-2 { padding-left: 1.2rem; padding-right: 1.2rem; }
	.fonts22 { font-size:17px; line-height: 1.5; }
	.fonts24 { font-size:18px; line-height: 1.5; }
	.fonts26 { font-size:20px; line-height: 1.5; }
	.banner-area { padding-bottom: 50px; }
	.banner-area.below-img { padding-bottom: 100px; }
	footer .footer-block.footer-menu ul { column-count: 3; }
}

@media(max-width: 375px){
	.testimonial-slider .testimonial-item { padding: 1.2rem; }
	.testimonial-slider .testimonial-item .testimonial-details { padding-left: 26px; font-size: 16px; line-height: 1.7; }
	.testimonial-slider .testimonial-item .quote-img { width: 25px; }
	.testimonial-slider .testimonial-item .quote-img img { width: 15px; }
	footer .footer-block.footer-menu ul { column-count: 2; }
}