@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');


* {margin:0; padding:0;box-sizing: border-box;font-family: 'Montserrat', sans-serif; font-size:100%;}
ul, li, ol {list-style: none; margin:0; padding:0}
a, a:hover, a:active, a:visited {text-decoration: none; outline: none;}
img {max-width: 100%; width: 100%;}
.mt-80 {margin-top:80px;}
.mt-40 {margin-top:40px;}
.t-wt {color:#fff;}
.mlft {margin-left:15%}
.hamburder {display:none; color:#fff;}
.main_wrapper {overflow: hidden;}
/* top header open */
.top_head { background: #282828; padding:5px 40px; width:100%; display: flex; justify-content: space-between;}
.l_head ul, .r_head ul  {display: flex;}
.l_head ul li, .r_head ul li {margin:0 10px;}
.l_head ul li a, .r_head ul li a {color:#fff; font-size: 14px;}
/* top header close */

/* main header start */
.navbar_holder {display: flex; background:#003293; padding:0px 40px; justify-content: space-between;}
.logo img { width:170px; padding:10px 0; }
.main_nav > ul {display: flex;}
.main_nav ul li {margin:5px 10px;}
.main_nav ul li a {color:#fff; font-weight: 500; font-size:14px; text-transform: uppercase; display:block; padding:15px 0 10px}
.main_nav ul li a:hover {border-bottom:2px solid #ff9933;}
.web_drop {display:none; position:absolute; background:#282828;padding:10px 20px; width:200px;left:-100px;}
.web_drop a {display:block; padding:10px 0;}
.main_drop {position:relative;}
.main_drop:hover .web_drop {display:block;}
.main_nav .web_drop li, .main_nav .web_drop li a {margin:0px !important; padding:3px;}
/* End main header */
/* about us */
.who_holder {padding:40px;background: #f1f1f1;}
.left_who {width:50%;}
.who_img {width:auto;margin: auto;}
.principal_holder{padding: 40px;}
.left_principal{width: 30%;}
.princ_cnt{width: 60%;}
.sub_principal{width: 90%;margin:20px auto; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.inner_principal{padding: 20px 40px; margin: auto;border-left: 10px solid #2590e4;background: white;}
.cnt_inner_principal{padding: 10px;font-size: 14px;}
.inner_principal h4{position: relative;}
.inner_principal h4::before{content: ''; position: absolute;    left: -62px;
  top: -4px;width: 35px;height: 35px;background-color: #282828;
border-radius: 50px;border: 10px solid #2590e4;}
.bg-p{background: #f1f1f1;}
.about_holder {padding:40px;}
.left_abt {width:80%;}
.abt_btn {width:auto;}
.abt_btn a {background:rgb(0,54,153);    background: linear-gradient(90deg, rgba(0,54,153,1) 0%, rgba(0,54,153,1) 29%, rgba(10,110,234,1) 100%); display: block; padding:10px 20px; color:#fff; font-weight:600; border-radius:80px;}
.abt_btn a:hover {background:rgb(10,110,234);    background: linear-gradient(90deg, rgba(10,110,234,1) 0%, rgba(10,110,234,1) 29%, rgba(0,54,153,1) 100%);}
.productHolder {background:rgb(71,86,165);    background: linear-gradient(90deg, rgba(71,86,165,1) 0%, rgba(71,86,165,1) 29%, rgba(34,145,230,1) 100%); padding:40px 0;}

.page-home {background-image: url("../images/pro_banner.png");background-repeat: no-repeat; background-size: cover;}

.main_title {font-weight:800; font-size:28px; line-height: 42px; position:relative; text-transform: uppercase; margin-bottom:20px;}
.main_title:after {content:''; width:150px; border:2px solid #ff9933; position:absolute; bottom:-10px; left:40px;}
.hexagon-item {
    cursor: pointer;
    width: 200px;
    height: 173.20508px;
    float: left;
    margin-left: -29px;
    z-index: 0;
    position: relative;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg); }
    .hexagon-item:first-child {
      margin-left: 0; }
    .hexagon-item:hover {
      z-index: 1; }
      .hexagon-item:hover .hex-item:last-child {
        opacity: 1;
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3); }
      .hexagon-item:hover .hex-item:first-child {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2); }
        .hexagon-item:hover .hex-item:first-child div:before,
        .hexagon-item:hover .hex-item:first-child div:after {
          height: 5px; }
      .hexagon-item:hover .hex-item div::before,
      .hexagon-item:hover .hex-item div::after {
        background-color: #fff; }
      .hexagon-item:hover .hex-content svg {
        -webkit-transform: scale(0.97);
        -moz-transform: scale(0.97);
        -ms-transform: scale(0.97);
        -o-transform: scale(0.97);
        transform: scale(0.97); }
  
  .page-home .hexagon-item:nth-last-child(1),
  .page-home .hexagon-item:nth-last-child(2),
  .page-home .hexagon-item:nth-last-child(3) {
    -webkit-transform: rotate(30deg) translate(87px, -80px);
    -moz-transform: rotate(30deg) translate(87px, -80px);
    -ms-transform: rotate(30deg) translate(87px, -80px);
    -o-transform: rotate(30deg) translate(87px, -80px);
    transform: rotate(30deg) translate(87px, -80px); }
  
  .hex-item {
    position: absolute;
    top: 0;
    left: 50px;
    width: 100px;
    height: 173.20508px; }
    .hex-item:first-child {
      z-index: 0;
      -webkit-transform: scale(0.9);
      -moz-transform: scale(0.9);
      -ms-transform: scale(0.9);
      -o-transform: scale(0.9);
      transform: scale(0.9);
      -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
      transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .hex-item:last-child {
      transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
      z-index: 1; }
    .hex-item div {
      box-sizing: border-box;
      position: absolute;
      top: 0;
      width: 100px;
      height: 173.20508px;
      -webkit-transform-origin: center center;
      -moz-transform-origin: center center;
      -ms-transform-origin: center center;
      -o-transform-origin: center center;
      transform-origin: center center; }
      .hex-item div::before, .hex-item div::after {
        background-color: #1e2530;
        content: "";
        position: absolute;
        width: 100%;
        height: 3px;
        -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }
      .hex-item div:before {
        top: 0; }
      .hex-item div:after {
        bottom: 0; }
      .hex-item div:nth-child(1) {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg); }
      .hex-item div:nth-child(2) {
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg); }
      .hex-item div:nth-child(3) {
        -webkit-transform: rotate(120deg);
        -moz-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
        -o-transform: rotate(120deg);
        transform: rotate(120deg); }
  
  .hex-content {
    color: #fff;
    display: block;
    height: 180px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    transform: rotate(-30deg);
    width: 156px; }
    .hex-content .hex-content-inner {
      left: 50%;
      margin: -3px 0 0 2px;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .hex-content .icon {
      display: block;
      font-size: 36px;
      line-height: 30px;
      margin-bottom: 11px; }
    .hex-content .title {
      display: block;
      font-family: "Open Sans", sans-serif;
      font-size: 14px;
      letter-spacing: 1px;
      line-height: 24px;
      text-transform: uppercase; }
    .hex-content svg {
      left: -7px;
      position: absolute;
      top: -13px;
      transform: scale(0.87);
      z-index: -1;
      -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
      -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
      -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
      transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }
    .hex-content:hover {
      color: #fff; }
  
  .page-home .hexagon-item:nth-last-child(1), .page-home .hexagon-item:nth-last-child(2), .page-home .hexagon-item:nth-last-child(3) {
      -webkit-transform: rotate(30deg) translate(87px, -80px);
      -moz-transform: rotate(30deg) translate(87px, -80px);
      -ms-transform: rotate(30deg) translate(87px, -80px);
      -o-transform: rotate(30deg) translate(87px, -80px);
      transform: rotate(30deg) translate(87px, -80px);
  }
  
  .hexagon-item:first-child {
      margin-left: 0;
  }
  
  .pt-table.desktop-768 .pt-tablecell {
      padding-bottom: 110px;
      padding-top: 60px;
  }
  
  
  
  .hexagon-item:hover .icon i
  {
    color:#ff0037;
    transition:0.6s;
    
  }
  
  
  .hexagon-item:hover .title
  {
    -webkit-animation: focus-in-contract 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
              animation: focus-in-contract 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  }
  /***************************/
  
  @-webkit-keyframes focus-in-contract {
    0% {
      letter-spacing: 1em;
      -webkit-filter: blur(12px);
              filter: blur(12px);
      opacity: 0;
    }
    100% {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
  }
  @keyframes focus-in-contract {
    0% {
      letter-spacing: 1em;
      -webkit-filter: blur(12px);
              filter: blur(12px);
      opacity: 0;
    }
    100% {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
  }
  
  
  
  
  
  @media only screen and (max-width: 767px)
  {
  .hexagon-item {
      float: none;
      margin: 0 auto 50px;
  }
    .hexagon-item:first-child {
      margin-left: auto;
  }
    
    .page-home .hexagon-item:nth-last-child(1), .page-home .hexagon-item:nth-last-child(2), .page-home .hexagon-item:nth-last-child(3) {
      -webkit-transform: rotate(30deg) translate(0px, 0px);
      -moz-transform: rotate(30deg) translate(0px, 0px);
      -ms-transform: rotate(30deg) translate(0px, 0px);
      -o-transform: rotate(30deg) translate(0px, 0px);
      transform: rotate(30deg) translate(0px, 0px);
  }
    
  }
.icon img {width: 60px; padding: 5px; border: 5px solid #fff; border-radius: 50%;}
.hexagon-item:hover .icon img {border: 5px solid #0a6ce7;}
@media (max-width: 991px) {
    .tab-content>.tab-pane {
      display: block;
      opacity: 1;
    }
  }
  /* free Consultaion Holder */
  .consultaionHolder {background:rgb(71,86,165);    background: linear-gradient(90deg, rgba(71,86,165,1) 0%, rgba(71,86,165,1) 29%, rgba(34,145,230,1) 100%); padding:80px 0; text-align: center;position: relative;}
.consult_wrap {position:relative;}
.consult_wrap:before {position:absolute; bottom:-25px; left:15%; content:''; background:url("../images/left_graphics.png") no-repeat;width:140px; height:100px;}
.consult_wrap:after {position:absolute; top:8px; right:11%; content:''; background:url("../images/right_graphic.png") no-repeat;width:140px; height:100px;}
  .consult_wrap h2 {text-transform: uppercase; font-size:28px; font-weight:700;}
  .consult_wrap h3 { font-weight: 300; color:#99d3ff;}
  .free_const {margin-top:40px;}
  .free_const a {padding:10px 80px; color:#fff; border-radius:80px; border:4px solid #fff; display:inline-block;box-shadow: 0 3px 2px 2px #333, 0 3px 2px 2px #333 inset; text-transform: uppercase; font-weight:700;}
  /* End of Free Consultation */
  /* What we offer Start */
  .what_offer {padding:40px 0; background: #f1f1f1;}
  #myTabContent { padding:0;}
  #myTab {width:60%; margin:0 auto 20px;}
  .nav-tabs {border-bottom:1px solid #727272;}
  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color:#416dbf; background:transparent; border:0; }
  .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border:0;}
  .nav-item {width:33.33%; text-align: center;}
  .nav-item button.nav-link {margin:auto;}
  .nav-item button.nav-link:focus-visible {outline:none; border:none;}
  .nav-tabs .nav-link {border:0; color:#333; text-transform: uppercase; font-weight:600;}
  .ac_inner {display:flex; align-items: center;padding: 40px; border:1px solid #ccc; height:300px;}
  .ac_inner:hover {background:#416dbf;}
  .ac_inner h4, .ac_inner p, .ac_inner a {color:#333;}
  .ac_inner h4 {font-size:16px; text-transform: uppercase; font-weight:700;}
  .ac_inner:hover h4, .ac_inner:hover p, .ac_inner:hover a {color:#fff;}
  .ac_inner .ac_img {width:50%; margin-right:10px; }
  .ac_inner .ac_img.full_s {background: url("../images/full-stack.png") no-repeat; height: 75px;  background-size: contain;}
  .ac_inner:hover .ac_img.full_s { background: url("../images/full-stack_h.png") no-repeat;height: 75px;  background-size: contain;}

  .ac_inner .ac_img.mob_s {background: url("../images/mobile-app-development.png") no-repeat; height: 75px;  background-size: contain;}
  .ac_inner:hover .ac_img.mob_s { background: url("../images/mobile-app-development_h.png") no-repeat;height: 75px;  background-size: contain;}

  .ac_inner .ac_img.api_s {background: url("../images/api.png") no-repeat; height: 75px;  background-size: contain;}
  .ac_inner:hover .ac_img.api_s { background: url("../images/api_h.png") no-repeat;height: 75px;  background-size: contain;}

  .ac_inner .ac_img.ui-ux_s {background: url("../images/ui-ux.png") no-repeat; height: 75px;  background-size: contain;}
  .ac_inner:hover .ac_img.ui-ux_s { background: url("../images/ui-ux_h.png") no-repeat;height: 75px;  background-size: contain;}

  .ac_inner .ac_img.cc_s {background: url("../images/cc.png") no-repeat; height: 75px;  background-size: contain;}
  .ac_inner:hover .ac_img.cc_s { background: url("../images/cc_h.png") no-repeat;height: 75px;  background-size: contain;}

  .ac_inner .ac_img.new-pro_s {background: url("../images/new_pro.png") no-repeat; height: 75px;  background-size: contain;}
  .ac_inner:hover .ac_img.new-pro_s { background: url("../images/new_pro_h.png") no-repeat;height: 75px;  background-size: contain;}

 




  .accordion-item {border-radius:20px !important; overflow:hidden;}
  .accordion-body {padding:0;}
  /* End of What we offer */

/*testimonial*/
/*.shadow-effect {
		    background: #fff;
		    padding: 20px;
		    border-radius: 4px;
		    text-align: center;
	border:1px solid #ECECEC;
		    box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
		}
		#testimonials-list .shadow-effect p {
		    font-family: inherit;
		    font-size: 17px;
		    line-height: 1.5;
		    margin: 0 0 17px 0;
		    font-weight: 300;
		}
		.testimonial-name {
		    margin: -17px auto 0;
		    display: table;
		    width: auto;
		    background: #3190E7;
		    padding: 9px 35px;
		    border-radius: 12px;
		    text-align: center;
		    color: #fff;
		    box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
		}
		#testimonials-list .item {
		    text-align: center;
		    padding: 50px;
				margin-bottom:80px;
		    opacity: .2;
		    -webkit-transform: scale3d(0.8, 0.8, 1);
		    transform: scale3d(0.8, 0.8, 1);
		    transition: all 0.3s ease-in-out;
		}
		#testimonials-list .owl-item.active.center .item {
		    opacity: 1;
		    -webkit-transform: scale3d(1.0, 1.0, 1);
		    transform: scale3d(1.0, 1.0, 1);
		}
		.owl-carousel .owl-item img {
		    -webkit-transform-style: preserve-3d;
		            transform-style: preserve-3d;
			max-width: 90px;
			border-radius: 50%;
    		margin: 0 auto 17px;
		}
		#testimonials-list.owl-carousel .owl-dots .owl-dot.active span,
#testimonials-list.owl-carousel .owl-dots .owl-dot:hover span {
		    background: #3190E7;
		    -webkit-transform: translate3d(0px, -50%, 0px) scale(0.7);
		            transform: translate3d(0px, -50%, 0px) scale(0.7);
		}
#testimonials-list.owl-carousel .owl-dots{
	display: inline-block;
	width: 100%;
	text-align: center;
}
#testimonials-list.owl-carousel .owl-dots .owl-dot{
	display: inline-block;
}
		#testimonials-list.owl-carousel .owl-dots .owl-dot span {
		    background: #3190E7;
		    display: inline-block;
		    height: 20px;
		    margin: 0 2px 5px;
		    -webkit-transform: translate3d(0px, -50%, 0px) scale(0.3);
		            transform: translate3d(0px, -50%, 0px) scale(0.3);
		    -webkit-transform-origin: 50% 50% 0;
		            transform-origin: 50% 50% 0;
		    transition: all 250ms ease-out 0s;
		    width: 20px;
		}*/
/*End*/

/*footer*/

footer {
    background-color: #3c3b3b;
    padding: 3em 4em 2em;
}

    footer .logo {
        color:#fff;
        font-size: 28px;
        font-family: roboto;
    }

    footer .row {
        margin: 2em 0;
        font-family: lato;
        color: #fff;
        position: relative;
        border-bottom: 1px solid #cecece;
    }
    
    .footer-toggle {
        display: none;
    }

    .link-cat {
        cursor:pointer;
    }
    
    footer ul {
        padding:0;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;        
    }

        footer ul li {
            list-style-type: none;
            padding:0;            
            -webkit-transition: all .5s ease-in-out;            
            transition: all .5s ease-in-out;
            line-height: 2;            
        }  

        footer .footer-cat, #newsletter span {
            font-size: 20px;
        }

        .footer-cat-links a {
            color: #cecece;
            text-decoration: none;
            position: relative;
        }

        .footer-cat-links.active > li a {
            pointer-events: auto;
        }

        .footer-cat-links a:after {
            top: 21px;
            content: "";
            display: block;
            height: 2px;
            left: 50%;
            position: absolute;
            width: 0;
            background: #fff;
            
            -webkit-transition: width 0.3s ease 0s, left 0.3s ease 0s;
            transition: width 0.3s ease 0s, left 0.3s ease 0s;
        }

        .footer-cat-links a:hover:after, .footer-cat-links a:focus:after {
            width: 100%;
            left: 0;
        }

        footer #subscribe {
            margin: 20px 0px 30px;
        }

        input#subscriber-email {
            outline: none;
            padding: 8px;
            background: #212121;
            border: 1px solid #cecece;
            color: #cecece;
            border-radius: 4px 0px 0px 4px;
			width:60%;
        }

        input#subscriber-email::-webkit-input-placeholder {
            color:rgb(202, 196, 196);
        }

        input#subscriber-email:-ms-input-placeholder {
            color:#cecece;
        }

        input#subscriber-email::-ms-input-placeholder {
            color:#cecece;
        }

        input#subscriber-email::placeholder {
            color:#cecece;
        }

    .col-3 {
        display: inline-table;
        width:25%;
    }

    .col-3#newsletter {
        width:24%
    }

    .col-3#newsletter #btn-scribe {
        margin-left: -4px;
        border: 1px solid #cecece;
        border-radius: 0px 4px 4px 0;
        padding: 8px 5px;
        background-color: #e2e2e2;
        color: #212121;
        cursor: pointer;
    }

    .social-2 {
        display: none;
    }

    .social-links {
        margin-bottom:10px;
    }
    
        .social-links a {
            color: #fff;
            font-size: 20px;
            border: 1px solid;
            border-radius: 20px;
            padding: 6px;

            -webkit-transition:all .2s ease-in;
            transition:all .2s ease-in;
        }

        .social-links a:not(:last-child) {
            margin-right: 10px;
        }

        .social-links a:hover, .social-links a:focus {
            background-color: #212121;
        }

            .social-links a i {
                width: 25px;
                height: 25px;
                text-align:center;
            }

            #newsletter #address li:not(:first-child) {
                padding: 20px 0;
            }
        
                #newsletter #address li i {
                    font-size: 45px;
                    width: auto;
                    padding: 5px;
                }

                    #newsletter #address li div {
                        color: #cecece;
                        font-size: 14px;
                        width: 80%;
                        text-align: left;
                        float: right;
                        line-height: 1.3;
                    }

    #copyright {
        text-align: center;
        color:#fff;
        font-family: lato;
    }

#owner {
    text-align: center;
    padding: 20px 0 0px;
    color: #fff;
    font-family: lato;
}

    #owner a {
        color:#fff;        
    }

/* iPads to Smartphone for Common Elements ----------- */  
@media only screen and (max-width : 1024px) {    

    .col-3 {
        display: block;
        width: 100%;
        padding-bottom: 1em;
        position: relative;
    }

    .col-3#newsletter {
        width: 100%;
        position: relative;
        padding-bottom: 0;
        padding-top: 1em;
    }    
        
    footer .footer-cat {
        margin-left: 25px;
    }
     
    .footer-toggle,.footer-toggle::after {
        background: #fff;
        height: 2px;
        width: 15px;
        position: absolute;
        display: block;
        -webkit-transition:all .4s ease-in;
        transition:all .4s ease-in;
    }

    .footer-toggle {        
        top: 11px;
        cursor:pointer;
    }

    .footer-toggle::after {
        content: '';
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
    }

    .btnActive .footer-toggle::after {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }

    .footer-cat-links {
        margin: 0 0em 0px 1.6em;
    }

        .footer-cat-links a {
            pointer-events: none;
        }
    
    .footer-cat-links li {
        line-height: 0;
        opacity: 0;
    }

    .footer-cat-links.active > li{
        line-height:2;
        opacity:1;
    }

    .social-1 {
        display: none !important;
    }

    .social-2 {
        display: block;
        position: absolute;
        top: 7.5em;
        bottom: 0px;
        height:20px;
        padding-bottom: 1.5em;
        width: 100%;
    }

    #address {
        margin-top: 6em;
    }

    #newsletter #address li i {
        width: auto;
    }

    #newsletter #address li div {
        font-size: 14px;
        width: auto;
        text-align: -webkit-auto;
        float: none;
        line-height: 2;
        display: inline-block;
        padding: 10px 0 15px;
    }

    #newsletter #address li div:last-child {
        padding-bottom: 0;
    }

    #newsletter #address li:not(:first-child) {
        padding: 20px 0 0;
    }
}

/* iPads (portrait)----------- */  
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
    
    footer {
        padding-right:3em;
        padding-left:3em;
    }

    .col-3 {
        display: block;
        width: 100%;
        padding-bottom: 1em;
    }
}

/* iPads (landscape) ----------- */  
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {  
    
    section {
        padding-bottom: 3em;
    }

    .sec-heading {
        padding:1em 0;
    }
    
    .col-3 {
        display: block;
        width: 100%;
        padding-bottom: 1em;
    }
}

/* Mini Tablet ----------- */  
@media only screen and (max-width : 600px) {  
    
    .col-3 {
        display: block;
        width: 100%;
        padding-bottom: 1em;
    }

    .col-6 {
        width: 100%;
        display: block;
    }
    
    footer {
        padding: 3em 2em 2em;
    }
}

/* Smartphones (portrait and landscape) ----------- */  
@media only screen and (max-width : 480px) {  

    .col-6 {
        width: 100%;
        display: block;
    }
    
    footer {
        padding-right: 1em;
        padding-left: 1em;
    }
}

/*Enquiry Form*/
.modal-box {display:none; width:50%; position:fixed;transform: translate(-50%, -50%);left:50%; top:50%; background:#fff; border:2px solid #333;}
.modal-box .fa-times{
  position: absolute;
  top: 0;
  right: 0;
  background: #0569d4;
  height: 40px;
  width: 40px;
  line-height: 40px;
  margin: 10px;

  color: white;
  font-size: 18px;
  border-radius: 100%;
  text-align: center;
  cursor: pointer;
}
.fa-times:hover{
  font-size: 22px;
}


.form_container{
  background: #fff;
  padding: 30px;
  margin-top: 20px;
  border-radius: 3px;
}

.form_container .form_item{
  margin-bottom: 25px;
}

.form_container .form_wrap.form_grp{
  display: flex;
}

.form_container .form_wrap.form_grp .form_item{
  width: 50%;
}

.form_container .form_wrap.form_grp .form_item:first-child{
  margin-right: 4%;
}

.form_container .form_item label{
  display: block;
  margin-bottom: 5px;
}

.form_container .form_item input, .form_container .form_item textarea,
.form_container .form_item select{
  width: 100%;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #dadce0;
  border-radius: 3px;
	resize: none;
}
 
.form_container .btn input[type="submit"]{
  background: #6271f0;
  border: 1px solid #6271f0;
  padding: 10px;
  width: 100%;
  border-radius: 3px;
  cursor: pointer;
  color: #fff;
}
.col-sm-12 {width: 58.33333333%;}


/*development Success*/

.ph-software-development-sec {
 background:#f1f1f1;
 position:relative;
 padding:50px 0 100px
}
.ph-software-box {
 display:grid;
 grid-template-columns:repeat(2, 1fr);
 gap:24px 0;
 padding-top:50px
}
.ph-software-heading p {
 padding:10px 0px 0
}
.ph-software-box .ph-software-inner {
 background:#fff;
 padding:30px 40px;
 box-shadow:0 4px 10px 0 #111b5414;
 border-radius:8px;
 position:relative
}
.ph-software-box .ph-software-inner:first-child {
 margin-right:-40px;
 transform:translateY(-40px);
 padding-right:90px
}
.ph-software-box .ph-software-inner:last-child {
 margin-left:-40px;
 transform:translateY(40px);
 background:#ccc;
 box-shadow:none
}
.ph-software-inner ul {
 display:grid;
 grid-template-columns:repeat(2, 1fr);
 grid-gap:15px 20px
}
.ph-software-inner ul li {
 border-left:4px solid #f93;
 padding-left:12px;
 margin-bottom:10px;
 margin-top:10px
}
.ph-software-inner h5,
.ph-software-inner .h5 {
 margin:10px 0 5px;
	font-weight: 700;
text-transform: uppercase;
}
.ph-software-inner p {
 font-size:14px;
 line-height:22px
}
.ph-software-inner ul li h1,
.ph-software-inner ul li .h1 {
 color:#0404A0;
 font-size:32px;
	font-weight:700;
}
.ph-software-inner ul li p {
 margin-bottom:0
}
.ph-Develop-process {
 background:var(--ph-black-color)
}
.ph-process-box span {
 color:var(--ph-main-color)
}
.ph-process-btn .ph-btn {
 background:transparent;
 color:var(--ph-main-color);
 margin-top:20px;
 border:1px solid #333;
}
.ph-process-btn .ph-btn:hover {
 color:var(--ph-white-color);
 border-color:var(--ph-white-color)
}
.ph-process-box h1,
.ph-process-box .h1 {
 color:var(--ph-white-color);
 font-weight:600;
 line-height:1.4;
 margin-bottom:10px
}

.mission_vision{padding: 40px;position: relative;}
.sub_mission{position: relative;}
.sub_mission div img{position: absolute;width: 215px;}
.mission img{bottom:18px; left:30px; }
.vision img{top:18px; left:22%; }
.value img{bottom:18px; left:42%; }
.goal img{top:18px; left:62%; }
.strategy img{bottom:18px; right:30px;}

.mission_inner{position:absolute; width:250px; top:20px; text-align:center;}
.vision_inner {position:absolute; width:250px; bottom:20px; text-align:center; left:270px;}
.value_inner {position:absolute; width:250px; top:20px; text-align:center; left:540px;}
.goal_inner {position:absolute; width:250px; bottom:20px; text-align:center; right:270px;}
.strategy_inner {position:absolute; width:250px; top:20px; text-align:center; right:0px;}
.mission_inner h4, .vision_inner h4, .value_inner h4, .goal_inner h4, .strategy_inner h4 {font-size:16px; font-weight: 700; text-transform: uppercase}
.mission_inner p, .vision_inner p, .value_inner p, .goal_inner p, .strategy_inner p {font-size:12px; position:relative; min-height:100px;}
.mission_inner p:before {content:''; position:absolute; width:30px; height:30px; border-radius:50%; background:#ffa600; left:44%; bottom:-30px;}
.mission_inner p:after {content:''; position:absolute; width:1px; height:80px; background:#ffa600; left:50%; bottom:-108px;}

.vision_inner p:before {content:''; position:absolute; width:30px; height:30px; border-radius:50%; background:#ff5e23; left:44%; top:-60px;}
.vision_inner p:after {content:''; position:absolute; width:1px; height:80px; background:#ff5e23; left:50%; top:-118px;}

.value_inner p:before {content:''; position:absolute; width:30px; height:30px; border-radius:50%; background:#f000a3; left:44%; bottom:-30px;}
.value_inner p:after {content:''; position:absolute; width:1px; height:80px; background:#f000a3; left:50%; bottom:-108px;}

.goal_inner p:before {content:''; position:absolute; width:30px; height:30px; border-radius:50%; background:#8735d4; left:44%; top:-60px;}
.goal_inner p:after {content:''; position:absolute; width:1px; height:80px; background:#8735d4; left:50%; top:-118px;}

.strategy_inner p:before {content:''; position:absolute; width:30px; height:30px; border-radius:50%; background:#009cd5; left:44%; bottom:-30px;}
.strategy_inner p:after {content:''; position:absolute; width:1px; height:80px; background:#009cd5; left:50%; bottom:-108px;}

.food_holder{padding: 40px;background: #f1f1f1;}
.food_order {width:60%;}
.product_img{width:35%;margin:auto;}
.product_img img{width:70%;margin:20px auto;}
.product_holder{padding: 40px;}
.pd-2{padding: 0px 30px;}
.left_product{width: 40%;}
.prdct_cnt{width: 60%;}
.sub_product{width: 90%;margin:20px auto; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.inner_product{padding: 20px 40px; margin: auto;border-left: 10px solid #2590e4;background: white;}
.cnt_inner_product{padding: 10px;font-size: 14px;}
.inner_product h4{position: relative;}
.inner_product h4::before{content: ''; position: absolute;    left: -62px;
  top: -4px;width: 35px;height: 35px;background-color: #282828;
border-radius: 50px;border: 10px solid #2590e4;}
.bg-p{background: #f1f1f1;}
.faq_section{padding: 40px;}

.wrapper {
  width: 80%;
}


.container_faq {
  background-color: white;
  color: black;
  border-radius: 20px;
  box-shadow: 0 5px 10px 0 rgb(0,0,0,0.25);
  margin: 20px 0;
}

.question {
  font-size: 1.2rem;
  font-weight: 600;
  padding: 20px 80px 20px 20px;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.question::after {
  content: "\002B";
  font-size: 2.2rem;
  position: absolute;
  right: 20px;
  transition: 0.2s;
}

.question.active::after {
  transform: rotate(45deg);
}

.answercont {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}

.answer {
  padding: 0 20px 20px;
  line-height: 1.5rem;
}


.service_holder,.web_development{padding: 40px;background: #f1f1f1;}
.service_order {width:60%;}
.service_img{width:35%;margin:auto;}
.service_devlpmnt{padding: 40px;}
.single-service {
  padding: 20px 20px;
  -webkit-transition: .5s all;
  -o-transition: .5s all;
  transition: .5s all;
  margin-bottom: 15px;
  text-align: center;
}

.service-icon .icon {
  font-size: 48px;
  margin-bottom: 20px;
}

.icon-head {
  overflow: hidden;
}

.service-icon .icon span {
  width: 60px;
  height: 60px;
  background: #333;
  color: #fff;
  display: block;
  line-height: 50px;
  margin: 0 auto;
  border-radius: 50px;
  border: 5px solid white;
  box-shadow: 0 0 0 2px red;
  font-size: 28px;
}

.icon-head h3 {
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
}

.service-details {
  min-height: 65px;
}

  .service-details p {
      color: #616273;
      font-size: 16px;
      line-height: 22px;
      font-weight: 400;
      margin: 0;
  }

.single-service {
  -webkit-box-shadow: 0px 10px 24px -13px rgb(89 90 255 / 17%);
  box-shadow: 0px 10px 24px -13px rgb(89 90 255 / 17%);
  background: #fff;
  border-radius: 3px;
}

.service-icon .icon span.sp-col-1 {
  background: #00d563;
  box-shadow: 0 0 0 2px #00d563;
}

.service-icon .icon span.sp-col-2 {
  background: #595aff;
  box-shadow: 0 0 0 2px #595aff;
}

.service-icon .icon span.sp-col-3 {
  background: #fbbc05;
  box-shadow: 0 0 0 2px #fbbc05;
}

.service-icon .icon span.sp-col-4 {
  background: #01dec9;
  box-shadow: 0 0 0 2px #01dec9;
}

.service-icon .icon span.sp-col-5 {
  background: #ea4335;
  box-shadow: 0 0 0 2px #ea4335;
}

.service-icon .icon span.sp-col-6 {
  background: #8BC34A;
  box-shadow: 0 0 0 2px #8BC34A;
}

.service-icon .icon span.sp-col-7 {
  background: #5E2DD8;
  box-shadow: 0 0 0 2px #5E2DD8;
}

.service-icon .icon span.sp-col-8 {
  box-shadow: 0 0 0 2px #D43F8D;
  background: #D43F8D;
}

.contact_form{
  background-color: #eee;

}
.contain {
  background-color: #eee;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
}

div.form {
  background-color: #eee;
}
.contact-wrapper {
  margin: auto 0;
}

.submit-btn {
  float: left;
}
.reset-btn {
  float: right;
}

.form-headline:after {
  content: "";
  display: block;
  width: 150px;
  padding-top: 10px;
  border-bottom: 3px solid #ff9933;
}

.highlight-text {
  color: #2390e5;
}

.hightlight-contact-info {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.5;
}

.highlight-text-grey {
  font-weight: 500;
}

.email-info {
    margin-top: 20px;
}

::-webkit-input-placeholder { /* Chrome */
  font-family: 'Montserrat', sans-serif;
}

.required-input {
  color: black;
}
@media (min-width: 600px) {
  .contain {
    padding: 0;
  }
}

h3,
ul {
  margin: 0;
}

h3 {
  margin-bottom: 1rem;
}

.form-input:focus,
textarea:focus{
  outline: 1.5px solid #238fe4;
}

.form-input,
textarea {
  width: 100%;
  border: 1px solid #bdbdbd;
  border-radius: 5px;
}

.wrapper_contact > * {
  padding: 1em;
}
@media (min-width: 700px) {
  .wrapper_contact {
    display: grid;
    grid-template-columns: 2fr 1fr;
  }
}

ul {
  list-style: none;
  padding: 0;
}

.contacts {
  color: #212d31;
}

.form {
  background: #fff;
}

#submit-form form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
#submit-form form label {
  display: block;
}
#submit-form form p {
  margin: 0;
}

.full-width {
  grid-column: 1 / 3;
}

button,
.submit-btn,
.form-input,
textarea {
  padding: 1em;
}

button, .submit-btn {
  background:rgb(0,54,153);    background: linear-gradient(90deg, rgba(0,54,153,1) 0%, rgba(0,54,153,1) 29%, rgba(10,110,234,1) 100%); color:#fff; font-weight:600;
  border: 1px solid #003293;
  color: #eee;
  border-radius: 15px;
  padding: 5px 20px;
  text-transform: uppercase;
}
button:hover, .submit-btn:hover,
button:focus , .submit-btn:focus{
  background:rgb(10,110,234);    background: linear-gradient(90deg, rgba(10,110,234,1) 0%, rgba(10,110,234,1) 29%, rgba(0,54,153,1) 100%);
  outline: 0;
  color: #eee;
}
.error {
  color: #003293;
}

.responsive-map{
  overflow: hidden;
  padding-bottom:30.25%;
  position:relative;
  height:0;
}
.responsive-map iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}


.website-counter {
  background-color: #ff4957;
  height: 50px;
  width: 80px;
  color: white;
  border-radius: 30px;
  font-weight: 700;
  font-size: 25px;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: none;
}

/* Styles for reset button */
#reset {
  margin-top: 20px;
  background-color: #008cba;
  cursor: pointer;
  font-size: 18px;
  padding: 8px 20px;
  color: white;
  display: none;
  border: 0;
}
.captc {overflow:hidden; margin-bottom:20px;}
.captc input {border: 1px solid #bdbdbd;}