@font-face {
    font-family: Gilroy-Bold;
    src: url(../fonts/Gilroy-Bold.ttf);
  }
  @font-face {
    font-family: Gilroy-ExtraBold;
    src: url(../fonts/Gilroy-ExtraBold.otf);
  }
  @font-face {
    font-family: Gilroy-heavy;
    src: url(../fonts/Gilroy-Heavy.ttf);
  } 
  @font-face {
    font-family: Gilroy-light;
    src: url(../fonts/Gilroy-Light.ttf);
  }
  @font-face {
    font-family: Gilroy-medium;
    src: url(../fonts/Gilroy-Medium.ttf);
  }
  @font-face {
    font-family: Gilroy;
    src: url(../fonts/Gilroy-Regular.ttf);
  }
  @font-face{
      font-family: Gilroy;
      src: url(../fonts/Gilroy-Semibold.ttf);
  }

.font-12{
    font-size: 12px;
}
.font-13{
    font-size: 13px;
}
.font-14{
    font-size: 14px;
}
.font-15{
    font-size: 15px;
}
.font-16{
    font-size: 16px !important;
}
.font-17{
    font-size: 17px;
}
.font-18{
    font-size: 18px;
}
.font-20{
    font-size: 20px;
}
.font-22{
    font-size: 22px;
}
.font-32{
    font-size: 32px !important;
}
.font-34{
    font-size: 34px;
}
.font-35{
    font-size: 35px;
}
.font-36{
    font-size: 36px;
}
.font-40{
    font-size: 40px;
}
.font-45{
    font-size: 45px;
}
.font-50{
    font-size: 50px;
}
.font-55{
    font-size: 55px;
}
.font-65{
    font-size: 65px;
}
.font-90{
    font-size: 90px;
}   
.font-95{
    font-size: 95px;
}   
.font-175{
    font-size: 175px !important;
}
.font-100{
    font-size: 100px !important;
} 
.font-300{
    font-family: "Gilroy-light";
}
.font-400{
    font-family: "Gilroy-Regular";
}
.font-500{
    font-family: "Gilroy-medium" !important;
}
.font-600{
    font-weight: 600;
}
.font-700{
    font-family: "Gilroy-Bold" !important;
}
.font-800{
    font-family:"Gilroy-ExtraBold";
}
.font-900{
 font-family: "Gilroy-heavy";
}
.theme_gradient{
    background: linear-gradient(to right, rgba(255,24,110,1) 0%,rgba(255,109,49,1) 100%); 
    border-right: 0;
}
.theme_textgrey{
    color:#797B8F;
}
.theme_rose{
 color: #FE186E;
}

.px-30{
    padding-left: 30px;
    padding-right: 30px;
}
.theme_black{
    color: #18181A;
}
.theme_gray{
    color: #797B8F;
}
.theme_font{
    background: linear-gradient(to right, rgba(255,24,110,1) 0%,rgba(255,109,49,1) 100%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.py_50{
    padding-top: 50px;
    padding-bottom: 50px;
}
.pt_142{
 padding-top: 142px;
}
.pt_90{
    padding-top: 90px;
}
.pt_50{
    padding-top: 50px;
}
.pb-50{
    padding-bottom: 50px;
}
.ml-16{
    margin-left: 16px;
}
.mb-20{
    margin-bottom: 20px;
}
.mb-30{
    margin-bottom: 30px;
}
.mb-32{
    margin-bottom: 32px;
}
.mb-40{
    margin-bottom: 40px;
}
.mb-50{
    margin-bottom: 50px;
}
.mt-74{
    margin-top: 74px;
}
.mb-95{
    margin-bottom: 95px;
}
.mt--63{
    margin-top: -63px;
}
.mb-130{
    margin-bottom: 130px;
}
.mt_90{
    margin-top: 90px;
}
.mt_32{
    margin-top: 32px;
}
.mt_120{
    margin-top: 120px;
}
.mt_20{
    margin-top: 20px;
}
.mt_40{
    margin-top: 40px;
}
.mt_50{
    margin-top: 50px;
}
.no_space{
    white-space: nowrap;
}
.overlay_1{
    background: linear-gradient(to bottom, rgba(145,0,175,0.4) 0%,rgba(145,0,175,0.8) 100%);
}
.overlay_2{
    background: linear-gradient(to bottom, rgba(1,216,115,0.4) 0%,rgba(1,216,115,0.8) 100%);
}
.overlay_3{
    background: linear-gradient(to bottom, rgba(0,78,212,0.4) 0%,rgba(0,78,212,0.8) 100%); 
}
.overlay_4{
    background: linear-gradient(to bottom, rgba(255,109,49,0.4) 0%,rgba(255,109,49,0.8) 100%); 
}
.overlay_5{
    background: linear-gradient(to bottom, rgba(135,0,49,0.4) 0%,rgba(135,0,49,0.8) 100%);
}
.overlay_6{
    background: linear-gradient(to bottom, rgba(254,24,110,0.4) 0%,rgba(254,24,110,0.8) 100%);
}
.overlay_7{
    background: linear-gradient(to bottom, rgba(207,175,13,0.4) 0%,rgba(207,175,13,0.8) 100%);
}
.overlay_8{
    background: linear-gradient(to bottom, rgba(136,75,50,0.4) 0%,rgba(136,75,50,0.8) 100%);
}
.overlay_9{
    background: linear-gradient(to bottom, rgba(0,106,212,0.4) 0%,rgba(0,106,212,0.8) 100%);
}
.overlay_10{
    background: linear-gradient(to bottom, rgba(36,82,142,0.4) 0%,rgba(36,82,142,0.8) 100%);
}
.overlay_11{
    background: linear-gradient(to bottom, rgba(18,206,193,0.4) 0%,rgba(18,206,193,0.8) 100%);
}
.overlay_12{
    background: linear-gradient(to bottom, rgba(90,50,201,0.4) 0%,rgba(90,50,201,0.8) 100%);
}
.hover_paradigm{
    background-color: #ff4aa8;
}
.hover_direction{
    background-color: #8000ff;
}
.hover_point{
    background-color: #ff8c39;
}
.hover_value{
    background-color: #00b3ff;
}
.hover_concept{
    background-color: #9a7516;
}
.hover_development{
    background-color: #26b73a;
}
.overflow_x{
    overflow-x: hidden;
}
/* section{
    margin-top: 63px;
} */
/* //// BODY ///// */
.welcome_bollop{
    overflow-y: hidden;
}
.welcome_bollop .top_header{
    filter:blur(8px)
}

 .dollop_welcome_section{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    z-index:999;
    background-color: rgba(255,255,255,0.1);
    transition: ease 0.8s;
    transition-duration: 1s;
    transform: scale(0.0);
}
.welcome_bollop .dollop_welcome_section{
    transform: translateY(0%);
    transform: scale(1.1);
}
.dollop_welcome_section img{
    width:100%;
    height:100%;
}
.dollop_welcome_section .theme_gradient{
     position: absolute;
     bottom:80px;
     left:0;
     right:0;
     margin:auto;
     z-index: 100009;
     width: 250px;
     padding: 10px;
     color: #fff;
     border-radius: 50px;
     font-family:"Gilroy-medium" !important;
} 
.welcome_bollop .confetti{
 display: none;
}

/* ///Bootstrap Container Max-Width/// */
.container{
    max-width: 1160px;
}
#balloon-container {
    position: fixed;
    top:0;
    left:0;
    height: 100vh;
    padding: 1em;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    z-index: 999;
  }
  .bloon-close-btn{
    position: absolute;
    top:20px;
    right:20px;
    width:50px;
    height:50px;
    background-color: #000;
    color:#fff;
    font-size:20px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index:999;
    text-decoration: none;
  }
  .balloon {
    height: 125px;
    width: 105px;
    border-radius: 75% 75% 70% 70%;
    position: relative;
  }
  
  .balloon:before {
    content: "";
    height: 75px;
    width: 1px;
    padding: 1px;
    background-color: #FDFD96;
    display: block;
    position: absolute;
    top: 125px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .go_img{
      width: 24px !important;
      height: 10px !important;
  }
  .balloon:after {
      content: "▲";
      text-align: center;
      display: block;
      position: absolute;
      color: inherit;
      top: 120px;
      left: 0;
      right: 0;
      margin: auto;
  }
  
  @keyframes float {
    from {transform: translateY(100vh);
    opacity: 1;}
    to {transform: translateY(-300vh);
    opacity: 0;}
  }



body{
    font-family: "gilroy" !important;
    overflow-x: hidden;
    transition: ease 0.5s;
    line-height: normal!important;
    line-height: 1.5;
}
p{
    line-height: 26px;
}
/* ////HEADER//// */
header.top_header {
    position: relative;
}
a.mobile_menu_close{
    display: none;
}
.top_ellipse {
    position: absolute;
    top: -19%;
    left: -10.2%;
    z-index: 1;
    width: 23%;
}

.navbar-dark .navbar-brand{
    position: relative;
    z-index: 99;
}


/* ////TOP NAVBAR//// */
.dollop_header{
 position: absolute;
 top: 0;
 width: 100%;
 padding-top: 23px;
 z-index: 9999;
}
.dollop_header .navbar-brand img{
    width:141px;
}
.dollop_top li.nav-item a.nav-link{
    padding: 0px 24.5px;
    font-family: "Gilroy-bold";

}
.btn-primary{
    font-size: 12px;
    padding: 13px 37px;
    min-width: 145px;
    min-height: 42px;
    border-color: transparent;
    border: none;
}
.btn-primary:focus{
    box-shadow: none !important;
}
.btn-primary:active{
    border: none;
}
.why_dollop {
    color: #FF6D31 !important;
}
a.theme_gradient i {
    font-size: 16px;
    margin-right: 4px;
}
.dollop_top li.nav-item a {
    font-size: 14px;
    font-weight:600 ;
}
.dollop_top li.nav-item a.nav-link:after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 24px;
    height: 2px;
    width: 0px;
    z-index: -1;
    background: linear-gradient(to right,  rgba(255,24,110,1) 0%,rgba(255,109,49,1) 100%);
    transition: ease 0.5s;
}

.dollop_top li.nav-item a.nav-link.active:after {
    width: 22px;
}

.dollop_top li.nav-item a.nav-link:hover:after {
    width: 22px;
}
.dollop_top .nav-item a {
    position: relative;
    z-index: 9;
}
/* ////HERO IMAGE/// */
.hero_image {
    background-image: url('../images/globe4.png');
    height: 100vh;
    width: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color:#fff;
}

.top_banner_tabs{
    padding-left: 17px;
    z-index: 99;
}
.top_banner_tabs .slide_subhead.font-500.font-18{
    line-height: 1.7;
}
.top_banner_tabs .nav-pills {
    margin-top:40px;
}
.tabs_vertical_line{
    position: absolute;
    top: auto;
    left:-45px;
    display: inline-block;
    width:38px;
    height: 5px;
    background-color: #fff;
    margin-left:15px;
}
span.hero_stripe {
    position: absolute;
    top: 0PX;
    height: 100vh;
    width: 155px;
    left:0PX;
    z-index: 1;
}
.hero_inner_content{
    z-index: 9;
}
img.whiteline_image {
    position: absolute;
    left: -70px;
    top: 35%;
    z-index: 9;
    width: 72%;
}
.main_heading {
    height: 155px;
    max-width: 580px;    
    margin-bottom: 20px;
}
/* typewriter TABS */
span.slid_no {
    font-size: 45px;
    font-family: 'Gilroy-Bold';
    display: block;
    color: #ffffff;
    opacity: 0.55;
}

span.slid_text {
    font-size: 15px;
    font-family: 'Gilroy-medium';
    color: #fff;
    opacity: 0.55;
}
/* typewriter TABS */
/* ///Slider owl-one/// */
a.read_more {
    text-decoration: none;
    color: #00063a;
}
.owl-one {
    margin-left: 30px;
}
.nav-pills li .slider_tabs {
    width: 188px;
    height: 100px;
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid #ffffff;
    opacity: 0.55;
    z-index: 9;
    margin-right: 20px;
    padding: 0 15px;
    padding-bottom: 7px;
    text-align: left;
    display: block;
}

.nav-pills li .slider_tabs .slid_text{
    text-align: left;
}
.hero_image .owl-dots{
    display: flex;
}
.nav-pills li .slider_tabs.active,.nav-pills li .slider_tabs:hover {
    background-color: #fff;
    opacity: 1;
   
}
.nav-pills li .slider_tabs:hover .slid_no,
.nav-pills li .slider_tabs:hover .slid_text,
.nav-pills li .slider_tabs.active .slid_text,
.nav-pills li .slider_tabs.active .slid_no{
    background: linear-gradient(to right, rgba(255,24,110,1) 0%,rgba(255,109,49,1) 100%);
     -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 1;
}
/* ///TYPEWRITTER CSS/// */
span.type{
    animation: blinker 1s linear infinite;
  }
  
  @keyframes blinker{
    50%{
      opacity: 0;
    }
  }

/* ///Comman Section/// */
img.side_image {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
h3.background_tittle {
    font-size: 250px;
    text-transform: uppercase;
    /* color: #fff; */
    /* text-shadow: -3px 3px 0 #797B8F,
                  3px 3px 0 #797B8F,
                  3px -3px 0 #797B8F,
                 -3px -3px 0 #797B8F; */
                 
    position: relative;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: black;
    font-family: 'Gilroy-Bold';
    text-align: center;
    opacity: 0.095;
    left:-10px;
    top: 0;
}
h3.background_tittle_right {
    font-size: 250px;
    text-transform: uppercase;
    /* color: #fff; */
    /* text-shadow: -3px 3px 0 #797B8F,
                  3px 3px 0 #797B8F,
                  3px -3px 0 #797B8F,
                 -3px -3px 0 #797B8F; */
    position: relative;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: black;
    font-family: 'Gilroy-Bold';
    text-align: center;
    opacity: 0.095;
    
}
p.tittle_description {
    width: 691px;
    line-height: 1.5;
}
.other_tittle {
    margin-top: 55px;
}

h4.front_tittle {
    margin-bottom: 28px;
}
img.red_image {
    position: absolute;
    right: 6px;
    top: 15px;
}
img.ellips_2 {
    position: absolute;
    top: -24%;
    left: -8%;
    z-index: 1;
}
 /* theme tabs ui css start  */

 .theme_tabs_ui .nav-link{
     display: flex;
     align-items: center;
    background-color: transparent;
    font-size:20px;
    color:#797B8F;
    font-family: "Gilroy-medium";
    padding: 15px 0;
    border-radius: 0;
 }
 .theme_tabs_ui .nav-link.active{
     color:#18181A;
     background-color: transparent;
     font-weight: 600;
}
 .tab_line{
     display: inline-block;
     width:25px;
     height: 4px;
     background: #797B8F;
     transition: ease 0.5s;
     margin-right: 15px;
     transition: ease 0.5s;
 }
 .theme_tabs_ui .nav-link.active .tab_line{
     width:35px;
     background: linear-gradient(to right,  rgba(255,24,110,1) 0%,rgba(255,109,49,1) 100%);
 }
 h2.tab_background_latter {
    position: absolute;
    top:-35px;
    left:4px;
    font-size: 196px;
    font-family: 'Gilroy-Bold';
    background: linear-gradient(to right, rgba(255,24,110,1) 0%,rgba(255,109,49,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.09;
}

.client_stisfied_details {
    /* box-shadow: 0px 9px 37px #FE216717; */
    /* height: 275px; */
    width: 50%;
    padding: 39px 30px;
}
.tab_box_image {
    width: 50%;
    /* top:-15px; */
    transform: scale(1.1);
}
h3.tab_main_heading {
    margin-bottom: 26px;
    font-size: 40px;
    font-family: "Gilroy-Bold";
    background: linear-gradient(to right, rgba(255,24,110,1) 0%,rgba(255,109,49,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 24px;
}
p.tabs_details {
    line-height: 26px;
    margin-bottom: 40px;
}
.readmore_client {
    text-decoration: none;
    font-weight: 600;
}
.vertical_strip{
    position: absolute;
    top: -30px;
    right: 35px;
    display: inline-block;
    width:55px;
    height: calc(100% + 60px);
}
.all_container_satisfy{
    box-shadow: 0px 9px 37px #fe216717;
    height: 275px;
}
/* Feaute section */
.start_align {
    top: 0;
    left: 0;
}
img.ellips_3 {
    position: absolute;
    top: -14%;
    right: -17%;
    z-index: -1;
}
img.red_image_left {
    position: absolute;
    top: 16px;
    left: 46%;
}
/* Feature tabs */
span.horizontal_line {
    width: 414px;
    height: 55px;
    display: block;
    background: rgb(254,24,110);
    background: linear-gradient(to bottom,  rgba(254,24,110,1) 0%,rgba(255,109,49,1) 100%);
    position: absolute;
    z-index: -1;
    margin-top: 0;
    left: 0%;
}
img.feature_tab_icon {
    background-color: #fff;
    padding: 20px 8px;
    box-shadow: 0px 5px 16px #18181A12;
    position: static;
    top: 65px;
}
h4.tittle_tool_tab {
    color: #fff;
    font-size: 20px;
    font-family: 'Gilroy-Bold';
    margin-left: auto;
    /* display: flex; */
    /* align-content: center; */
    position: static;
    right: -47px;
    top: 92px;
    display: inline-block;
    white-space: nowrap;
    padding-left: 56px;
}
.tool_tabs_tittle {
    display: flex;
    width: 100%;
    align-items: center;
}
.tools_tabs {
    text-align: right;
    margin-top: 0;
    z-index: 99;
}
ul.tools_tabs_details li button {
    padding: 36px;
    background-color: #FFFFFF !important;
    border: 1px solid  #EEEEEE !important;
    margin-left: 24px;
    border-radius: 5px;
}
.tools_tabs .tools_tabs_details .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #fff;
    box-shadow: 0px 9px 37px #18181A12;
    border: 1px solid transparent !important;
}
.tool_tabs_content {
    margin-top: 50px;
}
img.ellipse_4 {
    position: absolute;
    top: 0;
    left: -29%;
    z-index: -1;
}

/* update section */
section.update_section.position-relative {
    background-image: url('../images/pettern-bg5_bottom.png');
}
.dollop_technologies_grid {
    position: relative;
    z-index: 9;
}
img.red_image_right {
    position: absolute;
    top: 16px;
    right: -5%;
}
.text-set_right {
    float: right;
}
.dollop_technologies_grid {
    margin-top: 77px;
}
.single_tech {
    width:20%;
    height: 155px;
    border: 1px solid #DDDDDD;
    padding: 15px;
    border-radius: 7px;
    position: relative;
    width: 100%;
    margin-bottom: 50px;
    background-color: #fff;
    transition: ease 0.5s;
}
.single_tech:hover{
    border: 1px solid transparent;
    box-shadow: 0px 7px 27px #00000012;
    background-color: #fff;

}
h5.tech_tittle {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-decoration: none;

}

div.lotte_img{
    position: absolute;
    width: 42px;
    opacity: 0;
    transition: ease 0.5s;
}
div.lotte_img.dm_lottie{
    width: 42px;
}
div.lotte_img.wp_lottie {
    width: 59px;
}
.tech_image svg {
    width: 32px;
    transition: ease 0.5s;
}
.tech_image {
    width: 80px;
    height: 80px;
    border: 1px solid #DDDDDD;
    padding: 0;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.tech_count h4 {
    font-size: 70px;
    font-family: 'Gilroy-Bold';
    color: #FE186E;
    opacity: 0.09;
}
/* span.tech_hover {
    width: 31px;
    height: calc(100% + 50px);
    position: absolute;
    top: -25px;
    left: -16px;
    z-index: -1;
} */
.single_tech .tech_image{
    transition: ease 0.6s;
}
.single_tech{
    text-decoration: none;
}
.single_tech:hover .tech_image  {
    background: linear-gradient(to right, rgba(255,24,110,1) 0%,rgba(255,109,49,1) 100%);
    border: 1px solid transparent;
    color: #fff;
    border-right: none !important;
}
.single_tech:hover .tech_image path {
    fill: #fff;
    border: none;
}
.single_tech:hover .lotte_img{
    opacity: 1;
} 
.single_tech:hover .tech_images{
    opacity: 0;
}
.tech_image #code{
    width: 32px;
}
.tech_image #testing{
    width: 34px;
}
.tech_image #pd{
    width: 36px;
}
.tech_image #wp{
    width: 54px;
    left: 22px;
    top: 60px;
}
.tech_image #ios{
    width: 53px;
    left: 25px;
}
.tech_image #pen-tool{
    width: 35px;
    top: 70px ;
    left: 37px;
}

.single_tech .tech_hover {
    display: block;
    width: 0px;
    height:calc(100% + 50px);
    position: absolute;
    top: -25px;
    left: -16px;
    z-index: -1;
    transition: ease 0.5s;
}

.single_tech:hover .tech_hover{
    width: 31px;
}
.customgrid_20 {
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
}
/* history section */
section.history {
    background-image: url('../images/mal10.avif');
    background-repeat: no-repeat;
    /* background-position: center; */
    /* overflow: hidden; */
    background-size: 100% 100%;
    height: 425px;
}
.other_tittle_image {
    margin-top: 82px;
}
img.white_image {
    position: absolute;
    top: 12px;
    right: 31px;
}
/* counter css */
.conter_img {
    margin-top: 22px;
    width: 100px;
    height: 100px;
    padding: 28px;
    background: rgb(254,24,110);
    background: linear-gradient(45deg,  rgba(254,24,110,1) 0%,rgba(255,109,49,1) 100%);
    border-radius: 5px;
    margin: 22px auto;
}

.milestone-counter {
    display: inline-block;
    justify-content: center;
    width: 100%;
}
.milestone-counter h4 {
    font-size: 80px;
    font-family: 'Gilroy-Bold';
}

.milestone-details {
    font-size: 18px;
    font-family: 'Gilroy-medium';
}
.counter_space {
    margin-top: 43px;
}
/* feedback section */
section.feedback_section {
    margin-bottom: 131px;
}
img.red_image_left_feedback {
    position: absolute;
    top: 20px;
    left: 38%;
}
/* testimonial slider css */

.badge_on_testimonials{
    display: inline-block;
    background: rgba(13, 147, 13,.14);
    border: 1px solid #0d930d;
    padding: 7px 20px;
    border-radius: 100px;
    color: #0d930d;
}
.star_color_rating {
    font-size: 21px;
    background: linear-gradient(to right, rgba(252,214,53,1) 0%,rgba(247,169,40,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.slider_img_testimonial {
    border-radius: 9px;
}
.testimonial_tittle {
    display: inline-block;
    width:100%;
    padding: 20px;
    border: 1px solid #dddddd;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: #fff;
}
.user_testimonial{
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 4; /* number of lines to show */
           line-clamp: 4; 
   -webkit-box-orient: vertical;
   line-height: 23px;
   margin-bottom: 5px;
}
.testimonial_read{
    text-decoration: none;
}

.topsection.d-flex {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 12px;
}

.user_image {
    margin-right: 16px;
}

/* //// commit //// */

.user_image img {
    width: 90px;
    height: 90px;
    object-fit: cover;
}

.given_tittle p {
    margin-bottom: 0;
    margin-top: 5px;
    padding-left: 0;
}
.given_tittle p.testimonial_subtittle.theme_gray{
    font-size: 14px;
    margin-top: 7px;
}
.given_tittle p.testimonial_maintittle.theme_black{
    font-weight: bold;    
    font-size: 16px;
}

h3.user_name.theme_black {
    margin-top: 17px;
    margin-bottom: 10px;
    padding-left: 0;
}
.testimonial_slider .swiper-wrapper{
    padding-left: 20px;
    padding-right:15px ;
}
.testimonial_slider .swiper.swiper-pointer-events{
    padding-right: 25px;
}

.testimonial_slider .swiper-slide{
    transition-duration: 0.5s;
}
.testimonial_slider .swiper-slide.swiper-slide-active{
    transform: translateY(-82px);
    border: 0;
}
.testimonial_slider .swiper-slide.swiper-slide-active .testimonial_tittle{
    border:0;
    box-shadow: 0px 9px 30px rgba(00,00,00,0.07);
}
.testimonial_slider .swiper-container-1 .swiper-pagination {
    width: 50%;
}
.testimonial_slider .swiper-container-1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    height: 30px;
    border-radius: 10px;
    width: 4px;
    background-color:#FF6D31;
}
.testimonial_slider .swiper-container-1 .swiper-pagination .swiper-pagination-bullet{
    height: 15px;
    border-radius: 10px;
    width: 4px;
    background-color: #FE186E;
    opacity: 1;
    transition: ease 0.5s;
}
.testimonial_slider .swiper-container-1 .swiper-button-prev.my_prev{
    position: absolute;
    top: auto;
    bottom: 3px;
    left: 18%;
}
.testimonial_slider .swiper-container-1 .swiper-button-next.my_next{
    position: absolute;
    top: auto;
    bottom: 3px;
    left: 28%;
}
.testimonial_slider .swiper-container-1 .swiper-button-next.my_next:after{
    display: none;
}
.testimonial_slider .swiper-container-1 .swiper-button-prev.my_prev:after{
    display: none;
}

.my_prev span {
    transform: rotate(180deg);
    color: #18181a;
    font-size: 35px;
}
.my_next span {
    color: #18181a;
    font-size: 35px;
}
.testimonial_globe {
    position: absolute;
    top: 12%;
    right: -12%;
    animation:spin 17s linear infinite;
    z-index: 99;
    width: 640px;
    height: 640px;
}
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}

.ellips_7 {
    position: absolute;
    bottom: -33%;
    left: -31%;
    top: auto;
    z-index: -1;
}
/* news Latters section */
.newsletter_Sec{
    position: relative;
    z-index: 99;
}
.newsletter_Sec_bg_container {
    border-radius: 12px;
    padding: 55px 50px;
    /* margin-top: 131px; */
}
.newsletter_Sec_bg_container:before{
    width: 474px;
    height: 100%;
    display: block;
    position: absolute;
    content: "";
    background-color: #000;
    opacity: 12%;
    border-radius: 12PX 0 0 12px;
    top: 0;
    left: 0;
}
.newsletter_Sec_title{
    position: relative;
    z-index: 99;
}
.subtitle_sec img{
    object-fit: contain;
    padding-left: 16px;
}
.news_submit {
    background-color: #fff;
    color: #fe186e;
    font-size: 14px;
    border-radius: 4px !important;
    border: 2px solid transparent;
}
.input_group_newsletter label.error{
    position: absolute;
    left: 0;
    bottom: -50px;
    padding-top: 15px;
    color:#fff;
}
.news_submit:hover{
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
}
input.subscribe_form {
    margin-right: 16px;
    border-radius: 5px !important;
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
}
input.subscribe_form::placeholder{
    color: #ffff;
    font-size: 16px;
    font-family: "Gilroy-medium";
}
input.subscribe_form:focus{
    color: #fff;
    background-color: transparent;
    border-color:#fff;
    box-shadow: none;
}
/* ///Footer section/// */
.footer_scetion {
    background: rgb(4,11,71);
    background: linear-gradient(45deg,  rgba(4,11,71,1) 0%,rgba(29,41,116,1) 100%);
    padding: 154px 0px 00px ;
    margin-top:-80px;
    position: relative;
}
p.footer_content {
    font-size: 14px;
    color: #AFB4E8;
    padding-top:36px;
    line-height:23px;
    letter-spacing: 0.3px;
}
.footer_heading{
    margin-bottom: 32px;
}
.footer_heading:after {
    content: '';
    width: 34px;
    height: 4px;
    position: absolute;
    top: 10px;
    right: -39px;
    background: rgb(255,109,49);
    background: linear-gradient(to bottom,  rgba(255,109,49,1) 0%,rgba(254,24,110,1) 100%);
}
.quick_link ul li {
    list-style-type: none;
    margin-bottom: 19px;
    z-index: 1;
}
.quick_link ul li a {
    color: #AFB4E8;
    text-decoration: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    transition: ease 0.5s;
}
.why {
    background: linear-gradient(to right, rgba(255,24,110,1) 0%,rgba(255,109,49,1) 100%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
.quick_link ul li a .foot_icon 
{   font-size:16px;
    margin-right: 20px;
    transition: ease 0.5s;
}
.quick_link ul li a:hover{
    color:#FE186E;
}
.quick_link ul li a:hover .foot_icon{
    transform: translateX(10px);
    transition: .2s;
}

.quick_link ul {
    padding-left: 0;
}
.foot_social_icon{
    width:25px;
    height: 25px;
    border-radius: 50px;
    background-color:rgba(255,255,255,0.12);
    margin-right: 12px;;
}
.dollop_copy_write {
    margin-top: 68px;
    padding: 25px 0;
    border-top: 1px solid #afb4e8;
  }
  .ellipse-8 {
    position: absolute;
    top: 5%;
    left: -7.9%;
  }
  img.ellipse-14 {
    position: absolute;
    bottom: -19%;
    right: -11%;
}
/* ///PAGE ABOUT///  */
/* about section */
img.about_line {
    position: absolute;
    left: -13%;
    z-index: -1;
}
.keycut {
    width: 100%;
    height: 411px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 9px 37px rgba(00,00,00,0.10);
}
.keycut_tittle {
    font-size: 26px;
}
.keycut_description {
    font-size: 14px;
    line-height: 24px;
}
span.bottom_line {
    width: 150px;
    height: 7px;
    background-color: #fff;
    display: inline-block;
    position: absolute;
    bottom: 15px;
}
.keycut_imgage {
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
}
.keycut_imgage img {
    box-shadow: 0px 9px 37px rgba(00,00,00,0.10);
}
.keycut img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.keycut_imgage img{
    width: 100%;
}
.card_hover {
    position: absolute;
    height: 100%;
    padding: 28px 15px;
    transform: translateY(100%);
    transition: ease 0.5s;
    cursor: pointer;
}
.keycut_imgage:hover .card_hover ,.top_view:hover .card_hover ,.keycut:hover .card_hover{
    transform: translateY(0%);
}
.top_view {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 9px 37px rgba(00,00,00,0.10);
}
img.t {
    width: 55px;
    height: 114px;
    margin-top: 44px;
    margin-left: -14%;
}
.ellipse_24 {
    position: absolute;
    bottom: -30%;
    right: -91%;
}
/* mission & vission */
section.mission_vission_section h3.background_tittle {
    font-size: 170px;
    left: -31px;
}
img.mission_line {
    margin-left: -16.5%;
    margin-top: -7px;
}
.mission_othercontent {
    padding: 25px;
    background-color: #ffffff;
    box-shadow: 0px 9px 37px rgba(00,00,00,0.10);
    margin-top: 30px;
    min-height: 250px;
}
.btn-width {
    width: 200px;
    height: 50px;
}
.content_image img {
    margin-left: 34px;
    margin-right: 34px;
    width: 300px;
}
.mission_start {
    color: #FE186E;
}

.mission_end {
    color: #FF6D31;
}
.content_image {
    margin-bottom: 18px;
}
img.red_image_about {
    position: absolute;
    right: -31px;
    top: 15px;
}
.single_componet {
    width: 100%;
    padding: 25px 20px;
    transition: ease 0.5s;
    border: 1px solid #AFB4E8;
    border-radius: 5px;
    background-color: #ffffff;
    min-height: 315px;
    cursor: pointer;
}
.componet_image {
    width: 65px;
    height: 65px;
    box-shadow: 0px 9px 37px rgb(254 33 103 / 9%);
    box-shadow: 0px 0px 11px rgb(254 24 110 / 22%) inset;
    border-radius: 5px;
}
h4.componet_heading {
    margin-top: 18px;
    margin-bottom: 14px;
}
.componet_image:after {
    content: '';
    width: 0px;
    height: 10px;
    background: linear-gradient(to right,  rgba(255,24,110,1) 0%,rgba(255,109,49,1) 100%); 
    position: absolute;
    left: 57px;
    top: 28px;
    transition: ease 0.5s;
}
.single_componet:hover .componet_image:after {
    width: 145px;
}
.single_componet:hover .componet_heading {
    color:#FE186E ;
}
.single_componet:hover{
    box-shadow: 0px 9px 37px rgb(254 33 103 / 9%);
    border: 1px solid transparent;
}
img.ellipse_about4 {
    position: absolute;
    bottom: -56%;
    left: -29%;
    z-index: -1;
}
img.red_image_about-2 {
    position: absolute;
    top: 22px;
    right: 38px;
}
.projects {
    margin-top: 15px;
}
span.dubai {
    width: 11px;
    height: 11px;
    display: block;
    background: #FF6D31;
    position: absolute;
    top: 37.5%;
    right: 40.5%;
    z-index: 99;
    border-radius: 50px;
}

/* Pulse animation */
.dubai,.maxico,.usa,.argentina,.greenland,.italy,.delhi,.australia,.rusia_last {
    animation: pulse-animation 2s infinite;
  }
  
  @keyframes pulse-animation {
    0% {
      box-shadow: 0 0 0 0px rgba(255, 107, 49, 0.397);
    }
    100% {
      box-shadow: 0 0 0 20px rgba(255, 109, 49, 0.15);
    }
  }
  
  /* END pulse */
.maxico {
    width: 11px;
    height: 11px;
    display: block;
    background: #FF6D31;
    position: absolute;
    left: 15.5%;
    bottom: 50%;
    z-index: 99;
    border-radius: 50px;
}
span.usa{
    width: 11px;
    height: 11px;
    display: block;
    background: #FF6D31;
    position: absolute;
    left: 12%;
    bottom: 61%;
    z-index: 99;
    border-radius: 50px;
}
span.argentina {
    width: 11px;
    height: 11px;
    display: block;
    background: #FF6D31;
    position: absolute;
    left: 28.5%;
    bottom: 26%;
    z-index: 99;
    border-radius: 50px;
}
span.greenland {
    width: 11px;
    height: 11px;
    display: block;
    background: #FF6D31;
    position: absolute;
    left: 34.8%;
    top: 16%;
    z-index: 99;
    border-radius: 50px;
}
span.italy{
    width: 11px;
    height: 11px;
    display: block;
    background: #FF6D31;
    position: absolute;
    left: 50%;
    top: 25%;
    z-index: 99;
    border-radius: 50px;
}
span.delhi{
    width: 11px;
    height: 11px;
    display: block;
    background: #FF6D31;
    position: absolute;
    right: 30%;
    top: 34%;
    z-index: 99;
    border-radius: 50px;
}
span.australia{
    width: 11px;
    height: 11px;
    display: block;
    background: #FF6D31;
    position: absolute;
    right: 6%;
    bottom: 18%;
    z-index: 99;
    border-radius: 50px;
}
span.rusia_last{
    width: 11px;
    height: 11px;
    display: block;
    background: #FF6D31;
    position: absolute;
    right: 17.5%;
    bottom: 45%;
    z-index: 99;
    border-radius: 50px;
}
.sucess-project-animation-div{
    position: absolute;
    top: 8px;
    left:59%;
    overflow: hidden;
    width:240px;
    padding-top: 30px;
}
.client_info{
    width: 204px;
    height: 60px;
    padding: 10px;
    box-shadow: 0px 9px 27px rgba(254,33,103,.09);
    left: 36px;
    background-color: #fff;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translateX(10px);
    transition-duration: 0.4s;
    transition-delay: 0.7s;
}

.full-detail-anime:hover .client_info{
    opacity: 1;
    transform: translateX(0px);
}
.client_image {
    width: 40px;
    height: 40px;
    margin-right: 5px;
    box-shadow: 0px 5px 29px rgba(14,14,14,0.09);
    border-radius: 5px;
}
.client_image img{
    width: 40px;
    height:40px;
    border-radius: 5px;
}
.client_location {
    margin-top: 5px;
}
img.national_image {
    margin-left: 5px;
    width: 20px;
    height: 13px;
}
.project-vertical-line{
    position: relative;
    display: block; 
    width:2px;
    height: 170px;
    transform: translateY(100%);
    transition: ease-in-out 0.6s;
    transition-timing-function: ease-in 0.10s;
    z-index: 9;
    background-color: #FF6D31;
}

.full-detail-anime:hover .project-vertical-line:after{
    transform: translateX(0%);
}
.full-detail-anime:hover .project-vertical-line{
    transform: translateY(0%);
}
.project-horizantal-line{
    position: absolute;
    top: 30px;
    border-top: 2px solid #FF6D31;
    width: 0px;
    transition-duration: 0.4s;
    transition-delay: 0.5s;
}
.full-detail-anime:hover .project-horizantal-line{
    width: 36px;
} 

.full-detail-anime.maxico_hover .sucess-project-animation-div{
    left:16%;
    top:61px;
}
.full-detail-anime.maxico_hover:hover .project-horizantal-line{
    width: 36px;
}

.full-detail-anime.maxico_hover:hover .project-vertical-line:after{
    
    transform: translateX(0%);
}
.full-detail-anime.maxico_hover:hover .project-vertical-line{
    
transform: translateY(0%);
}
.full-detail-anime.maxico_hover:hover .project-horizantal-line{
    width: 36px;
}
 /* usa client */

.full-detail-anime.usa_hover .sucess-project-animation-div{
    left:140px;
    top:7px;
}
.full-detail-anime.usa_hover:hover .project-horizantal-line{
    width: 36px;
}

.full-detail-anime.usa_hover:hover .project-vertical-line:after{
    
    transform: translateX(0%);
}
.full-detail-anime.usa_hover:hover .project-vertical-line{
    
transform: translateY(0%);
}
.full-detail-anime.usa_hover:hover .project-horizantal-line{
    width: 36px;
}


 /* argentina client */

 .full-detail-anime.argentina_hover .sucess-project-animation-div{
    left:29%;
    top:189px;
}
.full-detail-anime.argentina_hover:hover .project-horizantal-line{
    width: 36px;
}

.full-detail-anime.argentina_hover:hover .project-vertical-line:after{
    
    transform: translateX(0%);
}
.full-detail-anime.argentina_hover:hover .project-vertical-line{
    
transform: translateY(0%);
}
.full-detail-anime.argentina_hover:hover .project-horizantal-line{
    width: 36px;
}



/* greenland  client */

.full-detail-anime.greenland_hover .sucess-project-animation-div{
    left:35.2%;
    top:-21%;
}
.full-detail-anime.greenland_hover:hover .project-horizantal-line{
    width: 36px;
}

.full-detail-anime.greenland_hover:hover .project-vertical-line:after{
    
    transform: translateX(0%);
}
.full-detail-anime.greenland_hover:hover .project-vertical-line{
    
transform: translateY(0%);
}
.full-detail-anime.greenland_hover:hover .project-horizantal-line{
    width: 36px;
}

/* italy  client */

.full-detail-anime.italy_hover .sucess-project-animation-div{
    left:50.5%;
    top:-12%;
}
.full-detail-anime.italy_hover:hover .project-horizantal-line{
    width: 36px;
}

.full-detail-anime.italy_hover:hover .project-vertical-line:after{
    
    transform: translateX(0%);
}
.full-detail-anime.italy_hover:hover .project-vertical-line{
    
transform: translateY(0%);
}
.full-detail-anime.italy_hover:hover .project-horizantal-line{
    width: 36px;
}

/* delhi  client */

.full-detail-anime.delhi_hover .sucess-project-animation-div{
    right: 9.5%;
    top: -2%;
    left: auto;
}
.full-detail-anime.delhi_hover:hover .project-horizantal-line{
    width: 36px;
}

.full-detail-anime.delhi_hover:hover .project-vertical-line:after{
    
    transform: translateX(0%);
}
.full-detail-anime.delhi_hover:hover .project-vertical-line{
    
transform: translateY(0%);
}
.full-detail-anime.delhi_hover:hover .project-horizantal-line{
    width: 36px;
}


/* australia  client */

.full-detail-anime.australia_hover .sucess-project-animation-div{
    right: -165px;
    top: auto;
    left: auto;
    bottom: 101px;
}
.full-detail-anime.australia_hover:hover .project-horizantal-line{
    width: 36px;
}

.full-detail-anime.australia_hover:hover .project-vertical-line:after{
    
    transform: translateX(0%);
}
.full-detail-anime.australia_hover:hover .project-vertical-line{
    
transform: translateY(0%);
}
.full-detail-anime.australia_hover:hover .project-horizantal-line{
    width: 36px;
}

/* rusia_last  client */

.full-detail-anime.russia_hover .sucess-project-animation-div{
    /* right: -182px; */
    /* top: 64px; */
    right: -35px;
    top: 84px;
    left: auto;
    bottom: auto;
}
.full-detail-anime.russia_hover:hover .project-horizantal-line{
    width: 36px;
}

.full-detail-anime.russia_hover:hover .project-vertical-line:after{
    
    transform: translateX(0%);
}
.full-detail-anime.russia_hover:hover .project-vertical-line{
    
transform: translateY(0%);
}
.full-detail-anime.russia_hover:hover .project-horizantal-line{
    width: 36px;
}


/* team section */
img.red_image_about-3 {
    position: absolute;
    top: 24px;
    right: 23%;
}
.team_mate_description {
    border: 1px solid #AFB4E8;
    border-radius: 5px;
    padding-top: 108px;
    margin-top: -90px;
    padding-bottom: 19px;
    transition: ease 0.5s;
    background-color: #ffffff;
    /* position: relative; */
}

img.team_mate {
    height: 250px;
    width: 228px;
    border-radius: 5px;
    z-index: -1;
}
.hover_social ul li {
    display: inline-block;
}
.hover_box {
    padding: 10px;
    width: 234px;
    margin-top: -87px;
    margin-bottom: 33px;
    position: relative;
    z-index: 9;
    opacity: 0;
    transition-duration: 1s;
}
h4.team_mate_name {
    margin-bottom: 5px;
}
.for{
    margin-bottom: 3px;
}
.single_team_mate:hover .team_mate_description {
    border: 1px solid transparent;
    box-shadow: 0px 9px 37px rgb(254 33 103 / 9%);
}
.single_team_mate:hover .team_mate_name{
    color: #FE186E;
}
.single_team_mate:hover .project_for{
    color: #18181A;
}
.single_team_mate:hover .hover_box{
    opacity: 1;
}
img.ellips_60 {
    position: absolute;
    bottom: -52%;
    left: -19%;
    z-index: -1;
}
span.overlay {
    width: 474px;
    height: 100%;
    display: block;
    position: absolute;
    background-color: #000;
    opacity: 12%;
    border-radius: 12PX 0 0 12px;
}
/* PAGE SERVICES */
.techo_number {
    margin-top: 9px;
}
/* p.techs {
    margin-top: -20px;
} */
span.tech_horizontal {
    display: block;
    width: 549px;
    height: 19px;
    position: absolute;
    top: 45.4%;
    right: -27.4%;
    z-index: -1;
}
.tech_descriptions {
    position: absolute;
    bottom: 0;
    margin: 25px;
  }
  .tech_img{
    width: 100%;
    height: 100%;
  }
  
.tech_logo {
    width: 65px;
    height: 65px;
    background-color: rgba(255,255,255,0.17);
    border-radius: 5px;
    box-shadow: 0px 9px 37px rgba(254,33,103,0.09), rgba(254,24,110,0.22) 0px 0px 11px inset;
  }
  .tech_logos {
    width: 32px;
    height: 32px;
  }
  .tech_overlay {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .service_section {
    padding-bottom: 115px;
  }
.tech_images {
    height: 397px;
}

.tech_images img {
    object-fit: cover;
}
.ellips_61 {
    position: absolute;
    bottom: -11.5%;
    left: -19%;
    z-index: -1;
  }
  .tech_details a {
    color: #fff;
    text-decoration: none;
}
  /* PAGE JOIN */
  .join_horizontal{
    display: block;
    width: 541px;
    height: 19px;
    position: absolute;
    top: 37.4%;
    right: -28%;
    z-index: -1;
  }
  .opening_text {
    padding-top: 137px;
  }
  .position_image {
    margin-right: 10px;
  }
  /* accordian changes */
  .accordion-button .tech_logo {
    margin-right: 20px;
  }
  .accordion-button:not(.collapsed){
      background-color: #fff;
  }
  .accordion-button:not(.collapsed) .opening_main_tittle h3{
    background: linear-gradient(to right, rgba(255,24,110,1) 0%,rgba(255,109,49,1) 100%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .accordion-button:not(.collapsed) .opening_main_tittle h5{
   color:#18181A
  }
  .skill_list .skills {
      background-color: rgba(254,24,110,0.05);
      padding: 23px 32px;
      border-radius: 5px;
  }
  .skill_list .skills li{
      line-height: 1.7;
  }
  .Responsibilities_list .Responsibilities{
      background-color: rgba(0,78,212,0.05);
      padding: 23px 32px;
      border-radius: 5px;
  }
  .Responsibilities_list .Responsibilities li{
      line-height: 1.7;
  }
  .profile_list .profile{
    background-color: rgba(255,109,49,0.05);
    padding: 23px 32px;
    border-radius: 5px;
  }
  .profile_list .profile{
      line-height: 1.7;
  }
  .jobs_accordian .accordion-item {
    border-radius: 7px;
    overflow: hidden;
}
.accordion-button:not(.collapsed){
    box-shadow: none;
}
.jobs_accordian .accordion-item .accordion-header .accordion-button{
    padding-left: 0;
    padding-right: 0;
    border-bottom: 0px;
}
.jobs_accordian .accordion-item .accordion-header{
    padding-left: 25px;
    padding-right: 25px;
}
.jobs_accordian .accordion-item{
    border-top: 1px solid #DDDDDD;
}
.accordion-button:not(.collapsed){
    border-bottom: none;
}
.position_tittle {
    margin-top: 40px;
    margin-bottom: 20px;
}
/* apply now modal */
.apply_now_dialog {
    max-width: 700px;
}
button.btn-close.apply_close {
    display: flex;
    width: auto;
    /* height: 26px; */
    color: #2676FF;
    opacity: 1;
    background: none;
    justify-content: center;
    border-bottom: 1px solid #2676FF;
    border-radius: 0;
    padding-bottom: 0;
    padding: 0px 0px 5px;
    align-items: center;
    font-size: 14px;
}
.apply_now_dialog .modal-content{
    padding-left: 40px;
    padding-right: 40px;
}
.close_apply{
    font-size: 14px !important;
}
/* MATERIAL INPUT CSS */
  .theme_inputs_group {
    position: relative;
    margin: 0px 0 30px;
  }
  
  textarea {
    resize: none;
  }
  
  .theme_inputs_group input.form-control,
  .theme_inputs_group textarea {
    background: none;
    color: #18181A;
    font-size: 18px;
    padding: 10px 10px 10px 5px;
    display: block;
    height: 45px;
    border: none;
    width:100%;
    border-radius: 0;
    border-bottom: 1px solid #c6c6c6;
  }
  input.form-control:focus,
  textarea:focus {
    outline: none;
  }
  .theme_inputs_group input.form-control:focus ~ label, .theme_inputs_group input.form-control:valid ~ label,
  .theme_inputs_group textarea:focus ~ label,
  .theme_inputs_group textarea:valid ~ label {
    font-size: 14px;
    color: #FE186E;
  }
  .theme_inputs_group input.form-control:focus ~ label.error, .theme_inputs_group input.form-control:valid ~ label.error,
  .theme_inputs_group textarea:focus ~ label.error,
  .theme_inputs_group textarea:valid ~ label.error {
    font-size: 12px;
    color: red;
  }
  .theme_inputs_group label.error{
      font-size: 12px !important;
  }
  input.form-control:focus ~ .bar:before,
  .theme_inputs_group textarea:focus ~ .bar:before {
    width: 100%;
  }
  
  .theme_inputs_group input.form-control[type=password] {
    letter-spacing: 0.3em;
  }
  .apply_now_dialog .modal-content .modal-body {
    padding-top: 25px !important;
    padding-left: 0;
    padding-right: 0;
}

  .theme_inputs_group label {
    color: #797B8F;
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: -11px;
    transition: 300ms ease all;
  }
  .form-group input::placeholder {
    color:#AAAAAA;
    font-size: 16px;
    font-family: Gilroy-medium;

    
}

  .theme_inputs_group .bar {
    position: relative;
    display: block;
    width: 100%;
  }
  .theme_inputs_group .bar:before {
    content: "";
    height: 2px;
    width: 0;
    bottom: 0px;
    position: absolute;
    background: #FE186E;
    transition: 300ms ease all;
    left: 0%;
  }
  .theme_inputs_group .form-control:focus{
      box-shadow: none;
  }
  .file-area {
    width: 100%;
    position: relative;
  }
  .file-area input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
  }
  .file-area .file-dummy {
    width: 100%;
    padding: 13px;
    border: 1px dashed #FE186E;
    text-align: center;
    transition: background 0.3s ease-in-out;
    border-radius: 5px;
  }
 
    
  
  .file-area .file-dummy .success {
    display: none;
  }
  .file-area:hover .file-dummy {
    background: rgba(255, 255, 255, 0.1);
  }
  /* .file-area input[type=file]:focus + .file-dummy {
    outline: 2px solid #FE186E !important;
    outline: -webkit-focus-ring-color auto 5px;
  } */
 
  .file-area input[type=file]:valid + .file-dummy .success {
    display: inline-block;
  }
  .file-area input[type=file]:valid + .file-dummy .default {
    display: none;
  }
  .default{
      display: flex;
      justify-content: center;
      color: #FE186E;
  }
/* END MATERIAL INPUT CSS */

 /* END PAGE JOIN */
 /* PAGE PORTFOLIO */
 .single_portfolio_tab {
    width: 100%     ;
    height: 145px;
    border-radius: 7px;
    border: 1px solid #EEEEEE;
    background-color: #ffffff;
    padding: 20px 15px;
}
.app_locate p.theme_black{
    font-size:16px;
}
.port_logo{
    width: 65px;
    height: 65px;
    border: 1px solid #dddddd;
    padding: 15px;
    border-radius: 5px;
    margin-right: 6px;
    margin-bottom: 0;

}

.outline-word{
    width: 69px;
    height: 54px;
    object-fit: contain;
    margin-left: 7px;
}
.port_horizontal {
    display: block;
    width: 541px;
    height: 19px;
    position: absolute;
    top: 54.4%;
    right: -24%;
    z-index: -1;
}
h4.portfolio_heading {
    margin-top: 17px;
}
.portfolios {
    z-index: 9;
}
.portfolio_tabs .portfolio_tabs_details .nav-item .nav-link.active{
    background-color: #ffffff;
    box-shadow: 0px 7px 21px rgba(00,00,00,0.07);
    transition: ease 0.5s;
    
}
.portfolio_tabs .portfolio_tabs_details .nav-item .nav-link.active .port_logo{
    box-shadow: 0px 7px 21px rgba(00,00,00,0.07);
}
.portfolio_tabs .portfolio_tabs_details .nav-item .nav-link:after{
    content: '';
    width: 10px;
    height: 0px;
    background: linear-gradient(to top, rgba(255,24,110,1) 0%,rgba(255,109,49,1) 100%); 
    position: absolute;
    top:72%;
    right:20px;
    transition: ease 0.5s;
}
.portfolio_tabs .portfolio_tabs_details .nav-item .nav-link.active:after{
    height: 58px;
}
/* portfolio tabs */
.apps_images {
    min-height: 768px;
}

.app_details {
    min-height: 690px;
}
img.img_app_left {
    position: absolute;
    top: 0;
    left: -55%;
}
.app_square {
    width: 450px;
    height: 600px;
    background-color: rgba(254,24,110,0.05);
    border-radius: 0px 12px 12px 0px;
    position: absolute;
    top: 18.5%;
    left: -16.5%;
    z-index: -1;
}
h3.heading_title {
    margin-left: 10px;
}
.portfolio_btn{
    border: 1px solid #DDDDDD;
    border-radius: 7px;
    height: 55px;
    background-color: #ffffff;
}
.app_icon {
    margin-right: 15px;
}
.app_icon {
    margin-right: 15px;
}
.app_locate a:hover {
    box-shadow: 0px 15px 21px rgb(0 0 0 / 8%);
}
.card.card-body.d-flex.all_details {
    border: 0;
}
.portfolio_btn:after {
    content: '\f077';
    font-family: 'Font Awesome 5 Free';
    color: #797B8F;
    font-weight: 800;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 15px;
    background-color: rgba(00,00,00,0.15);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: ease 0.4s;
    transform: rotate(180deg);
}
.portfolio_btn.collapsed:after{
    
    transform: rotate(0deg);
}
.app_locate .color-1,.color-2,.color-3,.color-4,.color-5,.color-6{
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    margin-right: 15px;
}
.app_color-1{
    background-color: #2C2E4A;
}
.app_color-2{
    background-color: #1B1C2A;
}
.app_color-3{
    background-color: #E8C06F;
}
.app_color-4{
    background-color: #C0C0C9;
}
.app_color-5{
    background-color: #295AE4;
}
.app_color-6{
    background-color: #6788E4;
}
.cargo_color-1{
    background-color: #f6f6f6;
}
.cargo_color-3{
    background-color: #f8922a;
}
.connekton_color-1{
    background-color: #0070c0;
}
.connekton_color-3{
    background-color: #ed7d31;
}
.connekton_color-4{
    background-color: #8b8e91;
}
.digital_signage_color-1{
    background-color: #ed3131;
}
.digital_signage_color-2{
    background-color: #000000;
}
.digital_signage_color-3{
    background-color: #1C1A1A;
}
.blu_box_color-1{
    background-color: #2c457a;
}
.blu_box_color-2{
    background-color: #b98a18;
}
.blu_box_color-3{
    background-color:  #f0c14b;
}
.blu_box_color-4{
    background-color:  #98918a;
}
.blu_box_color-5{
    background-color:  #040404;
}
a.explore_more {
    display: flex;
    align-items: center;
    text-decoration: none;
}
a.explore_more {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #FE186E;
    position: relative;
}
a.explore_more:after {
    content: '';
    height: 2px;
    width: 129px;
    background: #fe186e;
    position: absolute;
    bottom: -6px;
    left: 0;
}
img.ellipse_75 {
    position: absolute;
    top: -47%;
    right: -72%;
}
img.img_app_right {
    position: absolute;
    right: -58%;
    top: 14%;
}
.app_square_blue {
    width: 450px;
    height: 600px;
    background-color: rgba(00,78,212,0.05);
    position: absolute;
    top: 13.5%;
    right: -23%;
    z-index: -1;
}
img.ellipse_76 {
    position: absolute;
    bottom: 58%;
    left: -30%;
    z-index: -1;
}
img.ellipse_77 {
    position: absolute;
    bottom: -19.3%;
    right: -63%;
}
.app_square_left {
    width: 450px;
    height: 600px;
    background-color: rgba(00,78,212,0.05);
    position: absolute;
    top: 13.5%;
    left: -23%;
    z-index: -1;
}
span.subheading {
    font-size: 18px;
}
img.ellipse_78 {
    position: absolute;
    top: 32.6%;
    left: -58%;
}
a.portfolio_details {
    text-decoration: none;
    color: #18181A;
}
img.red_image_banner {
    position: absolute;
    right: 58px;
    top: 19px;
}

img.banners {
    background-color: #fff;
    box-sizing: border-box;
}
.banner_outer:hover .main_banner {
    box-shadow: 0px 7px 27px rgba(00,00,00,0.07);
}
span.banner_hover {
    position: absolute;
    top: -17px;
    right: 0px;
    width: 0px;
    height: calc(100% + 34px);
    display: block;
    transition: ease 0.5s;
    z-index: -1;
}
.main_banner{
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 28px;
    background-color: #fff;
}
.banner_outer:hover span.banner_hover{
    width: 31px;
}
.banner_outer{
    margin-bottom: 50px;
}
.logo-position{
    left: -10% !important;
}
img.red_image_left-logos{
    position: absolute;
    top: 39px;
    left: 26%;
}
.tech_count {
    height: 100%;
}
.comman_tittle h3.logo-position-right{
    right: -10% !important;
    font-size: 250px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: -3px 3px 0 #797b8f, 3px 3px 0 #797b8f, 3px -3px 0 #797b8f, -3px -3px 0 #797b8f;
    font-family: 'Gilroy-Bold';
    text-align: center;
    opacity: 0.09;
    top: 0;
}
img.red_image_right-logos {
    position: absolute;
    right: -6%;
    top: 21%;
}
.main_container_img:hover .banner_hover{
    width: 31px;
}
 /* END PAGE PORTFOLIO */
/* PAGE PORTFOLIO DETAILS  */
img.red_image_app {
    position: absolute;
    top: 25%;
    right: 30%;
}
.laptop_img {
    width: 800px;
    
}
.img_app_left-desktop{
    position: absolute;
    left: -47%;
    top: 10%;
} 
.img_app_right-desktop {
    position: absolute;
    top: 10%;
    right: -47%;
}
.appstore_portfolio {
    border-bottom: 1px solid #dddddd;
}
img.bottom_img {
    width: 812px;
    height: 415px;
}
img.top_img {
    box-shadow: 8px 8px 30px rgb(0 0 0 / 19%);
    width: 90%;
    border-radius: 10px;
}
.border-radius{
    border-radius: 10px;
}
.top_front{
    box-shadow: 8px 8px 35px rgb(0 0 0 / 20%);
}
.service_section .col-md-4:nth-child(2) .top_front{
    transform: scale(1.1);
}
/* END PAGE PORTFOLIO DETAILS  */
/* PAGE WHY DOLLOP */
span.why_overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to right, rgba(255,24,110,1) 0%,rgba(255,109,49,1) 100%);
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.35;
    border-radius: 7px;
}
.capablity_img.position-relative {
    object-fit: cover;
}
p.sub_heading_why_dollop {
    line-height: 30px;
}
/* dashed lines */
span.dashed_border {
    display: block;
    width: 62%;
    margin-left: auto;
    border-top: 2px dashed #707070;
    border-right: 2px dashed #707070;
    position: absolute;
    top: -98px;
    height: 125px;
    right: 82px;
}
span.common_dashed_border {
    width: 83%;
    border-top: 2px dashed #707070;
    display: block;
    margin: auto;
    position: relative;
    top: -45px;
}
.leader_text{
    color: #FF6D31;
}
.via{
    color: #797B8F;
}
.strategic{
    color: #FE186E;
}
span.common_dashed_border:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 30px;
    border-left: 2px dashed #707070;
    top: 0;
    left: 0;
}
span.common_dashed_border:before {
    content: '';
    position: absolute;
    bottom: 100%;
    right: 0;
    border-right: 2px dashed #707070;
    height: 90px;
}
span.common_dashed_borde_right {
    width: 83%;
    border-top: 2px dashed #707070;
    display: block;
    margin: auto;
    position: relative;
    top: -45px;
}
span.common_dashed_borde_right:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    border-left: 2px dashed #707070;
    height: 90px;
}
span.common_dashed_borde_right:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-right: 2px dashed #707070;
    height: 30px;
}
span.red_dot {
    width: 11px;
    height: 11px;
    background-color: #FE186E;
    display: block;
    border-radius: 50px;
    position: absolute;
    bottom: -5px;
    right: -7px;
}
span.right_high-1 {
    width: 11px;
    height: 11px;
    display: block;
    background-color: #FE186E;
    border-radius: 50px;
    position: absolute;
    bottom: -34px;
    left: -5px;
    z-index: 9;
}
span.right_high-2 {
    width: 11px;
    height: 11px;
    display: block;
    background-color: #FE186E;
    border-radius: 50px;
    position: absolute;
    right: -5px;
    top: -90px;
}
span.right_high-3 {
    width: 11px;
    height: 11px;
    display: block;
    background-color: #FE186E;
    border-radius: 50px;
    position: absolute;
    bottom: -34px;
    right: -5px;
    z-index: 9;
}
span.right_high-4 {
    width: 11px;
    height: 11px;
    display: block;
    background-color: #FE186E;
    border-radius: 50px;
    position: absolute;
    left: -5px;
    top: -90px;
    z-index: 9;
}
img.Ellipse_115 {
    position: absolute;
    right: -39%;
    top: -27%;
}
img.Ellipse_116 {
    position: absolute;
    top: 29%;
    left: -88%;
}
section.overview_sec {
    background-image: url('../images/bg-img.png');
    height:665px;
    background-size: cover;
    background-repeat: no-repeat;
}
.overview_color{
    color: #000 !important;
    
}
span.up_arrow {
    font-size: 45px;
    color: #FF6D31;
    transform: rotate(270deg);
}
.tech_counter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 1160px;
    z-index:1;
}
.z_9{
    z-index:9;
}
span.counter_horizontal_line {
    width: 50%;
    height: 16px;
    display: block;
    background: linear-gradient(to right, rgba(255,24,110,1) 0%,rgba(255,109,49,1) 100%); 
    position: absolute;
    top: 50%;
    left: 0;
}
.leadership {
    padding: 60px 0;
}

.leadership:after {
    content: '';
    width: 65px;
    height: 100%;
    background: linear-gradient(to top, rgba(255,24,110,1) 0%,rgba(255,109,49,1) 100%);
    position: absolute;
    top: 0;
    right: 32px;
    z-index: -1;
}
img.red_image_why_contact {
    position: absolute;
    top: 18px;
    right: 63px;
}
img.ellipse_129 {
    position: absolute;
    top: -2%;
    right: -18.5%;
}
img.ellipse_165 {
    position: absolute;
    bottom: -24%;
    left: -11.5%;
}
img.ellipse_6_about {
    position: absolute;
    bottom: -38%;
}
a.get_in_touch {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    padding-top: 12px;
    border-radius: 5px;
}
/* END PAGE WHY DOLLOP */
/* PAGE CONTACT US */
.what_you_need {
    background-color: #ffffff;
}
.get_quote .form_heading{
    padding:0;
}
.form_heading {
    border-bottom: 1px solid #c6c6c6;
    margin: 0 15px;
}
.get_quote {
    padding: 25px 22px;
    box-shadow: 0px 7px 32px rgba(00,00,00,0.05);
    border-radius: 7px;
}
span.contact_dot {
    width: 12px;
    height: 12px;
    border-radius: 50px;
    display: block;
    background-color: #FE186E;
    position: absolute;
    top: 0;
    left: -3px;
    z-index: -1;
}
.place_location {
    line-height: 22px;
}
img.red_image_contact_us {
    position: absolute;
    top: 18px;
    right: 65px;
}
label.error {
    top: 41px;
    color: red;
}
label.error:focus {
    color: red !important;
}
/* END PAGE CONTACT US */

/* //////custome checkbox //////*/

.all_tech_list {
    display: flex;
    flex-wrap: wrap;
}

.all_tech_list .tech_list {
    width: 33%;
    cursor: pointer;
}

.tech_list input[type="radio"] {
    position: absolute;
    opacity: 0;
}




.plans {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 970px;
    /* padding: 85px 50px; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* background: #fff; */
    border-radius: 20px;
    /* -webkit-box-shadow: 0px 8px 10px 0px #d8dfeb; */
    /* box-shadow: 0px 8px 10px 0px #d8dfeb; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  
  .plans .plan input[type="radio"] {
    position: absolute;
    opacity: 0;
  }
  
  .plans .plan {
    cursor: pointer;
    width: 33%;
    padding: 7px 5px;
  }
  
  .plans .plan .plan-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #eee;
    border-radius: 6px;
    -webkit-transition: -webkit-box-shadow 0.4s;
    transition: -webkit-box-shadow 0.4s;
    -o-transition: box-shadow 0.4s;
    transition: box-shadow 0.4s;
    transition: box-shadow 0.4s, -webkit-box-shadow 0.4s;
    position: relative;
    align-items: center;
  }
  .plans .plan .plan-details span {
    margin-left: 10px;
    display: block;
    font-size: 12px;
    line-height: 15px;
    color: #797B8F;
  }
  
  .container .title {
    font-size: 16px;
    font-weight: 500;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    color: #252f42;
    margin-bottom: 20px;
  }
  
  .plans .plan .plan-details p {
    color: #646a79;
    font-size: 14px;
    line-height: 18px;
  }
  
  .plans .plan .plan-content:hover {
    box-shadow: 0 4px 17px rgba(0,0,0,.07);
    box-shadow: 0 4px 17px rgba(0,0,0,.07);
  }
  
  .plans .plan input[type="radio"]:checked + .plan-content span {
     color: #FE186E;
  }

  .plans .plan input[type="radio"]:checked + .plan-content {
    box-shadow: 0 4px 17px rgba(0,0,0,.07);
 }
  .plans .plan input[type="radio"]:checked + .plan-content .checked_icon {
    transform: scale(1.1);
  }
  span.radio_label_box {
    width: 45px;
    height: 45px;
    border: 1px solid #DDDDDD;
    display: flex;
    align-items: center;
    justify-content: center;
}
i.fas.fa-check.checked_icon {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 10px;
    background: #FE186E;
    border-radius: 50px;
    height: 14px;
    width: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: ease 0.06s;
    transform: scale(0.0);
}
  
  @media screen and (max-width: 991px) {
    .plans {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  
    .plans .plan {
      width: 50%;
    }
  
    .plan.complete-plan {
      margin-top: 20px;
    }
  
    .plans .plan .plan-content .plan-details {
      width: 70%;
      display: inline-block;
    }
  
    .plans .plan input[type="radio"]:checked + .plan-content:after {
      top: 45%;
      -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
      transform: translate(-50%);
    }
    .plans .plan .plan-content .plan-details{
        text-align: left;
        margin-top:10px;
    }
    .plans .plan .plan-content .plan-details span{
        margin:0
    }
    .plan.complete-plan{
        margin-top:0
    }
  }
  
  @media screen and (max-width: 767px) {
    .plans .plan .plan-content .plan-details {
      width: 60%;
      display: inline-block;
    }
  }
  
  @media screen and (max-width: 540px) {
    .plans .plan .plan-content img {
      margin-bottom: 20px;
      height: 56px;
      -webkit-transition: height 0.4s;
      -o-transition: height 0.4s;
      transition: height 0.4s;
    }
  
    .plans .plan input[type="radio"]:checked + .plan-content:after {
      top: 20px;
      right: 10px;
    }
  
    .plans .plan .plan-content .plan-details {
      width: 100%;
    }
  
    .plans .plan .plan-content {
      padding: 20px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: baseline;
      -ms-flex-align: baseline;
      align-items: baseline;
    }
  }
  
  /* inspiration */
  .inspiration {
    font-size: 12px;
    margin-top: 50px;
    position: absolute;
    bottom: 10px;
    font-weight: 300;
  }
  
  .inspiration a {
    color: #666;
  }
  @media screen and (max-width: 767px) {
    /* inspiration */
    .inspiration {
      display: none;
    }
  }
/* PAGE SERVICE DETAILS */
.app_devlopment{
    top: 45% !important;
    right: -28.5% !important;
}
.single_feature .feature_img {
    width: 92px;
    height: 87px;
    display: block;
    margin-right: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 9px 37px rgba(254,33,103,0.09), rgba(254,24,110,0.22) 0px 0px 11px inset;
    border-radius: 5px;
}
.features_details{
    width: 236px;
}
.single_feature {
    border: 1px solid #EEEEEE;
    padding: 26px 20px;
    border-radius: 5px;
    min-height: 260px;
}
span.img_bottom_color {
    display: block;
    width: 57px;
    height: 10px;
    background-color: #FE186E;
    position: absolute;
    bottom: 21px;
    z-index: -1;
    left: 24px;
    border-radius: 0 0 5px 5px;
}
img.red_image_services_details {
    position: absolute;
    top: 23%;
    right: 1%;
}
.android_app_services {
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    padding: 31px 41px 31px 67px;
    box-shadow: 0px 9px 37px rgba(254,33,103,0.09), rgba(254,24,110,0.22) 0px 0px 11px inset;
    min-height: 217px;
}
.number {
    width: 64px;
    height: 64px;
    background: linear-gradient(to top,rgba(255,109,49,1) 0%,rgba(255,24,110,1) 100%);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -17px;
    top: 16px;
    color: #fff;
    
}
img.red_image_services_technology {
    position: absolute;
    top: 11%;
    right: -19%;
}
img.path_tech {
    position: absolute;
    top: -41%;
    right: -12%;
}
.technology_stack_slider {
    padding: 96px 0;
}
.technology_stack_slider:after {
    content: '';
    width: 301px;
    height: 100%;
    background: linear-gradient(to top, rgba(255,24,110,1) 0%,rgba(255,109,49,1) 100%);
    position: absolute;
    top: 0;
    left: -13.5%;
    z-index: -1;
}
img.techs_line {
    position: absolute;
    top: -19%;
    right: -30%;
    z-index: -1;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    display: none;
}
.swiper-button-next.my_next_tech{
    bottom: -5%;
    top:auto;
    right: 88%;
}
.swiper-button-prev.my_prev_tech{
    bottom: -5%;
    top:auto;
}
.my_prev_tech span {
    transform: rotate(180deg);
    color: #18181a;
    font-size: 35px;
}
.my_next_tech span {
    color: #18181a;
    font-size: 35px;
}
.my_prev_tech span:hover,.my_next_tech span:hover{
    color: #FE186E;
}
img.Ellipse_164 {
    position: absolute;
    bottom: -51%;
    right: -28%;
}
img.ellipse_163 {
    position: absolute;
    top: -16%;
    left: -20%;
}
/* END PAGE SERVICE DETAILS */
/* firefly Effect */

div#firefly{
    height: 950px;
    width: 100%;
}
.test-stars{
    position: absolute;
    margin-left: 300px;
    margin-top: -230px;
}
.jqueryFireFly {
    box-shadow: 0px 0px 20px rgb(0 54 196);
}
 
.global_section{
    overflow: hidden;
}
.btn:focus{
    box-shadow: none;
}
span.join_badge {
    background-color: rgba(72, 139, 255,.2);
    border-radius: 4px;
    font-size: 14px;
    padding: 7px 14px;
    display: block;
    border: 1px solid #2e7bff;
    color: #2676ff;
}
.home_icon_menu {
    display: none !important;
}
@media only screen and (min-width: 1300px) {
    
    .globe .globe-canvas{
        min-height: 128vh;
        top:-40px !important;
    }
}
@media only screen and (max-width: 1199px) {
    .dollop_top li.nav-item a{
        font-size: 12px;
    }
    .btn-primary{
        width: 147px;
        font-size: 10px;
    }
    span.hero_stripe{
        left: 53px;
    }
    .responsive_tabs {
        margin-top: 4rem;
    }
    .hero_image{
        height: 650px;
    }
    .svg-wrapper.active{
        right: -63% !important;
    }
    .svg-wrapper{
        width: 94% !important;
        height: 113% !important;
        top: 4% !important;
    }
    span.hero_stripe{
        width: 120px;
    }
    .testimonial_globe{
        width: 540px;
        height: 540px;
    }
    .nav-pills li .slider_tabs{
        width:145px;
        height:80px;
        padding:0px 10px 10px;
    }
    span.slid_no{
        font-size:32px;
    }
    span.slid_text{
        font-size: 12px;
    }
    .main_heading{
        font-size:48px;
    }
    span.hero_stripe{
        height:650px;
    }
    section.mission_vission_section h3.background_tittle{
        font-size: 151px;
    }
    span.horizontal_line{
        width: 342px !important;
    }
    .logo-position {
        left: -4% !important;
    }
    .comman_tittle h3.logo-position-right{
        right: -4% !important;
    font-size: 225px;
    }
}
@media only screen and (max-width: 1024px) {
    .hero_image .globe .globe-canvas{
        left: 26.5% !important;
        top: 10px;
        width: 57vw !important;
        height: 624px !important;
    }
    h3.background_tittle{
        font-size: 169px;
    }
    span.horizontal_line {
        width: 304px !important;
    }
    h4.tittle_tool_tab{
        padding-left: 37px;   
    }
    ul.tools_tabs_details li button{
        padding: 26px;
    }
    h3.background_tittle_right{
        font-size: 169px;
    }
    .tech_count h4{
        font-size: 50px;
    }
    .tech_count{
        height: auto;
        display: flex;
        align-items: center;
    }
    .testimonial_globe{
        width: 480px;
        height: 480px;
    }
    .testimonial_slider .swiper-wrapper{
        padding-left: 7px;
    }
    .content_image img{
        width: 224px;
    }
    section.mission_vission_section h3.background_tittle {
        font-size: 131px;
    }
    img.about_line{
        left:0;
        width:100%;
    }
    .ellipse_24{
        right:0;
    }
    
    section.mission_vission_section h3.background_tittle{
        font-size: 92px;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 99%;
    }
}
@media only screen and (max-width: 992px) {
    .hero_image .globe .globe-canvas{
        height: 600px !important;
    }
    .dollop_top li.nav-item a.nav-link{
        color: rgba(0,0,0,.55);
        /* margin: 11px 5px; */
        text-align: center;
        padding: 10px 15px;
    }
    .dollop_top li.nav-item a.nav-link.active{
        color: #000;
    }
    a.mobile_menu_close{
        display: block;
        color: #fff;
        width: 39px;
        height: 39px;
        background-color: #ff6437;
        border-radius: 0px 0 50px 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        position: absolute;
        LEFT: 0;
        box-shadow: 0px 0px 22px rgb(0 0 0 / 9%);
    }
    .other_tittle{
        margin-top: 31px;
    }
    h4.front_tittle{
        margin-bottom: 8px;
        font-size: 54px;
    }
    ul.tools_tabs_details li button{
        padding: 19px;
        margin-left: 30px;
    }
    h5.tech_tittle{
        font-size: 13px;
    }
    .tech_image{
        width: 80px;
        height: 65px;
        padding: 13px;
        margin-right: 10px;
    }
    img.ellips_3,img.ellipse-14,img.ellipse-4, img.ellips_3,img.ellips_60,img.ellipse_about4,img.ellipse-8,img.ellipse_75,img.ellipse_76,img.ellipse_77,img.ellipse_78,
    img.Ellipse_115, img.ellipse_129, img.ellipse_24{
        height: 200px;
        width: 200px;
        opacity: 0.5;
        right: 0;
    }
    img.red_image_right{
        top: 25px;
        right: 0%;
        width: 77px;
    }
    .testimonial_globe{
        animation:none;
        top: 15%;
    }
    .feedback_section{
        overflow: hidden;
    }
    
    .navbar-collapse{
        display: inline-block;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        /* height: 100%; */
        background-color: #fff;
        transition: ease 0.5s;
        /* transform: translateX(100%); */
        padding: 0 10px;
    }
    .dollop_header .navbar-collapse .dollop_top{
        flex-direction: row;
        justify-content: space-between;
    }
    .navbar-collapse.show{
        transform: translateX(0);
    }
    .navbar .collapse:not(.show){
        display: block;
        box-shadow: 0 -2px 26px rgb(0 0 0 / 17%);
    }
    
    .ellipse_24{
        right:0;
    }   
    /* .dollop_top{
        margin-top: 30px;
    } */
    .dollop_header .navbar-toggler:focus{
            box-shadow:none;
        
    }
    .theme_tabs_ui .nav-link{
        margin: 16px;
    }
    .tool_tabs_tittle{
        margin-bottom: 15px;
    }
    span.horizontal_line{
        top: 15px;
    }
    h4.tittle_tool_tab{
        margin-left: 0;
        padding-left: 41px;
    }
    .footer_scetion{
        margin-bottom: 68px;
    }
    .why_dollop{
        position:fixed !important;
        top: 19px;
        right: 29%;
    }
    .home_icon_menu {
    width: 100%;
    display: block !important;
    }
    .mobile_hide_cls{
        display: none;
    }
    .btn_tlk_2_us{
        position:fixed;
        top: 15px;
        right: 15px;
    }
}
@media only screen and (max-width: 768px) {
    .pt_90{
        padding-top: 20px;
    }
    .globe{
        left: auto;
        opacity: 0.3;
        width: 100% !important;
        display:none
    }
    .hero_image .globe .globe-canvas{
        left: auto !important;
        right: 0;   
    }
    .test-stars{
        right: 0px;
    }
    .customgrid_20{
        width: 30%;
    }
    h3.background_tittle{
        font-size: 118px;
    }
    .font-55{
        font-size: 25px;
    }
    h3.background_tittle_right{
        font-size: 150px;
    }
    p.tittle_description{
        width: auto;
    }
    .svg-wrapper{
        width: 128% !important;
        height: 97% !important;
        top: 11% !important;
    } 
    .dollop_about_tabs{
        margin-top: 30px;
    }
    h4.front_tittle{
        margin-bottom: 13px;
        margin-top: 0px;
    }
    h3.background_tittle{
        font-size: 138px;
    }
    .tool_tabs_tittle{
        margin-bottom: 30px;
    }
    .tools_userd{
        position: relative;
    }
    .horizontal_line{
        top: 12px;
        width: 80%;
    }
    h3.background_tittle_right{
        display: none;
    }
    h4.tittle_tool_tab{
        margin-left: 0;
        padding-left: 41px;

    }
    .font-55{
        font-size: 38px;
    }
    .font-18{
        font-size: 14px;
    }
    /* .customgrid_20{
        width: 100%;
    } */
    section.update_section.position-relative{
        background-position: bottom;
        background-repeat: no-repeat;
    }
    .counter_space{
        margin-top:85px;
    }
    .ellips_7{
        width: 200px;
        height: 200px;
        opacity: 0.5;
        left: 0;
    }
    h2.tab_background_latter{
        top: -23px;
        font-size: 150px;
        z-index: -1;
    }
    h3.tab_main_heading{
        font-size: 27px;
        margin-bottom: 10px;
    }
    p.tabs_details.font-16{
        font-size: 13px !important;
    }
    .theme_tabs_ui .nav-link{
        font-size: 15px;
    }
    .tab_box_image{
        transform: none;
    }
    .theme_tabs_ui .nav-link.active{
        background: linear-gradient(to right,  rgba(255,24,110,1) 0%,rgba(255,109,49,1) 100%);
        color: #fff;
    }
    .theme_tabs_ui .nav-link.active .tab_line {
        width: 10px;
        height: 10px;
    }
    
    .tab_line {
        width: 10px;
        height: 10px;
        border-radius: 50px;
        margin-right: 10px;
        margin-left: 0px;
    }
    .tab_box_image{
        width: 100%;
    }
    .vertical_strip {
        height: 55px;
        width: 100%;
        left: 1px;
        top: auto;
        bottom: 20px;
    }
    section.history{
        background-size: cover;
        background-position: center;
        height: auto;
    }
    .testimonial_globe{
        top: auto;
        bottom: 0;
        opacity: 0.3;
        right: 31%;
        z-index: -1;
    }
    p.footer_content{
        width: 50%;
    }
    span.overlay{
        width: 365px;
    }
    .client_stisfied_details{
        padding:20px;
        width:100%;
    }
    .all_container_satisfy{
        height: auto;
        margin-top: 20px;
    }
    .theme_tabs_ui .nav-link.active .tab_line{
        background: #fff;
    }
    .theme_tabs_ui .nav-link{
        min-width: 160px;
        border-radius: 7px;
        justify-content: center;
    }
    .testimonial_slider .swiper-container-1 .swiper-pagination{
        width: 100%;
    }
    .testimonial_slider .swiper-container-1 .swiper-button-prev.my_prev{
        left: 38%;
    }
    .testimonial_slider .swiper-container-1 .swiper-button-next.my_next{
        left: 57%;
    }
    .dollop_top li.nav-item a.nav-link{
        display: block;
        padding: 10px 15px;
        color: rgba(0,0,0,.55);
        /* border-bottom: 1px solid #f1f1f1; */
    }
    .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link{
        color: #ff6537;
    }
    img.about_line{
        left: 0;
        width: 100%;
        opacity: 0.5;
    }
    .ellipse_24{
        right: 0;
        opacity: 0.5;
    }
    .single_componet{
        margin-bottom: 20px;
    }
    .dollop_header{
        z-index: 999;
    }
    img.t{
        display: none;
    }
    .keycut{
        margin-bottom: 20px;
    }
    .content_image{
        flex-wrap: wrap;
    }
    .full-detail-anime{
        display: none;
    }
    img.red_image_about{
        display: none;
    }
    .top_view{
        margin-bottom: 20px;
    }
    .mission_mainheading{
        margin-top: 20px;
    }
    span.tech_horizontal{
        width: 100%;
        right: 0;
    }
    .ellips_61,.ellipse_75{
        display: none;
    }
    .singal_tech{
        height: 170px;
    }
    .tech_images{
        height: 100%;
    }
    .tech_img{
        object-fit: cover;
    }
    .tech_descriptions{
        margin: 10px;
    }
    .join_horizontal{
        width: 75%;
        right: 0;
    }
    .font-35{
        font-size: 28px;
    }
    .font-22{
        font-size: 15px;
    }
    .accordion-button .tech_logo{
        margin-right: 10px;
    }
    .font-16{
        font-size: 12px !important;
    }
    .position_name{
        font-size: 16px;
    }
    .pt_142{
        padding-top:20px ;
    }
    .apps_images{
        min-height: 100%;
    }
    .img_app_left-desktop,.img_app_right-desktop{
        position:static;
    }
    .port_horizontal{
        width: 100%;
        right: 0;
    }
    .app_square_blue,.app_square_left,.app_square{
        width: 100%;
        right: 0;
        left: 0;
    }
    .outline-word{
        display: none;
    }
    img.img_app_left,img.img_app_right{
        position: static;
    }
    .app_details{
        min-height: 635px;
    }
    .comman_tittle h3.logo-position-right{
        font-size: 144px;
    }
    section.overview_sec{
        padding:50px 0;
        height: 100%;
    }
    span.counter_horizontal_line{
        width:50%;
        top:46%;
    }
    .global_contact_sec{
        padding:50px 0;
    }
    .global_contact_sec img{
        width:50px;
    }
    .global_contact_sec img.team_images{
        width:100%;
    }
    span.dashed_border{
        width:25%;
        top:-68px;
        right:15px;
        height:59px;
    }
    span.common_dashed_border,
    span.common_dashed_borde_right{
        margin:50px auto;
        top:0   
    }
    span.common_dashed_borde_right:after{
        height:51px;
    }
    span.right_high-4{
        top:-60px;
    }
    .comman_tittle{
        margin: 50px 0;
    }
    .single_componet{
        padding:15px;
        min-height:auto;
    }
    
    .testimonial_slider .swiper-slide.swiper-slide-active{
        transform: translateY(0px);
    }
    
    .swiper-pagination{
        padding:15px 0;
        position: relative;
    }
    .swiper-button-next, .swiper-button-prev{
        bottom:17px !important;
    }
    .dollop_header{
        padding-top: 15px;
    }
    .app_devlopment{
        width: 100%;
        right:0 !important;
    }
    img.path_tech{
        display: none;
    }
    .android_app_services{
        margin-bottom: 20px;
    }
    h3.background_tittle{
        text-overflow: ellipsis;
        width: 99%;
        overflow: hidden;;
    }
    img.techs_line{
        width:100%;
        right:0
    }
    p.techs{
        margin-top: 0;
    }
    img.red_image_services_technology{
        right:0
    }
    h3.background_tittle{
        display: none;
    }
    h4.front_tittle{
        font-size: 22px;
    }
    img.Ellipse_164{
        display: none;
    }
    img.ellipse_4{
        display: none;
    }
    .technology_stack_slider:after{
        left:-15px;
        width:120px;
    }
    .technology_stack_slider{
        padding:20px 0 
    }
    .single_feature{
        margin-bottom: 20px;
    }
    .techs_line{
        display: none;
    }
    .curent_openings img{
        width:100%;
        /* height: 100%; */
        object-fit: contain;
    }
    .laptop_img{
        width: 100%;
    }
    .dollop_about_button{
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    }
    .theme_tabs_ui .nav-link {
        white-space: nowrap;
    }
    .dollop_about_button::-webkit-scrollbar {
        display: none;
    }
    .dollop_about_button {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    .tools_tabs_details{
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    }
    .tools_tabs .tools_tabs_details li.nav-item {
        white-space: nowrap;
        min-width: 100px;
        height: 100px;
    }
    .tools_tabs .tools_tabs_details::-webkit-scrollbar {
        display: none !important;
    }
    .tools_tabs .tools_tabs_details{
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    .dollop_technologies_grid {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        overflow-y: hidden !important;
        padding: 30px 12px;
        width: 721px;
    }
    .dollop_technologies_grid::-webkit-scrollbar {
        display: none !important;
    }
    .dollop_technologies_grid{
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    .dollop_technologies_grid .customgrid_20{
        white-space: nowrap;
    }
    .tech_image #pen-tool{
        top: 59px;
    left: 40px;
    }
    .tech_image #wp{
        left: 26px;
        top: 49px;
    }
    img.red_image{
        right: 222px; 
        top: 5px; 
         width: 70px;
    }
    img.red_image_left{
        position: absolute;
        top: 11px;
        left: 27%;
        width: 70px;
    }
    img.red_image_right{
        top: 13px;
    }
    img.white_image {
        position: absolute;
        top: 6px;
        right: 55px;
        width: 70px;
    }
    img.red_image_left_feedback{
        top: 6px;
        width: 70px;
        left: 22.5%;
    }
    input.subscribe_form::placeholder{
        font-size: 12px;
    }
    .newsletter_Sec_bg_container:before{
        width: 345px;
    }
    .newsletter_Sec_title h3{
        font-size: 35px;

    }
    img.img-fluid.news_latter_arrow {
        display: none;
    }
    section.mission_vission_section h3.background_tittle{
        font-size:91px
    }
    .secure_row {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .secure_row{
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    .secure_row::-webkit-scrollbar {
        display: none !important;
    }
    .col-md-3.develop_component {
        width: 95% !important;
    }
    .app_icon{
        width:100% !important;
    }
    .job_apply_btn{
        width: 30px !important;
    }
    .app_icon_arrow{
        width: 30px !important;
    }
    img.red_image_contact_us{
        display: none;
    }
    .portfolio_tabs .portfolio_tabs_details .nav-item .nav-link:after{
        right: auto;
        left: 100px;
    }
    .newsletter_Sec_input {
    margin-top: 20px;
    }
    .red_image_left-logos{
        display: none;
    }
    .red_image_right-logos{
        display: none;
    }
    .logo-position-right{
        display: none;
    }
    img.store {
    margin-bottom: 20px;
    }


}
/*@media only screen and (max-width: 705px) {


}*/
@media only screen and (max-width: 640px) {
    h3.background_tittle{
        font-size: 90px;
    }
    .customgrid_20{
        width: 33.33%;
    }
    img.ellipse_4, img.ellips_3{
        display: none;
    }
    h3.background_tittle_right{
        font-size: 120px;
    }
    .svg-wrapper.active{
        display: none;
    }
    .comman_tittle h3.logo-position-right{
        font-size: 120px;
    }
    .feature_section{
        padding-bottom:0px !important;
    }
    section.mission_vission_section h3.background_tittle{
        font-size: 76px;
    }
    

}
@media only screen and (max-width: 575px) {
    h3.background_tittle{
        font-size: 100px;
    }
    h3.background_tittle_right{
        font-size: 100px;
    }
    .customgrid_20{
        width: 34%;
    }
    .newsletter_Sec_bg_container:before {
        width: 100%;
    }
    section.mission_vission_section h3.background_tittle{
        font-size: 68px;
    }
    .single_componet{
        min-height: 231px;
    }
    .dollop_header .navbar-brand img{
        width: 110px;
    }
    .why_dollop{
        right: 33%;
    }
    .nav-pills li .slider_tabs{
        margin-bottom: 20px;
    }
    
}
@media only screen and (max-width: 490px) {
    .customgrid_20{
        width: 50%;
    }
    span.overlay{
        width: 0%;
    }
    .subtitle_sec img {
        width: 100px;
    }
    h3.font-45.font-700.mb-3.text-light{
        font-size: 27px;
    }
    .news_submit{
        margin-top: 10px;
        width: 100%;
    }
    .newsletter_Sec_bg_container{
        padding: 20px 15px;
    }
    .input_group_newsletter input.subscribe_form{
        width: 100% ;
        margin-right: 0;
    }
    h3.background_tittle{
        font-size: 85px;
    }
    .other_tittle{
        margin-top: 10px;
    }
    .font-18{
        font-size: 14px;
    }
    .font-55{
        font-size: 21px;
    }
    h4.front_tittle{
        margin-bottom: 4px;
    }
    h3.background_tittle_right{
        font-size: 100px;
    }
    span.horizontal_line{
        width: 260px !important;
    }
    h4.tittle_tool_tab{
        padding-left: 18px;
        font-size: 18px;
    }
    .dollop_header .navbar-brand img{
        width: 80px;
        position: fixed;
        top: 23px;
        left: 17px;
    }
    span.hero_stripe {
        width: 70px;
    }
    .main_heading {
        font-size: 30px;
    }
    .main_heading{
        height: 110px;
    }
    .nav-pills li .slider_tabs{
        width: 100%;
        padding: 0 4px 4px;
        height:55px
    }
    .tabs_numbers {
        width: 32%;
        margin-right: 3px;
    }
    span.slid_no{
        font-size: 25px;
    }
    span.slid_text {
        font-size: 9px;
    }
    span.slid_text{
        font-size: 7px;
    }
    .slide_subhead{
        line-height: 18px;
    }
    ul.tools_tabs_details li button{
        margin-left: 8px;
        margin-bottom: 8px;
    }
    section.about_section {
        margin-top: 20px;
    }
    .dollop_about_button{
        position: relative;
        z-index: 99;
    }
    .single_tech{
        height: auto;
    }
    /* .tech_count {
        flex-direction: column;
    } */
    .jobs_accordian .accordion-item .accordion-header .accordion-button{
        flex-direction: column;
        align-items: start;
    }
    .tech_logo{
        width: 40px;
        height: 40px;
    }
    .tech_logos{
        width: 25px;
        height: 25px;
    }
    .tech_logo{
        margin-bottom: 10px;
    }
    .comman_tittle h3.logo-position-right{
        font-size: 60px;
    }
    .font-45{
        font-size:21px
    }
    
    .overview_sec .font-90{
        font-size:62px;
    }
    .overview_sec .font-32{
        font-size:26px;
    }
    .leadership .font-55{
        font-size:20px;
    }
    span.dashed_border{
        top:-53px;
    }
    .plans .plan {
        width: 100%;
      }
      .newsletter_Sec_bg_container:before{
          width: 100%;
      }
      img.mission_content_image {
        margin: 0 23px;
    }
    section.mission_vission_section h3.background_tittle{
        font-size: 58px;
    }
    .why_dollop{
        right: 33%;
    }
    .btn_tlk_2_us{
        padding: 12px 15px;
        margin: 0;
    }
    .btn-primary{
        width: auto;
        min-width: auto;
    }
    .testimonial_slider .swiper-container-1 .swiper-button-prev.my_prev{
        left: 30%;
        bottom: 1px !important;
    }
    .testimonial_slider .swiper-container-1 .swiper-button-next.my_next{
        left: 55%;
        bottom: 1px !important;
    }
    .testimonial_slider .swiper-container-1 .swiper-pagination{
        bottom: -5px;
    }
    section.feedback_section{
        margin-bottom: 0;
    }
    .dollop_technologies_grid{
        margin-top: 0;
    }
    .py_50{
        padding-top: 0;
    }
    .mission {
    margin-bottom: 40px;
    }
    .secure_component {
        margin-top: 40px;
    }
    .team_section{
        margin-bottom: 40px !important;
    }
    .service_section{
        padding-bottom: 40px;
    }
    .other_tittle{
        margin-top: 30px;
    }
    .pt_142 {
    padding-top: 0;
    }
    .app_details{
        min-height:520px;
    }
    .global_contact_sec{
        padding-bottom: 0;
    }
    a.get_in_touch{
        margin: 40px 0;
    }
    .mb_mt_80{
        margin-top: 80px;
        margin-bottom:80px;
    }
    .mb_img_vcenter{
        display: flex;
        align-items: center;
    }
    
}

.graphic-icon:hover {
  border: 1px solid transparent;
  box-shadow: 10px 17px 30px #00000015;
  background-color: #fff;
  border-radius: 10px;
  transition: all 0.5s ease;
}