@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&family=Work+Sans:wght@600&display=swap');

body {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
}

h2 {
	font-size: 32px;
	font-weight: 700;
}

a
{
text-decoration: none;
}

.wooCommerceColor {
	color: #5F8E3E;
}

img{
    max-width: 100%;
}
.bannerHeader {
	padding:10px 0;
	background-color: #FFF;
}

.phoneWrapper img,
.emailWrapper img {
	padding-right: 8px;
}
.fs-14{
    font-size: 14px !important;
}
.fs-16{
    font-size: 16px !important;
}
.fs-18{
    font-size: 18px !important;
}
.fs-20{
    font-size: 20px !important;
}
.fs-22{
    font-size: 22px;
}
.fs-24{
    font-size: 24px;
}
.fs-26{
    font-size: 26px;
}
.fs-28{
    font-size: 28px;
}
.fs-30{
    font-size: 30px;
}
.fs-32{
    font-size: 32px;
}
.fs-34{
    font-size: 34px;
}
.fs-36{
    font-size: 36px;
}
.numberFont {
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    /* color: #000; */
    text-decoration: none;
    background: #000;
    padding: 10px;
    border-radius: 5px;
    color: #FFF;
}
.phoneWrapper a:hover,.emailWrapper a:hover {
    color: #fff;
}

.footerFormSection {
    padding-top: 80px;
    position: relative;
    background:url(../images/footer-bg.webp) #101D56 no-repeat center;
    background-size: cover;
}

.footerFormSection h2 {
    font-size: 48px;
    color: #fff;
	line-height:54px;
}

.footerFormSection p {
    font-size: 24px !important;
    color: #fff;
}

.footerRightSideWrap {
    margin-top: 30px
}

.footerRightSideWrap a {
    color: #fff!important;
    text-decoration: none
}

#footerContactFormWrapper {
    padding: 35px;
    border-radius: 20px
}

#footerContactFormWrapper h4 {
    padding-left: 0;
    font-size: 32px;
    line-height: 1.2
}


#footerContactFormWrapper #footerPageForm .form-control {
    width: 100%;
    background-color: transparent;
    box-shadow: none;
    border: none;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    font-size: 15px;
    color: #fff;
}

#footerContactFormWrapper .formLabel {
    color: #fff;
    font-size: 15px;
    margin-bottom: 8px;
}

#footerContactFormWrapper #footerPageForm .newCroFormSubmit {
    
    background: #F16223;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    border-radius:6px;
    margin-top: 35px;
    width: 100%;
    border: none;
    padding: 12px 25px;
    margin: 0 auto;
}
#footerContactFormWrapper #footerPageForm .newCroFormSubmit:hover{
   background: rgb(112, 61, 253);
}
.bg-amber-400 {
    background: linear-gradient(120deg, rgba(76, 49, 153, 1) 0%, rgba(241, 98, 35, 1) 80%);
}
.w-20 {
    width: 5rem;
}
.h-1 {
    height: 0.25rem;
}
#footerContactFormWrapper .form-group {
    margin-bottom: 25px
}

.gap8 {
    gap: 8px;
}

.help-block.with-errors {
    position: absolute;
    margin: 0;
    font-size: 12px;
    color: red;
    font-weight: 700;
    margin-top: 2px
}

#footerContactFormWrapper #footerPageForm .form-group.has-error.has-danger .form-control {
    border-color: red!important
}


.footerFormSection h2 {
    margin-top: 30px
}

.footerFormSection::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #223b59;
    height: 280px;
    z-index: -1
}

.footer {
    background:#081036;
    color: #fff;
    font-size: 16px
}

.footerLogo {
    position: relative;
    display: flex;
    align-items: center
}

.footerLogo img {
    margin-right: 50px
}

.footerLogo hr {
    width: 100%;
    opacity: .5
}

.footLogoImage {
    width: 85px;
    height: auto
}

.footerInnerLink {
    display: grid;
    grid-template-columns: repeat(3,auto);
    grid-template-rows: 1fr 1fr;
    gap: 15px;
    margin-top: 30px
}

.footerInnerLink a {
    color: #fff;
    text-decoration: none
}

.copyContent {
    padding: 20px 0;
}

.copyContent a {
    color: #fff!important;
    text-decoration: none
}

.gap15 {
    gap: 15px
}

.gap13 {
    gap: 20px;
    margin-left: 30px
}

.defaultContainer {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.clientLogoWrapper {
	padding:70px 0px;
	background: linear-gradient(180.02deg, #FAFAFA 0.01%, #FAFAFA 0.02%, rgba(250, 250, 250, 0) 99.97%);
	position: relative;
	overflow: hidden;
}

.clientLogoTopRightBg {
	background-image: url(../images/second-section-top-right-bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 103px;
	height: 198px;
	position: absolute;
	top: 0;
	right: -20px;
}

.clientLogoBottomLeftBg {
	background-image: url(../images/second-section-bottom-left.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -50px;
	left: -20px;
	width: 292px;
	height: 228px;
}

.clientLogoWrapper img {
    padding: 10px 9px;
    width: 85%;
}
input::placeholder {
  color: #888; /* light gray */
  opacity: 1;  /* ensures color is solid */
}
.thankyouBanner {
    margin: 50px 0;
}

.banner-head{
    background: url(../images/bg.webp) top center no-repeat #101D56;
    background-size: cover;
    padding: 90px 0px;
}

.banner-head-2{   
    padding:80px 0px 90px 0px;
    background: url(../images/manufacturers.png) right no-repeat;
}

.banner-head h1{
    color: #fff;
    font-size: 54px;
    line-height: 1.4;
    width: 80%;
}
.banner-form-heading{
    color: #011833;
    font-weight: 600;
    font-size: 26px;
    text-align: center;
}
.banner-head p{
    color:#fff;
}
.banner-head .strip{
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 6px
}
.banner-head .card{
    padding: 20px;
}
.banner-head .strip a
{
    margin-top: 10px;
    margin-right: 10px;
    display: inline-block;
    text-decoration: none;
    /* background-color: #eb5436; */
    background: linear-gradient(to bottom, #514F6E, #170F49);
    color: #fff;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 16px;
}

.banner-head a , .case-list a{
    margin-top: 15px;
    display: inline-block;
    text-decoration: none;
    /* background-color: #eb5436; */
    background: linear-gradient(to bottom, #859af8, #3812ac);
    color:#fff;
    padding: 12px 25px;
    border-radius: 10px;
}

.banner-head a:hover{
    background-color: #d1381a;
    color:#fff;
}
.gradient-button{
	padding: 10px 16px;
    background: #F16223;
    color: #fff;
    border-radius: 5px;
    font-weight: 400;
    display: inline-flex;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    z-index: 1;
    font-size: 16px;
}
.gradient-button:hover {
    background-color: #0a0f42;
    color: #ffffff;
}
.button-sec{
    display: flex;
}
.button-sec .book-a-call{
    cursor: pointer;
    margin-top: 14px;
}
.banner-right-img{
    /* margin-top: 30px; */
    position: absolute;
    left: -90px;
    top: -45px;
}
    .listing-carousel-section{
		padding: 0px 0 0px 0;
    	border-bottom: solid 2px #F16223;
	}
	
	#pagelisting-carousel{
		padding: 15px;
	}
	#pagelisting-carousel .owl-carousel .owl-item img{
		    width: auto;
    		height: 60px;
	}

    #footer-pagelisting-carousel{
		padding: 15px;
	}
	#footer-pagelisting-carousel .owl-carousel .owl-item img{
		width: auto;
    	height: 60px;
	}

    #footer-pagelisting-carousel1{
		padding: 15px;
	}
    #footer-pagelisting-carousel1 .owl-carousel .owl-item .item{
        text-align: center;
    }
	#footer-pagelisting-carousel1 .owl-carousel .owl-item img{
		    display: inline-block;
            margin: 0 auto;
            max-width: 100%;
            height: auto;
	}

	.left-shadow-box{
		box-shadow: -10px 0 15px -5px rgba(0, 0, 0, 0.3);
	}
    .result-driven{
        padding: 50px 0px 50px 0px;
        background: #FFF;
    }
    .text-box {
         position: relative;
         padding-bottom: 10px;
         z-index: 1;
        }
    .text-box::after {
        content: "";
        position: absolute;
        top: 25px;
        left: 0;
        right: 0;
        border-bottom: 20px solid #f16223;
        z-index: -1;
    }

    .sec-1{
        padding: 60px 0px;
        background: #E5F4FF;
    }
    .sec-1 h3{
         font-size: 42px;
         font-weight: 600;
    }
    .sec-2{
        padding: 60px 0px 0px;
        background: #000;
    }

     .sec-3{
        padding: 60px 0px;
        background: #FFF;
    }
    .sec-3 .temp-bg{
        background: url(../images/arrows-bg.svg) center no-repeat #fff;
        background-size: contain;
        padding: 100px 0;
    }
    .sec-3 .card{
        padding: 40px 20px 20px;
        border: solid 2px #aba5a5;
    }
    .sec-3 .card.odd{
        margin-top: 70px;
    }
    .sec-4{
        padding: 60px 0px;
        background: #F8F8F8;
    }
    .sec-4 .box{
        padding: 15px 20px;
        background-color: #e3e8f8;
        border-radius: 70px;
    }
    .sec-3 h3,.sec-4 h3,.sec-5 h3,.sec-6 h3{
         font-size: 42px;
         font-weight: 600;
    }

    .sec-5{
        background: url(../images/sec-5-bg.webp) center no-repeat #FFF;
        background-size: contain;
        padding: 60px 0;
    }
    .sec-5 .left-img{
        margin-top: -28px;
        width: 90%;
    }
    .sec-6{
        padding: 60px 0px;
        background: #D9D9D9;
    }

    .sec-6 .card{
        padding: 10px;
        background-color: #FFF;
        border-radius: 10px;
        text-align: center;
    }
    .sec-6 .card img{
        width: 70%;
    }
    .sec-7{
        padding: 60px 0px;
        background: #FFFFFF;
    }

    #categoryFilter {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 0.5rem;
		margin-bottom: 2.5rem;
	}

	.category-btn {
		padding: 0.625rem 1.25rem;
		border-radius: 9999px;
		font-size: 0.875rem;
		font-weight: 500;
		border: none;
		cursor: pointer;
		transition: all 0.3s;
		background-color: #E2E5EA;
		color: #374151;
        font-size: 14px;
        min-width: 320px;
        text-align: left;
	}

	.category-btn:hover {
		background-color: #f3e8ff;
		color: #1A3693;
	}

	.category-btn.active {
		background-color: #452C8B;
		color: white;
		box-shadow: 0 4px 6px -1px rgba(139, 92, 246, 0.2);
         min-width: 320px;
         text-align: left;
	}

    .result-driven h3{
         font-size: 36px;
         font-weight: 600;
    }
    .result-driven .h-card{
        padding: 10px;
        background: #EFCEBF;
        border-radius: 25px 0px 0px 25px; 
        text-transform: uppercase;
    }
    .result-driven .card{
        margin: -50px 0 0 40px;
        min-height: 180     px;
        border: none;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        cursor: pointer;
        transition: background-color 0.4s ease, transform 0.3s ease;
    }
    .result-driven .card:hover {
        background: #c2e1fb;
         transform: translateY(-5px);
    }
    .result-driven .card .desc{
        padding: 40px 15px 40px 15px;
        text-align: center;
    }

    .digital-marketing{
        padding: 50px 0px 50px 0px;
        background: #FFF;
    }
     .digital-marketing h3{
        font-size: 36px;
         font-weight: 600;
    }
    .digital-marketing .h-card{
        padding: 10px;
        background: #EFCEBF;
        border-radius: 25px 0px 0px 25px;
        text-transform: uppercase; 
    }
    .digital-marketing .card{
        border-radius: 10px;
        border-left: solid 4px #4C3199;
        padding: 15px 30px 15px 15px;
        background: #e9edf1;
        cursor: pointer;
        transition: background-color 0.4s ease, transform 0.3s ease;
    }
    .digital-marketing .card:hover {
        background: #c2e1fb;
        transform: translateY(-5px);
    }
    .statistics-section{
        padding: 50px 0px 50px 0px;
        background: #FFF;
    }
    .statistics-section .card{
        border-radius: 10px;
        background-color: #f3f3f3;
        padding: 35px;
        cursor: pointer;
        transition: background-color 0.4s ease, transform 0.3s ease;
    }
     .statistics-section .card:hover {
        background: #c2e1fb;
        transform: translateY(-5px);
    }
    .counter {
        font-size: 2.5rem;
        font-weight: bold;
        color: #F16223;
        text-align: center;
    }
    .counter::after{
        content: ' +';
    }
    .what-we{
        padding: 50px 0px 50px 0px;
        background: #FFF;
    }
     .what-we h3,.why-commerceshop h3{
        font-size: 36px;
         font-weight: 600;
    }
    .what-we .h-card{
        padding: 10px;
        background: #EFCEBF;
        border-radius: 25px 0px 0px 25px; 
        text-transform: uppercase;
    }
    .what-we .card{
        padding: 10px;
        background: #fcfcfc;
        cursor: pointer;
        border-radius: 10px;

    }
    .what-we .card:hover{
        background: #4C3199;
    }
    .what-we .card:hover .short-head{
        color: #fff;
    } 
    .what-we .card:hover .short-desc{
        color: #fff;
    }

    .what-we .card:hover .right-arrow{
        background: #FFF;
    }
    .what-we .card:hover svg path {
        fill: #4C3199;
    }

    .what-we .card .icon{
        background: #de5913;
        padding: 10px;
        border-radius: 10px;
        text-align: center;
        max-width: 100px;
        width: 50px;
        margin-left: 25px;
    }
    .what-we .card .short-head{
        color: #4C3199;
    }
    .what-we .card .right-arrow{
        background: #4C3199;
        max-width: 26px;
        text-align: center;
        margin-left: 25px;
        border-radius: 50%;
    }
    .what-we .card .right-arrow svg:hover path {
        fill: #4C3199;
    }
    .why-commerceshop {
        padding: 50px 0px 50px 0px;
        background: #FFF;
    }
    .why-commerceshop .h-card{
        padding: 10px;
        background: #EFCEBF;
        border-radius: 25px 0px 0px 25px; 
        text-transform: uppercase;
    }
    .why-commerceshop .card{
        padding: 25px;
        background: #F4F4F4;
        border-radius: 15px;
        cursor: pointer;
        min-height: 230px;
    }

    .why-commerceshop .card:hover{
        background: #4C3199;
        color: #FFF;
    }
    .why-commerceshop .card:hover .icon{
         background: #FFF;
    }
    .why-commerceshop .card:hover svg path {
        fill: #4C3199;
    }
    .why-commerceshop .card .icon{
        background: #F16223;
        width: 40px;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        max-width: 50px;
    }
    .case-list .h-card{
        padding: 10px;
        background: #EFCEBF;
        border-radius: 25px 0px 0px 25px; 
        text-transform: uppercase;
    }
    .case-list h3{
        font-size: 36px;
        font-weight: 600;
    }


    /* List styles */
    .list {
      display: flex;
      flex-direction: column;
      margin-left: 180px;
    }

    .list-item {
      padding: 10px 5px;
      cursor: pointer;
      color: #999999;
    }

    .list-item.active {
      /* background-color: #007bff; */
      color: #080101;
    }

    /* Section styles */
    .section {
      display: none;
      padding: 20px;

    }

    .section.active {
      display: block;
    }

    .products-menu ul
    {
        display: inline-block;
        position: relative;
        z-index: 5;
        text-align: center;
        background: #f3f4f6;
        margin: 0;
        padding: 0;
        border-radius: 90px;
    }

    .products-menu ul li
    {
        font-family: 'Montserrat', sans-serif;
        font-size:20px;
        font-weight:600;		
        display: inline-block;
        text-align: center;
        margin-right:15px;
    }

    .products-menu ul li:last-child
    {		
        border-bottom:none;
    }

    .products-menu ul li a
    {	
        font-size: 18px;
        padding:12px 22px;
        display:block;
        border-radius: 90px;
        text-decoration: none;
        color: #374151;
        background-color: #F3F4F6;
    }

    .products-menu ul li a:hover
    {
        background:#eb5436;
        color:#fff;
    }

    .products-menu ul li a.active
    {	background:#eb5436;
        color:#fff;
        padding-left: 25px;
    }

    .products-menu ul li:last-child a
    {		
        border-bottom:none;
    }

    .products-menu
    {
        text-align: center;
    }

    .what-ecommerce
    {
        padding: 60px 0px ;
    }

    .maximize-bg {
        background-color: #F7F8FE;
        padding: 30px;
        border-radius: 20px;
    }

    .logo-list-2 {
        border-bottom: 2px solid #eb5436;
    }

    .logo-list-2 ul li
    {
        float: left;
        list-style-type: none;
    }

    .logo-list-2 ul li img {
        height:60px;
        margin-right: 28px;
    }

    .logo-list-2 h3
    {
        font-weight: 700;
    }

    .manufacturers
    {
        background-color: #101D56;
        padding: 80px 0px  60px 0px;
    }

    .manufacturers h2
    {
        color:#fff;
    }

    .manufacturers p
    {
        color:#fff;
    }

    .core-elements
    {
        padding: 80px 0px 60px 0px;
    }

    .core-elements-list-1
    {
        background-color: #101D56;
        padding: 20px;
        border-radius: 10px;
        margin-bottom: 30px;
        min-height:148px;
        cursor: pointer;
    }
    .core-elements-list-1:hover{
        background-color: #F16223;
    }
    .core-elements-list-1 h4
    {
        font-weight: 700;
        color:#fff;
    }

    .core-elements-list-1 p
    {
        color:#fff;
    }

    .core-elements-list-2
    {
        background-color: #F16223;
        padding: 20px;
        border-radius: 10px;
        margin-bottom: 30px;
        min-height:148px;
    }

    .core-elements-list-2 h4
    {
        font-weight: 700;
        color:#fff;
    }

    .core-elements-list-2 p
    {
        color:#fff;
    }

    .core-elements-bg
    {
        background: url(../assets/core-elements-bg.jpg) no-repeat top center;
        background-size: cover;
        padding:40px 25px;
        border-radius: 6px;
        margin-bottom: 35px;
    }

    .core-elements-bg h2
    {
        padding-top: 35px;
        color:#fff;
    }

    .logo-bg-2
    {
        background: url(../assets/shadow.png) no-repeat top right;
        padding:20px 0px;
    }

    .logo-bg-3
    {
        padding:20px 0px; 
    }

    #footerContactFormWrapper
    {
        /* background-color: #000000; */
        border-radius: 0;
        padding: 44px;
    }

    .tp-list
    {
        padding: 58px 0px 25px 0px;
    }

    .tp-list ul
    {
        text-align: center;
    }

.tp-list ul li
{
    display: inline-block;
    margin-right:24px;
    margin-bottom: 25px;
}

.clutchSection {
    padding: 70px 0;
    background: #FAFAFA;
}

.hidden {
      display: none;
    }
    .viewmore{
        cursor: pointer;
    }
    .viewmore a{
        color: #464A49 !important;
        font-weight: 500;
    }
.test-ion-1
{
    position: absolute;
    left: 0;
    top: 0px;
}

.test-ion-1 img
{
    height: 50px;
}

.test-ion-2
{
    position: absolute;
    right: 0;
    bottom: 0;
}

.test-ion-2 img
{
    height: 50px;
}

.faqSectionWrapper {
    position: relative;
    overflow: hidden;
    padding:70px 0;
    background:#f3f3f3;
}

.faqSectionWrapper .faqQAAWrapper {
    margin-top:50px;
}

.faqSectionWrapper .question-wrapper {
    border-bottom: 2px solid #DCE2E4;
}

.faqSectionWrapper .question-wrapper:first-child {
    border-top: 2px solid #DCE2E4;
}

.faqSectionWrapper .faqTitle {
    padding: 15px 12px;
    cursor: pointer;
    font-size: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    position: relative;
}

.faqSectionWrapper .hidElement {
    font-size: 16px;
    padding: 25px 18px;
}

.faqSectionWrapper .question-wrapper .faqTitle:before {
    content: '+';
    position: absolute;
    right: 0;
    top: calc(50% - 12px);
    font-size: 24px;
    color: #000001;
    font-weight: 900;
}

.faqSectionWrapper .question-wrapper.open .faqTitle:before {
    content: '-';
}

.test-list
{
    padding: 80px 0px;
    background-color: #F5F5F5;
}

.test-1
{
    padding: 50px;
    background-color: #fff;
    border-radius: 25px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #f16223;
}

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

.case-list
{
    padding: 80px 0px 60px 0px;
}

.case-list-1
{
    background:url(../assets/case-list-1.jpg) no-repeat top right -100px #101D56;
    padding: 30px 30px 30px 30px;
    min-height:425px;    
    margin-bottom: 30px;
}

.case-list-1 ul
{
    padding: 0;
    margin: 0;
    overflow: auto;
}

.case-list-1 ul li
{
    float: left;
    color:#fff;
    font-size: 16px;
    margin-right: 15px;
    margin-bottom: 20px;
    list-style-type: none;
}

.case-list-1 p
{
    color:#fff;
    font-size: 16px;  
}
 

.case-list-2
{
    background:url(../assets/case-list-2.jpg) no-repeat top right -100px #101D56;
    padding: 30px;
    min-height:425px;
    margin-bottom: 30px;
}

.case-list-2 ul
{
    padding: 0;
    margin: 0;
    overflow: auto;
}

.case-list-2 ul li
{
    float: left;
    color:#fff;
    font-size: 16px;
    margin-right: 15px;
    margin-bottom: 20px;
    list-style-type: none;
}

.case-list-2 p
{
    color:#fff;
    font-size: 16px;  
}

.case-list-l
{
    padding-top: 30px;
    padding-bottom: 30px;
    width: 65%;
}



/*Marquee stile*/
.marquee{
	background: #eb5436;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 0;
	padding-top: 22px;
  }
  .marquee .scroll{
	width: 100%;
	display: flex;
  }
  .marquee .scroll div{
	color: #fff;
	font-size: 35px;
	background: #eb5436;
	white-space: nowrap;
	font-weight: 500;
	animation: animate-marquee 80s linear infinite;
	animation-delay: -40s;
  }
  .marquee .scroll div:nth-child(2){
	animation: animate-marquee-2 80s linear infinite;
	animation-delay: -80s;
  }
  .marquee .scroll div .category{
	padding: 10px 20px;
  }
  .category{
	color: #fff;
	font-size:20px;
	font-weight: 600!important;
	clear: both;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	line-height: 20px;
	font-family: sans-serif;
  }
  .category a{color:#FFF;text-decoration: none;}
  
  /*Responsive marquee*/
  @media (max-width:767px){
	.category{font-size: 25px;}
	.marquee .scroll div{font-size: 25px;}
  }
  
  @keyframes animate-marquee{
	  0%{
		  -moz-transform: translateX(100%);
		  -webkit-transform: translateX(100%);
		  transform: translateX(100%);
	  }
	  100%{
		  -moz-transform: translateX(-100%);
		  -webkit-transform: translateX(-100%);
		  transform: translateX(-100%);
	  }
  }
  
  @keyframes animate-marquee-2{
	  0%{
		  -moz-transform: translateX(0%);
		  -webkit-transform: translateX(0%);
		  transform: translateX(0%);
	  }
	  100%{
		  -moz-transform: translateX(-200%);
		  -webkit-transform: translateX(-200%);
		  transform: translateX(-200%);
	  }
  }

@media (min-width: 576px) {
	.topStripRight {
		margin-top: 0;
	}
	
 .defaultContainer {
        max-width: 540px;
    }

}

@media (min-width: 768px) {
	.topStripRight {
		gap: 15px;
	}

	.phoneWrapper {
		padding-right: 15px;
		border-right: 1px solid #fff;
	}
	
	.defaultContainer {
    max-width: 720px;
}

}

@media(min-width: 992px) {
   

   .footerFormSection h2 {
        font-size: 36px;
		line-height:44px;
    }

    .defaultContainer {
        max-width: 960px
    }

    .footLogoImage {
        width: 120px
    }

    .footerInnerLink {
        grid-template-columns: repeat(3,auto);
        grid-template-rows: 1fr 1fr
    }

    .tcsAdvantageContentWrapper {
        margin-top: 0
    }
}

@media (min-width: 1200px) {
	
	.defaultContainer {
    max-width: 1140px;
    margin: 0 auto;
}
	.bannerSection h1 {
		font-size: 48px;
	}

	.bannerSection p {
		width: 610px;
		font-size: 20px;
	}
	
	.footerInnerLink {
    grid-template-columns: repeat(3,1fr);
}
}

@media (min-width: 1400px)
{
.defaultContainer {
    max-width: 1300px;
    margin: 0 auto;
}
.clientLogoWrapper img {
    margin-left: 10px;
    margin-right: 10px;
}

h2 {
    font-size: 42px;
}

}

@media(min-width:1500px) {
	.bannerSection h1 {
		font-size: 64px;
	}

	.bannerSection p {
		width: 710px;
		font-size: 22px;
	}
	
	.footerFormSection h2 {
        font-size: 52px;
		line-height:54px;
    }

}

@media (min-width: 1600px)
{
.defaultContainer {
    max-width: 1600px;
    margin: 0 auto;
}
}

@media (max-width: 1200px)
{
.banner-head-2
{background: none;
}

}

@media (max-width:991px)
{
.core-elements-list-2 {
    background-color: #101D56;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px;
    min-height: 148px;
}

.logo-bg-2 {
    background:none;
    padding: 20px 0px 0px 0px;
}

}

@media (max-width:768px)
{

    .case-list-1
{
    background:url(../assets/case-list-1.jpg) no-repeat top right -180px #101D56;
    padding: 30px 30px 30px 30px;
    min-height:auto;    
    margin-bottom: 30px;
}

.case-list-2
{
    background:url(../assets/case-list-2.jpg) no-repeat top right -180px #101D56;
    padding: 30px;
    min-height: auto;
    margin-bottom: 30px;
}

.case-list-l {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 74%;
}

}

.products-wrapper ul li{
    margin-bottom: 5px;
    line-height: 42px;
}

.list-logo 
	{
		padding-right: 0;
        border-bottom: 2px solid #ccc;
		
	}


	.cont{
		width: 100%;
		overflow: hidden;
		background-color: #fff;
		margin-bottom: -116px;
	}
	
	.scorri{
		position: relative;
		display: flex;
		width: 100%;
		justify-content: space-between;
	}
	
	.tithome{
		animation-name: marquee;
		animation-duration:55s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		flex-shrink: 0;
	}
	
	.tithome li{
		width: fit-content;
		display: inline-block;
		list-style: none;
		padding-right: 20px;
	}

	.tithome li img {
		height: 70px;
	}

	ul.tithome
	{
		margin-top:20px;
	}

	
	@keyframes marquee {
		0% { transform: translateX(0); }
		100% { transform: translateX(-100%); }
	}

    .banner-list
    {
        background-color: #eb5436;
    }

    .banner-list ul li
    {
        font-size: 24px;
        display: inline-block;
        color:#fff;
    }

    h3.category
    {
        font-size:18px;
        font-weight: 400 !important;
    }

    h3.category strong
    {
        font-size: 22px;
        font-weight:700 !important;
    }

    h2.category
    {
        font-size:24px;
    }

    .elements-2
    {
        background-color: #101D56;
        padding:0px 0px 80px 0px;
    }

    .elements-2 h2
    {
        color:#fff;
    }

    .elements-2 ul
    {
        text-align: center;
        width: 854px;
        margin:0 auto;
        overflow:auto;
        margin-bottom: 20px;
        position: relative;
        z-index: 1;
    }

   
    .elements-2 ul li
    {
        list-style-type: none;
        text-align: left;
    }

    .elements-2 ul li h4
    {
        color:#fff;
    }

    .elements-2 ul li p
    {
        color:#fff;
        margin-bottom:10px;
    }


    .elements-2 ul li img
    {
        float: left;
        margin-right: 20px;        
        height: 84px;
        margin-bottom: 30px;
    }

    .v-line
    {
        width: 3px;
        height: 870px;
        background-color: #fff;
        position: absolute;
        margin-left: 294px;
        margin-top: 10px;
        z-index: 0;
    }

    @media (max-width:1400px)
    {
        .v-line
        {
            width: 3px;
            height: 870px;
            background-color: #fff;
            position: absolute;
            margin-left:206px;
            margin-top: 10px;
            z-index: 0;
        }
    }

    @media (max-width:1200px)
    {
        .v-line
        {
            width: 3px;
            height: 870px;
            background-color: #fff;
            position: absolute;
            margin-left:70px;
            margin-top: 10px;
            z-index: 0;
        }
    }

    @media (max-width:991px)
    {

        .elements-2 ul
        {
            width: auto;
        }

        .elements-2 ul li img
        {
            display: none;
        }

        .v-line
        {
            display: none;
        }

    }


    @media (max-width: 320px) {
	/* Styles for small phones */
	.banner-head h1 {
    color: #fff;
    font-size: 40px;
        }

        .button-sec{
            display: block;
            text-align: center;
        }
        .banner-right-img {
            margin-top: 0px;
        }

        .sec-3 .temp-bg{
            padding: 0px;
        }
        .sec-3 .card.odd {
            margin-top: 0px;
        }
        .sec-5 {
            background: url(../images/sec-5-bg.webp) center no-repeat #FFF;
            background-size: cover;
            padding: 60px 0;
        }
        #footerContactFormWrapper {
        /* background-color: #000000; */
        border-radius: 0;
        padding: 44px 0px;
        }
	} 
	@media (min-width: 320PX) and (max-width: 480PX) {
	/* Styles for small phones */
        .banner-head h1 {
        color: #fff;
        font-size: 40px;
        }

        .button-sec{
            display: block;
            text-align: center;
        }
        .banner-right-img {
            margin-top: 0px;
        }

        .sec-3 .temp-bg{
            padding: 0px;
        }
        .sec-3 .card.odd {
            margin-top: 0px;
        }
        .sec-5 {
            background: url(../images/sec-5-bg.webp) center no-repeat #FFF;
            background-size: cover;
            padding: 60px 0;
        }
        #footerContactFormWrapper {
        /* background-color: #000000; */
        border-radius: 0;
        padding: 44px 0px;
        }

	}
	@media (min-width: 481px) and (max-width: 767px) {
	/* Styles for larger phones */
	.banner-head h1 {
    color: #fff;
    font-size: 40px;
}
	}