/* ======================================= Header ======================================= */
.nav-btn .nav-link {background: var(--primary-color);padding: 10px 20px !important;color:var(--white-color) !important;border-radius:0px;}

.searchbar-mainnav {position:relative; flex:1;}
.searchbar-mainnav .form-control {height:44px;font-size: 14px; background:#F5F5F5; border-color:#D2D2D2; color: var(--pure-black); padding-left:35px; font-weight:400; width:100%;}
.searchbar-mainnav .form-control:-webkit-autofill {-webkit-text-fill-color:#000 !important;}
.searchbar-mainnav .searchbtn {position:absolute;top: 7px;left: 5px; background: url(../images/search-icon.svg) no-repeat center;height:30px;width:30px;border: none;padding: 0;background-size: 20px; border-radius:0; }
.contact-link.nav-btn { margin-left: 25px; }
.navbar-toggler:focus{box-shadow: none;}

/* ======================================= Slideshow ======================================= */
section.Slidshow { position: relative; }
.Slideshow-Card {position: relative;}
.SlideContent {position: absolute;z-index: 1;top: 200px;padding: 0px 7.5%;color: var(--white-color);}
.SlideContent h2 {color:var(--white-color);font-size: 48px;}
.SlideContent p {max-width: 840px;}
.SlideContent .btn-primary {background: transparent;color: var(--primary-color);}
.SlideContent .btn-primary:hover {background: var(--lavender);border-color: var(--primary-color);box-shadow: none;color: var(--primary-color);}
#thumbs {position: absolute;left:0;right:0px;bottom:50px;padding:0 7.5%;}
.Thumbs-Card {overflow: hidden;border-radius: 0px;border: 1.219px solid #898787;cursor:pointer;transform: scale(0.8); transition: all 0.9s;}
.owl-item.active.current .Thumbs-Card { transform: scale(1); }
.owl-theme .owl-nav {display: none;}



/* ======================================= About CEO ======================================= */
.founder-photo {max-width: 470px;margin: 0px auto;}
.founder-share a {color: var(--black-color);font-size: 1.5rem;}
.founder-head h2, .founder-head h3 {border-bottom: 1px solid;display: inline-block;padding-bottom: 15px;}
.card-headin { position: absolute; transform: rotate(-90deg) translateY(180px) translateX(0%); right: 0; top: 50%; }
.card-headin h3 {font-size: 50px;font-weight: bold;opacity: 0.1;}
.Our_Mission-Vision h2 {max-width: 570px;margin: 0px auto 30px;}
.Our_Mission-Vision p {max-width: 640px;margin: 0px auto;}
.our-mv-card {border-radius: 0;background: var(--white-color);box-shadow: 0px 6.134px 46.005px 0px rgba(0, 0, 0, 0.10);}
.md-container {max-width: 1110px;margin: 0px auto;}
.mv-card-heading {padding: 18px 24px;border-bottom: 1px solid #CECECE;}
.mv-card-heading h3 {margin-bottom: 0;}
.our-mv-row {padding: 24px; display: flex; flex-direction: row; gap: 20px;}
.mv-img {border-radius: 0px;overflow: hidden; min-width: 165px; width: 165px; padding: 0; display: inline-block;}

/* ======================================= Company Timeline ======================================= */
.timeline-info {padding:20px 12px;color: var(--white-color); min-height: 320px;}
.green_card {background-color: #7CD000;}
.green_card svg { fill: #7CD000; }
.teal_card {background-color: #00BE90;}
.teal_card svg { fill: #00BE90; }
.lighblue_card {background-color: #019ADE;}
.lighblue_card svg { fill: #019ADE; }
.darkblue_card {background-color: #006DD5;}
.darkblue_card svg { fill: #006DD5; }
.red_card {background-color: #F1635D;}
.red_card svg { fill: #F1635D; }
.timeline-info h4, .timeline-info h5, .timeline-info h6{color: var(--white-color);}
.t-count h5 { border-bottom: 2px solid; display: inline-block; font-weight: 600; }
.timeline-info h4 {font-size: 16px;}
.triangle-line {position: absolute;left: 0;right: 0;margin: 0px auto;text-align: center;}
.triangle-bottom {bottom: -40px;}
.triangle-top {top: -40px;transform: rotate(180deg);}
.time-partner-card {border-left: 4px solid transparent;padding-top: 20px;position: relative;height: 100%; display: flex ; flex-direction: column; justify-content: space-between;}
.time-partner-card::before { position: absolute; content: ""; width: 10px; height: 10px; border-radius: 0px; left: -6px; top: -6px; }
.partner-name {padding: 8px;color: var(--white-color);font-weight: 600;}
.partner-info {line-height: 24px;padding-left: 11px;padding-bottom: 20px;}
/*.partner-info img {height: 30px;max-width: 130px;object-fit: contain;}*/
.brand-aicerts{border-left-color: #CFA935;}
.brand-aicerts::before, .brand-aicerts .partner-name{background-color: #CFA935;}
.brand-netcom{border-left-color: #0D99FF;}
.brand-netcom::before, .brand-netcom .partner-name{background-color: #0D99FF;}
.brand-netcom-india{border-left-color: #CD00AC;}
.brand-netcom-india::before, .brand-netcom-india .partner-name{background-color: #CD00AC;}
.brand-netcom-usa{border-left-color: #8B00CD;}
.brand-netcom-usa::before, .brand-netcom-usa .partner-name{background-color: #8B00CD;}
.brand-sarder{border-left-color: #F1635D;}
.brand-sarder::before, .brand-sarder .partner-name{background-color: #F1635D;}


@media (min-width: 992px) {.timeline-list .col-lg-2, .timeLine-partner .col-lg-2 {width: 25%;}}
@media (min-width: 1200px) {.timeline-list .col-lg-2, .timeLine-partner .col-lg-2 {width: 20%;}}

.timeline-list .col-lg-2:nth-child(even) .triangle-line.triangle-bottom {top: -40px; transform: rotate(180deg); bottom: auto;}

/* ======================================= Our Portfolio ======================================= */
.OurPortfolio .section_heading p {color: #636363;max-width: 540px;margin: 0px auto;}
.tab-titlewithsearch h2 {margin-bottom: 0;}
.tab-titlewithsearch .search-box {border: 1px solid #CBC5C5;border-radius: 0px;flex: 0 0 390px;}
.PortfolioGrid .g-1, .PortfolioGrid .gy-1 {--bs-gutter-y: 0.05rem;}
.PortfolioGrid .g-1, .PortfolioGrid .gx-1 {--bs-gutter-x: 0.05rem;}

/* ======================================= Industries Growth Insights ======================================= */
.IndustriesGrowthInsights {background: #FAFAFA;}
.IndustriesGrowthInsights .section_heading h2 {font-size: 24px;}
.intro {max-width: 620px;}
.play-btn {
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    cursor: pointer;
    max-width: 90px;
    margin: 0px auto;
}
.TitleandDescriptions h3, .TitleandDescriptions p {flex: 1;margin-bottom: 0;}
.TitleandDescriptions h3 {font-size: 17px;font-weight: 600;line-height: 28px;}
.TitleandDescriptions p {font-size: 14px;line-height: 24px;}
.Content-videos .play-btn {max-width: 50px;}
.Content-videos .TitleandDescriptions h3 {font-size: 18px;}
.Content-videos  .TitleandDescriptions p {font-size: 12px;}

/* ======================================= Founder MEssage ======================================= */
.Founder-Pic {border-radius: 0px;overflow: hidden;}
.Founder-Card {
    background: #5DBBFF;
    border-radius: 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 50px;
}
.Founder-Card h2 {font-weight: 400;font-size: 40px;color: var(--white-color);margin-bottom: 50px;}
.Founder-msg p {color: var(--white-color);line-height: 32px;max-width: 440px;margin: 0px auto;}


/* ======================================= FAQs ======================================= */
.h2_faq  .section-heading {max-width: 460px;margin: 0px auto;}
.h2_faq .section-heading h2 {font-size: 25px;color: #333333;}
.h2_faq .section-heading h5 {color: #53686A;font-weight: 400;}

.search-box {background: var(--white-color);border-radius: 0px;}
.search-box .form-group {padding: 13px 20px;display: flex;}
.search-box .form-control {color: #1A1A1A;font-size: 12px;border: none;}
.search-box .form-control:focus {box-shadow: none;}

.h2_faq .accordion-button:not(.collapsed) {background: transparent;}
.h2_faq .accordion-button:focus {box-shadow: none;}
.h2_faq .accordion-item {border: none;}
.h2_faq .accordion-button {font-size: 18px;font-weight: 700;color: #101828 !important;border-top: 1px solid #EAECF0;padding: 28px 0px;}
.h2_faq .accordion-body p {color: #667085;font-weight: 400;}
.h2_faq .accordion-body {padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 25px;}
.h2_faq .accordion-button:not(.collapsed) {box-shadow: none;}
.h2_faq .accordion-item:first-of-type>.accordion-header .accordion-button {border-top: none;}
.accordion-button::after{background-image: url(../images/plus-circle.svg);}
.accordion-button:not(.collapsed)::after{background-image: url(../images/minus-circle.svg);transform: none; background-size: 19px;}

/* ======================================= Subscribe ======================================= */
.bg-with-overaly-color {border-radius: 0px;background: var(--alice-orange);padding: 4rem;}
.sign--up-intro h3 {color: #101828;font-size: 25px;font-weight: 700;max-width: 320px;}
.sign--up-intro p {color: #667085;font-weight: 400;line-height: 27px;max-width: 400px;}
form.home_sign-up h6 {font-weight: 400;color: #333;}
.home_sign-up .form-control {
    border-radius: 0px;
    box-shadow: 0px 0.735px 1.471px 0px rgba(16, 24, 40, 0.05);
    padding: 14px 14px;
    border: none;
    margin-bottom: 20px;
    color: #53686A;
    font-size: 12px;
}

/* ======================================= New Add Section aT Home Page ======================================= */

/* ================   New SlideShow ================*/
.Slideshow_Content { border-radius: 0px; border: 1px solid #D5D5D5; background:var(--white-color); padding: 60px 30px; margin-top: -60px; position: relative; box-shadow: 0px 9px 7.3px 0px rgba(0, 0, 0, 0.05);}
.aicerts-text-line h5 {letter-spacing: 2.34px;}
.aicerts-text-line {gap: 34px;}
.aicerts-text-line hr {flex: 0 0 180px;opacity:1;}
#SlidshowBig .Slideshow-Card{background-color: #F9F9F9;padding-bottom: 50px;}
.banner-content-box p{max-width: 960px;}
#SlidshowBig .owl-nav {display: block;}
#SlidshowBig .owl-nav {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0px 20px;
}
#SlidshowBig .owl-nav button {
    width: 36px;
    height: 36px;
    background: var(--white-color);
    border-radius: 0px;
    font-size: 30px;
    display: flex;
    color: var(--primary-color);
    justify-content: center;
    align-items: center;
}
#SlidshowBig .owl-nav button span { margin-top: -5px; }
#SlidshowBig .owl-dots {left: 0;right: 0;bottom: 8px;}
#SlidshowBig.owl-theme .owl-dots .owl-dot span {background: var(--primary-color);}

/* ================   OurServices ================*/
.Sp_Icon { flex: 0 0 32px; height: 32px; background-color: var(--primary-color); display: flex; align-items: center; justify-content: center; border-radius: 0px; }
.Sp_content {line-height:30px;}

/* ================   OurMission-Vision ================*/
.omv-heading { position: absolute; border-radius: 0px; background: rgba(255, 255, 255, 0.10); backdrop-filter: blur(28.912036895751953px); padding: 10px 30px; left: 23px; top: 23px; }
.omv-content { position: absolute; bottom: 0; background: rgba(255, 255, 255, 0.10); backdrop-filter: blur(20.286611557006836px); padding: 15px; }



/* ======================================= Main Inner Pages ======================================= */

/* ================  Netcom Global Pages ================*/
.InnerSlideshow .Slideshow-Card::before{
    position: absolute;
    content: '';
    width: 100%;
    /* max-width: 1000px; */
    left: 0;
    top: 0;
    bottom: 0;
    /* background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0.07%, #000 72.36%); */
    background: linear-gradient(90deg, #000 7.9%, rgba(0, 0, 0, 0.75) 67.61%, rgba(0, 0, 0, 0.00) 100%);
}
.sarder_what_netcom img{border-radius: 0px;}
.sarder_netcom_works{background: var(--alice-orange);}
.sarder_netcom_works_card{height: 100%;border-radius: 0px;background: var(--white-color);box-shadow: 0px 10px 60px 0px rgba(38, 45, 118, 0.08);padding: 35px 20px;height: 176px;}
.sarder_netcom_works_card img{width: auto;}
.our_vision img{border-radius: 0px;}
.sarder_why_choose_netcom{background: var(--alice-orange);}
.why_choose_netcom_list li{
    position: relative;
    padding-left: 30px;
    margin-bottom: 25px;
    color: var(--black-color);
}
.why_choose_netcom_list li::before{
    background: url(../images/tick.svg) no-repeat left top;
    background-size: 20px;
    position: absolute;
    content: "";
    width: 30px;
    height: 100%;
    left: 0px;
    top: 3px;
}
.sarder_why_choose_netcom img{border-radius: 0px;}
.feature-icon { background: var(--light-blue); width: 120px; height: 120px; border-radius: 0px; display: flex; justify-content: center; align-items: center; margin: 0px auto 30px; }

/* ================  AiCerts Pages ================*/
.feature_rich-text .text-area {max-width: 810px;line-height:32px;}
.border-left-half {padding-top: 20px;padding-bottom: 20px;}
.border-left-half::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #D4D4D4;
    left: 0;
    right: 0;
    top: 0;
}
.why-card {background-color: var(--alice-orange);padding: 5rem 0px 3rem;}
.why_ai_certs_box {background-color: var(--white-color);padding: 25px;height: 100%;border-radius: 0px;min-height: 380px;}
.why_ai_certs_box img{width:48px!important;filter: brightness(0) saturate(100%);margin-bottom:20px;}
.why_ai_certs_box h4,.h2_why_ai_certs_box p{color:var(--white-color);}
.why_ai_certs_slider{position:relative;}
.discover_more_link{color:var(--black-color);font-weight:600;padding-right:50px;transition:all 0.3s ease;background:url(../images/arrow-right-black.svg) no-repeat right 20px center;}
.discover_more_link:hover{color:var(--primary-color);background-position:right 0 center;}
.cmn-sliderdots .owl-dots {left: 0;right: auto;bottom: 0;position: relative;text-align: left !important;;margin-top: 30px;}
.cmn-sliderdots .owl-theme .owl-dots .owl-dot.active span, .cmn-sliderdots .owl-theme .owl-dots .owl-dot:hover span {background: var(--black-color);}
.cmn-sliderdots .owl-theme .owl-dots .owl-dot span {background: var(--primary-color);}
.offsetarrow .owl-theme .owl-nav {display: flex;justify-content: end;position: absolute;right: 0;margin-top: 0;top: -60px;}
.offsetarrow .owl-theme .owl-nav button {
    width: 36px;
    height: 36px;
    background: var(--primary-color);
    color: var(--white-color);
    font-size: 40px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0px;
}
.offsetarrow .owl-theme .owl-nav button span {margin-top: -5px;}
.core-img-box img {border-radius: 0px;}
.icon-card {
    border-radius: 0px;
    width: 56px;
    flex: 0 0 56px;
    height: 56px;
    background-color: var(--alice-orange);
    display: flex;
    justify-content: center;
    align-items: center;
}
.feature-item-text h3 {margin-bottom: 10px;}

/* ================  Sarder Tv Pages ================*/
.feature-img-box {position: relative;overflow: hidden;border-radius: 0px;}
.feature-img-box::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, var(--black-color) 100%);
}
.feature-img-box img {border-radius: 0px; width: 100%;}
.founder-name {position: absolute;bottom: 0;z-index: 1;color: var(--white-color);padding: 30px;}
.founder-name h4 {color: var(--white-color);margin-bottom: 5px;}
.feature-content p {line-height: 30px;}
.about-content p {line-height: 30px;margin-top: 20px;margin-bottom: 30px;}
.about-content img {box-shadow: -1.201px 35.159px 55.184px 0px rgba(0, 0, 0, 0.09);}
.core-card {box-shadow: 0px 10px 60px 0px rgba(38, 45, 118, 0.08);padding: 25px;}

/* ================  Netcom India and Netcom USA Pages ================*/
.icon-box {
    width: 66px;
    height: 66px;
    background-color: #C6E9FD;
    border-radius: 0;
    flex: 0 0 66px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.feature-list-card {
    background-color: #0D99FF;
    border-radius: 0px;
    color: rgba(255,255,255, 0.7);
    padding: 10px;
    display: flex;
    gap: 12px;
    font-weight: 400;
    font-size: 16px;
}
.feature-list-card h6 {color: var(--white-color);margin-bottom: 0;}
.feature_icon {
    flex: 0 0 48px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255,255,255, 0.1);
    border-radius: 0px;
}
.book_card::before {
    position: absolute;
    content: "";
    width: 100px;
    height: calc(100% - 50px);
    background-color: #0D99FF;
    z-index: -1;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 0px;
}
.book-point {
    border-bottom: 1px solid #C1C1C1;
    margin-bottom: 25px;
    padding-bottom: 25px;
    justify-content: space-between;
}
.book-text h4 {margin-bottom: 0;}
.book-point .vertordots {flex: 0 0 21px;}
.book-point .arrot-cros-top {flex: 0 0 44px;}

/* ================  About Page ================*/
.Banner_Content {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    padding: 50px 30px;
    color: var(--white-color);
    max-width: 540px;
    border-radius: 0px;    
    background: rgba(128, 128, 128, 0.70);
    backdrop-filter: blur(5.732265949249268px);
    margin-left: 7.5%;
}
.Banner_Content::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 0px;
    padding: 2px;
    background: linear-gradient(to right, #F5F5F5, rgba(64, 64, 64, 0.30));
    mask: linear-gradient(#F5F5F5 0 0) content-box, linear-gradient(#404040 0 0);
    mask-composite: exclude;
}
.Banner_Content h2, .Banner_Content h6 {color: var(--white-color);}
.about_us-cover img {border-radius: 0px;}
.abtmv-card {border-radius: 0px;border: 2px solid #D3D1D1;padding: 50px;}
.mv-img-box {width: 96px;height: 96px;border-radius: 0px;background: #0D99FF;margin-bottom: 20px;overflow: hidden;display: flex ; align-items: center; justify-content: center;}
/*.WhyUs h3 {font-size: 34px;font-weight:400;}*/
.WhyUs .text-link a{color: var(--black-color);}
.call_center-icon {margin-right: 5px;}
.line-text-point {display: flex;align-items: center;gap: 30px;}
span.blank_line {background-color: var(--black-color);height: 1px;flex: 0 0 86px;}
.our_value-line {display: flex;flex-direction: column;row-gap: 30px;}
.line-text-point .line-text:first-child {flex: 0 0 135px;}
.line-text-point .line-text {font-weight: 400;font-size: 20px;}

.photo_filter .nav-tabs .nav-link {padding: 8px 18px;border-radius: 0px;background: transparent;color: #0F0F0F;letter-spacing: 0.2px;font-weight: 400;border: 1px solid #545454;}
.photo_filter .nav-tabs .nav-link.active {background: var(--primary-color);color:var(--white-color);border-color: var(--primary-color);}
.photo_filter .accordion-item, .photo_filter .nav-tabs {border: none;}
.photo_filter .accordion-body {padding-left: 0;padding-right: 0;}
.photo_filter .accordion-button {color: var(--primary-color);background-color: rgba(0, 0, 0, 0.05);box-shadow: none;font-weight: 600;margin-bottom: 1px;}
.photo_filter .accordion-button:focus {box-shadow: none;}
.photo_filter .accordion-button:not(.collapsed) {background: var(--primary-color);color: var(--white-color);}
.photo_filter .accordion-button:not(.collapsed)::after {filter: brightness(50);}

/* Masonary CSS */
.grid-wrapper > div {
	display: flex;
	justify-content: center;
	align-items: center;
}
.grid-wrapper > div > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.grid-wrapper {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-auto-rows: 200px;
	grid-auto-flow: dense;
}
.grid-wrapper .wide {grid-column: span 2;}
.grid-wrapper .tall {grid-row: span 2;}
.grid-wrapper .big {grid-column: span 2;grid-row: span 2;}


/* ================  Testimonial Page ================*/
.what-clients_say {background-color: #FAFAFA;}
.what-clients_say .container{max-width: 1030px;}
.client-rating i {font-size: 25px;}
i.fa-solid.fa-star {color: #FED210;}
i.fa-regular.fa-star {color: #DFDEDE;}
.video_play-btn { top: 50%; transform: translateY(-50%); left: 0; right: 0; text-align: center; cursor: pointer; }
.ClientTestimonial {background: #F6F6F6;}
.ClientCard {border-radius: 0px;background: var(--white-color);overflow: hidden;}
.Client_quate {padding: 34px 50px;text-align: center;display: flex;flex-direction: column;gap: 34px;font-weight: 400;}
.client_slider .owl-item {transition: all 0.9s;}
.client_slider .owl-item.active.center {transform: scale(1.1);}
.client_slider .owl-stage-outer{padding: 50px 0px;}
.short_line { width: 19px; height: 1px; background-color: var(--black-color); display: inline-block; vertical-align: middle; margin-right: 6px; }

/* ================  Our Services ================*/
.RussellSarder-Content {background: #0D99FF;}
.Russell_content-cover {max-width: 560px;}
.RussellSarder-Content h2, .RussellSarder-Content h3 {color: var(--white-color);}
.RussellSarder-Content p {font-size: 37px;color: var(--white-color);font-weight: 400;line-height: normal;margin-bottom: 70px;letter-spacing: -1px;}
.RussellSarder-Content h2, .RussellSarder-Content h3 {border-bottom: 1px solid;display: inline-block;padding-bottom: 16px;}
.RussellSarder-Content h3 {font-weight: normal;}
.design_count{border-bottom-color:var(--black-color) !important;}

/* ================  Our Services ================*/
.ContactFromCard {box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);padding: 10px;border-radius: 0px;}
.contact_details { background: #0D99FF; border-radius: 0px; padding: 40px; }
.info-content h2, .info-content h3, .info-content a, .info-content { color: var(--white-color); }
.getintouch {margin: 121px 0px;display: flex;flex-direction: column;row-gap: 50px;}
.contact-icon-text {display: flex;align-items: flex-start;gap: 24px;font-weight: 400;}
.contact_sociak-media {display: flex;gap: 25px;}
.social_item { width: 36px; height: 36px; background: #1B1B1B; border-radius: 0px; display: flex; justify-content: center; align-items: center;font-size:1.25rem;}
.social_item:hover {background: var(--white-color);}
.social_item:hover img {filter: invert(1);}
.social_item:hover a {color:  #1B1B1B;}
.iti input.iti__tel-input, .iti input.iti__tel-input[type=tel] {padding-left: 51px !important;}

/* ================  Blog Detail ================*/
.blog-post-name-date { display: flex; align-items: center; gap: 24px; color: #696A75; font-size: 20px; }
.category-tag { display: inline-block; background: #0D99FF; padding: 10px 20px; border-radius: 0px; color: var(--white-color); font-weight: 500; }
.blog-quote { border-radius: 0px; border-left: 6.34px solid #E8E8EA; background: #F3F3F5; padding: 50px; font-size: 28px; font-family: serif; }

/* ================ The Blogs ================*/
.post-title {
    padding: 30px;
    background: var(--white-color);
    border-radius: 0px;
    margin-left: 30px;
    margin-top: -104px;
    position: relative;
    max-width: 700px;
}
.blog-tag-link {
    background-color: #0D99FF;
    display: inline-block;
    padding: 8px 20px;
    color: var(--white-color);
    font-weight: 600;
}
.blog_link-list a {font-size: 14.944px;line-height: 17.435px;color: var(--black-color);}
ul.blog_link-list li {border-bottom: 1px solid #ECECEC;padding-bottom: 8px;margin-bottom: 8px;}
.blog_link-list a:hover {color: var(--primary-color);}
ul.blog_link-list li:last-child {border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.blog-news_letter {border-bottom: 1px solid #7B7979;padding: 20px;}
.blog-news-form h3 {color: #0D99FF;font-weight: 400;margin-bottom: 4px;}
.blog-news-form .form-group {display: flex;}
.blog-news-form .form-control {flex: 1;border: none;padding: 0;border-bottom: 1px solid #0D99FF;border-radius: 0;}
.blog-news-form .btn {border-radius: 0;}
.form-control:focus {box-shadow: none;}
span.f_tag { background: #E1E1E1; padding: 5px 10px; color: #434343; text-transform: uppercase; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; }
.blog-card {border-radius: 0px;border: 1.041px solid #E8E8EA;background: var(--white-color);padding: 16.66px;box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);}
.feature-post-info {padding-top: 16.66px;}
.tech-tag {padding: 6px 10px;border-radius: 0px;background: rgba(75, 107, 251, 0.05);color: var(--primary-color);font-size: 14px;}
.pro-pic {width: 38px;height: 38px;border-radius: 0px;overflow: hidden;}
.post-author {color: #97989F;}
.most-trendiing-blog {position: relative;}
.most-trendiing-blog::before {position: absolute;content: "";width: 100%;height: 100%;background: rgba(24, 24, 24, 0.30);}
.most-tb-content {position: absolute;bottom: 0;padding: 20px 40px;}
.most-tb-content h3, .most-tb-content .post-author {color: var(--white-color);}
.most-trendiing-blog-list .most-tb-content {padding: 15px;}
.most-trendiing-blog-list .most-tb-content h3 {font-size: 14px;}
.most-trendiing-blog-list .most-tb-content .post-author {font-size: 10px;}
.border-rb {border-right: 1px solid #EDEDED;}

/* ================   Banner Update ================*/
.InnerSlideshow .SlideContent{top: 50%;transform: translateY(-50%);padding:0px;left:0px;right:0px;margin:0px auto;}
.inner-SlideContent {max-width: 830px;padding: 0px 15px;} 
.inner-SlideContent .partner-logo { max-width: 200px;}

.owl-carousel .owl-item img.bannerlogoimg {width:auto; display:inline-block;}

.HomeSlideshow .inner-SlideContent{max-width: 640px;}
.HomeSlideshow .owl-theme .owl-nav { display: flex; position: absolute; top: 50%; transform: translateY(-50%); justify-content: space-between; width: 100%; }
.HomeSlideshow .owl-theme .owl-nav button { background: var(--primary-color); width: 40px; height: 40px; border-radius: 0px; font-size: 35px; display: flex; justify-content: center; align-items: center; color: #fff; margin: 15px; }
.HomeSlideshow .owl-theme .owl-nav button span { margin-top: -5px; }
.gform_button{font-size: 1rem !important;}

/* ======================================= Footer ======================================= */

.menu-quick-links-container .ftr-link {columns: 2;-webkit-columns: 2;-moz-columns: 2;}
.ftr-contact {display: flex; gap: 20px; justify-content: center;}
.ftr-contact a {color: var(--white-color);}
.ftr-contact a:hover {color: var(--primary-color);}
hr.f-line {margin: 1.5rem 0px;border-top-width: 4px;border-top-color: var(--black-color);}
.footer-nav ul li {font-weight: 500; line-height: 28px;}
.footer-nav ul li a {color: var(--white-color);}
.footer-nav ul li a:hover {color: var(--primary-color);}
.socialicons ul li a {font-size: 24px; color: var(--white-color); width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 0; background: var(--black-color);}
.socialicons ul li a:hover {color: var(--primary-color);}

.copyright {color: var(--white-color);}

#big .Slideshow-Card img {min-height:620px; object-fit: cover;}

/* ======================================================
Ecosystem Navigator Section
====================================================== */
.EcosystemGrid { display: grid; grid-template-columns: repeat(1, 1fr); /* Mobile default */ gap: 40px; } 
@media (min-width: 420px) { .EcosystemGrid { grid-template-columns: repeat(2, 1fr); gap: 40px; } }
@media (min-width: 768px) { .EcosystemGrid { grid-template-columns: repeat(3, 1fr); gap: 30px; } } 
@media (min-width: 992px) { .EcosystemGrid { grid-template-columns: repeat(4, 1fr); gap: 40px; } } 
@media (min-width: 1200px) { .EcosystemGrid { grid-template-columns: repeat(5, 1fr); gap: 60px; } } 
.EcoBrand { display: flex; flex-direction: column; gap: 64px; }
.EcoGridItem {display: flex;align-items: center;}
.EcoLine {margin-top: 5px;margin-right: -10px;}
.EcosystemGrid .btn {padding: 10px;min-width: 140px;color: #585858 !important; position: relative;}
.EcosystemGrid .btn:hover {background: transparent;}

.NetcomPlus .EcoLine img {filter: brightness(0) saturate(100%) invert(44%) sepia(89%) saturate(5121%) hue-rotate(344deg) brightness(112%) contrast(82%);}
.NetcomPlus .btn {border-color: #EA4441;}

.Aicerts .EcoLine img, .Ailabs .EcoLine img {filter: brightness(0) saturate(100%) invert(88%) sepia(36%) saturate(1417%) hue-rotate(337deg) brightness(91%) contrast(76%);}
.Aicerts .btn, .Ailabs .btn {border-color: #CFA935;}

.SarderTv .EcoLine img {filter: brightness(0) saturate(100%) invert(65%) sepia(37%) saturate(6865%) hue-rotate(326deg) brightness(103%) contrast(89%);}
.SarderTv .btn {border-color: #F1635D;}


/* ==================================================== Home Page V1 ==================================================== */
/* .home header { background: transparent; box-shadow: none; }
.home header.navbar-fixed { background: #fff; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08); } */
/* ======================================================
Hero Section
====================================================== */
.HeroBanner{background-image: url(../images/Herobanner1.jpg);background-position: center; background-repeat: no-repeat; background-size: cover; padding: 175px 0px 70px;}
.HeroBannerContent p { color: #202124; font-size: 24px; font-style: normal; font-weight: 500; line-height: 36px; margin: 20px 0px 25px; max-width: 760px;}
.SarderIncAbout { border-radius: 0 100px; border: 1px solid #5399FF; background: #E2F3FF; box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.25); padding: 50px 100px 50px; }
.fany-radiusBox { border-radius: 64% 36% 65% 35% / 66% 60% 40% 34%; overflow: hidden;filter: drop-shadow(0 24px 24px rgba(0, 0, 0, 0.15)); }
.SarderInfo h3 {font-size: 20.9px;line-height: 34px;margin-top: 24px;}
.SarderInfo p {font-size: 18px;font-style: normal;line-height: 34px;margin: 20px 0px 25px;}
.SarderInfo i {color: var(--primary-color);font-style: normal;position: relative;}
.SarderInfo i::before { position: absolute; content: ""; width: 100%; height: 6px; background:url(../images/fanyline.svg);; bottom: -6px; }
.StoreQuotes { border-radius: 9px; border-left: 4px solid var(--primary-color); background: var(--white-color); box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.15); padding: 30px; margin-bottom: 20px; font-style: italic; font-weight: 600; margin-top: 20px; }
.RSStoryContent p { margin-bottom: 1.5rem; }.RSStoryContent p { margin-bottom: 1.5rem; }
.MVTitle {border-radius: 5px 5px 0 0;background: var(--primary-color);display: inline-block;padding: 5px 30px 30px;color: var(--white-color);margin-bottom: -25px;}
.MVCover { border-radius: 10px; overflow: hidden;position: relative;}
.MVOverlayText { position: absolute; bottom: 0; text-align: center; padding: 30px 15px; top: 0; display: flex; justify-content: center; align-items: end; color: var(--white-color); background: linear-gradient(0deg, #000 32.12%, rgba(0, 0, 0, 0.00) 100%); left: 0; right: 0; }
.MVOverlayText p { max-width: 510px; margin: 0px auto; }

.EcosystemGridV1 .EBFlex.BradName.btn.btn-primary { height: 55px; display: flex ; justify-content: center; align-items: center; }
.EcosystemGridV1 .EcoBrand {gap: 5px;flex: 1;}
.EcosystemGridV1 .EcoBrand .btn {width: 100%;}
.EcosystemGridV1 .BradName { border-radius: 5px 5px 0 0;}
.EcosystemGridV1 .NetcomLearn .BradName { background: rgba(13, 110, 253, 0.20); }
.EcosystemGridV1 .NetcomPlus .BradName { background: rgba(234, 68, 65, 0.20);}
.EcosystemGridV1 .Aicerts .BradName { background: rgba(207, 169, 53, 0.20); }
.EcosystemGridV1 .SarderTv .BradName { background: rgba(241, 99, 93, 0.30);}
.EcosystemGridV1 .Ailabs .BradName { background: rgba(207, 169, 53, 0.20); }
.EcosystemGridV1 .Adopitify .BradName { background: #585858; }
.EcosystemGridV1 .Adopitify .btn { border-color: #585858; }
.EcosystemGridV1 .NetcomLearn .ENLinkBtn .btn-primary{background: rgba(13, 110, 253, 0.10);}
.EcosystemGridV1 .NetcomPlus .ENLinkBtn .btn-primary, .EcosystemGridV1 .SarderTv .ENLinkBtn .btn-primary{background: rgba(234, 68, 65, 0.10);}
.EcosystemGridV1 .Aicerts .ENLinkBtn .btn-primary, .EcosystemGridV1 .Ailabs .ENLinkBtn .btn-primary{background: rgba(207, 169, 53, 0.10);}
.EcosystemGridV1 .Adopitify .ENLinkBtn .btn-primary{background: rgba(88, 88, 88, 0.20);}

.CTCoverCard {background: #F5F5F5;padding: 80px 0px;}
.PortfolioTab .nav-tabs .nav-link:focus, .PortfolioTab .nav-tabs .nav-link:hover, .PortfolioTab .nav-tabs .nav-link, .PortfolioTab .nav-tabs .nav-link { border: none; color: #585858;}
.PortfolioTab .nav-tabs .nav-item.show .nav-link, .PortfolioTab .nav-tabs .nav-link.active{border-radius: 5px; border-bottom: 2px solid var(--primary-color); background: var(--white-color); box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15);color: var(--pure-black); font-weight: 600;}
.PortfolioCover { overflow: hidden; border-radius: 10px; display: grid; grid-template-columns: 1fr  1fr; align-items: center; position: relative; border: 1px solid rgba(130, 130, 130, 0.40); }
.PortfolioCover::before {display: none; position: absolute; content: ""; width: 100%; height: 100%; left: 0; margin: 0px auto; background: linear-gradient(270deg, #F2F2F2 50.97%, rgba(242, 242, 242, 0.00) 100%); }
.PortfolioContent { position: relative; display: flex; flex-direction: column; align-items: start; gap: 24px; padding-right: 30px; padding-left: 45px; padding-top: 20px; padding-bottom: 20px;}

.SevicesCard {border-radius: 20px 20px 0 20px;border: 1px solid rgba(88, 88, 88, 0.10);background: #F5F5F5;height: 100%;padding: 24px;display: flex;gap: 10px;}
.SevicesIcon { border-radius: 10px 0 0 0; background: #4991FF; box-shadow: -11px 0 17px 0 rgba(73, 145, 255, 0.15); width: 80px; height: 80px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; align-self: end; margin-bottom: -24px; margin-right: -24px; }

.Founder-Pic{border-radius: 10px;height: 100%;}
.Founder-Pic img { height: 100%; object-fit: cover; }
.Founder-Card{background: #F5F5F5;border-radius:10px;}
.Founder-Card h2, .Founder-msg p {color: #585858;font-weight:500;}

.get_map-img {height: 100%;}
.get_map-img img {height: 100%;object-fit: cover;border-radius: 20px;}

.Transformation h4{font-weight: 600; color: #667085;}

@media (min-width: 992px){
    .HeroImg { position: absolute; bottom: 0; width: 100%; right: 0; text-align: right; }
    .EcosystemGridV1 { grid-template-columns: repeat(3, 1fr); gap: 40px; }
}
@media (min-width: 1200px) { .EcosystemGridV1 {grid-template-columns: repeat(6, 1fr);gap: 42px;} } 


/* New Page */
.HeroBanner::before {position: absolute;content: "";width: 100%;height: calc(100% - 74px);top: 74px;background: linear-gradient(270deg, rgba(8, 66, 151, 0.00) 29%, #0D6EFD 62.41%);}
.HeroBanner h1, .HeroBanner p {color: var(--white-color);}
.HeroBanner a.btn.btn-secondary {border-color: var(--white-color);}
.RSStoryContent h3 { margin-bottom: 5px; }
.VideoContentCard {border-radius: 20px;border: 1px solid #E2E2E2;background: #F5F5F5;box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.05);padding: 30px;transition: all 0.9s;display:flex;flex-direction:column;gap:13px;height: 100%;}
.VideoContentCard:hover {background: var(--white-color);box-shadow: 0 4px 14px 5px rgba(0, 0, 0, 0.15);}
.IconV { width: 44px; height: 44px; flex-shrink: 0; background: var(--primary-color); display: flex; justify-content: center; align-items: center; border-radius: 10px; }
.VideoContentCard h3 {margin-bottom: 0;}
.IconV img {width: 13px;}

.FooterContact, .FooterContact h3, .FooterContact a {color: var(--white-color);}
.FooterContact h3 {font-size: 24px;}
.FooterContact p:not(:last-child) {margin-bottom: 1rem;}
.FooterContact a:hover{color: var(--primary-color);}

/* ==================================================== Home Page V2 ==================================================== */
.home{background: #F9F8F8;}
.btn{border-radius: 100px;min-width:110px;}
.HeroImageText { background: linear-gradient(180deg, #0F2028 28.93%, #056332 100%); padding: 80px 0px; }
.HeroText, .HeroText h1, .HeroText h2 {color: var(--white-color);}
.HeroText p {margin-top: 5px;margin-bottom: 32px;}
.HeroText .btn-primary { color: var(--black-color); border-color: var(--white-color); background: var(--white-color); } 
.HeroText .btn-secondary { background: transparent; border-color: var(--white-color); }
.ProjectScore {display: flex;gap: 38px;margin-top: 80px;}
.ScoreItem h2 {margin-bottom: 5px;font-weight: 600;}
.ScoreItem {font-size: 14px;font-weight: 400;}
.FeatherEffect{position: relative;}
.FeatherEffect::before{position: absolute; content: ""; width: 100%; height: 100%; border-radius: 201px; background: #046230; filter: blur(100px); left: 0; top: 0;position: absolute; content: ""; width: 100%; height: 100%; border-radius: 201px; background: #046230; filter: blur(100px); left: 0; top: 0;}
.HeroCard { border-radius: 20px; overflow: hidden; height: 100%; display: flex ; align-items: center;position:relative;}
.HeroCard img { height: 100%; object-fit: cover; }
.GreenCard{background: #4D9175;}
.HeroColorCard {padding: 20px;color: var(--white-color);font-size: 14px;position:relative;}
.HeroColorCard h5 {color: var(--white-color);font-weight: 600;}
.HeroCard.GreenCard::before { position: absolute; content: ""; width: 164px; height: 164px; background: #55A384; border-radius: 100%; left: -50px; bottom: -50px; }

.WhyWeCard {background: var(--primary-green);border-radius: 20px;padding: 28px 20px;color: var(--white-color);height:100%;}
.WhyWeCard h3 {border-bottom: 1px solid;color: var(--white-color);padding-bottom: 20px;margin-bottom: 20px;}
.WhyWeContent p + p { margin-top: 10px; }
.WhyWeCard .btn-primary {background: var(--white-color);border-color: var(--white-color);color: var(--black-color);margin-top: 30px;}

.QuoteCard {background: #EEEDE6;height: 100%;border-radius: 20px;padding: 28px 65px;}
.QuoteContent blockquote {font-size: 24px;color: #2A4A45;font-style: italic;font-weight: 400;line-height: 40px;margin: 40px 0px;letter-spacing: -0.48px;}
.ProfileCard {display: flex;align-items: center;gap: 24px;}
.ProfileInfo h3 {color: #2A4A45;margin-bottom: 10px;}
.ProfileInfo {color: #2A4A45;}
.ProfilePic {width: 78px;flex-shrink: 0;border-radius: 100px;overflow: hidden;aspect-ratio:1/1;}

.HeadContentSpace { display: flex; align-items: center; justify-content: space-between; gap: 30px; flex-wrap: wrap;} 
.HeadContentSpace p { max-width: 490px; }

.WWOCard { border-radius: 15.101px; border: 1px solid #CBCBCB; background: var(--white-color); padding: 30px 20px; display: flex; flex-direction: column; gap: 24px; transition: all 0.6s; height: 100%;justify-content: space-between;}
.WWOCard:hover{background: var(--primary-green);border-color:var(--primary-green);}
.CardIconText h4 {margin-bottom: 0;}
.CardIconText {display: flex;flex-direction: column;gap: 20px;}
.WWOCard:hover h4, .WWOCard:hover {color: var(--white-color);}
.WWOCard:hover img {filter: brightness(100);}

.OurApproach .container { max-width: 1024px; }
.TimeLine { position: relative;margin-bottom: 5rem;}
.TimeLine::before { position: absolute; content: ""; width: 8px; height: 100%; background: #D9D9D9; left: 0; right: 0; margin: 0px auto; top: 1.5rem; border-radius: 50px; }
.TimeRound { width: 42px; aspect-ratio: 1 / 1; background: var(--white-color); margin: 0px auto; border-radius: 100px; border: 6px solid var(--primary-green); position: absolute; left: 0px; right: 0;}
.TimeLine_image img { border-radius: 10px; } 
.Time_Step h5, .Time_Step h3 { margin-bottom: 0; }
.Time_Step h5 {margin-bottom: 5px;} 
.Timeline_Content { display: flex; flex-direction: column; align-items: start; gap: 20px; }

.PTCard {position: relative; transition: all 0.6s; padding: 30px 20px; display: flex ; flex-direction: column; justify-content: space-between; height: 100%; gap: 30px; border-radius: 10px;} 
.PTArrow { width: 94px; flex-shrink: 0; aspect-ratio: 1 / 1; background: #F7F7F7; outline: 5px solid var(--white-color); border-radius: 100px; display: flex ; justify-content: center; align-items: center; margin: 0px auto;} 
.PtCarttext { display: flex; flex-direction: column; gap: 30px; } 
.PtCarttext h4 { margin-bottom: 0; }
.PTBtn, .PtCarttext { position: relative; }
.PTCard::before{ position: absolute; content: ""; width: 100%; height: calc(100% - 80px); background: var(--primary-green); left: 0; right: 0; bottom: 0; border-radius: 20px; transition: all 0.6s;opacity:0;}
.PTCard:hover .PTArrow  {background: var(--primary-green);}
.PTCard:hover h4, .PTCard:hover p {color: var(--white-color);}
.PTCard:hover .PTArrow img {filter: invert(1);}
.PTCard:hover::before{opacity: 1;}

.GetBigGreencard {position: relative; background: var(--primary-green); color:var(--white-color); padding: 45px 65px; border-radius: 20px; display: flex; flex-direction: column; align-items: start; gap: 35px; height: 100%;} 
.GetBigGreencard h2 { margin-bottom: 0; color: var(--white-color); }
.Icon-CutArrow { position: absolute; margin-top: -20px; left: 50px; }
.cta-arrow img { width: 12px; margin-left: 12px; }

.BaseCard { border-radius: 22px; background: var(--white-color); box-shadow: 0 13px 100px 0 rgba(199, 199, 199, 0.25); height: 100%; padding: 30px; display: flex; flex-direction: column; gap: 24px; justify-content: space-between; } 
.BaseContent { display: flex; flex-direction: column; gap: 24px; } 
.BaseIcon { width: 50px; flex-shrink: 0; aspect-ratio: 1/1; background: #DAEBE4; display: flex; justify-content: center; border-radius: 100px; } .BaseContent h3 { margin-bottom: 0; }

/* ====================================================
Footer V2
==================================================== */
.brand_logo-footer a { background: var(--white-color); display: inline-block; padding: 5px; border-radius: 5px; }
.socialicons ul li a{border-radius: 100px;}
.socialicons ul li a:hover{background: var(--primary-light-green);color:var(--primary-green);}
.ftr-contact{flex-wrap: wrap;}