@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body { padding: 0;  margin: 0; font-family: 'Montserrat', sans-serif; }
/* .navbar-dark .navbar-toggler-icon {background: url(../img/menu.svg) no-repeat !important;} */
.navbar-dark .navbar-toggler {
  color: white;
  border-color: white !important;
}
/* menu css */
@media all and (min-width: 992px) {

  .navbar .nav-item .dropdown-menu { display: block;  opacity: 0;  visibility: hidden;  transition: .3s;  margin-top: 0; }
  .navbar .nav-item:hover .nav-link { background: #FFC93C; color: black; }
  .navbar .dropdown-menu.fade-down { top: 80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
  .navbar .dropdown-menu.fade-up { top: 180%; }
  .navbar .nav-item:hover .dropdown-menu { transition: .3s; opacity: 1; visibility: visible; top: 100%; transform: rotateX(0deg);}

}
 .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
     color: black; 
    background: #FFC93C;
    /* background: linear-gradient(135deg, #f9556d, #ff7b00); */
}


.bg-secondary { background: #111 !important; }
.navbar-collapse { justify-content: flex-end; }
@media (max-width: 991px) {
  .navbar-collapse {
    background: black;
  }
}

@media (min-width: 992px) {
  .navbar-collapse {
    background: none !important;
  }
}
.navbar-expand-lg .navbar-nav .nav-link {border-radius: 20px; margin: 0 10px; color: #fff ; font-size: 14px; font-weight: 600; } 
.navbar-dark .navbar-nav a:hover { color: #fff; }
.dropdown-menu { border: none; border-radius: 0; background: #111 !important; color: #fff; }
.dropdown-item { color: #fff !important;  padding: 1rem 1.5rem !important; }

/* main css */

.header { margin: 1rem 0 2.5rem 0;}
.header .mt-80 { margin-top: 80px;}
.header .icon_wrap svg { width: 65px;}
.header .icon_wrap .st0 { fill: #111;}
.txt_contact { color: #989898;}
.contact_no { color: #111; font-size: 36px; font-weight: 500;}
.slider_section { position: relative;}
.overlay { width: 100%; height: 100%;  background: rgba(0, 0, 0, 0.8); left: 0; top: 0; bottom: 0; right: 0; z-index: 11; position: absolute;}
.slider_section .slick-prev { left: 30px !important; z-index: 111; width: 80px; height: 80px; border: 1px solid #fff; border-radius: 50%; webkit-transition: all 0.7s ease-in-out;
                              -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out }
.slider_section .slick-next { right: 30px !important; z-index: 111; width: 80px; height: 80px; border: 1px solid #fff; border-radius: 50%; webkit-transition: all 0.7s ease-in-out;
                              -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out}
.slick-prev:before, .slick-next:before { font-size: 40px !important; opacity: 1 !important;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: #ff7300 !important; border-color: #ff7300;
                                                                             webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;
                                                                            -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
.slider_section .slick-list { max-height: 100vh;}
.calculator { position: absolute; bottom: 10%; left: 20%; background: #111; padding: 2rem;}
.calculator h4 { color: #fff; margin-bottom: 1rem; text-transform: uppercase; font-weight: 300;}
.form-control, select { height: 60px !important; border-radius: 0;}
.btn-primary {
  color: #fff;
  background: linear-gradient(135deg, #f9556d, #ff7b00);
  border: none;
}

.btn-primary:hover {
  color: #fff;
  background: linear-gradient(135deg, #ff7b00, #f9556d);
}
.btn { font-size: 24px; border-radius: 0; padding: 10px 32px;}
.transition {  webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
/*.menu_wrp { position: absolute;  width: 100%;  top: 2rem;  left: 0; }*/
.navbar {
  background: #ff9d9d0d;
  /* Default transparent */
  position: fixed;
  width: 100%;
  z-index: 1111111;
  transition: background 0.3s ease-in-out;
}

/* If background matches gradient, make it transparent */
.navbar.transparent-bg {
  background: #ff9d9d0d !important;
}

/* Otherwise, apply the fallback gradient */
.navbar.fallback-gradient {
 background: black}
.header_section {  padding: 10rem 0 3rem 0; background-color: #1e3354;}
.header_section h2 {color: #fff;  font-size: 3.5rem;  font-weight: 700; line-height: 100px;}
.header_section p {color: #fff;  font-size: 20px;  line-height: 32px; letter-spacing: 2px;}
.title_wrap{ text-align: center;    margin: 1rem 0; color: #0d328d;}
.service_blog {padding: 2rem 2rem 6rem 2rem;  position: relative;  margin-bottom: 2rem; text-align: center; color: #0d328d;}
.service_blog img{ height: 175px; }
.service_blog h4{position: absolute; bottom: 0;  text-align: center; width: 100%; background: rgb(0 0 0 / 0.35);  left: 0;  margin-bottom: 0;  padding: 1rem;  color: #fff;}
.pink_box{ background: rgba(255, 255, 255, 0.05);}
.orange_box {background:rgba(255, 255, 255, 0.05)}
.skyblue_box {background: rgba(255, 255, 255, 0.05);}
.purple_box {background: rgba(255, 255, 255, 0.05);}
.green_box {background: rgba(255, 255, 255, 0.05)}
.blue_box {background: rgba(255, 255, 255, 0.05);}
.social_panel{position: absolute; top: 35%; left: 1.5%; z-index: 111111;}
.social_panel .icon{ width: 0px; height: 50px; display: block;   text-align: center; line-height: 60px; margin-bottom: 1rem; border-radius: 50%;}
.social_panel .icon:hover {background: #fff;}
.social_panel .icon:hover svg .st0{ fill: #0d328d; }
.social_panel .icon svg {width: 25px;}
.social_panel .icon svg .st0{ fill: #fff; }
.focus_on .icon svg {width: 50px;}
.focus_on { background: #fff; padding:6rem 3rem; }
.focus_on p { margin-top: 0; margin-bottom: 1rem; font-size: 18px;  color: #999;  margin-bottom: 0;  letter-spacing: 1px;}
.focus_on h4{margin: 1rem 0;  font-weight: 600;}
.our_service{background: #f7f9fb; padding:2rem 0 7rem 0;}
.testimonial { padding: 2rem 0 7rem 0; }
/*.testimonial h2 {  font-size: 4rem;  font-weight: 700;  margin-top: 1rem; line-height: 75px;}*/
.testimonial .test_txt{ font-size: 1.25rem; color: #0d328d;}
.box_wrap{ text-align: center; }
.box_wrap img{ width: 130px; margin: auto; height: 130px; object-fit: cover; object-position: top; border-radius: 50%; margin-bottom: 1rem; }
.box_wrap p{  margin-top: 5px; margin-bottom: 0; color: #989898; }
.slick-dots li button:before {    font-size: 50px !important;}
.slick-dots {bottom: -50px !important;}
.slick-slide { margin: 0 20px;}
img{animation-duration: 5s;  animation-iteration-count: infinite;}
.detail_wrap {position: absolute; bottom: 0%; background: rgba(0,0,0,0.8); width: 100%; padding: 1rem; color: #fff; opacity: 0;}
.work_blog:hover .detail_wrap {opacity: 1;}
.detail_wrap a{color: #fff; border: 1px solid #fff; display: inline-block; padding: 7px 20px; margin-top: 10px;}
.detail_wrap a:hover{text-decoration: none; background: #fff; color: #111;}
.work_blog { position: relative;  border: 15px solid #fff;}
.bounce-2 { animation-name: bounce-2; animation-timing-function: ease; }

@keyframes bounce-2 {

        0%   { transform: translateY(0); }
        50%  { transform: translateY(-35px); }
        100% { transform: translateY(0); }

}
.dropdown-item:focus, .dropdown-item:hover {
    color: #16181B;
    text-decoration: none;
    background-color: linear-gradient(135deg, #ff7b00, #f9556d) !important;
}
.our_portfolio .nav-pills .nav-link {
    border-radius: .25rem;
}
.our_portfolio .nav-link {
    display: block;
    padding: .75rem 2rem;
    background: #ededed;
    margin: 0 10px;
    color: #0d328d;
}
.our_portfolio .nav-pills .nav-link.active, .our_portfolio .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0d328d;
}

.our_team {  background: #f7f9fb; padding:11rem 0 10rem 0; }
.our_team .img_wrap{width: 220px; height: 220px; background: #fff;  display: block;  /*padding: 1rem;*/ border-radius: 50%; overflow: hidden; margin: auto; position: relative;  line-height: 220px;}
.our_team .img_wrap img{border-radius: 50%; border: 4px solid #0d328d; width: 190px; height: 190px; object-fit: cover; }
.team_blog {position: relative;  text-align: center; margin-bottom: 4rem;}
.team_blog:hover .round_wrap{background: #f9556d}
.team_blog:hover .img_wrap img{border-color:  #f9556d}
.team_blog .round_wrap{width: 100px; height: 100px;  border-radius: 50%;  background: #0d328d;  position: absolute;  z-index: 0;  right: 5px;  top: -15px;}
.text_primary{color: #f9556d;}
.text_secondary{color: #0d328d;}
footer{background: #1e3354; padding: 3rem 0 7rem 0; position: relative;}
.social_icon .icon svg {  width: 25px; }
.social_icon .icon svg .st0 {   fill: #fff; }
.social_icon .icon {  width: 50px;  height: 50px;  display: block;    text-align: center;  line-height: 60px;   border-radius: 50%; }
footer h4 {color: #fff;  margin-bottom: 1rem;}
footer ul {list-style: none;  padding-left: 0px;  color: #fff; margin-bottom: 0;}
footer ul li { margin-bottom: 1rem;  }
.heading_wrap{font-size: 40px;  font-weight: 700;  color: #fff;  text-transform: uppercase;  letter-spacing: 3px; margin-bottom: 2rem;}
.heading_wrap span{background: #ffff;   color: #0d328d;  padding: 0 20px;}
.sub_heading{color: #fff;  font-size: 20px;  line-height: 30px; font-weight: 400;   letter-spacing: 1.5px;}
.img_wrap {position: relative;}
.img_wrap .about_img {position: relative; z-index: 11;}
.pattern_img{ position: absolute;  right: -60px;  z-index: 0;  bottom: -60px; width: 275px;}
.about_us {background: #f7f9fb; padding: 3rem 0; position: relative; overflow: hidden;}
.about_us ul{ list-style: none; padding-left: 100px; margin-bottom: 0;}
.about_us ul li {
  font-size: 16px;
  margin-bottom: 2rem;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 2px;
  color: #1e3354;
  position: relative;
} 
.about_us ul li:last-child{margin-bottom: 0;}
.about_us ul li svg{width: 32px; position: absolute;  left: -50px;  top: -10px;}
.about_us ul li .st0{fill: #0d328d;}
.about_us .dots_1 {position: absolute;  top: 0;   left: -100px; }
.about_us .dots_2 {position: absolute;  bottom: -130px;   right: 00px; }
.why_us {position: relative;}
.why_us .card-header {padding: 0; background: #fff; border: none;}
.why_us .card {border: none; margin-bottom: 1rem;}
.why_us .btn {text-align: left; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.why_us .btn-link:hover { color: #0d328d;  text-decoration: none;  background-color: transparent;  border-color: transparent; }
.why_us .btn-link { color: #0d328d; text-decoration: none;  background-color: transparent;  border-color: transparent;}
.why_us .btn {font-size: 14px;}
.why_us .title_wrap {text-align: left; font-size: 40px;}
.why_us img{height: -webkit-fill-available; object-fit: cover;}
.why_us span{font-size: 18px; font-weight: 600;  color: #111;  margin-bottom: 1rem;  display: block; text-align: justify;}
.why_us p{ color: #989898;font-size: 14px;}
.why_us ul li{ color: #989898; margin-bottom: 10px; font-size: 14px;}
#accordion, #accordion1 {margin-top: 1rem;}
.header_section.portfolio_page, .header_section.contact_us { background-image: url(../img/Digital-Transformation.jpg),url(../img/Digital-Transformation.jpg); background-repeat: no-repeat, no-repeat;
                                                             background-position: right, left;}
.our_portfolio {  background: #f7f9fb;  padding: 3rem 0;}
.our_portfolio .work_blog {margin-bottom: 2rem;}
.contact_us {padding: 10rem 0 10rem 0;}
.contact_us .fa {font-size: 20px; margin-right: 1rem;}
.contact_us h4{ color: #0d328d;}
.footer_info {text-align: center;}
.footer_info p, .footer_info a {color: #fff;}
.footer_info i {font-size: 50px; display: block; color: #fff; margin-bottom: 2rem;}
.copy_right {position: absolute;  bottom: 0;  width: 100%;  left: 0;  padding: 16px 3rem; background: #1e3354}
.copy_right p{ font-size: 13px;}
.our_technology {margin: 7rem 0;}
.our_technology .nav-link svg {width: 50px; display: block; margin: auto; margin-bottom: 1rem;}
.our_technology .nav-link svg .st0{ fill: #0d328d; }
.our_technology .nav-pills .nav-link.active .st0 {fill: #fff;}
.our_technology .nav-link {  display: block;  padding: 2.5rem 1rem;  background: #f5f5f5;  margin-bottom: 2rem; text-align: center; font-size: 24px; color: #0d328d;}
.our_technology .nav-pills .nav-link.active, .our_technology .nav-pills .show>.nav-link {  color: #fff; background-color: #0d328d; }
.thumb-info {display: block; background: #ffffff;  text-align: center;  min-height: 180px; line-height: 180px;  margin-bottom: 2rem;  border: 1px solid #ededed;}
.thumb-info:hover { border: 1px solid #0d328d;}
.dropdown-menu {right: 10px !important; left: inherit !important;}
.navbar-dark .navbar-nav a:hover {  color:black !important;  background: #FFC93C;}
.feature_blog{background: #fff;  padding: 2rem;  box-shadow: 0 0 10px rgba(0,0,0,0.1);  margin-bottom: 2rem;  min-height: 270px; border-radius: 22px;     border-top: 5px solid #0d328d;}
.feature_blog p{margin-bottom: 0;}
.feature_wrap h4{font-size: 2rem;  line-height: 50px; text-align:justify ;}
.feature_wrap svg{width: 50px; margin-bottom: 1rem;}
.plan_blog {background: #fff;  border-radius: 1rem;  box-shadow: 0 0 10px rgba(0,0,0,0.1);  padding: 1.5rem;  position: relative;  padding-top: 6rem; margin-bottom: 5rem;}
.plan_blog h4 {text-align: center;  color: #fff;  padding: 1rem;  border-top-left-radius: 15px;  border-top-right-radius: 15px;  position: absolute;  width: 100%;  left: 0;  top: 0; 
               font-weight: 300;  font-size: 32px;}
.bg_red {background: red;}
.bg_sky_blue {background: #01c0a1;}               
.bg_blue {background: #2268fe;}
.bg_orange {background: #ff6515;}
.plan_blog h4:after { content: "";  position: absolute; width: 20px; height: 15px; background: #f00; clip-path: polygon(0 0%, 50% 100%, 100% 0); top: 70px; left: 47%; }               
.plan_blog h4.bg_red:after { background: red; }               
.plan_blog h4.bg_sky_blue:after { background: #01c0a1; }               
.plan_blog h4.bg_blue:after {  background:#2268fe; }               
.plan_blog h4.bg_orange:after {  background: #ff6515;}               
.pricing_plan {background: #f7f9fb;  padding-bottom: 5rem; margin: 7rem 0 0 0;}
.plan_blog ul {list-style: circle; padding-left: 22px; margin: 50px 0;      min-height: 450px;}
.pricing_plan.zoho_wrap .plan_blog ul{min-height: 150px;}
.pricing_plan.ups .plan_blog ul{min-height: 150px;}
.pricing_plan.ship .plan_blog ul{min-height: 180px;}
.plan_blog ul li {font-size: 20px;  margin-bottom: 1rem;}
.price_wrap {color: red;  font-size: 24px;  border-top: 1px solid;  display: block; padding-top: 20px;}
.text_sky_blue {color: #01c0a1;}
.text_blue {color: #2268fe;}
.text_orange {color: #ff6515;}
.title_why {margin-bottom: 3rem; color: #0d328d;}
.feature_wrap ul li h5 {color: #0d328d;}
.feature_wrap ul li p {  color: #989898;  letter-spacing: 2px; line-height: 32px;text-align: justify;}
.app_development { background: #f7f9fb;  padding: 3rem 0;  position: relative;  overflow: hidden; }
.dots_2{position: absolute;  right: -53px;  bottom: -50px;}
.dots_1{position: absolute;  top: -50px; left: -100px;}
.app_development ul{ list-style: none; padding-left: 100px; margin-bottom: 0;}
.app_development ul li{font-size: 20px; margin-bottom: 2rem; font-weight: 600; line-height: 36px; letter-spacing: 2px; color: #0d328d; position: relative; text-align: justify;}
.app_development ul li:last-child{margin-bottom: 0;}
.app_development ul li svg{width: 32px; position: absolute;  left: -50px;  top: -25px;}
.app_development ul li .st0{fill: #0d328d;}
.static_website { background: #f7f9fb;  padding: 3rem 0;  position: relative;  overflow: hidden; }
.static_website .text_primary, .app_development .text_primary {margin: 3rem 0;}
.dots_2{position: absolute;  right: -53px;  bottom: -50px;}
.dots_1{position: absolute;  top: -50px; left: -100px;}
.static_website ul{ list-style: none; padding-left: 100px; margin-bottom: 0;}
.static_website ul li{font-size: 20px; margin-bottom: 2rem; font-weight: 600; line-height: 36px; letter-spacing: 2px; color: #0d328d; position: relative; text-align: justify;}
.static_website ul li:last-child{margin-bottom: 0;}
.static_website ul li svg{width: 32px; position: absolute;  left: -50px;  top: -25px;}
.static_website ul li .st0{fill: #0d328d;}
.hosting_domain {padding: 3rem 0 0 0; position: relative; overflow: hidden;}
.hosting_domain ul{ list-style: none; padding-left: 100px; margin-bottom: 0;}
.hosting_domain ul li{font-size: 20px; margin-bottom: 2rem; font-weight: 600; line-height: 36px; letter-spacing: 2px; color: #0d328d; position: relative; text-align: justify;}
.hosting_domain ul{ list-style: none; padding-left: 100px; margin-bottom: 0;text-align: justify;}
.hosting_domain ul li svg{width: 32px; position: absolute;  left: -50px;  top: -25px;}
.hosting_domain ul li .st0{fill: #0d328d;}
.hosting_img {position: absolute;   width: 50%;   right: -100px;  top: 25%;}
.center_line {border: 1px solid #f7f7f7;  margin-top: 7rem;}
.domain_img {position: absolute; width: 50%; left: -50px; top: 0%;}
.seo_wrap {padding: 3rem 0 ;}
.seo_wrap ul{ list-style: none; padding-left: 100px; margin-bottom: 0;}
.seo_wrap ul li{font-size: 20px; margin-top: 1rem; font-weight: 600; line-height: 36px; letter-spacing: 2px; color: #0d328d; position: relative;}
.seo_wrap ul{ list-style: none; padding-left: 50px; margin-bottom: 0;}
.seo_wrap ul li svg{width: 32px; position: absolute;  left: -50px;  top: -25px;}
.seo_wrap ul li .st0{fill: #0d328d;}
.api_integration { background: #f7f9fb; padding: 3rem 0;  position: relative; overflow: hidden; }
.api_integration .dots_1 { position: absolute; top: -60px; left: -160px;}
.api_integration .dots_2 {  position: absolute;  bottom: -130px;  right: 00px;}
.api_integration ul li {font-size: 22px;  color: #0d328d;}
.api_integration h5 {margin: 2rem 0;}
.partner_wrap { background: #f7f9fb; padding: 7rem 0;  position: relative; overflow: hidden; }
.partner_wrap .dots_1 { position: absolute; top: -60px; left: -160px;}
.partner_wrap .dots_2 {  position: absolute;  bottom: -130px;  right: 00px;}
.partner_wrap ul li {font-size: 22px;  color: #0d328d;}
.partner_wrap h5 {margin: 2rem 0;}
.menu_wrp img {width: 200px;}
.our_work {background: #f7f9fb;  padding-bottom: 7rem; }
.about_management { padding: 10rem 0; background: #f7f9fb; }
.about_management .sub_heading, .about_management .heading_wrap {color: #0d328d; }
.about_management .heading_wrap span {  background: #0d328d;  color: #fff; }


@media all and (max-width: 767px) {
   
   .header_section {padding: 7rem 0 3rem 0; background-color: #1e3354;}
   .header_section h2 { font-size: 2rem;  line-height: 46px; }
   .header_section img {margin-top: 4rem; }
   .header_section .social_panel {  position: absolute;  top: 15%;  left: 80%;  right: 0;}
   .focus_on { padding: 3rem 0; }
   .focus_on .icon svg { margin-top: 2rem; }
   .title_wrap { font-size: 1.65rem; margin: 2rem 0; text-align: left;}
   .feature_wrap h4 {  font-size: 1rem;  line-height: 25px;  margin-bottom: 2rem; }
   .pricing_plan { margin: 1rem 0 0 0; padding-bottom: 2rem;}
   .testimonial { padding: 2rem 0;}
   .testimonial h2 {  font-size: 2rem;  line-height: 40px; }
   .box_wrap .d-flex {display: block !important; }
   .box_wrap {  padding: 2rem; }
   .name_position {text-align: center;  margin-top: 1rem; }
   .slick-slide img { margin: auto; }
   .testimonial .test_txt {  font-size: 16px; }
   .slick-dots {  bottom: -30px !important; }
   .our_team { margin: 5rem 0 0 0; padding: 2rem 0 4rem 0; }
   .offset-lg-1 img {display: none;}
   .team_blog .round_wrap { right: 50px; }
   .team_blog { margin-top: 3rem; }   
   .sub_heading {  font-size: 14px;  line-height: 30px; }
   .heading_wrap {margin-bottom: 1rem;  font-size: 18px;}
   .pattern_img  {display: none;}
   .header_section .about_img {  margin-top: 1rem;}
   .about_us .dots_2, .about_us .dots_1 {display: none;}
   .about_us { padding: 3rem 0; }
   .about_us ul li {  font-size: 16px; margin-bottom: 2rem; line-height: 26px; letter-spacing: 1px; }
   .about_us ul {  padding-left: 36px; }
   .about_us ul li svg { width: 22px; left: -35px;  top: -10px;}
   .col-lg-6.pr-5.pl-4 {padding: inherit !important;}
   .why_us img { height: auto;}
   .col-lg-6.pr-4.pl-5{padding: 0 !important;}
   .why_us .btn {  font-size: 16px;  padding: 10px 20px; }
   .copy_right {padding: 1rem;}
   .our_portfolio {  margin: 3rem 0; }
   .our_technology .flex-column {    flex-direction: row!important; }
   .our_technology .nav-link svg {display: none;}
   .our_technology .nav-link { padding: 10px; font-size: 14px;  margin: 5px; }
   .our_technology {  margin: 1rem 0; }
   .dots_1, .dots_2 {display: none;}
   .static_website {  padding: 2rem 0; }
   .static_website ul li { font-size: 16px; margin-bottom: 1rem; line-height: 30px;  letter-spacing: 1px; margin-top: 1rem;}
   .static_website ul {padding-left: 0;}
   .app_development {    padding: 2rem 0; }
     .app_development  img {margin-bottom: 2rem;}
     .menu_wrp ul {list-style: none !important; padding-left: 0 !important;}
      ul {padding-left: 20px !important; list-style: circle !important;}
      ul li {  font-size: 16px !important;      line-height: 30px !important;  letter-spacing: 1px !important; margin-bottom: 1rem !important;}
      .hosting_domain {  padding: 2rem 0 0 0; }
      ul li svg{ display: none !important;}
      .hosting_domain h2 {margin-bottom: 1rem !important; margin-top: 2rem !important;}
      .hosting_domain {padding:  0;}
      .hosting_img, .domain_img {position: inherit;  width: 100%; }
      .center_line { margin-top: 2rem;  margin-bottom: 1rem; }
      .menu_wrp ul li {margin-bottom: 0 !important; margin-top: 0rem !important;}
      .seo_wrap {  padding: 1rem 0; }
      .api_integration { padding: 2rem 0; }
      .heading_wrap span {  padding: 0 7px;}
      .partner_wrap { padding: 2rem 0; }
      .plan_blog ul { min-height: auto; }
      .plan_blog { margin-bottom: 2rem; }

}

@media (min-width: 768px) and (max-width: 1023px){

.feature_wrap h4 {  font-size: 1.2rem;  line-height: 30px;  text-align: center;  margin-bottom: 3rem; }
.pricing_plan {margin: 3rem 0 0 0;}
  .focus_on .icon svg { margin-top: 2rem;}
  .contact_us {  padding: 2rem 0 0rem 0;}
  .header_section { padding: 7rem 0 3rem 0; }
  .about_us {  padding: 3rem 0;}
  .col-lg-6.pr-5.pl-4, .col-lg-6.pr-4.pl-5 {padding: 0 !important;}
  .sub_heading {  font-size: 18px;  line-height: 40px;}
  .header_section h2 {  font-size: 3.5rem; line-height: 80px; }
  .social_panel { top: 18%; left: 91.5%;}
  .header_section img {margin-top: 2rem; }
  .header_section .pattern_img {display: none;}
  .testimonial {  padding: 2rem 0; }
  .offset-lg-1 img {display: none;}
  .slick-dots {  bottom: -35px !important; }
  .title_wrap { font-size: 40px;     margin-bottom: 1rem;}
  .our_team { padding: 5rem 0 7rem 0; }
  .team_blog { margin-top: 4rem; }
  .why_us img {height: auto;}
  .heading_wrap {  font-size: 40px; }
  .our_portfolio {  margin: 3rem 0; }
  .dots_1, .dots_2 {display: none;}
  .static_website { padding: 3rem 0; }
   ul li {margin-bottom: 0 !important; margin-top: 2rem !important;}
  ul { padding-left: 60px !important; }
  .menu_wrp ul { padding-left: 0px !important; }
  .menu_wrp ul li {margin-bottom: 0 !important; margin-top: 0rem !important;}
  .header_section.portfolio_page, .header_section.contact_us {  background-image: url(../img/Digital-Transformation.jpg);}
  .app_development {  padding: 3rem 0; }
  .app_development  img {margin-bottom: 2rem;}
  .hosting_img, .domain_img {position: inherit;  width: 70%; }
  .center_line { margin-top: 2rem;  margin-bottom: 1rem; }
  .hosting_domain h2 {margin-bottom: 1rem !important; margin-top: 2rem !important;}
  .hosting_domain {padding:  0;}
  .seo_wrap {  padding: 3rem 0;}
  .api_integration {  padding: 3rem 0; }
  .api_integration h5 {  margin: 1rem 0; }
  .api_integration ul li {margin: 0 !important;}
  .partner_wrap { padding: 3rem 0; }
  .partner_wrap ul {padding-left: 30px !important;}
  .partner_wrap ul li {   margin: 0 !important; }
  

}
 ul li{
  font-size: 16px !important;
    /* margin-bottom: 2rem !important; */
    font-weight: 600;
    line-height: 30px !important;
    letter-spacing: 2px;
    color: #1e3354 !important;
    position: relative;
    text-align:unset !important;
 }
div.justify{
  text-align: justify;
}