body{overflow-x: hidden;}
a:hover{text-decoration: none;}
.w100{width: 100%;}
.mLR-0{margin-left: 0px;margin-right: 0px;}

.doodle_logos{}
.doodle_logos .item{height: 5rem;}
.doodle_logos .item img{object-fit: contain; object-position: center; position: relative; display: flex; margin: auto; width:auto; max-width:100%;}

.list-view-branding{padding-top: 0px;}
.list-view-branding .brnd-box-main:first-child{border-top: 0px;}
.branding-box-container {background-color:white;}
.back_fix_white{background-color: white;}
.getin_fullwidth{position: relative;z-index: 100;}
.ftr_wrapper{position: relative; z-index: 100;}

.imHldr{position: relative; width: 100%;}
.imHldr img{max-width: 100%; }
.imHldr-img-1{position: relative;z-index: 100;height: auto;display: block;}
.imHldr .imHldr-img{
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 80%;
  z-index: 50;
  animation: pulse 3s infinite;
  transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
  -webkit-animation: pulse 3s infinite;
}
.imgHldr-2 img{
  max-width: 100%;/* 
  opacity: 0;
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out; */
}
.imgHldr-2{position: relative; margin-right: 0px;margin-left: auto;}
/* .owl-doodle-a .owl-item.active .imgHldr-2 img {
  animation-delay: 4s;
  animation: fadeInUp 3.5s ease-in-out 0s forwards;
  -webkit-animation: fadeInUp 3.5s ease-in-out 0s forwards; 
}*/

  @keyframes pulse {
    0% {
      transform: translate(-50%,-50%) scale(1);
      -webkit-transform: translate(-50%,-50%) scale(1);
      -moz-transform: translate(-50%,-50%) scale(1);
      -ms-transform: translate(-50%,-50%) scale(1);
      -o-transform: translate(-50%,-50%) scale(1);
}
    60% {
        transform: translate(-50%,-50%) scale(1.02);
        -webkit-transform: translate(-50%,-50%) scale(1.02);
        -moz-transform: translate(-50%,-50%) scale(1.02);
        -ms-transform: translate(-50%,-50%) scale(1.02);
        -o-transform: translate(-50%,-50%) scale(1.02);
}
    100% {
        transform: translate(-50%,-50%) scale(1);
        -webkit-transform: translate(-50%,-50%) scale(1);
        -moz-transform: translate(-50%,-50%) scale(1);
        -ms-transform: translate(-50%,-50%) scale(1);
        -o-transform: translate(-50%,-50%) scale(1);
    }
  }
  
  @keyframes fadeInUp {
    from { 
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  
  .doodle_back-red{
    background-color: #ef414a;
  }
  .doodle_back-red2{
    background-color: #FDF0F1;
  }
  .doodle_back-white{
    background-color: #ffffff;
  }
  
  .doodle_back-grey{
    background-color: #F1EFEF;
  }
  .doodle_back-red_gredient{
    background:linear-gradient(180deg, #770908 0%, #CB1420 99.99%, #A00C0A 100%);
  }
  .doodle_back-blue{
    background-color: #3B6DEC;
  }
  .doodle_back-black{
    background-color: #3C3D3F;
  }
  
  .pLR-0{padding-left: 0px;padding-right: 0px;}
.w555{max-width: 555px;}
.w1700{max-width: 1700px; width: 100%;}
  .poSRel{position: relative;}
  .poSAbs{position: absolute;}
  .poSFil{left: 0;top: 0;right: 0;bottom: 0;}
  .temp-60{height: 3.75rem;}
  .temp-30{height: 1.875rem;}    
  .z-3{z-index: 3;}
  .z-2{z-index: 2;}
  .z-1{z-index: 1;}
  .z-0{z-index:0;}
  .h100{height: 100%;}
  .m-h100{min-height: 100%;}
  .bK{background-position: center;background-repeat: no-repeat;background-size: cover;}

  .brading-left-box h3,.brndg-hvr-fde h3{    font-family: 'Poppins-SemiBold';font-weight: 600;}
  
  .doodle_a{max-width: 100%;overflow: hidden; height: auto;}
  .doodle_a h4{
    font-size: 2.5rem;
    line-height: 3.125rem;
    font-weight: 600;
    color: inherit;
    font-family: 'Poppins-SemiBold';
    transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
}
  .doodle_a h1{ font-weight: 600; color: inherit;max-width: 600px;     margin: 0;    padding: 0;
    font-family: 'Poppins-SemiBold';
    transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;}
  .doodle_a p{ letter-spacing: 0.035em;color: inherit;  font-weight: 500;max-width: 555px;width: 100%;}
  .doodle_a ul{list-style: none;margin-left: 0px;padding-left: 0px;color: inherit;}
  .doodle_a ul li{font-weight: 500;line-height: 1.4375rem;font-size: 1rem;letter-spacing: 0.035em; color: inherit;  }
    
    .doodle_a h4:hover{opacity: 0.8;
      transition: opacity 0.3s ease-in-out;
      -webkit-transition: opacity 0.3s ease-in-out;
      -moz-transition: opacity 0.3s ease-in-out;
      -ms-transition: opacity 0.3s ease-in-out;
      -o-transition: opacity 0.3s ease-in-out;}
    .doodle_a h1:hover{opacity: 0.8;
      transition: opacity 0.3s ease-in-out;
      -webkit-transition: opacity 0.3s ease-in-out;
      -moz-transition: opacity 0.3s ease-in-out;
      -ms-transition: opacity 0.3s ease-in-out;
      -o-transition: opacity 0.3s ease-in-out;}
    .doodle_a p:hover{opacity: 0.8;
      transition: opacity 0.3s ease-in-out;
      -webkit-transition: opacity 0.3s ease-in-out;
      -moz-transition: opacity 0.3s ease-in-out;
      -ms-transition: opacity 0.3s ease-in-out;
      -o-transition: opacity 0.3s ease-in-out;}

  .imHldr .imHldr-h4{
    color: white;
  font-size: 6.25rem;
  line-height: 6.25rem;
  font-weight: 600;
  position: absolute;
  font-family: 'Poppins-SemiBold';
  left: 50%;
  top:50%;
  z-index: 150;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
}
.imHldr-img-3{max-height: 500px;width: 100%;overflow: hidden;}
.imHldr-img-3 img{max-width: 100%;height: auto;display: block;max-height: 100%;width: auto;}

/* color combo */
.doodle_back-red.doodle_a h4{color: white}
.doodle_back-red.doodle_a h1{color: white;}
.doodle_back-red.doodle_a p{color: white;}
.doodle_back-red.doodle_a ul li{ color: white; }
.doodle_back-red.doodle_a ul li a{ color: inherit; }

.doodle_back-white.doodle_a h4{color: #0B0A0A}
.doodle_back-white.doodle_a h1{color: #ef414a;}
 
.doodle_back-white.doodle_a ul li{ color: #0B0A0A; }
.doodle_cloud_azure_blue {background-color: #146CC5;}
.doodle_cloud_azure_white {background-position: bottom;background-repeat: no-repeat;background-size: cover;}

.doodle_back-blue.doodle_cmn h4{color: white}
.doodle_back-blue.doodle_cmn h3{color: white;}
.doodle_back-blue.doodle_cmn p{color: white;}

.doodle_back-black.doodle_cmn h4{color: white}
.doodle_back-black.doodle_cmn h3{color: white;}
.doodle_back-black.doodle_cmn p{color: white;}



.doodle_back-white.doodle_e h3{color: #565252}
.doodle_back-white.doodle_e h4{color: #565252}
.doodle_back-white.doodle_e p{color: #565252;}
.doodle_back-white.doodle_e ul li{ color: #565252; }
.doodle_back-white.doodle_e ul li a{ color: #565252; }


/* color combo */
.brnd-box-main h3{opacity: 1; position: relative; overflow: hidden; display:block ; min-height: 40px;}
.brnd-box-main:hover h3{ content: ''; opacity: 1; }
.brnd-box-main:hover h3::after{
  top: -50px;
  color: white;
  transition: top 0.5s ease-in-out;
  -webkit-transition: top 0.5s ease-in-out;
  -moz-transition: top 0.5s ease-in-out;
  -ms-transition: top 0.5s ease-in-out;
  -o-transition: top 0.5s ease-in-out;
}
.brnd-box-main h3::after{
  position: absolute;
  content: attr(data-title);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: top .4s ease-in-out;
  -webkit-transition: top .4s ease-in-out;
  -moz-transition: top .4s ease-in-out;
  -ms-transition: top .4s ease-in-out;
  -o-transition: top .4s ease-in-out;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
} 
 
.brndg-hvr-fde-2{margin-top: -45px; overflow: hidden;min-height: 85px; position: relative;} 
.brnd-box-main .brndg-hvr-fde-2 p{margin-top: 0px;opacity: 1; position: absolute; top: 100%; left: 0;
  transition: top .4s ease-in-out;
  -webkit-transition: top .4s ease-in-out;
  -moz-transition: top .4s ease-in-out;
  -ms-transition: top .4s ease-in-out;
  -o-transition: top .4s ease-in-out;}
.brnd-box-main:hover .brndg-hvr-fde-2 p{margin-top: 0px; top: 0px; 
  transition: top .4s ease-in-out;
  -webkit-transition: top .4s ease-in-out;
  -moz-transition: top .4s ease-in-out;
  -ms-transition: top .4s ease-in-out;
  -o-transition: top .4s ease-in-out;} 

.brnd-box-main:hover .brnd-box-main-bg,
.brnd-box-main:focus .brnd-box-main-bg{
    transform: scale(110);
    transition: transform 1s ease-out;
    -webkit-transition: transform 1s ease-out;
    -moz-transition: transform 1s ease-out;
    -ms-transition: transform 1s ease-out;
    -o-transition: transform 1s ease-out;
    -webkit-transform: scale(110);
    -moz-transform: scale(110);
    -ms-transform: scale(110);
    -o-transform: scale(110);
}
.brnd-box-main{position: relative;overflow: hidden;}
.brnd-box-main a{position: relative;z-index: 100;}
.brnd-box-main-bg{
    background-color: #ef414a;
    border-radius: 50%;
    bottom: 0;
    content: '';
    height: 10px;
    left: -50px;
    margin: auto;
    position: absolute;
    bottom: 50px;
    transform: scale(1);
    transform-origin: left center;
    transition: transform .25s ease-in;
    width: 10px;
    z-index: 1;
    -webkit-transition: transform .25s ease-in;
    -moz-transition: transform .25s ease-in;
    -ms-transition: transform .25s ease-in;
    -o-transition: transform .25s ease-in;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.branding-box-right.col-lg-6{padding-left: 0px;padding-right: 0px;}

.doodle_inner_cntrl{padding: 1rem 1rem;}
.DBTN{background-color: transparent;}
.DBTN.DBTN_B{margin-left: 1rem; overflow: hidden; width: 40px; height: 30px;display: flex;position: relative; padding: 0px;box-shadow: none;border: 0px;}
.DBTN.DBTN_B::before,.DBTN.DBTN_B::after{ 
  transition:all 0.5s ease-in-out ; width: 40px; height: 3px; background-color: #ef414a; position: absolute; content: ''; 
  -webkit-transition:all 0.5s ease-in-out ; -moz-transition:all 0.5s ease-in-out ; 
  -ms-transition:all 0.5s ease-in-out ; -o-transition:all 0.5s ease-in-out ; }
.DBTN.DBTN_B::before{
  top: 0px;
  left: 50%;
  transform:translate(-50%,0%);
  -moz-transform:translate(-50%,0%);
  -ms-transform:translate(-50%,0%);
  -o-transform:translate(-50%,0%);
  -webkit-transform:translate(-50%,0%);
  -moz-transform: translate(-50%,0%);
}
.DBTN.DBTN_B::after{
  bottom: 0px;
  left: 50%;
  transform: translate(-50%,0%);
  -moz-transform: translate(-50%,0%);
  -ms-transform: translate(-50%,0%);
  -o-transform: translate(-50%,0%);
  -webkit-transform: translate(-50%,0%);
}
.DBTN.DBTN_B span{
  position:absolute;
  margin-top: auto;
  margin-bottom: auto;
  width: 40px;
  height: 3px;
  background-color: #ef414a;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
}

.DBTN.DBTN_B:hover span{
  width: 30px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%) rotate(-45deg);
  -webkit-transform: translate(-50%,-50%) rotate(-45deg);
  -moz-transform: translate(-50%,-50%) rotate(-45deg);
  -ms-transform: translate(-50%,-50%) rotate(-45deg);
  -o-transform: translate(-50%,-50%) rotate(-45deg);
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
}

.DBTN.DBTN_B:hover::before{
  width: 30px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)  rotate(45deg);
  -webkit-transform: translate(-50%,-50%)  rotate(45deg);
  -moz-transform: translate(-50%,-50%)  rotate(45deg);
  -ms-transform: translate(-50%,-50%)  rotate(45deg);
  -o-transform: translate(-50%,-50%)  rotate(45deg);
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
}
.DBTN.DBTN_B:hover::after{
  width: 30px;
  top: 50%;
  left: 50%;
  transform:  translate(-50%,-50%)  rotate(45deg);
  -webkit-transform:  translate(-50%,-50%)  rotate(45deg);
  -moz-transform:  translate(-50%,-50%)  rotate(45deg);
  -ms-transform:  translate(-50%,-50%)  rotate(45deg);
  -o-transform:  translate(-50%,-50%)  rotate(45deg);
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
}

 
/* .doodle_b h4{font-size: 1.875rem;line-height:2.0625rem;
 */
.doodle_b{} 
.doodle_cmn h4{font-size: 1.6rem;line-height:1.7rem;
    font-family: 'Poppins-SemiBold';font-weight: 600;}  
.doodle_cmn p{ 
  margin-top: 1.5rem; }
.doodle_cmn h5{font-size: 1.25rem;line-height:1.4375rem;padding-bottom: 0px;
    font-family: 'Poppins-SemiBold';font-weight: 600;}
    


.doodle_b h3{color: #0B0A0A;}
.doodle_b h4{color: #0B0A0A;}  
.doodle_b p{margin-top: 1.5rem;color: #867B7B;}
.doodle_b h5{ color: #867B7B;}

.doodle_c h3{color: #ffffff;}
.doodle_c h4{color: #ffffff;}  
.doodle_c p{margin-top: 1.5rem;color: #ffffff;}
.doodle_c ul li{color: #ffffff;}
.doodle_c ul li a{color: #ffffff;}
.doodle_c2{max-width: 540px;}
.doodle_c-img-a{max-width: 300px; margin-top: 4rem;margin-bottom: 4rem;}
.doodle_c-img-a img{max-width: 100%;}
.doodle_c-img-b{max-width:100%; margin-bottom: 3rem;}
.doodle_c-img-d{width: 100%;max-width: 56.25rem;}
.doodle_c-img-e{width: 100%;}
.doodle_c-img-f{
  width: 100%;
  max-width: 76%;
  padding:3rem 2rem;
  border-radius:20px;
  border: 3px solid #67FFF6;
  border-radius:3px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  -ms-border-radius:20px;
  -o-border-radius:20px;
}


.doodle_c-img-f .doodle_c-img-a {max-width: 58%;   display: flex; margin: auto;}
.doodle_c-img-f .doodle_c-img-a img{max-height: 100%; object-fit: contain; object-position: center; position: relative; 
  display: flex;  max-width: 100%;}

.doodle_d h4{color: #252F3E;}
.doodle_d h3{color: #FF9900;}
.doodle_d p{margin-top: 1.5rem;color: #605D5D;}
.doodle_d2{max-width: 540px;}

.doodle_d-img-a{max-width: 250px; margin-top: 4rem;margin-bottom: 4rem;}
.doodle_d-img-a img{max-width: 100%;}
.doodle_d-img-b{max-width:100%;}


.doodle_b-Im{width: 100px;display: block;min-width: 100px; margin-right: 1.5rem;}
.doodle_b-Im1{width: 3.1rem;display: block;min-width: 3.1rem;margin-right: 1rem;}
.doodle_b-Im1 img{max-width: 100%;}
.doodle_b-Im2{width: 40px;min-width: 40px;height: 40px;min-height: 40px;min-height: 40px; display: block; margin-right: 1rem;}
.doodle_b-Im2 img{max-width: 100%;max-height: 100%;}
.doodle_b_r{border-left: 1px solid #E0D7D7;}
.doodle_b_rt{border-bottom: 1px solid #E0D7D7; padding: 1rem 2rem 1rem 2rem;}
.doodle_b_rt:nth-child(even){border-left: 1px solid #E0D7D7;}
.doodle_b_rtb{ overflow: hidden;min-height: 160px;}
.doodle_b_rtb .doodle_b_rtc{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.doodle_b_rtb .doodle_b_rtp{ top: 70%; position: absolute; opacity: 0;
  transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -o-transition:all 0.5s linear; }
.doodle_b_rtb:hover .doodle_b_rtc{
  top: -100%;
  transform: translateY(-100%);
  transition:all 0.5s linear;
  -webkit-transition:all 0.5s linear;
  -moz-transition:all 0.5s linear;
  -ms-transition:all 0.5s linear;
  -o-transition:all 0.5s linear;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
}
.doodle_b_rtb:hover .doodle_b_rtp{top: 0px;opacity: 1;color: white;}
.doodle_b_rtb:hover .doodle_b_rtc h4{color: white;}

.doodle_b_rtb::before{
  background-color: #ef414a;
  border-radius: 50%;
  bottom: 0;
  content: '';
  height: 10px;
  left: -50px;
  margin: auto;
  position: absolute;
  bottom: 50px;
  transform: scale(1);
  transform-origin: left center;
  transition: transform .25s ease-in;
  width: 10px;
  z-index: 0;
  -webkit-transition: transform .25s ease-in;
  -moz-transition: transform .25s ease-in;
  -ms-transition: transform .25s ease-in;
  -o-transition: transform .25s ease-in;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.doodle_b_rtb:hover::before,.doodle_b_rtb:focus::before{
  transform: scale(110);
  transition: transform 1s ease-out;
  -webkit-transition: transform 1s ease-out;
  -moz-transition: transform 1s ease-out;
  -ms-transition: transform 1s ease-out;
  -o-transition: transform 1s ease-out;
  -webkit-transform: scale(110);
  -moz-transform: scale(110);
  -ms-transform: scale(110);
  -o-transform: scale(110);
}

.doodle_b_rb{margin-top: 1rem; padding: 0rem 1rem 0rem 2rem; margin-bottom: 1rem;}
.owl-doodle-b img{width: auto!important;display: block; padding-left: 5px;padding-right: 5px;}


/* digital marketing */
.doodle_b_r_DIgi{border-bottom: 1px solid #E0D7D7; padding :1rem 1.5rem; overflow: hidden;}
.doodle_b_r_DIgi::before{
  background-color: #ef414a;
  border-radius: 50%;
  bottom: 0;
  content: '';
  height: 10px;
  left: -50px;
  margin: auto;
  position: absolute;
  bottom: 50px;
  transform: scale(1);
  transform-origin: left center;
  transition: transform .25s ease-in;
  width: 10px;
  z-index: 0;
  -webkit-transition: transform .25s ease-in;
  -moz-transition: transform .25s ease-in;
  -ms-transition: transform .25s ease-in;
  -o-transition: transform .25s ease-in;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.doodle_b_r_DIgi:hover::before,.doodle_b_r_DIgi:focus::before{
  transform: scale(175);
  transition: transform 1.5s ease-out;
  -webkit-transition: transform 1.5s ease-out;
  -moz-transition: transform 1.5s ease-out;
  -ms-transition: transform 1.5s ease-out;
  -o-transition: transform 1.5s ease-out;
  -webkit-transform: scale(175);
  -moz-transform: scale(175);
  -ms-transform: scale(175);
  -o-transform: scale(175);
}

.doodle_b_r_DIgi-E{overflow: hidden; min-height: 160px;}
.doodle_b_r_DIgi h4{ top: 50%; position: absolute; transition:top 0.5s ease-in-out ; -webkit-transition:top 0.5s ease-in-out ; -moz-transition:top 0.5s ease-in-out ; -ms-transition:top 0.5s ease-in-out ; -o-transition:top 0.5s ease-in-out ; }
.doodle_b_r_DIgi:hover h4{top: -100px; color: white;}
.doodle_b_r_DIgi p {color: white;  margin-top: 0px; opacity: 0; top: 70%; position: absolute; transition:all 0.5s ease-in-out ; -webkit-transition:all 0.5s ease-in-out ; -moz-transition:all 0.5s ease-in-out ; -ms-transition:all 0.5s ease-in-out ; -o-transition:all 0.5s ease-in-out ; }
.doodle_b_r_DIgi:hover p {color: white; opacity: 1; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }

.doodle_b_r_DIgi:last-child{border-bottom: 0px;}
.doodle_b_r_DIgi_img{ transition: all 0.5s ease-in-out; transform:scale(0.9) ; position: relative; z-index: 1; max-width: 9.375rem;
   max-height: 9.375rem; width: 9.375rem; display: flex; min-width: 9.375rem;
    margin-left: 1rem; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; 
    -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transform:scale(0.9) ;
     -moz-transform:scale(0.9) ; -ms-transform:scale(0.9) ; -o-transform:scale(0.9) ; }
.doodle_b_r_DIgi:hover .doodle_b_r_DIgi_img{  transform:scale(1) ; -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ; -o-transform:scale(1) ; }
.doodle_b_r_DIgi_img img{max-height: 100%; width: auto; margin: auto;}
.doodle_b_r_DIgi_imga{max-height: 200px; overflow: hidden;}
.doodle_b_r_DIgi_imga img{ max-height: 100%;width: auto; object-fit: contain; object-position: center;}

.doodle_b_r_DIgi_imgb{max-height: 16rem; overflow: hidden;}
.doodle_b_r_DIgi_imgb img{ max-height: 100%;width: auto; object-fit: contain; object-position: center; height: 100%; height: 16rem;} 


.doodle_b_r_DIgi_imgc{overflow: hidden; max-height: 30rem;}
.doodle_b_r_DIgi_imgc img{ max-height: 100%;width: auto; object-fit: contain; object-position: bottom; height: 100%;} 

.doodle_b_r_DIgi_imgd{overflow: hidden; max-height: 28.9375rem; padding-bottom: 3rem;}
.doodle_b_r_DIgi_imgd img{ max-height: 100%;width: auto; object-fit: contain; object-position: center; height: 100%;} 


.doodle_b_r_DIgG-Wrp{margin-top: 3.5rem;margin-bottom: 3rem;}
.doodle_b_r_DIgG-Wrpb{min-height: 50vh;}
.doodle_b_r_DIgG{max-width: 1000px;}
.doodle_b_r_DIgL{width: 16.66%; height: 7.8125rem; display: flex; padding-left: 1rem; padding-right: 1rem;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin-top: auto;
margin-bottom: auto;
z-index: 1;
position: relative;
}
.doodle_b_r_DIgL h6{line-height: 1rem; font-size: 1rem;color: white;
  font-family: 'Poppins-Regular'; font-weight: 500; margin: auto; padding: 0px;}

.doodle_b_r_DIgM{ height: 200px; display: flex; padding-left: 1rem; padding-right: 1rem;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 150px auto;
  margin-top: auto;
  margin-bottom: auto;
  flex: 1;
  z-index: 1;
  }
  .doodle_b_r_DIgN{
  position: absolute;
  top: 50%;
  left: 0;
  width: 80%;
  height: 5px;
  background-color: #4285F4;
  z-index: 0;
}

  .doodle_b_r_DIgO{
    position: absolute;
    height: 100px;
    top: 50%;
    left: 6%;
    width: 70%;
    border: 5px solid #F8C511;
    border-top: 0px;
    z-index: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    bottom: 0; 
}

.doodle_b_r_DIgO::before{
  position: absolute;
  content: '';
  width: 20px;
  left: -7px;
  background-color:#F1EFEF;
  height:110%;
  top:0px;
}

.doodle_b_r_DIgO::after{
  position: absolute;
  background-color:#F1EFEF;
  content: '';
  width: 100%;
  height: 110%;
  left: 7px;
  bottom: -7px;
}

.revealed .doodle_b_r_DIgN{
  animation: widthanimate 2.5s ease-in-out 0s forwards;
  -webkit-animation: widthanimate 2.5s ease-in-out 0s forwards;
}

.revealed .doodle_b_r_DIgO::before{
  animation: yelow1 1s ease-in-out 4.6s forwards;
  -webkit-animation: yelow1 1s ease-in-out 4.6s forwards;
}
.revealed .doodle_b_r_DIgO::after{
  animation: yelow2 2.5s ease-in-out 2.3s forwards;
  -webkit-animation: yelow2 2.5s ease-in-out 2.3s forwards;
}


@keyframes widthanimate {
  0% {width: 0%}
  100% {width: 80%}
}

@keyframes yelow1 {
  0% {height:110%}
  100% {height: 0%}
}

@keyframes yelow2 {
  0% {width:100%;height: 105%;}
  30% {width:100%;height: 20px;}
  100% {width:0px;}
}
.doodle_b_r_DIgN2{position: absolute;z-index: 0;}
 
.doodle_b_r_DIgN::before{
  width: 25px;
  height: 5px;
  background-color:#4285F4;
  content: '';
  top: -7px;
  position: absolute;
  right: -5px;
  transform:rotate(36deg);
  -webkit-transform:rotate(36deg);
  -moz-transform:rotate(36deg);
  -ms-transform:rotate(36deg);
  -o-transform:rotate(36deg);
}
.doodle_b_r_DIgN::after{
  width: 25px;
  height: 5px;
  background-color:#4285F4;
  content: '';
  bottom: -7px;
  position: absolute;
  right: -5px;
  transform:rotate(-36deg) ;
  -webkit-transform:rotate(-36deg) ;
  -moz-transform:rotate(-36deg) ;
  -ms-transform:rotate(-36deg) ;
  -o-transform:rotate(-36deg) ;
}

.doodle_b_r_DIgP{max-width: 700px;}
.doodle_b_r_DIgPI{ max-height:400px; margin-bottom: 0px; margin-top: auto; overflow: hidden;width: 100%; max-width: 20rem; transition:all 0.5s ease-in-out ; -webkit-transition:all 0.5s ease-in-out ; -moz-transition:all 0.5s ease-in-out ; -ms-transition:all 0.5s ease-in-out ; -o-transition:all 0.5s ease-in-out ; }
.doodle_b_r_DIgPI img{
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
  object-fit: contain;
  object-position: top;
  position: relative;
  transform:scale(0.7) ;
  -webkit-transform:scale(0.7) ;
  -moz-transform:scale(0.7) ;
  -ms-transform:scale(0.7) ;
  -o-transform:scale(0.7) ;
  transition:all 0.5s ease-in-out ;
  -webkit-transition:all 0.5s ease-in-out ;
  -moz-transition:all 0.5s ease-in-out ;
  -ms-transition:all 0.5s ease-in-out ;
  -o-transition:all 0.5s ease-in-out ;
}
.doodle_b_r_DIgPI-L,.doodle_b_r_DIgPI-R{
  z-index: 0;
  display: flex;
  position: absolute;
  height: 70%;
  overflow: hidden;
  bottom: 0px;
  left: 50%;
  width: 100%;
  max-width:20rem;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -o-transform:translateX(-50%);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

.doodle_b_r_DIgPI-L img,.doodle_b_r_DIgPI-R img{object-position: bottom; margin-bottom: 0px;margin-top: auto; position: relative; object-fit: contain;

  transform:scale(0.7) ;
  -webkit-transform:scale(0.7) ;
  -moz-transform:scale(0.7) ;
  -ms-transform:scale(0.7) ;
  -o-transform:scale(0.7) ;
  transition:all 0.5s ease-in-out ;
  -webkit-transition:all 0.5s ease-in-out ;
  -moz-transition:all 0.5s ease-in-out ;
  -ms-transition:all 0.5s ease-in-out ;
  -o-transition:all 0.5s ease-in-out ;
}
.revealed .doodle_b_r_DIgPI{
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}

.revealed .doodle_b_r_DIgPI img{
  transform:scale(1) ;
  -webkit-transform:scale(1) ;
  -moz-transform:scale(1) ;
  -ms-transform:scale(1) ;
  -o-transform:scale(1) ;
  transition:all 0.5s ease-in-out;
  -webkit-transition:all 0.5s ease-in-out;
  -moz-transition:all 0.5s ease-in-out;
  -ms-transition:all 0.5s ease-in-out;
  -o-transition:all 0.5s ease-in-out;
}

.revealed .doodle_b_r_DIgPI-L{ left: 35%; box-shadow: none;  }
.revealed .doodle_b_r_DIgPI-R{ left: 65%; box-shadow: none;  }

.revealed .doodle_b_r_DIgPI-L img,.revealed .doodle_b_r_DIgPI-R img{
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
  transform:scale(.8) ;
  -webkit-transform:scale(.8) ;
  -moz-transform:scale(.8) ;
  -ms-transform:scale(.8) ;
  -o-transform:scale(.8) ;
  transition:all 0.5s ease-in-out;
  -webkit-transition:all 0.5s ease-in-out;
  -moz-transition:all 0.5s ease-in-out;
  -ms-transition:all 0.5s ease-in-out;
  -o-transition:all 0.5s ease-in-out;
  margin-top: auto;
  margin-bottom: 0px;
}
/* digital marketing */


/* web */
.owl-doodle-d-wrp{width: 100%; display: flex;}
.owl-doodle-d-wrp-a{ flex: 1;width: auto;padding-left: 1rem;padding-right: 1rem;}
.owl-doodle-d-wrp-b{max-width: 25rem; width: 100%;}
.owl-doodle-d-wrp-c{margin-top: 0px;margin-bottom: auto;flex: 1;}
.owl-doodle-d{
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  border-left: 8px solid black;
  border-top: 8px solid black;
  border-bottom: 8px solid black;
}
.owl-doodle-d img{/* 
  height: 15.625rem; */
  height: 27rem;
  object-fit: cover;
  object-position: center;
}

.doodle_web ul{padding-left: 0px;}
.doodle_web ul li{list-style: none; color: #7D7D7D; 
  font-size: 1.5rem;line-height: 2.2rem; }
.doodle_web_wrp{padding-top: 3rem;padding-bottom: 3rem;}
.doodle_web_a{z-index: 1; width: 150px; height: 170px; display: flex; position: relative; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.doodle_web_a::before{
  background-color: white;
  width: 170px;
  height: 170px;
  left: -10px;
  background-color: white;
  content: '';
  position: absolute;
  z-index: -10;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
}
.doodle_web_a h6{margin: auto; color: #ED3338;padding-bottom: 0px; font-size: 1.625rem;line-height: 1.625rem; 
  font-family: 'Poppins-SemiBold';}
.doodle_web_Lnk{list-style: none; padding-left: 0px; color: white;display: block; margin-top: 3rem; flex-wrap: wrap;}
.doodle_web_Lnk li{
  padding-left: 1.5rem;
  display: inline-block;
  font-size: 1.3rem;
  line-height: 1.4rem;
  margin-bottom: 1rem;
  font-family: 'Poppins-Regular'; position: relative;}
.doodle_web_Lnk li::before{  content:'●'; position: absolute; top: 0px;left: 0px; }

  .doodle_ux{margin-top: 2.5rem;margin-bottom: 2rem;}
  .doodle_ux_wrp{flex: 1;}
  

.sqrWrp{height: 21.875rem; max-width:25rem;width: 100%; position: absolute; top: 10%; right:10rem!important;}
.sqrWrp-in{
  position: absolute;
  width: 100%;
  height: 100%;/*
  border: 3px solid white;*/
  background-color: transparent;
  border-radius:5px;
  transform:skewX(45deg) skewY(-10deg) ;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
    display: flex;
}
.sqrWrp-in img{width: 100%; height: 100%; object-fit: contain;object-position: center top; position: relative; display: flex; max-width: 100%; margin: 0px 0px auto 0px; max-height: 100%;}
.sqrWrp-in.sq-1{top: 0rem;}
.sqrWrp-in.sq-2{ top: 5rem;}
.sqrWrp-in.sq-3{top: 10rem;}
.wbTech{height: 10rem; position: relative;display: flex;}
.wbTech img{object-fit: contain;object-position: center;max-height: 100%; position: relative; margin-left: auto;margin-right: auto;}


.doodle_b_r_DIgi:hover a{text-decoration: none;}
.doodle_b_r_DIgi ul{padding-left: 0px;}
.doodle_b_r_DIgi ul li{	display: inline;    font-size: 20px;    line-height: 33px;    color: #7D7D7D;    margin-right: 1rem;    transition: color 0.4s ease-in-out;    -webkit-transition: color 0.4s ease-in-out;    -moz-transition: color 0.4s ease-in-out;    -ms-transition: color 0.4s ease-in-out;    -o-transition: color 0.4s ease-in-out; 
}

.doodle_b_r_DIgi:hover ul li,.doodle_b_r_DIgi:focus ul li{
  color: white;
}

/* web */

/* scrolling background image */
.doodle_scrl_img_back_main{position: relative;z-index: 1;width: 100%;height: 100%;}
.doodle_scrl_clr_back{z-index: 2; position: relative;
  background-image: linear-gradient(to right,white , transparent);
}
.doodle_scrl_img_back{
  z-index: 0;
  display: flex;
  position: relative;
  width: 100%;
  right: -120%;
  top: -10%;
  transform: skewX(45deg) skewY(-10deg);
  -webkit-transform: skewX(45deg) skewY(-10deg);
  -moz-transform: skewX(45deg) skewY(-10deg);
  -moz-transform: skewX(45deg) skewY(-10deg);
  -ms-transform: skewX(45deg) skewY(-10deg);
  -o-transform: skewX(45deg) skewY(-10deg);
}
.doodle_scrl_img_back_lst{width: 18rem; padding: 4rem 3rem;}
.doodle_scrl_img_back_img{ position: relative; margin-top: 3rem; margin-bottom: 3rem;padding: 5px;}
.doodle_scrl_img_back_img img{ position: relative; object-fit: cover;object-position: center; display: block;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}
/* scrolling background image */

/* reuse modes */
.owl-doodle-red2{}
.owl-doodle-red2 .owl-doodle-red2_wrp{padding-top: 1rem; padding-bottom: 2rem;}
.owl-doodle-red2 .owl-doodle-red2_wrp_img{height: 28.125rem; display: flex;}
.owl-doodle-red2 .owl-doodle-red2_wrp_img img{object-fit: contain;object-position: center;position: relative;max-height: 100%;
margin: auto;vertical-align: middle; }
.owl-doodle-red2_wrp_detail{margin-top: 4.5rem;}
.owl-doodle-red2_wrp_detail h4{text-align: center;color: #867B7B;}
.owl-doodle-red2_wrp_detail p{text-align: center;}
.owl-theme.owl-doodle-red2 .owl-dots{ top: 29rem; position: absolute; left: 50%;
   transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);
}
.owl-theme.owl-doodle-red2 .owl-dots .owl-dot span{background: #D2D1D1; width: 1rem;height: 1rem;}
.owl-theme.owl-doodle-red2 .owl-dots .owl-dot.active span{background: #ef414a;}

.doodle_reuse{}
.doodle_reuse_head{margin-top: 3rem;margin-bottom: 3rem;}
.doodle_reuse_head h3{font-size: 3rem;line-height: 3.4375rem; color: #EF2525;}
.doodle_reuse_a{ padding-top: 2rem;}
.doodle_reuse_a_img{ display: flex; max-height: 10rem;height: 10rem;}
.doodle_reuse_a_img img{margin: auto; vertical-align: middle; object-fit: contain;object-position: center;max-height: 100%;}
.doodle_reuse_b_img{ display: flex; max-height: 8.125rem;height: 8.125rem;}
.doodle_reuse_b_img img{margin: auto; vertical-align: middle; object-fit: contain;object-position: center;max-height: 100%;}
.doodle_reuse_a_detail{margin-top: 3rem;}
.doodle_reuse_a_detail h4{font-size: 1.875rem;line-height: 2.5rem;}
.doodle_reuse_a_detail p{margin-top: 2rem;}
.office_365{left: 0;right: 0;top: 0;bottom: 0;}
.office_365Wrp{position: relative;left: auto;right: 0;top: 0;bottom: 0; height: 100%;}
.office_365Wrp img{ position: absolute; top: 50%; left: auto; right:0;  }
.office_365 .office_365Ina{height: 100%; z-index: 1; 
  background:linear-gradient(180deg, #770908 0%, #CB1420 99.99%, #A00C0A 100%); opacity: 0.5; position: absolute;left: 0;top: 0;bottom: 0;width: 100%;
  max-width: 768px;}
.office_365Wrp img.office_365Inb{
  max-height: 100%;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
}
/* reuse modes */


/* mobile */
.doodle_mobile_a{ margin: auto; position: relative; transform:scale(0.5) ; -webkit-transform:scale(0.5) ; -moz-transform:scale(0.5) ; -ms-transform:scale(0.5) ; -o-transform:scale(0.5) ; }
.doodle_mobile_b{margin:auto auto auto 0px;}
.android_aniWrp1{
  margin-left:0px;
  margin-right: 0px;
  position: absolute;
  top: 50%;
  left: 0px;
  right: 0px;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
}
.android_aniWrp{
  display:flex;
  margin-left:0px;
  margin-right: 0px;
  position: relative;
  left: 0px;
  right: 0px;
  transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  -o-transform:rotate(0deg);
}
.android_aniInL,.android_aniInR{
  position: relative;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.android_aniIn{display: flex;position: relative;}
  .android_aniIn01{ bottom: 12rem;}
  .android_aniIn01 img{margin-right: 0px;margin-left: auto;}
  .android_aniIn02{right: 12rem;}
  .android_aniIn03{left: 12rem;}
  .android_aniIn04{top: 12rem;}
.ios_ani{ left: 50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); }
  .ios_aniWrp1{position: absolute; left: 0px;top:0px; right: 0;bottom: 0px; width: 100%;height: 100%; min-height: 100%;}
  .ios_aniWrp{ position: absolute; max-width: 50%;}
  .ios_aniWrp.ios_ani01{left: 0px; top:-20%;}
  .ios_aniWrp.ios_ani02{right: 0px; bottom: -20%;}
/* mobile */

/* common button */
.doodle_button{
  background: #ef414a;
border: 1px solid #ef414a;
box-sizing: border-box;
border-radius: 3px;
display: flex;
padding: 7px 1.3rem;
font-family: 'Poppins-SemiBold';
}
.doodle_button span{margin-right: 1.3rem; font-weight: 700; margin-top: auto;margin-bottom: auto; color: white; font-size: 1.25rem;line-height: 1.30rem;}
.doodle_button i{margin-top: auto;margin-bottom: auto;color: white;font-size: 1.25rem;}
/* common button */

/* cloud backup */
.cloud_backup_circle{
  height: 43.75rem;
  width: 43.75rem;
  padding: 3.5rem;
  position: relative;
  border: 1px solid #A69696;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
}


.cloud_backup_circle .cloud_backup_circle_img{ margin: auto; width: 23.75rem; height: 23.75rem; display: flex;}
.cloud_backup_circle .cloud_backup_circle_img img{ margin: auto; object-fit: contain; object-position: center; position: relative;
display: flex;}
/* cloud backup */

/* application solutions */
.application_crm_list {list-style: decimal; padding-left: 0px; }
.application_crm_list li{font-size: 1.5625rem;  font-family: 'Poppins-SemiBold'; color: #000000; line-height: 3rem;}
.application_crm_list li a{ font-size: 1.5625rem;  font-family: 'Poppins-SemiBold'; color: #000000; line-height: 3rem;}
/* application solutions */



/* testimonial section */
.doodle_testimonials{width: 100%; max-width: 200px; margin-left: auto;margin-right: auto; padding-left:1rem;padding-right:1rem;}
.doodle_testimonials_quot{width: 2.3125rem;margin-right: 2.125rem; min-width: 2.3125rem;}
.doodle_testimonials_quot img{max-width: 100%;}
.doodle_testimonials p{
  font-family: 'Poppins-Regular';font-style: normal;
  font-weight: normal;  font-size: 1rem;  line-height: 1.25rem;color: #867B7B;
}
.doodle_testimonials h4{  font-family: 'Poppins-Medium';font-style: normal;font-weight: 500;font-size: 1.5625rem;line-height: 2.4375rem;color: #0B0A0A;}
.doodle_testimonials_admin{ width: 5.9375rem;display: flex;height: 2.6875rem;margin-left: 2.125rem; min-width: 5.9375rem;}
.doodle_testimonials_admin img{max-width: 100%; object-fit: contain; object-position: center; position: relative; display: flex;
margin: auto; height: 100%; max-height: 100%;width: 100%;}
/* testimonial section */

/* call to action */
.doodle_call_to_action{ padding-top: 11.5625rem; padding-bottom: 11.5625rem;}
.doodle_call_to_action_white{background-color: white;}
.doodle_call_to_action .row{margin-left: auto;margin-right: auto; width: 100%;max-width: 103.125rem;padding-left: 1rem; padding-right: 1rem;}
.doodle_call_to_action_l{margin-top: auto; margin-bottom: auto;width: 100%;max-width: 690px;}
.doodle_call_to_action_l h4{
  font-family: 'Poppins-SemiBold';
  font-style: normal;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 3.5rem;
  color: #FFFFFF;}
.doodle_call_to_action_white .doodle_call_to_action_l h4{color: #EC3B3B;}
.doodle_call_to_action_r{width: auto; margin-left: auto; margin-right: 0px;}
.doodle_call_to_action_rb{ margin-left: 3.75rem;}
.doodle_call_to_action_rb a{color: #ffffff; font-size: 2.1875rem;line-height: 2.1875rem; margin-top: auto;margin-bottom: auto; margin-left: 2.875rem;}
.doodle_call_to_action_white .doodle_call_to_action_rb a{color:#C0BEBE;}
/* call to action */

/* project form*/
.doodle_project_form{
  width: 100%;
  background-color: white;
  min-height: 100vh;
  display: flex;
  padding-top: 11.8125rem;
  padding-bottom: 11.8125rem;
  position: fixed;
  z-index: 1000;
  top: -200vh;
  bottom: 110vh;
  left: 0px;
  overflow-x: hidden;
  overflow-y: scroll;
  transition:top 0.9s ease-in-out,bottom 0.3s ease-in-out 0.3s;
  -webkit-transition:top 0.9s ease-in-out,bottom 0.3s ease-in-out 0.3s;
  -moz-transition:top 0.9s ease-in-out,bottom 0.3s ease-in-out 0.3s;
  -ms-transition:top 0.9s ease-in-out,bottom 0.3s ease-in-out 0.3s;
  -o-transition:top 0.9s ease-in-out,bottom 0.3s ease-in-out 0.3s;
}
.doodle_project_form.showNow{top: 0px;bottom: 0px;}
.doodle_project_form_close{ top:-50px;right:2rem; position: absolute; padding: 0px;background-color: transparent;outline: 0px;border: 0px; margin-left: 0.8rem;width: 35px;height: 18px;margin-top: auto;
  margin-bottom: auto;z-index:1100;}
.doodle_project_form_close:focus{outline: 0px;}
.doodle_project_form_close span{
      left: 0;
      position: absolute;
      display: block;
      background-color: white;
      width: 35px;
      height: 2px;
      border-radius:1px;
      -webkit-border-radius:1px;
      -moz-border-radius:1px;
      -ms-border-radius:1px;
      -o-border-radius:1px;
      left: 50%;
      transform: translateX(-50%);
      transition: all 0.5s linear 0.9s;
      -webkit-transition: all 0.5s linear 0.9s;
      -moz-transition: all 0.5s linear 0.9s;
      -ms-transition: all 0.5s linear 0.9s;
      -o-transition: all 0.5s linear 0.9s;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
}
.doodle_project_form_close span:nth-child(1){top: 8px;}
.doodle_project_form_close span:nth-child(2){top: 8px; visibility: hidden;}
.doodle_project_form_close span:nth-child(3){top: 8px;}


.showNow .doodle_project_form_close span{background-color: #000000;}
.showNow .doodle_project_form_close span:nth-child(1){ width: 30px; top: 50%; left: 50%; transform:translate(-50%,-50%) rotate(45deg) ; -webkit-transform:translate(-50%,-50%) rotate(45deg) ; -moz-transform:translate(-50%,-50%) rotate(45deg) ; -ms-transform:translate(-50%,-50%) rotate(45deg) ; -o-transform:translate(-50%,-50%) rotate(45deg) ; }
.showNow .doodle_project_form_close span:nth-child(2){opacity: 0; width: 30px; top: 50%; left: 50%; transform:translate(-50%,-50%) rotate(45deg) ; -webkit-transform:translate(-50%,-50%) rotate(45deg) ; -moz-transform:translate(-50%,-50%) rotate(45deg) ; -ms-transform:translate(-50%,-50%) rotate(45deg) ; -o-transform:translate(-50%,-50%) rotate(45deg) ; }
.showNow .doodle_project_form_close span:nth-child(3){ width: 30px; top: 50%; left: 50%; transform:translate(-50%,-50%)rotate(-45deg) ; -webkit-transform:translate(-50%,-50%)rotate(-45deg) ; -moz-transform:translate(-50%,-50%)rotate(-45deg) ; -ms-transform:translate(-50%,-50%)rotate(-45deg) ; -o-transform:translate(-50%,-50%)rotate(-45deg) ; }
 


.doodle_project_form_wrp{width: 100%;max-width: 100rem; margin-left: auto; margin-right: auto; padding-left:1rem; padding-right: 1rem; position: relative;}
.doodle_project_form_inr{margin-left: 0px; margin-right: 0px;width: 100%;}
.doodle_project_form_inr_la h4{  font-family: 'Poppins-SemiBold'; font-style: normal;font-weight: 600;  font-size: 3.75rem;  line-height: 4.1875rem;
  display: flex;  align-items: center;  letter-spacing: -0.005em;color: #000000;}
.doodle_project_form_inr_la p{  font-family: 'Poppins-Regular'; font-style: normal;  font-weight: normal;margin-top: 6.9375rem;
  font-size: 1.25rem;  line-height: 1.75rem;  display: flex;  align-items: center;letter-spacing: -0.005em;  color: #666363;}
.doodle_project_form_inr_ra h4{	font-family: 'Poppins-Medium';  font-style: normal;  font-weight: 500;font-size: 1.5625rem;  line-height: 1.625rem;
  display: flex;  align-items: center;letter-spacing: 0.035em;  color: #494747; margin-bottom: 3.125rem;}
.doodle_project_form_inr_rb h4{	font-family: 'Poppins-Medium';  font-style: normal;  font-weight: 500;font-size: 1.5625rem;  line-height: 1.625rem;
  display: flex;  align-items: center;letter-spacing: 0.035em;  color: #494747; margin-bottom: 3.125rem;}
  .doodle_project_form_inr_ra_list{ 
    width: 100%;
    max-width: 17.5rem;
  }

  .multpl {
    position: relative;
    cursor: pointer;
    min-height: 4rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Poppins-Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.25rem;
    display: flex;
    align-items: center;
    letter-spacing: 0.035em;
    color: #867B7B;
    z-index: 0;
    margin-bottom: 1.0625rem;
  }
  
  /* Hide the browser's default checkbox */
  .multpl input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  .multpl input:checked + .multpl {
    background-color: red;
  }
  
  /* Create a custom checkbox */
  .checkmark {/* 
    position: absolute; */
    position: relative;
    min-height: 4rem;
    background-color: white;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 1px solid #B5AFAF;
    box-sizing: border-box;
    border-radius: 5px;
    display: flex;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}
.checkmark .checkmark_txt{
  padding-top: 0.5rem;padding-bottom: 0.5rem;
  color: #867B7B;
  padding-left: 3.3rem;
  padding-right:3rem;
  margin-top: auto;
  margin-bottom: auto;
}
  
  /* On mouse-over, add a grey background color */
  .multpl:hover input ~ .checkmark {
    border: 1px solid #EB5757;
  }
  
  /* When the checkbox is checked, add a blue background */
  .multpl input:checked ~ .checkmark {
    background-color: #EB5757;
    border: 1px solid #EB5757;
  }
  .multpl input:checked ~ .checkmark .checkmark_txt{
    color: white;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    width: 0.8125rem;
    height: 1.5625rem;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    animation: border-animation2 0.5s ease-in-out 1;
    -webkit-animation: border-animation2 0.5s ease-in-out 1;
    border-width: 0px 0px 0px 0px;
    border: solid transparent;
}
  
  /* Show the checkmark when checked */
/*   .multpl input:checked ~ .checkmark:after {
    display: block;
  } */
  .multpl input:checked ~ .checkmark:after {
    border: solid white;
    width: 0.8125rem;
    height: 1.5625rem;
    animation: border-animation 0.5s ease-in-out 1;
    -webkit-animation: border-animation 0.5s ease-in-out 1;
    border-width: 0px 3px 3px 0px;
}
  
  @keyframes border-animation {
    0% { 
    border-width: 0px 0px 0px 0px;
    }
    50% { 
      border-width: 0px 0px 3px 0px;
    }
    100% { 
      border-width: 0px 3px 3px 0px;
    }
  }

   
  @keyframes border-animation2 {
    0% { 
      border-width: 0px 3px 3px 0px;
    }
    50% { 
      border-width: 0px 0px 3px 0px;
    }
    100% { 
      border-width: 0px 0px 0px 0px;
    }
  }
  
  /* Style the checkmark/indicator */
  .multpl .checkmark:after {
    right: 1.6rem;
    top: 50%;
    border: solid transparent;/* 
    border-width: 0 3px 3px 0; */
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
}


/* new check box red */
.doodle_project_form_inr_ra_list .wpcf7-list-item{width:100%; margin: 0px;}
.doodle_project_form_inr_ra_list .wpcf7-list-item label {
  position: relative;
  cursor: pointer;
  min-height: 4rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: 'Poppins-Medium';
  font-style: normal;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  letter-spacing: 0.035em;
  color: #867B7B;
  z-index: 0;
  margin-bottom: 1.0625rem;
}
.doodle_project_form_inr_ra_list .wpcf7-list-item label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}


.doodle_project_form_inr_ra_list .wpcf7-list-item label input:checked + 
.doodle_project_form_inr_ra_list .wpcf7-list-item label {
  background-color: red;
}

.doodle_project_form_inr_ra_list .wpcf7-list-item label span {/* 
  position: absolute; */
  position: relative;
  background-color: white;
  padding: 1.2rem 3.3rem 1.2rem 3rem;
  width: 100%;
  height: 100%;
  z-index: -1;
  border: 1px solid #B5AFAF;
  box-sizing: border-box;
  border-radius: 5px;
  display: flex;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
}
.doodle_project_form_inr_ra_list .wpcf7-list-item label:hover input ~ .wpcf7-list-item-label {
  border: 1px solid #EB5757;
}

.doodle_project_form_inr_ra_list .wpcf7-list-item label input:checked ~ .wpcf7-list-item-label {
  background-color: #EB5757;
  border: 1px solid #EB5757;
  color: white;
}

.doodle_project_form_inr_ra_list .wpcf7-list-item label input:checked ~ .checkmark .checkmark_txt{
  color: white;
}

.doodle_project_form_inr_ra_list .wpcf7-list-item label span::after {
  content: "";
  position: absolute;
  width: 0.8125rem;
  height: 1.5625rem;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  animation: border-animation2 0.5s ease-in-out 1;
  -webkit-animation: border-animation2 0.5s ease-in-out 1;
  border-width: 0px 0px 0px 0px;
  border: solid transparent;  
  right: 1.6rem;
  top: 50%;
  border: solid transparent;
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -o-transform: translateY(-50%) rotate(45deg);

}

.doodle_project_form_inr_ra_list .wpcf7-list-item label input:checked ~ .wpcf7-list-item-label:after {
  border: solid white;
  width: 0.8125rem;
  height: 1.5625rem;
  animation: border-animation 0.5s ease-in-out 1;
  -webkit-animation: border-animation 0.5s ease-in-out 1;
  border-width: 0px 3px 3px 0px;
}
/* new check box red */



.doodle_project_form_inr_rc.row{
  margin-left: 0px;margin-right: 0px;
}
.doodle_project_form_inr_rc input:not([type="submit"]):not([type="checkbox"]){height: 3.8125rem; }
.doodle_project_form_inr_rc input:not([type="submit"]):not([type="checkbox"]),
.doodle_project_form_inr_rc textarea{ border: 1px solid #C0BEBE; box-sizing: border-box; border-radius: 3px; -webkit-border-radius: 3px;
   -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; 
   font-family: 'Poppins-Medium';
   font-style: normal;
   font-weight: 500;
   font-size: 1.25rem;
   line-height: 1.25rem;
   display: flex;
   letter-spacing: 0.035em;
   color: #0B0A0A; 
   padding-left: 1rem;
   padding-right: 1rem;
   margin-top: 1.8125rem;
   width: 100%;
  }

.doodle_project_form_inr_rc input::placeholder,.doodle_project_form_inr_rc textarea::placeholder{color: #867B7B;opacity: 1; }
.doodle_project_form_inr_rc input:-ms-input-placeholder,.doodle_project_form_inr_rc textarea:-ms-input-placeholder {color: #867B7B; }
.doodle_project_form_inr_rc input::-ms-input-placeholder,.doodle_project_form_inr_rc textarea::-ms-input-placeholder{color: #867B7B; }
.doodle_project_form_inr_rc input:hover,
.doodle_project_form_inr_rc textarea:hover{
  border-color: #EB5757;
}
.doodle_project_form_inr_rc input:focus,
.doodle_project_form_inr_rc textarea:focus{
  border-color: #EB5757;
  box-shadow: 0 0 0 0.2rem rgba(235,87,87,.25);
}
.doodle_project_form_inr_rd {display: flex;flex-wrap: wrap;}
.doodle_project_form_inr_rd label{font-family: 'Poppins-Medium';cursor: pointer;margin-bottom: 0px;
font-style: normal;font-weight: 500;font-size: 1.25rem;line-height: 1.25rem;
display: flex;align-items: center;letter-spacing: 0.035em;margin-right: 3.4375rem;
color: #867B7B; position: relative; height: 2rem; margin-bottom: 1rem;}


/* Hide the browser's default checkbox */
.doodle_project_form_inr_rd label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}


/* Create a custom checkbox */
.budget_txt {  position: relative;padding-left: 3rem;}


/* On mouse-over, add a grey background color */
.doodle_project_form_inr_rd label:hover input ~ .checkmark {
}

/* When the checkbox is checked, add a blue background */
.doodle_project_form_inr_rd label input:checked ~ .budget_txt {
}

/* Create the checkmark/indicator (hidden when not checked) */
.budget_txt:before { position: absolute; width:2rem; height: 2rem; border: 1px solid #AAA9A9;
  box-sizing: border-box;  border-radius: 3px; content: ''; left: 0px; top: 50%; 
  transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.budget_txt:after {
  content: "";
  position: absolute;
  width: 0.6rem;
  height: 1.4rem;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  left: 0.7rem;
  top: 44%;
  border: solid transparent;/* 
  border-width: 0 3px 3px 0; */
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -o-transform: translateY(-50%) rotate(45deg);
  border-width: 0px 0px 0px 0px;

}

.doodle_project_form_inr_rd label input:checked ~ .budget_txt:after {
  border: solid #EB5757;
  width: 0.6rem;
  height: 1.4rem;
  animation: border-animation 0.3s linear 1;
  -webkit-animation: border-animation 0.3s linear 1;
  border-width: 0px 3px 3px 0px;
}


/* check box  */
.doodle_project_form_inr_rf {display: flex;flex-wrap: wrap;}
.doodle_project_form_inr_rf>label{width: 100%;}
.doodle_project_form_inr_rf>label .wpcf7-form-control-wrap{width: 100%;}
.doodle_project_form_inr_rf>label .wpcf7-form-control-wrap .wpcf7-form-control{width: 100%;display: flex;flex-wrap: wrap;}
.doodle_project_form_inr_rf .wpcf7-list-item label{font-family: 'Poppins-Medium';cursor: pointer;margin-bottom: 0px;
font-style: normal;font-weight: 500;font-size: 1.25rem;line-height: 1.25rem;
display: flex;align-items: center;letter-spacing: 0.035em;margin-right: 3.4375rem;
color: #867B7B; position: relative; height: 2rem; margin-bottom: 1rem;}
.doodle_project_form_inr_rf .wpcf7-list-item label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.doodle_project_form_inr_rf .wpcf7-list-item .wpcf7-list-item-label {  position: relative;padding-left: 3rem;}
.doodle_project_form_inr_rf .wpcf7-list-item label:hover input ~ .checkmark {}
.doodle_project_form_inr_rf .wpcf7-list-item label input:checked ~ .wpcf7-list-item-label {}
.doodle_project_form_inr_rf .wpcf7-list-item .wpcf7-list-item-label:before { position: absolute; width:2rem; height: 2rem; border: 1px solid #AAA9A9;
  box-sizing: border-box;  border-radius: 3px; content: ''; left: 0px; top: 50%; 
  transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.doodle_project_form_inr_rf .wpcf7-list-item .wpcf7-list-item-label:after {
  content: "";
  position: absolute;
  width: 0.6rem;
  height: 1.4rem;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  left: 0.7rem;
  top: 44%;
  border: solid transparent;/* 
  border-width: 0 3px 3px 0; */
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -o-transform: translateY(-50%) rotate(45deg);
  border-width: 0px 0px 0px 0px;

}

.doodle_project_form_inr_rf .wpcf7-list-item label input:checked ~ .wpcf7-list-item-label:after {
  border: solid #EB5757;
  width: 0.6rem;
  height: 1.4rem;
  animation: border-animation 0.3s linear 1;
  -webkit-animation: border-animation 0.3s linear 1;
  border-width: 0px 3px 3px 0px;
}
/* check box */



.mdtp__wrapper[data-theme='blue'] .mdtp__time_holder{background-color: #EB5757;}
.mdtp__wrapper[data-theme='blue'] .mdtp__digit.active span, .mdtp__wrapper[data-theme='blue'] .mdtp__clock .mdtp__digit:not(.digit--disabled) span:hover{
  background-color: #EB5757!important;
}
.mdtp__wrapper[data-theme='blue'] .mdtp__clock .mdtp__am.active, .mdtp__wrapper[data-theme='blue'] .mdtp__clock .mdtp__pm.active{
  background-color: #EB5757!important;
}
.mdtp__wrapper[data-theme='blue'] .mdtp__button{color:#EB5757;}
.mdtp__wrapper[data-theme='blue'] .mdtp__digit.active:before{background-color: #EB5757;}

/* project form*/

/* scroll indicator */
.scoll_indicator_wrp{position: fixed;
  left: 50%;
    top: 80%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
    z-index: -  1;
    cursor: pointer;
  -o-transform: translateX(-50%); display: flex;}
.scoll_indicator {
  margin-left: auto;margin-right: auto;
  position: absolute;
  width: 45px;
  height: 45px;
    cursor: pointer;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.scoll_mouse{position: absolute; display: flex; width: 45px; top: -45px;}
.scoll_mouse img{margin: auto; object-fit: contain; object-position: center; position: relative;}
.scroll_chevron {
  position: absolute;
  width: 45px;
  height: 8px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}

.scroll_chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}

.scroll_chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.scroll_chevron:before,
.scroll_chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #fff;
}

.scroll_chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.scroll_chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}


/* scroll indicator */
/* date and time */
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay{
  background: #EB5757;
  border-color: #EB5757;
}
.flatpickr-time input{user-select: none;}
.flatpickr-time input::-moz-selection { /* Code for Firefox */background: transparent;}
.flatpickr-time input::selection {  background: transparent;}
/* date and time */

/*banner head*/
.copy_height .main_container{padding-left: 3.125rem;padding-right: 3.125rem;}
.copy_height .banner_box_inr h2{font-size: 3.9375rem;line-height: 4.625rem;margin-top: 4rem;}
/*banner head*/

/* responsive */

.fxdWdt{max-width: 1920px;width: 100%;}
.fxdWdtb{max-width: 1500px;width: 100%;}

.about_head{display: flex;flex-direction: column;}
.about_head h1{text-align: center; max-width: 1200px;color: #ef414a; margin-left: auto;margin-right: auto;font-family: 'Poppins-Bold'; 
  margin-top: 2.25rem;margin-bottom: 4.25rem; }
.about_head h4{text-align: center;color: #7D6F6F; font-size: 1.875rem; line-height: 2.4375rem; margin-left: auto; margin-right: auto;}
.about_head h5 {display: flex; text-align: center; margin-left: auto; margin-right: auto; padding-bottom: 0px; margin-bottom: 0px;}
.about_head h5 span{
  font-family: 'Poppins-Regular';
  font-style: normal;
  font-weight: normal;font-size: 1.875rem;
  line-height: 2.4375rem;
  text-align: center;
  color: #7D6F6F} 
  .about_head h5 i{color: #ED3338; font-size: 1.5rem;line-height: 1.5rem; margin-right: 1rem;}
  .about_head .cntc{max-width: 630px;width: 100%; display: flex; margin-left: auto;margin-right: auto;}
  .about_head .cntc a{color: #7D6F6F; text-align: center;
    letter-spacing: 0.06em;
    font-family: 'Poppins-Regular';
    font-style: normal;
    font-weight: normal; font-size: 1.875rem; line-height: 2.4375rem;}
  .about_head .cntc a:first-child{margin-left: 0px;margin-right: auto;}
  .about_head .cntc a:last-child{margin-left: auto; margin-right: 0px;}
  .about_b{padding-top: 3rem;padding-bottom: 3rem;} 
  .about_b h3{font-size: 2.5rem; line-height: 3.125rem;max-width: 1200px; text-align: center; color: white;
     font-family: 'Poppins-Regular';     padding-left: 1rem; padding-right: 1rem; margin-left: auto;margin-right: auto;}
  .about_b p{ max-width: 1100px; text-align: center;  margin-top: 5.875rem;color: white;    margin-right: auto;    font-size: 1rem;    line-height: 1.454rem;
    font-family: 'Poppins-Regular';     padding-left: 1rem; padding-right: 1rem; margin-left: auto;margin-right: auto;}
    .about_c{max-width: 1650px;margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto; width: 100%;position: relative; height: auto;
       padding-left: 1rem;padding-right: 1rem; padding-bottom: 6.250rem;}
    .about_c .about_c_count{margin-top:3.125rem;margin-bottom: 3.125rem;}
    .about_c .about_c_count h1{color: white;font-family: 'Poppins-Bold';font-weight: 700; max-width: 100%;margin-bottom: 0px;
      padding-bottom: 0px;display: flex;}
      .about_c .about_c_count h1 span{
         margin-top: auto;
         margin-bottom: auto;
         transition:all 0.2s ease-in-out;
         -webkit-transition:all 0.2s ease-in-out;
         -moz-transition:all 0.2s ease-in-out;
         -ms-transition:all 0.2s ease-in-out;
         -o-transition:all 0.2s ease-in-out;
}
    .about_c .about_c_count h4{color: white;font-family: 'Poppins-Regular'; font-size: 1.875rem;line-height: 2.375rem;}
    .about_c_doodle{position: absolute; right: 6.25rem;bottom: 6.25rem; max-width: 19.625rem;}
    .about_c_doodle img{width: 100%;max-width: 100%;}
    .owl-carousel.owl-doodle-a .owl-stage-outer{ height: 100%;}
    .owl-carousel.owl-doodle-a .owl-stage{ height: 100%;}
    .owl-carousel.owl-doodle-a .owl-item{height: 100%;}
    .owl-carousel.owl-doodle-a .item{height: 100%;}
    .about_d{max-width: 600px;}
    

    /* contact page */
    .contact_buttons{display: flex; width: auto;margin-left: auto; margin-right: auto; margin-top: 5.25rem; padding-left: 1rem; padding-right: 1rem;}
    .contact_buttons .contact_button{
       border: 1px solid #7D6F6F;
       box-sizing: border-box;
       border-radius: 3px;
       display: flex;
       width: 15.75rem;
       margin-left: 0.75rem;
       margin-right: 0.75rem;
       background-color: transparent;
       margin-top: 1rem;
       transition:all 0.3s ease-in-out;
       -webkit-transition:all 0.3s ease-in-out;
       -moz-transition:all 0.3s ease-in-out;
       -ms-transition:all 0.3s ease-in-out;
       -o-transition:all 0.3s ease-in-out;
}
    .contact_buttons .contact_button h4{display: flex; margin-top: auto;margin-bottom: auto; padding-top: 1.125rem; padding-bottom: 1.125rem;    
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
}
    .contact_buttons .contact_button h4 i{margin-top: auto;margin-bottom: auto; margin-right: 1.625rem;}
    .contact_buttons .contact_button h4 span{margin-top: auto;margin-bottom: auto; color: #7D6F6F; font-size: 1.875rem; line-height: 2.4375rem;
      font-family: 'Poppins-Regular'; font-weight: 400;
      transition:all 0.3s ease-in-out;
      -webkit-transition:all 0.3s ease-in-out;
      -moz-transition:all 0.3s ease-in-out;
      -ms-transition:all 0.3s ease-in-out;
      -o-transition:all 0.3s ease-in-out;}
      
    .contact_buttons .contact_button:hover{ border-color: #ED3338; color: #ED3338;}
    .contact_buttons .contact_button:hover h4{ color: #ED3338;}
    .contact_buttons .contact_button:hover h4 span{ color: #ED3338;}
    
    .contact_1{background-color:#F2F2F2;}
    .contact_2{width: 100%; max-width: 1450px; }
    .contact_3{padding-top: 2rem;padding-bottom: 2rem;width: 100%;}
    .contact_3 h1{font-family: 'Poppins-Bold';font-style: normal;font-weight: bold;color: #000000;}
    .contact_3 ul{display: flex; margin-top: 7.1875rem;}
    .contact_3 ul li{margin-right: 2.8125rem; }
    .contact_3 ul li a{ font-size: 2.8125rem; line-height: 2.8125rem; color: #000000; transition:all 0.3s ease-in-out;
       -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; }
    .contact_3 ul li a:hover{color: #ED3338;}
    .contact_slide{ padding-left: 1rem; padding-right: 1rem; max-width: 600px;}
    .contact_slide_img{margin-left: auto; margin-right: auto; width: 6.25rem;}
    .contact_slide p{color: #867B7B;font-size: 1.25rem;line-height: 1.875rem;text-align: center;font-family: 'Poppins-Regular'; margin-left: auto; margin-right: auto; margin-bottom: 0rem; margin-top: 2.375rem;}
    .contact_slide h4{color: #0B0A0A;font-size: 1.875rem;line-height: 2.4375rem;text-align: center;font-family: 'Poppins-Bold'; margin-top: 3.4375rem; margin-bottom: 0rem;}
    .contact_slide h5{color: #0B0A0A;font-size: 1.875rem;line-height: 2.4375rem;text-align: center;font-family: 'Poppins-Regular'; margin-top: 1rem; margin-bottom: 0rem;}
    .contact_4{padding-top: 2rem; padding-bottom: 2rem; width: 100%;}
    .contact_3b{display: flex;}
    .contact_3b h3{
      font-family: 'Poppins-Bold';
      font-style: normal;
      font-weight: bold;
      font-size: 3.75rem;
      line-height: 6.875rem;
      color: #0B0A0A;margin-top: auto;margin-bottom: auto;
      white-space: nowrap;}
    .contact_3b .dropdown.bootstrap-select{margin-top: auto;margin-bottom: auto; width: auto;}
    .contact_3b .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width: auto;}
    .contact_3b .bootstrap-select>.dropdown-toggle{background-color: transparent; position: relative; padding-right: 3rem; padding-left: 0px;
    margin-left: 1rem; border: 0px;}
    .contact_3b .bootstrap-select>.dropdown-toggle:focus,.contact_3b .bootstrap-select>.dropdown-toggle:hover{background-color: transparent;
    border: 0px!important; box-shadow: none!important; outline: 0px!important;}
    .contact_3b .bootstrap-select>.dropdown-toggle::before{
      position: absolute;
      width: 100%;
      height: 2px;
      left: 0px;
      right: 0px;
      content: '';
      bottom: 0px;
      background-color: #0B0A0A;
    }
    .contact_3b .bootstrap-select>.dropdown-toggle::after{
      margin: auto;
      right: 0px;
      position: absolute;
      width: 0;
      height: 0;
      border-left: 0.9rem solid transparent;
      border-right: 0.9rem solid transparent;
      border-bottom: 0px;
      border-top: 1.125rem solid #0B0A0A;
      top: 50%;
      transform:translateY(-50%);
      -webkit-transform:translateY(-50%);
      -moz-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
      -o-transform:translateY(-50%);
}

    .contact_3b .bootstrap-select .dropdown-toggle .filter-option-inner-inner{
      font-family: 'Poppins-Bold';
      font-style: normal;
      font-weight: bold;
      font-size: 3.75rem;
      line-height: 6.875rem;
      color: #0B0A0A;}

    .contact_3b .bootstrap-select .dropdown-menu li a span.text{ font-family: 'Poppins-Bold';
        font-style: normal;
        font-weight: bold;
        font-size: 3.75rem;
        line-height: 3.75rem;
        padding-top: 0.5rem;padding-bottom: 0.5rem;
        color: #0B0A0A;}
        
    .contact_3b .bootstrap-select .dropdown-menu li a.active,   .contact_3b .bootstrap-select .dropdown-menu li a:active{
      background-color: #ED3338;
    }
    .contact_3b .bootstrap-select .dropdown-menu li a.active span.text,.contact_3b .bootstrap-select .dropdown-menu li a:active span.text{
      color: white;
    }
    .contact_tab1{ width: 100%; margin-top: 4.6875rem;}
    #contact_tab{display: none;}
    #contact_tab2 input:not([type="submit"]), #contact_tab2 select{ height: 60px; }
    #contact_tab2 input:not([type="submit"]),#contact_tab2 textarea, #contact_tab2 select{background: #FFFFFF;
      border-radius: 3px;
      font-family: 'Poppins-Regular';
      font-style: normal;
      font-weight: normal;
      font-size: 1.25rem;
      line-height: 2.4375rem;
      letter-spacing: 0.06em;
      color: #0B0A0A;
      margin-top: 2.1875rem;
    }
    #contact_tab2 select option{
      color: #0B0A0A;
      font-family: 'Poppins-Regular';
      font-style: normal;
      font-weight: normal;
      font-size: 1.25rem;
      line-height: 2.4375rem;}

    #contact_tab2 input:not([type="submit"]).wpcf7-not-valid,#contact_tab2 textarea.wpcf7-not-valid{
       border-color: #dc3232;
    }

    #contact_tab2 input:not([type="submit"])::placeholder,#contact_tab2 textarea::placeholder {color: #7D6F6F; opacity: 1; }
    #contact_tab2 input:not([type="submit"]):-ms-input-placeholder,#contact_tab2 textarea:-ms-input-placeholder { color: #7D6F6F; }
    #contact_tab2 input:not([type="submit"])::-ms-input-placeholder,#contact_tab2 textarea::-ms-input-placeholder {color: #7D6F6F;}


    #contact_tab2 .submit_button::after{
    position: absolute;
    content: '';
    background-color: #ED3338;
    height: 0px;
    width:0px;
    left: 50%;
    border-radius: 50%;
    top: 50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    z-index: -1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: width 0.3s ease-in,border-radius 0.3s ease-in,height 0.2s ease-in-out;
    -webkit-transition: width 0.3s ease-in,border-radius 0.3s ease-in,height 0.2s ease-in-out;
    -moz-transition: width 0.3s ease-in,border-radius 0.3s ease-in,height 0.2s ease-in-out;
    -ms-transition: width 0.3s ease-in,border-radius 0.3s ease-in,height 0.2s ease-in-out;
    -o-transition: width 0.3s ease-in,border-radius 0.3s ease-in,height 0.2s ease-in-out;
} 
#contact_tab2 .submit_button:hover::after{
  border-radius: 3px;
  height: 100%;
  width:100%;}
#contact_tab2 .submit_button::before{
      border-radius: 3px;
      position: absolute;
      content: '';
      background-color: #0B0A0A;
      width: 100%;height: 100%;
      left: 0px;top:0px;
      z-index: -1;
    }
#contact_tab2 .submit_button,#contact_tab2 input[type="submit"]{
      margin-top: 2.1875rem;
      border: 0px;
      z-index: 2;
      position: relative;
      height: 60px;
      width: 100%;
      background-color: transparent;
      border-radius: 3px;
      font-family: 'Poppins-Regular';
      font-style: normal;
      font-weight: normal;
      font-size: 1.25rem;
      line-height: 2.4375rem;
      letter-spacing: 0.06em;
      color: #FFFFFF;
    }
    #contact_tab2 input[type="submit"]{
      background-color: #0B0A0A;}
    .contact_address{padding-top: 13.375rem;padding-bottom: 13.375rem; position: relative;}
    .contact_address iframe{position: absolute;left: 0px;top: 0px;height: 100%;width: 100%; z-index: -1;}
    .contact_address::after{position: absolute; left: 0px;top: 0px;height: 100%; width: 100%; background-color: #ED3338; opacity: 0.7; content: ''; z-index: -1;}
    .contact_address_a{max-width: 1650px;width: 100%;margin: auto;}
    .contact_address_img{margin: auto; padding-top: 2rem; padding-bottom: 2rem; display: flex;}
    .contact_address_img:hover{text-decoration: none;}
    .contact_address_img img{object-fit: contain; object-position:center;
      animation-duration: 2s;
      animation-iteration-count: infinite; 
      animation-name: doodle-loc-bounce;
      animation-timing-function: ease;
  }
  @keyframes doodle-loc-bounce {
      0%   { transform: translateY(0); }
      50%  { transform: translateY(-30px); -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); }
      100% { transform: translateY(0); }
  }
  .contact_address_L{ text-align: left; color: white; margin-top: auto; margin-bottom: auto;}
  .contact_address_L h4{font-family: 'Poppins-Bold'; color: #FFFFFF; font-size: 1.875rem;line-height: 2.4375rem;}
  .contact_address_L p{font-family: 'Poppins-Regular'; color: #F2F2F2;
    font-size: 1.5625rem;
    line-height: 2rem;
    color: #F2F2F2;
  }
  .contact_address_R{text-align: center; color: white; margin-top: auto; margin-bottom: auto; width: 100%;}
  .contact_address_R h4{font-family: 'Poppins-Bold'; color: #FFFFFF; font-size: 1.875rem;line-height: 2.4375rem; text-align: center;}

    /* contact page */

    /* video section */
  .doodle_video{width: 100%; max-width: 100%;}
  .doodle_video{}
    /* video section */

.copy_height{width: 100%; position: fixed; top: 0px; z-index: -1;}
.paste_height{margin-top:100vh; transition: all 0.2s ease-in-out;}

/* innerpage start */
h1,h2,h3,h4,h5,h6{font-family: 'Poppins', sans-serif;}
.doodle-inner-top{padding-top: 40vh;}
.doodle-inner-top_wrp{width: 100%;max-width: 1100px;padding-left: 1rem;padding-right: 1rem;margin-left: auto;margin-right: auto;margin-bottom: auto;
padding-top: 2rem;padding-bottom: 2rem;}
.doodle-inner-top_wrp h2{color:#EC3B3B;text-align: center;font-weight: 600;  font-size: 6.25rem;  line-height: 6.875rem;}
.doodle-inner-top_wrp p{font-weight: 700;font-size: 1.875rem;  line-height: 2.4375rem; text-align: center;  color: #5A5A5A;font-family: 'Poppins', sans-serif;}
.doodle-inner-top_img_wrp{margin-top: 7.5rem;margin-bottom: 0px;padding-left: 0px;}
.doodle-inner-top_img_wrp li{margin-left: 5rem;margin-right: 5rem;}
.doodle-inner-top_img_wrp li img{width: 56px;height: 56px;object-fit: contain;object-position: center; margin-right: 1.5rem;}

.doodle_slider{background-repeat: no-repeat; background-position: center;background-size: cover; padding-top: 4rem;padding-bottom: 4rem;display: flex;}
.doodle_slider_wrp{margin-left: auto;margin-right: auto;width: 100%;max-width: 950px; background-color: white; margin-top: auto;margin-bottom: auto;
padding-top: 0.75rem;padding-bottom: 0.75rem;}
.doodle_slider_head{ padding: 2rem 6rem;}
.doodle_slider_head h4{color:#EC3B3B;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 110%;
  text-align: center;
  font-family: 'Poppins', sans-serif;
}
.doodle_slider_inside{padding:25rem 10rem 2rem ;position: relative;}
.slider{background: #FEF2F2;
  border: 1px solid #EC3B3B;
  box-sizing: border-box;
  border-radius: 10px;height: 1rem;}
  .ui-widget.ui-widget-content{
    border: 1px solid #EC3B3B;}
.slider .tick { z-index: 2; position: absolute; height: 100%;
  background: none; border-top: none; border-right: none; border-bottom: none; text-align: left;
  font-size: 0.9375rem;
  line-height: 12px;  
  display: flex;
  align-items: center;
  letter-spacing: 0.06em;
  color: #7D7D7D;
  top: 22px;
  margin-left: -6px;
  border: 0px;

}
  .ui-state-default, .ui-widget-content .ui-state-default{
    background-image: url(../images/handle_slide.png);
    background-position: center;background-repeat: no-repeat;background-size: contain;
    border: 0px;
    background-color: none;
    cursor: pointer;
    background-color: transparent!important;
  }  
  
 .ui-widget-content .ui-state-default:hover{
  background-color: transparent!important;}
  
 .ui-widget-content .ui-state-default.ui-state-active{
    background-color: transparent!important;
    background-image: url(../images/handle_slide_fill.png);}
.ui-slider .ui-slider-handle{height: 32px;top: -10px;position: relative;width: 20px;display: block;}


.extra_info{
  width: 16.875rem;
  height: 18.75rem;
  display: flex;
  flex-wrap: wrap;
  background-color: white;
  background-image: url(../images/handle_after.png);
  position: absolute;
  left: 50%;
  bottom: 50px;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -o-transform:translateX(-50%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding:5px;
}
.extra_info_block{width: 50%;display: flex;flex-direction: column;padding: 5px 10px;}
.extra_info_block_img{height: 1.875rem;max-height: 1.875rem;width: auto;margin-left: auto;margin-right: 0px;}
.extra_info_block_img img{height: 100%;width: auto;max-height: 100%;object-fit: contain;object-position: center;}
.extra_info_block h5{color: #EC3B3B;text-align: left;text-transform: uppercase;margin-bottom: 0px;padding-bottom: 0px; 
  font-size: 1rem;line-height: 100%; padding-top: 5px;}
.extra_info_block h4{color: #0B0A0A;margin-bottom: 0px;padding-top: 5px;margin-top: 0px;
  font-style: normal;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 1.625rem;
  display: flex;
  align-items: center;
  text-align: center;
  display: flex;
  color: #0B0A0A;}
  .extra_info_block h4 span{margin-right: 5px;}
  .extra_info_block h4 small{font-size: 1rem;line-height: 1rem;margin-bottom: 0px;margin-top: auto;}
  .slider_head{margin-left: -100px;}
  .slider_head h4{
    font-family: 'Poppins', sans-serif;font-weight: 400;
    font-size:1rem;line-height:100%;color: #EC3B3B;}
    .slider_headb{ position: absolute; left:0px; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
.os_selection{margin-top:3rem;position: relative;}
.each_os{ margin-right: 1.4375rem;}
.each_os input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
  
.os_detail{
  border: 1px solid transparent;
  box-sizing: border-box;
  border-radius: 3px; padding: 0.8125rem 3.125rem 0.8125rem 1.4375rem;
  cursor: pointer;
  position: relative;
}

.os_detail::after{
    content: "";
    position: absolute;
    width: 0.8125rem;
    height: 1.5625rem;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    animation: border-animation2 0.5s ease-in-out 1;
    -webkit-animation: border-animation2 0.5s ease-in-out 1;
    border-width: 0px 0px 0px 0px;
    border: solid transparent;
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    
  }
 

.os_selection .each_os:hover input ~ .os_detail {
      border: 1px solid #918D8D;
}
.each_os input:checked ~ .os_detail {
      border: 1px solid #918D8D;
}
.each_os input:checked ~ .os_detail p{
    color:  #EC3B3B;
}

.each_os input:checked ~ .os_detail::after{
  border: solid  #EC3B3B;
  width: 0.8125rem;
  height: 1.5625rem;
  animation: border-animation 0.5s ease-in-out 1;
  -webkit-animation: border-animation 0.5s ease-in-out 1;
  border-width: 0px 3px 3px 0px;
}

.os_detail img{
  width: 56px;
  height: 56px;
  object-fit: contain;
  object-position: center;
  margin-right: 1.5rem;}
.os_detail p{
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 100%;
  text-align: center;
  color: #5A5A5A; }
  
  .doodle_slider_out {margin-top: 3.375rem;}
  .doodle_slider_out a{
      padding: 0.9rem 1.375rem;
      background: #EC3B3B;
      border-radius: 3px;
      margin-left: auto;
      margin-right: auto; 
      font-family: 'Poppins', sans-serif;
      font-size: 1.25rem;
      line-height: 110%;
      letter-spacing: 0.06em;
      color: #FFFFFF;
    }

    .doodle-inp-01{padding-top: 2rem;padding-bottom: 2rem;}
    .doodle-inp-01 h3{
      font-family: 'Poppins', sans-serif;
      font-weight: 600;font-size: 1.625rem;
      line-height: 1.625rem;text-align: center; color: #252F3E;
      margin-bottom: 6.25rem;
      }
    .doodle-inp-01-w400{width: 100%;max-width: 400px;margin-left: 0px;margin-right: 0px;}
    .doodle-inp-01-w500{width: 100%;max-width: 500px;margin-left: 0px;margin-right: 0px;}
    .os_logos{width: 100%;height: 88px;margin-top: 1rem;margin-bottom: 1rem;display: flex;}
    .os_logos img{width: auto;margin-left: auto;margin-right: auto; height: 100%;max-height: 100%;object-fit: contain;object-position: center;margin: auto;}
    .vpn_render{padding-top: 2rem;padding-bottom: 2rem;}
    .vpn_render h4{
      font-family: 'Poppins', sans-serif;color: #EC3B3B;font-weight: 600;
      font-size: 1.625rem;
      line-height: 1.625rem;color: #EC3B3B;
      }
      .doodle-inp-border01{border-top:1px solid #B5B2B2;}
      .doodle-inp-border02{border-right:1px solid #B5B2B2;}
  .vps_wrp{max-width: 370px;padding-top: 2rem;padding-bottom: 2rem;}
  .vps_wrp01{width: 5rem;height: 5.5625rem;}
  .vps_wrp01 img{object-fit: contain;object-position: left;width: 100%;max-width: 100%;height: 100%;max-height: 100%;}
  .vps_wrp02{}
  
  .vps_wrp02 h4{
    font-family: 'Poppins', sans-serif;
    margin-top: 1.12rem;
    color: white;
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 2.5rem;}
  .vps_wrp02 h4 small{
      font-size: 1.625rem;
      line-height: 1.625rem;}
  .vps_wrp02 p{
    margin-top: 2rem;
    font-family: 'Poppins', sans-serif;
    color: white;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.4375rem;
    letter-spacing: 0.035em;
  }
  .dedicated-Hosting{width: 100%;max-width: 480px;}
  .dedicated-Hosting h4{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;color: #0B0A0A;}
  .dedicated-Hosting p{
    font-family: 'Poppins', sans-serif;font-weight: 500;
    font-size: 16px;
    line-height: 23px;letter-spacing: 0.035em;
    color: #867B7B;}
  .dedicated-Hosting ul{list-style: none;padding-left: 0px;}
  .dedicated-Hosting ul li{
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 255px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    /* or 125% */
    
    
    color: #867B7B;}

  #accordionServer .card{ border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px;}
  #accordionServer .card-header{background: white;padding: 0px;}
  #accordionServer .card-body{padding: 1rem 2rem;}
  #accordionServer .btn.btn-link{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 1.625rem;
    line-height: 1.625rem;
    color: #0B0A0A;
    width: 100%;
    text-align: left;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    position: relative;
    
    padding: 1rem 2rem;
    }
    
  #accordionServer .btn.btn-link::after{
    position: absolute;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 1rem;
    top: 50%;
    content: '';
    transform:translateY(-50%)rotate(45deg);
    border-top: 1px solid transparent;
    border-right: 1px solid #918D8D;;
    border-bottom: 1px solid #918D8D;;
    border-left: 1px solid transparent;
    -webkit-transform:translateY(-50%)rotate(45deg);
    -moz-transform:translateY(-50%)rotate(45deg);
    -ms-transform:translateY(-50%)rotate(45deg);
    -o-transform:translateY(-50%)rotate(45deg);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

#accordionServer .btn.btn-link.collapsed::after{
  transform:translateY(-50%)rotate(-45deg);
  -webkit-transform:translateY(-50%)rotate(-45deg);
  -moz-transform:translateY(-50%)rotate(-45deg);
  -ms-transform:translateY(-50%)rotate(-45deg);
  -o-transform:translateY(-50%)rotate(-45deg);
}

#accordionServer .card-body p{
  margin-top: 0px;
  margin-bottom: 5px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: 0.035em;
  color: #867B7B;}

  .shared_wrp{}
  .shared_wrp h3{max-width: 650px;}
  .shared_wrp p{max-width: 650px;margin-top: 2rem;}
  .shared_wrp01{margin-top: 3rem;}
  .shared_wrp02{height: 16.8125rem; padding: 2rem 3rem;}
  .shared_wrp02 img{height: 100%;width: auto;max-height: 100%;object-fit: contain;object-position: center;}

  .sharedOptionWrap{
    border: 1px solid #EC3B3B;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 2rem;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
}
    .sharedOptionWrap:hover{background-color: #fff7f7;}
    .sharedOptionWrap h4 small{
      font-size: 1.625rem;
      line-height: 150%;color: #EC3B3B;}
    .sharedOptionWrap h4{
      margin-top: 1.5rem;
      font-weight: 600;
      font-size: 2.5rem;
      line-height: 120%;color: #EC3B3B;}
    .sharedOptionWrap p{
      font-weight: 500;
      margin-top: 0px;
      font-size: 1rem;
      line-height: 140%;letter-spacing: 0.035em;
      color: #867B7B;}
    .doodle_inner_aa_s{width: 100%;padding-top: 3rem;padding-bottom: 3rem;}  
    .doodle_inner_aa_s h3{text-align: center;}  
    .doodle_inner_aa_s p{
      margin-left: auto;margin-right: auto;
      text-align: center;
      margin-top: 2.75rem;
      font-weight: 600;
      font-size: 1.625rem;
      line-height: 1.625rem; color: #0B0A0A;}
      .doodle_inner_aa_s .fxdWdtb{padding-top: 7.8125rem;padding-bottom: 1.5rem;}  
      .doodle_inner_aa_s .vps_wrp{margin-left: auto;margin-right: auto;}
      .doodle_inner_aa_s .vps_wrp01{margin-left: auto;margin-right: auto;height: 6.25rem;width: 12.5rem;}
      .doodle_inner_aa_s .vps_wrp01 img{object-position: center;}
      .doodle_inner_aa_s h4{  
        font-weight: 600;
        font-size: 2.5rem;
        line-height: 110%;
        color: #0B0A0A;
      }.doodle_inner_aa_s .vps_wrp02{margin-top: 2rem;}
      .inner_aa_01 .vps_wrp{margin-left: auto;margin-right: auto;}
      .inner_aa_01 .vps_wrp01{margin-left: auto;margin-right: auto;}
      .inner_aa_01 .vps_wrp02 h4{text-align: center;max-width: 12.5rem;margin-left: auto;margin-right: auto;}
      .inner_aa_02{}
      .inner_aa_03 {width: 100%; padding-top: 2rem;padding-bottom: 2rem;}
      .inner_aa_04 {max-width: 500px;padding-top: 2rem;padding-bottom: 2rem;}
      .inner_aa_02_wrp{max-width: 650px;margin-left: auto;margin-right: auto;padding-bottom: 4rem;}
      .inner_aa_02_wrp h3{color: white;text-align: center;margin-left: auto;margin-right: auto;margin-bottom: 1.5625rem;}
      .inner_aa_02_wrp p{color: white;text-align: center;margin-left: auto;margin-right: auto;}
      .inner_aa_02 .fxdWdtb{width: 100%;max-width: 800px;}
      .inner_aa_02 .vps_wrp,.inner_aa_03 .vps_wrp{display: flex;flex-direction: row;}
      .inner_aa_02 .vps_wrp01{margin-right: 1.625rem;width: 5.875rem;height: 5.875rem;}
      .inner_aa_03 .vps_wrp01{margin-right: 1.625rem;min-width:5.5625rem; width: 5.5625rem;height:5.5625rem}
      .inner_aa_02 .vps_wrp02,.inner_aa_03 .vps_wrp02{display: flex;}
      .inner_aa_02 .vps_wrp02 h4,.inner_aa_03 .vps_wrp02 h4{margin-top: auto;margin-bottom: auto;font-weight: 700;font-size: 1.875rem;line-height: 1.875rem;}
      .inner_aa_03 .vps_wrp02 h4{color: #EC3B3B;}
      .inner_aa_04 h3{font-size: 2.5rem;line-height: 110%;margin-bottom: 4rem;}
      .inner_aa_04 h3 small{font-size: 1.625rem;line-height: 110%;}
      .inner_aa_04b{width: 31.25rem;height: 31.25rem;}
      .inner_aa_04b img{width: 100%;height: 100%;max-width: 100%;max-width: 100%; object-fit: cover;object-position: center;}
      .inner_aa_05 {width: 100%;}
      .inner_aa_05 .fxdWdtb{margin-top: 9.375rem;}
      .inner_aa_05 p{max-width: 900px;}
      .inner_aa_05 .vps_wrp{margin-left: auto;margin-right: auto;max-width: 100%;width: 100%;}
      .inner_aa_05 .vps_wrp01{margin-left: auto;margin-right: auto;width: 100%;height: 3.125rem;}
      .inner_aa_05 .vps_wrp01 img{object-position: center;}
      .inner_aa_05 .vps_wrp02 {margin-left: auto;margin-right: auto;width: 100%;max-width: 230px;}
      .inner_aa_05 .vps_wrp02 h4{color: #0B0A0A;}
      .inner_aa_05 .vps_wrp02 p{color: #867B7B;}
      .inner_footer{padding-top: 9.6875rem;padding-bottom: 9.6875rem;}
      .inner_footer h4{
        margin-top: auto;
        margin-bottom: auto;
        font-weight: 600;
        font-size: 2.5rem;
        line-height: 110%;
        display: flex;
        align-items: flex-end;
        color: #0B0A0A;}
      .doodle_back-red.inner_footer h4{
        color: white;}
      .doodle_back-white.inner_footer h4{
        color: #0B0A0A;}
        .inner_footer_img{width: 100%;max-width: 362px;}
        .inner_footer_img img{width: 100%;max-width: 100%;object-fit: contain;object-position: center;}
  /* innerpage end */


@media(min-width:1601px){
.pL-100-16k{padding-left:4rem}
.pR-100-16k{padding-right:4rem}
}
@media(max-width:1600px){
.owl-doodle-d-wrp-b{max-width: 25rem;}
.owl-doodle-d img{  height: 15rem;}
.pL-100-16k{padding-left:3rem}
.pR-100-16k{padding-right:3rem}
.fxdWdtb{padding-left: 6rem; padding-right: 6rem;}
}

@media(min-width:1501px){
  html,body{    font-size: 16px;}
  .cloud_backup_circle{height: 38rem;  width: 38rem;}
  .cloud_backup_circle .cloud_backup_circle_img{ width: 20rem; height: 20rem;}
}

@media(max-width:1500px){/* 
  .fxdWdt{width: 100%; max-width: 1200px;} */
  html,body{    font-size: 15px;}
  .fxdWdtb{padding-left: 4rem; padding-right: 4rem;}

  .doodle_c-img-f{  max-width: 40rem; }
  .doodle_c-img-f .doodle_c-img-a {max-width: 24rem;  max-height: 35rem;}
  .caption-holder-left{padding-left: 6rem;}
  .carousel-caption-v2.d-md-block{padding-left:6rem;}
  .carousel-caption-v2 h1{font-size: 5rem;line-height: 5rem;}

}
@media(max-width:1400px){
  .cloud_backup_circle{height: 35rem;  width: 35rem;}
  .cloud_backup_circle .cloud_backup_circle_img{  width: 20rem; height: 20rem;}
  
  .doodle_c-img-f{  max-width: 35rem; }
  .doodle_c-img-f .doodle_c-img-a {max-width: 20rem;  max-height: 28rem;}

}

@media(max-width:1199px){
  .application_crm_list{padding-left: 5rem;} 
  .main-banner-container .container{flex-direction: column;}
  .main-banner-container .container .slide-left-container{width: 100%;}
  .main-banner-container .container .slide-rigt-container{width: 100%;}
  .cstm-row-SeFvf{flex-direction: column; padding-left: 0px;}
  .ser-ne-lft{position: relative; display: flex;}
  .serv__inr{margin-left: auto;margin-right: auto;}
  .who-we__inr h3{font-size: 2.5rem; line-height: 2.6rem; margin-bottom: 3.125rem;}
  .doodle_call_to_action_r{margin-right: auto; margin-top: 1.5rem;}

  .doodle_project_form_inr_la h4{font-size:3rem;line-height:3.5rem;}
  .doodle_project_form_inr_ra_list{max-width: 100%;}
  .doodle_project_form_inr_ra_list .wpcf7-form-control{display: flex;flex-wrap: wrap;width: 100%;}
  .doodle_project_form_inr_ra_list .wpcf7-list-item{margin-right: 1rem; width: auto;}
  .doodle_project_form_inr_rc .d-flex{   padding-top:1.8125rem;}
  .doodle_project_form_wrp>.col-xl-8{padding-left:0px;padding-right:0px;}
  .doodle_project_form_inr_ra{margin-top: 1.5rem;}
  .doodle_project_form_inr_ra h4{margin-bottom:1.125rem;}
  .doodle_project_form_inr_rc.row{margin-top: 1.5rem;}
  .doodle_project_form_inr_rb h4{margin-bottom:1.125rem;}
  .call-wrapper{flex-direction: column;}
  .call-wrapper h4{margin-left: auto; margin-right: auto; text-align: center;max-width:85%;}
  .call-wrapper ul{margin-left: auto;margin-right: auto;width: auto;}
    .doodle_video_wrp{margin-left: auto;margin-right: auto;}    
    .doodle_video{max-height: 100%;}
}


@media(min-width:992px){
  .owl-doodle-c{display: flex;width: 72%;}
}

@media(max-width:991px){
  html,body{    font-size: 14px;}
  .brading-left-box.col-lg-6,.branding-box-right.col-lg-6{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;}
  .fxdWdt{padding: 3rem 2rem 0rem 2rem;}
  .pL-100-16k{padding-left:3rem}
  .pR-100-16k{padding-right:3rem}
  
  .brading-left-box.col-lg-6{padding: 3rem 2rem 0rem 2rem; border-right: 0px;}
  .branding-box-right.col-lg-6 .brnd-box-main a{padding: 1rem 1rem 1rem 1rem;}
  .brnd-box-main ul li{font-size: 1.25rem; line-height: 2.0625rem;}
  
  .doodle_a h4{font-size: 2rem;line-height: 2.125rem;}
 
  .doodle_a p{font-size: 1.25rem;line-height: 1.75rem;}
  .doodle_a ul li{line-height: 1.4375rem;font-size: 1rem;}
  .imgHldr-2{width: 70%;margin-right: 0px;margin-left: auto;}
  .doodle_b_r_DIgM{width: 100%;}
  .owl-doodle-c{width: 100%;}
  .doodle_b_r_DIgO,.doodle_b_r_DIgN{display: none;}
  .doodle_b_r_DIgL{margin-left: auto;margin-right: auto; width: 100%; height: 100%;min-height: 10rem;}
  .owl-doodle-c .owl-stage-outer{ margin-top: auto;margin-bottom: auto; height: 100%;}
  .owl-doodle-c .owl-stage{height: 100%;}
  .owl-doodle-c .owl-stage .owl-item{height: 100%;}
  .sqrWrp{top: 20%;}

  .doodle_c-img-f{  max-width: 30rem; }
  .doodle_c-img-f .doodle_c-img-a {max-width: 20rem;  max-height: 25rem;}
  

  .contact_3b h3,.contact_3b .bootstrap-select .dropdown-toggle .filter-option-inner-inner,.contact_3b .bootstrap-select .dropdown-menu li a span.text{font-size: 3rem; line-height: 3rem;}
   .doodle_video_wrp{max-height: 30rem;}
  .service_text{    -ms-flex: 0 0 80%;    flex: 0 0 80%;    max-width:80%;padding-left:0px;}
   .service_text h4:before{height: 3.75rem;
      width: 3.438rem;
      background-size: contain;
      background-repeat: no-repeat;
      right: -46px;}
  .service_text h4 {font-size: 3.125rem;line-height: 3.75rem;}
      .service_head h3{font-size: 1.563rem;line-height: 4.375rem;} 
    .copy_height .main_container{padding-left: 2.125rem;padding-right: 2.125rem;}
    .copy_height .banner_box_inr h2{font-size: 2.9375rem;line-height: 3.625rem;}
    .copy_height .banner_box_inr h4{font-size: 1.25rem;}
    .doodle_ux p{padding-left: 1rem; padding-right: 1rem;}
}


@media(max-width:768px){
  
.doodle_web_a{width: 8rem; height: 9rem;}
.doodle_web_a::before{  width: 9rem;  height: 9rem;  left: -0.5rem;}
.doodle_web_a h6{font-size: 1rem;line-height: 1rem;}
.office_365Wrp img{  right: auto;  left: 50%;
  transform:translate(-50%,-50%)!important;
  -webkit-transform:translate(-50%,-50%)!important;
  -moz-transform:translate(-50%,-50%)!important;
  -ms-transform:translate(-50%,-50%)!important;
  -o-transform:translate(-50%,-50%)!important;
  max-width: 80%;
}
.about_c_doodle{ right: 3rem;bottom: 3rem; max-width: 12rem;}
.about_b h3{font-size: 2rem;line-height:2.3rem;}


#slideshow .carousel-inner .carousel-caption{margin-top: auto;width:90vw;margin-left: auto; margin-right: auto;}
.carousel-caption-v2.d-md-block{padding-left: 2rem;}

}

@media (max-width: 767px){
  .main-head-wrper {position: fixed; }
  .main-head-wrper.darkHeader {background: #ef414a!important;}
  .darkHeader.main-head-wrper.Clr_head_2 .btn-PrDct a{color:#ffffff; border-color:#ffffff;}
  .darkHeader.main-head-wrper.Clr_head_2 .menu_line span{background:#ffffff;}
  .darkHeader.main-head-wrper.Clr_head_2 .btn-PrDct a i{background:#ffffff;}
}

@media(max-width:750px){
  .owl-doodle-d-wrp{width: 100%; display: flex; flex-wrap: wrap;}
  .owl-doodle-d-wrp-a{ flex: none;width: 100%;min-width: 100%;}
  .owl-doodle-d-wrp-b{max-width: 25rem; margin-left: auto;margin-right: 0px;}
  .owl-doodle-d-wrp-c{margin-top: 0px;margin-bottom: auto;flex: 1; margin-top: 1rem;}
  .owl-doodle-d img{  height: 20rem;}
  
.fxdWdtb{padding-left: 2rem; padding-right: 2rem;}

.contact_3b h3,.contact_3b .bootstrap-select .dropdown-toggle .filter-option-inner-inner,.contact_3b .bootstrap-select .dropdown-menu li a span.text{font-size: 2rem; line-height: 2rem;}
}


@media(max-width:600px){
  .cloud_backup_circle{height: 25rem;  width: 25rem; margin-bottom: 2rem!important;}
  .cloud_backup_circle .cloud_backup_circle_img{ margin: auto; width: 20rem; height: 20rem; display: flex;}
  .doodle_c-img-a{max-width: 200px;}
  .doodle_c-img-f{  max-width: 30rem; }
  .doodle_c-img-f .doodle_c-img-a {max-width: 20rem;  max-height: 20rem;}
  .application_crm_list{padding-left: 2rem;} 
  .serv__inr {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    min-width: 100%;
    height:85vh;
    display: flex;
}
.service_text h4 {font-size: 2.8rem;line-height: 2.9rem;}
#slideshow .carousel-inner .carousel-caption h5{left: 0px;font-size: 3.125rem;}
#slideshow .carousel-inner .carousel-caption p{left: 0px; font-size: 1.125rem;}
div#exTab1{display: flex;flex-direction: column;}
.who-we__inr ul.nav.expertise_tab{margin-left: auto;margin-right: auto;width: auto;}
.who-we__inr ul.nav.expertise_tab li{padding-left: 0.625rem;padding-right: 0.625rem;font-size: 1rem;}
.who-we__inr .tab-content{border: 0px;}
.dle-footer-posts-box ul#menu-footer-menu li{
  -ms-flex: 0 0 33.3333%;
  flex: 0 0 33.3333%;
  max-width: 33.3333%;}
  .dle-footer-posts-box ul#menu-footer-menu li a{font-size: 1rem;line-height: 1.2rem;}
}

@media(max-width:575px){
  .owl-doodle-b{margin-bottom: 2rem;}
  .owl-doodle-b .item{display: flex; height: 7rem;}
  .owl-doodle-b img{object-fit: contain; object-position: center; position: relative; margin-left: auto; margin-right: auto; display: flex;}
}

@media(max-width:500px){
    html,body{    font-size: 12px; }
    .fxdWdt{padding: 3rem 0rem 0px 0rem;} 
    .fxdWdtb{padding-left: 1.4rem; padding-right: 1.4rem;}
    .pL-100-16k{padding-left:1rem}
    .pR-100-16k{padding-right:1rem}
    .brading-left-box.col-lg-6{padding: 3rem 1rem 0rem 1rem;}
    .doodle_cmn h3{    font-size: 1.8rem;line-height: 2.5rem;}
    .imgHldr-2{width: 70%;margin-right: 0px;margin-left: auto;}
    .doodle_aL{margin-top: 0px!important;}
    .doodle_aL2{margin-top: 2rem!important;}
  .imHldr-img-3{max-height: 300px;    width: 80%;    margin-left: auto;margin-right: auto;}
    .doodle_a ul li{font-size: 1.5rem;line-height: 1.8rem;}
    .doodle_web_a{width: 6rem; height: 7rem;}
    .doodle_web_a::before{width: 7rem;  height: 7rem;  left: -0.5rem;}
    .sqrWrp{height: 18rem; max-width:15rem;right: 8rem!important;}
    .sqrWrp-in{ transform: skewX(30deg); -webkit-transform: skewX(30deg);-moz-transform: skewX(30deg); -ms-transform: skewX(30deg); -o-transform: skewX(30deg); }

.owl-doodle-red2 .owl-doodle-red2_wrp_img{height: 25rem; display: flex;}
.owl-doodle-red2 .owl-doodle-red2_wrp_img img{object-fit: contain;object-position: center;position: relative;max-height: 100%;
margin: auto;vertical-align: middle; }
.owl-doodle-red2_wrp_detail{margin-top: 2.5rem;}
.owl-theme.owl-doodle-red2 .owl-dots{ top: 26rem; position: absolute; left: 50%;}

.about_head .cntc{flex-direction: column;}
.about_head .cntc a:first-child,.about_head .cntc a:last-child{margin-left: auto;margin-right: auto; margin-top: 0.5rem;}
.contact_buttons{flex-direction: column;width: 100%;}
.contact_buttons .contact_button{width: 100%; margin-left: auto;margin-right: auto;}
.ser_right_stn{min-height: auto;}
.ser_left_stn h4{font-size: 1.8rem;}
.doodle_call_to_action_rb{margin-left: 0rem;}
.carousel-caption-v2 h1 {font-size: 3rem;  line-height: 3rem;}
.main-header_container{display: flex;}
.menu_right{width: auto; border-top: 0px; margin-top: auto; margin-bottom: auto; padding-top: 0px; padding-bottom: 0px;}
.logo_main{flex: 1; width: auto; margin-top: auto; margin-bottom: auto; padding-top: 0px; padding-bottom: 0px;}
.logo_main span.logo_d{width:12.5rem; height: 3rem;}
.main-head-wrper.darkHeader span.logo_d{width: 7.5rem; height: 2.375rem;}
.main-head-wrper{padding-bottom: 9px;padding-top: 9px;}
.doodle_project_form_inr_ra_list .wpcf7-list-item label{font-size: 1rem;}
.doodle_project_form_inr_ra_list .wpcf7-list-item label span{padding-left: 1rem;}
.copy_height .main_container{    padding-left: 1.125rem;padding-right: 1.125rem;}
.copy_height .banner_box_inr h2{font-size: 2.2rem; line-height: 3rem;}
    
  /* mobile menu */
  .m-menu-container .dle-footer-logo-wrapper{padding-left: 1rem; padding-right: 1rem;}
  .menu-main-part .menu li.menu_item_footer a{font-size: 1.375rem;}
  .m-menu-container .dle-footer-posts-box{padding-left:1rem;padding-right:1rem;}
  h1{font-size:3rem; line-height:3rem;}
  .imHldr .imHldr-h4{font-size:5.5rem;line-height:5.5rem;}
  .call-wrapper li.cmn-rqst-clBk.Ony-mob-dle{ width: 100%; display: flex; margin-bottom:1.2rem;}
  .call-wrapper li.cmn-rqst-clBk.Ony-mob-dle a{margin-left: auto; margin-right: auto;}
  .call-wrapper li{margin-left: auto; margin-right: auto;}
    .doodle_a ul li.sprit-dle-social{margin-left: auto;}
}
@media(max-width:400px){
.main-head-wrper span.logo_d{    width: 7.5rem;    height: 2.375rem;}
.service_text h4 {    font-size: 2.2rem;    line-height: 2.5rem;}
.serv-hd--posion-box{margin-top: 7rem;margin-bottom: auto;}
.doodle_call_to_action_l h4{font-size: 2rem; line-height: 2.2rem;}
.doodle_call_to_action_r{flex-direction: column;}
.doodle_call_to_action_rb{margin-top: 2rem;}
.doodle_call_to_action_rb a{margin-left: 1.4375rem; margin-right: 1.4375rem;}
}
/* responsive */