*{padding:0; margin:0;}
html{
	font-size:62.5%; /*default font-size is 10px */
}
body{ font-family: 'Poppins', sans-serif; font-weight:400; font-size:1.7rem; line-height:1.2; }
.header-main { display: block; width: 100%; box-shadow: rgba(0 , 0 , 0 , 0.08) 0 0.3rem 6.6rem; position: relative; background: #fff; z-index: 9;}
.header-main .header-inner { display: flex; justify-content: space-between; padding: 1.9rem 0; align-items: center;}
.header-main .header-inner .right ul li { display: inline-block; letter-spacing: 1px;}
.header-main .header-inner .right ul { padding-left: 0; margin-bottom: 0;}
.header-main .header-inner .right ul li a { font-size: 1.5rem; color: #555555; text-transform: uppercase; text-decoration: none; position: relative; margin: 0 2px; padding: 0.9rem 1.5rem;
overflow: hidden; display:block;}
.header-main .header-inner .left a { display: block;}
.header-main .header-inner .right ul li a:hover { color: #000000;}
.header-main .header-inner .right ul li a:after { box-sizing: border-box; transform: translateX(-100%); content: ""; position: absolute; top: 0; left: 0; width: 99.5%; height: 2px;
border-top: 2px solid transparent; border-right: 2px solid transparent;}
.header-main .header-inner .right ul li a:before { box-sizing: border-box; transform: translateX(100%); content: ""; position: absolute; bottom: 0; left: 0; width: 99.5%;
height: 2px; border-bottom: 2px solid transparent; border-left: 2px solid transparent;}
.header-main .header-inner .right ul li a:hover:before { transition: 0.1s transform linear, 0.1s height linear 0.1s; transform: translateX(0); height: 100%; border-color: #000000;}
.header-main .header-inner .right ul li a:hover:after { transition: 0.1s transform linear 0.2s, 0.1s height linear 0.3s; transform: translateX(0); height: 100%; border-color: #000000;  }

.banner-part { width: 100%; /* height: 86rem; */  position: relative; overflow: hidden;}
.banner-part { list-style: none; margin-bottom: 0!important;}
.banner-part .left { max-width: 59.7rem; padding-left: 0; padding-right: 0; padding-top: 15.4rem;  position: relative; z-index: 1; /* height: 86rem; */    height: calc(100vh - 111px); }
.banner-part .left .gen-heading { font-size: 4.4rem; font-weight: 700; margin-bottom: 0; color:#000;}
.banner-part .left .gen-txt { margin-top: 6.5rem; display: block; font-size: 1.7rem; color: #808080; line-height: 1.5; max-width: 75%; position: relative; letter-spacing: .5px;}
.banner-part .left .gen-txt:after {content: '';position: absolute;width: 4.5rem;height: .3rem;background: #000;bottom: -3.5rem;left: 0;}

.banner-part:before {  content: ''; width: 55.5rem; height: 55.5rem; position: absolute; left: 0; top: 0; background-image: url(../images/oval-left.svg); background-position-x: -36.7rem;
background-position-y: -41.9rem; background-size: 93.5rem; background-repeat: no-repeat; z-index: 1;}
.banner-part:after { content: ''; width: 17.5rem; height: 55.5rem; position: absolute;  right: 0; top: 0; background-image: url(../images/oval-left.svg); background-position-x: -10.3rem;
background-position-y: -21.9rem; background-size: 107.5rem; background-repeat: no-repeat; z-index: 1;}
.banner-part .right { position: absolute; width: 100%; height: 100%; left: 0; padding: 0; background-image: url(../images/banner-image.png); background-size: cover;
background-position-y: bottom;}
.banner-part .right.second { position: absolute; width: 100%; height: 100%; left: 0; padding: 0; background-image: url(../images/banner-image2.png); background-size: cover;
background-position-y: bottom;}
.banner-part .slick-initialized { z-index: 2;}
.banner-part-inner { position: relative; width: 100%;}
.banner-part .slick-dots { bottom: 2rem; z-index: 9;}
.banner-part .slick-dots li button:before { font-size: 1.6rem;}
.about-us-section { width: 100%; display: block; position: relative; overflow: hidden;}
.about-us-section .about-inner { padding: 21rem 0 5rem; position: relative; display: flex; position: relative;
    z-index: 2; }
.about-us-section .about-inner .scroll-down-txt { position: absolute; right: 0;}
.about-us-section .scroll-down-txt { top: 15rem; right: 0; content: ''; width: 21.5rem; height: 57.5rem; position: absolute; background-image: url(../images/oval-left.svg);
background-position-x: -10.3rem; background-position-y: -10.9rem; background-size: 91.5rem; background-repeat: no-repeat; z-index: 1;}
.about-us-section:before {content: "";height: 93.3rem;width: 34.9%;position: absolute;background: #F8F0CF;}
.about-us-section .about-inner .left { width: 36.7rem; margin-left: 11.1rem;}
.about-us-section .about-inner .right { width: calc(100% - 47.8rem);  padding-left: 9.8rem;  padding-top: 16rem;}
.about-us-section .about-inner .left img { max-width: 100%; transition: .5s ease-in-out;}
.gen-heading { display: block; color: #000000; font-size: 4.4rem; font-weight: 700; margin-bottom: 6rem;}
.about-us-section .about-inner .right .gen-txt { font-size: 1.7rem; color: #808080; line-height: 1.5; letter-spacing: .5px; display: block;}
.about-us-section .scroll-down-txt .inner-part { transform: rotate(-90deg);}
.about-us-section .scroll-down-txt .inner-part a { font-size: 1.7rem; color: #000; text-decoration: none; letter-spacing: .5px; margin-top: 16rem; display: inline-block;  transition: .5s ease-in-out; cursor:auto; animation-name: scroll-animation; animation-duration: 1s; animation-iteration-count: infinite;}

@keyframes scroll-animation{
0% {    transform: translate(0px);}
50% {    transform: translate(10px);}
100% {    transform: translate(0px);} 
}
.about-us-section .scroll-down-txt .inner-part a img {margin-right: .5rem;}
.porfolio-section { width: 100%; display: block; margin-top:5rem; overflow: hidden;  position: relative; z-index: 2;}
.porfolio-section .gen-line-heading { display: block; text-align: center; position: relative;}
.porfolio-section .gen-line-heading .gen-heading { display: inline-block; padding: 0 3.7rem; background: #fff; position: relative; z-index:2;}
.porfolio-section .gen-line-heading:before {content: '';position: absolute;width: 100%;height: 1px;background: #C7C7C7;left: 0;top: 2.7rem;}

.porfolio-section .sub-part:nth-child(odd) { padding-left: 3.5rem;}
.porfolio-section .sub-part:nth-child(even) { padding-right: 3.5rem;}
.porfolio-section .sub-part .image-bx { display: block; width: 100%;  overflow: hidden;}
.porfolio-section .sub-part .image-bx img { max-width: 100%; transition: .5s ease-in-out;}

.porfolio-section .sub-part { margin-bottom: 8.5rem;}


.porfolio-section .sub-part .content-bx { display: block; width: 100%; margin-top: 3.4rem;}
.porfolio-section .sub-part .content-bx .website-category { display: none; font-size: 1.7rem; color: #A8A8A8; text-transform: uppercase; letter-spacing: .5px; margin-bottom: 2rem}
.porfolio-section .sub-part .content-bx .website-heading { display: block;}
.porfolio-section .sub-part .content-bx .website-txt { display: block; font-size: 1.7rem; color: #808080; letter-spacing: .5px; line-height: 1.5;}
.porfolio-section .sub-part .content-bx .website-heading { font-size: 2rem; font-weight: 700; color: #000; letter-spacing: .5px; margin-bottom: 2rem;}


.footer-main { width: 100%; display: block;}
.footer-main .footer-inner { width: 100%; display: block;}
.footer-main .footer-inner .footer-top { width: 100%; display: flex; justify-content: space-between;}
.footer-main .footer-inner .footer-top .right { display: inline-block;}
.social-links { display: flex;}
.social-links ul { display: flex; padding-left: 0;}
.social-links ul li { list-style: none;  margin-right: .8rem;}
.social-links ul li a { display: inline-flex; width: 5.9rem; height: 5.9rem; background: #000000; border-radius: 100%; align-items: center;  justify-content: center;}
.social-links ul li:last-child { margin-right: 0;}
.social-links ul li a:hover { background: #555555;}

.footer-main .footer-inner .footer-bottom { width: 100%; margin-top: 5rem; border-top: 1px solid #DADADA; padding-top: 4.3rem; display: flex; justify-content: space-between;
align-items: flex-start; padding-bottom: 9rem;}

.footer-main .footer-inner .copyright-txt { color: #808080; font-size: 1.7rem; text-transform: uppercase; letter-spacing: .5px;}
.footer-main .footer-inner .footer-links ul { padding-left: 0; margin-bottom: 0;}
.footer-main .footer-inner .footer-links ul li { list-style: none; display: inline-block; padding: 0 2.2rem;}
.footer-main .footer-inner .footer-links ul li a { color: #808080; font-size: 1.7rem; text-transform: uppercase; letter-spacing: .5px; text-decoration: none;}
.footer-main .footer-inner .footer-links ul li:first-child { padding-left: 0;}
.footer-main .footer-inner .footer-links ul li:last-child { padding-right: 0;}
.footer-main .footer-inner .footer-links ul li a:hover { color: #000;}

.contact-section { margin: 3rem 0; padding: 10rem 0; position: relative; background-image: url(../images/contact-background.svg); background-repeat: no-repeat; background-size: cover;
min-height: 96.3rem;  overflow: hidden;}
.contact-section .contact-section-inner { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between;}
.contact-section .contact-section-inner .heading-part { width: 100%;}
.contact-section .contact-section-inner .left-part { width: 100%; max-width: 64rem;}
.contact-section .contact-section-inner .right-part { width: 100%; max-width: 47.3rem;}

.form-inner { display: block;}
.form-control { height: 5.8rem; font-size: 1.7rem; letter-spacing: .5px; color: #808080; padding-left: 2rem; margin-bottom: 3rem; background: transparent;
border-color: #808080;}
.form-inner textarea { height: 20.5rem; padding-top: 1.8rem;}
.form-control:focus { background-color: transparent; border-color: #808080; box-shadow: none;}
.submit-btn { width: 19rem; height: 6.6rem; border-radius: 5rem; background: #000000; border-color: #000; color: #FFFFFF; text-align: left; padding: 0 3.4rem;
text-transform: uppercase; outline: none; border-image: none; border: none; background-image: url(../images/submit-arrow.svg); background-repeat: no-repeat; background-position-x: 85%;
background-position-y: 49%;}
.submit-btn:hover { background: #383737; border-color: #383737; outline: none; box-shadow: none; outline: 0!important; border-image: none; border: none; background-image: url(../images/submit-arrow.svg);
background-repeat: no-repeat; background-position-x: 85%; background-position-y: 49%;}
.contact-section .contact-section-inner .right-part .ad-bx { margin-top: 4.4rem;}
.contact-section .contact-section-inner .right-part .ad-bx .bx-inner { display: block; margin-bottom: 4.8rem;}
.contact-section .contact-section-inner .right-part .ad-bx .bx-inner .sub-heading { font-size: 2.4rem; font-weight: 500; text-transform: uppercase; display: block; margin-bottom: 2rem;}
.contact-section .contact-section-inner .right-part .ad-bx .bx-inner p { font-size: 1.7rem; color: #808080; letter-spacing: .5px; line-height: 1.5;}
.contact-section .contact-section-inner .right-part .ad-bx .bx-inner p a { color: #808080; text-decoration: none;}
.contact-section .contact-section-inner .right-part .ad-bx .bx-inner p a:hover { color: #000000;}

.what-we-offer-section { background: #fff; width: 100%; padding: 9rem 0; overflow: hidden;}
.what-we-offer-section .we-offer-inner { width: 100%; display: block; position: relative; z-index: 2;}
.what-we-offer-section .we-offer-inner .heading-part { text-align: center;}

.tab-part { width: 100%;  display: block; padding: 0 9rem;}
.tab-part .tab-heading { width: 100%; display: flex; border-bottom: 2px solid #DBDBDB; justify-content: center;}
.tab-part .tab_content-bx { width: 100%; display: block;  margin-top: 5rem;}
.tab-part .tab-heading ul { padding-left: 0; margin-bottom: 0;}
.tab-part .tab-heading ul li { display: inline-block; margin: 0 2rem;}
.tab-part .tab-heading ul li a { font-size: 1.7rem; font-weight: 700; text-transform: uppercase; text-decoration: none; position: relative; padding: 0 3.8rem; color: #9A9A9A; line-height: 5rem;}
.tab-part .tab-heading ul li a.active { color: #000000;}
.tab-part .tab-heading ul li a.active:before {content: '';position: absolute;width: 100%;height: 4px;background: #000;left: 0;bottom: -1.5rem;}

.services-bx { width: 100%; display: block;}
.services-bx ul { padding-left: 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.services-bx ul li { list-style: none; width: 30.5%; background: #fff; margin-bottom: 4.3rem; padding: 4.6rem 1.6rem;
    border-radius: 3rem; /* min-height: 36.1rem; max-height: 36.1rem; */ text-align:center;  transition: .5s ease-in-out;}

.services-bx ul li:nth-child(4) { margin-bottom: 0;}
.services-bx ul li:nth-child(5) { margin-bottom: 0;}
.services-bx ul li:nth-child(6) { margin-bottom: 0;}
.services-bx ul li .image-bx { width: 94px; height: 89px; display: inline-block; background-repeat: no-repeat;}
.services-bx ul li .sub-heading { width: 100%; display: block; margin-top: 2rem; font-size: 1.7rem; font-weight: 700; letter-spacing: .5px;  text-transform: uppercase;}
.services-bx ul li p { font-size: 1.5rem; color: #808080; line-height: 1.5; letter-spacing: .5px; margin-bottom: 0; margin-top: 1rem;}


.services-bx ul li .image-bx.php { background-image: url(../images/svg-sprite.svg); background-position-x: -710px; width: 67px;}
.services-bx ul li .image-bx.python { background-image: url(../images/svg-sprite.svg); background-position-x: -846px;}
.services-bx ul li .image-bx.java { background-image: url(../images/svg-sprite.svg); background-position-x: -104px;}
.services-bx ul li .image-bx.ios { background-image: url(../images/svg-sprite.svg); background-position-x: -309px;}
.services-bx ul li .image-bx.android { background-image: url(../images/svg-sprite.svg); background-position-x: -512px;}
.services-bx ul li .image-bx.react-native { background-image: url(../images/svg-sprite.svg); background-position-x: -1051px;}
.services-bx ul li .image-bx svg { transform: scale(1.4);}
.services-bx ul li .image-bx.wordpress-development { background-image: url(../images/svg-sprite.svg); background-position-x: -1432px;}
.services-bx ul li .image-bx.seo-conversion { background-image: url(../images/svg-sprite.svg); background-position-x: -1240px;}
.services-bx ul li .image-bx.block-chain { background-image: url(../images/svg-sprite.svg); background-position-x: -1553px; width: 60px;}
.services-bx ul li .image-bx.augmented { background-image: url(../images/svg-sprite.svg); background-position-x: -1697px; width: 60px;}
.services-bx ul li .image-bx.cloud-computing { background-image: url(../images/svg-sprite.svg); background-position-x: -1811px; width: 60px;}
.services-bx ul li .image-bx.artificial-intelligence { background-image: url(../images/svg-sprite.svg); background-position-x: -1939px; width: 60px;}
.services-bx ul li .image-bx.internet-things { background-image: url(../images/svg-sprite.svg); background-position-x: -2061px; width: 60px;}
.our-clients-bx { padding: 16rem 0 3rem 0;     overflow: hidden; position: relative; z-index: 2;}

.our-clients-bx .client-inner-bx { display: block;}
.our-clients-bx .client-inner-bx .gen-heading { text-align: center; margin-bottom: 4rem;}
.our-clients-bx .client-inner-bx .gen-txt { color: #808080; font-size: 1.7rem; font-weight: 400; letter-spacing: .5px; line-height: 1.5;}
.our-clients-bx .client-inner-bx .client-logo-slider { width: 100%; margin-top: 5rem;}

.our-clients-bx .client-inner-bx .client-logo-slider ul { padding-left: 0; margin-bottom:0; list-style: none;}
.logo-image-bx { display: flex; justify-content: center; align-items: center; height: 11.5rem;}
.logo-image-bx img {max-height: 11.5rem;  max-width: 100%; }
.client-logo-slider .slick-prev:before { color: #6c6c6c; font-size: 3.6rem;}
.client-logo-slider .slick-prev { left: -5rem; width: 3.6rem; height: 3.6rem;}
.client-logo-slider .slick-next { right: -5rem; width: 3.6rem; height: 3.6rem;}
.client-logo-slider .slick-next:before {color: #6c6c6c;font-size: 3.6rem;}
.services-bx ul li:hover { transform: translateY(-1.5rem); transition: .5s ease-in-out; box-shadow: #d1d1d1 0px 1rem 1.5rem;}

.porfolio-section .sub-part .image-bx:hover img { transform: scale(1.05); transition: .5s ease-in-out;}

.about-us-section .about-inner .left img:hover { transform: translateY(-1.5rem); transition: .5s ease-in-out;}

::-moz-selection { /* Code for Firefox */ color: #ffffff; background: rgb(0, 0, 0);}
::selection { color: #ffffff; background: rgb(0, 0, 0); }

.about-us-section .scroll-down-txt .inner-part a:hover { transform: translate(10px); transition: .5s ease-in-out;}

.header-main.fixed { position: fixed; z-index: 5000; animation: smoothScroll 1s forwards;}

@keyframes smoothScroll {0% {transform: translateY(-40px);}
	100% {transform: translateY(0px);}
}


/* for slider slick */
.banner-part [data-animation-in] { opacity: 0; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; transition: opacity 0.5s ease 0.3s;}
/*  */
.banner-part .slick-list { z-index: 9;}


/* for animation text */
.about-us-section .about-inner .left,.about-us-section .about-inner .right ,.porfolio-section ,.what-we-offer-section .we-offer-inner{opacity: 0;}
.about-us-section .about-inner .left.animate__animated , .about-us-section .about-inner .right.animate__animated ,.porfolio-section.animate__animated,.what-we-offer-section .we-offer-inner.animate__animated,.our-clients-bx.animate__animated {opacity:1;}

.our-clients-bx{opacity: 0;}
.contact-section .contact-section-inner .heading-part , .contact-section .contact-section-inner .left-part,.contact-section .contact-section-inner .right-part{opacity: 0;}

.contact-section .contact-section-inner .heading-part.animate__animated,.contact-section .contact-section-inner .left-part.animate__animated,.contact-section .contact-section-inner .right-part.animate__animated{opacity: 1;}
.banner-part:before {animation: fadeInLeft; animation-duration: 1.8s; }
.banner-part:after{ animation: fadeInRight; animation-duration: 1.8s;}
.about-us-section .scroll-down-txt.fixed { position: fixed; top: 50%; transform: translateY(-50%); transition: .5s ease-in-out;}
.about-us-section .scroll-down-txt.fixed.remove-bx { opacity: 0; transition: .5s ease-in-out; visibility: hidden; }


/*  */

#scroll-top { position: fixed; right: 3rem; bottom: 20rem; cursor: pointer; width: 6rem; height: 6rem; display: none; -webkit-border-radius: 6rem; -moz-border-radius: 6rem; border-radius: 6rem; z-index: 999;
text-align: center; display: none; border: 1px solid #CECECE;}
#scroll-top:hover { background-color: #383737;}
#scroll-top .arrow { display: block; margin-top: 1.8rem;}
#scroll-top .gen-txt { display: block; margin-top: .6rem; font-weight: 500; text-transform: uppercase; font-size: 1.2rem;}
#scroll-top:hover .gen-txt { color: #fff;}
#scroll-top:hover path { fill: #fff;}

a.cross-icon {display:none;}

a.hamburger-icon {display:none}

.social-links ul li:first-child a:hover { background: #1DA1F2;}

.social-links ul li:nth-child(2) a:hover { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4d30d6+0,522ed6+3,532ed3+3,542ed1+6,572cd1+6,592ccf+7,5b2cca+12,602aca+12,602aca+14,5f27c6+14,6027c4+15,6525c2+20,6625bf+20,6725bd+23,6a23bd+23,6a23bd+24,6c21ba+24,6d22ba+27,6e22b6+27,6e22b6+28,7321b4+28,7722b3+32,7a21af+32,7d20ac+36,7f1da8+36,8220ab+37,831fa6+37,851ea3+41,891ea2+41,891ea2+42,8c1d9f+43,941c97+49,961c93+49,991c94+52,9b1b92+52,9b1b92+53,9c1b8f+53,9e1e8f+55,a01d8d+56,a21c8b+58,a41c88+58,a61e8a+59,a71e86+61,aa1e87+63,ac1e82+64,ae2084+66,b12180+70,b3227d+70,b4237e+73,b5227b+73,b8257d+74,b8257d+75,ba247b+75,bb257c+79,bb2678+79,bc2778+83,be2776+83,bf2875+88,c12a77+88,c12a77+91,c22a73+91,c22c73+100 */
    background: rgb(77,48,214); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(77,48,214,1) 0%, rgba(82,46,214,1) 3%, rgba(83,46,211,1) 3%, rgba(84,46,209,1) 6%, rgba(87,44,209,1) 6%, rgba(89,44,207,1) 7%, rgba(91,44,202,1) 12%, rgba(96,42,202,1) 12%, rgba(96,42,202,1) 14%, rgba(95,39,198,1) 14%, rgba(96,39,196,1) 15%, rgba(101,37,194,1) 20%, rgba(102,37,191,1) 20%, rgba(103,37,189,1) 23%, rgba(106,35,189,1) 23%, rgba(106,35,189,1) 24%, rgba(108,33,186,1) 24%, rgba(109,34,186,1) 27%, rgba(110,34,182,1) 27%, rgba(110,34,182,1) 28%, rgba(115,33,180,1) 28%, rgba(119,34,179,1) 32%, rgba(122,33,175,1) 32%, rgba(125,32,172,1) 36%, rgba(127,29,168,1) 36%, rgba(130,32,171,1) 37%, rgba(131,31,166,1) 37%, rgba(133,30,163,1) 41%, rgba(137,30,162,1) 41%, rgba(137,30,162,1) 42%, rgba(140,29,159,1) 43%, rgba(148,28,151,1) 49%, rgba(150,28,147,1) 49%, rgba(153,28,148,1) 52%, rgba(155,27,146,1) 52%, rgba(155,27,146,1) 53%, rgba(156,27,143,1) 53%, rgba(158,30,143,1) 55%, rgba(160,29,141,1) 56%, rgba(162,28,139,1) 58%, rgba(164,28,136,1) 58%, rgba(166,30,138,1) 59%, rgba(167,30,134,1) 61%, rgba(170,30,135,1) 63%, rgba(172,30,130,1) 64%, rgba(174,32,132,1) 66%, rgba(177,33,128,1) 70%, rgba(179,34,125,1) 70%, rgba(180,35,126,1) 73%, rgba(181,34,123,1) 73%, rgba(184,37,125,1) 74%, rgba(184,37,125,1) 75%, rgba(186,36,123,1) 75%, rgba(187,37,124,1) 79%, rgba(187,38,120,1) 79%, rgba(188,39,120,1) 83%, rgba(190,39,118,1) 83%, rgba(191,40,117,1) 88%, rgba(193,42,119,1) 88%, rgba(193,42,119,1) 91%, rgba(194,42,115,1) 91%, rgba(194,44,115,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(77,48,214,1) 0%,rgba(82,46,214,1) 3%,rgba(83,46,211,1) 3%,rgba(84,46,209,1) 6%,rgba(87,44,209,1) 6%,rgba(89,44,207,1) 7%,rgba(91,44,202,1) 12%,rgba(96,42,202,1) 12%,rgba(96,42,202,1) 14%,rgba(95,39,198,1) 14%,rgba(96,39,196,1) 15%,rgba(101,37,194,1) 20%,rgba(102,37,191,1) 20%,rgba(103,37,189,1) 23%,rgba(106,35,189,1) 23%,rgba(106,35,189,1) 24%,rgba(108,33,186,1) 24%,rgba(109,34,186,1) 27%,rgba(110,34,182,1) 27%,rgba(110,34,182,1) 28%,rgba(115,33,180,1) 28%,rgba(119,34,179,1) 32%,rgba(122,33,175,1) 32%,rgba(125,32,172,1) 36%,rgba(127,29,168,1) 36%,rgba(130,32,171,1) 37%,rgba(131,31,166,1) 37%,rgba(133,30,163,1) 41%,rgba(137,30,162,1) 41%,rgba(137,30,162,1) 42%,rgba(140,29,159,1) 43%,rgba(148,28,151,1) 49%,rgba(150,28,147,1) 49%,rgba(153,28,148,1) 52%,rgba(155,27,146,1) 52%,rgba(155,27,146,1) 53%,rgba(156,27,143,1) 53%,rgba(158,30,143,1) 55%,rgba(160,29,141,1) 56%,rgba(162,28,139,1) 58%,rgba(164,28,136,1) 58%,rgba(166,30,138,1) 59%,rgba(167,30,134,1) 61%,rgba(170,30,135,1) 63%,rgba(172,30,130,1) 64%,rgba(174,32,132,1) 66%,rgba(177,33,128,1) 70%,rgba(179,34,125,1) 70%,rgba(180,35,126,1) 73%,rgba(181,34,123,1) 73%,rgba(184,37,125,1) 74%,rgba(184,37,125,1) 75%,rgba(186,36,123,1) 75%,rgba(187,37,124,1) 79%,rgba(187,38,120,1) 79%,rgba(188,39,120,1) 83%,rgba(190,39,118,1) 83%,rgba(191,40,117,1) 88%,rgba(193,42,119,1) 88%,rgba(193,42,119,1) 91%,rgba(194,42,115,1) 91%,rgba(194,44,115,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(77,48,214,1) 0%,rgba(82,46,214,1) 3%,rgba(83,46,211,1) 3%,rgba(84,46,209,1) 6%,rgba(87,44,209,1) 6%,rgba(89,44,207,1) 7%,rgba(91,44,202,1) 12%,rgba(96,42,202,1) 12%,rgba(96,42,202,1) 14%,rgba(95,39,198,1) 14%,rgba(96,39,196,1) 15%,rgba(101,37,194,1) 20%,rgba(102,37,191,1) 20%,rgba(103,37,189,1) 23%,rgba(106,35,189,1) 23%,rgba(106,35,189,1) 24%,rgba(108,33,186,1) 24%,rgba(109,34,186,1) 27%,rgba(110,34,182,1) 27%,rgba(110,34,182,1) 28%,rgba(115,33,180,1) 28%,rgba(119,34,179,1) 32%,rgba(122,33,175,1) 32%,rgba(125,32,172,1) 36%,rgba(127,29,168,1) 36%,rgba(130,32,171,1) 37%,rgba(131,31,166,1) 37%,rgba(133,30,163,1) 41%,rgba(137,30,162,1) 41%,rgba(137,30,162,1) 42%,rgba(140,29,159,1) 43%,rgba(148,28,151,1) 49%,rgba(150,28,147,1) 49%,rgba(153,28,148,1) 52%,rgba(155,27,146,1) 52%,rgba(155,27,146,1) 53%,rgba(156,27,143,1) 53%,rgba(158,30,143,1) 55%,rgba(160,29,141,1) 56%,rgba(162,28,139,1) 58%,rgba(164,28,136,1) 58%,rgba(166,30,138,1) 59%,rgba(167,30,134,1) 61%,rgba(170,30,135,1) 63%,rgba(172,30,130,1) 64%,rgba(174,32,132,1) 66%,rgba(177,33,128,1) 70%,rgba(179,34,125,1) 70%,rgba(180,35,126,1) 73%,rgba(181,34,123,1) 73%,rgba(184,37,125,1) 74%,rgba(184,37,125,1) 75%,rgba(186,36,123,1) 75%,rgba(187,37,124,1) 79%,rgba(187,38,120,1) 79%,rgba(188,39,120,1) 83%,rgba(190,39,118,1) 83%,rgba(191,40,117,1) 88%,rgba(193,42,119,1) 88%,rgba(193,42,119,1) 91%,rgba(194,42,115,1) 91%,rgba(194,44,115,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d30d6', endColorstr='#c22c73',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.social-links ul li:nth-child(3) a:hover { background: #3b5998;}

/* hubspot form design  */
.hbspt-form { width: 100%;}
.hbspt-form form { width: 100%;}
.hbspt-form form fieldset { max-width: 100%;}
.hbspt-form form fieldset input, select, textarea { height: 5.8rem; font-size: 1.7rem; letter-spacing: .5px; color: #808080; padding-left: 1.5rem; background: transparent;
border: 1px solid #808080; width: 100%!important; outline: none!important;}
.hs-error-msgs { color: #f11332; font-size: 11px; font-weight: 400; position: absolute; bottom: -16px; margin-top: 5px; margin-bottom: 0; padding-left: 0; list-style: none;}
.hbspt-form form fieldset .field { position: relative;}
.hbspt-form form textarea { height: 15.5rem; padding-top: 2rem;}
.hs-button { width: 27rem; height: 6.6rem; border-radius: 5rem; background: #000000; border-color: #000; color: #FFFFFF; text-align: left;  padding: 0 3.4rem; text-transform: uppercase;
outline: none;  border-image: none;  border: none; background-image: url(../images/submit-arrow.svg); background-repeat: no-repeat; background-position-x: 91%; background-position-y: 49%;
margin-top: 1.5rem;}
.hs-button:hover { background: #383737; border-color: #383737; outline: none; box-shadow: none; outline: 0!important; border-image: none; border: none; background-image: url(../images/submit-arrow.svg);
background-repeat: no-repeat; background-position-x: 91%; background-position-y: 49%;}
.hs_error_rollup ul.no-list.hs-error-msgs.inputs-list { display: none!important;}
select { -webkit-appearance: none;  -moz-appearance: none; appearance: none; position: relative; background: url(../images/arrow-down.png) no-repeat; background-size: 12px;
background-position-y: center; background-position-x: calc(100% - 11px);}
.hs-fieldtype-intl-phone.hs-input select { padding-right: 28px;}

/* 15.2.2022 */
.clutch-reviews { width: 100%; display: block; margin-top: 7rem;}


.header-main .header-inner .right { display: flex; align-items: center;}
.appointment-btn { margin-left: 2rem; margin-top: -0.3rem;}
.appointment-btn a { display: inline-flex; align-items: center; background: #000; padding: 0; border-radius: 2.5rem; font-size: 1.4rem; font-weight: 700; color: #ffffff;
text-decoration: none; text-transform: uppercase; position: relative; overflow: hidden; font-family: poppins, sans-serif; line-height: 5rem; min-width: 23.2rem; justify-content: center;}
.appointment-btn a span { margin-right: 1rem; display: inline-flex; width: 2rem; height: 2rem; border: .5rem solid #ffffff; z-index: 2; background-color: none;
-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 0 #ef323a;}
.appointment-btn a:hover { background: #f11332;}



.call-to-action-bx { background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(58,58,58,1) 41%, rgba(78,78,78,1) 100%); padding: 12rem; position: relative; overflow:hidden;}
.call-to-action-bx .inner-bx { text-align: center; display: block; width: 100%;}
.call-to-action-bx .inner-bx .heading-txt { color: #ffffff; font-size: 4.4rem; font-weight: 700; margin-bottom: 5rem;}
.call-to-action-bx .inner-bx .number-bx a { display: inline-flex; align-items: center; background: #f11332; font-size: 1.8rem; font-weight: 700; color: #ffffff;
text-decoration: none; text-transform: uppercase; position: relative; overflow: hidden; font-family: poppins, sans-serif; line-height: 5rem; min-width: 23.2rem; justify-content: center;
width: 27rem; height: 6.6rem; border-radius: 5rem; text-align: left; padding: 0 3.4rem;}
.call-to-action-bx .inner-bx .number-bx a .icon-bx { display: inline-block; margin-right: 1.5rem;}
.call-to-action-bx .inner-bx .number-bx a .icon-bx svg { width: 2.6rem; height: 2.6rem;}
.call-to-action-bx .inner-bx .number-bx a:hover { background: #000000;}
.call-to-action-bx:before { position: absolute; content: '';  width: 100%; height: 100%; left: 0; top: 0; background-color: #e5e5f7; opacity: 0.8;
background-size: 1rem 1rem; background-image: repeating-linear-gradient(45deg, #525252 0, #606060 1px, #e5e5f7 0, #e5e5f7 50%); opacity: .1;}
.call-to-action-bx .container { z-index: 1;}


.call-to-action-bx .inner-bx{opacity:0;}
.call-to-action-bx .inner-bx.animate__animated{opacity:1;}

.footer-main .footer-inner .footer-top .right { text-align: right; align-self: center;}
.footer-main .footer-inner .footer-top .right .footer-widget { width: 215px;}
.footer-main .footer-inner .footer-top .right .award-logo { width: 100px;  margin-left: 15px;}
.footer-main .footer-inner .footer-top .right .award-logo img { width: 100%;}
.footer-main .footer-inner .footer-top .right { display: flex; align-items: center;}
.cluth-inner-bx .gen-heading { text-align: center;}
/*  */
.promote-bx { height: 111px; overflow: hidden;}
.promote-bx a { margin-top: -20px; position: relative; display: block;}

.page-head { text-align: center;font-weight: 700;color: #1b1b1b;font-size: 36px;line-height: 1.2;}
.gray-bg{background: #F4F4F4;}
.services-section{padding: 100px 0 30px; text-align: center !important;}
.services-row{justify-content: space-between; padding-top:10px;width: 100%;display: flex;flex-wrap: wrap;margin: 0px;}
.services-col{margin-bottom: 70px; padding:3rem 3rem; background: #F4F4F4; border-radius: 3rem; color: #000;width: 30.5%; transition: .5s ease-in-out;}
.services-col:hover { transform: translateY(-1.5rem);    transition: .5s ease-in-out; box-shadow: #d1d1d1 0px 1rem 1.5rem;}
.services-col-text{font-size: 1.5rem;
color: #808080;
line-height: 1.5;
letter-spacing: .5px;
margin-bottom: 0;
margin-top: 1rem;}
.services-col-head{
    width: 100%;
display: block;
margin-top: 3rem;
font-size: 1.7rem;
font-weight: 700;
letter-spacing: .5px;
text-transform: uppercase;
}
.great-solutions-section{background: url("../images/bg-2.jpg") no-repeat; height: 355px; text-align: center}
.great-solutions-text{ line-height: 1.35; font-weight: 700; font-size: 36px; color: #FFFFFF !important; padding-bottom: 40px;}
.great-solutions-btn .site-btn:hover{background: #fff; color: red; border-color: #fff;}

.services-section .gen-heading{text-align: center;}

.services-section.gray-bg .services-col{background: #fff;}

@media screen and (max-width: 1100px) {
    .services-col {
        width: 48%;
    }
}

@media screen and (max-width: 767px) {
    .services-col {
        width: 100%;
    }
}