*{font-family:Brandon Grotesque;}
p{font-size:18px;}
a.nav-link {font-size: 16px;}
a.nav-link{ border-bottom: 2px solid transparent;}
a.nav-link:hover {border-bottom: 2px solid #76a2d4;}
.pro-pic { border-top-left-radius: 15px;border-bottom-left-radius: 15px;}
.topbar{border-bottom: 1px solid #ffffff5e;}
.bg-grdnt{ background:linear-gradient(42deg, #560bad, #76a2d4);}
.dropdown-item:focus, .dropdown-item:hover{background: linear-gradient(45deg, #5811af, #68a8de); color:#fff;}
.bg-main{background:url(../imgs/bg-blue.webp);background-position: center; background-size: cover; background-repeat: no-repeat;min-height: 44rem; background-color: #791ae7;
    display: -webkit-box;  display: -ms-flexbox;display: flex; z-index: 0;  -webkit-box-align: center;  -ms-flex-align: center;align-items: center;}
.newClass { background: #273171;transition: 1s;}
.newClass a.navbar-brand img {  width: 40px;transition: 1s;}
a.navbar-brand img {z-index: 1; position: relative;}
a.navbar-brand:after { content: ""; background: #fff; width: 115px; height: 70px; display: inline-block;position: absolute; top:3px;left: 0;z-index: 0;
    border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
    .position-absolute.dots.d-none.d-md-block {left: 47%;top: 18%;}
  .overlay { background: #000;  opacity: .5;  height: 100vh;  width: 100%;  position: absolute;}  
.about-us .fixed-top, .pricing-table .fixed-top, .contact .fixed-top, .web-development .fixed-top, .web-designing .fixed-top,
.graphic-design .fixed-top, .error-page .fixed-top, .shopify-development .fixed-top, .ecommerce-website-development .fixed-top,
.digital-marketing .fixed-top, .app-development .fixed-top{ background: linear-gradient(42deg, #560bad, #76a2d4);}
.about-us .about-title, .pricing-table .about-title, .contact .about-title,  .web-development .about-title,
.web-designing .about-title, .graphic-design .about-title, .error-page .about-title, .shopify-development .about-title,
.ecommerce-website-development .about-title, .digital-marketing .about-title, .app-development .about-title  {margin-top: 119px;background: #f3f3f3;} 

.about-title h1{color:#212529;}
.newClass a.navbar-brand:after{width: 88px;transition: 1s; height: 53px;}
.wave { width: 110% !important; margin-left: -1.25rem; margin-right: -1.25rem;}
section.sec-two { background: #fdfdff;}
.slide{background:url(../imgs/slider-back.jpg); background-size: cover;}
.slide .carousel-item h2{color:#ff6a76;}
.carousel-control-next, .carousel-control-prev{width: 5%;}
.carousel-control-prev-icon, .carousel-control-next-icon { background-color: #76a2d4; border-radius: 50%;}
.sec-two i {font-size: 26px;}
.ser_div{position: relative;}
.display-front { opacity: 1;transition: .2s;position: absolute; background: #fafafa;  border-radius:6px; height: 100%;}
.ser_div:hover .display-front {    opacity: 0;   transition: .2s;}
.display-back { opacity: 0; transition: .3s;background:linear-gradient(42deg, #560bad, #76a2d4); color:#fff; border-radius:6px;    width: 100%;}
.ser_div:hover .display-back{ opacity: 1;  transition: .8s; position: absolute;}
.icon-back, .icon-front  {/*background: url(../imgs/ellipse.png);*/  background-size: cover;  width: 48px;height: 40px;}
.icon-back i, .icon-front i {font-size: 24px;}
.heading-style h1 span, .heading-style h2 span {position: relative;}
.heading-style h1 span:after, .heading-style h2 span:after {content: '';position: absolute;  background: linear-gradient(126deg, #5811af, #76a2d4);  width: 169px;
height: 3px;top: auto;  bottom: 0; left: auto; right: -4%; z-index: 1;border-radius: 0%;}
.display-back p {  line-height: 1;}
.logos_main { grid-template-columns: repeat(5, 1fr);gap: 20px; place-items: center;}
.logos_main .col img{padding: 1px; width: 150px;}
.logos_main .col img:hover {filter: grayscale(1); box-shadow: #e9e9e9 0 2px 12px 0;padding: 1px;}
.we-serve img { border: 1px solid #cccc;border-radius: 4px;}
.grid--item {position: relative;margin-top: -60px;margin-right: 5px;margin-left: 5px;width: calc(33.33% - 10px);float: left;transition: all 0.5s;overflow: hidden;
-webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  clip-path: polygon( 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
	-webkit-shape-outside:   polygon( 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);}
	.grid--item:before {display: block;	padding-top: 112.5%;content: '';}
	.grid--item:nth-child(1),.grid--item:nth-child(2) { margin-top: 0; }
	.grid--item:nth-child(7n - 1),.grid--item:nth-child(1) {margin-left: 137px;}

.hexa-sec .img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-position: center center;background-size: cover;overflow: hidden;
	-webkit-clip-path: polygon(	50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
 			clip-path: polygon(	50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);}
	
.hexa-sec .img:before,.hexa-sec .img:after {position: absolute;	top: 0;	right: 0;	bottom: 0;	left: 0;content: '';opacity: 0;transition: opacity 0.5s;	}
.hexa-sec .img:before {	background: rgba(purple, 0.25);}
.hexa-sec:hover .img:after {background: linear-gradient(to top, transparent, rgba(black, 0.5), transparent);}
.hexa-sec .container { position: absolute;top: 50%;left: 50%;width: 100%;opacity: 0;text-align: center;color: white;will-change: transform;backface-visibility: hidden;
	transform: translate(-50%, -50%) scale(0.9);transition: all 0.5s;
	-webkit-shape-outside:   polygon( 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%  );
	shape-outside:   polygon( 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%  );}
.desc {	margin: 1em 0 0;letter-spacing: 0.1em;text-transform: uppercase;font-weight: bold;font-size: 11px;line-height: 1.5;	color: turquoise;}
.grid--item:hover .img:before {background: rgba(128, 0, 128, 0.75);}
.grid--item:hover .img:before, .grid--item:hover .img:after,	.hexa-sec .grid--item:hover .container { opacity: 1; }
.hexa-sec .container { transform: translate(-50%, -50%) scale(1); }
.we-serve img:hover {  transform: scale(1.05);transition: .3s;	}
h2.accordion-header button {font-size: 1.5rem;}
.tstimonial, .faqs{ position:relative;}
.testim {    width: 100%;top: 50%; left: 0; bottom:0;-webkit-transform: translatey(-0%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%);
-o-transform: translatey(-50%);  transform: translatey(0%);}
.testim .wrap {  position: relative;width: 100%;max-width: 1020px; padding: 40px 20px; margin: auto;}
.testim .arrow {display: block;  position: absolute;color: #333;cursor: pointer;font-size: 2em; top: 50%; -webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all .3s ease-in-out;    
    -ms-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;  transition: all .3s ease-in-out; padding: 5px;
    z-index: 22222222;}

.testim .arrow:before {cursor: pointer;}
.testim .arrow:hover { color: green;}
.testim .arrow.left { left: 70px;}
.testim .arrow.right { right: 70px;}
.testim .dots { text-align: center;  position: absolute;width: 100%;bottom: 60px; left: 0; display: block; z-index: 3333;height: 12px;}
.testim .dots .dot {list-style-type: none;  display: inline-block;  width: 12px;height: 12px; border-radius: 50%;border: 1px solid #5f38b8;margin: 0 10px;cursor: pointer;
    -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;    
    transition: all .5s ease-in-out;position: relative;}

.testim .dots .dot.active,.testim .dots .dot:hover {background: #5f38b8; border-color: #5f38b8;}
.testim .dots .dot.active {
    -webkit-animation: testim-scale .5s ease-in-out forwards;   
    -moz-animation: testim-scale .5s ease-in-out forwards;   
    -ms-animation: testim-scale .5s ease-in-out forwards;   
    -o-animation: testim-scale .5s ease-in-out forwards;   
    animation: testim-scale .5s ease-in-out forwards;   
}
    
.testim .cont { position: relative;	overflow: hidden;}
.testim .cont > div { text-align: center; position: absolute; top: 0; left: 0; padding: 0 0 70px 0; opacity: 0;}
.testim .cont > div.inactive { opacity: 1;}
.testim .cont > div.active {position: relative; opacity: 1;}
.testim .cont div .img img {display: block; width: 100px; height: 100px;margin: auto;border-radius: 50%;}
.testim .cont div h2 {  color: #5f38b8; font-size: 1em; margin: 15px 0;}
.testim .cont div p { font-size: 1.15em;color: #333;width: 70%; margin: auto;}
.testim .cont div.active .img img {
    -webkit-animation: testim-show .5s ease-in-out forwards;            
    -moz-animation: testim-show .5s ease-in-out forwards;            
    -ms-animation: testim-show .5s ease-in-out forwards;            
    -o-animation: testim-show .5s ease-in-out forwards;            
    animation: testim-show .5s ease-in-out forwards;            
}

.testim .cont div.active h2 {
    -webkit-animation: testim-content-in .4s ease-in-out forwards;    
    -moz-animation: testim-content-in .4s ease-in-out forwards;    
    -ms-animation: testim-content-in .4s ease-in-out forwards;    
    -o-animation: testim-content-in .4s ease-in-out forwards;    
    animation: testim-content-in .4s ease-in-out forwards;    
}

.testim .cont div.active p {
    -webkit-animation: testim-content-in .5s ease-in-out forwards;    
    -moz-animation: testim-content-in .5s ease-in-out forwards;    
    -ms-animation: testim-content-in .5s ease-in-out forwards;    
    -o-animation: testim-content-in .5s ease-in-out forwards;    
    animation: testim-content-in .5s ease-in-out forwards;    
}

.testim .cont div.inactive .img img {
    -webkit-animation: testim-hide .5s ease-in-out forwards;            
    -moz-animation: testim-hide .5s ease-in-out forwards;            
    -ms-animation: testim-hide .5s ease-in-out forwards;            
    -o-animation: testim-hide .5s ease-in-out forwards;            
    animation: testim-hide .5s ease-in-out forwards;            
}

.testim .cont div.inactive h2 {
    -webkit-animation: testim-content-out .4s ease-in-out forwards;        
    -moz-animation: testim-content-out .4s ease-in-out forwards;        
    -ms-animation: testim-content-out .4s ease-in-out forwards;        
    -o-animation: testim-content-out .4s ease-in-out forwards;        
    animation: testim-content-out .4s ease-in-out forwards;        
}

.testim .cont div.inactive p {
    -webkit-animation: testim-content-out .5s ease-in-out forwards;    
    -moz-animation: testim-content-out .5s ease-in-out forwards;    
    -ms-animation: testim-content-out .5s ease-in-out forwards;    
    -o-animation: testim-content-out .5s ease-in-out forwards;    
    animation: testim-content-out .5s ease-in-out forwards;    
}

@-webkit-keyframes testim-scale {
    0% {-webkit-box-shadow: 0px 0px 0px 0px #eee;box-shadow: 0px 0px 0px 0px #eee;}
    35% {-webkit-box-shadow: 0px 0px 10px 5px #eee;box-shadow: 0px 0px 10px 5px #eee;}
    70% { -webkit-box-shadow: 0px 0px 10px 5px #ea830e; box-shadow: 0px 0px 10px 5px #ea830e; }
    100% {-webkit-box-shadow: 0px 0px 0px 0px #ea830e; box-shadow: 0px 0px 0px 0px #ea830e; }
}

@-moz-keyframes testim-scale {
    0% {-moz-box-shadow: 0px 0px 0px 0px #eee;box-shadow: 0px 0px 0px 0px #eee;}
    35% {-moz-box-shadow: 0px 0px 10px 5px #eee;box-shadow: 0px 0px 10px 5px #eee; }
    70% {-moz-box-shadow: 0px 0px 10px 5px #ea830e;box-shadow: 0px 0px 10px 5px #ea830e; }
    100% {-moz-box-shadow: 0px 0px 0px 0px #ea830e;box-shadow: 0px 0px 0px 0px #ea830e;}
}

@-o-keyframes testim-scale {
    0% {-o-box-shadow: 0px 0px 0px 0px #eee;box-shadow: 0px 0px 0px 0px #eee;}
    35% {-o-box-shadow: 0px 0px 10px 5px #eee; box-shadow: 0px 0px 10px 5px #eee;        }
    70% { -o-box-shadow: 0px 0px 10px 5px #ea830e;  box-shadow: 0px 0px 10px 5px #ea830e; }
    100% {-o-box-shadow: 0px 0px 0px 0px #ea830e; box-shadow: 0px 0px 0px 0px #ea830e; }
}

@keyframes testim-scale {
    0% {box-shadow: 0px 0px 0px 0px #eee;}
    35% {box-shadow: 0px 0px 10px 5px #eee; }
    70% {box-shadow: 0px 0px 10px 5px #ea830e; }
    100% {box-shadow: 0px 0px 0px 0px #ea830e; }
}

@-webkit-keyframes testim-content-in {
    from { opacity: 0; -webkit-transform: translateY(100%);transform: translateY(100%);    }
    to {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@-moz-keyframes testim-content-in {
    from { opacity: 0;  -moz-transform: translateY(100%); transform: translateY(100%); }
    to {opacity: 1;  -moz-transform: translateY(0);  transform: translateY(0);}
}

@-o-keyframes testim-content-in {
    from {opacity: 0; -o-transform: translateY(100%); transform: translateY(100%);}   
    to { opacity: 1; -o-transform: translateY(0); transform: translateY(0); }
}

@keyframes testim-content-in {
    from { opacity: 0; transform: translateY(100%);}
    to {opacity: 1; transform: translateY(0); }
}

@-webkit-keyframes testim-content-out {
    from { opacity: 1; -webkit-transform: translateY(0);transform: translateY(0);}
    to {opacity: 0;  -webkit-transform: translateY(-100%); transform: translateY(-100%);}
}

@-moz-keyframes testim-content-out {
    from {  opacity: 1;   -moz-transform: translateY(0);transform: translateY(0);}
    to {opacity: 0; -moz-transform: translateY(-100%);   transform: translateY(-100%); }
}

@-o-keyframes testim-content-out {
    from {opacity: 1;-o-transform: translateY(0);transform: translateY(0);}
    to {opacity: 0; transform: translateY(-100%); transform: translateY(-100%); }
}

@keyframes testim-content-out {
    from {opacity: 1; transform: translateY(0);}
    to {opacity: 0;  transform: translateY(-100%);}
}

@-webkit-keyframes testim-show {
    from {opacity: 0; -webkit-transform: scale(0);  transform: scale(0);}
    to {opacity: 1;  -webkit-transform: scale(1);  transform: scale(1);  }
}

@-moz-keyframes testim-show {
    from {opacity: 0;  -moz-transform: scale(0);transform: scale(0);}
    to {opacity: 1; -moz-transform: scale(1);   transform: scale(1);  }
}


@-o-keyframes testim-show {
    from {opacity: 0; -o-transform: scale(0);  transform: scale(0);}
    to {opacity: 1; -o-transform: scale(1);transform: scale(1);}       
   
}

@keyframes testim-show {
    from {opacity: 0; transform: scale(0);}
    to {opacity: 1; transform: scale(1); }
}

@-webkit-keyframes testim-hide {
    from { opacity: 1;  -webkit-transform: scale(1);transform: scale(1);}
    to {opacity: 0;  -webkit-transform: scale(0);transform: scale(0);}
}

@-moz-keyframes testim-hide {
    from {opacity: 1; -moz-transform: scale(1);  transform: scale(1);}
    to {opacity: 0; -moz-transform: scale(0); transform: scale(0);}
}



@-o-keyframes testim-hide {
    from { opacity: 1; -o-transform: scale(1);  transform: scale(1);}
    to {opacity: 0; -o-transform: scale(0); transform: scale(0);}
}

@keyframes testim-hide {
    from {  opacity: 1; transform: scale(1);}
    to {opacity: 0; transform: scale(0);}}

@media all and (max-width: 500px) {
	.testim .arrow {font-size: 1.5em;}
	.testim .cont div p {line-height: 25px;}
}

.column-second li { list-style: none;line-height: 1.8em;}
.column-second ul{ padding-left:0;}
.column-second ul li a {color: #fff;text-decoration: none;}
.social-footer li { border-radius: 30px;border: 1px solid #fff; height: 35px; width: 35px; text-align: center; padding-top: 4px;}
.social-footer li:hover { background: #f56e7d;}
section.copyright { background: #273171;}
.mission .row .row{position:relative;}
.mission .row .row:before, .vision .row .row:before { content: "";  background: url(../imgs/boost-rotate.png); background-repeat: no-repeat;width: 170px;height: 170px;
    left: -236px;top: 0;position: absolute; z-index: 0; display: block; animation: rotation 10s infinite linear;}
@keyframes rotation {
    from { transform: rotate(359deg)}
    to {transform: rotate(0)}
}

.vision {position: relative;overflow: hidden;}
.vision .row .row:before {
left: auto; right: -78px;
}
.vision.heading-style h1 span:after, .vision.heading-style h2 span:after, .mission.heading-style h1 span:after, .mission.heading-style h2 span:after {z-index: 0;}

.social-footer-cn li {  border-radius: 30px;border: 1px solid #000000;  height: 35px; width: 35px; text-align: center; padding-top: 4px;}
.column-second ul.social-footer-cn li a {  color: #000000;}
section.copyright p {color: #959595;font-size: 14px;} 
.inner-box {padding: 30px;  border-radius: 10px;height: 100%;}
.column-second ul li a:hover {letter-spacing: 1px; transition: .3s;border-bottom: 1px solid #fbfbfb;}
.fix_sec { position: sticky; top: 140px;}
.content { position: relative;}
.screen {display: block;width: 300px;height: 350px;overflow: hidden;position: relative;border: 2px solid #b3b3b3;border-radius: 1px;margin: 0 auto;}
.screen img {bottom: -1616px;width: 100%;height: auto;position: absolute;z-index: 0; margin:0; padding:0;-webkit-transition: top 11s;-moz-transition: top 11s;
	-ms-transition: top 11s;-o-transition: top 11s;	transition: bottom 11s;}
.screen:hover img { bottom: 0;  -webkit-transition: all 11s;  -moz-transition: all 11s;  -ms-transition: all 11s;  -o-transition: all 11s; transition: all 11s;} 
.two-s .screen img {bottom: -740px;}
.two-s .screen:hover img { bottom: 0;}
.three-s .screen img {bottom: -513px;}
.three-s .screen:hover img { bottom: 0;}
.four-s .screen img {bottom: -445px;}
.four-s .screen:hover img { bottom: 0;}
.five-s .screen img {bottom: -1560px;}
.five-s .screen:hover img { bottom: 0;}
.six-s .screen img {bottom: -1360px;}
.six-s .screen:hover img { bottom: 0;}
.ecomm .inner-wraper-div{position:relative;}
.ecomm .inner-wraper-div:before {
    content: '';
    background: url(../imgs/e-comm-p-2.webp);
    position: absolute;
    left: -280px;
    top: 73px;
    width: 433px;
    height: 100%;
    z-index: 0;
    background-size: cover;
    background-position: center right;
    overflow: hidden;
    border-top-right-radius: 13px;
}
section.py-5.px-5.heading-style.bg-light.ecomm {
    overflow: hidden;
}
.list-sec { border-left: 2px solid #7189ce;}
/*****************price table******************************/

#generic_price_table{background-color: #f0eded;}

/*PRICE COLOR CODE START*/
#generic_price_table .generic_content{background-color: #fff;}
#generic_price_table .generic_content .generic_head_price{background-color: #f6f6f6;}
#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{border-color: #e4e4e4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e4e4e4;}
#generic_price_table .generic_content .generic_head_price .generic_head_content .head span{color: #525252;}
#generic_price_table .generic_content .generic_feature_list ul li span{	color: #414141;}
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head span,
#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head span{color: #fff;}
#generic_price_table .generic_content:hover .generic_price_btn a,
#generic_price_table .generic_content.active .generic_price_btn a{background-color:#749ad2;color: #fff;} 

/*PRICE BODY CODE START*/

#generic_price_table .generic_content{overflow: hidden;position: relative;text-align: center;}
#generic_price_table .generic_content .generic_head_price {margin: 0 0 20px 0;}
#generic_price_table .generic_content .generic_head_price .generic_head_content{margin: 0 0 18px 0;}
#generic_price_table .generic_content .generic_head_price .generic_head_content .head{padding: 15px;background: #7394d1;}
#generic_price_table .generic_content .generic_head_price .generic_price_tag{padding: 0 0 20px;}
#generic_price_table .generic_content .generic_head_price .generic_price_tag .price{display: block;}
#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{display: inline-block;font-size: 28px;font-weight: 400;
vertical-align: middle;color: #414141;}
#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{ font-size: 40px; vertical-align: middle; color: #414141;}
#generic_price_table .generic_content .generic_feature_list ul{	list-style: none;padding: 0;margin: 0;}
#generic_price_table .generic_content .generic_feature_list ul li{padding:8px 0;transition: all 0.3s ease-in-out 0s;color: #a7a7a7;}
#generic_price_table .generic_content .generic_feature_list ul li:hover{transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;background-color: #f1f1f1;
	border-left: 5px solid #749ad2;
}
#generic_price_table .generic_content .generic_feature_list ul li .fa{padding: 0 10px;}
#generic_price_table .generic_content .generic_price_btn{margin: 20px 0 32px;}
#generic_price_table .generic_content .generic_price_btn a{  border-radius: 50px;-moz-border-radius: 50px;-ms-border-radius: 50px;-o-border-radius: 50px;
-webkit-border-radius: 50px;
    display: inline-block; padding: 7px 30px;  text-decoration: none; border: 1px solid #749ad2;  color: #749ad2;}

@media (max-width: 991px) {
	#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{
		    font-size: 28px;
	}
}

/***************price table end***************************/
.row.inner-wraper-div .icon-div {justify-content: center;display: flex; width: 60px; height: 53px; margin-bottom: 20px; align-items: center;
background: rgb(114 144 207 / 25%);}
.icon-div i {color: #7290cf;font-size: 21px;}
span.number-style { font-size: 108px; background: #5710ae; color: #93afed; padding: 5px 20px; position: absolute;top: 0;left: 19%;z-index: 0; width: 100px;
    height: 100px; border-radius: 50px;}
h3.des-1 { position: relative; font-size: 55px; padding-top: 82px;}
.arrow-start { width: 30%; height: 4px; background: #c3c3c3;position: absolute; bottom: 0; top: 220px; left: 25%;}
.arrow-start i {position: absolute;  right: -2px; font-size: 38px; top: -17px;  color:#c3c3c3;}

@media screen and (min-width:768px) and (max-width:1024px){
.logos_main { grid-template-columns: repeat(3, 1fr) !important;
}
}

@media (max-width:767px){
.logos_main { grid-template-columns: repeat(1, 1fr);}
.heading-style h1 span:after, .heading-style h2 span:after, .vision .row .row:before{display:none;}
.py-5.px-5.mission, .py-5.px-5.vision { padding: 3rem 1rem !important;}
.py-5.px-5.vision{padding: 0rem 1rem 3rem !important;}
.testim .cont div p{width: 100%;}
.testim .arrow.left { left: 0px;}
 .testim .arrow.right{ right:0px;}
 .grid--item:nth-child(7n - 1), .grid--item:nth-child(1) {  margin-left: 0px; }
.grid--item:nth-child(1), .grid--item:nth-child(2) {margin-top: 35px;}
.grid--item{margin-top: 7px;width: calc(50% - 10px);}
.hexa-sec.px-5 {padding: 0px !important;}
.heading-style h1 span:after, .heading-style h2 span:after{left: -80px; right: 0;}
.col-md-5.pro-pic { min-height: 260px;}

.team1 { color: #8d97ad; font-weight: 300;}
.team1 h1, .team1 h2, .team1 h3, .team1 h4, .team1 h5, .team1 h6 { color: #3e4555;}
.team1 .subtitle {  color: #8d97ad;  line-height: 24px;}
.team1 .pro-pic { min-height: 200px;position:relative;}
.team1 .pro-pic .card-img-overlay-team { background: rgba(26, 139, 243, 0.87);display: none;}
.team1 .pro-pic .card-img-overlay-team ul { top: 50%;}
.team1 .pro-pic .card-img-overlay-team ul li a { -webkit-transition: 0.1s ease-in; -o-transition: 0.1s ease-in;  transition: 0.1s ease-in;}
.team1 .pro-pic .card-img-overlay-team ul li a:hover { -webkit-transform: translate3d(0px, -5px, 0px); transform: translate3d(0px, -5px, 0px);}
.mobile-pop-bottom {position:relative;height: 70px;}
.fix-bar { position: fixed;bottom: 0; background: #71a5d8;}
.carousel-item.active .col-md-6:nth-child(1) {display: none;}
.carousel-item.p-5.active { padding: 0 0 3rem !important;}
.bg-main{min-height: 38rem;}
.fixed-top{background: #273171;}
.navbar-toggler { border-color: #fff; background:#fff;}
section.py-5.mstyle {  padding-left: 0 !important; padding-right: 0 !important;}
.fix_sec { position: relative;  top: -23px;}
.ecomm .inner-wraper-div:before{display:none;}
}