/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
html{overflow-x: hidden;}
body{scroll-behavior: smooth;}
::selection{background: #021d68; color: #fff;}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}
::-webkit-scrollbar{width:10px;height:10px;background-color:#f5f5f5}
::-webkit-scrollbar-thumb{background-color:#101c43}
i.fa.fa-phone-alt{transform:scaleX(-1)}
.mb-0 p{margin: 0;}
.common-btn.elementor-widget.elementor-widget-porto_button a.btn{font-size:16px;border:1px solid #000f3a;border-radius:6px;font-family:Montserrat,sans-serif;font-weight:500;padding:14px 20px;line-height:100%;transition:.5s all ease;background:#000f3a;color:#fff}
.common-btn.elementor-widget.elementor-widget-porto_button a.btn:hover{background:#fff;color:#000f3a}
.common-btn.elementor-element-3429532.elementor-widget.elementor-widget-porto_button a.btn,
.common-btn.white.elementor-widget.elementor-widget-porto_button a.btn{border-color:#fff;background:0 0;color:#fff}
.common-btn.elementor-element-3429532.elementor-widget.elementor-widget-porto_button a.btn:hover,
.common-btn.white.elementor-widget.elementor-widget-porto_button a.btn:hover{background:#fcb221;color:#fff;border-color:#fcb221}
.elementor-element.small-title.elementor-widget{font-size:18px;font-family:Montserrat,sans-serif;letter-spacing:.5px;font-weight:500;margin:0;line-height: 100%;}
.elementor-element.small-title.elementor-widget p{margin-bottom: 10px;}
.elementor-element.main-title.elementor-widget-heading .elementor-heading-title{font-size:46px;line-height:120%;margin:0 0 15px;font-weight:600;letter-spacing:.5px}
section.elementor-section.gap-0{margin:0 -15px!important}
.common-btn.white.elementor-element-9585d47.elementor-widget.elementor-widget-porto_button a.btn:not(:hover) {background: #fff;color: #101c43;}
section.elementor-section.elementor-inner-section.tab-block-cols .elementor-container>.elementor-column{width:50%;max-width:50%;flex:0 0 50%}
section.elementor-section.elementor-inner-section.tab-block-cols .elementor-container{flex-wrap:wrap;justify-content:space-between}
.header-wrapper header#header .header-main .container>div.mobile-nav-wrap ul.mobile-menu li.menu-item > a {font-family: 'Montserrat';}
.elementor-element.common-list li.elementor-icon-list-item span.elementor-icon-list-text{position:relative;padding:0 0 0 25px;z-index:1}
.elementor-element.common-list li.elementor-icon-list-item span.elementor-icon-list-text::before{content:"";position:absolute;left:0;width:16px;height:14px;background:url('https://ingeniousonline.co.in/abdulla/code/wp-content/uploads/2025/08/check-list.png') no-repeat center;top:5px;background-size:contain}
.elementor-element.common-list span.elementor-icon-list-icon{display:none}

/*  ---------------------------------------- Common css end  ---------------------------------------- */
#header.sticky-header .searchform-popup{display:block!important}
.header-wrapper header#header{border:0;height:unset}
.header-wrapper header#header .header-top{border:0;padding:5px 0}
.header-wrapper header#header .header-top .header-left .textwidget.custom-html-widget ul{display:flex;list-style-type:none;margin:0;padding:0}
.header-wrapper header#header .header-top .header-left .textwidget.custom-html-widget ul li:nth-child(2){padding:0 20px;margin:0 20px;border-left:1px dashed #ffffff80;border-right:1px dashed #ffffff80}
.header-wrapper header#header .header-top .header-left .textwidget.custom-html-widget ul li,.header-wrapper header#header .header-top .header-left .textwidget.custom-html-widget ul li a{font-size:14px;color:#fff;font-weight:400;font-family:Montserrat}
.header-wrapper header#header .header-top .header-left .textwidget.custom-html-widget ul i{margin-right:4px}
.header-wrapper header#header .header-right .share-links>a{background:0 0;font-size:14px;margin:0 0 0 5px}
.header-wrapper header#header .header-main .container{display:flex;align-items:center;justify-content:space-between;gap:0 15px;padding:10px 15px}
.header-wrapper header#header .header-main .container>div{display:block;padding:0}
.header-wrapper header#header .header-main .container>div.header-left{width:100%;height:65px;max-width:175px;}
.header-wrapper header#header .header-main .container>div.header-left *{display:block;width:100%;height:100%;object-fit:contain;max-width:100%;transform: unset;}
.header-wrapper header#header .header-main .container>div .logo img.img-responsive.standard-logo.retina-logo{display:none}
.header-wrapper header#header .header-main .container>div.header-right{flex:1}
.header-wrapper header#header .header-main .container>div.header-right>div{display:flex;align-items:center;justify-content:end}
.header-wrapper header#header .header-main .container>div.header-right>div ul.main-menu>li.menu-item>a{padding:30px 15px;letter-spacing: 0.5px;text-transform:uppercase;color:#656565;font-size:12px;font-weight:700;margin:0 5px;line-height:100%;position:relative}
.header-wrapper header#header .header-main .container>div.header-right>div ul.main-menu>li.menu-item.current_page_item>a,
.header-wrapper header#header .header-main .container>div.header-right>div ul.main-menu>li.menu-item.current_page_item>a.current{color:#fcb221}
.header-wrapper header#header .header-main .container>div.header-right>div ul.main-menu>li.menu-item{margin:0}
.header-wrapper header#header .header-main .container>div.header-right>div ul.main-menu>li.menu-item>a::before{position:absolute;bottom:-10px;top:unset;height:5px;width:80%;left:0;right:0;margin:auto;opacity: 0;}
.header-wrapper header#header .header-main .container>div.header-right>div ul.main-menu>li.menu-item.current-menu-item>a::before{opacity: 1;}
.header-wrapper header#header .header-main .container>div.header-right>div .block-nowrap a.search-toggle{color:#656565}
.header-wrapper header#header .header-main .container>div.header-right>div .block-nowrap form.searchform.search-layout-large{border:1px solid #fcb221;font-size:14px;color:#000;font-weight:400}
#header .advanced-search-layout .search-toggle:after,#header .large-search-layout .search-toggle:after{border-bottom-color:#fcb221}
.header-wrapper header#header .header-main .container .request-button>a{padding:0 25px;height:50px;background:#fcb221;display:inline-block;line-height:50px;color:#fff;font-size:15px;border-radius:5px;margin:0 0 0 15px;font-family:Montserrat,sans-serif;font-weight:500;transition:.5s all ease;border:1px solid #fcb221}
.header-wrapper header#header .header-main .container .request-button>a:hover{background:#fff;color:#fcb221}
.header-wrapper header#header .header-main .container>div.header-right>div ul.main-menu ul.sub-menu.porto-narrow-sub-menu a{color:#000;background:#fff}
.header-wrapper header#header .header-main .container>div.header-right>div ul.main-menu ul.sub-menu.porto-narrow-sub-menu a:hover,
.header-wrapper header#header .header-main .container>div.header-right>div ul.main-menu ul.sub-menu.porto-narrow-sub-menu li.current-menu-item a{color:#fff;background:#fcb221}
#header .main-menu > li.has-sub:before, #header .main-menu > li.has-sub:after {border-bottom-color: #fcb221;}
.header-wrapper header#header .header-main .container>div.header-right>div ul.main-menu ul.sub-menu.porto-narrow-sub-menu{padding:0;border:0;border-top: 3px solid #fcb221;}
/* ---------------------------------------- Header css end ---------------------------------------- */
#main-banner-wrapper .porto-u-heading .porto-u-main-heading h2{font-size:60px;line-height:120%;margin:0 0 20px;font-weight:600}
#main-banner-wrapper .porto-u-heading .porto-u-main-heading h2 span{color:#fcb221}
#main-banner-wrapper .porto-u-heading .porto-u-sub-heading{font-size:20px;line-height:120%;font-weight:600}
#main-banner-wrapper{background-color:#000}
#after-banner-wrapper>.elementor-container>.elementor-column>.elementor-widget-wrap{background:#f5f5f5;padding:15px;transition:.5s all ease}
#after-banner-wrapper>.elementor-container>.elementor-column{padding:0 15px}
#after-banner-wrapper .porto-sicon-box .porto-sicon-default{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:#fff;margin:0 15px 0 0;box-shadow:0 8px 15px 0 #93939340}
#after-banner-wrapper .porto-sicon-box .porto-sicon-default .porto-sicon-img{margin:0}
#after-banner-wrapper>.elementor-container>.elementor-column>.elementor-widget-wrap .porto-sicon-title{font-size:20px;line-height:120%;font-weight:600;color:#000f3a;margin:0;padding:0;text-shadow:none;letter-spacing:.5px}
#after-banner-wrapper>.elementor-container>.elementor-column>.elementor-widget-wrap .porto-sicon-description{color:#000;font-size:16px;line-height:24px;font-weight: 400;font-family: Montserrat;}
#after-banner-wrapper>.elementor-container>.elementor-column>.elementor-widget-wrap:hover{background:#fff;box-shadow:0 8px 15px 0 #93939340}
#after-banner-wrapper>.elementor-container>.elementor-column>.elementor-widget-wrap:hover .porto-sicon-default{box-shadow:none;background:#f5f5f5}
/*  ---------------------------------------- All css end  ----------------------------------------*/
#featured-services-wrapper .elementor-widget-image-box{margin:30px 0 0;position:relative;overflow:hidden;transition:.5s all ease}
#featured-services-wrapper .elementor-widget-image-box figure.elementor-image-box-img,#featured-services-wrapper .elementor-widget-image-box figure.elementor-image-box-img img{width:100%;max-width:100%;border-radius:10px;display:block}
#featured-services-wrapper .elementor-widget-image-box .elementor-image-box-content{position:absolute;top:0;height:100%;width:100%;border-radius:10px;background:linear-gradient(180deg,rgba(0,35,90,0) 58.59%,#00235a 100%);display:flex;align-items:center;justify-content:end;flex-direction:column;transition:.5s all ease;padding:0 15px}
#featured-services-wrapper .elementor-widget-image-box .elementor-image-box-content .elementor-image-box-title{margin:0;transition:.5s all ease;transform:translateY(75px)}
#featured-services-wrapper .elementor-widget-image-box .elementor-image-box-content p.elementor-image-box-description{transform:translateY(100px);opacity:0;visibility:hidden;transition:.5s all ease}
#featured-services-wrapper .elementor-widget-image-box .elementor-image-box-content p> a{font-size:14px;color:#fcb221;font-weight:600;letter-spacing:.5px;display:block;}
#featured-services-wrapper .elementor-widget-image-box:hover .elementor-image-box-content{background:#000f3ade;justify-content:center}
#featured-services-wrapper .elementor-widget-image-box:hover .elementor-image-box-content .elementor-image-box-title{transform:translateY(-15px)}
#featured-services-wrapper .elementor-widget-image-box:hover .elementor-image-box-content p.elementor-image-box-description{transform:translateY(0);opacity:1;visibility:visible}
#featured-services-wrapper > .elementor-container >.elementor-column.elementor-col-100 >.elementor-widget-wrap.elementor-element-populated{padding:0}
#qed-advantage-wrapper .elementor-widget-porto_info_box{background:#fff;height:100%;padding:40px 20px;border-radius:6px;transition:.5s all ease}
#qed-advantage-wrapper .elementor-widget-porto_info_box:hover{box-shadow:0 6px 25px 0 #9999993B}
#qed-advantage-wrapper .elementor-widget-porto_info_box .porto-sicon-description p{margin:0}
#insights-wrapper .post-slide{margin:30px 0 30px;padding:20px;background:#f5f5f5;transition: 0.5s all ease;}
#insights-wrapper .post-slide:hover{background: #fff;box-shadow: 0px 8px 30px 0px #6969693D;}
#insights-wrapper .post-slide .post-date{width:100%;float:unset;text-align:left;margin:0 0 20px;color:#656565;font-size:12px;font-weight:500;font-family:Montserrat;position:relative;z-index:1;display:block;padding:0 0 0 25px}
#insights-wrapper .post-slide .post-date span.day,#insights-wrapper .post-slide .post-date span.month{display:none}
#insights-wrapper .post-slide .post-date::before{content:"";position:absolute;left:0;height:16px;background:url('https://ingeniousonline.co.in/abdulla/code/wp-content/uploads/2025/08/Calendar-Icon.png') no-repeat center;width:16px;top:4px;background-size:auto}
#insights-wrapper .post-slide .post-date time{display:block}
#insights-wrapper .post-slide h4{font-size:26px;line-height:120%;margin:0 0 10px;font-weight:600;letter-spacing:.5px}
#insights-wrapper .post-slide h4+div{margin:0}
#insights-wrapper .post-slide h4+div p.post-excerpt{font-size:16px;line-height:26px;font-family:Montserrat;color:#000}
#insights-wrapper .post-slide h4+div p.post-excerpt a.read-more{text-transform:capitalize;color:#fcb221;font-size:14px;line-height:100%;display:block;margin:20px 0 0;font-weight:600}
#insights-wrapper .owl-dots button>span{border-radius:0;transform:rotate(45deg);margin:0 8px}
.contact-wrapper .fluentform .ff-el-form-control{background:#f5f5f5;border:0;border-radius:5px;padding:15px;font-size:16px;color:#000;width:100%;font-family: 'Montserrat';}
.contact-wrapper .fluentform textarea.ff-el-form-control {
    min-height: 150px;
}
.contact-wrapper .fluentform .ff-el-form-control::placeholder {
    color: #B3B3B3;
}
.contact-wrapper .fluentform .ff_submit_btn_wrapper{margin:0}
.contact-wrapper .fluentform .ff_submit_btn_wrapper button.ff-btn.ff-btn-submit{width:100%;border:0;font-size:14px;letter-spacing:.5px;background:#000f3a!important;padding:15px;border-radius:6px;font-weight:600;font-family:Montserrat}
.contact-wrapper .fluentform .ff_submit_btn_wrapper button.ff-btn.ff-btn-submit::after,section.elementor-element-dbc38e8 .fluentform .ff_submit_btn_wrapper button.ff-btn.ff-btn-submit::before{display:none}
.contact-wrapper .right-side>.elementor-widget-wrap.elementor-element-populated{margin:0 15px;box-shadow:0 2px 20px 0 #babABA40;padding:20px}
.contact-wrapper .right-side>.elementor-widget-wrap.elementor-element-populated .elementor-widget-porto_info_box .porto-just-icon-wrapper.porto-sicon-img{border-radius:0}
.contact-wrapper .right-side>.elementor-widget-wrap.elementor-element-populated .elementor-widget-porto_info_box .porto-sicon-header a,.contact-wrapper .right-side>.elementor-widget-wrap.elementor-element-populated .elementor-widget-porto_info_box .porto-sicon-header p{font-size:16px;margin:0;display:block;color:#656565;line-break:anywhere;line-height:120%}
#featured-projects .elementor-element-93d8cb8 > .elementor-widget-wrap.elementor-element-populated {padding: 0;}
#featured-projects .uc_image_carousel_container_holder{padding:20px;box-shadow:0 2px 15px 0 #8b8B8B40;background:#fff}
#featured-projects .owl-item{margin:0 0 30px}
#featured-projects #uc_post_carousel_elementor_ea7712e .owl-stage-outer{padding:0 15px}
#featured-projects .uc_image_carousel_container_holder .uc_image_carousel_content{background:#fff}
#featured-projects .uc_image_carousel_container_holder .uc_image_carousel_content .uc_image_carousel_content_holder a{font-size:30px}
#featured-projects .uc_image_carousel_container_holder .uc_image_carousel_content .uc_image_carousel_content_holder a .uc_post_title{font-size:30px;line-height:120%;margin:0 0 10px;font-weight:500}
#featured-projects .uc_image_carousel_container_holder .uc_image_carousel_content .uc_paragraph{color:#000;font-size:16px;font-family:Montserrat;line-height:26px}
#featured-projects .uc_image_carousel_container_holder .ue-item-btn-holder a.uc_more_btn{background:#000f3a;color:#fff;font-size:16px;font-family:Montserrat;padding:10px 20px;border-radius:6px;border:1px solid #000f3a;transition:.5s all ease;font-weight:600;margin:15px auto 0;width:fit-content;opacity:0}
#featured-projects .uc_image_carousel_container_holder .ue-item-btn-holder a.uc_more_btn:hover{background:#fff;color:#000f3a}
#featured-projects .uc_image_carousel_container_holder:hover .ue-item-btn-holder a.uc_more_btn{opacity:1}
#featured-projects .owl-dots{padding:20px 0;margin:0}
#featured-projects .owl-dots button span{display:none}
#featured-projects .owl-dots button{width:12px;height:12px;border-radius:0;transform:rotate(45deg);display:block;margin:0 4px}
#featured-projects .owl-dots button.active{background:#FCB221;}
#testimonial-wrapper .uc_quote_item.ue-item{padding:15px;position:relative;min-height:300px}
#testimonial-wrapper .uc_quote_item.ue-item:hover {box-shadow: 0px 6px 25px 0px #9999993B;}
#testimonial-wrapper .uc_quote_item.ue-item .ue-image img{border-radius:0;width:70px}
#testimonial-wrapper .uc_quote_item.ue-item .uc_author_info .ue_title{font-size:20px;line-height:120%;margin:0 0 5px;font-weight:600}
#testimonial-wrapper .uc_quote_item.ue-item .uc_author_info .ue_subtitle{font-family:Montserrat;font-size:13px;line-height:16px;color:#000}
#testimonial-wrapper .uc_quote_item.ue-item .ue-text p{margin:0;line-height:24px;font-size:14px;color:#4c4c4c}
#testimonial-wrapper .uc_quote_item.ue-item .uc_stars{justify-content:flex-start;margin:0}
#testimonial-wrapper .uc_quote_item.ue-item .ue-icon{position:absolute;right:0;bottom:15px}
#testimonial-wrapper .owl-nav>button{right:0;left:unset;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#000;border-radius:6px;line-height:30px;transition: 0.5s all ease;}
#testimonial-wrapper .owl-nav>button:hover{background: #000F3A;color: #fff;}
#testimonial-wrapper .owl-nav>button:first-child{right:50px}
#footer .footer-main{background-size:cover;background-position: center;}
#footer .footer-main>.container h3.widget-title{font-size:30px;font-weight:600;letter-spacing:.5px}
#footer .footer-main .widget ul>li{border:0;padding:10px 0 0 0}
#footer .footer-main .widget ul{border:0}
#footer .footer-main .widget ul>li a{display:inline-block;font-size:16px;font-family:Montserrat;padding:0}
#footer .footer-main .widget ul>li:not(:hover)::before{opacity:0}
#footer .footer-main .widget ul>li:hover{padding-left:8px}
#footer .footer-bottom,#footer .footer-bottom .footer-center{padding:0}
#footer .footer-bottom .footer-center p{margin:0;font-size:15px;padding:10px 0;line-height:22px;text-align:center}
#footer .footer-main .textwidget.custom-html-widget p{font-size:16px;line-height:26px}
#footer .footer-main .contact-us ul li,#footer .footer-main .contact-us ul li a{font-size:16px;font-family:Montserrat,sans-serif;padding:5px 0 0!important;margin:0}
#testimonial-wrapper .owl-nav>button {margin-top: 40px;}
aside.follow-us .share-links a {
    background: transparent !important;
    color: #fff !important;
    box-shadow: none;
}
aside.follow-us .share-links {
    margin-left: -10px;
}
.textwidget.custom-html-widget .contact-us i.fa {
    color: #fcb221;
    margin-right: 5px;
}
.our-services-section .elementor-widget-image-box img {
    width: 100%;
}
section.error-404.not-found {
   padding: 60px 0;
   text-align: center;
   margin: 0 auto;
   max-width: 600px;
   position: relative
}
section.error-404.not-found img {
   margin-bottom: 20px
}
section.error-404.not-found h1.page-title {
   font-size: 30px;
   margin-bottom: 10px;
   font-weight: 700
}
/* All css end */
@media screen and (min-width: 1200px) {
section.elementor-section.elementor-inner-section.tab-block-cols .elementor-container>.elementor-column{width:33.33%;max-width:33.33%;flex:0 0 33.33%}
#featured-projects .uc_image_carousel_container_holder:hover{transform: scale(1.1);}
.header-wrapper header#header .header-main .container>div.header-left {max-width: 275px;}
.header-wrapper header#header .header-main .container>div.header-right>div ul.main-menu>li.menu-item>a{font-size:14px;margin:0 15px;}
section.container-1200>.elementor-container {
    max-width: 1200px !important;
}
}
@media screen and (min-width: 1025px) {
.container,section>.elementor-container{max-width: 1350px !important;}
}
@media screen and (min-width: 992px){
	#testimonial-wrapper .owl-carousel .owl-nav {
    position: relative;
    left: -165px;
    bottom: 35px;
    width: 100%;
    height: 100%;
    display: flex;
    top: unset !important;
    margin: 0 !important;
    gap: 15px;
}
#testimonial-wrapper .owl-carousel .owl-nav button {
    position: relative !important;
    top: 0 !important;
    margin: 0 !important;
}
#testimonial-wrapper .owl-nav>button {
    right: unset !important;
    top: unset !important;
    bottom: unset !important;
    left: unset !important;
    margin: 0 !important;
    transform: none !important;
}
#footer .footer-main .row {
    flex-wrap: nowrap;
}
#footer .footer-main .row>.col-lg-3:first-child,
#footer .footer-main .row>.col-lg-3:nth-child(3){
    width: 30%;
}
#footer .footer-main .row>.col-lg-3 aside.widget_nav_menu {
    margin-top: 30px;
    padding-left: 30px;
}
#footer .footer-main .row>.col-lg-3:nth-child(even) {
    width: 20%;
}
	.industrial-wrapper>.elementor-container {
    flex-wrap: wrap;
}
.industrial-wrapper>.elementor-container>.elementor-column.elementor-inner-column {
    width: calc(100% / 3);
}
}
@media screen and (max-width: 991px) {
.elementor-element.main-title.elementor-widget-heading .elementor-heading-title{font-size:32px;}
#main-banner-wrapper .porto-u-heading .porto-u-main-heading h2 {font-size: 40px;}
#header .header-top .container>div.header-right {display: none;}
.header-wrapper header#header .header-top .header-left .textwidget.custom-html-widget ul{justify-content:center;}
#featured-services-wrapper .elementor-widget-image-box .elementor-image-box-content .elementor-image-box-title {transform: translateY(110px);}
}
@media screen and (max-width: 767px) {
br{display: none;}
.elementor-element.small-title.elementor-widget{font-size:16px;}
.elementor-element.main-title.elementor-widget-heading .elementor-heading-title{font-size:26px;}
#main-banner-wrapper .porto-u-heading .porto-u-main-heading h2 {font-size: 30px;}
.header-wrapper header#header .header-main .container>div.header-right .request-button {display: none;}
}
@media screen and (max-width: 550px) {
section.elementor-section.elementor-inner-section.tab-block-cols .elementor-container>.elementor-column{width:100%;max-width:100%;flex:0 0 100%}
.get-started-filler a.btn.btn-md.btn-primary {width: calc(100% - 30px);}
#featured-projects .owl-item .uc_image_carousel_container_holder {margin-left: -30px;}
#featured-projects .uc_carousel.owl-carousel {padding: 0 15px;}
#footer .footer-bottom .footer-center p{font-size:12px;}
#footer .footer-main>.container h3.widget-title {font-size: 20px;}
}


