@font-face {
  font-family: "Outfit-Regular";
  src: url("../libraries/font-awesome/webfonts/Outfit-Regular.ttf")
}
@font-face {
  font-family: "Outfit-Medium";
  src: url("../libraries/font-awesome/webfonts/Outfit-Medium.ttf")
}
@font-face {
  font-family: "Outfit-Bold";
  src: url("../libraries/font-awesome/webfonts/Outfit-Bold.ttf")
}
@font-face {
  font-family: "Outfit-Black";
  src: url("../libraries/font-awesome/webfonts/Outfit-Black.ttf")
}


body{
  font-family: Outfit-Regular;
  line-height: normal;
}
.width100{
  float: left;
  width: 100%;
}
.new-header{
  box-shadow: 0px 0px 10px #dbdbdb;
  background-color: #fff;
  padding: 25px 0;
}

.heading31{
  font-family: Outfit-Medium;
  font-size: 38px;
  color: #000;
}
.heading31 span{
  font-family: Outfit-Black;
}
.text21_black{
  font-size: 21px;
  font-family: Outfit-Bold;
  color: #000;
}

.new-logo{
  padding: 0;
}
.new-logo img{
  max-height: 50px;
}
.sticky-header .new-logo img{
  max-height: 40px;
}
.sticky-header .new-header{
  padding: 10px 0;
}


/* ---------MAIN-MENU-START---- */
.mainmenu{
  float: right;
  width: auto;
  height: auto;
  margin: 10px 0 0 0;
}
.mainmenu ul{
  float: left;
  width: auto;
  height: auto;
}
.mainmenu ul li{
  float: left;
  width: auto;
  height: auto;
  margin: 0 25px;
}
.mainmenu ul li a{
  float: left;
  width: auto;
  height: auto;
  font-family: Outfit-Medium;
  color: #000;
}
.mainmenu ul li .menu_redbar{
  float: left;
  width: 0%;
  height: 2px;
  background-color: #eb2427;
  transition-duration: 0.3s;
}
.mainmenu ul li a:hover .menu_redbar{
  width: 100%;
}
.toggle_menu{
  display: none;
}
/* ---------MAIN-MENU-END---- */

.middle_box{
  margin: 97px 0 0 0;
}


/* -------HOME-BANNER-SECTION-START----- */
.home_banner_section{
  background-color: #f7f7f7;
  min-height: 600px;
}
.banner_heading{
  font-family: Outfit-Bold;
  color: #000;
  font-size: 45px;
}
.banner_content{
  font-family: Outfit-Medium;
  color: #000;
  font-size: 16px;
}
/* -------HOME-BANNER-SECTION-END----- */



/* -------HOME-Core Promise-START----- */
.accordion-list{
  float: left;
  width: 40%;
  margin: 0 0 20px 0;
  clear: both;
}
.home-accordion .toggle{
  font-family: Outfit-Bold;
  color: #000;
  font-size: 19px;
  width: 100%;
  float: left;
  margin: 3px 0 10px 0;
  position: relative;
}
.home-accordion .toggle::after{
  content: "";
  background-image: url(../images/home-according-arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  width: 20px;
  height: 20px;
  float: right;
  position: absolute;
  right: 0;
  transform: rotate(180deg);
  margin: 5px 0 0 0;
}
.home-accordion .inner{
  float: left;
  width: 100%;
}
.home-accordion .show .accordion_content::before{
  content: "";
  background-image: url(../images/home-according-arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  width: 20px;
  height: 20px;
  float: right;
  position: absolute;
  right: 0;
  margin: -27px 0px 0 0;
  
  background-color: #fff;
}
.accordion_rightimg{
  float: right;
  position: absolute;
  right: -800px;
  top: 0;
  opacity: 0;
  transition-duration: 1s;
}
.show .accordion_rightimg{
  opacity: 1;
  right: 0;
}
.accordion_content{
  float: left;
  width: 100%;
  position: relative;
}
.accordion_rightimg img{
  max-height: 400px;
}
/* -------HOME-Core Promise-END----- */


.left-social-box{
  float: left;
  position: fixed;
  left: 0;
  z-index: 500;
  top: 30%;
}
.left-social-box a{
  float: left;
  width: 30px;
  height: 30px;
  background-color: #000;
  border-radius: 100px;
  clear: both;
  margin: 0 0 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.left-social-box a:hover{
  background-color: #eb2427;
  margin: 0 0 10px 23px;
}
.left-social-box a img{
  max-height: 14px;
}




.red_button{
  border: 1px solid #eb2427;
  padding: 8px 10px 10px 10px;
  float: left;
  border-radius: 10px;
  line-height: normal;
  color: #eb2427;
}
.red_button::after{
  content: "";
  background-image: url(../images/red_arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 25px;
  height: 20px;
  float: right;
  margin: 0 0 0 10px;
}
.red_button:hover{
  background-color: #eb2427;
  color: #fff;
  margin: 0 0 0 4px;
}
.red_button:hover::after{
  background-image: url(../images/red_arrow_white.png);
}
.red_button span{
  font-family: Outfit-Bold;
}

/* ------------HOME-SERVICES-LIST-START------ */
.home_services_list{
  min-height: 280px;
  /* display: flex;
  align-items: center; */
  padding: 30px 20px;
  border: 1px solid #e4e4e4;
  position: relative;
}
.home_services_list::before{
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0 0 -10px -10px;
  transition-duration: 0.8s;
}
.home_services_list:hover::before{
  width: 80px;
  height: 100px;
  border-left: 10px solid #eb2427;  
  border-bottom: 10px solid #eb2427;
}
.home_services_list:hover{
  border: 1px solid #f7adae;
  color: #eb2427;
}
.home_services_list::after{
  content: "";
  background-image: url(../images/red_spot_arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  margin: 6px 6px 0 0;
  transition-duration: 0.3s;
}
.home_services_list:hover::after{
  opacity: 1;
  margin: -4px -4px 0 0;
}


.home_services_list:hover .services_heading{
  color: #eb2427;
}
.services_heading{
  font-size: 21px;
  font-family: Outfit-Bold;
  color: #000;
}
.services_content{
  min-height: 100px;
}
.services_content a{
  float: left;
  width: 100%;
  position: relative;
  padding: 0 0 4px 10px;
  font-size: 15px;
}
.services_content a:hover{
  color: #eb2427;
}
.services_content a::before{
  content: "-";
  position: absolute;
  left: 0;
  margin: 0 0 0 0;
}
.home_services_list .red_button{
  opacity: 0;
}
.home_services_list:hover .red_button{
  opacity: 1;
}

/* ------------HOME-SERVICES-LIST-END------ */


/* ------------HOME-LOGOS-SERVICES-START------ */
.services_lineheading .text21_black{
  background-color: #fff;
  width: auto;
  float: left;
  position: relative;
  z-index: 5;
  padding: 0 20px;
}
.services_lineheading::after{
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  top: 16px;
  background-color: #ccc;
}
.service_img_list span{
  margin: 0 20px 20px 0;
  border: 1px solid #ccc;
  padding: 10px;
  transition-duration: 0.3s;
  float: left;
  position: relative;
}
.service_img_list span b{
  opacity: 0;
  position: absolute;
  background-color: #eb2427;
  color: #fff;
  font-size: 12px;
  padding: 6px 10px;
  font-weight: normal;
  z-index: 5;
  border-radius: 0px 10px 10px 10px;
  line-height: normal;
  right: 0;
  bottom: 0;
  transition-duration: 0.5s;
  margin: 0px -40px -20px 0;
}
.service_img_list span:hover b{
  opacity: 1;
}
.service_img_list img{
  opacity: 0.5;
  max-height: 50px;
  filter: grayscale(1);
  transition-duration: 0.3s;
}
.service_img_list img:hover{
  opacity: 1;
  filter: grayscale(0);
}
.slider {
  position: relative;
  width: 100%;
  display: grid;
  /* place-items: center; */
  overflow: hidden;
}
/*  IMPORTANT CODE BELOW */
.slide-track {
  width: calc(100px * 20);
  display: flex;
  animation: scroll 20s linear infinite;
  justify-content: space-between;
}
.slide-track2 {
  width: calc(100px * 15);
  display: flex;
  animation: scroll2 23s linear infinite;
  justify-content: space-between;
}
.slide-track3 {
  width: calc(100px * 10);
  display: flex;
  animation: scroll2 20s linear infinite;
  justify-content: space-between;
}

@keyframes scroll {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(calc(-150px * 10));
  }
}

@keyframes scroll2 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(calc(-150px * 5));
  }
}

@keyframes scroll3 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(calc(-150px * 5));
  }
}

/* ------------HOME-LOGOS-SERVICES-END------ */

/* ------------HOME-CASE-STUDY-START------ */

.home_casestudy_section .nav{
  border-bottom: 2px solid #fac8c9;
  margin: 0 0 30px 0;
}

.home_casestudy_section li{
  width: 25%;
  font-family: Outfit-Medium;
  font-size: 20px;
  text-align: center;
  position: relative;
}
.home_casestudy_section li .active{
  font-family: Outfit-Bold;
  color: #000;
}
.home_casestudy_section li a::after{
  content: "";
  width: 0%;
  height: 2px;
  background-color: #eb2427;
  position: absolute;
  bottom: -1px;
  left: 0;
  margin: 0 auto;
  right: 0;
  transition-duration: 0.3s;
}
.home_casestudy_section li .active::after{
  width: 70%;
}
.home_casestudy_section li .active::before{
  content: "";
  background-image: url(../images/red_spot_arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0;
  bottom: -9px;
  transition-duration: 0.3s;
  transform: rotate(136deg);
  margin: 0 auto;
  left: 0;
}


.home_casestudy_section .tab-pane{
  display: none;
}
.home_casestudy_section .case_content .active{
  display: block;
}


.castlist_mainbox{
  max-width: 94%;
  margin: -40px auto 0;
}
.casestudy_whitebox{
  background-color: #fff;
  padding: 20px 20px 33px 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px #00000014;
  transition-duration: 0.3s;
}
.casestudy_whitebox:hover{
  background-color: #eb2427;
  margin: -20px 0 0 0;
}
.cast_list div{
  background-image: url(../images/redarrow.png);
  background-repeat: no-repeat;
  background-position: left 5px;
  background-size: 11px;
  font-size: 12px;
  color: #000;
  padding: 0 0 15px 20px;
}
.casestudy_whitebox:hover .cast_list div{
  background-image: url(../images/redarrow_white.png);
}
.casestudy_whitebox a{
  background-color: #eb2427;
  color: #fff;
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 13px;
  line-height: normal;
}
.casestudy_whitebox .text21_black{
  position: relative;
}
.casestudy_whitebox .text21_black::after{
  content: "";
  width: 100%;
  height: 1px;
  background-color: #eb2427;
  position: absolute;
  left: 0;
  bottom: -3px;
}

.casestudy_whitebox:hover .cast_list div{
  color: #fff;
}
.casestudy_whitebox:hover .text21_black{
  color: #fff;
}
.casestudy_whitebox:hover .text21_black::after{
  background-color: #fff;
}
.casestudy_whitebox:hover a{
  background-color: #fff;
  color: #eb2427;
}


.home_casestudy_slider .owl-controls {
  margin: 110px -60px 0 0;
  position: absolute;
  right: 0;
  top: 0;
}

.home_casestudy_slider .owl-controls .owl-dot {
  border: 1px solid #949494;
  float: left;
  width: 12px;
  height: 12px;
  margin: 7px 0;
  clear: both;
  border-radius: 100px;
}

.home_casestudy_slider .owl-controls .active {
  background-color: #949494;
}
/* ------------HOME-CASE-STUDY-END------ */


/* ------------HOME-ACTIVITY-START------ */
.activity_greybox{
  background-color: #F8F8F8;
  border-radius: 20px;
  padding: 40px;
  min-height: 450px;
}
.activity_img img{
  height: 0;
  width: 0;
}
.activity_greybox:hover .activity_img img{
  height: 220px;
  width: auto;
}

.activity_heading{
  font-family: Outfit-Bold;
  font-size: 28px;
  color: #000;
  min-height: 275px;
}

.activity_greybox:hover .activity_heading{
  min-height: inherit;
  max-height: 76px;
  overflow: hidden;
}
/* ------------HOME-ACTIVITY-END------ */



/* ------------HOME-TESTIMONIALS-START------ */
.home_testimonials_slider .center{
  min-width: 760px;
  background-color: #ccc;
}

.testi_greybox{
  float: left;
  width: 100%;
  border-radius: 20px;
  margin: 20px 0 0 0;
}
.current .testi_greybox{
  background-color: #f8f8f8;
}
.testi_img{
  float: left;
  position: relative;
  z-index: 5;
}
.testi_img img{
  max-height: 300px;
  border-radius: 20px;
  min-height: 300px;
}
.testi_rightbox{
  float: right;
  width: 0px;
  padding: 0;
  color: #000;
  font-size: 13px;
  position: absolute;
  top: 0;
  height: 0;
  right: 0;
  overflow: hidden;
}
.current .testi_rightbox{
  width: 57%;
  height: 240px;
  padding: 100px 50px 0 0;
}

.rnd_slide_section .tabs {
  padding: 0;
  margin: 0;
  display: flex;
}

.rnd_slide_section .tabs li {
  width: 40%;
  padding: 0;
  color: #fff;
  min-height: 360px;
  max-height: 360px;
  transition-duration: 0.7s;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border-right: 10px solid #fff;
}



.rnd_slide_section .tabs li.current {
  width: 150%;
  padding: 0 20px 0 20px;
}
.rnd_slide_section .tabs li.current .testi_img{
  margin: 0;
}
.rnd_slide_section .tabs li.current .testi_img img {
  max-height: 280px;
  box-shadow: 10px 9px 10px #00000017;
}
.testi_star img{
  max-height: 20px;
}


/* ------------HOME-TESTIMONIALS-END------ */


/* ------------SAYHELLO-START------ */
.sayhello_box{
  font-family: Outfit-Black;
  font-size: 41px;
  color: #dedede;
}
.sayhello_box a{
  font-family: Outfit-Medium;
  font-size: 31px;
  color: #000;
  margin: 0px 0 0px 10px;
}
.sayhello_box a:hover{
  color: #eb2427;
}
/* ------------SAYHELLO-END------ */


/* ------------CASE-STUDY-METHOD-START------ */
.method_count{
  font-family: Outfit-Black;
  color: #eb2427;
  font-size: 31px;
}
.method_list{
  background-color: #F8F8F8;
  padding: 40px;
  border-radius: 20px;
}
/* ------------CASE-STUDY-METHOD-END------ */


/* -------LETS-FORM-START----- */
.lets_list{
  color: #000;
  position: relative;
  width: 100%;
  margin: 22px 0;
}
.lets_list::before{
  content: "";
  background-image: url(../images/black_arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 40px;
  height: 11px;
  position: relative;
  left: 0;
  top: 0;
  float: left;
  margin: 5px 10px 0 0;
}
.lets_rightform{
  color: #000;
}
.lets_rightform input{
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  padding: 8px 20px 10px 20px;
  line-height: normal;
  width: 100%;
  outline: none;
}
.lets_rightform select{
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  padding: 8px 20px 10px 20px;
  line-height: normal;
  width: 100%;
}
.lets_rightform textarea{
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 8px 20px 10px 20px;
  line-height: normal;
  width: 100%;
}
.lets_rightform input[type="submit"] {
  background-color: #eb2427;
  color: #fff;
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 13px;
  width: auto;
  border: 0;
  cursor: pointer;
  line-height: normal;
}
.flag_box{
  background-color: #fff;
  padding: 30px;
  color: #000;
  border-radius: 20px 20px 10px 10px;
  margin: -80px 0 0 0;
  box-shadow: 0px -10px 20px #00000008;
}
/* -------LETS-FORM-END----- */



/* ------------FOOTER-MENU-START------ */

.footer_menu ul{
  float: left;
  width: auto;
  height: auto;
}
.footer_menu ul li{
  float: left;
  width: auto;
  height: auto;
  margin: 0 40px 0 0;
}
.footer_menu ul li a{
  float: left;
  width: auto;
  height: auto;
  font-family: Outfit-Medium;
  color: #000;
  font-size: 14px;
}
.footer_menu ul li .menu_redbar{
  float: left;
  width: 0%;
  height: 2px;
  background-color: #eb2427;
  transition-duration: 0.3s;
}
.footer_menu ul li a:hover .menu_redbar{
  width: 100%;
}

.footer_social_box a{
  float: left;
  width: 30px;
  height: 30px;
  background-color: #000;
  border-radius: 100px;
  margin: 0 15px 10px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer_social_box a img {
  max-height: 14px;
}
.footer_social_box a:hover{
  background-color: #eb2427;
}
.footer_other_menu{
  text-align: right;
}
.footer_other_menu a{
  color: #000;
  font-size: 14px;
}
.footer_other_menu a:hover{
  color: #eb2427;
}
/* ------------FOOTER-MENU-END------ */


@media screen and (max-width: 992px) {
/* ---------MAIN-MENU-START---- */
.toggle_menu{
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  margin: 35px 20px 0 0;
  cursor: pointer;
  transition-duration: 0.3s;
}

.sticky-header .mainmenu .toggle_menu{
  margin: 15px 20px 0 0;
}
.mainmenu ul{
  margin: 0 -1000px 0 0;
  transition-duration: 0.3s;
  position: fixed;
  top: 0;
  width: 60%;
  background-color: #000000e0;
  height: 100%;
  right: 0;
  padding: 70px 50px 0 0;
  
}
.mainmenu_open ul{
  margin: 0;
}
.mainmenu ul li{
  width: 100%;
  border-bottom: 1px dashed #5d5d5d;
}
.mainmenu ul li a{
  width: 100%;
  color: #fff;
  padding: 12px 0;
}
.home_casestudy_section li a{
  padding: 10px 15px;
}
.mainmenu ul li .menu_redbar{
  display: none;
}
.toggle_menu_close{
  background-color: #1f1f1f;
  margin: 35px 19px 0 0;
  display: none;
}
.mainmenu_open .toggle_menu_close{
  display: block;
}

/* ---------MAIN-MENU-END---- */

.inner_banner{
  text-align: center;
}


/* -------HOME-Core Promise-START----- */
.accordion-list{
  width: 50%;
}
.accordion_rightimg img {
  max-height: 330px;
}
/* -------HOME-Core Promise-END----- */

}

@media screen and (max-width: 768px) {


.banner_heading{
  font-size: 25px;
}

.heading31{
  font-size: 25px;
}

.left-social-box{
  display: none;
}
  
/* ------------HOME-CASE-STUDY-START------ */
.casestudy_whitebox:hover{
  margin: 0;
}
.home_casestudy_section li{
  width: auto;
  font-size: 14px;
}
.home_casestudy_slider .owl-controls{
  margin: 0;
  position: relative;
  justify-content: center;
  display: flex;
}
.home_casestudy_slider .owl-controls .owl-dot{
  clear: none;
  margin: 0 5px;
}
/* ------------HOME-CASE-STUDY-END------ */



/* ------------HOME-SERVICES-LIST-START------ */

.home_services_list .red_button {
  opacity: 1;
}
.home_services_list{
  min-height: inherit;
}
.services_content {
  min-height: inherit;
}
.home_services_list::before {
  width: 80px;
  height: 100px;
  border-left: 5px solid #eb2427;
  border-bottom: 5px solid #eb2427;
  margin: 0 0 -5px -5px;
}
.home_services_list::after {
  opacity: 1;
  margin: -4px -4px 0 0;
}
/* ------------HOME-SERVICES-LIST-END------ */

/* ------------HOME-ACTIVITY-START------ */
.activity_greybox{
  padding: 20px;
}
.activity_img img{
  width: auto !important;
  height: auto !important;
  border-radius: 20px;
}
.activity_heading{
  min-height: inherit !important;
  max-height: inherit !important;
}
/* ------------HOME-ACTIVITY-END------ */


/* ------------SAYHELLO-START------ */
.sayhello_box{
  font-size: 51px;
  text-align: center;
}
.sayhello_box a{
  margin: 0;
}
/* ------------SAYHELLO-END------ */

/* ------------HOME-TESTIMONIALS-START------ */
.rnd_slide_section .tabs{
  display: block;
}
.rnd_slide_section .tabs li{
  overflow: inherit;
  width: 100% !important;
  padding: 0 !important;
  min-height: inherit;
}
.testi_img{
  width: 32%;
}
.testi_greybox{
  background-color: #fff !important;
}
.testi_rightbox{
  display: block;
  width: 57%;
  height: auto !important;
  position: relative;
  padding: 0 !important;
}
.testi_img img{
  min-height: inherit;
  border: 1px solid #ccc;
}
/* ------------HOME-TESTIMONIALS-END------ */

/* -------HOME-Core Promise-START----- */
.accordion-list{
  width: 60%;
}
.accordion_rightimg img {
  max-height: 210px;
}
/* -------HOME-Core Promise-END----- */





/* ------------FOOTER-MENU-START------ */
.footer_menu ul li{
  width: 50%;
  margin: 0;
  text-align: center;
}
.footer_menu ul li a{
  width: 100%;
}
.footer_social_box{
  display: flex;
  justify-content: center;
}
.footer_menu ul li .menu_redbar{
  display: none;
}
.footer_other_menu {
  text-align: center;
}
/* ------------FOOTER-MENU-END------ */

}

@media screen and (max-width: 580px) {


/* -------HOME-Core Promise-START----- */
.accordion-list {
  width: 100%;
}
.accordion_rightimg{
  display: none;
}
/* -------HOME-Core Promise-END----- */

}