.ind_con1{ 
     margin: 20px auto 20px;
	 padding-top: 30px; 
	 padding-bottom: 40px;
	 background-image: url("./../images/front-product-background.jpg");
	 }
.ind_bot_img_con1 {
  float: right;
  width: 440px;
  padding-right: 10px;
  background: #E5E1E0D4;
}
.ind_con1 h1, .inner_content1 h1{ line-height:26px; padding-bottom:5px; color:#525252; font-size:18px; font-weight:600; margin:30px 0 20px; text-align: center;}
.ind_bot_img1{ margin:0 15px 15px 0; border:1px solid #e9e9e9; background:#fff; padding:3px; width:254px; height:122px;}

.ind_con1 p{ margin-bottom:10px; text-align: center;}


.ind_con2{ 
     /* margin: 70px auto 20px;
	 padding-top: 30px;  */
	 padding-bottom: 45px;
	 background-image: url("./../images/front-product-background.jpg");
	 }
.ind_bot_img_con2 {
 /*  float: right;
  width: 440px; */
  background-image: url("./../images/nearshore_bck.jpg");
}
.ind_bot_img_con2 h2 {
  background: #AAA9A81F;
  color: #fdfcfb;
  font-size: 20px;
  font-weight: 600;
  margin: 20px 0;
  text-align: center;
  padding: 75px;
}
.ind_con2 h1, .inner_content2 h1{ line-height:26px; padding-bottom:5px; color:#525252; font-size:18px; font-weight:600; margin:30px 0 20px; text-align: center;}
.ind_bot_img2{ margin:0 15px 15px 0; border:1px solid #e9e9e9; background:#fff; padding:3px; width:254px; height:122px;}

.ind_con2 p{ margin-bottom:10px; text-align: center;}


@media screen and (max-width: 320px){
	.ind_bot_img_con2 h2 {
     font-size: 15px;
    padding: 40px;
    line-height: 17px;
   }
   
   .ind_bot_img_con1 {
  width: 90%;
  background: #E5E1E0D4;
  padding: 20px;
}

.ind_bot_img_front {
  width: 80%;
}
.tech_boxa1_fea {
  width: 80%;
}
   
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  	.ind_bot_img_con2 h2 {
     font-size: 15px;
    padding: 40px;
    line-height: 17px;
   }
   
   .ind_bot_img_con1 {
  width: 80%;
  background: #E5E1E0D4;
  padding: 20px;
}

.ind_bot_img_front {
  width: 80%;
}
.tech_boxa1_fea {
  width: 80%;
}
}

@media screen and (min-width: 480px) and (max-width: 648px) {
  .ind_bot_img_con2 h2 {
     font-size: 15px;
    padding: 40px;
    line-height: 17px;
   }
   
   .ind_bot_img_con1 {
  width: 80%;
  background: #E5E1E0D4;
  padding: 20px;
}

.ind_bot_img_front {
  width: 80%;
}
.tech_boxa1_fea {
  width: 80%;
}
}

/*****************************************************************************/

    .BigDiv_SolutionSectionMacro {
        /* height: 520px; */
        margin: auto;
    }

        .BigDiv_SolutionSectionMacro .div_desktopView {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-left: 2%;
    }

        .BigDiv_SolutionSectionMacro .div_desktopView .div_Circle {
            width: 20%;
        }

        .BigDiv_SolutionSectionMacro .div_desktopView .spectrum {
            position: absolute;
            /* top: 43%; */
            z-index: 4;
            font-weight: 600;
            color: #011f66;
            text-align: right;
            width: 200px;
            margin-left: -7%; 
			margin-top: -62px;
			font-size: 20px;
        }

        .BigDiv_SolutionSectionMacro .div_desktopView .spectrum.firstchild {
            top: 50%;
        }
		

            .BigDiv_SolutionSectionMacro .div_desktopView .spectrum p {
                font-size: 18pt !important;
                margin-bottom: 0;
            }

        .BigDiv_SolutionSectionMacro .div_desktopView .div_Circle .circles {
            margin-left: -129%;
            position: relative;
            margin-top: -270px;
        }

            .BigDiv_SolutionSectionMacro .div_desktopView .div_Circle .circles div {
                width: 420px;
                height: 420px;
                border-radius: 50%;
                border: solid 13px;
                position: absolute;
            }

            .BigDiv_SolutionSectionMacro .div_desktopView .div_Circle .circles .div_Circle1 {
                transform: rotate( 43deg );
                border-color: #d2d2d2 transparent transparent;
                z-index: 0;
            }

                .BigDiv_SolutionSectionMacro .div_desktopView .div_Circle .circles .div_Circle1.coloredCircle1 {
                    border-color: #3190bd transparent transparent;
        }

            .BigDiv_SolutionSectionMacro .div_desktopView .div_Circle .circles .div_Circle2 {
                transform: rotate( 103deg );
                border-color: #b4b5b6 transparent transparent;
                z-index: 1;
            }

                .BigDiv_SolutionSectionMacro .div_desktopView .div_Circle .circles .div_Circle2.coloredCircle2 {
                    border-color: #175fd4 transparent transparent;
                }

            .BigDiv_SolutionSectionMacro .div_desktopView .div_Circle .circles .div_Circle3 {
                transform: rotate( 164deg );
                border-color: #8e9090 transparent transparent;
                z-index: 2;
            }

                .BigDiv_SolutionSectionMacro .div_desktopView .div_Circle .circles .div_Circle3.coloredCircle3 {
                    border-color: #07285c transparent transparent;
                }

            .BigDiv_SolutionSectionMacro .div_desktopView .div_Circle .circles .div_Circle4 {
                border: solid 16px;
                margin-top: -3px;
                transform: rotate( 228deg );
                border-color: #fff transparent transparent;
                z-index: 3;
            }

        .BigDiv_SolutionSectionMacro .div_desktopView .div_titles {
            width: 30%;
            height: 420px;
            margin-top: -144px;
         }

            .BigDiv_SolutionSectionMacro .div_desktopView .div_titles .div_title1,
            .BigDiv_SolutionSectionMacro .div_desktopView .div_titles .div_title2,
            .BigDiv_SolutionSectionMacro .div_desktopView .div_titles .div_title3 {
                text-align: center;
                font-weight: bold;
                font-size: 18px;
                height: 33%;
                display: grid;
                justify-content: center;
                align-items: center;
                margin-top: 14px;
            }

            .BigDiv_SolutionSectionMacro .div_desktopView .div_titles .div_title2 {
                margin-left: 31%;
            }

            .BigDiv_SolutionSectionMacro .div_desktopView .div_titles .icon-right-open:before {
                width: 2px;
                font-size: 9px;
            }

            .BigDiv_SolutionSectionMacro .div_desktopView .div_titles a {
                color: #6a6868;
                /*margin-top: 55px;*/
            }

                .BigDiv_SolutionSectionMacro .div_desktopView .div_titles a i {
                    visibility: hidden;
                }


        .BigDiv_SolutionSectionMacro .div_desktopView .div_images {
            width: 50%;
            height: 540px;
        }

            .BigDiv_SolutionSectionMacro .div_desktopView .div_images .div_images1,
            .BigDiv_SolutionSectionMacro .div_desktopView .div_images .div_images2,
            .BigDiv_SolutionSectionMacro .div_desktopView .div_images .div_images3 {
                display: flex;
                align-items: center;
                justify-content: center;
                display: none;
                position: relative;                
                height: inherit;
                /*background-color: antiquewhite;*/
            }

                .BigDiv_SolutionSectionMacro .div_desktopView .div_images .div_images1 p,
                .BigDiv_SolutionSectionMacro .div_desktopView .div_images .div_images2 p,
                .BigDiv_SolutionSectionMacro .div_desktopView .div_images .div_images3 p {
                    line-height: 1.5 !important;
                }

        .BigDiv_SolutionSectionMacro .div_desktopView .shaped-left,
        .BigDiv_SolutionSectionMacro .div_desktopView .shaped-left img {
            border-radius: 106px 0 0 0;
        }

        .BigDiv_SolutionSectionMacro .div_desktopView .shaped-right,
        .BigDiv_SolutionSectionMacro .div_desktopView .shaped-right img {
            border-radius: 0 106px 0 0;
        }

        .BigDiv_SolutionSectionMacro .div_desktopView .text {
            padding-top: 40px;
            padding-left: 50px;
            padding-right: 25px;
        }

        .BigDiv_SolutionSectionMacro .div_desktopView .text a:hover {
            color: #39c0c4 !important;
        }

            .BigDiv_SolutionSectionMacro .div_desktopView .text.small,
            .BigDiv_SolutionSectionMacro .div_desktopView .image.small img {
                width: 200px !important;
                height: 200px !important;
            }

            .BigDiv_SolutionSectionMacro .div_desktopView .text.medium,
            .BigDiv_SolutionSectionMacro .div_desktopView .image.medium img {
                width: 250px !important;
                height: 250px !important;
            }

            .BigDiv_SolutionSectionMacro .div_desktopView .text.big {
                width: 220px !important;
                height: 230px !important;
            }
            .BigDiv_SolutionSectionMacro .div_desktopView .image.big img {
                width: 260px !important;
                height: 200px !important;
            }


       

    .BigDiv_SolutionSectionMacro .panel-heading {
        padding: 10px 0px 5px 0px;
    }

     .BigDiv_SolutionSectionMacro .div_mobileView {
            display: none;
            width: 96%;
            margin-left: 5%;
     }

    .BigDiv_SolutionSectionMacro .div_mobileView .btnOfAccordion.collapsed img{
   content:url("images/Icons_dropdown.png") !important;
    }

        .BigDiv_SolutionSectionMacro .div_mobileView .ddlEven2 {
            border-top: 1px solid black;
            margin-top: 0px;
            margin-bottom: 0px;
            width: 97%;
        }

        .BigDiv_SolutionSectionMacro .div_mobileView .panel-body {
            padding: 0px;
        }

    .BigDiv_SolutionSectionMacro .div_mobileView span, .BigDiv_SolutionSectionMacro .div_mobileView a {
        color: #000 !important;
    }

    .BigDiv_SolutionSectionMacro .div_mobileView a span {
        color: #337ab7 !important;
    }

    .BigDiv_SolutionSectionMacro .div_mobileView .title {
        width: 90%;
    }

    .BigDiv_SolutionSectionMacro .div_mobileView .btnOfAccordion {
        width: 10%;
        margin: auto;
        text-align: center;
    }

/*min's*/

    @media screen and (min-width: 2400px) {
       .BigDiv_SolutionSectionMacro .div_desktopView .div_Circle .circles {
            margin-left: -20%;
       }

    }
     
    @media screen and (min-width: 3001px) {
        .BigDiv_SolutionSectionMacro .div_desktopView .div_Circle .circles {
            margin-left: -6%;
        }

    }

    /*max's*/
    @media screen and (max-width: 3000px) {
        .BigDiv_SolutionSectionMacro {
            width: 60%;
        }
    }

    @media screen and (max-width: 2500px) {
        .BigDiv_SolutionSectionMacro {
            width: 70%;
        }
    }

    @media screen and (max-width: 2000px) {
        .BigDiv_SolutionSectionMacro {
            width: 85%;
        }
    }

    @media screen and (max-width: 1650px) {
        .BigDiv_SolutionSectionMacro .div_desktopView .div_Circle .circles {
            left: -11%;
        }
    }

    @media screen and (max-width: 1600px) {
        .BigDiv_SolutionSectionMacro {
            width: 90%;
        }
    }

    @media screen and (max-width: 1528px) {
        .BigDiv_SolutionSectionMacro {
            width: 100%;
        }
    }

    @media screen and (max-width: 1500px) {/*Query function linked to this*/
        .BigDiv_SolutionSectionMacro .div_desktopView .text.small, .BigDiv_SolutionSectionMacro .div_desktopView .image.small img {
            width: 178px !important;
            height: 164px !important;
        }

        .BigDiv_SolutionSectionMacro .div_desktopView .text.medium, .BigDiv_SolutionSectionMacro .div_desktopView .image.medium img {
            width: 248px !important;
            height: 221px !important;
        }
    }

    @media screen and (max-width: 1470px) {
        .BigDiv_SolutionSectionMacro .div_desktopView .div_Circle .circles {
            left: -1%;
        }
    }

    @media screen and (max-width: 1350px) {
        .BigDiv_SolutionSectionMacro .div_desktopView .div_Circle .circles {
             left: 0%;
        }
    }

    @media screen and (max-width: 1309px) {/*Query function linked to this*/
        .BigDiv_SolutionSectionMacro .div_desktopView .spectrum {
            /*width: 14%;*/
            margin-left: -4%;
        }

        .BigDiv_SolutionSectionMacro .div_desktopView .div_Circle .circles {
            left: -3%;
        }
        .BigDiv_SolutionSectionMacro .div_desktopView .text.small, .BigDiv_SolutionSectionMacro .div_desktopView .image.small img {
            width: 178px !important;
            height: 164px !important;
        }

        .BigDiv_SolutionSectionMacro .div_desktopView .text.medium, .BigDiv_SolutionSectionMacro .div_desktopView .image.medium img {
            width: 218px !important;
            height: 184px !important;
        }
    }
       
    @media screen and (max-width: 1278px) {

        .BigDiv_SolutionSectionMacro .div_desktopView .div_Circle .circles {
            left: 7%;
        }
    }
    
    @media screen and (max-width: 1155px) {
        .BigDiv_SolutionSectionMacro .div_desktopView .div_Circle .circles {
            left: 6%;
        }
    }

    @media screen and (max-width: 1060px) {
        .BigDiv_SolutionSectionMacro .div_desktopView .div_Circle .circles {
            left: 10%;
        }
    }

    @media screen and (max-width: 1031px) {
        .BigDiv_SolutionSectionMacro .div_desktopView .div_Circle .circles {
            left: 10%;
        }
    }
  
    @media screen and (max-width: 960px) {
        .BigDiv_SolutionSectionMacro .div_desktopView .div_Circle .circles {
           left: -3%;
        }
    }

    @media screen and (max-width: 900px) {
        .BigDiv_SolutionSectionMacro {
            height: auto;
        }

            .BigDiv_SolutionSectionMacro .div_desktopView {
                display: none;
            }

            .BigDiv_SolutionSectionMacro .div_mobileView {
                display: block;
            }
    }

    @media screen and (max-width: 800px) {
        .BigDiv_SolutionSectionMacro .div_mobileView {
            width: 93%;
        }
    }

    @media screen and (max-width: 600px) {
        .BigDiv_SolutionSectionMacro .div_mobileView .title {
            width: 89%;
        }

        .page-home .primary-content .about {
            padding: 20px 0 !important;
        }

        .primary-content.inner {
            padding: 0 !important;
        }
    }

    @media screen and (max-width: 300px) {
        .BigDiv_SolutionSectionMacro .div_mobileView .title {
            width: 86%;
        }
    }

/************************* start of dropdown *****************************/


    .divExpertiseAreaMacro {
        /*min-height: 500px;*/
        /*background-color: yellowgreen;*/
    }

        .divExpertiseAreaMacro .titleOfAccordion h1, .divExpertiseAreaMacro .titleOfAccordion h2, .divExpertiseAreaMacro .titleOfAccordion h3 {
            margin-top: 10px !important;
        }

        .divExpertiseAreaMacro .divColumn {
            width: 97%;
            margin-top: 5%;
            margin-bottom: 2%;
        }

        .divExpertiseAreaMacro .ddlEven {
            border-top: 1px solid black;
        }

        .divExpertiseAreaMacro .ddlEven {
            margin-top: 20px;
            margin-bottom: -8px;
        }

        .divExpertiseAreaMacro .firstDiv {
            border-radius: 13px;
        }

        .divExpertiseAreaMacro .lastDiv {
            border-radius: 0 0 13px 13px;
        }

        .divExpertiseAreaMacro .alcorners {
            border-radius: 13px;
        }

    .divExpertiseAreaMacro_ddl, .divExpertiseAreaMacro_Text {
        /* width: 60%; */
    }

    .divExpertiseAreaMacro .centerMode .divExpertiseAreaMacro_ddl,
    .divExpertiseAreaMacro .centerMode .divExpertiseAreaMacro_Text {
        width: 100% !important;
    }

    .divExpertiseAreaMacro .floatLeft {
        float: left;
        width: 45%;
    }

    .divExpertiseAreaMacro .floatRight {
        float: right;
        width: 45%;
    }

    #ProjectSolutions_ExpertiseAreaMacro.divExpertiseAreaMacro .centerMode {
        margin:auto;
        width: 100%;
        /* padding: 0 27%; */
    }

    .divExpertiseAreaMacro .panel-group {
        margin-bottom: -7px;
    }

    .divExpertiseAreaMacro .panel-heading {
        padding: 0px;
        margin-top: 12px;
        margin-bottom: -17px;
        display: flex;
    }

    .divExpertiseAreaMacro .panel-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 15px;
        color: inherit;
        text-align: left;
    }

    .divExpertiseAreaMacro .divTitle {
        width: 90%;
    }

    .divExpertiseAreaMacro .btnOfAccordion {
        width: 10%;
        margin: auto;
    }

    .divExpertiseAreaMacro .centerMode .btnOfAccordion {
        width: auto;
    }

    .divExpertiseAreaMacro .titleOfAccordion {
        margin-left: 17px;
    }

    .divExpertiseAreaMacro .panel-collapse .panel-heading .panel-title > a {
        font-family: open-sans,sans-serif !important;
        font-size: 16px;
    }

        .divExpertiseAreaMacro .panel-collapse .panel-heading .panel-title > a:hover {
            color: white;
        }

    .divExpertiseAreaMacro .panel-body {
        padding: 15px;
        padding-right: 44px;
    }

    .divExpertiseAreaMacro .panel-collapse .panel-body {
    }

    .divExpertiseAreaMacro .table {
        display: table;
    }

    .divExpertiseAreaMacro .text.up {
        display: table-footer-group;
        width: 100%;
    }

    .divExpertiseAreaMacro .image.up {
        display: table-header-group;
        width: 100%;
    }

    .divExpertiseAreaMacro .image.right {
        width: 50%;
        float: right;
        padding-left: 5px;
    }

    .divExpertiseAreaMacro .text.right {
        width: 50%;
        float: left;
        padding-right: 5px;
    }

    .divExpertiseAreaMacro .image.left {
        width: 50%;
        float: left;
        padding-right: 5px;
    }

    .divExpertiseAreaMacro .text.left {
        width: 50%;
        float: right;
        padding-left: 5px;
    }

    .divExpertiseAreaMacro .iconClass {
        cursor: pointer;
    }

    .divExpertiseAreaMacro .ddlEven {
        border-top: 1px solid black;
        margin-left: 14px;
        margin-right: 25px;
    }

    .divExpertiseAreaMacro .closeX {
        display: none;
        cursor: pointer;
    }

        .divExpertiseAreaMacro .closeX img {
            width: 20px;
            margin-left: 3px;
        }

    .divExpertiseAreaMacro .onlyOneX {
        margin-top: -19px;
    }

    .divExpertiseAreaMacro .hoverToExpand .titleOfAccordion {
        cursor: default;
    }

    .divExpertiseAreaMacro .hoverToExpand + .btnOfAccordion .closeX img {
        margin-left: 19px !important;
    }

    @media screen and (min-width: 1800px) {
        .divExpertiseAreaMacro .floatLeft {
            margin-left: 24%;
            margin-top: 4%;
        }

        .divExpertiseAreaMacro .floatRight {
            margin-right: 7%;
            margin-top: 4%;
        }

        .divExpertiseAreaMacro .centerMode {
            margin-top: 4%;
        }
    }

    @media screen and (max-width: 1799px) {
        .divExpertiseAreaMacro .floatLeft {
            margin-left: 24%;
        }

        .divExpertiseAreaMacro .floatRight {
            margin-right: 7%;
        }
    }

    @media screen and (max-width: 1499px) {
        .divExpertiseAreaMacro .floatLeft {
            margin-left: 25%;
        }

        .divExpertiseAreaMacro .floatRight {
            margin-right: 8%;
        }

    }

    @media screen and (max-width: 1199px) {
        .divExpertiseAreaMacro .ddlEven {
            margin-right: 17px;
        }

        .divExpertiseAreaMacro .hoverToExpand + .btnOfAccordion .closeX img {
            margin-left: 13px !important;
        }
    }

    @media screen and (max-width: 1000px) {
        .divExpertiseAreaMacro .hoverToExpand + .btnOfAccordion .closeX img {
            margin-left: 11px !important;
        }
    }

    @media screen and (max-width: 991px) {
        .divExpertiseAreaMacro_ddl, .divExpertiseAreaMacro_Text {
            width: 71%;
        }
    }

    @media screen and (max-width: 900px) {

        .divExpertiseAreaMacro .divColumn {
            width: 90%;
        }

        .divExpertiseAreaMacro .centerMode {
            width: 100%;
        }

        .divExpertiseAreaMacro .centerMode .btnOfAccordion {
             width: 10%; */
        }
        .divExpertiseAreaMacro_ddl, .divExpertiseAreaMacro_Text {
            width: 100%;
        }

        .divExpertiseAreaMacro .ddlEven {
            width: 92%;
        }


        .divExpertiseAreaMacro .floatLeft {
            margin-left: 16%;
        }

        .divExpertiseAreaMacro .floatRight {
            margin-right: 18%;
        }

        .divExpertiseAreaMacro .hoverToExpand + .btnOfAccordion .closeX img {
            margin-left: 25px !important;
        }
    }

    @media screen and (max-width: 800px) {
        .divExpertiseAreaMacro .hoverToExpand + .btnOfAccordion .closeX img {
            margin-left: 17px !important;
        }

        .page-about .clearfix .divExpertiseAreaMacro .iconClass {
            width: auto !important;
        }
        .divExpertiseAreaMacro .divColumn.centerMode {
            width: 100%;
            /* padding: 0 25%; */
        }
    }

    @media screen and (max-width: 700px) {
        .divExpertiseAreaMacro {
            margin-left: 2%;
        }

            .divExpertiseAreaMacro .hoverToExpand + .btnOfAccordion .closeX img {
                margin-left: 12px !important;
            }
    }

    @media screen and (max-width: 650px) {
        .divExpertiseAreaMacro .hoverToExpand + .btnOfAccordion .closeX img {
            margin-left: 12px !important;
        }
    }

    @media screen and (max-width: 600px) {

        .divExpertiseAreaMacro .RichTextEditor a {
            margin: 0 0 -11px !important;
            width: 100%;
        }

        .divExpertiseAreaMacro .hoverToExpand + .btnOfAccordion .closeX img {
            margin-left: 6px !important;
        }

    }

    @media screen and (max-width: 500px) {

        .divExpertiseAreaMacro {
            margin-left: 1%;
        }

            .divExpertiseAreaMacro .divColumn {
                margin-top: -10px;
                width: 66%;
            }

                .divExpertiseAreaMacro .divColumn.centerMode {
                    width: 100%;
                    /*padding: 0 20%;*/
                }

            .divExpertiseAreaMacro .text.left {
                /*text below the image*/
                padding-left: 0;
                float: none;
                width: 100%;
                display: table-footer-group;
            }

            .divExpertiseAreaMacro .image.left {
                float: none;
                padding-right: 0;
                width: 100%;
                display: table-header-group;
            }

            .divExpertiseAreaMacro .text.right {
                float: none;
                padding-right: 0;
                /*text up the image*/
                display: table-header-group;
                width: 100%;
            }

            .divExpertiseAreaMacro .image.right {
                float: none;
                padding-left: 0;
                display: table-footer-group;
                width: 100%;
            }
    }
   
/************************* end of  dropdown *****************************/


.listt {
  display: flex;
  gap: 8px;
  padding: 2px;

  list-style: none;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  
  /* ... */
  
  /* Hide scrollbar in Firefox */
  scrollbar-width: none;

  /* Hide scrollbar in IE and Edge */
  -ms-overflow-style: none;
}
/* Hide scrollbar in webkit */
.list::-webkit-scrollbar {
  display: none;
}

.item {
  flex-shrink: 0;
  width: 100%;
  height: 320px;
  scroll-snap-align: center;
}

.content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;

 /*  font-family: sans-serif;
  font-size: 64px;
  font-weight: bold; */
}
.list-wrapper {
  position: relative;
}

.button {
  position: absolute;
  top: 50%;

  width: 3rem;
  height: 3rem;

  transform: translateY(-50%);
}

.button--previous {
  left: 1.5rem;

  transform: rotate(180deg);
}

.button--next {
  right: 1.5rem;
}