@import url('https://web.archive.org/web/20240527202059cs_/https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://web.archive.org/web/20240527202059cs_/https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap');

    * {
      box-sizing: border-box;
    }

.container {
    max-width: 1200px;
}

input:focus,
a,
textarea,
button {outline: none;}

h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}

p {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.row-full {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
}

.ser-title-top {
    width: 100%;
    padding:60px 0 0 0;
    margin: 0px;
    text-align: center; position: relative;
}

.ser-title-top h2 {
    padding: 0px;
    margin: 0px 0 20px 0px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 62px;
    line-height: 90px;
    text-align: center;
    color: #4A469F;
}

.ser-title-top p {
    padding: 0px;
    max-width: 545px;
    margin: 0px auto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    color: #5A5A5A;
}

.hero-title {
    width: 100%;
    padding: 0px;
    margin:50px 0 0 0;
    text-align: center;
}

.hero-title h2 {
    padding: 0px;
    margin: 0px 0 10px 0px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 48px;
    line-height: 90px;
    text-align: center;
    color: #4A469F;
}

.hero-title p {
    padding: 0px;
    max-width: 545px;
    margin: 0px auto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    color: #5A5A5A;
}

.s-mbl-box {
    width: 100%;
    float: left;
    padding: 30px 0 0 0;
    margin: 0px 0 30px 0;
    background: #fff;
    border-radius: 20px;
    text-align: center;
    min-height: 360px;
    transition: ease-in-out 0.5s all;
    
}

.s-mbl-box .icondiv {
    padding: 0px;
    margin: 0px;
}

.s-mbl-box a {
    padding: 0px;
    margin: 25px 0 0 0;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #18191A;
    display: inline-block;
    text-decoration: none;
}

.s-mbl-box:hover {
    background: #204567;
    cursor: pointer;
}

.s-mbl-box:hover a {
    color: #fff;
}

.vast-Industry {
    width: 100%;
    text-align: center;
    padding: 0px;
    margin: 213px 0 41px 0px;
    float: left;
}

.vast-Industry h3 {
    padding: 0px;
    margin: 0px 0 19px 0;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 38px;
    line-height: 54px;
    text-align: center;
    color: #4A469F;
}

.vast-Industry p {
    padding: 0px;
    margin: 0px;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #18191A;
    opacity: 0.8;
    max-width: 545px;
    margin: 0px auto;
}

.market-agencies {
    width: 100%;
    text-align: center;
    padding: 33px 0 30px 0;
    margin: 0px 0 30px 0;
    float: left;
    border-radius: 12px;
}

.market-agencies a {
    padding: 0px;
    margin: 4px 0 0 0;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #FFFFFF;
    display: inline-block;
    text-decoration: none;
}

.market-agencies .icondiv {
    min-height: 151px;
}

.view-all {
    width: 100%;
    padding: 0px 0 59px 0;
    margin: 0px 0 0 0;
    float: left;
    text-align: center;
}

.view-all a.talk {
    padding: 18px 20px;
    width: 264px;
    height: 60px;
    background: #0178D4;
    box-shadow: 0px 10px 20px rgba(14, 0, 89, 0.2);
    border-radius: 8px;
}

.view-all p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #2573BA;
    max-width: 330px;
    margin: 0px auto;
}

.view-all span {
    display: block;
    margin: 12px 0 0 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #2573BA;
    opacity: 0.7;
}

.view-all .btn-common {
    margin: 0px auto;
    padding: 0px;
    position: relative;
    max-width: 264px;
}

.view-all .btn-common a {
    display: inline-block;
    text-align: left;
    width: 100%;
    color: #ffffff;
    line-height: 24px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.02em;
    position: relative;
    z-index:99;
    text-decoration: none;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    background: #0178D4;
    box-shadow: 0px 10px 20px rgb(14 0 89 / 20%);
    border-radius: 8px;
    padding: 18px 20px;
    height: 60px;
}

.view-all .btn-common a i {
    margin-left: 10px;
    top: -2px;
    position: relative;
    float: right;
}

.view-all .btn-common a:after {
    content: '';
    display: block;
    width: 30%;
    height: 100%;
    opacity: 0;
    background: #000;
    position: absolute;
    left: 0;
    color: #fff;
    border-radius: 8px;
    top: 0;
    z-index: -1;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}

.view-all .btn-common a:hover:after {
    width: 100%;
    opacity: 1;
}

.view-all .btn-common a:hover {
    color: #fff;
    border-radius: 8px;
}

.why-choose {
    width: 100%;
    padding: 0px;
    margin: 60px 0 39px 0;
    float: left;
}

.why-choose h2 {
    padding: 0px;
    margin: 0px 0 20px 0;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 70px;
    text-align: center;
    color: #4A469F;
}

.why-choose p {
    padding: 0px;
    margin: 0px auto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #18191A;
    max-width: 425px;
    opacity: 0.8;
}

.reliable-section {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.reliable-section h5 {
    padding: 20px 0 13px 0;
    margin: 0px;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    color: #18191A;
}

.reliable-section p {
    padding: 0px 0 28px 0;
    margin: 0px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    color: #18191A;
    opacity: 0.7;
}

.deve-Services {
    width: 100%;
    padding: 0px;
    margin: 119px 0 59px 0;
    float: left;
    text-align: center;
}

.deve-Services h2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 70px;
    color: #4A469F;
    padding: 0px;
    margin: 0px 0 20px 0;
}

.deve-Services p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #5A5A5A;
    padding: 0px;
    margin: 0px auto;
    max-width: 527px;
}

.deve-Services-box {
    width: 100%;
    padding: 50px 0 0 0;
    margin: 0px 0 30px 0;
    float: left;
    background: #fff;
    border-radius: 20px;
    min-height: 360px;
    text-align: center;
    transition: ease-in-out all 0.5s;
}

.deve-Services-box:hover { cursor: pointer;
    background: #204567; 
}

.deve-Services-box:hover a {
    color: #fff;
}

.deve-Services-box:hover p {
    color: #fff;
}

.deve-Services-box .bg1 {
    background: #BCD7FF;
}

.deve-Services-box .bg2 {
    background: #e5e5e5;
}

.deve-Services-box .bg3 {
    background: #D7F7FF;
}

.deve-Services-box .bg4 {
    background: #EBE2FF;
}

.deve-Services-box .bg5 {
    background: #CCE4FF;
}

.deve-Services-box .bg6 {
    background: #D7E7FF;
}

.deve-Services-box .bg7 {
    background: #E9FFFA;
}

.deve-Services-box .bg8 {
    background: #FFEFE0;
}

.deve-Services-box:hover .bg1 {
    background: #fff;
}

.deve-Services-box:hover .bg2 {
    background: #fff;
}

.deve-Services-box:hover .bg3 {
    background: #fff;
}

.deve-Services-box:hover .bg4 {
    background: #fff;
}

.deve-Services-box:hover .bg5 {
    background: #fff;
}

.deve-Services-box:hover .bg6 {
    background: #fff;
}

.deve-Services-box:hover .bg7 {
    background: #fff;
}

.deve-Services-box:hover .bg8 {
    background: #fff;
}

.deve-Services-box .icondiv {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    display: block;
    margin: 0px auto;
    line-height: 70px;
}

.deve-Services-box:hover .icondiv {
    transform-origin: 50% 50%;
    animation: icondiv 1s linear alternate infinite;
}

@keyframes icondiv {
    0% {
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }
    50% {
        transform: translate3d(0, 25%, 0) scale3d(1, 1, 1);
    }
}

.deve-Services-box p {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #5A5A5A;
    padding: 0 20px 0 20px;
    margin: 0px;
}

.deve-Services-box a {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #18191A;
    display: block;
    margin: 33px 0 21px 0;
    padding: 0px;
    text-decoration: none;
}


.solution-experts {
    width: 100%;
    float: left;
    padding: 104px 0 77px 99px;
    margin: 0px;
}

.solution-experts h4 {
    padding: 0px 10px 0 0;
    margin: 0px 0 19px 0;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
    color: #FFFFFF;
}

.solution-experts small {
    padding: 0px;
    margin: 60px 0 20px 0;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
    display: block;
}

.solution-experts p {
    padding: 0px;
    margin: 17px 0 0 0;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    color: #FFFFFF;
}

.solution-experts .user-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFFFFF;
    border-radius: 100px;
    text-align: center;
    line-height: 85px;
}

.solution-experts .user-icon img {
    border-radius: 100px;
}

.solution-experts .btn-common {
    margin: 0px;
    padding: 0px;
    position: relative;
    max-width: 264px;
}

.solution-experts .btn-common a {
    display: inline-block;
    text-align: left;
    width: 100%;
    color: #ffffff;
    line-height: 24px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.02em;
    position: relative;
    z-index:99;
    text-decoration: none;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    background: #4A469F;
    box-shadow: 0px 10px 20px rgb(14 0 89 / 20%);
    border-radius: 8px;
    padding: 18px 20px;
    height: 60px;
}

.solution-experts .btn-common a i {
    margin-left: 10px;
    top: -2px;
    position: relative;
    float: right;
}

.solution-experts .btn-common a:after {
    content: '';
    display: block;
    width: 30%;
    height: 100%;
    opacity: 0;
    background: #000;
    position: absolute;
    left: 0;
    color: #fff;
    border-radius: 8px;
    top: 0;
    z-index: -1;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}

.solution-experts .btn-common a:hover:after {
    width: 100%;
    opacity: 1;
}

.solution-experts .btn-common a:hover {
    color: #fff;
    border-radius: 8px;
}

.whatwe-section {
    position: relative;
    background: #BCD7FF;
    width: 100%;
    float: left;
}

.whatwe-section:before {
    position: absolute;
    background: #5F9FFF;
    width: 50%;
    content: '';
    right: 0px;
    width: 50%;
    height: 100%;
    border-radius: 200px 0px 0px 0px;
}

.what-can {
    width: 100%;
    float: left;
}

.what-can h4 {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    color: #FFFFFF;
    position: relative;
    background: #5F9FFF;
    border-radius: 0px 12px 12px 0px;
    height: 40px;
    padding: 3px 22px 0px 0px;
    display: inline-block;
    margin: 50px 0 0 0;
}

.what-can h4:after {
    position: absolute;
    background: #5F9FFF;
    content: '';
    left: -280%;
    top: 0px;
    height: 40px;
    width: 280%;
}

.what-can p {
    padding: 29px 0 23px 0;
    margin: 0px;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    color: #4F5665;
    max-width: 400px;
}

.powerfull {
    padding: 0px;
    margin: 0px;
    width: 100%;
    float: left;
}

.powerfull ul {
    padding: 0px;
    margin: 0px;
}

.powerfull ul li {
    padding: 0px 0 0 33px;
    margin: 0px;
    display: block;
    position: relative;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 44px;
    color: #4F5665;
}

.powerfull ul li:before {
    position: absolute;
    left: 0px;
    top: 10px;
    content: '';
    background: url(/web/20240527202059im_/https://www.superfectsolutions.com/assets/css/images/check-icon.html) no-repeat left top;
    width: 24px;
    height: 24px;
}

.woldclass-section {
    padding: 0px;
    margin: 40px 0 0 0;
    width: 100%;
    float: left;
}

.woldclass-section ul {
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.woldclass-section ul li {
    padding: 0px;
    margin: 0px 50px 0 0;
    display: inline-block;
}

.woldclass-section ul li span {
    padding: 0px 0 26px 0;
    margin: 0px;
    border-bottom: solid #2FAB73 2px;
    display: block;
}

.woldclass-section ul li small {
    padding: 10px 0 0 0;
    margin: 0px;
    display: block;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    color: #18191A;
}

.case-study-box{width:100%; border-radius:20px; float: left; 
    position: relative; z-index: 1; background:#fff; padding:16px; margin:0px 0 30px 0; transition: all ease-in-out 0.9s;}

.case-study-box h5{padding:0px; margin:31px 0 8px 0; font-style: normal; font-weight: 500; font-size: 18px; line-height: 28px; color: #18191A;}
.case-study-box small{padding:0px; margin:0px; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; color: #18191A;}
.case-study-box p{padding:3px 45px 0 0; margin:0px; font-style: normal; font-weight: normal; font-size: 14px; 
    line-height: 24px; color: #5A5A5A;}
.case-study-box ul {display: flex; justify-content: space-between;  flex-wrap: wrap;  padding: 0px 24px 0 24px;
    margin:28px 0 24px 0;  width: 100%; vertical-align:middle; align-items: center; float: left;}

.case-study-box ul li{ padding: 0px; margin: 0px; list-style:none;}
.case-study-box ul li a{}
.case-study-box ul li a.pdf-downld{padding: 0px; margin: 0px; font-style: normal; font-weight: normal; font-size: 14px;
line-height: 28px; color: #5A5A5A; text-decoration: none;}
.case-study-box ul li a.pdf-downld span{ display:inline-block; margin-right:9px;}

.case-study-box .img2{display:none; position:relative; top:3px;}
.case-study-box .img1{display:block; position:relative; top:3px;}


.case-study-box ul li a.btn-read{padding: 0px; margin: 0px; width: 119px; height: 44px; background: #204567;
border-radius: 12px; display:block; text-align: center; color:#fff; font-weight:400; font-size: 16px; line-height:44px;}
.case-study-box ul li a.btn-read:hover{background: #4A469F; text-decoration: none;}
.case-study-box .case-img{padding: 0px; margin: 0px; text-align: center;}
.case-study-box .case-img {border-radius: 20px; max-width:100%;}
.case-study-box .W-development{padding:0px 0 26px 0; margin:0px 25px 0 25px; float:left;  border-bottom:solid 1px #c7d0d9;}

.case-study-box:hover{background: #204567; cursor: pointer;}
.case-study-box:hover h5, .case-study-box:hover small, .case-study-box:hover p, .case-study-box:hover h5{ color:#fff; }
.case-study-box:hover a.pdf-downld{color:#fff;}
.case-study-box:hover .img2{display:block; }
.case-study-box:hover .img1{display:none; }
.case-study-box:hover .btn-read{background:#4A469F;}

.contact-section{width: 100%; float:left; padding:0px; margin:140px 0 0 0;}
.contact-section h3{padding:0px; margin:0px; font-family: Montserrat; font-style: normal; font-weight: 600;
font-size: 48px; line-height: 70px; color: #5F9FFF; margin:0px 0 29px 0; padding: 0px;}


.office-details{width: 100%; float:left; padding:0px; margin:0px;}
.office-details .office-img{ float: left; }
.office-details .office-img img{border-radius:100px; width: 80px; height: 80px; }
.office-details .officep-address{float:left; padding:0px 0 0 25px; margin: 0px; }
.office-details .officep-address h5{font-style: normal; font-weight: 500; font-size: 24px; line-height: 36px; 
    color: #000000;}
.office-details .officep-address small {font-style:normal; font-weight: 500; font-size:18px; 
    line-height:24px; color:#000000; display: block; padding-bottom: 14px;}

.office-details .officep-address ul {padding:0px; margin:0px;}
.office-details .officep-address ul li{padding:0px; margin:0px 0 13px 0; font-style: normal; font-weight: normal; font-size: 16px;
line-height: 28px; color: #5A5A5A; list-style:none;}
.office-details .officep-address ul li a{padding:0px; margin:0px; font-style: normal; font-weight: 500; font-size: 18px; 
    line-height: 28px; color: #5F9FFF;}
.office-details .officep-address ul li span{display:inline-block; margin-right:8px;}

.happens-section{width: 100%; float:left; padding:0px; margin:45px 0 58px 0;}
.happens-section h6{padding:0px; margin:0px 0 20px 0; font-style: normal; font-weight: 500; font-size: 18px; line-height: 24px; color: #18191A;}


.happens-section p{padding:18px 100px 0 0px; margin:0px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 28px; color: #5A5A5A;}

.happens-section .user-icon {width: 80px; height: 80px;  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFFFFF;
    border-radius: 100px; text-align: center;    line-height: 85px;}
.happens-section .user-icon img {border-radius: 100px;}
.tals-talk{width:620px; padding:47px 80px 0px 80px; margin:132px 0 0 -75px; float: left; background:#fff; background: #FFFFFF; border-radius: 20px;}

.tals-talk h5{padding:0px 0 45px 0; margin:0px; text-align: center; font-style: normal;
font-weight: 600; font-size: 32px; line-height: 44px; color: #000000; border-bottom:1px solid #d6d6d6;}
.tals-talk h5 span{ color: #fff; display: inline-block; font-style: normal;
font-weight: 600; font-size: 32px; line-height: 44px; color: #fff; position:relative; z-index:1; padding:0 0 0 12px; }
.tals-talk h5 span:before{ width: 92px; height: 67px; background: url(/web/20240527202059im_/https://www.superfectsolutions.com/assets/css/images/Union.html) no-repeat center center;
position: absolute; left: 0px; top:-4px; content:''; z-index: -1;}

.tals-talk form {padding:37px 0 0 0; }
.tals-talk form input{border:0px; border-radius: 0px; box-shadow:none;
    border-bottom: 1px solid #d6d6d6; padding:0px 0 22px 41px; font-style: normal; 
font-weight: normal; font-size: 16px; line-height: 28px; color: #18191A; height: 54px; margin-bottom:30px;}


.tals-talk form input:focus{color: #495057; background-color: #fff; border-color: #000;  outline: 0; border-bottom: 1px solid #4a469f;
    box-shadow:none;}
.tals-talk form input::-webkit-input-placeholder{ font-style: normal; font-weight: normal;
font-size: 16px; line-height: 28px; color: #18191A; opacity: 0.6;}
.tals-talk form input::-moz-placeholder { font-style: normal; font-weight: normal;
font-size: 16px; line-height: 28px; color: #18191A; opacity: 0.6;}
.tals-talk form input:-ms-input-placeholder { font-style: normal; font-weight: normal;
font-size: 16px; line-height: 28px; color: #18191A; opacity: 0.6;}
.tals-talk form input:-moz-placeholder { font-style: normal; font-weight: normal;
font-size: 16px; line-height: 28px; color: #18191A; opacity: 0.6;}


/*-------------*/
.tals-talk form textarea{border:0px; border-radius: 0px; box-shadow:none;  
    border-bottom: 1px solid #d6d6d6; padding:0px 0 0 41px; font-style: normal; 
font-weight: normal; font-size: 16px; line-height: 28px; color: #18191A; height:70px; resize: none; margin-bottom: 15px;}

.tals-talk form textarea:focus{color: #495057; background-color: #fff; border-color: #000;  outline: 0; border-bottom: 1px solid #4a469f;
    box-shadow:none; }

.tals-talk form textarea::-webkit-input-placeholder{ font-style: normal; font-weight: normal;
font-size: 16px; line-height: 28px; color: #18191A; opacity: 0.6;}
.tals-talk form textarea::-moz-placeholder { font-style: normal; font-weight: normal;
font-size: 16px; line-height: 28px; color: #18191A; opacity: 0.6;}
.tals-talk form textarea:-ms-input-placeholder { font-style: normal; font-weight: normal;
font-size: 16px; line-height: 28px; color: #18191A; opacity: 0.6;}
.tals-talk form textarea:-moz-placeholder { font-style: normal; font-weight: normal;
font-size: 16px; line-height: 28px; color: #18191A; opacity: 0.6;}


.tals-talk .btn-common {margin:30px 0px 60px 0px;  padding:0px; position: relative;    max-width:220px;}
.tals-talk .btn-common button {display: inline-block;    text-align: center;    width: 100%;
    color: #ffffff;    line-height: 24px;    font-size: 18px;    font-weight: 400;    letter-spacing: 0.02em;
    position: relative;    z-index:99;    text-decoration: none;    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;    -ms-transition: all ease 0.3s;    -webkit-transition: all ease 0.3s;   background: #4A469F;
    box-shadow: 0px 10px 20px rgb(14 0 89 / 20%);    border-radius: 8px;    padding: 18px 20px;
        height: 60px; border: 0px;}


.tals-talk .btn-common button:focus{border:0px!important; outline:none;}
.tals-talk .btn-common button i {margin-left: 10px;    top: -2px;    position: relative;    float: right;}
.tals-talk .btn-common button:after{ content: '';    display: block;    width: 30%;
    height: 100%;    opacity: 0; background:#5F9FFF;    position: absolute;    left: 0;    color: #fff;
    border-radius: 8px; top:0;    z-index: -1;    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;    -ms-transition: all ease 0.3s;    -webkit-transition: all ease 0.3s;}

.tals-talk .btn-common button:hover:after{width: 100%;  opacity: 1;}
.tals-talk .btn-common button:hover{color: #fff; border-radius: 8px;}


.right-articla{background:#fff; float:left; width:100%; padding:30px 20px;}
.right-articla h3{ padding:0px; margin:0px; font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 24px;
line-height: 44px; color: #18191A;     border-bottom: solid 1px #d6d6d6; margin-bottom: 30px;}

.right-articla .artical-right{max-width:270px; float: left; padding: 0px;  margin-bottom: 14px; width:100%;}
.right-articla .artical-right .arical-img{width:80px; float: left;}
.right-articla .artical-right .arical-img img{border-radius:12px; max-width:100%;}


.artical-title small{font-style: normal; font-weight: 500;
font-size: 18px; line-height: 26px; color: #18191A;}

.artical-title p{font-family: Poppins; font-style: normal; font-weight: normal; font-size: 16px;
line-height: 28px; color: #5A5A5A;}

.artical-right .artical-title {
    padding-left: 10px;
    float: left;
    width: 150px;}

.breadcrum{ margin:20px 0 0 0; }
.breadcrum ul{display: flex; flex-wrap: wrap; padding:0px; }
.breadcrum ul li{ padding:0px 25px 0 0; margin:0px; list-style:none; font-style: normal; font-weight: 500; 
    font-size: 14px; line-height: 24px; color: #5A5A5A; position: relative;}

.breadcrum ul li:before{position:absolute; right: 9px;  top: 6px; content:''; width: 6px; height: 12px; 
background:url(/web/20240527202059im_/https://www.superfectsolutions.com/assets/css/images/right-arw.html) no-repeat left top;}
.breadcrum ul li a{padding: 0px; margin: 0px; font-size: 14px; line-height: 24px; color: #5A5A5A;}
.breadcrum ul li a:hover{color:#000; text-decoration:none;}
.breadcrum ul li:last-child:before{ display: none; }

.developmentnws{width: 100%; float: left; padding:0px; margin:0px;}
.developmentnws h2 {padding:0px; margin:0px 0 18px 0; font-family: Montserrat; font-style: normal; font-weight: 600;
font-size: 38px; line-height: 54px; color: #18191A;}
.developmentnws p{padding:0px; margin:0px 0 0 0; font-style: normal; font-weight: normal; font-size: 16px; line-height: 28px; color: #5A5A5A;}
.artical-img{width: 100%; float: left; padding:0px; margin:0px;}
.artical-img img{max-width:100%;}

.tals-talk i{position:absolute; left:11px; top:2px;}

.quality-dedicated{max-width:100%; float: left; padding:60px 0 60px 0; margin:0px; text-align: center;}

.quality-dedicated h1{padding:0px 130px 0 130px; margin:0px; font-family: Montserrat; font-style: normal; font-weight: normal;
font-size: 62px; line-height: 90px; text-align: center; color: #4A469F; font-weight:bold;}
.quality-dedicated h1 span{padding:0px; margin:0px; font-weight:normal;}
.quality-dedicated p{padding:20px 0 44px 0; margin:0px auto; font-style: normal; font-weight: normal; font-size: 16px;
line-height: 28px; text-align: center; color: #5A5A5A; max-width:820px;}

.quality-dedicated .btn-common {    margin: 0px auto;    padding: 0px;    position: relative;    max-width: 264px;}
.quality-dedicated .btn-common a {    display: inline-block;    text-align: left;    width: 100%;
    color: #ffffff;    line-height: 24px;    font-size: 18px;    font-weight: 400;    letter-spacing: 0.02em;
    position: relative;    z-index: 9999;    text-decoration: none;    transition: all ease 0.3s;    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;    -webkit-transition: all ease 0.3s;  background: #4D91F6;
      box-shadow: 0px 10px 20px rgb(14 0 89 / 20%);  border-radius: 8px;   padding: 18px 20px;   height: 60px;}

.quality-dedicated .btn-common a i {    margin-left: 10px;    top: -2px;    position: relative;   float: right;}

.quality-dedicated .btn-common a:after {    content: '';    display: block;    width: 30%;    height: 100%;  opacity: 0;
    background: #000;    position: absolute;    left: 0;    color: #fff;    border-radius: 8px;    top: 0;
    z-index: -1;    transition: all ease 0.3s;    -moz-transition: all ease 0.3s;    -ms-transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;}

.quality-dedicated .btn-common a:hover:after {width: 100%; opacity: 1;}
.quality-dedicated .btn-common a:hover {color: #fff; border-radius: 8px;}

.aboutshake {width:100%; margin:0px; float:left; padding:60px 0 60px 0; text-align: center; }

.aboutshake h2{margin:0px;padding:0px; font-family: Montserrat; font-style: normal; font-weight: 600;
font-size: 48px; line-height: 70px; color: #3E3A95;}

.aboutshake strong{margin:0px auto; padding:47px 0 0 0; font-style: normal; font-weight: 500; font-size: 20px;
line-height: 36px; text-align: center; color: #18191A; max-width: 830px; margin:0px auto; display:block;}

.aboutshake p{margin:0px auto; padding:28px 0 0 0; font-style: normal;
font-weight: normal; font-size: 16px; line-height: 28px; text-align: center; color: #5A5A5A; max-width: 830px; }


.achie-section{width:100%; margin:0px; float:left; padding:60px 0 0 0; text-align: center;}
.achie-section h2{margin:0px;padding:0px; font-family: Montserrat; font-style: normal;
font-weight: 600; font-size: 48px; line-height: 70px; text-align: center; color: #4A469F;}

.achie-section p{margin:0px auto;padding:20px 0 50px 0; font-style: normal; font-weight: normal; font-size: 16px;
line-height: 28px; text-align: center; color: #5A5A5A; max-width: 570px;}

.worlflow{width:100%; margin:0px 0 62px 0; float:left; padding:0px; text-align: center;}
.worlflow span{margin:0px;padding:0px; display: block;}
.worlflow h5{margin:23px 0 8px 0; padding:0px; font-style: normal; font-weight: 500; font-size: 24px; line-height: 32px; text-align: center;
font-feature-settings: 'liga' off; color: #18191A;}
.worlflow p{margin:0px;padding:0px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 28px;
 text-align: center; color: #5A5A5A;}

.team-member{background: #FFFFFF; border-radius: 20px; width: 100%; float: left; text-align: center; 
    height: 360px; margin-bottom: 30px; transition: ease-in-out all 0.5s;}
.team-member:hover{background:#204567; cursor: pointer; box-shadow: 0px 10px 20px rgba(14, 0, 89, 0.2); }
.team-member:hover h5{ color: #fff;}
.team-member:hover small{ color: #fff;}
.team-member:hover span{ position: relative; margin-bottom:-30px; transition: ease-in-out all 0.5s;}

.team-member span{display: block; padding:40px 0 0 0; transition: ease-in-out all 0.5s;}
.team-member span img{border-radius:100px;}
.team-member h5{margin:59px 0  0 0;padding:0px; font-style: normal;
font-weight: 500; font-size: 18px; line-height: 24px; text-align: center; color: #18191A;}
.team-member small{margin:0px;padding:6px 0 0 0; font-style: normal; font-weight: normal; font-size: 14px; line-height: 24px;
text-align: center; color: #5A5A5A; display: block;}


.goan-img{width:100%; float:left; margin:56px 0 0 0; padding:0px 0 157px 0;}
.goan-img img{max-width:100%;}

.goan-title{width:100%; float:left; margin:0px; padding:0px;}
.goan-title h2{margin:0px; padding:0px 0 20px 0; font-family: Montserrat; font-style: normal; font-weight: 600; font-size: 48px; line-height: 70px;
color: #4A469F;}
.goan-title p{margin:0px; padding:0px 40px 0 0; font-style: normal; font-weight: normal; font-size: 16px; line-height: 28px; color: #5A5A5A;}

.improve1-img{width:100%; float:left; margin:89px 0 0 0; padding:0px;}
.improve1-img img{max-width:100%;}

.improve-title{width:100%; float:left; margin:0px; padding:0px;}
.improve-title h2{margin:0px; padding:0px 0 20px 0; font-family: Montserrat; font-style: normal; font-weight: 600; font-size: 48px; line-height: 70px;
color: #4A469F;}
.improve-title p{margin:0px; padding:0px 120px 0 0; font-style: normal; font-weight: normal; font-size: 16px; line-height: 28px; color: #5A5A5A;}
.abt-Why .why-choose h2{margin-top:60px;}
.about-vast{background:#fff!important; padding-bottom: 90px; margin-top: 62px;}
.about-vast .vast-Industry{margin: 59px 0 41px 0px;}
.clearfix{clear: both;}

.slider-card p {
font-style: normal; font-weight: 500;font-size: 16px;line-height:24px;
text-align: center;color: #FFFFFF;opacity: 0.8;}
.mobile-app{ width: 100%; text-align: center;}

.slider-card {background-color: #fff;
    border:2px solid #393768;
    box-sizing: border-box;
    border-radius: 12px;
    width:100%;
    height: 415px;
    padding:30px;
    /*-webkit-transform: scale3d(0.9, 0.9, 1);
    transform: scale3d(0.9, 0.9, 1);*/
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.slider-card .ser-img {
    display: block;
    margin: 0px auto; background: none;
}
.slider-card .ser-img img {
    width: 100%;
    display: block;
    margin: 0 auto;
    height: 100%;
}
.whatweslide .owl-carousel .owl-nav .owl-prev, .whatweslide .owl-carousel .owl-nav .owl-next {
    background: #E4DFFF;
    width: 35px;
    height: 35px;
    display: block;
    font-size: 24px;
    background-size: 100%;
    transform: rotate( 0deg);
    border-radius: 50%;
    color: #204567;
    font-family: 'Montserrat';
    line-height: 30px;
}

.whatweslide .owl-carousel .owl-nav .owl-prev i{line-height:16px; }
.whatweslide .owl-carousel .owl-nav .owl-next i{line-height:16px; }







.whatslider .owl-carousel .owl-nav .owl-prev, 
.whatslider .owl-carousel .owl-nav .owl-next {
    background: #E4DFFF;
    width: 35px;
    height: 35px;
    display: block;
    font-size: 24px;
    background-size: 100%;
    transform: rotate( 0deg);
    border-radius: 50%;
    color: #204567;
    font-family: 'Montserrat';
    line-height: 30px;
}

.whatslider .owl-carousel .owl-nav { position: absolute; bottom:-33px; right: 0; top: inherit;  left: 0px;  max-width:450px;  margin: 0px auto;}


.slider-card.active h3, .slider-card:hover h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #fff;
    padding:0px 0px 10px 0px;
    text-align: center;
    transform: inherit;
    display: table;
    margin: 0 auto;
    position: relative;
    bottom: 0;
    margin-top: 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #18191A;

}

.slider-card.active h3 i, .slider-card:hover h3 i{display: none;}
 
.slider-card:hover, .slider-card.active {
    height:475px;  margin-top:-59px; background: #fff; cursor: pointer; border: 2px solid #0178D4; transition: all 0.3s ease-in-out;}
.slider-card:hover p, .slider-card.active p { display: block;  font-style: normal;  font-weight: 500;
    font-size: 16px; line-height: 24px;  text-align: center;  color: #5A5A5A; opacity: 0.8;}



.slider-card:hover .mobile-app {display: flex; flex-direction: row-reverse; flex-wrap: wrap-reverse;}

.sticky_header{padding-top: 7.6rem;}
.headerMain.has_sticky{ position: fixed; z-index: 9;left: 0; top: 0; width: 100%; 
-webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
 z-index:999; }

.headerMain.has_sticky .headetboxmain{padding: 1.5rem 2rem;}
.headerMain.has_sticky .head-quote{padding-right: 12rem;}
.headerMain.has_sticky .menuMain{margin-right:0;}
.headerMain.has_sticky .menuMain li{font-size: 1.5rem;}
.headerMain.has_sticky .siteLogo img{width: 180px;}
.headerMain.has_sticky .menu-border{padding-bottom: 2rem;}
.headerMain.has_sticky .headtopSec{display: none;}
.headerMain.headunline.has_sticky{border-bottom: none;}


.more-study{ width: 100%; float: left; padding: 0px; margin:61px 0 38px 0;}
.more-study h3{padding: 0px; margin: 0px; font-family: Montserrat;
font-style: normal;font-weight: 600;font-size: 48px;line-height: 70px;text-align: center;color: #4A469F;}
.more-study p{padding:20px 0 0 0; font-style: normal; font-weight: normal; font-size: 16px; line-height: 28px; 
    text-align: center; color: #5A5A5A; margin: 0px auto; max-width:545px;}


.modal-open .modal-dialog{max-width: 620px;}
.pupup-section{ width: 100%; padding: 0px; margin: 0px; float: left; }

.pupup-section h4 {padding: 0px; margin:20px 0 30px 0; position: relative; font-style: normal; font-weight: 600; font-size: 19.0562px; 
    line-height: 26px; color: #204567; text-align: center;}

.pupup-section h4 span {padding: 0px; margin:0px 0 0 11px; position: relative; color: #fff; z-index:1;}
.pupup-section h4 span:before{width:55px; height:41px; content: ''; position: absolute; left:-6px; top:-2px;
 background: url(/web/20240527202059im_/https://www.superfectsolutions.com/assets/css/images/Union2.html); z-index:-1;}

.pupup-section form{background:#204567; padding:32px 80px 45px 80px;}
.pupup-section form input {border: 0px;   border-radius: 0px;    box-shadow: none;    border-bottom: 1px solid #3c5c7a;    padding: 0px 0 22px 41px;
    font-style: normal;    font-weight:100; background: rgba(255, 255, 255, 0.0);    font-size: 16px;    line-height: 28px;    
    color: #fff;   height: 54px;  margin-bottom: 30px;}
.pupup-section input.error {margin:0px; color:#fff;}
.pupup-section textarea.error{margin:0px; color:#fff;}
.pupup-section form input:focus{background: rgba(255, 255, 255, 0.0); border-color: #fff; outline: 0; border-bottom: 1px solid #5f9fff ;
    box-shadow:none;  color: #fff; font-weight:100; }
.pupup-section label.error {color: red; margin-left: 40px;  margin-top:0px; font-size:13px;}



.pupup-section form input::-webkit-input-placeholder{ font-style: normal; 
font-size: 16px; line-height: 28px; color: #fff; opacity: 0.6; font-weight:100;}
.pupup-section form input::-moz-placeholder { font-style: normal; 
font-size: 16px; line-height: 28px; color: #fff; opacity: 0.6; font-weight:100;}
.pupup-section form input:-ms-input-placeholder { font-style: normal; font-weight:100;
font-size: 16px; line-height: 28px; color: #fff; opacity: 0.6;}
.pupup-section form input:-moz-placeholder { font-style: normal; font-weight:100;
font-size: 16px; line-height: 28px; color: #fff; opacity: 0.6;}




.pupup-section form textarea{border: 0px;   border-radius: 0px;    box-shadow: none;    border-bottom: 1px solid #3c5c7a;    padding: 0px 0 22px 41px;
    font-style: normal;    font-weight:100; background: rgba(255, 255, 255, 0.0);    font-size: 16px;    line-height: 28px;    
    color: #fff;   height:80px;  margin-bottom: 30px;}

.pupup-section form textarea:focus{background: rgba(255, 255, 255, 0.0); border-color: #fff; outline: 0; border-bottom: 1px solid #5f9fff ;
    box-shadow:none;  color: #fff; font-weight:100; }

.pupup-section form textarea::-webkit-input-placeholder{ font-style: normal; 
font-size: 16px; line-height: 28px; color: #fff; opacity: 0.6; font-weight:100;}
.pupup-section form textarea::-moz-placeholder { font-style: normal; 
font-size: 16px; line-height: 28px; color: #fff; opacity: 0.6; font-weight:100;}
.pupup-section form textarea:-ms-input-placeholder { font-style: normal; font-weight:100;
font-size: 16px; line-height: 28px; color: #fff; opacity: 0.6;}
.pupup-section form textarea:-moz-placeholder { font-style: normal; font-weight:100;
font-size: 16px; line-height: 28px; color: #fff; opacity: 0.6;}

.pupup-section .btn-common {margin:0px auto; padding: 0px; position: relative; max-width: 280px;}
.pupup-section .btn-common a button{background:none; border:0px; color:#fff;}
.pupup-section .btn-common a button:focus{ border:0px; outline:none;}
.pupup-section .btn-common a:hover button{ color:#000;}

.pupup-section .btn-common a{width: 250px;height: 60px; background: #0178D4;
box-shadow: 0px 10px 20px rgba(14, 0, 89, 0.2); border-radius: 8px; font-style: normal; font-weight:300; font-size: 18px;
line-height: 24px; letter-spacing: 0.02em; color: #FFFFFF; border: 0px; outline:none; position: relative;}
.pupup-section form i {position: absolute;  left: 11px; top: 2px;}


.pupup-section .btn-common a:after{ content: '';    display: block;    width:20%;
    height: 100%;    opacity: 0; background:#fff;    position: absolute;    left: 0;    color: #fff;
    border-radius: 8px; top:0;    z-index: -1;    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;    -ms-transition: all ease 0.3s;    -webkit-transition: all ease 0.3s;}
.pupup-section .btn-common a:hover:after{width: 100%;  opacity: 1;}
.pupup-section .btn-common a:hover{color: #000; border-radius: 8px;}

.pupup-section .what-happens{width:100%; float: left; padding: 0px; margin:50px 0 0 0;}
.pupup-section .what-happens h6{width:100%; float: left; padding: 0px; margin:0px 0 8px 0; font-style: normal; font-weight:400;
font-size: 18px; line-height: 24px; color: #F9F9F9;}

.pupup-section .what-happens .icon-icon{float: left; padding: 0px; margin: 0px;}
.pupup-section .what-happens p{padding:0px 0 0 0px;    margin: 0px;    font-style: normal;    font-weight: 200;
    font-size: 14px; line-height: 24px;    color: #EAF6FF;    float: left; width: 83%;}
.pupup-section button.btn-close{position:absolute;right:20px; top:20px; background:#204567; width: 24px; 
    height: 4px; border:0px; outline: none; z-index:9;}
.modal-open .modal-content {border-radius: 1rem; overflow: hidden; border: 0px; outline:none;}
.modal-open .thank-section{background:#5f9fff; text-align:center;}
.modal-open .thank-section button.btn-close{position:absolute;right:20px; top:20px; background:#204567; width: 24px; 
    height: 4px; border:0px; outline: none; z-index:9;}
.modal-open .thank-section h3{font-weight: 600; font-size: 48px; line-height: 70px; color: #F9F9F9; 
    padding: 0px; margin:0px 0 14px 0; text-align: center;}
.modal-open .thank-section p{font-style: normal; font-weight: normal; font-size: 14px; line-height: 24px; 
    text-align: center; color: #EAF6FF; max-width: 375px; margin:0px auto; padding:0px 0 120px 0;}
.modal-open .thank-section .thank-icon{width: 100%; float: left; padding: 0px; margin:30px 0 0 0; }

.select-technology{float: right; position: absolute; bottom:0px; right: 0px; z-index:99; cursor: pointer; }
.select-technology select{background: #3E3A95;border-radius: 8px; font-weight: 500; width:195px;
font-size:16px; line-height: 24px; text-align: center; color: #FFFFFF; order: 0; height: 40px; border: 0px;}
.select-technology select:focus{ outline: none; border:0px; }

.select-technology2{float: right; position: absolute; bottom:-37px; right: 0px; z-index:99; cursor: pointer; }
.select-technology2 select{background: #3E3A95;border-radius: 8px; font-weight: 500; width:112px;
font-size:16px; line-height: 24px; text-align: center; color: #FFFFFF; order: 0; height: 40px; border: 0px;}
.select-technology2 select:focus{ outline: none; border:0px; }

 a.downbtn{
    width: 126px;
    height: 52px;
    position: relative; 
    z-index: 1;
    border: 1px solid #F9F9F9;
    box-sizing: border-box;
    border-radius: 12px; font-weight: 500;
    font-size: 14px; text-align: center;
    line-height:48px; 
    color: #F9F9F9;

}

a.downbtn:after{ 
    content:'';    
    display: block;   
    width:20%;
    height: 100%;  
    opacity: 0; 
    background:#fff;    
    position: absolute;    
    left: 0;    
    color: #fff;
    border-radius:12px; top:0;    
    z-index: -1;    
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;    
    -ms-transition: all ease 0.3s;    
    -webkit-transition: all ease 0.3s;}

a.downbtn:hover:after{width: 100%;  opacity: 1;}
a.downbtn:hover{color: #000; border-radius:12px; text-decoration: none;}




a.downbtn2{
    width:149px;
    height: 52px;
    position: relative; 
    z-index: 1; margin-right: 20px;
    background:#0178D4;
    border: 1px solid #0178D4;
    box-sizing: border-box;
    border-radius: 12px; font-weight: 500;
    font-size: 14px; text-align: center;
    line-height:48px; display: block;  
    color: #F9F9F9;

}

a.downbtn2:after{ 
    content:'';    
    display: block;   
    width:20%;
    height: 100%;  
    opacity: 0; 
    background:#fff;    
    position: absolute;    
    left: 0;    
    color: #fff;
    border-radius:12px; top:0;    
    z-index: -1;    
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;    
    -ms-transition: all ease 0.3s;    
    -webkit-transition: all ease 0.3s;}

a.downbtn2:hover:after{width: 100%;  opacity: 1;}
a.downbtn2:hover{color: #000; border-radius:12px; text-decoration: none;  border: 1px solid #fff;}


.how-turn-box{background: linear-gradient(0deg, #7D6CE9, #7D6CE9); border-radius: 12px; width: 235px;
height: 235px; text-align: center; display:flex; align-items: center; flex-wrap: wrap; 
justify-content: center; padding:32px 0 10px 0; float: left;}
.how-turn-box h5{ display: block; width: 100%; font-weight: 500; font-size: 20px; line-height: 30px;
text-align: center; color: #FFFFFF; text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); padding: 0 18px 0 18px;}

.arrow-turn{width:206px; height: 235px; display:flex; align-items: center; flex-wrap: wrap; 
    justify-content: center; float: left;}


.arrow-turn2{width:200px; height: 235px; display:flex; align-items: center; flex-wrap: wrap; 
    justify-content: center; float: left; margin-top: 49px;}


.what-strydgery{width:430px; float:left; position: relative;}
.what-strydgery h4{position:absolute; bottom:32px; padding:0px 0 0 25px; margin:0px; font-style: normal;
font-weight: 500; font-size: 20px; line-height: 30px; color: #FFFFFF; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}



.development-box{width:258px; float: right; position: relative; z-index: 1; height: 253px;}
.development-box img {margin: -56px 0 0 35px;}
.development-box h4{padding:0px; margin:10px 0 0 0; font-style: normal;
font-weight: 500; font-size: 20px; line-height: 30px; text-align: center; color: #FFFFFF;
text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);}

.development-box:before{ width: 253px; height: 253px; border-radius:200px; position: absolute; 
    left: 0px; top:0px; background:#204567; content:''; z-index:-1;}


.desigen-trend2{width:258px; float:left; position: relative; z-index: 1; position: relative; text-align:center; margin-top:40px}
.desigen-trend2 img { position: relative; top:40px; }
.desigen-trend2 h4{padding:0px; margin:10px 0 0 0; font-style: normal;
font-weight: 500; font-size: 20px; line-height: 30px; text-align: center; color: #FFFFFF;
text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); position: absolute; left: 0px; right: 0px; bottom:0px;}
.desigen-trend2:before{ width: 253px; height: 253px; border-radius:200px; position: absolute; 
    left: 0px; top:0px; background:#204567; content:''; z-index:-1;}
.team-member-design{width:430px; float:left; position: relative; margin:49px 0 0 46px;}
.team-member-design h4{position:absolute; bottom:32px; padding:0px 0 0 25px; margin:0px; font-style: normal;
font-weight: 500; font-size: 20px; line-height: 30px; color: #FFFFFF; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}

.finish-us{width: 235px; height: 235px; background: linear-gradient(0deg, #7D6CE9, #7D6CE9); 
    border-radius: 12px; background:#7D6CE9; text-align: center; background:#7D6CE9; 
    float: left; margin-top: 49px; padding:43px 0 0 0;}

.finish-us h5{padding:25px 0 0 0; margin: 0px; font-style: normal; font-weight: 500; font-size: 20px;
line-height: 30px; text-align: center; color: #FFFFFF; text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);}
.finish-us small{padding:9px 0 0 0; margin: 0px; display: block; font-style: normal;
font-weight: normal; font-size: 16px; line-height: 28px; color: #FFFFFF; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.idea-section{width:100%; float:left; padding:0px 0 60px 0; margin: 0px;}
.whatslider .owl-carousel .owl-stage-outer {    padding:75px 0 0px 0px;    height:491px!important;}
.modal-open .modal{z-index: 99999;}
.modal-open .modal-backdrop {z-index: 9999;}
.thank-section{text-align:center;}
.thank-section button.btn-close{float: right;    background:#000;    border: 0px;    margin: 11px 10px 0 0;    position: absolute;    right: 0;    height: 3px;    width: 22px;}



.tals-talk input.error {margin:0px; color:#fff;}
.tals-talk textarea.error{margin:0px; color:#fff;}
.tals-talk form input:focus{background: rgba(255, 255, 255, 0.0); border-color: #fff; outline: 0; border-bottom: 1px solid #5f9fff ;
    box-shadow:none;  color: #fff; font-weight:100; }
.tals-talk label.error {color: red; margin-left: 40px;  margin-top:0px; font-size:13px;}

/****---------------new css---*/

.how-itw{ width: 100%; float: left;  background: linear-gradient(135.07deg, #C4E5FF 6.34%, #EAF6FF 98.96%); border-radius: 12px;
padding:59px 0 83px 60px; margin: 0px;

  }

.how-itw h2{ padding: 0px; margin: 0px; font-family: Montserrat;
font-style: normal; font-weight: 600;font-size: 48px; line-height: 70px; color: #000;}

.how-itw h6{padding:22px 0 0 0; margin: 0px;  font-family: Montserrat; font-style: normal;
font-weight: 600; font-size: 24px; line-height: 32px; color: #5A5A5A;}
.how-itw p{padding:21px 120px 60px 0; margin: 0px; font-family: Poppins;
font-style: normal; font-weight: normal; font-size: 16px; line-height: 28px; color: #5A5A5A;}

.how-itw strong{font-family: Poppins;
font-style: normal;
font-weight: normal;
font-size: 16px; width: 326px;
line-height: 24px; display: block;
color: #2573BA;
}

.how-itw small{font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 16px;
    line-height: 24px; color: #5A5A5A; max-width:264px; text-align:center; display: block; padding:10px 0 10px 0;}

.how-itw a {    display: inline-block;    text-align: left;    width:264px;
    color: #ffffff;    line-height: 24px;    font-size: 18px;    font-weight: 400;    letter-spacing: 0.02em;
    position: relative;    z-index:99;    text-decoration: none;    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;    -ms-transition: all ease 0.3s;    -webkit-transition: all ease 0.3s;
    background:#204567;    box-shadow: 0px 10px 20px rgb(14 0 89 / 20%);    border-radius: 8px;
    padding: 18px 20px;    height: 60px;}
.how-itw a i {    margin-left: 10px;    top: -2px;    position: relative;    float: right;}

.how-itw a:after {    content: '';    display: block;    width: 30%;    height: 100%;
    opacity: 0;    background: #000;    position: absolute;    left: 0;    color: #fff;
    border-radius: 8px;    top: 0;    z-index: -1;    transition: all ease 0.3s;    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;    -webkit-transition: all ease 0.3s;}
.how-itw a:hover:after {    width: 100%;    opacity: 1;}
.how-itw a:hover {    color: #fff;    border-radius: 8px;}


.letssedule-talk{width:430px; background: #FBC900; border-radius: 0px 12px 12px 0px; margin:10px 45px 0 0; position: relative; 
    display: flex; align-items: center; height: 80px; line-height:80px; float: right;}
.letssedule-talk h5{ font-family: Montserrat; font-style: normal; font-weight: 600; font-size: 22px; 
line-height: 32px; color: #FFFFFF; padding:0 0 0 150px;}
.letssedule-talk span{ width: 140px; height: 140px; text-align: center; background:#fff; 
    border-radius:100%; position: absolute; line-height: 140px; left:-15px;}


.letssedule-talk2 {    width: 423px;    background: #5F9FFF;    border-radius: 12px 0px 0px 12px;    margin:80px 65px 0 0;
    position: relative;    display: flex;    align-items: center;    height: 80px;    line-height: 80px;    float: right;}
.letssedule-talk2 h5{font-style: normal; font-weight: 500; font-size: 18px; text-align: right;
color: #FFFFFF; line-height:26px; color: #FFFFFF; padding:0px 0 0 45px;}
.letssedule-talk2 span{ width: 140px; height: 140px; text-align: center; background:#fff; 
    border-radius:100%; position: absolute; line-height: 140px; right:-22px;}

.letssedule-talk3{width:430px; background: #5F9FFF; border-radius: 0px 12px 12px 0px; margin:80px 45px 0 0; position: relative; 
    display: flex; align-items: center; height: 80px; line-height:80px; float: right;}
.letssedule-talk3 h5{font-style: normal; font-weight: 500; font-size: 18px; text-align:left;
color: #FFFFFF; line-height:26px; color: #FFFFFF; padding:0 0 0 150px;}
.letssedule-talk3 span{ width: 140px; height: 140px; text-align: center; background:#fff; 
    border-radius:100%; position: absolute; line-height: 140px; left:-15px;}


.letssedule-talk4 {width: 423px;    background:#FBC900;    border-radius: 12px 0px 0px 12px;    margin:80px 65px 0 0;
    position: relative;    display: flex;    align-items: center;    height: 80px;    line-height: 80px;    float: right;}
.letssedule-talk4 h5{font-style: normal; font-weight: 500; font-size: 18px; text-align: right;
color: #FFFFFF; line-height:26px; color: #FFFFFF; padding:0px 0 0 45px;}
.letssedule-talk4 span{ width: 140px; height: 140px; text-align: center; background:#fff; 
    border-radius:100%; position: absolute; line-height: 140px; right:-22px;}



.left-img{float:left; width:50%; background:#fff; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.08);  border-radius: 12px;}
.left-img img{border-radius: 12px; max-width:100%;}

.case-study-right{float:left; width:50%; background:#fff; 
    border-radius:0px 12px 12px 0px; padding:61px 0 0 60px; min-height: 572px;}


.case-study-right small{padding:0px; margin:0px 0 0 0; font-style: normal; font-weight: 500; 
    font-size: 24px; line-height: 28px; color: #0178D4; display:block; position: relative;}

.case-study-right small:before{width: 138px; height:1px; left:0px; bottom:-14px; background:#0178D4; content: ''; position: absolute;}


.case-study-right h5{padding:38px 0 0 0; margin: 0px; font-style: normal; font-weight: 500; font-size: 24px;
line-height: 36px; color: #18191A; max-width: 385px;}


.case-study-right h6{padding:11px 0 5px 0; margin: 0px; font-style: normal; font-weight: 500; font-size: 18px;
 line-height: 24px; color: #0178D4;}
.case-study-right p{padding:18px 0px 33px 0px; margin:0px 68px 0 0; font-style: normal; font-weight: normal; font-size: 16px; line-height: 28px; 
    color: #5A5A5A; border-bottom: solid #eaf6ff 1px;}

.case-study-right a{padding:0px; margin:36px 0 0 0; font-style: normal;font-weight: 500; font-size: 18px; line-height: 24px;
letter-spacing: 0.02em; color: #0178D4; display: inline-block;}

.case-study-right a:hover{color:#000; text-decoration:none;}



.case-study-right ul{ display: flex; flex-wrap: wrap; align-items: flex-start; 
    margin:15px 0 0 0; padding:0px; }
.case-study-right ul li{ padding: 0px; margin:0px 22px 0 0; list-style:none;}
.case-study-right ul li strong{padding: 0px; margin: 0px; display: block; font-style: normal; font-weight: normal;
font-size: 16px; line-height: 28px; color: #18191A; text-align: center;}


.phpbg{background:#B5E8FF;}
.nodebg{background: #E9FFE5;}
.pythanbg{background: #CCE1FF;}



/*------------------------new page css---------------*/
.ftr-section{ width: 100%; padding:49px 0 55px 0; margin: 0px; display: flex; border: 1px solid #061C2D;}
.ftr-section ul{display: flex; padding: 0px; margin: 0px;}
.ftr-section ul li{padding: 0px; margin: 0px 32px 0 0; list-style: none;}
.ftr-section ul li a{padding: 0px; margin: 0px; font-family: Poppins;  font-style: normal;  font-weight: normal;  font-size: 14px;  
    line-height: 24px;  color: #959393; text-decoration: none;}

.ftr-section ul li a:hover{ color:#fff;}
.ftr-section .copyright{ text-align: right;}
.ftr-section .copyright p{font-style: normal; font-weight: normal;  font-size: 14px;  line-height: 24px; color: #959393;}

.theloop {background: #E0EDFF;  border-radius: 12px; width: 100%;  float: left;  padding: 91px 0 52px 0;  margin-bottom: 140px;  margin-top: 100px;}
.theloop .loop-img{ text-align: center; width:45%; float: left;}
.theloop .loop-img img{max-width:inherit;}
.theloop .loopmail{display: flex; flex-direction:column; width:35%; float: left; text-align: left; margin:10px 0 0 0;}
.theloop .loopmail big{font-style: normal;    font-weight: 500; font-size: 42px;  line-height: 56px;  color: #204567; padding:0px; margin: 0px; text-align: center;}
.theloop .loopmail small{ font-style: normal;  font-weight: normal; text-align: center;
   font-size: 20px;    line-height: 34px;    color: #204567; padding:18px 0 0 0; margin: 0px; display: block;}
.theloop .loopmail .get-know{display: flex; margin:57px 0 0 0;}
.theloop .loopmail .get-know input{width:242px;  height: 48px;  border: 0.5px solid #204567;  box-sizing: border-box;   border-radius: 4px 0px 0px 4px; 
    background: transparent; padding: 0 0 0 22px; font-weight: 300;  font-size: 14px;  line-height: 24px;  color: #204567;}
.theloop .loopmail .get-know button.send-btn{width: 148px;  height: 48px;  background: #204567;  border-radius: 0px 4px 4px 0px; border: 0px; font-style: normal;  font-weight:500;  
   font-size: 14px;    line-height: 24px; color: #FFFFFF;}

.new-and-articles {display: block;	margin: 0px;	padding:0 0 67px 0;	position: relative; background-color: red;}
.new-titile{display: block;	margin: 0px;	padding:0 0 49px 0;	position: relative;}
.new-titile h2 {	font-family: Montserrat;	font-style: normal; padding: 0px; margin: 0px;	font-weight: 500;
	font-size: 42px;	line-height: 64px;	text-align: center;	color: #18191A;}
.new-titile p {font-style: normal;	font-weight: normal;	font-size: 16px;line-height: 24px;	text-align: center;	color: #18191A;}
.artcal-section{background: #F9F9F9; padding:160px 0 0 0; margin:0px;}

.why-section{background: #F4F0FD;}

.ourwrk{ width: 100%; float: left; text-align: center; padding:120px 0 72px 0; margin: 0px;}
.ourwrk h2{padding:0px; margin:0px auto; font-family:Montserrat;  font-style: normal; font-weight: 600;  font-size: 42px;  
    line-height: 64px;  color:#262626; max-width: 445px;}

.ourwrk h2 span{color:#0178d4;}
.ourwrk p{padding:20px 0 0 0; margin: 0px; font-style: normal;  font-weight: normal;  font-size: 16px; line-height: 24px;  text-align: center;   color: #5A5A5A; max-width: 590px; margin:0px auto;}


.ourwrk1{ width: 100%; float: left; text-align: center; padding:120px 0 72px 0; margin: 0px;}
.ourwrk1 h2{padding:0px; margin:0px auto; font-family:Montserrat;  font-style: normal; font-weight: 600;  font-size: 42px;  
    line-height: 64px;  color:#262626; max-width:514px; }

.ourwrk1 h2 span{color:#0178d4;}
.ourwrk1 p{padding:20px 0 0 0; margin: 0px; font-style: normal;  font-weight: normal;  font-size: 16px; line-height: 24px;  text-align: center;   color: #5A5A5A; max-width: 590px; margin:0px auto;}



.creatework2::before{position: absolute; width: 208px;  height: 268px;  left:-12px; top:-12px;  border: 1px solid #0178D4;  box-sizing: border-box; content:''; }
.creatework2{ width: 100%; display: flex; flex-direction: column; position: relative;}

.creativework{width:250px; height: 300px;  background: #FFFFFF; margin:0px; padding:20px 22px 0 25px; position: relative; z-index:9;}
.creativework h5{margin:0px; padding:0px;}
.creativework p{margin:0px; padding:13px 0 0 0; font-size: 14px; font-style: normal;  font-weight: normal;
    font-size: 14px;  line-height: 22px; color: #757575;}
.havea-project{width: 60%; float: left; padding:100px 0 73px 100px; background:url(/web/20240527202059im_/https://www.superfectsolutions.com/assets/css/images/form-arrow.html) no-repeat 390px 418px;}
.havea-project h2{padding:0px; margin:0px 0 25px 0;  font-family: Montserrat;  font-style: normal;    font-weight: 600;    font-size: 32px;    
    line-height: 44px;  color: #18191A; max-width:350px;}
.havea-project p{padding:0px; margin: 0px; font-style: normal;   font-weight: normal;  font-size: 14px;  line-height: 24px;  color: #393939; max-width:322px;}
.havea-project h3{padding:66px 0 24px 0; margin: 0px;   font-style: normal;  font-weight: 500;  font-size: 18px;  line-height: 24px;  color: #18191A;}

.havea-project .what-secpription{display: flex; align-items: center; padding: 0 0 26px 0;}
.havea-project .what-secpription .userimg{padding: 0px; margin: 0px;}
.havea-project .what-secpription .p-executive{padding:0px; margin:0px 0 0 15px;}
.havea-project .what-secpription .p-executive small{padding: 0px; margin: 0px; display: block; font-style: normal;  font-weight: 500;  font-size: 16px;  line-height: 24px;  color: #18191A;}
.havea-project .what-secpription .p-executive a{padding: 0px; margin: 0px;  display: block; font-style: normal;  font-weight: 300;  font-size: 14px;  line-height: 24px;  color: #18191A;}
.havea-project .what-secpription .p-executive a:hover{color: #000; text-decoration: none;}
.project-formsection{float:left; width: 40%; padding:90px 100px 0 0;}

.subs-form {padding:0px; width: 100%; float: left;}
.subs-form .btn-common a:after, .subs-form .btn-common a i {	display: none;}
.subs-form .btn-common {max-width: inherit;	width:auto;	margin:0px;}
.subs-form .btn-common a {	width: 196px;	max-width: inherit;}

.subs-form .btn-common a {    display: inline-block;    text-align: center;    width: 100%;    font-family: 'Poppins', sans-serif;
    color: #ffffff;    line-height: 24px;    font-size: 18px;    font-weight: 400;    letter-spacing: 0.02em;    position: relative;
    z-index: 99;    text-decoration: none;    transition: all ease 0.3s;    -moz-transition: all ease 0.3s;    -ms-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;    background: #0178D4;    box-shadow: 0px 10px 20px rgb(14 0 89 / 20%);    border-radius:4px;    padding: 18px 20px;   height: 60px;}

.subs-form .btn-common a:after {	content: '';	display: block;	width: 30%;	height: 100%;
	opacity: 0;	background: #000;	position: absolute;	left: 0;	color: #fff;	border-radius:4px;	top: 0;	z-index: -1;	transition: all ease 0.3s;	-moz-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;	-webkit-transition: all ease 0.3s;}
.subs-form .btn-common a:hover:after {	width: 100%;	opacity: 1;}
.subs-form .btn-common a:hover {	color: #fff;	border-radius:8px;}

.subs-form .input-group {margin-bottom: 0rem;	position: relative; display:block}

.subs-form label.error {color: red; bottom: -30px;    position: absolute;    z-index: 9;   font-size: 13px;  margin: 0 0 11px 26px;}
.subs-form input.error {margin:0px;}
.subs-form textarea.error {margin:0px;}

.subs-form .input-group .input-icon {position: absolute;left:24px; top:10px;	z-index:11;}
.subs-form .input-group input{resize: none; padding:0px 0 0 54px; box-shadow: none;	border: none; height: 48px; 
background: #f7f7f7; border-radius: 4px!important; margin-bottom: 24px;}

.subs-form .input-group input:hover{background-color:#F4F0FD;}

.subs-form .input-group i.input-icon.attach{left: 0px;}
.subs-form .input-group textarea {resize: none; padding:8px 0 0 54px; box-shadow: none;        border: none;
        height: 151px;        background: #f7f7f7;        border-radius: 4px!important;        margin-bottom: 24px;   }

.subs-form .input-group .form-control:focus {
	box-shadow: 0 0 0 0.0rem rgb(0 123 255 / 25%) !important;}

.subs-form .input-group .form-control.file-upload {padding:8px 0 0 35px!important; background-color:#fff; border-bottom: #000 solid 1px; border-top: #000 solid 1px;
     border-radius:0px!important; padding: 0px;}

.we-undertand {display: flex;    justify-content: center; margin-top:100px;}
/*.we-undertand {display: flex;    justify-content: center; margin-top:187px;}*/
.we-undertand h2{font-family: Montserrat;    font-style: normal;    font-weight: 500;    font-size: 42px;    line-height: 64px;    text-align: center;   color: #262626; max-width: 838px;}
.we-undertand h2 span{color:#0178d4;}

.casestudy{box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.08);   border-radius: 12px; position: relative;}
.casestudy::before{content:''; position: absolute; left:-56px; top:-69px; width: 160px;  height: 160px;   background: #5F9FFF; border-radius: 100%;}

.dream-project{display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; padding:70px 0 60px 0;}
.dream-project h2{padding: 0px; margin:0px auto; font-family: Montserrat;  font-style: normal;  font-weight: 600;  font-size: 42px;  line-height: 64px;  
    text-align: center; color: #18191A; max-width: 748px;}

.dream-project p{font-style: normal; font-weight: normal;  font-size: 24px;  line-height:36px; 
    text-align: center; color: #757575; max-width: 672px; margin:0px auto; padding-top:5px;}
.dream-project .project-mggs{ text-align: center; padding-top:52px;}
.dream-project .project-mggs img{display: inline-block;}

.m-plateform{ display: flex; flex-direction: column; background: #FFFFFF;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    border-radius: 12px; padding:66px 50px 0 41px; height:360px; position: relative;}
.m-plateform span{position: absolute;  width: 77px;  height: 77px;  left:24px;  top:42px; background: #F4F0FD; border-radius:100%;}
.m-plateform h3{font-style: normal; font-weight: 500;  font-size: 24px;  line-height: 34px;  color: #262626; padding: 0px; margin: 0px 0 17px 0; position: relative;}
.m-plateform p{font-style: normal;  font-weight: normal;  font-size: 16px;  line-height: 26px; color: #505050; padding: 0px; margin: 0px;}
.shedual-section{justify-content: center; display: flex; padding:60px 0 100px 0;}

.sforyou{ display: flex; flex-direction: column; justify-content: center; padding:120px 0 0 0;}
.sforyou h2{padding: 0px; margin:0px 0 24px 0; font-family: Montserrat;   font-style: normal;    font-weight: 600;    font-size: 42px;
    line-height: 64px;    text-align: center;    color: #000000;}
.sforyou p{padding: 0px; margin:0px auto; font-style: normal;    font-weight: normal;    font-size: 16px;   line-height: 24px; text-align: center;   
    color: #5A5A5A;  opacity: 0.85; max-width: 600px;}







.minust-section{ width: 100%; float: left; text-align: center; padding:120px 0px 108px 0; margin: 0px;}
.minust-section h2{padding:0px; margin:0px auto; font-family:Montserrat;  font-style: normal; font-weight: 600;  font-size: 42px;  
        line-height: 64px;  color:#262626; }
    
.minust-section h2 span{color:#0178d4;}
.minust-section p{padding:20px 0 0 0; margin: 0px; font-style: normal;    font-weight: normal;
    font-size: 16px;    line-height: 24px;    text-align: center;    color: #757575;max-width:687px; margin:0px auto;}


.get-works {width: 100%; padding:50px 53px 60px 0px; margin:0px; float:left; }
.get-works h2 {        padding: 0px;        margin: 0px 0 50px 0;        font-family: Montserrat;        font-style: normal;        font-weight: 600;        font-size: 48px;
        line-height: 70px;        color: #00111E;    }

.get-works span {background-color:#ffe78c;}
.get-works p.fill {display: block; text-align: center; font-style: normal; font-weight: normal;  font-size: 16px;  line-height: 24px; color: #5A5A5A;  margin: 0px; padding: 0px;}

.our-developers{max-width:326px;}
.our-developers .btn-common1{margin: 0px; width:279px;}

.our-developers strong {
        display: block;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #5A5A5A;
        text-align: center;
        padding: 22px 0 6px 0;
        max-width:inherit;

    }


.instant-section {width: 100%; padding: 0px; margin: 0px 0 50px 0; float: left; text-align:right; }
.instant-section img{display: inline;}


.banner-details {display: block;	position: relative;}
.banner-details h2 {font-family: Montserrat;  font-style: normal;  font-weight: 600;  font-size: 52px;  line-height: 72px;  color: #18191A;
	margin-top: 30px; margin-bottom: 15px;}
.banner-details h2 span {display: block; color:#0178d4;}
.banner-details p {font-style: normal; font-weight: normal;  font-size: 16px; color: #5A5A5A; padding:8px 0 0 0; max-width:490px;}
.banner-details small{opacity: 0.7; flex: none;  margin:0px;  padding:2px;  background: #E9F2FF;   border-radius: 1px; 
    text-align: center; color: #0178D4; font-size: 12px;}
.banner-details small a{font-size:12px;  line-height: 24px;  color: #0178D4;  padding:0px 3px; }
.banner-details .shedual-section{margin: 0px; justify-content: flex-start; padding:25px 0 0px 0px;}
.banner-details .shedual-section .btn-common{margin: 0px;}
.banner-details .shedual-section .btn-common1{margin:0px 0 0 16px;}

.bannerimage{max-width:604px; width:604px;}
.bannerimage img{width:100%; display:inline-block;}

.marketing-agenc{display: flex; flex-direction: column; justify-content: center; padding:100px 0 60px 0;}
.marketing-agenc p{padding: 0px; margin:0px 0 45px 0; text-align: center; font-style: normal; font-weight: 500; font-size: 18px; line-height: 28px; color: #18191A;}
.marketing-agenc p span{color:#0178D4;}
.marketing-agenc ul{padding: 0px; margin: 0px; display: flex; justify-content: center;}
.marketing-agenc ul li{padding: 0px; margin:0px 35px; list-style: none; display:inline-block;}

.blowing-idea{border: 1px solid #FFFFFF;    box-sizing: border-box; border-radius: 12px; padding:33px 24px 60px 31px; position: relative;}
.blowing-idea span{width: 108px; height: 108px; background-color: #fff; display: inline-block; border-radius:100%; display: flex; align-items: center; justify-content: center;}
.blowing-idea a{padding: 0px; margin:42px 0 0 0; font-style: normal; font-weight: 500;  font-size: 20px;  line-height: 34px;  color: #0178D4; box-shadow: none; text-shadow: none; display: block;  }
.blowing-idea a:hover{text-decoration: none;  }
.blowing-idea p{padding:15px 0 0 0; margin: 0px; font-style: normal; font-weight: normal;  font-size:16px;  line-height: 22px; color: #18191A; box-shadow: none; text-shadow: none;}

/*.blowing-idea.inverse{background: #FFFFFF; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); cursor: pointer;}*/

.blowing-idea:hover{background: #FFFFFF; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); cursor: pointer;}
.blowing-idea:hover span{background:#C4E5FF;}
.blowing-idea:hover .blue-line dl {width: 32px;    height: 32px;    background: #FFFFFF;   box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);  line-height:32px;  top: -14px;}

.blowing-idea.inverse span{background:#C4E5FF;}
.blowing-idea.inverse h4{color:#18191A;}

.blowing-idea.inverse .blue-line {background:#0178d4}
.blowing-idea.inverse .blue-line dl {    width: 32px;    height: 32px;    background: #FFFFFF;   box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);  line-height: 28px;  top: -14px;}

.blowing-idea .blue-line {position: absolute; top: 0px;  background-color: #fff;  width: 100%;  left: 0px;  top: -46px;  height: 2px; text-align: center;} 
.blowing-idea .blue-line dl {margin:0px auto; background-color:#0178d4; width: 14px; height: 14px; border-radius: 100%; overflow: hidden; position: relative; top:-5px;}
.shedual-section2{justify-content: center; display: flex; padding:60px 0 100px 0; flex-direction: column;}
.shedual-section2 p{padding: 0px; margin: 0px auto; font-style: normal; font-weight: 500;  font-size: 18px;  line-height: 28px;  text-align: center;
    color: #757575; max-width: 372px;}
.shedual-section2 .btn-common1{max-width:270px; margin: 0px auto; margin-top:45px;}

.idia-before{position: relative;}
.idia-before::before {position: absolute; width: 97%; left: 0px;
    right: 0px; height: 2px;  content: '';  height: 2px; background-color:#fff;  top: -45px; margin: 0px auto;}

.deve-idea { min-height: 280px;  background: #FFFFFF;  border: 1px solid #DCCBFF;
    box-sizing: border-box;  border-radius: 4px;  padding: 32px 0 0 45px;  transform: scale(0.0em);  transition: ease-in-out all 0.5s;}

.deve-idea p{margin: 0px; padding: 0px 0 23px 0; font-style: normal;  font-weight: normal;   font-size: 16px;   line-height: 24px;   color: #505050; max-width:218px;}
.deve-idea small{margin: 0px; padding:8px 0 0 0px; font-style: normal;
    font-weight: 500; font-size: 12px; line-height: 26px; color: #262626; display: block;}

.deve-idea b{margin: 0px; padding: 0px; font-style: normal; display: block;
    font-weight: normal; font-size: 12px; line-height: 16px;  color: #757575;}




/*------------------------new page css------end---------*/


.modal {z-index: 99999;}
.modal-backdrop {z-index: 9999;}

.p-t-b100{padding-top: 100px; padding-bottom: 100px; }



.p-b-142 {padding-bottom: 142px;}
.m-top-104 {margin-top: -104px;}
.m-top-62 {margin-top: 62px;}
.m-topminus-62 {margin-top: -62px;}
.bgcolr {background: #F9F9F9;}
.bgcolr2 {background: #E4DFFF;}
.bgcolr3 { background: #6225CC;}

.bgcolr4 {background: #1D95CE;}
.bgcolr5 {background: #41CABE;}

.bgcolr6 {background: #49D774;}
.bgcolr7 {background: #335CB0;}
.bgcolr8 {background: #5F9FFF;}
.bgcolr9 {background: #BCD7FF;}
.bgcolr10{background:#EAF6FF;}
.bgcolr11{background:#f9f9f9;}
.bgcolr12{background:#FFF6D5!important;}


.p-b-120 {padding-bottom:120px;}
.padding60 {padding-bottom: 60px;}
.m-top130 {margin-top:130px;}
.m-topminus-120 {margin-top: -120px;}
.p-b-130{padding-bottom:130px;}
.p-b-140{padding-bottom:140px;}

.m-t30{margin-top: 30px;}
.m-b40{margin-bottom:40px;}
.m-t-minus30 {margin-top:-30px;}

.radius-20{border-radius: 20px;}
.bg-white1{background: #fff;}
.nopad {padding-right:0px; padding-left: 0px;}
.nomar {margin-right:0px;  margin-left: 0px;}
.height588{height:588px;}
.width100 {width:100%;}
.case-bg{position:relative;}
.case-bg:before{position:absolute; left:0px; top:0px; width:100%; height: 588px; background: #E4DFFF; content: '';}

.m-t90{margin-top:90px;}
.m-b-60{margin-top:60px;}
.m-b-10{margin-top:10px;}

.p-b-84{padding-bottom:84px;}
.bdr-top{border-top:solid 7px #f9f9f9; }


.m-tops60{margin-top:60px; }
.what-we-slider{ background:#fff; padding-left: 20%; }
.mobileshow{display:none;}

/*
     FILE ARCHIVED ON 20:20:59 May 27, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:58:20 Feb 20, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.571
  exclusion.robots: 0.023
  exclusion.robots.policy: 0.014
  esindex: 0.009
  cdx.remote: 46.251
  LoadShardBlock: 1168.533 (3)
  PetaboxLoader3.datanode: 1260.353 (5)
  load_resource: 469.152
  PetaboxLoader3.resolve: 357.965
  loaddict: 60.209
*/