@charset "utf-8";
@import url(owl.carousel.min.css);
@import url(all.min.css);
#dmand-app,
body {
  background-color: #000;
}
.site_btn,
a.inqury_btn {
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
}
@keyframes anime {
  0%,
  100% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
#buisness_vlusec .buisness_vluindiv,
#case_achivg_sec .case_achive_imgdiv,
#customer_say .csay_crausal,
#service_sec ul li a,
#view_appsec .view_appimg,
.f-style,
.product_page_banner,
.scroll-btm,
.shopping-crt,
.site_btn,
a.inqury_btn > span,
footer .footer_form,
footer .footer_form .talk_form .frm_inpuf,
header,
header .socil_hmenu li:nth-child(4) a {
  position: relative;
}
#blog_pg .mheading,
#secPara h3,
#seoData h3,
#slider p,
.servicPgHead h2,
header.inner_header .head_menu > li .courses_msecmenu_inner .leftbg a,
header.stickedhead .head_menu .courses_msecmenu .col-md-3 a {
  color: #000;
}
#slider h1,
.a_txt,
a.inqury_btn {
  text-transform: uppercase;
}
#fav_prosec .fav_probox,
.site_btn,
a.inqury_btn,
body.body_hide {
  overflow: hidden;
}
canvas,
img {
  vertical-align: bottom;
}
.icon-close a,
.icon-menu {
  font-family: Helvetica, sans-serif;
}
#customer_say h3.mheading,
#discuss_prosec h3.mheading,
#slider h1,
h1.mheading,
h2.mheading {
  font-family: "Anton SC", sans-serif;
}
#popular_sec,
#recentfav_prosec {
  background: url(../images/inner_recent_project_bg.jpg) center top/cover
    no-repeat fixed;
}
#buisness_vlusec .buisness_vlubx p,
#whyCourseSec .whyCourseBx p,
.reactNativeDev hgroup p {
  text-align-last: center;
  -moz-text-align-last: center;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cart_sec .cart_list .cart_list_detail select,
#project_vidsec .row {
  width: 100% !important;
}
#blog_pg .blog_single_cnt img,
#cart_sec .total .coupon form,
#challenges_solusec .challenge_bx:hover .chalenge_bg,
#innerpg_slide .innerpg_slidemdiv .container,
#start-project .left-hding h1:hover a,
.fav_mbx,
.frm_inpuf.focused .in_border,
header .menu a span.toggle_line3,
input,
select,
textarea {
  width: 100%;
}
html {
  scroll-behavior: smooth;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a,
a:active,
a:focus,
a:hover,
a:visited {
  text-decoration: none !important;
  display: inline-block;
}
#faqInSec .card-header button,
#faqInSec .card-header button:focus,
#faqInSec .card-header button:hover,
.awesome,
.enquiryButton,
.icon-menu,
a,
a.inqury_btn,
a:active,
a:focus,
a:hover,
a:visited {
  text-decoration: none;
}
header .main_head {
  border-bottom: none !important;
}
a,
abbr,
acronym,
address,
applet,
aside,
b,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
ins,
kbd,
label,
legend,
li,
main,
object,
ol,
p,
pre,
q,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
ul {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-family: Helvetica, sans-serif;
  font-size: inherit;
  text-decoration: none;
}
a.inqury_btn,
b,
strong {
  font-weight: 700;
}
*,
:after,
:before {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
::-webkit-input-placeholder {
  color: #ccc;
}
:-moz-placeholder {
  color: #ccc;
}
::-moz-placeholder {
  color: #ccc;
}
:-ms-input-placeholder {
  color: #ccc;
}
body {
  font-size: 14px;
  overflow-x: hidden;
  padding-right: 0 !important;
}
p {
  font-size: 16px !important;
}
em,
i {
  font-style: italic;
}
input {
  padding: 8px;
}
.courses_msecmenu .modal-header,
img {
  border: none;
}
li,
ol,
ul {
  list-style: none;
}
#page-wrapper {
  background: #fff;
  text-align: center;
  width: auto;
}
.msg-error {
  color: #c65848;
}
.site_btn,
.site_btn:hover,
header.inner_header .head_menu > li a,
header.inner_header .socil_hmenu li a,
header.stickedhead .head_menu a,
header.stickedhead .socil_hmenu li a {
  color: #fff;
}
.g-recaptcha.error {
  border: 2px solid #c64848;
  padding: 0.2em;
  width: 26em;
}
.container,
.wrapper,
main {
  max-width: 1170px;
  margin: auto;
  width: auto;
  text-align: auto;
}
h4,
h5 {
  margin: 10px 0;
}
.container:after,
.wrapper:after,
footer:after,
header:after,
main:after {
  content: "";
  display: block;
  clear: both;
}
input:focus {
  border: 1px solid #999;
}
button,
input[type="button"],
input[type="submit"] {
  width: auto;
  border: none;
  padding: 5px;
  cursor: pointer;
}
button:focus,
button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
  border: none;
  background: #999;
}
h1 {
  font-size: 36px;
  margin: 30px 0;
}
h2 {
  font-size: 29px;
  margin: 20px 0;
}
h3 {
  font-size: 24px;
  margin: 15px 0;
}
.login-usr i,
.shopping-crt i,
h4 {
  font-size: 18px;
}
#my_account_page .my_account_container .my_order_tab .my_order_headeing il,
#my_account_page .my_account_container .my_order_tab .my_order_headeing p,
h5 {
  font-size: 14px;
}
h6 {
  font-size: 12px;
  margin: 5px 0;
}
.site_btn {
  background-color: #619fd6;
  display: inline-block;
  padding: 7px 15px !important;
  font-weight: 500;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: 0.5s;
  font-size: 16px;
}
#about_sec.about_inner h1.mheading,
#about_sec.about_inner h2.mheading,
#slider p,
.a_txt,
p {
  font-weight: 400;
}
#whyCourseSec.reactNtivDev,
.aboutCustomeSy,
.modal-dialog,
.swiper-pagination-bullet-active,
.user_hul,
header.inner_header .menu a span,
header.stickedhead .menu a span {
  background-color: #fff;
}
#consultantPopup .modal-body,
#forgot_md .modal-body,
#login_md .modal-body,
#qualitySolutions,
#signup_md .modal-body,
.foot_social,
.header_bg_fade .head_second,
.page_1st_popup .modal-body,
header {
  padding: 0;
}
#latst-blg .blogDate img,
.site_btn svg {
  width: 20px;
}
.header_mdiv .header_menus_mndiv .head_menu li a {
  color: #fff;
  background-image: linear-gradient(#619fd3, #619fd3);
  background-size: 0 2px;
  background-repeat: no-repeat;
  transition: background-size 0.5s;
  background-position: 0 100%;
  padding-bottom: 3px;
}
.header_mdiv .header_menus_mndiv .head_menu li a:hover {
  color: #fff !important;
  background-size: 100% 2px;
}
#about_sec.about_inner h2,
#about_sec.about_inner p,
#devServicesSec hgroup h2,
#devServicesSec hgroup p,
#faqInSec .servicPgHead h2,
#quality h3,
#secPara p,
#secPara ul li,
#whyCourseSec hgroup h2,
.OpenCartChoosebxinr p,
.aboutCustomeSy h3.mheading,
.aboutCustomeSy h5,
.aboutCustomeSy h6,
.aboutCustomeSy p,
.header_mdiv
  .header_menus_mndiv
  .head_menu
  li
  .courses_msecmenu_inner
  .leftbg
  .userMenu
  a:hover,
.why_doomshell h3,
header .dropdown-menu a {
  color: #000 !important;
}
#dmand-app {
  padding: 80px 0;
}
.dmad-heding {
  font-size: 32px;
  color: #fff;
  text-align: center;
  margin: 0;
}
.about-workprocess,
header
  .head_menu
  .dropdownli.dropdownli1.courses-menu-hov:hover
  .courses_msecmenu
  .courses_msecmenu_inner
  .col-md-3,
header
  .head_menu
  .dropdownli.dropdownli1.courses-menu-hov:hover
  .courses_msecmenu
  ul#servicedata {
  margin-top: 0 !important;
}
#buisness_vlusec .buisness_vluindiv .buisness_vluindivinner,
#case_studyintro .case_intro_content,
#challenges_solusec .challenge_bx .chalenge_bxinner,
.site_btn span {
  position: relative;
  z-index: 9;
}
.site_btn:hover:after {
  height: 300%;
  width: 300%;
}
.f-style.deactive label,
.owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: transparent !important;
}
.home-custumer,
a.inqury_btn:hover,
header .menu a span {
  background-color: #000;
}
a.inqury_btn {
  -webkit-transition: 0.6s;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 176px;
  height: 40px;
  display: block;
  background-color: #c34a4a;
  line-height: 40px;
  font-size: 15px;
  color: #fff;
  padding-left: 14px;
  position: absolute;
  top: 84px;
  right: 20px;
  border-radius: 5px 25px 25px 5px;
  transition: 0.6s;
  -webkit-transform-origin: right center;
  transform-origin: right center;
  z-index: 100;
}
#about_sec,
#discuss_prosec,
#slider {
  background-color: #000;
}
.portfolio_prosec1 .portfolio_bgdiv,
header,
header.stickedhead {
  background-color: #000;
  position: fixed;
}
a.inqury_btn > span {
  display: block;
  z-index: 2;
}
#cart_sec .total .coupon li,
.a_txt,
.a_txt:after,
header .no_scroll_lg,
header.inner_header .scroll_lg,
header.stickedhead .scroll_lg {
  display: inline-block;
}
a.inqury_btn i {
  position: absolute;
  font-size: 24px;
  top: 7px;
  right: 14px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -moz-transform: rotate(183deg);
  -webkit-transform: rotate(183deg);
  -o-transform: rotate(183deg);
  -ms-transform: rotate(183deg);
  transform: rotate(183deg);
}
header,
header .menu,
header .menu a span {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
}
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
textarea {
  resize: none;
}
h1.mheading,
h2.mheading {
  font-size: 40px;
  text-align: left;
  color: #fff;
}
#slider h1 span,
h1.mheading span,
h2.mheading span,
h3.mheading span {
  color: #619fd6;
  display: inline-block;
  font-family: "Anton SC", sans-serif;
}
.a_txt {
  font-size: 18px;
  color: #619fd6;
}
.a_txt:after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 8px;
}
#blog_pg .blog_single_cnt ul li.text_sitec,
#blog_pg .blog_single_cnt ul li.text_sitec i,
.text_sitec,
.text_sitec:hover {
  color: #4e81ee;
}
header {
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
  -ms-transition: 0.5s;
}
#fav_prosec .fav_prosec_inner .row .col-md-4:nth-child(4),
#fav_prosec .fav_prosec_inner .row .col-md-4:nth-child(5),
#fav_prosec .fav_prosec_inner .row .col-md-4:nth-child(6),
#fav_prosec .owl-nav,
#hire_sec .hire_inner .col:nth-child(2) .hire_bxinner img,
#whyCourseSec .owl-nav,
.clients_div .owl-nav,
.courses_msecmenu,
header .courses_msecmenu,
header .mobileHeadContact,
header .scroll_lg,
header.head_fixed .menu a span.toggle_line2,
header.inner_header .no_scroll_lg,
header.stickedhead .no_scroll_lg {
  display: none;
  -webkit-transition: 0.1s ease-in-out;
  -moz-transition: 0.1s ease-in-out;
  -ms-transition: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}
#fav_prosec .fav_prosec_inner .row .col-md-4:nth-child(4) {
  display: inline;
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.1s ease-in-out;
  -moz-transition: 0.1s ease-in-out;
  -ms-transition: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}
.user_hul li,
.user_hul li a {
  display: block !important;
  color: #000 !important;
  text-align: left !important;
}
.user_hul li a {
  padding: 7px;
  border-bottom: 1px solid #5d5d5d;
}
.user_hul {
  position: absolute;
  top: 100%;
  width: 230px;
  right: 0;
}
header .header_mdiv {
  position: relative;
  padding-top: 12px;
}
#cart_sec .total .coupon form li:last-child,
#case_appfeatur_sec .app_feature_bx2,
#industry_sec ul li:nth-child(2n),
.header_mdiv .header_menus_mndiv {
  float: right;
}
#latst-blg .blogDate,
header .header_crt,
header .header_menus {
  display: flex;
  align-items: center;
}
#login .modal-dialog {
  max-width: 600px;
}
header .socil_hmenu li:nth-child(3) {
  margin-right: 30px;
}
header .socil_hmenu li:nth-child(4) a span {
  background-color: #619fd6;
  height: 22px;
  width: 22px;
  display: block;
  position: absolute;
  right: -18px;
  top: -10px;
  text-align: center;
  line-height: 22px;
  color: #fff;
  border-radius: 50%;
}
header .logo {
  padding-bottom: 10px;
  float: left;
}
header .logo img {
  width: 300px;
}
header .menu {
  float: left;
  margin-top: 26px;
  transition: 0.5s;
}
#blog_pg .blog_side1.blog_side2 ul li ul:after,
#case_studyintro .case_intro_btcontent ul:after,
#serv_weofrsec ul:after,
#solution_prosec:after,
.clients_ul:after,
.courses_msecmenu .col-md-9 ul:after,
header .container-fluid:after {
  content: "";
  clear: both;
  display: block;
}
header .menu a {
  width: 28px;
  display: none;
}
header .menu a span {
  display: block;
  height: 2px;
  float: right;
  transition: 0.5s;
}
#blog_pg .blog_side1 ul li a,
#fav_prosec .fav_probox img.card-img,
#recentfav_prosec .fav_inner1bx,
#service_sec ul li,
#social_icons ul li a,
#work_approsec .work_appbx,
.main_footer .mn_footbx ul li a,
.site_btn svg,
header .header_fix {
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}
header .menu a span.toggle_line2 {
  margin: 6px 0;
  width: 85%;
}
.courses_msecmenu_inner .col-md-3 {
  background-color: #eee;
}
header .menu a span.toggle_line1 {
  width: 70%;
}
header .socil_hmenu li {
  display: inline-block;
  margin-left: 10px;
  font-size: 12px;
}
.page_1st_popup .close i,
header .socil_hmenu li a {
  color: #000;
  display: inline-block;
}
header .socil_hmenu li i {
  font-size: 18px;
  vertical-align: -1px;
}
header .socil_hmenu li img {
  vertical-align: -6px;
}
header.head_fixed .menu {
  position: absolute;
  right: 10px;
  top: 0;
}
header .mobileHeadContact ul {
  display: none;
  background: #fff;
}
header .mobileHeadContact a.enquiry {
  color: #333;
  position: absolute;
  right: 0;
  top: -6px;
}
.why_doomshell .ab_doomshell,
.why_doomshell p {
  font-weight: 300;
  text-align: justify;
}
#industry_sec .nav-pills,
.dropdownli .drop_ul.active,
.onePointRUl li strong,
canvas,
header .courses_msecmenu,
header .dropdownli .drop_ul li,
header.head_fixed .head_menu,
header.head_fixed .header_menus {
  display: block;
}
header .courses_msecmenu {
  overflow: hidden;
  height: 0;
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out;
  -ms-transition: 0.8s ease-in-out;
  -o-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
}
header .head_menu .dropdownli.dropdownli1.courses-menu-hov {
  -webkit-transition: 0.1s ease-in-out;
  -moz-transition: 0.1s ease-in-out;
  -ms-transition: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}
header
  .head_menu
  .dropdownli.dropdownli1.courses-menu-hov:hover
  .courses_msecmenu {
  display: block !important;
  height: 410px;
}
.courses_msecmenu_inner .col-md-3,
ul#servicedata {
  margin-top: 100px !important;
  -webkit-transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  -ms-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
}
header.head_fixed .menu a span.toggle_line1 {
  width: 100%;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-bottom: -1px;
}
header.head_fixed .menu a span.toggle_line3 {
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.page_1st_popup .modal-dialog {
  max-width: 700px;
  background: #fff;
}
.page_1st_popup .modal_formsec {
  background: url(../images/modal_mainimg.png) center top/cover no-repeat;
}
.page_1st_popup .modal_pcontent {
  position: absolute;
  top: 15px;
  left: 15px;
}
.page_1st_popup .modal_logo {
  background-color: #1f495f;
  text-align: left;
  padding: 10px 15px;
}
.page_1st_popup .modal_divcontent {
  padding: 10px 15px;
}
.page_1st_popup .modal_img1 .modal_social li {
  margin-bottom: 12px;
}
.page_1st_popup .modal_img1 .modal_social span {
  height: 30px;
  width: 30px;
  margin-right: 10px;
  display: inline-block;
  line-height: 35px;
  text-align: center;
}
.page_1st_popup .modal_img1 .modal_social li a {
  color: #414042;
  font-size: 12px;
  text-align: left;
  display: inline-block;
}
.page_1st_popup .modal_img1 .modal_social li:first-child span {
  background-color: #149c5a;
}
.page_1st_popup .modal_img1 .modal_social span img {
  vertical-align: -4px;
}
.page_1st_popup .modal_img1 .modal_social li:nth-child(2) span {
  background-color: #00aff0;
}
.page_1st_popup .modal_img1 .modal_social i {
  display: inline-block;
  color: #fff;
  font-size: 20px;
}
.page_1st_popup .modal_img1 .modal_social li:nth-child(3) span {
  background-color: #65bc54;
}
.page_1st_popup h4 {
  font-size: 18px;
  color: #414042;
  text-align: left;
  margin-top: 0;
}
.page_1st_popup h6 {
  font-size: 14px;
  color: #231f20;
  text-align: left;
  margin-top: 10px;
}
.page_1st_popup input,
.page_1st_popup select,
.page_1st_popup textarea {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  color: #fff !important;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
}
.page_1st_popup input,
.page_1st_popup select {
  height: 28px;
  font-size: 12px;
  border-radius: 0;
  border: none !important;
  box-shadow: 0 0 0 #ccc inset !important;
}
.page_1st_popup textarea {
  height: 100px;
  border-radius: 0;
  border: 0;
  resize: none;
}
.page_1st_popup input::placeholder,
.page_1st_popup select::placeholder,
.page_1st_popup textarea::placeholder {
  color: #fff;
}
.page_1st_popup button[type="submit"] {
  background-color: #1f495f;
  width: 170px;
  color: #fff;
  padding: 12px 10px;
  font-size: 14px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.page_1st_popup .form-control:focus {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}
#blog_pg .blog_side1 ul li a:hover,
.page_1st_popup .form-control {
  padding-left: 10px;
}
.page_1st_popup .close {
  height: 35px;
  width: 35px;
  position: absolute;
  top: -10px;
  right: -10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 1;
  z-index: 999999;
  border: 1px solid #000;
}
.page_1st_popup .modal_foot {
  background-color: #1f495f;
  padding: 10px;
}
.page_1st_popup .modal_foot p {
  font-size: 12px;
  text-align: justify;
  color: #fff;
}
.page_1st_popup .modal_foot p a,
.page_1st_popup .modal_foot p span {
  color: #ffe400;
  display: inline-block;
}
.page_1st_popup .form-group {
  margin-bottom: 0.5rem;
}
#slider {
  padding: 140px 0 120px;
}
#slider .slider_main {
  background-color: rgba(256, 256, 256, 0.8);
  display: flex;
  z-index: 9;
  height: 400px;
}
#slider p {
  font-size: 22px !important;
  margin-top: 0;
  margin-bottom: 20px;
  color: #fff;
}
#slider h1 {
  color: #fff;
  font-size: 75px;
  margin-bottom: 0;
}
.shopping-crt span {
  background-color: #619fd6;
  height: 22px;
  width: 22px;
  display: block;
  position: absolute;
  right: -13px;
  top: -6px;
  text-align: center;
  line-height: 22px;
  color: #fff;
  border-radius: 50%;
}
#about_sec p,
#contact_form_sec .cont_heading_text p small,
#contact_form_sec .contact_form_container p small,
#forgot_md p,
#login_md p,
#signup_md p,
.portfolio_prosec .portfolio_bgdiv .portfolio_content h6 {
  font-size: 16px;
}
.clients_div {
  padding-top: 40px;
}
#project_vidsec .vid_sectrigger .container,
#project_vidsec .vid_sectrigger .row,
#signup_md img,
.portfolio_prosec .container,
.portfolio_prosec .row {
  height: 100%;
}
#login_md .custom-control-label,
#signup_md .custom-control-label {
  line-height: 24px;
}
#forgot_md a,
#login_md a,
#signup_md a {
  display: inline-block;
  color: #619fd6;
}
#forgot_md .modal-dialog,
#login_md .modal-dialog,
#signup_md .modal-dialog {
  max-width: 800px;
  background: #fff;
  margin-top: 10vh;
}
#consultantPopup .modal-dialog-centered,
#consultantPopup .modal-dialog-centered::before,
#forgot_md .modal-dialog-centered,
#forgot_md .modal-dialog-centered::before,
#login_md .modal-dialog-centered,
#login_md .modal-dialog-centered::before,
#signup_md .modal-dialog-centered,
#signup_md .modal-dialog-centered::before {
  min-height: inherit;
  height: initial;
}
#consultantPopup button.close,
#forgot_md button.close,
#login_md button.close,
#signup_md button.close {
  position: absolute;
  right: -15px;
  background: #fff;
  height: 30px;
  width: 30px;
  border: 1px solid #ccc;
  text-align: center;
  border-radius: 50%;
  top: -15px;
}
#exampleModalLong .modal-body iframe,
#servicesBnr {
  height: 400px;
}
#consultantPopup .modal-dialog h3,
#forgot_md .modal-dialog h3,
#login_md .modal-dialog h3,
#signup_md .modal-dialog h3 {
  font-size: 32px;
  margin: 0 0 15px;
}
#consultantPopup .modal-dialog h4,
#forgot_md .modal-dialog h4,
#login_md .modal-dialog h4,
#signup_md .modal-dialog h4 {
  margin: 0 0 25px;
}
#consultantPopup .modal-dialog .f-style label,
#forgot_md .modal-dialog .f-style label,
#login_md .modal-dialog .f-style label,
#signup_md .modal-dialog .f-style label {
  top: 9px;
  left: 12px;
}
#consultantPopup .modal-dialog .f-style.active label,
#forgot_md .modal-dialog .f-style.active label,
#login_md .modal-dialog .f-style.active label,
#signup_md .modal-dialog .f-style.active label {
  top: -12px;
  left: 12px;
}
#consultantPopup .modal-dialog .form-control,
#consultantPopup .modal-dialog .site_btn,
#contact_form_sec .contact_form_container input,
#contact_form_sec .contact_form_container textarea,
#forgot_md .modal-dialog .form-control,
#forgot_md .modal-dialog .site_btn,
#login_md .modal-dialog .form-control,
#login_md .modal-dialog .site_btn,
#signup_md .modal-dialog .form-control,
#signup_md .modal-dialog .site_btn,
.f-style input,
.f-style textarea {
  border-radius: 0;
}
.clients_ul li:first-child {
  width: 30%;
  float: left;
  text-align: left;
}
#slider .clients_ul li:first-child img,
header .dropdownli .drop_ul2 {
  width: auto;
}
.clients_ul li:last-child {
  width: 70%;
  display: flex;
  align-items: center;
}
.owl-carousel.clients_crausal .owl-item img {
  width: auto !important;
  height: 50px;
}
#about_sec {
  padding: 170px 0 220px;
  position: relative;
  z-index: 2;
}
#customer_say .owl-nav.disabled,
#port-flio.about-porfolio::after,
#port-flio.about-porfolio::before,
.owl-dots,
section#port-flio .owl-nav {
  display: none;
}
#about_sec::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -200px;
  width: 100%;
  height: 260px;
  z-index: -1;
  background: url(../images/bg-top.png) center center/contain no-repeat;
  display: none;
}
h4.about_heading {
  font-size: 48px;
  color: #619fd6;
  font-weight: 700;
  text-align: left;
}
h4.about_heading span {
  font-weight: 500;
  color: #fff;
  font-size: 18px;
  display: inline-block;
  line-height: 20px;
  text-align: left;
  margin-left: 8px;
}
#about_sec p {
  color: #fff;
  font-weight: 300;
  text-align: justify;
  padding-right: 30px;
}
#about_sec .about_img {
  text-align: center;
  position: relative;
}
#discuss_prosec {
  padding: 180px 0;
}
#discuss_prosec h3.mheading {
  text-align: center;
  margin-bottom: 0;
  font-size: 40px;
  color: #fff;
}
#discuss_prosec p,
#fav_prosec.fav_prosec2 .fav_probox {
  margin-bottom: 0;
  color: #fff;
  height: 100%;
}
#fav_prosec.fav_prosec2 .fav_probox a {
  display: block;
  height: 100%;
}
#port-flio {
  background-color: #fff;
  position: relative;
  padding: 60px 0 70px;
  margin: 100px 0;
  z-index: 3;
}
#port-flio.about-porfolio {
  background-color: #000 !important;
  position: relative;
}
#develpmentCmpnySec3 p,
#footer.inner .footSocial ul li:nth-child(4) a:hover i,
#port-flio.about-porfolio .mheading,
#portfolio_detail_container .about_project p,
#secPara.pb-4 p,
#secPara.pb-4 ul li,
.footerContactInfo li i:first-child,
.secPara p,
.secPara ul li,
h2 {
  color: #fff !important;
}
#customer_say.aboutCustomeSy::after,
#work-prossec::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -186px;
  width: 100%;
  height: 260px;
  z-index: -1;
  background: url(../images/bg-btm.png) center center/contain no-repeat;
}
#port-flio .fav_prosec_inner {
  background-color: #000;
  padding: 45px 0;
}
#work-prossec {
  position: relative;
  z-index: 3;
  margin: 0;
  background: #fff;
  padding-top: 20px;
}
#work-prossec::before {
  content: "";
  position: absolute;
  left: 0;
  top: -174px;
  width: 100%;
  height: 260px;
  z-index: -1;
  background: url(../images/bg-top.png) center center/contain no-repeat;
}
.about-workprocess {
  padding-top: 50px !important;
}
#latst-blg {
  background-color: #000;
  margin-top: 180px;
}
#latst-blg .card-body.text-left {
  min-height: 290px;
  max-height: 310px;
}
#latst-blg .blogDate span {
  font-size: 16px;
  font-weight: 600;
  color: #619fd5;
  margin-left: 8px;
  line-height: normal;
}
#latst-blg .card .card-body a {
  color: #619fd5;
  padding: 0;
  font-weight: 700;
}
#latst-blg .card .card-title {
  font-size: 18px !important;
  font-weight: 700;
  line-height: 28px;
}
#OpenCartChooseSec hgroup p,
#case_studyintro hgroup p,
#port-flio .mheading,
#port-flio p {
  text-align: center;
  color: #fff;
}
#port-flio .card-img-overlay {
  left: 0;
  right: 0;
  top: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#port-flio .card-img-overlay img {
  width: 100px;
  margin: auto;
  border-radius: 8px;
}
#port-flio .card-img-overlay h5 {
  font-size: 24px;
  color: #fff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 0;
}
#port-flio .card-img-overlay p {
  text-align: center;
  font-size: 16px;
}
#challenges_solusec hgroup,
#devServicesSec .col-md-4,
#fav_prosec hgroup,
#hire_sec hgroup,
#popular_sec hgroup,
#portfolio_abt p,
#portfolio_detail_container .about_project p,
#portfolio_detail_container .project_highlight h2,
#portfolio_detail_container .solution_provided h2,
#secPara p,
#techno_sec .techno_bx,
.servicPgHead,
.service_detailModal .modal-body ul,
.why_doomshell hgroup {
  margin-bottom: 30px;
}
#fav_prosec .card {
  background-color: transparent;
  border: none;
  height: 100%;
  display: block;
}
#about_sec.about_inner::before,
#techno_sec::before,
section#innerpg_slide::after {
  background: url(../images/bg-top.png) center center/contain no-repeat;
  height: 260px;
}
#fav_prosec .card img {
  object-fit: cover;
}
#fav_prosec .fav_prosec_inner .col-md-4 {
  margin-bottom: 25px;
}
#my_account_page,
#techno_sec {
  padding: 60px 0;
  background: #fff;
  position: relative;
  z-index: 3;
}
#techno_sec p {
  color: #000;
  text-align: justify;
  font-size: 16px;
  line-height: 21px;
  font-weight: 300;
}
#fav_prosec .card .card-img-overlay {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  right: inherit !important;
  bottom: inherit !important;
}
#about_sec.about_inner::before,
#techno_sec::before {
  content: "";
  position: absolute;
  left: 0;
  top: -155px;
  width: 100%;
  z-index: -1;
}
#techno_sec::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -154px;
  width: 100%;
  height: 260px;
  z-index: 4;
  background: url(../images/bg-btm.png) center center/contain no-repeat;
}
#customer_say ul,
#privacy_polpg p,
#social_icons ul li,
#techno_sec h5,
#techno_sec ul,
#techno_sec ul li,
#techno_stacksec .techno_stacksecdiv ul li,
#techno_stacksec ul,
.devlpMethodSec h2,
.devlpMethodSec.pythonDevMet.androidDevMet h2,
.foot_social ul,
.my_order_headeing li,
.order_pg table td,
.portfolio_prosec_odd .portfolio_bgdiv .portfolio_content {
  text-align: left;
}
#techno_sec h3.mheading {
  color: #fff;
  font-weight: 600;
  font-size: 60px;
  text-align: center;
}
#techno_sec ul li:first-child {
  margin-right: 8px;
}
#techno_sec h5 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin: 0;
}
#techno_sec ul,
.main_footer .mn_footbx2 ul li,
footer .footer_form .talk_form .form-group {
  margin-bottom: 10px;
}
#blog_pg .blog_side1.blog_side2,
#techno_sec .techni_innerdiv {
  margin-top: 40px;
}
#techno_sec .techno_bx ul.d-flex li img {
  width: 65px;
}
#customer_say,
#customer_say .csay_main {
  padding: 20px 0 60px;
  margin-top: 100px;
  z-index: 4;
}
#customer_say .csay_back {
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
#customer_say h3.mheading {
  color: #fff;
  margin-top: 0;
  text-align: center !important;
}
#customer_say .open_quote {
  transform: rotate(180deg);
  margin-bottom: 20px;
}
#customer_say p {
  font-size: 18px;
  color: #fff;
  text-align: justify;
  font-weight: 300;
  line-height: 30px;
  margin-top: 15px;
}
#customer_say h5 {
  font-size: 20px;
  color: #fff;
  text-align: left;
  margin: 0;
}
#customer_say h6 {
  font-size: 16px;
  color: #fff;
  text-align: left;
  margin: 7px 0 0;
  font-weight: 300;
}
#customer_say ul li:last-child {
  vertical-align: 22px;
}
#customer_say .owl-theme.csay_crausal .owl-nav {
  bottom: 40px !important;
  left: 3rem !important;
}
#customer_say.customer .owl-carousel .owl-nav button.owl-next:after {
  content: "\f061";
  display: inline-block;
  color: #fff;
  font-size: 20px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
#customer_say.customer .owl-carousel .owl-nav button.owl-prev:before {
  content: "\f060";
  display: inline-block;
  color: #fff;
  font-size: 20px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
#customer_say .client_project img {
  width: 85%;
  margin-left: auto;
}
#benefit_sec,
#blog_pg {
  padding: 35px 0;
  position: relative;
}
#blog_pg h2 {
  text-align: center;
  font-size: 36px;
}
#blog_pg .element_img {
  position: absolute;
  left: 0;
  top: -80px;
}
#blog_pg .element_img2 {
  position: absolute;
  left: -100px;
  bottom: 120px;
}
#blog_pg .blog_single_cnt {
  padding: 10px;
  border: 1px dashed #ccc;
}
#blog_pg .blog_single_cnt h5 {
  font-size: 25px;
  color: #3a3a3c;
  text-align: left;
  margin-top: 10px;
  font-weight: 300;
  min-height: 60px;
}
#blog_pg .blog_single_cnt ul li i {
  margin-right: 7px;
  display: inline-block;
  color: #4e81ee;
}
#blog_pg .blog_single_cnt ul li {
  font-size: 16px;
  color: #595959;
  text-align: left;
  font-weight: 300;
  margin-right: 20px;
}
#case_achivg_sec ul li:after,
#serv_weofrsec ul li:after,
.devlpMethodSec ul li:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
#blog_pg .blog_single_cnt ul li:last-child {
  margin-right: 0;
}
#blog_pg .blog_single_cnt ul {
  margin: 16px 0 20px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #c8c8c8;
}
#blog_pg .blog_single_cnt p {
  font-size: 18px;
  color: #595959;
  text-align: justify;
}
#blog_pg .blog_side1 {
  text-align: left;
  margin-top: 25px;
}
#blog_pg .blog_side1 ul li {
  text-align: left;
  padding-left: 30px;
  position: relative;
  margin-bottom: 15px;
}
#blog_pg .blog_side1 ul li i {
  position: absolute;
  left: 0;
  top: 6px;
}
#blog_pg .blog_side1 h4 {
  font-size: 28px;
  text-align: left;
  font-weight: 300;
}
#blog_pg .blog_side1 ul li a,
#blog_pg .blog_side1 ul li a:hover {
  font-size: 16px;
  color: #5f5f61;
  display: inline-block;
}
#blog_pg .blog_sibar {
  padding: 15px;
  border: 1px solid #c8c8c8;
}
#blog_pg .blog_side1.blog_side2 ul li {
  padding: 0;
  margin: 0;
}
#blog_pg .blog_side1.blog_side2 ul li ul li,
#cart_sec .total .coupon form li:first-child,
#case_appfeatur_sec .app_feature_bx4,
#industry_sec ul li:nth-child(odd) {
  float: left;
}
#blog_pg .blog_side1.blog_side2 ul li ul li:first-child {
  margin-right: 10px;
  width: 30%;
}
#blog_pg .blog_side1.blog_side2 ul li ul li:last-child {
  width: calc(70% - 10px);
}
#blog_pg .blog_side1.blog_side2 ul li p {
  font-size: 16px;
  color: #5d5d5d;
  text-align: left;
}
#blog_pg .blog_side1.blog_side2 ul li h6 {
  font-size: 14px;
  color: #8b8b8b;
  text-align: left;
  margin-top: 16px;
  margin-bottom: 0;
}
#blog_pg .blog_side1.blog_side2 > ul > li {
  padding: 22px 0;
  border-bottom: 1px solid #f0f0f0;
}
.pagination li {
  margin: 0 5px;
}
#blog_pg ul li a.page-link,
#blog_pg ul li a.page-link:hover,
#blog_pg ul li span.page-link,
#blog_pg ul li span.page-link:hover {
  border: none;
  background-color: #f5f5f5;
  font-size: 20px;
  color: #686868;
  height: 40px;
  width: 40px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
#blog_pg ul li:first-child a.page-link,
#blog_pg ul li:first-child span.page-link,
#blog_pg ul li:last-child a.page-link,
#blog_pg ul li:last-child span.page-link {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#blog_pg ul li a.page-link.bg_sitec {
  background-color: #4e81ee;
  color: #fff;
}
#blog_pg h3.mheading {
  text-align: center;
  font-weight: 400;
  margin: 0;
  font-size: 36px;
}
#blog_pg p,
#experience_sec h1.mheading,
#experience_sec h2.mheading {
  text-align: center;
  margin-bottom: 30px;
}
footer h4.mheading {
  font-size: 28px;
  color: #3a3a3c;
  font-weight: 400;
  text-align: left;
}
footer {
  border-top: 0 solid;
}
footer,
header .main_head {
  padding: 0;
  position: relative;
}
footer .element_img {
  position: absolute;
  right: 100px;
  top: -40px;
}
footer .footer_form .talk_form {
  padding: 15px 25px;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.23);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.23);
  position: relative;
  z-index: 2;
  background-color: #fff;
}
footer .footer_form .talk_form h5 {
  font-size: 26px;
  font-weight: 400;
  text-align: left;
}
footer .footer_form .talk_form label {
  text-align: left;
  font-size: 14px;
  color: #3d3d3d;
  display: block;
}
footer .footer_form .talk_form input::-webkit-input-placeholder {
  color: #3d3d3d;
  font-size: 12px;
}
footer .footer_form .talk_form input::-moz-placeholder {
  color: #3d3d3d;
  font-size: 12px;
}
#service_sec ul li:nth-child(4) a .serv_line span,
footer .footer_form .talk_form textarea {
  height: 80px;
}
footer .footer_form .talk_form input:-ms-input-placeholder {
  color: #3d3d3d;
  font-size: 12px;
}
footer .footer_form .talk_form input:-moz-placeholder {
  color: #3d3d3d;
  font-size: 12px;
}
footer .footer_form .talk_form select {
  color: #3d3d3d;
}
footer .footer_form .talk_form input,
footer .footer_form .talk_form select,
footer .footer_form .talk_form textarea {
  padding-left: 0;
  border: none;
  border-bottom: 1px solid #a8a8a8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 12px;
  position: relative;
  text-transform: capitalize;
}
footer .footer_form .talk_form input[type="submit"] {
  border-bottom: none;
}
footer .footer_form .talk_form input[type="submit"].a_btn {
  border: 2px solid #333;
  background-color: #333;
  color: #fff;
  font-size: 20px;
}
footer .footer_form .talk_form .frm_inpuf .input.tel {
  flex: 1;
}
.frm_inpuf .in_border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  border-bottom: 2px solid #4e81ee;
  background-color: #4e81ee;
  -o-transition: 1s;
  -ms-transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  display: block;
  z-index: 99;
}
#contact_content .contact_content_bx .contact_img::before,
.contact_img::before {
  min-width: calc(300px + 12px);
  min-height: calc(60px + 12px);
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.footSocial ul li h6 {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 6px;
}
#footer.inner .footSocial ul li a i {
  transition: 0.5s;
  background-color: transparent;
}
#footer.inner .footSocial ul li a {
  background-color: #fff;
  text-align: center;
}
#footer.inner .footSocial ul li a,
#footer.inner .footSocial ul li a i {
  border: none !important;
}
#footer.inner .footSocial ul li:first-child a:hover,
#footer.inner .footSocial ul li:nth-child(2) a:hover,
#footer.inner .footSocial ul li:nth-child(3) a:hover {
  background-color: #619fd5;
}
#footer.inner .footSocial ul li:nth-child(4) a:hover {
  background-color: #619fd5;
  color: #fff !important;
}
#footer.inner .footSocial ul li a svg {
  width: 32px !important;
  padding: 7px;
  fill: #18a15f;
}
#footer.inner .footSocial ul li:nth-child(2) a:hover svg,
.foot_social ul li a:hover svg {
  fill: #fff;
}
.footSocial ul li a {
  transition: 0.2s ease-out;
  overflow: hidden;
  position: relative;
  border: 1px solid #619ed5;
  background: 0 0;
  border-radius: 50%;
  color: #15011d;
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
#footer.inner .footSocial a:before,
.footSocial a:before {
  content: "";
  background: #619fd5;
  border-radius: 50%;
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  position: absolute;
  top: -1px;
  transform: translate(-100%, 0) rotate(10deg);
  transition: transform 0.2s ease-out;
  z-index: 0;
  left: -1px;
}
#career_container .team_members h3,
#devlpMethodSec hgroup p,
#devlpMethodSec p,
#faqInSec .card-header button,
#faqInSec .card-header:hover button,
#flaxibalType .flexRightBox .onePointRUl li,
#industry_sec .a_txt,
#project_vidsec h3.mheading,
#project_vidsec p,
#qualitySolutions h3,
#rnFramework h3,
#rnFramework p,
#seoData ul li,
.breadcrumb-item + .breadcrumb-item::before,
.courses_msecmenu .col-md-9 ul li a span,
.current_opening.text-left.mt-5 h3,
.current_opening.text-left.mt-5 p,
.develpmentCmpnyCnt ul li,
.devlpMethodSec hgroup p,
.devlpMethodSecCnt p,
.footSocial ul li a:hover i,
.search_products .product_search_bar button i,
.servicPgHead h2,
.twoPointRUl li,
header .head_menu li.rquote a:hover {
  color: #fff;
}
.footSocial ul li a:hover {
  border-color: #619fd5;
  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.2);
  transform: scale(1.2);
  z-index: 1;
  color: #fff;
}
.footSocial a:hover:before {
  transform: translate(0, 0);
}
#footer.inner .footSocial ul li a:hover {
  border-color: transparent !important;
  box-shadow: none !important;
  transform: scale(1) !important;
  z-index: 1;
}
#footer.inner .footSocial a:hover:before {
  transform: translate() !important;
}
#footer.inner .footSocial a:before {
  transform-origin: top left;
  display: none;
}
.footSocial a:before {
  display: block;
  transform-origin: top left;
}
.footSocial ul li i,
.footerContactInfo li i,
svg {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.footSocial ul li i,
svg {
  height: 40px !important;
  width: 40px !important;
  border-radius: 50%;
  line-height: 37px;
  text-align: center;
  display: inline-block;
  font-size: 18px;
  z-index: 3;
  color: #619ed5;
}
.foot_social ul li svg,
.footerContactInfo li i {
  line-height: 42px;
  font-size: 21px;
  z-index: 3;
  display: inline-block;
  text-align: center;
}
.footerContactInfo li i:last-child {
  color: #0d8bf2 !important;
}
.foot_social ul li span img {
  filter: brightness(0) invert(1);
}
.foot_social ul li span:first-child {
  margin-right: 6px;
  vertical-align: -3px;
  background: #619ed5;
  padding: 10px;
  border-radius: 50%;
}
.footerContactInfo li span,
a {
  color: #222;
}
.footerContactInfo li i {
  background-color: #619ed5;
  margin-right: 6px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
}
.contact_img,
.foot_social ul li svg {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.foot_social ul li svg {
  padding: 7px;
  border-radius: 50%;
  height: auto;
  width: 32px !important;
  fill: #619ed5;
}
.foot_social ul li {
  margin-right: 70px !important;
}
.foot_social ul li:last-child {
  margin-right: 0 !important;
}
footer .footer_form .foot_social {
  position: static;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: #e5e5e5;
}
.let_talk h3 {
  font-size: 18px;
  color: #3a3a3c;
  text-transform: uppercase;
  font-weight: 300;
  text-align: left;
  margin-top: 30px;
}
.icon-close,
.icon-close a {
  color: #afdefa;
  cursor: pointer;
}
.social_media_icons li a {
  width: 40px;
  height: 40px;
  border: 1px solid #ccc;
  margin-right: 10px;
  line-height: 40px;
  font-size: 18px;
}
.main_footer {
  background-color: #fff;
  padding: 55px 0;
  position: relative;
  z-index: 3;
}
.main_footer .mn_footbx h5 {
  font-size: 22px;
  color: #3a3a3c;
  text-align: left;
  margin-bottom: 20px;
}
.main_footer .mn_footbx ul li a {
  color: #000;
  background-image: linear-gradient(#619fd3, #619fd3);
  background-size: 0 2px;
  background-repeat: no-repeat;
  transition: background-size 0.5s;
  background-position: 0 100%;
  padding-bottom: 3px;
}
.main_footer .mn_footbx ul li a:hover {
  color: #619fd3 !important;
  background-size: 100% 2px;
}
.main_footer .mn_footbx ul li {
  text-align: left;
  margin-bottom: 10px;
}
.main_footer .mn_footbx1 ul li {
  padding: 19px 0;
  border-bottom: 1px solid #ebebeb;
}
.main_footer .mn_footbx1 ul li:first-child {
  padding-top: 0;
}
.main_footer .mn_footbx3 ul li a i {
  margin-right: 8px;
  font-size: 20px;
  color: #2cb742;
}
#particles-js {
  position: absolute;
  width: 100%;
  height: 110%;
}
#swiper_sec {
  height: 100vh;
  position: relative;
}
.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.color-1 {
  background-color: #f44336;
}
.color-2 {
  background-color: #e91e63;
}
.color-3 {
  background-color: #9c27b0;
}
.color-4 {
  background-color: #673ab7;
}
.color-5 {
  background-color: #3f51b5;
}
.color-6 {
  background-color: #2196f3;
}
.header_fix .socil_hmenu img {
  width: 14px;
}
#latst-blg .latest_Blogs .owl-nav,
header .toggle {
  display: none !important;
}
header.home_head {
  position: relative;
  background-color: #000;
  z-index: 9;
}
.header_bg_fade .head_second ul li {
  padding: 6px 18px;
}
.modal {
  z-index: 9999999;
}
.codeconSkillbar a.test {
  position: absolute;
  width: 170px;
  left: 67%;
  top: -34px;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.header_bg_fade,
header.home_head .header_bg_fade {
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 99;
}
header .dropdownli .drop_ul1,
header .dropdownli .drop_ul2 {
  padding: 27px 15px 15px;
  top: 100%;
  display: none;
  z-index: 999999999 !important;
  position: absolute;
  background-color: #619fd6;
  margin-top: -22px;
}
#hrnd h5,
header .head_menu {
  margin-bottom: 0;
}
header .head_menu a {
  display: inline-block;
  font-size: 15px;
  color: #000;
  text-transform: capitalize;
  padding: 8px 0;
}
header .head_menu li ul li a {
  display: block;
  color: #619fd6;
}
#techno_sec .techno-sec-inner-slider .owl-item .tecno-inner-item h4,
.service_detailModal .modal-body h4,
header .head_menu a:hover {
  color: #619fd6;
}
header .head_menu li {
  text-align: right;
  margin-left: 20px;
  padding: 7px 0;
  display: inline-block;
}
header .head_menu li .dropdown-menu {
  background: #619fd6;
  padding: 0;
}
header .head_menu li ul li {
  padding: 0;
  margin-left: 0;
  display: block;
  text-align: left;
}
header .head_menu li.rquote a {
  background-color: #619fd6;
  padding: 8px;
  text-transform: uppercase;
  color: #fff;
}
header .head_second ul {
  float: right;
  text-align: right;
}
header .head_second {
  padding: 5px 0;
  background-color: #fff;
}
header .head_second ul li {
  padding: 0 18px;
  border-left: 1px solid #fff;
}
header .head_second ul li:first-child {
  border: 0;
}
header .head_second ul li a {
  display: inline-block;
  color: #000;
  font-size: 15px;
  font-weight: 300;
}
header .head_second ul li a i {
  display: inline-block;
  margin-right: 5px;
}
#work_approsec .work_appbx:hover,
header .dropdown-menu > li > a:focus,
header .dropdown-menu > li > a:hover {
  background-color: #619fd6;
  color: #fff;
}
.custom-file-input::before {
  content: "Select some files";
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: 0;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
  text-transform: uppercase;
}
header .dropdownli .drop_ul1 {
  width: 87%;
  left: 7%;
}
header .dropdownli .drop_ul a {
  color: #fff;
  font-weight: 300;
  text-align: left;
  display: block;
  padding: 6px 0;
  font-size: 15px;
}
header .dropdownli .drop_ul .li_heading {
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  margin-top: 15px;
}
header .dropdownli .drop_ul h5:after {
  content: "";
  display: block;
  background-color: #fff;
  height: 2px;
  width: 50px;
}
header .dropdownli .drop_ul h5 {
  color: #fff;
  text-align: left;
  font-size: 17px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
#OpenCartChooseSec .col-md-6,
#our-apps .apps-cnt-sec p,
#portfolio_detail_container .about_project h2,
header .dropdownli .drop_ul .menudropdiv {
  margin-bottom: 20px;
}
header .dropdownli .drop_ul .col-md-3 .menudropdiv:nth-child(2),
header .dropdownli .drop_ul .col-md-3 .menudropdiv:nth-child(2) .menudropdiv {
  margin-bottom: 0 !important;
}
.icon-close {
  padding-left: 10px;
  padding-top: 10px;
}
.icon-menu,
.jquery-script-ads {
  padding-left: 25px;
}
.icon-close a {
  line-height: 45px;
  padding-bottom: 3px;
  padding-left: 20px;
  padding-top: 3px;
}
.icon-menu {
  color: #fff;
  text-align: right;
  cursor: pointer;
  font-size: 16px;
  padding-bottom: 25px;
  padding-top: 25px;
  text-transform: uppercase;
}
ul.toggle_headmenu {
  overflow-y: scroll;
  height: 100%;
}
.icon-menu i {
  margin-right: 5px;
}
#social_icons ul li a {
  width: 40px;
  height: 40px;
  color: #fff;
  display: inline-block;
  font-size: 22px;
  line-height: 40px;
  text-align: center;
  padding: 0 10px;
}
#social_icons ul li a:hover {
  text-align: right;
  width: 60px;
}
#social_icons ul li a i {
  display: inline-block;
  width: 28px;
}
#social_icons ul li a span {
  display: none;
  font-size: 16px;
  margin-left: 10px;
  vertical-align: 3px;
}
#social_icons ul li a.face {
  background-color: #3a559f;
}
#social_icons ul li a.twit {
  background-color: #50abf1;
}
#social_icons ul li a.insta {
  background-color: #507fa7;
}
#social_icons ul li a.u_tube {
  background-color: #dc472e;
}
#social_icons ul li a.linkd {
  background-color: #0084b1;
}
#social_icons ul li a.g_plus {
  background-color: #dd4b39;
}
#social_icons ul li a.pint {
  background-color: #bd081c;
}
.mylatest_modal {
  top: 0 !important;
  padding-top: 15px !important;
  overflow-y: scroll !important;
}
.enqueryButton,
.fixenqueryButton {
  padding: 5px 15px !important;
  font-weight: 700;
  border-radius: 5px;
  animation: 8s linear infinite anime;
  color: #fff !important;
}
#social_icons {
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 212px;
}
header .head_menu li.r_quoteli {
  position: fixed;
  height: 100px;
  width: 117px;
  right: 0;
  top: 100px;
}
header .head_menu li.r_quoteli a {
  display: inline;
  background-color: transparent;
}
.enqueryButton {
  background: linear-gradient(-45deg, #ffa63d, #ff3d77, #338aff, #3cf0c5);
  background-size: 600%;
}
.fixenqueryButton {
  position: fixed;
  bottom: 80px;
  right: 20px;
  background: linear-gradient(-45deg, #ffa63d, #ff3d77, #338aff, #3cf0c5);
  background-size: 600%;
}
#project_vidsec {
  position: relative;
  display: flex;
  justify-content: flex-end;
  background: #333;
}
#project_vidsec .vid_sectrigger {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9;
}
#project_vidsec .vid_seccontent {
  position: absolute;
  width: 40%;
  background-color: #313437;
  padding: 55px;
  bottom: -30px;
  z-index: 99;
  left: 0;
}
#project_vidsec h3.mheading {
  font-weight: 400;
  margin-bottom: 0;
  font-size: 50px;
}
#project_vidsec p {
  text-align: justify;
  font-size: 16px;
}
#innerpg_slide h1,
#innerpg_slide h1 span {
  font-family: "Anton SC", sans-serif;
  font-size: 38px;
}
#project_vidsec .project_video_content_container {
  padding: 0 30px;
}
.contact_img {
  padding: 7px;
  background-color: rgba(256, 256, 256, 0.3);
  width: 99px;
  margin: auto;
  border-radius: 50%;
  position: relative;
}
.contact_img .contact_img_inner {
  height: 85px;
  width: 85px;
  background-color: #fff;
  line-height: 68px;
  margin: auto;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.contact_img i {
  font-size: 45px;
  color: #619fd6;
  line-height: 85px;
}
.fv_bxinner3 h5,
.fv_bxinner3 h6 {
  color: #3f3f3f;
  text-transform: uppercase;
}
.contact_img::before {
  content: "";
  border-radius: 1000px;
  border: 6px solid #00ffcb;
  box-shadow: 0 0 60px rgba(256, 256, 256, 0.64);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.contact_img::after {
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 100%;
  border: 10px solid #fff;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: 1.5s infinite ring;
}
.modal-open {
  padding-right: 0 !important;
  overflow: inherit !important;
}
#exampleModalLong .modal-body {
  position: relative;
  padding: 0;
  margin-bottom: -5px;
}
#exampleModalLong .modal-body .close {
  position: absolute;
  height: 35px;
  width: 35px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #619fd6;
  right: -15px;
  top: -15px;
  opacity: 1 !important;
}
#exampleModalLong .modal-dialog {
  max-width: 713px !important;
}
#innerpg_slide {
  position: relative;
  overflow: hidden;
  height: 480px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
section#innerpg_slide::after {
  content: "";
  position: absolute;
  left: 0;
  top: 309px;
  width: 100%;
  z-index: 4;
}
#innerpg_slide .innerpg_slidemdiv {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  height: 115%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#innerpg_slide h1 {
  color: #fff;
  text-align: left;
  margin: 0 0 10px;
}
#innerpg_slide h1 span {
  display: block;
}
#case_studyintro .case_intro_tpcontent ul ul,
#experience_sec.experience_inner .counter_bx2,
#innerpg_slide .site_btn {
  margin-top: 0;
}
#innerpg_slide p {
  text-align: left;
  color: #fff;
  font-size: 20px;
  width: 60%;
  margin-bottom: 25px;
}
.breadcrumb {
  background-color: transparent !important;
  padding: 0.75rem 0;
}
.breadcrumb li a,
.breadcrumb-item.active {
  color: #fff;
  font-size: 16px;
}
#case_appscreen_sec,
#challenges_solusec,
#hire_sec,
#serv_weofrsec,
#techno_stacksec {
  padding: 35px 0;
}
#hire_sec h1.mheading,
#hire_sec h2.mheading {
  text-align: left;
  margin-bottom: 0;
}
#hire_sec p {
  text-align: justify;
  font-size: 17px;
  margin-bottom: 15px;
  color: #fff;
}
#hire_sec hgroup p {
  text-align: left;
  font-size: 22px;
}
#case_studyintro .case_intro_tpcontent ul,
#hire_sec .hire_inner,
#serv_weofrsec ul {
  margin-top: 60px;
}
#hire_sec .hire_bx {
  position: relative;
  padding: 20px 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.24);
}
#hire_sec .hire_bx .hire_bxinner img {
  width: 52px;
  display: block;
  margin: auto;
}
#hire_sec .hire_bx .hire_bxinner h5 {
  font-size: 16px;
  color: #3e3e3e;
  text-align: center;
  min-height: 38px;
}
#hire_sec .hire_inner .col:nth-child(2) .hire_bxinner:before {
  content: "";
  height: 52px;
  width: 52px;
  display: block;
  background: url(../images/ic-Cake-PHP-plugin-development.png) center
    center/contain no-repeat;
  margin: auto;
}
#benefit_sec .benefit_bg {
  background-color: #0a1b37;
  position: absolute;
  right: 0;
  width: 48%;
  top: 0;
  bottom: 0;
}
#benefit_sec .benefit_bx {
  color: #fff;
  padding: 50px 25px 0 0;
}
#benefit_sec .benefit_bx h2 {
  text-align: left;
  font-size: 26px;
  margin-top: 0;
}
#benefit_sec .benefit_bx ul li {
  text-align: left;
  font-size: 15px;
  margin-bottom: 20px;
}
#benefit_sec .benefit_bx ul li img {
  margin-right: 10px;
  width: 30px;
  vertical-align: middle;
}
#benefit_sec .benefit_bx ul,
#experience_sec .counter_bx2 {
  margin-top: 30px;
}
.why_doomshell {
  padding: 35px 0;
  background-color: #f1faff;
  position: relative;
  overflow: hidden;
}
.why_doomshell h3.mheading {
  text-align: left;
  font-size: 36px;
  font-weight: 400;
}
#popular_sec {
  height: 500px;
}
#popular_sec h1.mheading,
#popular_sec h2.mheading,
#service_sec h3.mheading,
#work_approsec h1.mheading,
#work_approsec h2.mheading {
  text-align: center;
  font-weight: 400;
  color: #fff;
}
#popular_sec hgroup p {
  margin-bottom: 0;
  width: auto;
  text-align: center;
}
#popular_sec p {
  text-align: justify;
  color: #fff;
  width: 80%;
  margin: auto auto 30px;
}
#recentfav_prosec {
  padding: 35px 0;
  position: relative;
  height: 480px;
  margin-bottom: 225px;
}
#recentfav_prosec h3.mheading {
  text-align: center;
  color: #fff;
  font-size: 36px;
}
#recentfav_prosec .fav_inner1bx {
  background-color: #f2f5f8;
  padding-top: 30px;
  position: relative;
  bottom: -70px;
  z-index: 9;
}
#recentfav_prosec .fav_mbx:hover .fav_inner1bx {
  bottom: 0;
}
#portfolio_detail_container .project_logo img,
#recentfav_prosec .fav_inner1bx .fav_logo {
  width: 100px;
  margin: auto;
}
.fv_bxinner3 {
  background-color: #fff;
  padding: 15px;
  position: relative;
  z-index: 99;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.37);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.37);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.37);
}
.fv_bxinner3 h5 {
  font-size: 24px;
  text-align: center;
}
.fv_bxinner3 h6 {
  font-size: 16px;
  text-align: center;
}
.fv_bxinner3 p {
  font-size: 18px;
  text-align: left;
  color: #4d4d4d;
}
.fv_bxinner3 ul li a {
  display: inline-block;
  font-size: 18px;
  color: #619fd6;
  text-transform: uppercase;
}
.fv_bxinner3 ul li {
  margin-right: 20px !important;
  text-align: left;
}
.fv_bxinner3 ul {
  text-align: left;
  margin-top: 15px;
}
#about_sec.about_inner .about_img {
  bottom: 0;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
#about_sec.about_inner {
  position: relative;
  z-index: 3;
  background: #fff;
  padding: 30px;
}
#experience_sec {
  padding: 55px 0;
  background-color: #f8f6f6;
}
#experience_sec .counter_bx {
  background-color: #fff;
  padding: 22px 22px 30px;
  width: 80%;
  margin: auto auto 20px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
#experience_sec .counter-value {
  font-size: 40px;
  color: #54cf9f;
  text-align: center;
}
#experience_sec i {
  font-size: 34px;
  color: #54cf9f;
}
#experience_sec .counter_bx h5 {
  font-size: 19px;
  color: #767980;
  text-align: center;
  margin-top: 0;
}
#experience_sec .counter_bx .border {
  height: 6px;
  width: 100%;
  background-color: #b2e9d4;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  margin-top: 30px;
}
#experience_sec .counter_bx4 {
  margin-top: 30px;
  margin-left: 60px;
}
#experience_sec .counter_bx3 {
  margin-left: 60px;
}
#experience_sec .counter_bx2 .counter-value,
#experience_sec .counter_bx2 i {
  color: #4ca7db;
}
#experience_sec .counter_bx3 .counter-value,
#experience_sec .counter_bx3 i {
  color: #ff723a;
}
#experience_sec .counter_bx4 .counter-value,
#experience_sec .counter_bx4 i {
  color: #8370f1;
}
#experience_sec .counter_bx2 .border {
  background-color: #b0d8ef;
}
#experience_sec .counter_bx3 .border {
  background-color: #ffc1a8;
}
#experience_sec .counter_bx4 .border {
  background-color: #c9c0f9;
}
#experience_sec.experience_inner {
  position: relative;
  background-color: #fff;
  z-index: 3;
  padding-bottom: 30px;
}
#experience_sec.experience_inner::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -160px;
  width: 100%;
  height: 260px;
  z-index: -1;
  background: url(../images/bg-btm.png) center center/contain no-repeat;
}
#experience_sec.experience_inner .element_img {
  position: absolute;
  left: 0;
  top: -100px;
}
#experience_sec.experience_inner .counter_bx4 {
  margin: 0 auto auto;
}
#experience_sec.experience_inner .counter_bx1,
#experience_sec.experience_inner .counter_bx3 {
  margin: auto;
  margin-top: 60px !important;
}
#experience_sec.experience_inner .counter_bx {
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  text-align: center;
}
#mission_vission_sec {
  padding: 0 0 155px;
  position: relative;
}
#mission_vission_sec .mv_img {
  position: absolute;
  z-index: 9;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 0;
}
#mission_vission_sec .vission_bx {
  padding: 20px 60px 20px 20px;
  background-color: #619fd6;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  width: 70%;
}
#mission_vission_sec .vission_bx h3 {
  font-size: 22px;
  text-align: left;
  margin-top: 0;
  color: #fff;
}
#mission_vission_sec .vission_bx p {
  font-size: 14px;
  font-weight: 300;
  text-align: left;
  color: #fff;
  line-height: 24px;
}
#mission_vission_sec .mission_bx {
  background-color: #619fd6;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  width: 70%;
  padding: 20px 20px 20px 60px;
  float: right;
  margin-top: 0;
}
#mission_vission_sec .mission_bx h3 {
  font-size: 22px;
  text-align: right;
  margin-top: 0;
  color: #fff;
}
#mission_vission_sec .mission_bx p {
  font-size: 14px;
  font-weight: 300;
  text-align: right;
  color: #fff;
  line-height: 24px;
}
#work_approsec {
  padding: 115px 0;
  background: #000;
}
#work_approsec hgroup p {
  width: 80%;
  margin: auto;
  color: #fff !important;
}
#work_approsec hgroup {
  margin-bottom: 100px;
}
#work_approsec .work_appbx {
  background-color: #fff;
  padding: 30px;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.24);
  position: relative;
  color: #3a3a3c;
  height: auto;
  min-height: 360px;
}
#work_approsec .work_appbx .work_appbxinner h5 {
  font-size: 22px;
  text-align: center;
}
#work_approsec .work_appbx .work_appbxinner {
  position: relative;
  padding-top: 40px;
}
#work_approsec .work_appbx .work_appbxinner p {
  font-size: 14px;
  text-align: justify;
  font-weight: 300;
}
#work_approsec .work_appbx .work_appbxinner .work_apcircle {
  height: 90px;
  width: 90px;
  background-color: #fff;
  text-align: center;
  line-height: 80px;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.24);
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -70px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#contact_content {
  padding: 45px 0;
  background: url(../images/contact_back.png) center top/cover no-repeat;
  position: relative;
}
#contact_content .element_img {
  position: absolute;
  left: 0;
  top: 0;
}
#contact_content .contact_content_bx .contact_img .contact_img_inner {
  height: 85px;
  width: 85px;
  background-color: #619fd6;
  line-height: 68px;
  margin: auto;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#contact_content .contact_ico {
  background: url(../images/contact_ico.png) no-repeat;
  width: 54px;
  margin: auto;
  height: 85px;
}
#contact_content .contact_ico1 {
  background-position: 0 19px;
}
#contact_content .contact_ico2 {
  background-position: -54px 19px;
}
#contact_content .contact_ico3 {
  background-position: -108px 19px;
}
#contact_content .contact_content_bx2 .contact_img .contact_img_inner {
  background-color: #bf1e2e;
}
#contact_content .contact_content_bx2 h5 {
  color: #bf1e2e !important;
}
#contact_content .contact_content_bx3 .contact_img .contact_img_inner,
.courses_msecmenu .courses_msecmenu_inner,
.onaddress_bx_wrap.onaddress_bx_active {
  background-color: #619fd6;
}
#contact_content .contact_content_bx3 h5 {
  color: #619fd6 !important;
}
#contact_content .contact_content_bx .contact_img {
  padding: 7px;
  background-color: rgba(97, 159, 214, 0.3);
  width: 99px;
  margin: auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
}
#contact_content .contact_content_bx2 .contact_img {
  background-color: rgba(191, 30, 46, 0.3);
}
#contact_content .contact_content_bx3 .contact_img {
  background-color: rgba(97, 159, 214, 0.3);
}
#contact_content .contact_content_bx h5 {
  color: #619fd6;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
}
#contact_content .contact_content_bx h6 {
  font-size: 16px;
  color: #767676;
  text-align: center;
}
#contact_content .contact_content_bx h6 a {
  color: #767676;
}
#contact_content .contact_content_bx .contact_img::before {
  content: "";
  border-radius: 1000px;
  border: 6px solid #00ffcb;
  box-shadow: 0 0 60px rgba(0, 255, 203, 0.64);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
#contact_content .contact_content_bx .contact_img::after {
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 100%;
  border: 10px solid #619fd6;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: 1.5s infinite ring;
}
#contact_content .contact_content_bx2 .contact_img::after {
  border-color: #bf1e2e;
}
#contact_content .contact_content_bx3 .contact_img::after {
  border-color: #619fd6;
}
@keyframes ring {
  0% {
    width: 30px;
    height: 30px;
    opacity: 1;
  }
  100% {
    width: 120px;
    height: 120px;
    opacity: 0;
  }
}
#contact_form_sec {
  background-image: url(https://www.doomshell.com/images/pro_images/map-doomshell-img.png);
  padding: 45px 0;
}
#contact_form_sec .contact_left_patr {
  background: #25385d;
  height: 100%;
  padding: 15px;
}
#contact_form_sec .contact_left_patr .modal_pcontent a,
#contact_form_sec .contact_left_patr .modal_pcontent li {
  color: #fff;
  display: block;
  margin-bottom: 15px;
}
#contact_form_sec .contact_left_patr .modal_pcontent a span,
#contact_form_sec .contact_left_patr .modal_pcontent li span {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #008428;
  text-align: center;
  line-height: 25px;
  margin-right: 5px;
}
#contact_form_sec .contact_left_patr .modal_pcontent li:nth-child(2) span {
  background: #619fd6;
  line-height: 35px;
}
#contact_form_sec .contact_left_patr .modal_pcontent li:nth-child(3) span {
  background: #53af0e;
  line-height: 35px;
}
#contact_form_sec .contact_left_patr h4 {
  color: #fff;
  margin-bottom: 15px;
}
#contact_form_sec .contact_left_patr .modal_pcontent a i,
#contact_form_sec .contact_left_patr .modal_pcontent li i {
  font-size: 20px;
}
#contact_form_sec .contact_left_patr .img_bottom {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
#contact_form_sec .contact_frmdiv {
  width: 100%;
  position: relative;
}
#contact_form_sec .contact_form_container {
  padding: 15px;
  background: #fff;
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    #fff 1%,
    #efefef 100%
  );
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    #fff 1%,
    #efefef 100%
  );
  background: radial-gradient(ellipse at center, #fff 1%, #efefef 100%);
}
#career_container .career_single h4,
#contact_form_sec .contact_form_container p,
.dropDownUserTxt span::first-letter {
  font-size: 22px;
}
#contact_form_sec .contact_frmdiv .element_img {
  position: absolute;
  right: -120px;
  top: 30px;
}
#contact_form_sec .contact_frmdiv .element_img2 {
  position: absolute;
  left: -180px;
  bottom: -30px;
}
#contact_form_sec .contact_frmdiv form label {
  font-size: 14px;
  color: #6e6e6e;
  display: block;
  text-align: left;
}
#contact_form_sec .contact_frmdiv form input,
#service_sec ul li:nth-child(3) a .serv_line span {
  height: 40px;
}
#contact_form_sec .contact_frmdiv form textarea {
  height: 110px;
}
#contact_form_sec .contact_frmdiv form input::-webkit-input-placeholder,
#contact_form_sec .contact_frmdiv form textarea::-webkit-input-placeholder {
  color: #9d9d9d;
  font-size: 14px;
}
#contact_form_sec .contact_frmdiv form input::-moz-placeholder,
#contact_form_sec .contact_frmdiv form textarea::-moz-placeholder {
  color: #9d9d9d;
  font-size: 14px;
}
#contact_form_sec .contact_frmdiv form input:-ms-input-placeholder,
#contact_form_sec .contact_frmdiv form textarea:-ms-input-placeholder {
  color: #9d9d9d;
  font-size: 14px;
}
#contact_form_sec .contact_frmdiv form input:-moz-placeholder,
#contact_form_sec .contact_frmdiv form texearea:-moz-placeholder {
  color: #9d9d9d;
  font-size: 14px;
}
.f-style.deactive input,
.f-style.deactive textarea {
  border: 1px solid #ddd !important;
}
.f-style input,
.f-style textarea {
  transition: 0.1s linear;
  border: 1px solid #ddd;
}
.f-style label {
  position: absolute;
  top: 10px;
  left: 15px;
  font-size: 14px;
  color: #8b8b8b;
  font-weight: 400;
  transition: 0.1s linear;
  cursor: text;
}
#case_appscreen_sec ul li,
#challenges_solusec .challenge_bx .chalenge_bg {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
}
.f-style.active label {
  top: -12px;
  left: 10px;
  padding: 3px 5px;
  font-size: 12px;
  color: #fff !important;
  background: #619fd6;
}
.f-style.active input,
.f-style.active textarea {
  border: 1px solid #0090d6;
}
#contact_form_sec .cont_heading_text {
  background: #212d45;
  padding: 15px;
}
#contact_form_sec .cont_heading_text p {
  color: #fff;
  margin-bottom: 0;
  font-size: 22px;
}
#contact_form_sec .cont_paragraph {
  font-size: 14px;
  text-align: left;
  padding: 15px 0;
}
#portfolio_abt {
  padding: 35px 0;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}
#portfolio_abt h2 {
  text-align: center;
  font-size: 34px;
  color: #343434;
  font-weight: 700;
  margin-bottom: 30px;
}
#servicesBnr,
#view_appsec,
.portfolio_prosec {
  position: relative;
  overflow: hidden;
}
.portfolio_prosec .portfolio_bgdiv {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  padding: 35px 0;
  color: #fff;
}
.portfolio_prosec .portfolio_bgdiv .portfolio_content h3 {
  font-size: 36px;
  font-weight: 700;
}
.portfolio_prosec .portfolio_bgdiv .portfolio_content p {
  text-align: justify;
  font-size: 15px;
  margin-top: 20px;
}
.portfolio_prosec .portfolio_bgdiv .portfolio_content .site_btn {
  margin-top: 15px;
}
.portfolio_prosec .portfolio_bgdiv .portfolio_content .site_btn svg {
  width: 30px !important;
  color: #fff;
}
.site_btn:hover svg {
  margin-left: 6px;
}
.portfolio_prosec .portfolio_site_img {
  position: absolute;
  right: 0;
  bottom: -2px;
  z-index: 99;
}
.portfolio_prosec .bg_angle {
  width: 0;
  height: 0;
  border-bottom: 599px solid #89ac2f;
  border-left: 660px solid transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 99;
}
.portfolio_prosec.portfolio_prosec2 .portfolio_site_img {
  right: inherit;
  left: 0;
  bottom: -2px;
}
#reviews_section .col-12:nth-child(2n) .single_testimonials p,
.portfolio_prosec_even .portfolio_bgdiv .portfolio_content {
  text-align: right;
}
.portfolio_prosec2 .portfolio_bgdiv {
  background: rgb(225, 49, 0.8);
  background: -moz-linear-gradient(
    left,
    rgba(225, 49, 1, 0.8) 0,
    rgba(119, 26, 115, 0.8) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(225, 49, 1, 0.8) 0,
    rgba(119, 26, 115, 0.8) 100%
  );
  background: linear-gradient(
    to right,
    rgba(225, 49, 1, 0.8) 0,
    rgba(119, 26, 115, 0.8) 100%
  );
}
.portfolio_prosec_even .portfolio_bgdiv .portfolio_content p {
  -moz-text-align-last: right;
  text-align-last: right;
}
.portfolio_prosec3 .portfolio_bgdiv {
  background-color: rgba(196, 19, 11, 0.8);
}
#solution_sec {
  padding: 35px 0 20px;
  background: #f2f1f1;
}
#solution_sec p {
  font-size: 18px;
  color: #3a3a3c;
  text-align: justify;
  margin-bottom: 15px;
}
#challenges_solusec h1.mheading,
#challenges_solusec h2.mheading {
  text-align: left;
  margin: 0;
  font-size: 36px;
}
#challenges_solusec p {
  text-align: left;
  margin: 0;
  color: #fff;
}
#challenges_solusec .challenge_bx {
  background-color: #619fd6;
  padding: 25px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}
#challenges_solusec .challenge_bx .chalenge_bg {
  background-color: #1c447b;
  position: absolute;
  z-index: 7;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 5px;
  left: 0;
}
#challenges_solusec .challenge_bx h3 {
  font-size: 20px;
  text-align: left;
  font-weight: 500;
  margin-bottom: 20px;
  color: #fff;
}
#challenges_solusec .challenge_bx p {
  font-size: 16px;
  text-align: justify;
  color: #fff;
  line-height: 31px;
  min-height: 125px;
}
#challenges_solusec .challenge_bx h3 i {
  margin-right: 7px;
  font-size: 26px;
}
#buisness_vlusec {
  background-color: #0a1b37;
  padding: 35px 0;
  position: relative;
}
#buisness_vlusec h1.mheading,
#buisness_vlusec h2.mheading {
  text-align: center;
  color: #fff;
  font-weight: 400;
  margin: 0 0 15px;
  font-size: 36px;
}
#buisness_vlusec hgroup {
  margin-bottom: 90px;
}
#buisness_vlusec hgroup p {
  width: 80%;
  margin: auto;
  font-size: 18px;
  text-align: center;
  color: #fff;
  line-height: 30px;
}
#buisness_vlusec .buisness_vlubx span {
  display: block;
  color: #222;
  font-size: 28px;
  background-color: #fff;
  height: 50px;
  width: 50px;
  margin: auto;
  text-align: center;
  line-height: 50px;
  font-weight: 500;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#buisness_vlusec .buisness_vlubx h5 {
  font-size: 22px;
  color: #fff;
  text-align: center;
  font-weight: 500;
  margin: 20px 0;
}
#buisness_vlusec .buisness_vlubx p {
  font-size: 16px;
  color: #fff;
  text-align: justify;
  font-weight: 300;
  line-height: 30px;
}
#buisness_vlusec .buisness_vluindiv .number_line {
  position: absolute;
  width: 100%;
  top: -77px;
  left: 0;
  right: 0;
}
#buisness_vlusec .buisness_vlubx2 {
  position: relative;
  top: -50px;
}
#buisness_vlusec .buisness_vlubx3 {
  position: relative;
  top: -20px;
}
#solution_prosec {
  position: relative;
  margin-top: -200px;
}
#solution_prosec h3 {
  font-size: 36px;
  color: #fff;
  text-align: center;
  font-weight: 500;
}
#case_studyintro .case_intro_tpcontent ul li h5,
#case_studyintro h6,
footer .footSocial h4.mheading {
  font-size: 16px;
  color: #222;
}
#solution_prosec .solu_proinner {
  background-color: #619fd6;
  width: 90%;
  margin: auto;
  padding: 30px 50px;
}
#solution_prosec .solu_proinner ul li {
  width: 48%;
  float: left;
  text-align: left;
  margin-bottom: 15px;
  font-size: 20px;
  color: #fff;
  position: relative;
  padding-left: 40px;
}
#case_studyintro .case_intro_btcontent ul li,
* {
  margin: 0;
}
#solution_prosec .solu_proinner ul li:after {
  content: "#1.";
  display: block;
  color: #fff;
  font-size: 20px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 0;
}
#solution_prosec .solu_proinner ul:after {
  clear: both;
  display: block;
  content: "";
}
#solution_prosec .solu_proinner ul li:nth-child(2):after {
  content: "#2.";
}
#solution_prosec .solu_proinner ul li:nth-child(3):after {
  content: "#3.";
}
#solution_prosec .solu_proinner ul li:nth-child(4):after {
  content: "#4.";
}
#solution_prosec .solu_proinner ul li:nth-child(5):after {
  content: "#5.";
}
#solution_prosec .solu_proinner ul li:nth-child(6):after {
  content: "#6.";
}
#solution_prosec .solu_proinner ul li:nth-child(7):after {
  content: "#7.";
}
#solution_prosec .solu_proinner ul li:nth-child(8):after {
  content: "#8.";
}
#solution_prosec .solu_proinner ul li:nth-child(9):after {
  content: "#9.";
}
#serv_weofrsec h1.mheading,
#serv_weofrsec h2.mheading {
  text-align: center;
  font-weight: 400;
  margin-bottom: 0;
}
#serv_weofrsec hgroup p {
  width: 70%;
  margin: auto;
  text-align: center;
}
#serv_weofrsec ul li {
  font-size: 24px;
  color: #3e3e3e;
  text-align: left;
  width: 49%;
  float: left;
  padding-left: 30px;
  position: relative;
  margin-bottom: 15px;
}
#serv_weofrsec ul li:after {
  content: "\f00c";
  color: #619fd6;
  font-size: 22px;
  top: 2px;
  position: absolute;
  left: 0;
  display: inline-block;
}
#case_studyintro {
  background-color: #fff;
  padding: 150px 0 35px;
  overflow: hidden;
  position: relative;
}
#case_studyintro .case_intro_bg1 {
  background-color: #008f00;
  position: absolute;
  height: 200%;
  width: 280%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 48%;
  top: -1430px;
  z-index: 8;
  left: -2157px;
  -moz-transform: rotate(18deg);
  -webkit-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  transform: rotate(18deg);
}
#case_studyintro .case_intro_bg2 {
  background-color: #16b016;
  position: absolute;
  height: 200%;
  width: 280%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 48%;
  top: -1170px;
  z-index: 2;
  left: -1847px;
  -moz-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  transform: rotate(20deg);
}
#case_studyintro h6 {
  text-align: center;
  border-bottom: 1px solid #fff;
  display: inline-block;
}
#case_studyintro h1.mheading,
#case_studyintro h2.mheading {
  color: #fff;
  text-align: center;
  font-weight: 400;
  margin-bottom: 0;
}
#case_studyintro .case_intro_tpcontent ul.mn_ul > li:first-child {
  vertical-align: 10px;
  margin-right: 9px;
  padding-right: 12px;
  border-right: 2px solid #333;
}
#case_studyintro .case_intro_btcontent ul li:first-child {
  width: 30%;
  float: left;
}
#case_studyintro .case_intro_btcontent ul li:last-child {
  width: 70%;
  float: left;
}
#case_studyintro .case_intro_btcontent h4 {
  font-size: 22px;
  color: #fff;
  text-align: left;
  font-weight: 500;
}
#case_studyintro .case_intro_btcontent p {
  font-size: 16px;
  color: #fff;
  text-align: justify;
  margin-top: 10px;
}
#case_studyintro .case_intro_btcontent {
  margin-top: -75px;
}
.site_casetheme {
  color: #008f00;
}
#case_achivg_sec {
  padding: 35px 0 200px;
  position: relative;
}
#case_achivg_sec h1.mheading,
#case_achivg_sec h2.mheading {
  text-align: left;
  font-weight: 400;
  color: #008f00;
  margin-top: 0;
}
#case_achivg_sec ul li {
  font-size: 22px;
  color: #3a3a3c;
  text-align: left;
  margin-bottom: 20px;
  font-weight: 300;
  padding-left: 35px;
  position: relative;
}
#case_achivg_sec ul li:after {
  content: "\f00c";
  color: #008f00;
  font-size: 22px;
  top: 2px;
  position: absolute;
  left: 0;
  display: inline-block;
}
#case_achivg_sec .case_achive_imgdiv .case_achiv_appimg {
  position: absolute;
  left: -70px;
  bottom: -35px;
}
#case_achivg_sec .bg1 {
  position: absolute;
  right: 0;
  bottom: 0;
}
#case_achivg_sec .bg2 {
  position: absolute;
  left: 0;
  bottom: 60px;
}
#case_infosec {
  position: relative;
  margin-bottom: 50px;
}
#case_infosec .case_infosec_inner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  padding: 35px 0;
  background-color: rgba(22, 176, 22, 0.9);
}
#case_infosec .case_info_screens {
  position: relative;
  bottom: -180px;
  z-index: 9;
}
#case_infosec .case_info_heading1 {
  margin-top: 30px;
  text-align: left;
  color: #fff;
}
#case_infosec .case_info_heading1 span {
  display: block;
  text-align: left;
  font-size: 28px;
  font-weight: 300;
}
#case_infosec .case_info_heading1 span.typo_2 {
  font-size: 44px;
  font-weight: 300;
}
#case_infosec .case_info_heading1 span.typo_3 {
  font-size: 52px;
  font-weight: 300;
}
#case_infosec .case_info_heading1 span.typo_4 {
  font-size: 24px;
  font-weight: 300;
}
#case_infosec .case_infobx {
  margin-top: 170px;
  width: 200px;
  padding: 10px;
  color: #fff;
  border: 1px dotted #fff;
  position: relative;
}
#case_infosec .case_infobx h5 {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #fff;
  margin-bottom: 15px;
}
#case_infosec .case_infobx p {
  font-size: 14px;
  color: #fff;
  text-align: center;
}
#case_infosec .case_infobx1 .right_bdr {
  width: 200px;
  border-bottom: 1px dotted #fff;
  position: absolute;
  left: 100%;
  top: 100px;
}
#case_infosec .case_infobx2 {
  margin-top: 200px;
  padding: 20px;
  position: relative;
}
#case_infosec .case_infobx2 .left_bdr {
  position: absolute;
  width: 130px;
  display: block;
  border-bottom: 1px dotted #fff;
  right: 100%;
  top: 100px;
}
#case_infosec .case_info_heading2 {
  margin-top: 170px;
}
#case_infosec .case_info_heading2 span {
  display: block;
  text-align: left;
  color: #fff;
  font-weight: 300;
  font-size: 38px;
}
#case_infosec .case_info_heading2 span.typo_2 {
  font-size: 36px;
  margin-left: 30px;
}
#case_infosec .case_info_heading2 span.typo_3 {
  font-size: 44px;
  text-transform: uppercase;
}
#case_infosec .case_info_heading2 span.typo_4 {
  font-size: 26px;
  text-transform: uppercase;
  letter-spacing: 12px;
}
#case_infosec .case_infobx2 .bottom_bdr {
  position: absolute;
  right: calc(100% + 130px);
  height: 120px;
  border-right: 1px dotted #fff;
  display: block;
  top: 100px;
}
#techno_stacksec h1.mheading,
#techno_stacksec h2.mheading {
  color: #008f00;
  text-align: center;
  font-weight: 400;
}
#techno_stacksec .techno_stacksecdiv {
  border: 2px solid #008f00;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  margin-bottom: 15px;
}
#techno_stacksec .techno_stacksecdiv ul li {
  width: 130px;
  margin-right: 20px;
  text-align: center;
}
#techno_stacksec .techno_stacksecdiv ul li:first-child {
  width: 180px;
  background-color: #008f00;
  padding: 12px 10px;
  text-align: left;
  font-size: 24px;
  color: #fff;
}
#techno_stacksec .techno_stacksecdiv ul li:first-child img {
  margin-right: 10px;
}
#case_appfeatur_sec {
  padding: 35px 0;
  background-color: #dfffdf;
  overflow: hidden;
}
#case_appfeatur_sec h1.mheading,
#case_appfeatur_sec h2.mheading,
#case_appscreen_sec h1.mheading,
#case_appscreen_sec h2.mheading {
  text-align: center;
  font-weight: 400;
  color: #008f00;
}
#case_appfeatur_sec .app_feature_bx2,
#case_appfeatur_sec .app_feature_bx4 {
  margin-top: 100px;
}
#case_appfeatur_sec .app_feature_bx .app_feature_circle {
  height: 100px;
  width: 100px;
  line-height: 89px;
  overflow: hidden;
  text-align: center;
  margin: auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#case_appfeatur_sec .app_feature_bx p {
  font-size: 14px;
  text-align: center;
  margin-top: 8px;
}
#case_appfeatur_sec .app_feature_bx1,
#case_appfeatur_sec .app_feature_bx5 {
  margin-top: 50px;
}
#case_appfeatur_sec .app_feature_src {
  margin-bottom: -200px;
  margin-top: 50px;
}
#case_appfeatur_sec .app_feature_bx1 .app_feature_circle {
  background-color: #28ab28;
}
#case_appfeatur_sec .app_feature_bx2 .app_feature_circle {
  background-color: #fa6880;
}
#case_appfeatur_sec .app_feature_bx3 .app_feature_circle {
  background-color: #118018;
}
#case_appfeatur_sec .app_feature_bx4 .app_feature_circle {
  background-color: #3485b7;
}
#case_appfeatur_sec .app_feature_bx5 .app_feature_circle {
  background-color: #00e952;
}
#case_appfeatur_sec .app_feature_bx1 p {
  color: #28ab28;
}
#case_appfeatur_sec .app_feature_bx2 p {
  color: #fa6880;
}
#case_appfeatur_sec .app_feature_bx3 p {
  color: #118018;
}
#case_appfeatur_sec .app_feature_bx4 p {
  color: #3485b7;
}
#case_appfeatur_sec .app_feature_bx5 p {
  color: #00e952;
}
#case_appscreen_sec ul li {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
#case_appscreen_sec ul li:hover {
  -moz-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  -o-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
}
#view_appsec .element_img {
  position: absolute;
  right: 0;
  top: 12%;
  width: 200px;
}
#view_appsec .view_appsecinner {
  position: relative;
  z-index: 99;
}
#view_appsec .case_intro_bg1 {
  background-color: #008f00;
  position: absolute;
  height: 200%;
  width: 280%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 48%;
  top: 610px;
  z-index: 8;
  left: -1467px;
  -moz-transform: rotate(42deg);
  -webkit-transform: rotate(42deg);
  -o-transform: rotate(42deg);
  -ms-transform: rotate(42deg);
  transform: rotate(-42deg);
}
#view_appsec .case_intro_bg2 {
  background-color: #16b016;
  position: absolute;
  height: 200%;
  width: 280%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 48%;
  top: 450px;
  z-index: 2;
  left: -1307px;
  -moz-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(-30deg);
}
#view_appsec h4 {
  font-size: 30px;
  color: #008f00;
  text-align: left;
  margin-bottom: 0;
}
#view_appsec h1.mheading,
#view_appsec h2.mheading {
  margin-top: 0;
  text-align: left;
  color: #008f00;
}
#view_appsec hgroup {
  margin-top: 20px;
}
#view_appsec .view_appimg .view_apptxtbx {
  position: absolute;
  left: calc(80%);
  top: 170px;
}
#view_appsec .view_appimg .view_apptxtbx .view_apptxtinnerbx {
  position: relative;
  width: 170px;
  padding: 15px;
  color: #008f00;
  border: 1px dotted #008f00;
}
#view_appsec .view_appimg .view_apptxtbx .view_apptxtinnerbx .txttpbdr {
  height: 60px;
  width: 1px;
  border-right: 1px dotted #008f00;
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
  bottom: 100%;
}
#view_appsec .view_appimg .view_apptxtbx .view_apptxtinnerbx .txtlftbdr {
  display: block;
  width: 150px;
  height: 1px;
  border-bottom: 1px dotted #008f00;
  position: absolute;
  bottom: calc(100% + 60px);
  right: 85px;
  z-index: -1;
}
#view_appsec .view_appimg .view_apptxtbx .view_apptxtinnerbx h5 {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #008f00;
  margin-bottom: 15px;
}
#view_appsec .view_appimg .view_apptxtbx .view_apptxtinnerbx p {
  font-size: 14px;
  color: #008f00;
  text-align: center;
}
.courses_msecmenu {
  position: absolute;
  left: 0;
  right: 0;
  top: 81%;
  width: 90%;
  margin: 5px auto auto;
  padding-top: 0;
  z-index: 9999;
}
#modual_sec .modual_div p {
  margin-top: 10px;
}
#modual_sec .modual_div ul li a {
  text-align: left;
  font-size: 15px;
  color: #58595b;
  padding-left: 20px;
  position: relative;
  padding-right: 20px;
}
.price-value.two {
  background: 0 0 !important;
  border-top: 5px solid #45aaff;
}
.courses_msecmenu a {
  font-size: 16px;
  color: #fff;
  text-align: left;
}
.courses_msecmenu .col-md-3 a {
  padding: 10px 6px;
  display: block;
  font-weight: 500;
  font-size: 14px !important;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.courses_msecmenu .col-md-9 ul li {
  float: left;
  width: 25%;
  padding: 0 8px;
  margin-bottom: 16px;
}
.courses_msecmenu a i {
  display: block;
  text-align: center;
  font-size: 45px;
  color: #fff;
  margin-bottom: 7px;
}
.courses_msecmenu .tab-content {
  padding-top: 20px;
}
.courses_msecmenu .col-md-9 ul li a {
  display: block;
  text-align: center !important;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  padding: 10px;
  line-height: 18px;
  min-height: 136px;
  font-size: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.courses_msecmenu .col-md-9 ul li a img {
  margin-bottom: 12px;
  width: 48px;
}
.courses_msecmenu .col-md-3 a.active,
.courses_msecmenu .col-md-3 a:hover {
  background-color: rgba(255, 255, 255, 0.3);
  color: #619fd6;
}
#wh-widget-send-button.wh-widget-right,
div.wh-widget-send-button-wrapper.wh-widget-right {
  right: inherit;
  left: 0;
}
#devServicesSec,
#faqPart,
#reviews_section,
.develpmentCmpnySec {
  padding: 50px 0;
}
#reviews_section .single_testimonials {
  padding: 15px;
  margin-left: 60px;
  margin-bottom: 25px;
  min-height: 170px;
  width: 90%;
}
#reviews_section .single_testimonials .image {
  left: -60px;
  width: 130px;
  height: 130px;
  padding: 17px;
  background: #fff;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
#reviews_section .single_testimonials .content {
  padding-left: 100px;
  text-align: left;
  color: #fff;
}
#career_container h3,
#reviews_section .single_testimonials .content h5 {
  font-size: 26px;
}
#reviews_section .single_testimonials .content p,
.devlpMethodSec.pythonDevMet p {
  text-align: justify;
}
#reviews_section .single_testimonials .content a {
  font-size: 16px;
  color: #619fd6;
  margin-top: 10px;
}
#reviews_section .col-12:nth-child(2n),
#reviews_section .col-12:nth-child(2n) .single_testimonials .image {
  left: inherit;
  right: -60px;
}
#reviews_section .col-12:nth-child(2n) .single_testimonials {
  margin-left: 0;
  margin-right: 60px;
  width: 90%;
}
#reviews_section .col-12:nth-child(2n) .single_testimonials .content {
  padding-left: 0;
  padding-right: 100px;
  text-align: right;
}
#reviews_section .col-12:nth-child(2n) .single_testimonials .image:after {
  right: inherit;
  left: -190px;
}
#career_container {
  padding: 50px 0 0;
}
#career_container .career_single {
  border: 1px dashed #ccc;
  padding: 9px 15px;
  text-align: center;
  margin-bottom: 30px;
  color: #fff;
}
#career_container .career_single li {
  font-size: 14px;
  margin-bottom: 3px;
}
#career_container .team_members {
  background: url(../images/career_bg_team.jpg) center center/cover no-repeat
    fixed;
  padding: 50px 0;
  margin-top: 3rem;
}
#career_container .team_members .box_single {
  background: #fff;
  padding: 50px 15px;
  text-align: center;
  margin-top: 20px;
}
#career_container .team_members .box_single i {
  font-sixe: 22px;
  color: #fff;
  background: #619fd6;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  margin-bottom: 15px;
  text-align: center;
  line-height: 40px;
}
#career_container .apply_form {
  background: #619fd6;
  padding: 15px;
}
.inputdiv input[type="file"] {
  border: 1px solid #ccc;
  background: #fff;
}
.apply_form_button {
  margin: 20px auto auto;
  width: 100px;
}
#imgcaptcha {
  margin-bottom: 15px;
}
.wh-widget-right #wh-call-to-action {
  float: right !important;
}
div.wh-widget-send-button-wrapper.wh-widget-right
  div.wh-widget-send-button-wrapper-list {
  float: left !important;
}
div.wh-widget-send-button-wrapper.wh-widget-right {
  right: inherit !important;
}
#buttons,
#flaxibalType hgroup h3,
#industry_sec hgroup p,
#portfolio_detail_container,
#service_sec p,
.devlpMethodSec.pythonDevMet h2,
.obcontactForm-submit,
.pro_img,
.servicPgHead p {
  text-align: center;
}
#portfolio_detail_container .project_banner {
  background: url(../images/banner_bg.jpg) center center/cover no-repeat;
  padding-top: 100px;
  padding-bottom: 1px;
}
#portfolio_detail_container .project_logo {
  padding: 30px 0 50px;
}
#easy,
#portfolio_detail_container .about_project,
#quality,
#rnFramework,
#seoData,
.extra_services_page .service_container {
  padding: 60px 0;
}
#why_doomshell,
.search_products {
  padding-bottom: 30px;
}
#portfolio_detail_container .project_include li {
  text-transform: uppercase;
  font-size: 14px;
  color: #fff;
}
#portfolio_detail_container .project_include li:after {
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-size: 7px;
  vertical-align: 2px;
  margin-left: 10px;
}
#portfolio_detail_container .project_highlight {
  background: #f2f1f1;
}
#portfolio_detail_container .project_highlight,
#portfolio_detail_container .solution_provided {
  text-align: left;
  padding: 50px 75px;
}
#portfolio_detail_container .project_highlight ul li,
#portfolio_detail_container .solution_provided ul li {
  padding-bottom: 15px;
  font-size: 16px;
}
#portfolio_detail_container .project_highlight ul li:before,
#portfolio_detail_container .solution_provided ul li:before {
  content: "\f101";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 10px;
}
#portfolio_detail_container .project_logo h1 {
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
}
.project_highlight .col-md-5 {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}
.courses_msecmenu .modal-header h5 {
  font-size: 24px;
  color: #fff;
}
.courses_msecmenu .modal-header button {
  opacity: 1;
  color: #fff;
  position: relative;
  z-index: 9999;
  display: none;
}
.courses_msecmenu .modal-header button span {
  font-size: 30px;
  margin-top: 6px;
  display: inline-block;
}
#slider h1.hmhheading {
  font-size: 28px;
  margin-bottom: 10px;
  margin-top: 2px;
  color: #000;
  text-transform: uppercase;
}
#cart_sec .total {
  border: 1px solid #ddd;
}
#cart_sec .total .coupon,
#cart_sec .total .payable_amount {
  padding: 10px 0 !important;
}
#cart_sec .total .coupon li .submit_button {
  width: 75px !important;
}
.order_pg table strong {
  display: block;
  text-align: left;
}
.order_pg table tbody {
  background-color: #f8f8f8;
}
.order_pg table a {
  display: inline-block;
  color: #00adef;
}
#my_account_page .my_account_container .account_tabs {
  background: #f8f8f8;
}
#my_account_page .my_account_container .account_tabs li {
  min-width: 120px;
  display: inline-block;
}
#my_account_page .my_account_container .account_tabs li a {
  padding-top: 10px;
  padding-bottom: 8px;
  border-bottom: 2px solid #ccc;
  border-color: transparent;
  text-align: center;
  display: block;
  color: #666;
  font-size: 13px;
}
#my_account_page .my_account_container .account_tabs li a.active {
  border-bottom-color: #00adef;
  color: #00adef;
}
#my_account_page .my_account_container .my_order_tab {
  border: 1px solid #e4e4e4;
}
#my_account_page .my_account_container .my_order_tab .my_order_headeing h5 {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}
#my_account_page .my_account_container .my_order_tab .my_order_headeing a {
  margin-right: 15px;
}
#my_account_page .my_account_container .my_order_tab .order_description {
  flex: 1;
  text-align: left;
}
#my_account_page .my_account_container .my_order_tab .item_list {
  padding: 15px;
  display: none;
}
#my_account_page .my_account_container .my_order_tab .item_list .order_image {
  width: 150px;
}
#my_account_page
  .my_account_container
  .my_order_tab
  .item_list
  .order_image
  img {
  width: 100px;
  margin-right: 15px;
}
#my_account_page .my_account_container .my_order_tab .item_list .buy_again {
  display: inline-block;
  padding: 8px 30px;
  font-size: 14px;
  background: #00adef;
  color: #fff;
  margin-top: 10px;
}
#my_account_page .my_account_container .my_order_tab .item_list .buy_again img {
  width: 27px;
  margin-right: 10px;
}
#my_account_page .my_account_container .my_order_tab .order_review a,
#my_account_page .my_account_container .my_order_tab .order_status a {
  background: #e4e4e4;
  color: #000;
  display: inline-block;
  padding: 8px 30px;
  font-size: 14px;
}
#my_account_page .my_account_container .my_order_tab .order_status a {
  margin-left: 8px;
}
.my_order_tab a {
  color: #00adef;
}
.forgot_form {
  width: 60%;
  margin: 50px auto auto;
}
.producrs_page #productss {
  padding-bottom: 117px;
}
.producrs_page #productss .single_product {
  margin-top: 50px;
  color: #333;
}
.producrs_page #productss p {
  font-size: 14px;
  text-align: justify;
}
.producrs_page #productss .product_heading {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: justify;
}
.producrs_page .zoom-effect-container {
  width: auto;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}
.producrs_page .image-card img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.producrs_page .zoom-effect-container:hover .image-card img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}
.search_products .product_search_bar {
  border: 1px solid #ccc;
  padding: 4px 4px 4px 15px;
  display: flex;
  border-radius: 50px;
  align-items: center;
}
.search_products .product_search_bar input {
  border: none;
  flex: 1;
}
.search_products .product_search_bar button {
  background: #619fd6;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 0;
  border: none;
}
.extra_services {
  background: #ff7a2d;
  padding: 10px 30px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  width: max-content;
  margin-left: auto;
  display: block;
}
.extra_services:hover {
  color: #fff;
  display: block;
}
.extra_services_page .single_service_container {
  text-align: center;
  border: 1px solid #ccc;
}
.extra_services_page .single_service_container .product_heading {
  font-size: 18px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.extra_services_page .single_service_container .product_price {
  font-size: 20px;
  color: #619fd6;
  font-weight: 700;
}
.extra_services_page .single_service_container ul li a {
  background: #619fd6;
  padding: 10px 30px;
  text-align: center;
  display: block;
  color: #fff;
  margin: 10px;
}
#privacy_polpg p b {
  font-size: 16px;
  display: block;
  margin-bottom: -10px;
  text-align: left;
}
.service_detailModal .modal-header {
  background-color: #619fd6;
  position: relative;
  border-radius: 0;
}
.service_detailModal .modal-header h4 {
  text-align: left;
  color: #fff;
  font-size: 28px;
}
.service_detailModal .modal-header .close {
  position: absolute;
  right: 20px;
  top: 23px;
  color: #fff;
  text-shadow: none;
  opacity: 1;
}
.service_detailModal .modal-body p {
  margin-bottom: 10px;
  text-align: justify;
  font-size: 16px;
}
.service_detailModal .modal-body p b {
  font-size: 18px;
  margin-right: 10px;
  min-width: 80px;
  display: inline-block;
}
.service_detailModal .modal-body ul li {
  font-size: 16px;
  position: relative;
  padding-left: 20px;
  margin-bottom: 7px;
}
.service_detailModal .modal-body ul li:after {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  background-color: #619fd6;
  position: absolute;
  left: 0;
  top: 9px;
}
.modal-dialog-scrollable .modal-content {
  overflow: inherit;
}
.enquiryButton {
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.6s;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 176px;
  height: 40px;
  display: block;
  background-color: #c34a4a;
  line-height: 40px;
  font-size: 15px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  padding-left: 14px;
  position: absolute;
  top: 130px;
  right: 20px;
  border-radius: 5px 25px 25px 5px;
  transition: 0.6s;
  -webkit-transform-origin: right center;
  transform-origin: right center;
  overflow: hidden;
  z-index: 100;
}
.enquiryButton i {
  margin-left: 16px;
}
.enquiryButton:hover {
  background: #333;
  color: #fff;
}
footer .footSocial a {
  border: none;
  border-radius: 50%;
}
footer .footSocial ul li {
  margin-right: 10px !important;
}
footer .footSocial {
  background: #e5e5e5;
  padding: 40px 0;
}
.owl-prev {
  margin-right: 20px !important;
  background: 0 0 !important;
}
.devlpMethodSec ul li span {
  display: inline-block;
  height: 28px;
  width: 28px;
  border-radius: 50%;
  line-height: 28px;
  background-color: #eff6fb;
  vertical-align: -7px;
  margin-right: 20px;
}
@media (max-width: 480px) {
  a.buttonApp {
    font-size: 14px !important;
  }
}
.develpmentCmpnySec ul li {
  text-align: left;
  list-style: none;
  padding-left: 16px;
  position: relative;
  margin-bottom: 8px;
}
.develpmentCmpnySec ul li:after {
  content: "";
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  background-color: #4478a7;
  position: absolute;
  left: 0;
  top: 9px;
}
* {
  padding: 0;
  box-sizing: border-box;
}
img {
  max-width: 100%;
}
.container {
  max-width: 1170px;
  margin: auto;
  width: auto;
  padding: 0 15px;
}
#servicesBnr .servicesBnrOverlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 99;
  color: #fff;
  transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}
#servicesBnr .servicesBnrOverlay h1 {
  text-align: left;
  width: 50%;
  margin-bottom: 10px;
}
#servicesBnr .servicesBnrOverlay p {
  line-height: 26px;
  width: 50%;
  text-align: left;
}
.develpmentCmpnySec .develpmentCmpnySecImg {
  position: relative;
  width: calc(100% - 50px);
}
.develpmentCmpnySec .dCmpnyBigImg {
  width: calc(100% - 50px);
}
.develpmentCmpnySec .develpmentCmpnySecImg .dCmpnySmallImg {
  position: absolute;
  right: 0;
  bottom: -55px;
  z-index: 99;
}
.develpmentCmpnySec .develpmentCmpnyCnt h6 {
  color: #4478a7;
  font-size: 18px;
  margin: 0;
  text-align: left;
}
.develpmentCmpnySec .develpmentCmpnyCnt h2 {
  text-align: left;
  margin-top: 0;
}
.develpmentCmpnySec .develpmentCmpnyCnt p {
  text-align: justify;
  line-height: 26px;
  margin-bottom: 20px;
}
.servicPgHead h2 {
  text-align: center;
  margin-bottom: 10px;
}
#whyCourseSec {
  padding: 50px 0 150px;
  background-color: #eff6fb;
}
#whyCourseSec img {
  width: auto;
  display: block;
  text-align: center;
  margin: auto;
  line-height: 150px;
}
#whyCourseSec .whyCourseBx {
  background-color: #fff;
  padding: 20px;
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.19);
  width: calc(100% - 10px);
  margin: auto;
  min-height: 370px;
}
#whyCourseSec.whyIonicDev {
  padding-bottom: 50px;
}
#whyCourseSec.whyIonicDev .whyCourseBx {
  min-height: 356px;
}
#whyCourseSec .owl-stage-outer {
  padding: 20px 0;
}
#whyCourseSec.reactNtivDev .whyCourseBx {
  min-height: 450px;
}
#whyCourseSec .whyCourseBx .whyCourseImg {
  background-color: #eff6fb;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  line-height: 100px;
  text-align: center;
  margin: auto auto 20px;
  display: flex;
}
#whyCourseSec h4 {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
#whyCourseSec .whyCourseBx p {
  text-align: justify;
  -ms-text-align-last: center;
  font-size: 16px;
  line-height: 24px;
}
#whyCourseSec .whyCourseBx .whyCourseImg img,
.pointContainer img {
  width: 60px;
}
#whyCourseSec .whyCourseBx .whyCourseImg img.whyCakeBigImg {
  width: 90px;
}
.devlpMethodSec.downBg {
  background-position: center -50px;
}
.devlpMethodSec .devlpMethodSecImg img {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.devlpMethodSec.openCardDevMath {
  background-image: none;
  background-color: #eff6fb;
}
.devlpMethodSec ul li {
  text-align: left;
  margin-bottom: 15px;
  position: relative;
  padding-left: 25px;
  list-style: none;
}
.devlpMethodSec ul li:after {
  content: "\f058";
  color: #619fd6;
  font-size: 18px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 1px;
}
.devlpMethodSec ul li span img {
  display: block;
  width: 32px;
  position: relative;
  right: -8px;
}
#devServicesSec.reactNativDevServ,
.devlpMethodSec.pythonDevMet {
  background-color: #eff6fb;
}
.devlpMethodSec.androidDevMet {
  background-position: center bottom;
  background-size: cover;
}
#service_sec {
  padding: 40px 0;
  display: none;
}
#service_sec ul {
  margin-top: 200px;
  height: 100px;
}
#service_sec ul li a .serv_line {
  position: absolute;
  bottom: calc(100% + 10px);
  text-align: center;
  left: 0;
  right: 0;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}
#service_sec ul li:nth-child(5) a .serv_line {
  bottom: calc(100% - -14px);
  left: -46px;
}
#service_sec ul li a .serv_line span {
  display: block;
  width: 2px;
  height: 60px;
  background-color: #ccc;
  margin: auto;
  position: relative;
}
#service_sec ul li a .serv_line span:after {
  content: "";
  display: block;
  height: 10px;
  width: 10px;
  background-color: #ccc;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: -1px;
  right: 0;
  margin: auto auto auto -3px;
  top: 0;
}
#service_sec ul li a .serv_line article {
  font-size: 16px;
  color: #000;
  margin-bottom: 6px;
}
#service_sec ul li:nth-child(8) a .serv_line {
  left: 0;
}
#service_sec ul li:nth-child(9) a .serv_line {
  left: 51px;
}
#service_sec ul li:nth-child(7) {
  width: 180px;
}
#service_sec ul li:nth-child(2) a .serv_line span {
  height: 120px;
}
#service_sec ul li:nth-child(7) a .serv_line span,
#service_sec ul li:nth-child(9) a .serv_line span {
  height: 100px;
}
#service_sec ul li:first-child a .serv_line span:after,
#service_sec ul li:nth-child(6) a .serv_line span:after {
  background-color: #f96;
}
#service_sec ul li:nth-child(2) a .serv_line span:after,
#service_sec ul li:nth-child(7) a .serv_line span:after {
  background-color: #999932;
}
#service_sec ul li:nth-child(3) a .serv_line span:after,
#service_sec ul li:nth-child(8) a .serv_line span:after {
  background-color: #f9f;
}
#service_sec ul li:nth-child(10) a .serv_line span:after,
#service_sec ul li:nth-child(5) a .serv_line span:after {
  background-color: #3cc;
}
#devServicesSec .devServBx ul li:after,
#faqInSec ul li:after {
  content: "";
  height: 8px;
  width: 8px;
  background-color: #619fd6;
  position: absolute;
  left: 0;
  display: block;
}
#service_sec ul li.tsmall a .serv_line {
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
#service_sec ul li.tbig a .serv_line {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
#service_sec ul li.tsmall {
  filter: blur(3px);
}
#service_sec ul li.tsmall img {
  filter: grayscale(1);
}
#faqInSec {
  padding: 50px 0;
  background-color: #f6f3f3;
}
#faqInSec .card {
  margin-bottom: 12px;
  border: none;
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.16);
}
#faqInSec .card button {
  padding: 10px 15px;
  font-size: 18px;
  transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}
#faqInSec .card-header {
  transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  padding: 0;
}
#faqInSec .card-header button.collapsed {
  background-color: #f7f7f7;
  color: #000;
}
#faqInSec ul li {
  list-style: none;
  padding-left: 18px;
  position: relative;
}
#quality ul li,
#qualitySolutions li,
.onePointRUl li,
.twoPointRUl li,
.why_doomshell li {
  padding-left: 30px;
  position: relative;
}
#faqInSec ul li:after {
  top: 9px;
}
#devServicesSec hgroup p {
  width: 60%;
  margin: auto;
  text-align: center;
}
#devServicesSec.iosDevServ p {
  width: 100%;
  text-align: justify;
  margin-bottom: 10px;
}
#devServicesSec .devServBx {
  background-color: #fff;
  padding: 32px;
  box-shadow: 0 15px 55px -5px rgb(9 31 67 / 10%);
  text-align: center;
  height: 100%;
}
#our-apps::after,
#our-apps::before {
  position: absolute;
  width: 100%;
  height: 260px;
  z-index: -1;
  content: "";
  left: 0;
}
#devServicesSec .devServBx h4 {
  text-align: center;
  color: #000;
  font-size: 20px;
  margin-top: 20px;
}
#devServicesSec .devServBx p {
  font-size: 16px;
  text-align: justify;
  line-height: 26px;
  color: #262525;
}
#devServicesSec .devServBx img {
  width: 75px;
}
#devServicesSec .devServBx ul li {
  list-style: none;
  position: relative;
  padding-left: 14px;
  text-align: left;
}
#devServicesSec .devServBx ul li:after {
  top: 8px;
}
#our-apps::after {
  bottom: -190px;
  background: url(../images/bg-btm.png) center center/contain no-repeat;
}
#our-apps::before {
  top: -200px;
  background: url(../images/bg-top.png) center center/contain no-repeat;
}
#industry_sec hgroup h2 {
  width: 70%;
  margin: auto;
  text-align: center;
  color: #fff;
}
#industry_sec .indus_ico {
  display: none !important;
  height: 35px;
  width: 35px;
  background: url(../images/all-industry-ic.png) 0 0 / cover no-repeat;
  vertical-align: -17px;
  margin-right: 10px;
}
#industry_sec .indus_ico1 {
  background-position: -359px 0;
}
#industry_sec .indus_ico2 {
  background-position: -46px 0;
}
#industry_sec .indus_ico3 {
  background-position: -406px 0;
}
#industry_sec .indus_ico4 {
  background-position: -94px 0;
}
#industry_sec .indus_ico5 {
  background-position: -172px 0;
}
#industry_sec .indus_ico6 {
  background-position: -221px 0;
}
#industry_sec .indus_ico7 {
  background-position: -266px 0;
}
#industry_sec .indus_ico8 {
  background-position: -315px 0;
}
#industry_sec .nav-pills .nav-link.active .indus_ico,
#industry_sec .nav-pills .nav-link:hover .indus_ico,
#industry_sec .nav-pills .show > .nav-link .indus_ico {
  filter: contrast(0) brightness(10);
  -webkit-filter: contrast(0) brightness(10);
}
#industry_sec .industry_inner {
  background-color: #fff;
  position: relative;
  z-index: 3;
}
#industry_sec h1.mheading,
#industry_sec h2.mheading {
  color: #0b0000;
  font-weight: 400;
  margin-bottom: 30px;
}
#industry_sec ul li {
  width: 48%;
  margin-right: 2%;
}
#industry_sec ul li a {
  display: block;
  width: 100%;
  padding: 10px 12px;
  font-size: 16px;
}
#industry_sec .nav-pills .nav-link.active,
#industry_sec .nav-pills .nav-link:hover,
#industry_sec .nav-pills .show > .nav-link {
  background-color: transparent;
  color: #000;
}
#industry_sec .nav-pills .nav-link {
  background-color: #000;
  border: 2px solid #000;
  font-size: 15px;
  color: #fff;
  margin-bottom: 10px;
  text-align: left;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#industry_sec h4 {
  font-size: 32px;
  color: #000;
  text-align: left;
  font-weight: 500;
  margin-bottom: 25px;
}
#industry_sec p {
  font-size: 16px;
  color: #000;
  text-align: justify;
  margin-bottom: 20px;
}
.reactNativeDev hgroup p {
  -ms-text-align-last: center;
}
#OpenCartChooseSec {
  padding: 50px 0;
  background-color: #619fd6;
}
#OpenCartChooseSec ul li {
  width: 50%;
}
#OpenCartChooseSec hgroup h2 {
  color: #fff;
  text-align: center;
}
#OpenCartChooseSec .OpenCartChoosebxinr {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  height: 100%;
}
#OpenCartChooseSec .OpenCartChoosebxinr strong {
  display: block;
  font-weight: 700;
  font-size: 18px;
}
#OpenCartChooseSec .OpenCartChoosebxinr p {
  text-align: justify;
  font-size: 16px;
  line-height: 26px;
}
#faqInSec h2 {
  margin: 0 !important;
}
#faqInSec .card-header button,
#faqInSec .card-header button:hover {
  background-color: #619fd6;
  border: none !important;
}
#quality ul li::before,
#qualitySolutions li:before,
.onePointRUl li::before,
.twoPointRUl li::before,
.why_doomshell li:before {
  content: "\f00c";
  position: absolute;
  top: -1px;
  left: 0;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  height: 24px;
  width: 24px;
  border-radius: 50%;
  line-height: 24px;
}
#rnPoints,
.secPara {
  padding-top: 60px;
}
#hrnd .hire_inner .hire_bx,
.counterBox,
.pointContainer {
  margin-bottom: 30px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 20px 0 #0002;
  padding: 20px 10px;
}
.pointContainer h5 {
  margin-bottom: 0;
  font-weight: 400;
  color: #333;
  font-size: 14px;
  min-height: 42px;
  line-height: inherit;
}
h3.mheading {
  font-size: 40px !important;
  text-align: left;
  font-weight: 400;
  color: #fff;
}
#hrnd .hire_inner .hire_bx img {
  width: 46px;
}
#hrnd p,
#quality p {
  text-align: justify;
  margin-bottom: 15px;
}
#quality {
  background: #f1faff;
}
#quality ul,
.twoPointRUl,
.why_doomshell ul {
  display: flex;
  flex-wrap: wrap;
}
#quality ul li,
.twoPointRUl li {
  text-align: left;
  margin-bottom: 20px;
  width: 50%;
}
#quality ul li::before,
.onePointRUl li::before,
.twoPointRUl li::before,
.why_doomshell li:before {
  background: #0084b1;
  text-align: center;
  color: #fff;
}
#qualitySolutions p {
  color: #fff;
  line-height: inherit;
  margin-bottom: 30px;
}
#qualitySolutions li {
  text-align: justify;
  margin-bottom: 15px;
  color: #fff;
}
#qualitySolutions li strong {
  display: block;
  margin-bottom: 5px;
  font-size: 18px;
}
#qualitySolutions li:before {
  background: #fff;
  text-align: center;
  color: #333;
}
.qualitySolutionsPoints {
  background: #0a1b37;
  padding: 60px;
}
#rnFramework {
  background: #0a1b37;
}
#rnFramework h4 {
  color: #ffeb3b;
  text-align: left;
  background: #020e21;
  padding: 8px 15px;
  margin-top: 30px;
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 20px;
}
#rnFramework .rnframeBox {
  padding: 15px;
}
#rnFramework img {
  width: 75px;
  margin-bottom: 20px;
}
.why_doomshell p strong {
  text-align: left;
  font-weight: 700;
  margin: 20px 0 30px;
  display: block;
}
.why_doomshell li {
  text-align: left;
  font-weight: 400;
  margin-bottom: 15px;
  width: 50%;
  padding-right: 20px;
}
.why_doomshell li strong {
  display: block;
  font-weight: 700;
  margin-bottom: 8px;
}
#easy .easyBox {
  padding: 15px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  background: #fff;
}
#easy h3 {
  text-align: center;
  margin-bottom: 40px;
}
#easy .easyBox .easyCount {
  display: flex;
  align-items: flex-end;
}
#easy .easyBox p {
  text-align: justify;
  font-size: 14px !important;
}
#easy .easyBox .easyCount span {
  flex: 1;
  height: 1px;
  display: inline-block;
  border-top: 3px dashed #999;
  margin-left: 10px;
  margin-right: 10px;
  transition: 0.4s;
}
#easy .easyBox .easyCount h5 {
  background: #0084b1;
  width: 50px;
  height: 50px;
  margin: 0;
  border-radius: 50%;
  line-height: 50px;
  color: #fff;
  font-size: 20px;
  text-align: center;
}
#easy .easyBox h4 {
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  color: #333;
  margin-top: 25px;
  margin-bottom: 20px;
}
#faqPart .accordion > .card .card-header {
  text-align: left;
  background: #619fd6;
}
#faqPart .accordion > .card .card-header a {
  display: block;
  color: #fff;
  font-weight: 700;
}
#faqPart .accordion > .card .card-body {
  text-align: justify;
  padding: 15px 20px;
}
#seoData p {
  font-size: 16px;
  text-align: justify;
}
#seoData h4,
.onePointRUl li {
  text-align: left;
  margin-bottom: 20px;
}
#seoData h4 {
  font-size: 22px;
  font-weight: 700;
}
.secPara p {
  text-align: justify;
  margin-bottom: 30px;
}
.counterBox h4 {
  font-size: 36px;
  font-weight: 700;
  color: #0084b1;
}
.counterBox p {
  margin-bottom: 0 !important;
  text-align: center !important;
}
#flaxibalType hgroup p {
  text-align: center;
  width: 70%;
  margin: auto;
  color: #fff;
}
#flaxibalType .flexLeftBox {
  background: #f1faff;
  padding: 40px 80px;
}
#flaxibalType .flexRightBox {
  background: #0084b1;
  padding: 40px 80px;
}
#flaxibalType .flexLeftBox h4 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
}
#flaxibalType .flexRightBox h4 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #fff;
}
#flaxibalType .flexLeftBox p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  color: #333;
}
#flaxibalType .flexRightBox p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  color: #fff;
}
#flaxibalType .flexRightBox .onePointRUl li::before {
  background: #fff;
  color: #333;
}
video {
  border: none;
  padding: 0;
  margin: auto;
  width: 100%;
  height: 443px;
  background-color: #000;
  display: block;
}
button {
  font-family: Helvetica Neue, Arial, Helvetica, Verdana, sans-serif;
}
.awesome {
  background: #222;
  display: inline-block;
  padding: 5px 10px 6px;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  position: relative;
  cursor: pointer;
}
.awesome:hover {
  background-color: #111;
  color: #fff;
}
.large.awesome {
  font-size: 14px;
  padding: 8px 14px 9px;
}
.red.awesome {
  background-color: #e33100;
}
.blue.awesome {
  background-color: #2daebf;
}
.blue.awesome:hover {
  background-color: #007d9a;
}
.red.awesome:hover {
  background-color: #872300;
}
.modal-content {
  background-color: transparent !important;
  border: none !important;
  width: 103%;
}
.whatsappButton {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  background: #07ba39;
  height: 50px;
  width: 50px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 50px 50px 0;
}
#customer_say .owl-theme.csay_crausal .owl-nav {
  position: absolute;
}
#customer_say .customer::before,
#customer_say::before {
  content: "";
  position: absolute;
  left: 0;
  top: -174px;
  width: 100%;
  height: 260px;
  z-index: 0;
  background: url(../images/bg-top.png) center center/contain no-repeat;
}
#customer_say .customer::after,
#port-flio::after {
  background: url(../images/bg-btm.png) center center/contain no-repeat;
}
#customer_say .customer {
  position: relative;
  z-index: 3;
}
#customer_say .customer::after,
#port-flio::after,
#port-flio::before {
  content: "";
  position: absolute;
  left: 0;
  height: 260px;
  z-index: -1;
  width: 100%;
}
#customer_say .customer::after {
  bottom: -170px;
}
#port-flio::before {
  top: -154px;
  background: url(../images/bg-top.png) center center/contain no-repeat;
}
#port-flio::after {
  bottom: -184px;
}
#our-apps .apps-cnt-sec {
  text-align: left !important;
  margin: auto;
}
#our-apps .apps-cnt-sec h4 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 0;
}
#our-apps {
  background: #fff;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 60px 0;
  position: relative;
  height: 100%;
  z-index: 3;
  padding: 0;
}
#our-apps .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: block;
  justify-content: center;
  align-items: center;
}
#our-apps .swiper-slide img {
  display: block;
  width: 100%;
}
img.products_logo {
  width: auto !important;
  margin-bottom: 20px;
}
.obcontactFormhome {
  background-color: rgb(97 159 214);
}
.obcontactForm_head {
  font-size: 30px !important;
  font-weight: 600 !important;
  text-align: left;
  color: #fff;
}
.recaptcha-checkbox-border {
  border-color: #609ed4 !important;
}
.onaddress_details {
  background-color: #619fd690;
}
.obcontactForm,
.obcontactFormhome,
.onaddress_details {
  padding: 30px 20px;
  height: 100%;
  border-radius: 25px;
  display: block;
  box-shadow: 0 0 106px 0 rgb(33 30 30 / 11%);
}
.onaddress_head span,
ul.bit-coin-list li span {
  font-weight: 700;
  display: block;
}
.onaddress_bx_wrap {
  padding: 25px 7px 25px 19px;
  border-radius: 25px;
}
.head_office {
  color: #fff;
  font-weight: 700;
  letter-spacing: 5px;
  font-size: 14px;
}
.onaddress_details_img.address_1 {
  width: 35px;
  height: 35px;
  background-size: 24px;
  left: -37px;
  top: -15px;
}
.about-blg::after,
.fav_prosec2::after,
.obcontact_wrap::after,
.obcontact_wrap::before,
.producrs_page #productss::after {
  position: absolute;
  left: 0;
  height: 260px;
  z-index: -1;
  background: url(../images/bg-btm.png) center center/contain no-repeat;
  content: "";
}
.onaddress_details_img {
  display: inline-block;
  vertical-align: top;
  width: 28px;
  height: 28px;
}
.onaddress_bx {
  position: relative;
  margin-top: 5px;
}
.onaddress_details_txt,
.onaddress_details_txt a {
  font-size: 14px;
  color: #fff;
  width: 100%;
  display: inline-block;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
  position: relative;
}
.contactform_upload_dv {
  position: relative;
  display: flex;
}
.obcontact_wrap {
  padding: 220px 0;
  position: relative;
  z-index: 0;
}
.obcontact_wrap,
.testimonial_wrap {
  position: relative;
  background-size: cover;
  background-position: center;
}
.contactform_upload_dv figure:before {
  border-top: 10px solid #dfc8ca;
  border-left: 10px solid transparent;
}
.contactform_upload_dv figure:after,
.contactform_upload_dv figure:before,
.inputfile-5 + label figure::after,
.inputfile-5 + label figure::before {
  width: 0;
  height: 0;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
}
.obcontact_wrap svg {
  height: 22px !important;
  width: 22px !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 0;
  line-height: 31px;
  color: #fff !important;
  border: none;
  filter: invert(1);
  text-align: center;
  display: inline-block;
  font-size: 17px;
  z-index: 3;
}
.contactform_upload_dv figure {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
  width: 32px;
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  border: none;
  height: 32px;
  border-radius: 4px 0 4px 4px;
  background-color: #619fd6;
  z-index: 2;
}
.contactform_upload_dv .custom-file-input:lang(en) ~ .custom-file-label {
  text-align: center;
  height: 100%;
}
.contactform_upload_dv .custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
  display: none;
}
.f-style,
.onaddress_bx {
  display: flex;
}
button.Quotebtn {
  background-color: #fff;
  display: inline-block;
  padding: 7px 26px !important;
  color: #619fd6;
  font-weight: 500;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 50px;
  -webkit-transition: 0.5s;
  font-size: 16px;
}
.obcontactForm_inner,
.onaddress_inner {
  max-width: 90%;
  margin: 0 auto;
  text-align: left;
}
.onaddress_head {
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 33px;
  text-align: left;
  margin: 0 0 30px;
}
.onaddress_bx i {
  color: #fff;
  padding-right: 10px;
}
.obcontact_wrap::after {
  top: -94px;
  width: 100%;
  filter: invert(1);
}
.btnpos {
  position: relative;
  z-index: 1;
}
.about-blg,
.fav_prosec2,
.producrs_page #productss {
  z-index: 0;
  position: relative;
}
.about-blg::after,
.fav_prosec2::after,
.obcontact_wrap::before,
.producrs_page #productss::after {
  bottom: -98px;
  width: 100%;
  rotate: 180deg;
  filter: invert(0.1);
}
.fav_prosec2::before,
.producrs_page #productss::before {
  left: 0;
  height: 260px;
  background: url(../images/bg-top.png) center center/contain no-repeat;
  z-index: -1;
  width: 100%;
}
#why_doomshell {
  padding-top: 30px;
  color: #fff;
}
#devlpMethodSec hgroup h2 {
  color: #fff;
  text-align: center;
  margin: 0;
  padding-top: 20px;
}
#devlpMethodSec hgroup {
  color: #fff;
  margin-bottom: 35px;
}
#OpenCartChooseSec hgroup {
  margin-bottom: 35px;
}
.devlpMethodSecCnt ul li strong {
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
}
#devlpMethodSec {
  padding-top: 20px;
  padding-bottom: 20px;
}
.career_para.text-left,
.develpmentCmpnyCnt h2,
.develpmentCmpnyCnt p,
.devlpMethodSecCnt ul li {
  color: #ffff;
}
#devlpMethodSec h2 {
  color: #ffff;
  text-align: center;
}
#secPara,
.devlpMethodSec {
  padding-top: 30px;
  padding-bottom: 30px;
}
#seoData p {
  margin-bottom: 30px;
  color: #fff;
}
.secPara .twoPointRUl {
  margin-bottom: 50px;
}
#why_doomshell ul {
  color: #000;
  text-align: left;
}
#animation_wrapper svg {
  width: 100% !important;
  height: 100% !important;
}
.f-style {
  justify-content: center;
}
.about-blg {
  padding-bottom: 140px;
}
#fav_prosec .fav_probox .card .prt-lgs {
  width: 106px;
  margin: auto;
  border-radius: 10px;
  overflow: hidden;
  height: 106px;
}
.fav_prosec2 {
  margin-top: 0;
  background: #fff;
  padding-bottom: 80px;
}
.fav_prosec2::before {
  position: absolute;
  top: -150px;
}
.producrs_page #productss::before {
  content: "";
  position: absolute;
  top: -161px;
  filter: invert(1);
}
section#cart_slider_banner {
  padding-bottom: 101px !important;
}
.dropDownUserTxt span {
  display: inline-block;
  background-color: #619fd6;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  text-align: center;
  font-size: 0px;
  line-height: 35px;
}
.contct-page-dgn svg {
  height: 22px !important;
  width: 22px !important;
  -moz-border-radius: 50%;
  border-radius: 0;
  line-height: 31px;
  color: #fff !important;
  border: none;
  filter: invert(1);
  text-align: center;
  display: inline-block;
  font-size: 17px;
  z-index: 3;
}
#techno_sec .techno-sec-inner-slider .owl-item .tecno-inner-item {
  border-radius: 15px;
  background-color: #f5f5f5;
  padding: 35px 25px;
  -webkit-box-shadow: 0 4px 35px -33px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 4px 35px -33px rgba(0, 0, 0, 0.75);
  box-shadow: 0 4px 35px -33px rgba(0, 0, 0, 0.75);
  min-height: 300px;
  max-height: 330px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#techno_sec .techno-sec-inner-slider .owl-item .tecno-inner-item:hover h4,
#techno_sec .techno-sec-inner-slider .owl-item .tecno-inner-item:hover p {
  color: #fff;
  transition: 2s;
}
#techno_sec .techno-sec-inner-slider .owl-item .tecno-inner-item::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 70px;
  height: 70px;
  background-color: #619fd6;
  border-radius: 272px 0 0;
  opacity: 0.1;
  transition: 2s;
}
#techno_sec .techno-sec-inner-slider .owl-item .tecno-inner-item::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background-color: #619fd6;
  border-radius: 170px 0 0;
  opacity: 0.1;
  transition: 2s;
}
#techno_sec .techno-sec-inner-slider .owl-item .tecno-inner-item:hover::before {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  opacity: 1;
}
#techno_sec .techno-sec-inner-slider .owl-item .tecno-inner-item img {
  height: 70px;
  width: auto;
  margin-bottom: 20px;
}
.porfolio-slider {
  background: linear-gradient(
    to right,
    rgba(225, 49, 1, 0.8) 0,
    rgba(119, 26, 115, 0.8) 100%
  );
  height: 100vh;
  margin-top: 80px;
}
.porfolio-slider .swiper {
  width: 100%;
  height: 100vh;
}
.porfolio-slider .swiper .swiper-slide {
  text-align: left;
  font-size: 18px;
  background: 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.porfolio-slider .swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.porfolio-slider .swiper .swiper-slide-active {
  animation: 1s ease-in-out zoomRotateIn;
}
.scrl-sldr-inr h3 {
  color: #fff;
  font-size: 35px;
  font-weight: 700;
  margin: 30px 0;
}
.scrl-sldr-inr h6,
.scrl-sldr-inr p {
  font-weight: 400;
  margin: 30px 0;
  color: #fff;
}
.scrl-sldr-inr h6 {
  font-size: 20px;
}
.scrl-sldr-inr p {
  font-size: 16px;
}
.scrl-sldr-inr a {
  color: #fff;
  text-decoration: none;
  display: inline-block;
  background-color: #619fd6;
  padding: 10px 20px;
  border-radius: 8px;
}
.scrl-sldr-inr a svg {
  width: 25px;
  color: #fff !important;
}
.porfolio-slider .swiper .swiper-slide .produt-logo {
  width: 100px !important;
}
.porfolio-slider .scrl-sldr-inr .produt-mockup {
  max-width: 100%;
  height: auto;
}
.swiper-slide-next,
.swiper-slide-prev {
  animation: 0.75s cubic-bezier(0.25, 0.1, 0.25, 1) both zoomRotateOut;
}
@keyframes zoomRotateIn {
  0% {
    transform: scale(0.9) rotate(-10deg);
    opacity: 0;
  }
  100% {
    transform: scale(1) rotate(0);
    opacity: 1;
  }
}
@keyframes zoomRotateOut {
  0% {
    transform: scale(1) rotate(0);
    opacity: 1;
  }
  100% {
    transform: scale(0.9) rotate(10deg);
    opacity: 0;
  }
}
#start-project {
  background-color: #fff;
  padding: 60px 0 0;
  height: 600px;
  overflow: hidden;
  position: relative;
}
#start-project .left-hding {
  width: 410px;
  margin-left: auto;
}
#start-project .left-hding h1 {
  color: #000 !important;
  text-align: right;
  font-size: 50px;
  cursor: pointer;
}
#start-project .left-hding h1 a {
  display: inline-block;
  border: 2px solid #000;
  padding: 6px 30px;
  border-radius: 80px;
  width: 60%;
  text-align: left;
  transition: 0.5s !important;
  text-decoration: none;
}
#start-project .projcts-imgs img {
  width: 300px !important;
}
#start-project .projcts-imgs .projct-1 {
  position: absolute;
  left: 50%;
  z-index: 1;
  transform: translate(90%, 150%) rotate(15deg);
  transition: 1s;
  opacity: 0;
}
#start-project .projcts-imgs .projct-2 {
  position: absolute;
  left: 50%;
  z-index: 2;
  transform: translate(-60%, 140%) rotate(-3deg);
  transition: 1s 0.1s;
  opacity: 0;
}
#start-project .projcts-imgs .projct-3 {
  transition: 1s 0.2s;
  position: absolute;
  left: 50%;
  z-index: 3;
  transform: translate(-180%, 151%) rotate(0);
  opacity: 0;
}
#start-project .left-hding:hover + .projcts-imgs .projct-1 {
  transform: translate(-50%, 0) rotate(15deg);
  opacity: 1;
}
#start-project .left-hding:hover + .projcts-imgs .projct-2 {
  transform: translate(-50%, 0) rotate(-3deg);
  opacity: 1;
}
#start-project .left-hding:hover + .projcts-imgs .projct-3 {
  transform: translate(-50%, 0) rotate(-15deg);
  opacity: 1;
}
.down-arro-icon {
  position: absolute;
  top: 80%;
  left: 47%;
  animation: 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite upDown;
  box-shadow: 0 0 0 0 #fff;
  background-color: #fff !important;
  border-radius: 25px !important;
  height: 100px;
  width: 30px;
  display: flex !important;
  align-items: center;
  flex-direction: column-reverse;
}
.down-arro-icon i {
  color: #000;
  font-size: 22px;
  font-weight: 700;
  line-height: normal;
  padding-top: 18px;
}
.down-arro-icon span {
  transform: rotate(-90deg);
  color: #000;
  font-size: 12px;
  word-break: auto-phrase;
}
@keyframes upDown {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(15px);
  }
}