@media(max-width: 1199px){

  :root {

    font-size: 15px;

    line-height:26px;

  }

}

@media (min-width: 1200px){

  :root {

    font-size: 16px;

    line-height:28px;

  }

}

@media (min-width: 1600px){

  :root {

    font-size: 16px;

    line-height:30px;

  }
}

@media (min-width: 1700px){
    

  :root {

    font-size: 18px;

    line-height:32px;

  }
}

body{font-family: 'Montserrat', sans-serif; font-size:1.05rem; overflow-x: hidden; color:#000; letter-spacing:0.02rem; line-height: 1.8rem; font-weight:400;}
img{max-width: 100%}
h1{font-family: Heading; font-weight: 600; font-size: 34px; color: #000;}

h2{font-family: Heading; font-weight: 600; font-size: 34px; color: #000;}

h5{font-family: Heading; font-weight: 500;font-size: 24px; color: #000;}

h4{font-family: Heading; font-weight: 500;font-size: 32px;}

a, a:hover{text-decoration: none;}

ul, li{list-style: none;padding: 0;margin:0}
.banner-wrapper{height:auto; position: relative; overflow:hidden;}
.banner-circle{opacity:0.15; position: relative; top: -50px; z-index: 0;}
.banner-circle{
	animation: rotate 18s ease-in-out 1s infinite alternate-reverse;
  -webkit-animation: rotate 18s ease-in-out 1s infinite alternate-reverse;
  -o-animation: rotate 18s ease-in-out 1s infinite alternate-reverse;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(45deg);
  }
  50% {
    transform: rotate(45deg);
  }
  0% {
    transform: rotate(0deg);
  }
}
.menu-circle{position: absolute; top:0;}

.carousel-control-next-icon, .carousel-control-prev-icon{background: none;}

.carousel-control-prev{left: -60px;}

.carousel-control-next{right: -60px;}


::-webkit-input-placeholder { /* Edge */
  color: #747474 !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #747474 !important;
}

::placeholder {
  color: #747474 !important;
}

.enquire-now-btn i.fa-envelope{margin-right:8px;}

.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl{flex-wrap: nowrap;}

.top_navigation{position: absolute;width: 100%;z-index: 9;top: 0;}

.header_sticky{background-color: #10112d;position: fixed;left: 0; top: 0; width: 100%;}

.content{max-width: 1920px;padding-left: 100px;padding-right: 100px; margin-left: auto;margin-right: auto;}

.btn-close{background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/14px auto no-repeat}

.innerpage .icon--menu{stroke: #000;}

.innerpage .header_sticky .icon--menu{stroke: #fff;}

.alert-success{color: #2f9e3f;
    background-color: #fff;
    border-color: #2f9e3f;
    text-align: center;
    max-width: 400px;
    padding-right: 0;
    margin: auto;}

.alert-success h5{font-size: 2rem; color: #2f9e3f;}

.carousel-item{height: 92vh; padding-top: 30px;}

.carousel-inner h1{font-size: 52px;margin:20px 0; color: #9e8344}

.carousel-inner p{font-size: 1.1rem; font-weight:400;}

.category_tag{display: inline-block;padding: 5px 12px;font-size: 14px;font-family: 'Heading';font-weight: 500;font-style: italic; text-transform: uppercase; letter-spacing: 0.2rem; }

.carousel_caption a{display: inline-block;padding: 10px 20px; color:white;font-family: 'Heading';font-weight: 400;font-size: 16px; text-transform: uppercase; letter-spacing: 0.2rem; margin-top: 20px; background-color:black;}

.carousel_caption a i{font-size: 26px;vertical-align: sub;margin-left: 5px;}

.carousel-control-next-icon, .carousel-control-prev-icon{width: 42px;}

.carousel-control-next, .carousel-control-prev{opacity: 1;}

.about_pixel{background-color: #F5F8F6;}

.page_title{text-transform: uppercase;}

.page_title:after{content: "";display: block;width: 180px;margin: auto; margin-top: 12px;height: 4px; background-color: #fd8048;}

.page_title_left{font-weight: 500;}

.page_title_left:after{content: "";display: block;width: 180px;margin-top: 12px;height: 4px; background-color: #fd8048;}

.small_content{max-width: 1220px;}

.btn_read_more{background: #fd8048;border-radius: 100px; display: inline-block;padding: 10px 40px;font-weight:400;text-transform: uppercase;color: #fff !important; font-size:15px; letter-spacing: 0.1rem;}

.service_col{background: #FFFFFF;border: 1px solid #DEDEDE;padding: 30px 40px 20px;isolation: isolate; position: relative;}

.service_col h5{text-transform: uppercase;}

.service_title_icons{display: flex;align-items: center;justify-content: space-between;}

.service_title_icons h5:after{content: "";display: block;height: 2px;background-color: #fd8048;width: 60px; margin-top: 10px;}

.icon_service{font-size: 2.5rem;color: #fd8048}

.services_list li{display: block; margin-top: 10px; padding-top: 10px; border-top: 1px dashed #BFBFBF;position: relative; padding-left: 30px;}

.services_list li:before{content: "\e90e";display: block;font-family: 'icomoon';position: absolute;left: 0;top:8px;color: #fd8048; font-size: 1.21rem;}

/*.service_hover{position: absolute;width: 100%;height: 100%;background-color: #444; left: 0;top: 0; display: flex;align-items: center;justify-content: center;}*/

.service_col {
  position: relative;
  overflow: hidden;
}

.service_col .content-overlay {
  background: linear-gradient(90deg, rgba(255, 87, 51, 0.8) 0%, rgba(12, 129, 183, 0.8) 100%);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  z-index: 9;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.service_col:hover .content-overlay{
  opacity: 1;
}

.service_hover {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  z-index: 9;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.service_col:hover .service_hover{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.fadeIn-bottom{
  top: 80%;
}

.service_col:hover li,
.service_col:hover h5,
.service_col:hover i,
.service_col:hover li:before{color: rgba(107, 175, 100, 0.5);}

.service_col:hover h5:after{background-color: rgba(107, 175, 100, 0.5);}

.btn_explore_more{background: #000000;display: inline-block; padding:6px 20px;color: #fff!important;font-weight: 400; font-size: 14px; text-transform: uppercase; letter-spacing: 0.2rem;}

.btn_explore_more i{margin-left: 6px;font-size: 18px;vertical-align: sub; color: #fff !important;}

.btn_our_work{background: #fd8048;border-radius: 100px;display: inline-block; padding:6px 30px;color: #fff!important;font-weight: 400; font-size: 15px; text-transform: uppercase;letter-spacing:0.1rem; margin-top: 20px;}

.latest_work{background: url(../../pixeldesignindia.s3.ap-southeast-2.amazonaws.com/bg-our-work.jpg) center center no-repeat; background-size: cover;color: #fff;}

.latest_work h1{color: #fff;}

.latest_work img{width: 100%}

/*OUR WORKS CSS*/
.latest_work .container-fluid{padding-left: 0;padding-right: 0;}

.latest_work .row{margin-left: 0;margin-right: 0;}

.latest_work .col-md-4{padding-left: 0;padding-right: 0;}

.latest_work .small_content > p{font-weight: 500}

-a.hoverAction{display: block; overflow: hidden; position: relative; height: 100%;}



.hoverEffect{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; top:0; left: 0; z-index: 1; background:rgba(0, 53, 124, 0.9); opacity: 0; transition: all 0.4s ease-out; vertical-align: middle;


}

.para{
	text-align:center;
	color:black;
	font-weight:500;
	padding-top:5px;
}

.hoverEffect.activehoverEffect{opacity: 1;
-webkit-transition: .4s ease-out .2s;
-o-transition: .4s ease-out .2s;
transition: .4s ease-out .2s;}


.hoverEffect{text-align: center; padding-left: 20px;padding-right: 20px;}

.hoverEffect .btn_explore_more{font-size: 14px;}

.hoverEffect h4{font-size: 20px; text-transform: uppercase; font-weight: 500; color:#fff; text-align: center; line-height: 30px;}

.hoverEffect p{font-size: 16px; color:#fff; text-align: center;line-height: 28px;}

.hoverEffect_Text h4,
.hoverEffect_Text p,
.hoverEffect_Text .btn_explore_more {
  -webkit-transform: translate3d(0,40px,0);
  transform: translate3d(0,40px,0);
}

.hoverEffect_Text h4 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}

.hoverEffect_Text .btn_explore_more {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}

.hoverEffect_Text p {
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, transform 0.35s;
}

.hoverEffect:hover h4,
.hoverEffect:hover p,
.hoverEffect:hover .btn_explore_more {
  opacity: 1;
}

.hoverEffect:hover h4,
.hoverEffect:hover p,
.hoverEffect:hover .btn_explore_more {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hoverEffect:hover p {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
}

.work_desc p{font-size: 30px;font-weight:bold;color: #414141; line-height: 50px;}

.work_desc p span{font-weight:bold;color: #fd8048;}

.how_do_we_design{background-color: #F5F8F6;}

.how_do_we_design_col{background: #FFFFFF;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);padding: 20px 20px;color: #363636; height: 100%}

.how_do_we_design_col p{margin-top: 10px;}

.design_col_title_icons{align-items: center;justify-content: space-between;}

.design_col_title_icons h5{text-transform: uppercase;}

.design_col_title_icons h5:after{content: "";display: block;width: 60px;height: 2px;background-color: #fd8048;margin-top: 10px;}

.design_col_title_icons i{font-size: 2.4rem;color: #fd8048}

.client-logo-wrapper li{margin-left: 15px;margin-right: 15px;background: #FFFFFF;border: 1px solid #CBCBCB; padding: 20px; text-align:center;}

#blogs{position: relative;}

#blogs:before{content: "";background: #104A80;width: 100%;height: 50%;position: absolute;display: block;z-index: -1}

#blogs .content > h1, #blogs .content > p{color: #fff;}

.col_blogs{background: #F5F8F6;height: 100%}

.blog_content{padding:30px}

.col_blogs p{font-size: 16px;}

.col_blogs h5{font-size: 24px;}

.col_blogs h5:after{content: "";display: block;height: 2px;width: 60px;background-color: #fd8048;margin-top: 10px;}

.btn_read_more_outline{display: inline-block;padding: 7px 20px; border: 1px solid #fd8048;text-transform: uppercase;font-size: 14px;color: #363636 !important;font-weight: 400; margin-top: 20px;}

.btn_read_more_outline i{color: #fd8048;font-size: 23px; vertical-align: sub; margin-left: 5px;}

.footer_enquire{background: url(../../pixeldesignindia.s3.ap-southeast-2.amazonaws.com/bg-footer-enquire.jpg) top right no-repeat;background-size: cover;}

.footer_enquire h1{font-weight: 600;font-size: 40px; color: #fff;}

.input-group{position: relative;}

.input-group-text{position: absolute;left: 6px;top: 10px; z-index:4;background: none;border: 0; font-size: 1.4rem;color: #B7B7B7}

.form-control{padding:14px 30px; padding-left:48px;border-radius: 0;border:0; font-size: 16px;font-weight: 400; color: #000;text-transform: uppercase;}

.submit_now_btn{max-width: 600px;padding:14px 10px; background: #000000;border-radius: 100px; width: 100%;color: #fff !important;font-weight: 500;text-transform: uppercase; font-size: 16px;}

.submit_now_btn i{margin-left: 6px;}

#footer_row{background-color: #141414;color:#9e9e9e; font-size: 16px;}

.footer_pixel_design img{margin-bottom: 20px;}

.office_address h5{margin-bottom: 15px; color: #fff; text-transform: uppercase; font-size: 20px; font-family: 'Montserrat', sans-serif; font-weight: 600;}

.address_row{display: flex;}

.address_row i{margin-top: 6px; margin-right: 10px;font-size: 20px;color: #fd8048}

.quick_link h5, .social_media h5{margin-bottom: 15px;color: #fff;text-transform: uppercase;font-size: 20px;font-family: 'Montserrat', sans-serif;font-weight: 600;}

.quick_link ul li{line-height: 36px;}

.quick_link ul li a{color: #F2F2F2;font-weight: 400; transition: all 0.3s;}

.quick_link ul li a:before{content: "\e90e";display: inline-block;font-size: 18px;font-family: 'icomoon';vertical-align: middle; margin-right: 8px; color: #fd8048;}

.quick_link ul li a:hover, 
.quick_link ul li.active a{color: #fd8048;font-weight: 500;}

.social_media li{display: inline-block;margin-right: 5px;}

.social_media li:last-child{margin-right: 0;}

.social_media li a{background-color: #000;display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 50%;color: #fff !important;transition: all 0.3s;}

.social_media li a:hover{background-color: #fd8048;}

.footer_copyright{text-align:center; color: #898989; font-size: 14px; background-color: #000; padding: 10px; text-transform: uppercase;}

.footer_pixel_design li{margin-top: 10px;}

.footer_pixel_design li a{color: #F2F2F2;font-weight: 500;}

.footer_pixel_design li a i{color: #fd8048; margin-right: 5px;}

.footer_pixel_design li a i.fa-phone{font-size: 20px;}

.banner_inner{height: 470px; display: flex;align-items: center; color: #fff;}

.banner_inner_text h1{color: #fff; font-size: 50px;}

.bredcrum_list{display: flex; align-items: center;font-family: 'Heading';font-weight: 300;margin-bottom: 20px; text-transform: uppercase;}

.bredcrum_list li a{color: #fff;}

.bredcrum_list li{margin-right: 12px;font-size: 18px;color: #fff;}

.bredcrum_list li.active{font-style: italic;}

.big-para{font-weight: 1.2rem;font-weight: 600;color: #fd8048;}

.about_wrapper{background-color: #F5F8F6;}

.about_wrapper > .content{max-width: 90%;margin: 0;}

.mission_content{background: linear-gradient(90deg, #fd8048 0%, #1983BE 83.33%);color: #fff;text-align: center;padding: 50px 70px; display: flex;align-items: center;justify-content: center;height: 100%}

.mission .row{margin-left: 0;margin-right: 0;}

.mission .col-md-6{padding-left: 0;padding-right: 0;}

.mission_content h4{font-size: 32px;text-transform: uppercase;}

.mission_content p{font-weight: 400; margin-top: 20px;}

.mission_content h4:after{content: "";display: block;height: 2px; background-color: #fff;margin:auto;margin-top: 10px; width: 100px;}

.service_content{background: linear-gradient(90deg, #4D8158 0%, #5FA16E 100%);color: #fff;text-align: center;padding: 50px; display: flex;align-items: center;justify-content: center;height: 100%}

.service_content2{background: linear-gradient(90deg, #2A739C 0%, #1C85BE 100%);color: #fff;text-align: center;padding: 50px; display: flex;align-items: center;justify-content: center;height: 100%}

.service_content h4, .service_content2 h4{font-size: 32px;text-transform: uppercase;}

.service_content p, .service_content2 p{font-weight: 400; margin-top: 20px;}

.service_content h4:after, .service_content2 h4:after{content: "";display: block;height: 2px; background-color: #fff;margin:auto;margin-top: 10px; width: 100px;}

.service_listing li{display: inline-block;font-size: 18px;margin-top: 12px;position: relative; padding-left: 24px; margin-left: 15px;}

.service_listing li:before{content: "\e912"; font-size: 17px; font-family: 'icomoon'; display: inline-block;position: absolute;left: 0;}

.service_listing li:first-child{margin-left: 0px;}

.btn_view_details{display: inline-block;padding: 7px 20px; border: 1px solid #FFF;text-transform: uppercase;font-size: 16px;color: #FFF !important;font-weight: 500; margin-top: 40px;}

.btn_view_details i{color: #FFF;font-size: 23px; vertical-align: sub; margin-left: 5px;}

.service_content_inner{text-align: left;width: 100%}

.service_content_inner h5{color: #fff;text-transform: uppercase;font-family: 'Heading';font-weight: 500;}

.service_content_inner h5:after{content: "";display: block;height: 2px; background-color: #fff;margin-top: 10px; width: 60px;}

.capitalize{text-transform: capitalize;}

.team_thumb_col{background: #F5F8F6; height: 100%;}

.team_caption{padding:20px;}

.team_caption h5{font-family: 'Heading';font-weight: 500;color: #000;}

.team_caption h5:after{content: "";display: block;margin-top: 10px;height: 2px;background-color: #fd8048;width: 60px;}

.team_caption p{font-size: 16px;text-transform: uppercase;color: #363636;margin-top: 10px;}

label.error{color: #ffd9d9;font-size: 13px;width: 100%;display: block; margin-top: 
6px;}

.branding_listing{padding-top: 10px;padding-left: 0;}

.branding_listing li{display: block;font-size: 18px;margin-top: 12px; position: relative;padding-left: 35px;font-weight: 500}

.branding_listing li:before{content: "\e912"; display: inline-block;margin-left: 6px; font-family: 'icomoon'; position: absolute;left: 0;}

.branding_listing li:last-child:after{display: none;}

.banner_inner_text h5{color: #fff;}

.contact_content{padding: 0;background:#f7f7f7;}

.pay_content{padding: 0; background: linear-gradient(90deg, #2A8764 0%, #145DB2 100%);}

.pay_content img {height:600px; margin-left:205px;}

.contact_address{padding: 30px;font-size: 18px;}

.contact_address h5:after{height: 2px;content: "";display: block;width: 120px;background-color: #fd8048;margin-top: 10px;}

.contact_address h6{text-transform: uppercase;color: #303030;font-weight: 600;}

.contact_form{padding: 50px; height: 100%; background: linear-gradient(90deg, #2A8764 0%, #145DB2 100%);}

.contact_form h1{color: #fff;}

.contact_form h1:after{margin-right: 0;margin-left: 0;}

.contactnumber li{display: block;margin-top: 10px;font-weight: 500;}

.contactnumber li a{color: #252525;}

.contactnumber li a i{color: #fd8048; margin-right: 5px;}

.contactnumber li a i.fa-phone{font-size: 1.5rem;}

.contact_address ul.row > li{border-right: 1px solid #CCC;}

.contact_address ul.row > li:last-child{border-right: 0;padding-left: 25px;}

.contact_form .submit_now_btn{max-width: 60%; padding:10px;}

.contact_form .submit_now_btn i{font-size: 1rem;}

.bg_grey_detail{background-color: #F5F8F6}

.detail_controls{display: flex;align-items: center;justify-content: space-between;}

.detail_controls a{background: #FFFFFF;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05); display: flex;align-items: center;justify-content: center; padding: 10px 40px; text-transform: uppercase;}

.detail_controls a i{font-size: 36px;color: #fd8048}

.detail_controls a.detail_prev i{margin-right: 10px; transform: rotate(180deg);}

.detail_controls a{color: #000;font-weight: 500;}

.detail_controls a.detail_prev i{margin-right: 10px; transform: rotate(180deg);}

.detail_controls a.detail_next i{margin-left: 10px;}

.detail_controls a.detail_prev.disabled,
.detail_controls a.detail_next.disabled,
.detail_controls a.disabled i{color: #C0BEBE;cursor: not-allowed;}


/* CSS By Bharat */

.pb-5 {padding-bottom: 4rem!important;}
.pt-5 {padding-top: 4rem!important;}

.page_title{padding-bottom: 1.5rem; letter-spacing: 0.1rem;}
.social_media li a.whatsapp-icon{width: 50px; height: 50px; font-size: 30px;}
.icon_service{position: relative; top: -15px; right: -15px;}
.latest_work .small_content > p{font-size: 20px;}

.bredcrum_list li{font-size:16px;}
.service_listing li, .branding_listing li{font-size:16px;}
.btn_view_details{font-size:14px;}
.service_listing li:before, .branding_listing li:before{font-size: 16px; color: rgba(255,255,255,0.5);}

.project-thumb-shaddow{box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);}

.footer_enquire{position:relative;}
#EnquireNow{position:absolute; top:-76px;}

.services-wrapper .col-md-6{}
.services-wrapper .col-md-6 img.img-fluid{height:100%;}


/* CSS For New Design - 02 May 2023 */
.home-about-wrapper{padding: 5rem 0; background:#F5F8F6;}
.home-about-wrapper .home-about-content{padding: 0 6rem 0 0;}
.home-about-wrapper .home-about-content .page_title{}
.home-about-wrapper .home-about-content .page_title:after{margin:0;}

.home-form-wrapper{}

.banner_form{border-radius:10px;background-color: #036196;padding: 35px;max-width: 500px;float: right;width: 100%}
.banner_form .form-control{padding-left: 40px;}
.banner_form h5{color: #fff; text-align: center; margin-bottom: 15px;}
.banner_form h5:after{display: block;height: 2px;background-color: #fd8048;content: "";margin:auto;margin-top: 10px; width: 100px;}
.field_row{margin-top: 15px;}
.field_row .field_icon{position: absolute; color: #000;}
.field_icon i{color: #5c6772;}
.field_icon {position: absolute;left: 12px;top: 11px;}
.field_icon i.fa-envelope{font-size: 17px;}
.btn_submit {border-radius: 5px;background-color:#fd8048;color: #fff;width: 100%;text-transform: uppercase;font-weight:500;font-size: 15px;letter-spacing: 0.1rem;padding: 10px;border: 0;}

.price-pack-wrapper{padding:4rem 0 2rem;}
.price-pack-wrapper.bg{padding:4rem 0 5rem; background:#F5F8F6;}
.price-heading-wrapper{padding-bottom:2rem;}
.price-pack{background:#fff; box-shadow:0 0 30px #e3e3e3; border-radius:10px;}
.price-pack-wrapper.bg .price-pack{background:#fff;}
.price-pack-wrapper .header{background:#ebf3e8; padding: 2rem 2rem 1rem; border-radius:10px 10px 0 0;}
.price-pack-wrapper .bottom-content{padding:0 2rem 2rem;}
.price-pack h5{color: #fff;font-size:26px;text-transform: uppercase;}
.price-pack h5 span{display: block;padding: 10px 0;border-top: 1px dashed rgba(255, 255, 255, 0.3);border-bottom: 1px dashed rgba(255, 255, 255, 0.3);font-size: 30px;margin-top: 10px;}
.price-pack-wrapper .header p{margin:0; color: #fff;}
.price-pack p{font-size: 16px;}
.price-pack p.note{font-size: 14px; padding: 20px 0;margin: 0;font-style: italic;color: #db832e;}
.price-pack ul{padding:1rem 2rem 0;}
.price-pack ul li{font-size: 16px; padding: 5px 0; border-bottom: 1px solid #ddd;}
.price-pack ul li.no{background:url("../images/close.svg") 0 13px no-repeat; background-size:15px;}
.price-pack ul li.yes{background:url("../images/tickmark.svg") -5px 8px no-repeat; background-size:26px;}
.price-pack ul li b{color:#1ba741;}
.price-pack .btn_read_more{}
.price-pack .custom-pack{padding:1rem 2rem 0;}

.basic-plan .header{background:linear-gradient(45deg, #d0a12e, #efc55e);}
.classic-plan .header{background:linear-gradient(45deg, #467ebb, #93bbe7);}
.premium-plan .header{background:linear-gradient(45deg, #ad6048, #febba7);}

.silver-plan .header{background:linear-gradient(45deg, #666666, #cecdcd);}
.gold-plan .header{background:linear-gradient(45deg, #b28913, #f5de69);}
.custom-plan .header{background:linear-gradient(45deg, #5cad3b, #97e876);}

.float-cta{position: fixed;z-index: 5;right: -63px;top: 50%;transform: rotate(-90deg);}
.float-cta .btn_read_more{border-radius:5px 5px 0 0; padding: 10px 20px;}


#FormModal .modal-dialog {max-width: 550px;}
#FormModal .modal-content{background-color: #036196; border-radius: 10px;}
.form_modal_content .form-control{padding-left: 40px;}
.form_modal_content{padding: 35px;}
.form_modal_content h5{color: #fff; text-align: center;}
.form_modal_content h5:after{content: "";display: block;margin:auto;margin-top: 10px;height: 2px; width: 100px;background-color: #fd8048}
.modal-backdrop.show{opacity: 0.80}

.btn-close, .btn-close:hover{position: absolute;right: 0px;background-color: #fd8048;opacity: 1;border-radius: 0;z-index: 2; padding: 10px;}
.modal-body{padding: 0;}

.footer_enquire .btn-close{background-color: transparent;}
.footer_enquire .btn-close:hover{background-color: transparent; padding:1.25rem 1rem;}

.thankyou_page{text-align: center; padding: 100px 20px; padding-top: 150px;}

/* Thankyou Tick Animation */
  .checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #2f9e3f;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
  }

  .checkmark {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    stroke-width: 2;
    stroke: #2f9e3f;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #2f9e3f;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
  }

  .checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
  }

  @keyframes stroke {
    100% {
      stroke-dashoffset: 0;
    }
  }
  @keyframes scale {
    0%, 100% {
      transform: none;
    }
    50% {
      transform: scale3d(1.1, 1.1, 1);
    }
  }
  @keyframes fill {
    100% {
      /*box-shadow: inset 0px 0px 0px 30px #0ecb8b;*/
    }
  }

.thankyou_page h1{margin-top: 30px;font-family: 'Poppins', sans-serif;font-size: 4rem;color: #000;}

.thankyou_page p{margin-top: 15px; font-size: 1.4rem;color: #333;}


.technology-wrapper{}
.tech-logo-wrapper{}
ul.tech-logo-list{text-align: center;}
ul.tech-logo-list li{display: inline-block; box-shadow: 0 0 20px #ebebeb; margin: 14px 10px; padding: 10px 2px; text-align: center;}
ul.tech-logo-list li img{max-width: unset; width: 70%; margin: 0 auto;}

.invalid-block{color:red;}

@media(max-width:1280px){
.content{padding-left: 30px;padding-right: 30px;}

.carousel-item{padding-left: 40px;padding-right: 40px;}
}

@media(max-width:800px){
.category_tag {padding: 5px 10px; font-size: 15px;}

.carousel-item{padding-left: 0;padding-right: 0;height: inherit; padding-bottom: 22px;}

.carousel-inner h1{font-size: 26px;}

.carousel-inner h1 br{display: none;}

.carousel-control-next, .carousel-control-prev{display: none;}

h1{font-size: 26px;}

.page_title:after, .page_title_left:after{width: 100px;height: 2px;}

.service_col, .how_do_we_design_col{padding:20px;}

h5{font-size: 20px;}

.work_desc p{font-size: 20px;}

.content{padding-left: 20px;padding-right: 20px;}

#blogs{background: rgb(16,74,128);
background: linear-gradient(176deg, rgba(16,74,128,1) 0%, rgba(115,154,191,0.7764355742296919) 100%);}

#blogs:before{display: none;}

.footer_enquire h1{font-size: 32px;}

.footer_pixel_design p br, .address_row p br{display: none;}

.mobile_order_1{order: 1;}

.mobile_order_2{order: 2}

.service_content2{padding: 25px;}

.contact_form, .contact_address{padding: 30px;}

.banner_inner{height: 380px;}

.contact_form .submit_now_btn{max-width: 90%}

.contact_address ul.row > li{border-right: 0;padding-left:15px; }

.banner_inner_text h1{font-size:26px;}

.banner_inner_text h1 br{display:none;}

.about_wrapper > .content{max-width:100%;}

.mission_content{padding:25px;}

h4{font-size:22px;}

.service_content h4, .service_content2 h4{font-size:22px;}

.service_listing li{display:block;margin-left: 0px;}

.service_content, .service_content2{justify-content:flex-start; padding:25px;text-align:left;}

.bredcrum_list li {margin-right: 10px;font-size: 14px;}

.banner_inner_text p br{display:none;}

.carousel_caption a{padding:7px 18px; font-size:14px;}

.service_content h4:after, .service_content2 h4:after{margin-left:0;margin-right:0;}

.category_tag {font-size: 14px;}
.page_title{padding-bottom:1rem;}
.latest_work .small_content > p{font-size:16px;}
.work_desc p {font-size: 20px;line-height: 36px;}

.pt-5 {padding-top: 3rem!important;}
.pb-5 {padding-bottom: 3rem!important;}

.contact_address{font-size:16px;}
.form-control{font-size:14px;}
.quick_link h5, .social_media h5{font-size:18px;}

.footer_copyright{line-height: 20px;}
#EnquireNow{position:absolute; top:-60px;}

.float-cta{display:none;}
.home-about-wrapper{padding: 3rem 0;}
.home-about-wrapper .home-about-content{padding:0 0 3rem; text-align: center;}
.home-about-wrapper .home-about-content .page_title:after{margin:5px auto 0;}

.price-pack-wrapper{padding:2rem 0;}
.price-pack{margin: 0 0 3rem; border-radius: 0;}
.price-pack h5{font-size: 22px;}
.price-pack h5 span{font-size: 24px; padding: 5px 0;}
.price-pack-wrapper .header{padding:1rem;}

.price-pack.premium-plan, .price-pack.custom-plan{margin:0;}
.price-pack-wrapper.bg{padding: 4rem 0;}

.home-about-content p{margin-bottom: 0.5rem;}
.banner_form{border-radius: 0;}
.price-pack-wrapper .header{border-radius: 0;}

.tech-logo-wrapper{margin-top: 0 !important;}
ul.tech-logo-list li{margin: 10px; width: 44%;}

}

@media(max-width:410px){
    ul.tech-logo-list li{margin: 10px; width: 40%;}
    ul.tech-logo-list li img{width:100%;}
}


@media(min-width:1700px){
.content{padding-left: 160px;padding-right: 160px;}

h1{font-family: Heading; font-weight: 600; font-size: 40px;}

h2{font-family: Heading; font-weight: 600; font-size: 40px;}

h5{font-family: Heading; font-weight: 500;font-size: 28px;} 

.carousel-inner h1{font-size: 70px;}

.team_caption{padding:30px;}

.carousel-control-next-icon, .carousel-control-prev-icon{width: 50px;}

.services_list li{font-size: 18px;}

.work_desc p{font-size: 40px;}

.col_blogs p{font-size: 18px;}

.col_blogs h5{font-size: 30px;}

.footer_enquire h1{font-size: 50px;}

.submit_now_btn{font-size: 20px;}

#footer_row{font-size: 20px;}

.office_address h5, .quick_link h5, .social_media h5{font-size: 22px;}

.footer_copyright{font-size: 16px;}

h4{font-size: 40px;}

.banner_inner_text h1{font-size: 60px;}

.team_caption p{font-size: 18px;}

.banner-wrapper{height:850px;}

}

.price  strong{
	color:#e3a72f;
}

.steps{
	border:1px solid black;
	border-radius:16px;
	padding:24px;
}