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;}
.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:   21.25rem;width: 80%; 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(40deg);
  -webkit-transform:skewX(40deg);
  -moz-transform:skewX(40deg);
  -ms-transform:skewX(40deg);
  -o-transform:skewX(40deg);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
}
.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 */




/* 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{}

@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;}
}

@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;}  
}


@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: 2.2rem;}

#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: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;}
}

@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: 2.1rem;
    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;}
  .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;}
}
@media(max-width:400px){
    .service_text h4 {    font-size: 2.2rem;    line-height: 2.5rem;}
.serv-hd--posion-box{margin-top: 7rem;margin-bottom: auto;}
}
/* responsive */