/*@font-face {
    font-family: 'averta_demoextrabold_italic';
    src: url('../fonts/avertademo-extrabolditalic-webfont.woff2') format('woff2'),
         url('../fonts/avertademo-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/

body{
    overflow-x: hidden !important;
}


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
  
:root {
    --orange:#dd1516;
    --purple:#27112c;
    --orange_gradient:linear-gradient(to right, #ff611a, #fc6b18, #fc6118, #fc5619, #fc4a1a);
    --black:#000;
    --white:#fff;
}

img.thank_gif {
    width: 420px;
}

.orange {color: var(--orange); }
.pink{color: #e95994 !important;}
.green{color: #69aa42 !important;}
.sky_blue{color: #0a9ccd !important;}
.purple{color: #9662aa !important;}


.active_menu a {
    color: var(--orange) !important;
}


@-webkit-keyframes animatedBackground_dots {
    0% {
        background-position: 0 -100%
    }

    to {
        background-position: 100% 0
    }
}

@keyframes animatedBackground_dots {
    0% {
        background-position: 0 -100%
    }

    to {
        background-position: 100% 0
    }
}
.move_dots {
    -webkit-animation: animatedBackground_dots 10s linear infinite;
    animation: animatedBackground_dots 10s linear infinite;
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABJ4AAAMUCAMAAADKQR3oAAAAkFBMVEUAAAAA/5gA/5j///////////////8A/5gA/5gA/5gA/5gA/5j///////8A/5gA/5j///////8A/5gA/5gA/5gA/5j///8A/5gA/5j///8A/5j///8A/5j///////8A/5gA/5j///8A/5j///////////8A/5j///////////////////8A/5gA/5gA/5j////IYivgAAAALnRSTlMANftUzC/1872WQykbFBQIBO/UzKR4bGJMIw7YsZJ4cCLk4sOynoeDYkc9CgIfut7SLAAABfNJREFUeNrs3bENwlAQBcHDkfkBDmyEhZAgIoLXf3nQAwEXzBSx6RY/eqzTfCqAdrYkzwJoZ06yFUA7l2TaC6CfcT8UAAAAAAAAAAAAAAAAAAAAAAAAAAD/8vYlATp63ZJzAbQzkkzXAuhmz5c8Af0sa3IsgH6W4ZsEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA8GEPDnEAhIEgAF7S1iFQJAhc0fv/3/EJxImZAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIBfrWsVQD8jySiAdnaSXQDtPEneAmjnmJl3ATR0FvCxBwcCAAAAAED+r42gqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqirswYEAAAAAAJD/ayOoqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqgp7cCAAAAAAAOT/2giqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqsKOnZwgDAABAFwx8YAoSh4BQRAFFR+7/XdnB74XnCljAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgn03rMQD6GTdV7wBo51pVQwC086qqRwC0cxjq/AmAhqZTAAAAAPxwCYCGjnPeVwHQzjMzdwHQzj4z5wBoZ7XNXAKgn9uingAAAAAAAAAAAACAL3twIAAAAAAA5P/aCKqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqwh4cmwAIQ1EA/NoEsRCCop0OIG//8ZzBLsXdAQAAAAAAAPDDu7Q+FcBwriS9AIZzJ5kLYDhPS/YCGM96nFsBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPCxBwcCAAAAAED+r42gqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqirswbEJgFAQBbADtVPwN4IItmL19t/OHayuSAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/bdNSAP2cIzkKoJ0nyVUA7dxJ5gJoZ5sz3gJoaN0LAAAAAAAAAPjYg2MbAGEYAGApS6GV2oWRiQPy/3m8ESHbAAAAAAAA/N0aKwDqGUf2FgDlnJl5B0A5T2ZeAVBO6/nOAKhnzx0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB97cCAAAAAAAOT/2giqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqsJOHZsACAVRADsQrbSwsRTERvnF23871zghGSIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwA+MtQAampbcowDauZI8BdDOnuQogHbO5NoKoJ/5tRMAAAAAAAAAAAAAAAAfe3BwAiAMBAHwzEvJLxAQEexg+y/PNu4xMwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA0MNd4nwJo50yyC6CdleQqgHZ2Mo4C6Of+ZgEAAAAAAAAAAAAAAAAAAAAAAAAAAAAA8LMHBwIAAAAAQP6vjaCqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqKu3BsQmAMBQFwA+B1KmEELSzsXn7b+caEe8OAAAAAAAAAAAAgN+bRxsFsJ3Zk7MAtnMl6QWwnZZkFcB2xt3XU5/0AiOlHZMqq7SFAAAAAElFTkSuQmCC);*/
    background-image: url(../images/move-bg.webp);
    background-repeat: repeat;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    right: 0;
}


img.move-img-1 {
    position: absolute;
    top: -210px;
    left: -400px;
    right: 0;
    margin: auto;
}

img.move-img-3 {
    position: absolute;
    right: 20px;
}


.move-img-2 {
        -webkit-animation: move-img-2 5s linear infinite;
        animation: move-img-2 5s linear infinite;
        z-index: 0;
        position: absolute;
        right: 0;
        bottom: 90px;
    }  

@-webkit-keyframes move-img-2 {
    0%,to {
        -webkit-transform: translateY(-1vw);
        transform: translateY(-1vw)
    }

    50% {
        -webkit-transform: translateY(.5vw);
        transform: translateY(.5vw)
    }
}

@keyframes move-img-2 {
    0%,to {
        -webkit-transform: translateY(-1vw);
        transform: translateY(-1vw)
    }

    50% {
        -webkit-transform: translateY(.5vw);
        transform: translateY(.5vw)
    }
}

.move-img-4 {
    animation: move-img-2 5s linear infinite;
    position: absolute;
    left: 0;
    top: 200px;
}

@-webkit-keyframes move-img-4 {
    0%,to {
        -webkit-transform: translateY(1vw);
        transform: translateY(1vw)
    }

    50% {
        -webkit-transform: translateY(-1vw);
        transform: translateY(-1vw)
    }
}

@keyframes move-img-4 {
    0%,to {
        -webkit-transform: translateY(1vw);
        transform: translateY(1vw)
    }

    50% {
        -webkit-transform: translateY(-1vw);
        transform: translateY(-1vw)
    }
}

.move-img-3,.plus_sign1 {
    -webkit-animation: move-img-3 7s linear infinite
}

@-webkit-keyframes move-img-3 {
    0% {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

.plus_sign2 {
    -webkit-animation: plus_sign2 7s linear infinite
}

@-webkit-keyframes plus_sign2 {
    0% {
        -webkit-transform: rotate(359deg)
    }

    to {
        -webkit-transform: rotate(0)
    }
}



.light h1,.light h2,.light h3,.light h4,.light h5,.light h6,.light a,.light p,.light i,.light span,.light li,.light{
  color: var(--white);
}
.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6,.dark a,.dark p,.dark i,.dark span,.dark,.black{
  color: var(--black) !important;
}

[class^=box-] {
    display: none
}

[class^=box-].showfirst{
    display: block
}

.screen img {width: 100%; }
/* .screen a {height: 300px; overflow-x: hidden; display: inline-block; }
.screen {border-radius: 20px; overflow: hidden; } */

.screen {
  border-radius: 20px;
  display: block;
  width: 100%;
  height: 350px;
  overflow: hidden;
  position: relative;
  border-radius: 1px;
  margin: 0 auto;
  margin-bottom: 20px;
  /* border: 1px solid #e6e6e6; */
}
.screen a {
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  position: relative;
  overflow: hidden;
}
.screen img {
    width: 100%;
    height: auto;
    bottom: -700;
    /* position: absolute; */
    z-index: 0;
    margin: 0;
    padding: 0;
    /* -webkit-transition: top 11s; */
    -moz-transition: top 11s;
    -ms-transition: top 11s;
    -o-transition: top 11s;
    /* transition: bottom 11s; */
}
.screen img {
  width: 100%;
  position: relative;
  top: 0;
  transition: 2s all;
}
.screen a:hover img {
  top: -100%;
}


ul.all-brand-tabs li a {border-radius: 30px;padding: 10px 20px;font-size: 15px;color: #000;font-weight: 400;display: inline-block;text-transform: capitalize;}
ul.all-brand-tabs {/* display: flex; *//* column-gap: 25px; *//* justify-content: center; */margin: auto !important;display: table;text-align: center;}
ul.all-brand-tabs li.active a {background-color: var(--orange);color: #fff !important;}
img.port_img {width: 100%; }
ul.all-brand-tabs {margin: auto;margin-bottom: 40px !important;}
ul.all-brand-tabs li {display: inline-block; } 
ul.all-brand-tabs li button {border-radius: 30px; color: var(--perple); font-weight: 500; text-transform: capitalize; }
ul.all-brand-tabs li button.active {background-color: var(--orange) !important; color: #fff; }


ul.portfolio-list-new li a {padding: 10px 20px; color: #fff !important; }
ul.portfolio-list-new li.active a, ul.portfolio-list-new li a:hover {
    background-color: var(--orange) !important;
    color: #fff !important;
}
img.port_img {width: 100%; }
ul.portfolio-list-new {margin: auto;margin-bottom: 40px !important;display: table;text-align: center;}
ul.portfolio-list-new li {display: inline-block;margin: 10px 10px;text-align: center;} 
ul.portfolio-list-new li a {border-radius: 30px;color: var(--perple);font-weight: 400;text-transform: capitalize;cursor: pointer;}
ul.portfolio-list-new li a.active {background-color: var(--orange) !important; color: #fff; }

/*--------------------------------------------------------------
>>> Typography
----------------------------------------------------------------*/
body {font-size: 14px; color: #686868; background-color: #ffffff; font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; line-height: 1.6; -webkit-font-smoothing: antialiased; word-wrap: break-word; }

p {line-height: 1.6; margin: 0 0 15px; word-wrap: break-word; }

/*--------------------------------------------------------------
# Heading
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {color: #000; }

p{font-size: 14px; color: #303030; }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 15px;
  line-height: 1.2;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
}

h1 {
  font-size: 73px;
  font-weight: 600;
  text-transform: uppercase;
}

h2 {
  font-size: 42px;
  font-weight: 700;
  text-transform: uppercase;
}

h3 {
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
}

h4 {
  font-size: 22px;
  font-weight: 500;
  text-transform: uppercase;
}

h5 {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

h6 {
  font-size: 15px;
  font-weight: 600;
}
.uppercase {
    text-transform: uppercase;
    font-weight: 500;
}



.txt_with_icon {display: flex; align-items: center; }
.txt_with_icon h6 {font-size: 18px;text-transform: uppercase;color: var(--orange);margin-bottom: 10px !important;}
.txt_with_icon .icon_img {width: 64px; margin-right: 10px; }
.txt_with_icon .icon_img img {width: 100%; } 
.txt_with_icon p,.txt_with_icon h6 {margin: 0;}




body.terms_and_condition-page .footer {margin-top: 0 !important; }
.terms-first-wrap-text h5 {margin: 30px 0 15px; }
.terms-first-wrap-text p:last-child {margin-bottom: 0; }
section.term-first-wrapper {padding: 60px 0; background-color: #1d002305; }



/*Logo Design*/

.banner-logo-inner-img img {
  width: 100%;
}

.logo_portfolio_sec {
  padding: 60px 0 160px;
  position: relative;
  overflow: hidden;
  margin-bottom: 70px;
}

.banner-logo-img {
  margin: 50px 0 0;
}

.banner_list {
  padding: 0 0 0 0px;
  margin: 30px 0 50px;
}

.banner_list li {
  color: #3b3b3b;
  font-size: 18px;
  position: relative;
  list-style: none;
  padding: 0 0 10px 30px;
}

.banner_list li:before {
  content: "";
  background-image: url(../images/banner-list-arrow.html);
  background-position: 0px 5px;
  background-repeat: no-repeat;
  position: absolute;
  width: 50px;
  height: 50px;
  left: 0;
}

.banner_main.banner_main_logo {
  padding: 120px 0 0;
}

.logo_pack_sec {
  float: left;
  width: 100%;
  margin: 60px 0 0px;
}

.logo_packges_boxes {
  width: 100%;
  margin: 40px 0 0;
  display: flex;
  justify-content: center;
}

.logo_packges_box {
  background-color: #fff;
  /*box-shadow: 0 20px 20px rgba(204, 204, 204, 0.32);*/
  margin: 0 0 0;
  padding: 30px 0 40px;
}

.logo_packges_box:hover {
  background-color: #fff;
  box-shadow: 0 20px 20px rgba(204, 204, 204, 0.32);
  margin: 0 0 0;
  /* padding: 30px 0 30px; */
}

.logo_packges_box_img {
  height: 65px;
  overflow: hidden;
  margin: 40px 0 0;
}

.logo_packges_box_img img {
  margin: 0px auto 0px;
  display: table;
}

.logo_packges_box:hover .logo_packges_box_img img {
  margin: -70px auto 0;
}

.logo_packges_box h2 {
  text-align: center;
  font-size: 22px;
  color: #3b3b3b;
   font-family: 'Montserrat', sans-serif;
  padding-right: 0;
  margin-top: 0;
}

.logo_packges_box:hover h2 {
  color: #008efd;
}

.pack_dis {
  /* background-color:#fdfdfd; */
  /*padding: 0px 20px 10px;*/
  padding-bottom: 20px;
  margin: 35px 0 0;
}

.pack_dis ul {
  padding: 0px;
  margin: 0px;
}

.pack_dis ul li {
  color: #989897;
  font-size: 15px;
  padding: 0px 0 0 20px;
  margin: 0px 0 30px;
  list-style: none;
  position: relative;
}

.pack_dis ul li:before {
  content: "";
  background-image: url(../images/pack-arrow.html);
  background-repeat: no-repeat;
  background-position: 0px 6px;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
}

.logo_packges_box:hover .pack_dis ul li:before {
  background-position: 0px -11px;
}

.pack_dis ul li span {
  display: table;
  width: 100%;
}

.pack_btn {
  margin: auto;
  display: table;
}

.pack_btn a {
  text-align: center;
  margin: auto;
  color: #008efd;
   font-family: 'Montserrat', sans-serif;
  font-size: 18px;
}

.pack_btn a i {
  margin: 0px 0px 0;
  padding: 0px 0 0;
  position: relative;
  top: 2px;
}
.app_portfolio_slider_bg {
  background-image: url(../images/mobile-bg.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 23% !important;
  height: 145%;
  margin: 0px 0 0;
  padding: 0px 0px 0px 0px;
  position: absolute;
  left: 0;
  right: 0px;
  margin: auto;
  top: -106px;
  z-index: 1;
  padding: 0 0;
}
.app_portfolio_sec {
  margin-top: 150px;
  position: relative;
}
section.all_portfolio_sec:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--orange);
  position: absolute;
  z-index: -1;
  top: 0;
}
section.all_portfolio_sec img {
  width: 100%;
  padding: 0 22px;
}
/*--------------------------------------------------------------
# Lists
--------------------------------------------------------------*/
ul, ol {margin: 0; padding: 0; }

ul.fancy_list li {position: relative;padding-left: 18px;list-style: none;margin: 0 0 10px;font-size: 13.5px;font-weight: 300;letter-spacing: .5px;}
ul.fancy_list li:before {top: 6px;width: 7px;height: 12px;border: solid #dd1516;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);position: absolute;content: "";transition: .5s ease-out;left: 0;z-index: 999;}


/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a {color: #0085BA; text-decoration: none; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }
a:hover, a:focus, a:active {color: #1869f4; text-decoration: none; outline: 0; } 
a:visited {text-decoration: none; outline: 0; }


span.cntr_border {display: inline-block;width: 20px;border-bottom: 1px solid var(--orange);position: relative;top: -4px;margin: 0 5px;}
span.call_at {font-weight: 500;color: #fff;}
b, strong {font-weight: 800; }

.btn_set {display: flex;column-gap: 15px;margin: 30px 0 0;}


.input_field {outline: none;width: 100%;border: none;height: 50px;margin-bottom: 10px;padding: 10px 0px;font-size: 13px;background-color: transparent;border-bottom: 1px solid #fff;color: #fff;}
.input_field::placeholder {color: #fff; text-transform: capitalize; }
.input_field:focus {border-color: #000; }
.input_field option {color: #000 !important; }

h6.subtitle {text-transform: uppercase; }

body::selection {
background: var(--orange);
color: #fff;
text-shadow: none;
}
body::-webkit-scrollbar {
width: 10px;
background-color: #F5F5F5;
}
body::-webkit-scrollbar-button:start:decrement,
body::-webkit-scrollbar-button:end:increment {
display: none;
}
body::-webkit-scrollbar-track-piece {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #ddd;
}
body::-webkit-scrollbar-thumb:vertical {
border-radius: 50px;
background-color: var(--orange);
}

.slide_show {
  pointer-events: none;
}

::selection {
background: var(--orange);
color: #fff;
text-shadow: none;
}


::-webkit-scrollbar {
width: 5px;
background-color: var(--orange);
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
display: none;
}
::-webkit-scrollbar-track-piece {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #ddd;
}
::-webkit-scrollbar-thumb:vertical {
border-radius: 10px;
background-color: var(--orange);
}


.pink::-webkit-scrollbar {
width: 5px;
background-color: #e95994;
}
.pink::-webkit-scrollbar-button:start:decrement,
.pink::-webkit-scrollbar-button:end:increment {
display: none;
}
.pink::-webkit-scrollbar-track-piece {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #ddd;
}
.pink::-webkit-scrollbar-thumb:vertical {
border-radius: 10px;
background-color: #e95994;
}


.green::-webkit-scrollbar {
width: 5px;
background-color: #69aa42 ;
}
.green::-webkit-scrollbar-button:start:decrement,
.green::-webkit-scrollbar-button:end:increment {
display: none;
}
.green::-webkit-scrollbar-track-piece {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #ddd;
}
.green::-webkit-scrollbar-thumb:vertical {
border-radius: 10px;
background-color: #69aa42 ;
}


.sky_blue::-webkit-scrollbar {
width: 5px;
background-color: #0a9ccd ;
}
.sky_blue::-webkit-scrollbar-button:start:decrement,
.sky_blue::-webkit-scrollbar-button:end:increment {
display: none;
}
.sky_blue::-webkit-scrollbar-track-piece {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #ddd;
}
.sky_blue::-webkit-scrollbar-thumb:vertical {
border-radius: 10px;
background-color: #0a9ccd ;
}



.purple::-webkit-scrollbar {
width: 5px;
background-color: #9662aa ;
}
.purple::-webkit-scrollbar-button:start:decrement,
.purple::-webkit-scrollbar-button:end:increment {
display: none;
}
.purple::-webkit-scrollbar-track-piece {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #ddd;
}
.purple::-webkit-scrollbar-thumb:vertical {
border-radius: 10px;
background-color: #9662aa ;
}




/************HEADER CSS*/
header {padding: 35px 25px 20px;z-index: 9;position: absolute;/* background-color: #000000e3; */width: 100%;} 
header .second_nav {background-color: var(--perple); padding: 10px 0; }
header .second_nav ul {margin: 0 0 0 auto; display: table; }
header .second_nav ul li {display: inline-block;margin: 0 0 0 20px;position: relative;padding-left: 25px;} 
header .second_nav ul.contact_info li a {color: #fff; font-size: 14px; }

ul.contact_info li:before {position: absolute; left: 0; color: var(--yellow); font-family: 'Font Awesome 5 Free'; }
ul.contact_info li:nth-child(1):before {content: "\f0e0"; }
ul.contact_info li:nth-child(2):before {content: "\f095"; font-family: 'FontAwesome'; }
ul.contact_info li:nth-child(3):before {content: "\f4ad"; }

header ul {display: flex;column-gap: 10px;align-items: center;}
header ul li {list-style: none;position: relative;pointer-events: all !important;}
header nav ul li a {color: #fff;font-weight: 600;text-transform: capitalize;}
header nav ul li a:hover {color: #dd1516;}
header .top_nav ul.navigation {justify-content: flex-end;}
li.active_menu a{color: var(--red); }

ul.get_stated_ul {float: right; }

a.has_drop:before {content: "\f0d7"; font-family: fontawesome; position: absolute; right: 0; }
a.has_drop {padding-right: 20px;position: relative;padding-bottom: 32px;}

header ul li:hover ul.subMenu {top: 47px !important;opacity: 1 !important;z-index: 999;text-align: left;display: inline-block;}

/************HEADER CSS*/


/************HAMBURGER CSS*/
.hamBurger {width: 40px; height: 40px; background-color: var(--orange); float: right; padding: 6px 8px; cursor: pointer; margin-left: 15px;}
.hamBurger div {border-bottom: 1px solid #fff; margin: 6px 0; }
.hamBurger div:nth-child(2) {width: 20px; }
.hamBurger div:nth-child(3) {width: 10px; }
.hamBurger:hover div {width: 100%; }
/************HAMBURGER CSS*/


.orange_btn {display: inline-block;background-color: var(--orange);color: #fff !important;padding: 10px 30px;border-radius: 100px;transition: .5s ease-out;border: none;}
.orange_btn:hover {background-color: #fff;color: #dd1516 !important;}

.white_btn {display: inline-block; background-color: var(--white); color: #000 !important; padding: 10px 30px; border-radius: 100px; transition: .5s ease-out; }
.white_btn:hover {background-color: var(--orange); color: #fff !important;}

.black_btn {display: inline-block; background-color: var(--black); color: #fff !important; padding: 10px 30px; border-radius: 100px; transition: .5s ease-out; }
.black_btn:hover {background-color: var(--orange); }

.border_btn {display: inline-block;background-color: transparent;color: #000 !important;padding: 9px 29px;border-radius: 100px;transition: .5s ease-out;border: 1px solid #000;}
.border_btn:hover {background-color: var(--black);border-color: var(--orange);color: #fff !important;}

.pink_btn {display: inline-block; background-color: #e95994; color: #fff !important; padding: 10px 30px; border-radius: 100px; transition: .5s ease-out; }
.pink_btn:hover {background-color: var(--black); }

.green_btn {display: inline-block; background-color: #69aa42 ; color: #fff !important; padding: 10px 30px; border-radius: 100px; transition: .5s ease-out; }
.green_btn:hover {background-color: var(--black); }

.sky_blue_btn {display: inline-block; background-color: #0a9ccd ; color: #fff !important; padding: 10px 30px; border-radius: 100px; transition: .5s ease-out; }
.sky_blue_btn:hover {background-color: var(--black); }

.purple_btn {display: inline-block; background-color: #9662aa  ; color: #fff !important; padding: 10px 30px; border-radius: 100px; transition: .5s ease-out; }
.purple_btn:hover {background-color: var(--black); }




ul.subMenu .links_clm {padding: 30px; }
ul.subMenu .img_clm {background-color: #eeeeee; display: flex; justify-content: center; align-items: center; }
ul.subMenu {position: absolute;top: 60px;background-color: var(--orange);z-index: 999999999;padding: 0px;width: 640px;border-radius: 10px;opacity: 1;transition: .5s ease-in-out;display: none;left: 0;box-sizing: border-box;overflow: hidden;/* box-shadow: 0px 10px 16px -1px #0000005c; *//* pointer-events: none; */}
ul.subMenu.ind{
    width: 450px;
}

ul.subMenu.ind .links_clm{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items:center;
    justify-content:space-between;
}

ul.subMenu.ind .links_clm li{
    width:30%;
}

ul.subMenu.ind li:last-child{
    border-bottom: 1px solid #b20304;
}

ul.subMenu li {display: block;margin: 0 0 10px 0;border-bottom: 1px solid #b20304;padding-bottom: 10px;}
ul.subMenu li:last-child {border: none; padding-bottom: 0; margin-bottom: 0; }
ul.subMenu li a {color: #fff !important;font-weight: 300;padding-left: 0px;font-size: 14px;transition: .5s ease-out;}
ul.subMenu li a:before {left: 10px;top: 6px;width: 0px;height: 0px;border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg)scale(0);position: absolute;content: "";transition: .5s ease-out;left: 0;}
ul.subMenu li a:hover {padding-left: 20px; }
ul.subMenu li a:hover:before {width: 7px; height: 12px; transform: rotate(45deg)scale(1); transition-delay: .5s; }
ul.subMenu img.services_hover_img {height: 250px; transition: .5s ease-out;  }


.openDropDown{top: 40px !important;z-index: 999 !important;opacity: 1 !important;pointer-events: all !important;}

.responsive_menu {position: fixed; top: 0; bottom: 0; z-index: 9999; background-color: var(--orange); display: flex; align-items: center; left: -100%; width: 300px; padding: 40px; transition: .5s ease-out}
.openMenu {left: 0%; }
.responsive_menu .clm_wrap ul.subMenu {/* height: 100vh; */overflow-y: auto;transition: unset !important;display: none;position: unset;opacity: 1;left: 0;padding: 10px 0;width: 100%;background-color: #00000021;border-radius: 0 !important;box-shadow: unset;}
.responsive_menu .clm_wrap ul.subMenu li {padding: 0; margin: 0; border:none !important;}
.responsive_menu .clm_wrap ul.subMenu li {border: none !important; margin: 0px 0; }
.responsive_menu .clm_wrap ul.subMenu li a {font-size: 13px;padding: 5px 20px !important;display: inline-block;}
.responsive_menu ul li a {text-transform: capitalize;font-weight: 500;color: #fff;display: inline-block;width: 100%;padding: 0 !important;}
.responsive_menu  .clm_wrap {width: 100%; }
.responsive_menu ul li {margin: 20px 0; position: relative; }
.responsive_menu ul.contact_info li{padding-left: 25px; }
.responsive_menu ul.contact_info li:before {color: var(--red); }
.responsive_menu ul:last-child {margin-bottom: 0; }
.responsive_menu ul {margin-bottom: 50px; }
.responsive_menu ul.navigation {display: inline-block !important;width: 100%;}
.responsive_menu ul.navigation li {list-style: none; }
.responsive_menu .clm_wrap ul.subMenu .col-6 {width: 100%; }
.responsive_menu .clm_wrap ul.subMenu .col-6:last-child {display: none; }
.responsive_menu ul.subMenu .links_clm {padding: 0px; }
.open_drop:before {transform: rotate(180deg); }

.drop_icon:before {content: "\f107"; font-family: 'FontAwesome'; position: absolute; right: 0; transition: .5s; }
.drop_icon {position:relative; padding-right: 20px; }







/************HOME BANNER CSS*/
.home_banner {
    background-image: url(../images/home_banner.webp);
    padding: 70px 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    align-items: center;
    display: grid;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
/*.home_banner img.banner_img {transform: scale(1.1); }*/

.home_banner .container ,.inner_page_banner .container{
    position: relative;
    z-index: 99;
}
/************HOME BANNER CSS*/





.our_clinet {background-color: #fff;/* margin-top: -55px; */padding: 20px 30px;border-radius: 0px;/* box-shadow: 0px 10px 21px -6px #00000066; */position: relative;}
.our_clinet .content {border-right: 1px solid #cccccc; }
.our_clinet img {filter: grayscale(1); }






.desing_sec {padding: 50px 0; }
.desing_sec .design_icon {height: 65px;transition: .5s;filter: brightness(0);}
.desing_sec p {margin: 0; }
.desing_sec .content:hover img,.desing_sec .content:hover h5 {color: var(--orange); filter: unset; }




.recently_done {background-image: url(../images/recently-bg.webp);padding: 50px 0;background-repeat: no-repeat;background-size: cover;}
.recently_done ul#pills-tab li button.active {background-color: #fff !important; color: var(--orange); }
section.recently_done ul.all-brand-tabs li a {
    color: #fff;
    padding: 10px 30px;
    cursor: pointer;
}
section.recently_done img {width: 100%; }
img.port_img {width: 100%; }
ul#pills-tab {margin: auto;display: flex;margin-bottom: 40px !important;justify-content: center;column-gap: 20px;}
ul#pills-tab li {display: inline-block; } 
ul#pills-tab li button {border-radius: 30px; color: var(--perple); font-weight: 500; text-transform: capitalize; }
ul#pills-tab li button.active {background-color: var(--orange) !important; color: #fff; }




section.some_awesome {padding: 70px 0 60px;}
section.some_awesome .owl-carousel .owl-stage-outer {padding: 10px 0; } 
.pricing_clm ul.txt_list li {width: 100%;text-align: left;margin: 0 0 5px;padding-left: 20px;font-size: 13px;}
.pricing_clm {
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 15px;
    transition: .5s ease-in-out;
    background-color: #fff;
    position: relative;
}
.pricing_clm:hover {border-color: var(--orange); box-shadow: 0px 0px 30px -10px var(--orange); }
.pricing_clm ul {height: 260px;overflow-x: auto;margin-bottom: 40px;}
.pricing_clm del {font-size: 14px;font-weight: 600;text-decoration: line-through !important;color: #444444;}
.pricing_clm p {height: 50px;margin: 0;text-align: center;}
.pricing_clm h6 {font-size: 39px;font-weight: 800;margin: 0 !important;}
.pricing_clm h5 {text-transform: inherit;color: var(--orange);}
.pricing_clm h6 del {float: right; }
.pricing_clm ul.txt_list h5 {margin: 15px 0 8px; }
span.currucy_symbol {font-size: 27px;position: relative;vertical-align: top;margin: 0 -5px 0 0px;}





.cts_section {background-image: url(../images/cta-bg.webp);background-repeat: no-repeat;background-size: cover;padding: 30px 40px;border-radius: 20px;/* overflow: hidden; */background-position: center;position: relative;/* z-index: 0; */margin: 0 0 0;}
.cts_section p {margin: 0; }
.cts_section h2 {margin: 0 0 10px;font-size: 40px;}
.cts_section .cta_btns {display: flex;align-items: center;column-gap: 15px;position: relative;margin: 0px 0 0;}




section.creative {background-image: url(../images/gradient-bg.webp);padding: 100px 0;background-repeat: no-repeat;background-size: cover;}
section.creative .content {background-color: #fff; padding: 60px; border-radius: 10px; text-align: center; transition: .5s; }
section.creative img {transition: .5s; }
section.creative h5 {margin: 20px 0; transition: .5s; }
section.creative p {margin: 0; transition: .5s;}
section.creative .content:hover {background-color: var(--orange); }
section.creative .content:hover img, section.creative .content:hover h5, section.creative .content:hover p {filter: brightness(0)invert(1); }
section.creative .clm_top {position: relative; top: -40px; }
section.creative .clm_btm {position: relative; bottom: -40px; }




section.testimonials {padding: 60px 0; } 
section.testimonials img.quote_img {width: 50px !important; }
section.testimonials .name_rating_wrap {display: flex;justify-content: space-between;margin: 12px 0;align-items: center;}
section.testimonials .name_rating_wrap h5 {margin: 0; }
section.testimonials .ratings {display: flex;column-gap: 0px;}
section.testimonials .ratings i {color: #ffae00;}






.counters {background-color: #000;background-image: url(../images/counter-bg.webp);background-size: cover;background-repeat: no-repeat;padding: 40px 0;position: relative;}
.counters p {margin: 0; }
.counters span.counter_num {font-size: 60px; font-weight: 600; line-height: 65px; }
.counters .content {border-right: 1px solid #525252; }
.counters .col-lg-3:last-child .content {border-right: 0;}



section.form_section {background-image: url(../images/form-bg.webp); background-repeat: no-repeat; background-size: cover; background-position: right; padding: 100px 0; margin-top: -55px; }

footer a:hover {color: var(--orange) !important; }

.footer h5 {text-transform: capitalize; font-weight: 500; }
.footer {
    background-color: #1d0023;
    padding: 50px 0 40px;
    /* margin-top: -54px; */
}
.footer span, .footer p, .footer a {font-weight: 300; font-size: 14px; }
.footer img.footer_logo {/* filter: brightness(0)invert(1); */margin-bottom: 20px;width: 210px;}
.footer .contact_info span {display: inline-block; width: 100%; }
/*.footer ul.f_links {column-count: 2; }*/
.footer ul.f_links li {list-style: none; }

.copyright p {margin: 0; }
.copyright {padding: 20px 0; }
.copyright .btn_set {justify-content: flex-end; }
.copyright .row {justify-content: space-between;align-items: center;}
.copyright .btn_set a:nth-child(1) {border-right: 1px solid;padding-right: 16px;}
.copyright .btn_set a {color: #000; }



/*************INNER PAGE BANNER CSS*/
section.inner_page_banner {padding: 110px 0;height: 100vh;justify-content: center;align-items: center;display: flex;}
section.inner_page_banner .banner_caption .btn_set {/* justify-content: center; */margin-top: 30px;}
/* section.inner_page_banner img {width: 100%; } */
.inner_page_banner {
    position: relative;
    overflow: hidden;
    height: 100vh;
    display: flex;
    align-items: center;
    padding: 60px 0 0;
}
.inner_page_banner .banner_caption img {
    width: 110%;
    z-index: -1;
    position: relative;
}
/*************INNER PAGE BANNER CSS*/


/*************BRANDING SOLUTION PAGE CSS*/
.branding-banner{background-image: url(../images/branding-banner.webp); background-repeat: no-repeat; background-size: cover; }
.icons_sec .col-lg:last-child .content {border: none; }
.icons_sec .col-lg .content {border-right: 1px solid #ccc; }
section.start {padding: 50px 0; }
/*************BRANDING SOLUTION PAGE CSS*/


/*************LOGO DESIGN PAGE CSS*/
.logo-design-banner{background-image: url(../images/video-animation-banner.webp); background-repeat: no-repeat; background-size: cover; }
section.choose {padding: 50px 0 20px; }
section.choose .item .content h1 {color: #eeeeee; font-size: 100px; margin: 0; position: absolute; left: -100px; z-index: 9999; }
/*************LOGO DESIGN PAGE CSS*/



/*************LOGO DESIGN PAGE CSS*/
.app-design-banner{background-image: url(../images/app-design-banner.webp); background-repeat: no-repeat; background-size: cover; }
section.choose {padding: 50px 0 20px; }
section.choose .item .content h1 {color: #eeeeee; font-size: 100px; margin: 0; position: absolute; left: -100px; z-index: 9999; }
section.app_design {
    background-color: #f5f5f5;
    padding: 70px 0;
    margin: 0 0 70px;
}
.app_iconc_wrap img {width: 100%;background-color: #fff;padding: 50px;border-radius: 20px;margin-bottom: 10px;height: 160px;object-fit: contain;}
section.app_development .txt_with_icon {margin: 30px 0; }
section.app_development {padding: 70px 0; }
.all_portfolio_sec .slick-dots li button:before {font-size: 0px; width: 12px; height: 12px; content: ''; background-color: #fff; border-radius: 50%; }
.all_portfolio_sec   ul.slick-dots {bottom: -140px; z-index: 9999; }
section.app_development .txt_with_icon:last-child {margin-bottom: 0; }
/*************LOGO DESIGN PAGE CSS*/


/*************WEB DESIGN PAGE CSS*/
.web-design-banner{background-image: url(../images/web-design-banner.webp);background-repeat: no-repeat;background-size: cover;position: relative;z-index: 0;}
section.professional {background-color: #e9e7e9; padding: 50px 0; }
section.professional {background-color: #e9e7e9; padding: 50px 0; }
section.professional .pro_clm {background-color: #fff; padding: 30px; }
section.professional .pro_clm img.ecom_icon {margin-bottom: 25px; }
/*************WEB DESIGN PAGE CSS*/


/*************WEB DESIGN PAGE CSS*/
section.we_expert{padding: 50px 0; }
.ecommerce-web-banner{background-image: url(../images/ecommerce-web-banner.webp); background-repeat: no-repeat; background-size: cover; }
section.we_expert ul.fancy_list {margin-left: 10px;column-count: 2;}
section.we_expert img.tab_img {width: 100%; height: 100px; object-fit: contain; }
section.we_expert .thumnail_slid {margin-bottom: 70px; }
section.we_expert h3 {font-weight: 700; text-transform: capitalize; }
section.we_expert .wooCommerce {width: 150px !important; object-position: center; margin: auto; }
section.we_expert .thumnail_slid .item {background-color: #fff; margin: 0 10px; padding: 40px; cursor: pointer; transition: .5s; border-radius: 10px; }
/*************WEB DESIGN PAGE CSS*/


/*************WEB DESIGN PAGE CSS*/
section.we_expert{padding: 50px 0; }
.packages-banner{background-image: url(../images/packages-banner.webp); background-repeat: no-repeat; background-size: cover; }
a.pkg_call_btn {
    display: inline-block;
    width: 100%;
    color: #000;
    position: relative;
    transition: .5s;
    margin-top: 20px;
    padding-left: 0;
    text-align: center;
    position: relative;
    font-size: 16px;
}

a.pkg_call_btn:before {
    content: "\f095";
    /* position: absolute; */
    left: 0;
    color: var(--orange);
    font-family: 'FontAwesome';
    margin: 0 6px 0 0;
}
.pkg_icon_wrap {
    /* display: flex; */
    /* align-items: center; */
    margin-bottom: 25px;
    /* justify-content: space-between; */
}
.pkg_icon_wrap img.pkg_img {
    width: 120px;
    margin-right: 0;
}
.pkg_icon_wrap h5 {
    margin: 0 0 0px !important;
    font-size: 24px;
    /* font-weight: 500; */
    width: 100%;
    display: grid;
    text-align: center;
    align-items: center;
    min-height: 65px;
    /* margin: 0 !important; */
}
/*************WEB DESIGN PAGE CSS*/


/*************Portfolio PAGE CSS*/
body.portfolio_page .recently_done {background-image: none; }
body.portfolio_page .recently_done ul#pills-tab li button.active {background-color: var(--orange) !important; color: #fff !important; }
section.we_expert{padding: 50px 0; }
.portfolio-banner{background-image: url(../images/portfolio-banner.webp); background-repeat: no-repeat; background-size: cover; }
.profolio_img {width: 100%; height: 300px; object-fit: cover; border-radius: 10px; }

.recently_done .row .col-12 a:before{content: ""; position: absolute; left: 0; top: 0; /* transform: translate(-55%, -55%); */ z-index: 999; width: 54px; height: 54px; filter: brightness(0)invert(1); opacity: 0; transition: .5s ease-in-out; bottom: 0; right: 0; margin: auto; background-size: 100%; background-image: url(../images/zoom.webp); background-repeat: no-repeat; }
.recently_done .row .col-12 a{position: relative; width: 100%; height: 100%; display: table; border-radius: 10px; overflow: hidden; } 
.recently_done .row .col-12 a:hover:before{opacity: 1; } 
.recently_done .row .col-12 a:after{content: ""; width: 100%; height: 0%; background-color: #000000c2; position: absolute; right: 0; transition: .5s ease-in-out; bottom: 0; } 
.recently_done .row .col-12 a:hover:after{height: 100%; }

body.portfolio_page section.recently_done ul li a { color: #000 ; }
body.portfolio_page section.recently_done h2, body.portfolio_page section.recently_done p { color: #000; }
body.portfolio_page ul.portfolio-list-new li a { padding: 10px 20px; color: #000 !important; }
body.portfolio_page ul.portfolio-list-new li.active a, body.portfolio_page ul.portfolio-list-new li a:hover {
    color: #fff !important;
}
/*************Portfolio PAGE CSS*/


/*************COMBO PACKAGES PAGE CSS*/

.combo-packages-banner{background-image: url(../images/combo-packages-banner.webp); background-repeat: no-repeat; background-size: cover; }

.pkg_wrap {border-bottom: 1px solid #ccc;margin-bottom: 20px;padding-bottom: 20px;}
.pkg_wrap p{color: #7f7f7f;}
.pkg_btn_wrap p {margin-bottom: 20px; color: #7f7f7f;}

section.com_pkgs_wrap {padding: 60px 0; }
section.com_pkgs_wrap .pricing_clm a {display: inline-block;width: 100%;margin-bottom: 10px;}
section.com_pkgs_wrap .pricing_clm a:last-child {margin-bottom: 0; }
section.com_pkgs_wrap ul.bsc_com_list {height: 346px;overflow-x: hidden;overflow-y: auto;}
span.pink_border {border-color: #e95994; }
span.green_border {border-color: #69aa42 ; }
span.sky_blue_border {border-color: #0a9ccd ; }
span.purple_border {border-color: #9662aa ; }



ul.bsc_com_list li {border-bottom: 1px solid #ccc;padding: 10px 10px;list-style: none;position: relative;color: #000;box-sizing: border-box;}
ul.bsc_com_list li:before {content: "\f00c";position: absolute;right: 20px;font-family: 'FontAwesome';font-weight: 100;width: 100px;text-align: center;height: 100%;display: flex;justify-content: center;align-items: center;top: 0;}
ul.bsc_com_list li {padding-right: 131px; }
.pink li::before {color: #e95994; background-color: #fdeef4; }
.orange li::before {color: var(--orange); background-color: #fff1e8; }
.green li::before {color: #69aa42; background-color: #f0f6ec; }
.sky_blue li::before {color: #0a9ccd; background-color: #e6f5fa; }
.purple li::before {color: #9662aa; background-color: #f4eff6; }

/*************COMBO PACKAGES PAGE CSS*/


/*************Contact PAGE CSS*/
.contact-us-banner{background-image: url(../images/contact-us-banner.webp); background-repeat: no-repeat; background-size: cover; }
section.contact_form {padding: 60px 0; }
section.contact_form .field input,section.contact_form .field select,section.contact_form .field textarea {width: 100%; border: 1px solid #dddddd; padding: 10px 10px; height: 50px; font-size: 14px; border-radius: 7px; }
section.contact_form .field {margin-bottom: 20px; }
section.contact_form .field textarea {height: 150px !important; }

ul.number_email {display: flex; column-gap: 20px; justify-content: center; margin: 20px 0 0 0; }
ul.number_email li {list-style: none; }
ul.number_email li  a {color: #000; }
button.orange_btn {text-transform: uppercase; width: 20%; }
/*************Contact PAGE CSS*/

/*************Hosting PAGE CSS*/
.hosting-banner{background-image: url(../images/hosting-banner.webp); background-repeat: no-repeat; background-size: cover; }
section.hosting_sec {padding: 70px 0; background-color: #f5f5f5; }
section.domain_sec {padding: 70px 0; background-image: url(../images/domain-bg.webp); background-position: center; background-repeat: no-repeat; background-size: cover; }
/*************Hosting PAGE CSS*/


/*************Maintinance PAGE CSS*/
.webmaintenance-banner{background-image: url(../images/webmaintenance-banner.webp); background-repeat: no-repeat; background-size: cover; }


/*************Maintinance PAGE CSS*/

/*************DIGITAL MARKETING PAGE CSS*/
.digitalmarketing-banner {
    background: #290136 url(../images/digitalmarketing-banner.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom center;
}
body.digitalmarketing-page section.hosting_sec {margin-bottom: 0px;}
/*************DIGITAL MARKETING PAGE CSS*/




img.banner_img.w-100 {
    width: 110% !important;
    max-width: 110%;
}

/* img.logo.img-fluid {
    filter: brightness(100);
} */

.some_awesome .col-12 .row {
    justify-content: center;
}

.testimonials .content img {
    width: 110%;
}

ul.f_links li {
    margin: 0 0 10px !important;
}

.contact_info span {
    margin: 0 0 10px;
}

img.payment_method {
    width: 250px;
}


.img_60,  .clm_btm img, .clm_top img, .pro_clm img, img.design_icon  {
    animation: pulse .9s infinite;
    animation-timing-function: linear
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }

}

.inner_page_banner h2 {
    font-size: 60px;
}

.inner_page_banner .btn_set {
    margin: 40px 0 0;
}

section.start .btn_set .orange_btn:hover {
    background: #000;
}

.copyright .btn_set {
    margin: 0;
}


.form_section button.black_btn:hover {
    background-color: #fff;
    color: #000 !important;
    border: 1px solid #fff;
}

.form_section button.black_btn {
    border: 1px solid #000;
}

.inner_page_banner {
    z-index: 0;
}

img.platform_img {
    width: 120%;
    margin-left: -21%;
}
body.terms_and_condition-page header {
    background-color: #1d0023;
    position: unset;
}

.pakg_btn {
    display: flex;
    justify-content: space-between;
}

.pakg_btn a.chat.orange_btn:hover {
    background-color: #000;
    color: #fff !important;
}

.pakg_btn a {
    padding: 13px 45px;
}

.contact_form button.orange_btn:hover {
    background-color: #000;
    color: #fff !important;
}

.f_clm h5 {
    margin: 20px 0 15px;
    font-size: 19px;
}





/** About Us Css **/


.about-us-banner{background-image: url(../images/about-us-banner.webp); background-repeat: no-repeat; background-size: cover; }

.about-us {
  padding: 70px 0 50px;
}

.about-us img {
  margin-bottom: 20px;
}

section.about-us .row:nth-child(even) {
  display: flex;
  flex-direction: row-reverse;
}

section.streamLined {
  margin-top: 0;
  padding: 70px 0;
  background: #f6f6f6;
}

section.streamLined h6 {
  margin: 0 0 10px 0 ;
}

section.streamLined img.about-icon {
  margin-bottom: 20px;
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 10px;
}

section.streamLined h2 {
  font-weight: 400;
  text-transform: capitalize;
  margin-bottom: 10px;
}

section.streamLined h2 span {
  font-weight: 700;
}

section.streamLined p {
  color: #7c7a7a;
}
/** About Us Css **/


.btn_set A {/* padding: 0 0; */}

.pricing_clm .btn_set {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.pricing_clm .btn_set a.chat.orange_btn:hover {
    background-color: #000;
    color: #fff !important;
}

ul.txt_list li:before {
    top: 3px;
    width: 7px;
    height: 14px;
    border: solid #dd1516;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    content: "";
    transition: .5s ease-out;
    left: 4px;
    z-index: 999;
}

ul.txt_list li {
    position: relative;
}



section.we_expert .slide_show .content p {
    margin: 0 !important;
}


/*  */

.animated1 {
    -animation-delay: 20s;
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s
}

.banner_chat .chat_ciricle span {
    -webkit-animation: color-change 1s infinite;
    animation: color-change 1s infinite
}

.banner_chat .chat_ciricle span {
    color: #fff !important;
    display: table;
    font-size: 24px;
    text-transform: uppercase;
}


@-webkit-keyframes color-change {
    0%,to {
        color: #000
    }

    50% {
        color: #fff
    }
}

@keyframes color-change {
    0%,to {
        color: #000
    }

    50% {
        color: #fff
    }
}

a.chat_ciricle.chat_blk {
    -webkit-animation: background-color-change 1s infinite;
    animation: background-color-change 1s infinite
}

@-webkit-keyframes background-color-change {
    0%,to {
        background-color: #000
    }

    50% {
        background-color: #dd1416
    }
}

@keyframes background-color-change {
    0%,to {
        background-color: #000
    }

    50% {
        background-color: #dd1416
    }
}




.banner_chat .chat_ciricle {
    align-content: center;
    border-radius: 50px;
    display: grid;
    font-size: 14px;
    font-weight: 700;
    height: 100px;
    line-height: 25px;
    padding: 0 0 0 10px;
    transition-duration: .5s;
    width: 100px;
    text-transform: uppercase;
}

.banner_chat .chat_blk {
    border: 2px solid #dd1516;
    color: #fff;
}


/* .chat_blk:focus, .chat_blk:hover {
    background-color: #000;
    border: 1px solid #121212;
    color: #fff;
} */

.banner_chat {
    position: absolute;
    left: -42px;
    top: 202px;
    z-index: 1;
}


.some_awesome .row .col-sm-12:nth-child(2) .pricing_clm:before {
    content: "";
    background-image: url(../images/most-popular.webp);
    width: 97px;
    height: 99px;
    position: absolute;
    right: -9px;
    z-index: 9999999;
    top: -10px;
}

a.view_details_btn_pr {
    text-align: center;
    margin: 5px auto 0;
    display: table;
    color: #dd1516;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
}

.pricing_clm .pop_btn_pkg.black_btn {
    background-color: #233b7a;
}

.pricing_clm .pop_btn_pkg.black_btn:hover {
    background-color: #dd1516;
}


.home_banner.view_detail_page{
    height: 130px;
    padding: 90px 0 0;
}


section.view-detail-page {
    padding: 110px 0 110px;
}

section.view-detail-page .price-pack-dtl-pg {padding: 35px 20px;box-shadow: 0 3px 30px #0000001f;text-align: center;}

section.view-detail-page .price-pack-dtl-pg .pkbtn a{
    margin: 30px 0 30px;
    /* background: var(--pink); */
    padding: 15px 50px;
    /* color: var(--white); */
    display: inline-block;
    font-size: 17px;
    /* border-radius: 45px; */
    background: -moz-linear-gradient(left, rgb(184,40,90) 0%, rgb(163,41,116) 50%, rgb(144,41,139) 100%);
    /* background: -webkit-linear-gradient(left, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%); */
    /* background: linear-gradient(to right, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%); */
    /* background: var(--blue); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8285a', endColorstr='#90298b',GradientType=1 );
    /* background-color: var(--pink); */
    /* border: 1px solid #fff; */
    /* font-weight: 600; */
    /* color: #fff !important; */
    background-color: #233b7a;
    }

section.view-detail-page .price-pack-dtl-pg h3 {font-size: 24px;font-weight: 700;}

section.view-detail-page .price-pack-dtl-pg h2 {font-size: 40px;font-weight: 800;}

section.view-detail-page .price-pack-dtl-pg .actions {display: flex;align-items: center;justify-content: space-between;margin: 0;}

section.view-detail-page .price-pack-dtl-pg .actions a {font-size: 16px;font-weight: 600;color: #dd1516;transition: all .5s ease-in-out;width: auto;min-width: auto;margin: 0;}

section.view-detail-page .price-pack-dtl-pg .actions a:hover {color: #2c307a;}

section.view-detail-page ul {height: 315px;}

section.view-detail-page ul li {padding: 14px 0;border-bottom: 1px dotted;font-size: 16px;font-weight: 500;}

section.view-detail-page .pack-wrap h3 {padding-left: 0px;font-size: 26px;font-weight: bold;}

section.view-detail-page .price-pack-dtl-pg h2 span {display: block;font-size: 16px;padding-top: 5px;}



section.view-detail-page ul {
    height: 315px;
}
section.view-detail-page .list-scroll {
    height: 265px;
    overflow-x: hidden;
    overflow-y: scroll;
}

section.view-detail-page .price-pack-dtl-pg .pkbtn a:hover {
    background-color: #dd1516;
    color: #fff !important;
}

li.add_ons h4 {
    margin: 0;
    font-weight: 700;
    color: #dd1516;
}

section.view-detail-page ul li strong {
    color: #dd1516;
    font-weight: 600;
}


li.add_ons_main:before {
    display: none;
}

li.add_ons_main {
    /* padding: 0 !important; */
    /* margin: 0 !important; */
}










.complete_brand {
    background-image: url(../images/complete-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
    position: relative;
    overflow: hidden;
    margin: 0 0 50px;
}

.web_desing_page .complete_brand {
    margin: 0 0 0px;
}




.complete_brand .content_wrap {
  /* border-right: 1px solid #ffffff38; */
  /* padding: 0px 10px; */
}
.complete_brand .col-lg-4:last-child .content_wrap {
  border-right: none;
}
.complete_brand .content {
  margin-bottom: 30px;
}
.complete_brand .content:last-child {
  margin-bottom: 0;
}
.complete_brand img.complete_before {
  position: absolute;
  left: 0;
  width: 14%;
  top: 15%;
}
.complete_brand img.complete_after {
  position: absolute;
  bottom: -72px;
  right: -110px;
  width: 40%;
}
.complete_brand h2.highlighted_price {
  display: flex;
  align-items: center;
}
.complete_brand h2.highlighted_price span.cutPrice {
  font-size: 25px;
  margin-left: 10px;
  position: relative;
  color: #334fba;
  padding: 0 10px;
}
.complete_brand h2.highlighted_price span.regular_price {
  border: 2px dashed;
  padding: 0 10px;
}
.complete_brand h2.highlighted_price span.cutPrice:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #ff0909;
  position: absolute;
  top: 13px;
  opacity: 1;
  transform: rotate(5deg);
  left: 0;
}
.complete_brand .orange_btn {
    text-align: center;
    margin-top: 12px;
}





/*floating strips css start */

.sticky_contact_us {
  position: fixed;
  right: -273px;
  z-index: 9999;
  /* height: 100vh; */
  align-items: center;
  justify-content: center;
  display: flex;
  transition: .5s;
  top: 410px;
  /* bottom: 0; */
  opacity: 0;
}
.enable_form {
    /* right: -275px; */
    opacity: 1;
}
.sticky_contact_us .contact_txt {
  /*background-image: linear-gradient(0deg, #fd1a1b, #c70b15);*/
  background-image: -moz-linear-gradient( 0deg, rgb(255,27,27) 0%, rgb(199,11,21) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(221 21 22) 0%, rgb(221 21 22) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(255,27,27) 0%, rgb(199,11,21) 100%);
  color: var(--white) !important;
  padding: 25px 15px;
  border-radius: 15px 0 0 15px;
  text-align: center;
  margin-right: 0px;
  box-shadow: 0px 0px 85px 0px #dd1516;
  cursor: pointer;
}
.sticky_contact_us .contact_txt i {
  width: 30px;
  height: 30px;
  background-color: #000;
  line-height: 32px;
  text-align: center;
  margin-bottom: 20px;
  border-radius: 50%;
  transform: scale(1.5);
}
.sticky_contact_us .contact_txt h5 {
  writing-mode: vertical-lr;
  margin: 0;
  text-align: center;
  color: var(--white);
}
.sticky_contact_us form {
    width: 270px;
    background-color: #000000;
    padding: 20px;
    border-radius: 0px 0px 0px 20px;
    backdrop-filter: blur(25px);
    position: relative;
    top: 42px;
}
.openForm {
  right: 0 !important;
}
.my_input {
  width: 100%;
  padding: 10px;
  /* border: none !important; */
  border-radius: 5px;
  outline: none !important;
  font-size: 13px;
  border: 1px solid #00000017;
}
.sticky_contact_us button.orange_btn {
    width: auto;
}


/*floating strips css start */

.floating_wrap {
    position: fixed;
    right: 0px;
    top: 310px;
    z-index: 9999;
    opacity: 0;
}

.floating_wrap .btns_wrap {
    position: fixed;
    right: 0px;
}

.floating_wrap .btns_wrap a:hover {
    text-decoration: none!important;
    right: 0px;
}

.floating_wrap .btns_wrap .call_wrap {
    width: 275px;
    position: absolute;
    right: -225px;
    background: #dd1516;
    top: 60px;
    border-radius: 15px 0px 0px 15px;
    overflow: hidden;
    box-shadow: 0px 0px 40px #00000026 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.floating_wrap .btns_wrap .call_wrap span {
    color: #fff;
    font-size: 20px;
    vertical-align: middle;
    padding: 15px 20px 15px 15px;
    border-color: #092e4a;
}

.floating_wrap .btns_wrap .chat_wrap {
    display: block;
    position: absolute;
    right: -225px;
    width: 275px;
    background: #dd1516;
    top: 0;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0px 0px 40px #00000026 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 15px 0px 0px 15px;
}

.floating_wrap .btns_wrap .chat_wrap:hover {
    text-decoration: none;
}

.floating_wrap .btns_wrap .call_wrap:hover {
    text-decoration: none;
}

.floating_wrap .btns_wrap .chat_wrap span.icoo,
.floating_wrap .btns_wrap .call_wrap span.icoo {
    color: #ffffff;
    background: linear-gradient(270deg, #dd1516, #dd1516);
    font-size: 20px;
    line-height: 1;
    padding: 14px 20px;
    border-right: 1px solid #ded9d9;
    vertical-align: middle;
    display: inline-block;
    border-radius: 50px 0px 0px 50px;
}

.floating_wrap .btns_wrap .chat_wrap span {
    color: #fff;
    font-size: 20px;
    vertical-align: middle;
    background: #dd1516;
    padding: 15px 30px 15px 15px;
}


.floating_wrap.visible {
    opacity: 1;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.visible {
    visibility: visible!important;
}

/*floating strips css end */



.gradient_btn {
    display: inline-block;
    background-image: linear-gradient(to right, #dd1516, #dd1516, #dd1516, #dd1516, #dd1516 );
    color: #fff !important;
    padding: 10px 30px;
    border-radius: 100px;
    transition: .5s ease-out;
    border: none;
    text-transform: uppercase;
    font-size: 20px;
    line-height: inherit;
    text-align: center;
    width: 100%;
    margin: 0 !important;
}



.combo_gradient_btn{
    display: inline-block;
    background: #334fba;
    color: #dd1516 !important;
    padding: 10px 30px;
    border-radius: 100px;
    transition: .5s ease-out;
    border: none;
    text-transform: uppercase;
    font-size: 20px;
    line-height: inherit;
    text-align: center;
    width: 100%;
}




.success-head p {
    font-size: 16px;
    line-height: 26px;
    padding: 0px 0 50px;
}

.success-box {
    display: flex;
    align-items: center;
    background: #ebebeb;
    border-radius: 8px;
    padding: 30px 0 30px 20px;
    margin: 0 0 12px;
    cursor: pointer;
}

.success-box span {
    color: #db2e31;
    font-size: 95px;
    font-weight: 700
}

.success-box h6 {
    font-size: 1.4vw;
    font-weight: 700;
    padding: 0 0 0 24px;
    width: 61%
}

.success-details h5 {
    color: #db2e31;
    font-size: 24px;
    font-weight: 700;
    padding: 30px 0 0px;
    text-align: center;
}

.success-details p {
    font-size: 15px;
    line-height: 24px;
    padding: 0 0 40px;
    text-align: center;
}

.success-list li.active .success-box {
    background: #db2e31
}

.inner-banner-types-white h1,.inner-banner-types-white p,.slick-current.slick-active .competitor-box p,.success-list li.active .success-box h6,.success-list li.active .success-box span {
    color: #fff
}

ul.success-list li {
    list-style: none;
}

.sucess-sec img.lazy {
    margin: auto;
    display: table;
    width: 50%;
}

section.sucess-sec {
    padding: 70px 0 70px;
    background-color: #f7f7f7;
}


.banner_chat_boxes{
    position: relative;
}


.content_wrap_bottom .content {
    display: flex;
    justify-content: space-between;
    align-items: end;
    padding: 0 0 0;
}

.content_wrap_bottom {
    /* border-top: 1px solid #fff; */
}



 .combo_btn_box a.pkg_call_btn, .combo_btn_box a.pkg_call_btn:before, .combo_bt_box h5.blue span{
        -webkit-animation: color-change 1s infinite;
        -moz-animation: color-change 1s infinite;
        -o-animation: color-change 1s infinite;
        -ms-animation: color-change 1s infinite;
        animation: color-change 1s infinite;
    }

    @-webkit-keyframes color-change {
        0% { color: #fff; }
        50% { color: #dd1516; }
        100% { color: #fff; }
    }
    @-moz-keyframes color-change {
        0% { color: #fff; }
        50% { color: #dd1516; }
        100% { color: #fff; }
    }
    @-ms-keyframes color-change {
        0% { color: #fff; }
        50% { color: #dd1516; }
        100% { color: #fff; }
    }
    @keyframes  color-change {
        0% { color: #fff; }
        50% { color: #dd1516; }
        100% { color: #fff; }
    }


.combo_btn_box a.pkg_call_btn {
    color: #fff;
    font-size: 30px;
    display: table;
    margin: 0 0 20px;
}

.combo_btn_box a.pkg_call_btn::before {
    color: #fff;
}

.combo_bt_box h5.blue span{
    font-size: 40px;
}


h4.cut_price del {
    font-size: 36px;
    /* font-weight: 700; */
    position: relative;
    /* top: 29px; */
    color: #dd1516;
    /* text-decoration: line-through; */
}

span.currucy_symbol_cut {font-size: 21px;vertical-align: bottom;color: #dd1516;position: absolute;left: -20px;/* top: 30px; */}

h4.cut_price:before {
    content: "";
    /* width: 90px; */
    /* height: 5px; */
    position: absolute;
    background-color: #dd1516;
    left: 18px;
    right: 0;
    margin: auto;
    /* transform: rotate(31deg); */
    z-index: 9999;
    top: 23px;
    display: none;
}


h4.cut_price {
    position: relative;
    top: 5px;
    margin: 0;
}

.pakg_price {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pricing_clm h6 small {
    font-size: 14px;
    margin: 0 0px 0 -5px;
    vertical-align: middle;
    font-weight: 600;
}

.pricing_clm ul strong {
    color: #dd1516;
}

.price-pack-dtl-pg del {
    font-size: 22px;
    color: #dd1516;
}

section.view-detail-page ul li.add_ons_main h5 {
    margin: 0 !important;
}

section.view-detail-page .price-pack-dtl-pg h2 small {
    font-size: 15px;
    text-transform: capitalize;
    margin: 0 50px 0 0;
}

.complete_brand .content h5 {
    font-weight: 500;
    margin: 20px 0 10px;
    font-size: 18px;
    letter-spacing: .7px;
}

.complete_brand ul.fancy_list {
    height: 655px;
    overflow-y: auto;
}

.term-first-wrapper ul.fancy_list li:before {
    display: none;
}

section.term-first-wrapper p {
    font-size: 16px;
}

section.term-first-wrapper a {
    font-size: 16px;
}


.complete_brand .mb-5 {
    margin: 0 0 20px !important;
}



/************BANNER ELEMENTS CSS*/

.laptop_canvas {
    top: 390px;
    left: 90px;
}
.home_banner:hover .laptop_canvas .obj_sreen img {
    top: -997px;
}

.LED_canvas {
    right: -200px;
}
.home_banner:hover .LED_canvas .obj_sreen img {
    top: -1685px;
}

.phone_canvas {
    top: 360px;
}
.home_banner:hover .phone_canvas .obj_sreen img {
    top: -140px;
}

.tab_canvas {
    width: 250px;
    overflow: hidden;
}
.home_banner:hover .tab_canvas .obj_sreen img {
    top: -477px;
}

.tab_canvas .obj_sreen {
    width: 210px;
    height: 285px;
    left: 20px;
    top: 18px;
    overflow: hidden;
    border-radius: 5px;
    overflow-y: scroll;
}

.LED_canvas .obj_sreen {
    width: 555px;
    left: 35px;
    top: 35px;
    height: 310px;
    overflow-y: scroll;
}

.laptop_canvas .obj_sreen {
    width: 330px;
    left: 75px;
    top: 25px;
    height: 200px;
    overflow-y: scroll;
}
.phone_canvas .obj_sreen {
    width: 82px;
    left: 10px;
    top: 26px;
    height: 157px;
    overflow-y: scroll;
}


.obj_canvas {
    position: absolute;
    overflow: hidden;
}
.obj_sreen {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden !important;
    filter: brightness(0.8);
}
.obj_sreen img {
    top: 0;
    width: 100%;
    position: relative;
    -webkit-transition: 15s;
    -moz-transition: 15s;
    -ms-transition: 15s;
    -o-transition: 15s;
    transition: 15s !important;
}
.element {
    width: 100%;
}

.home_banner .banner_img_wrap {
    position: relative;
    top: -300px;
}
/************BANNER ELEMENTS CSS*/

.home_banner .content p {
    margin: 10px 0 -10px;
    font-weight: 400;
}

section.about-us.about-us2 {
    padding: 50px 0 40px;
}


img.img_60 {
    position: absolute;
    /* left: 0; */
    top: -140px;
    right: -20px;
    margin: auto;
}

img.girl_img_cta {
    position: absolute;
    top: -89px;
    z-index: 999;
    /* margin: -90px 0 0; */
    right: 0;
    /* height: 339px; */
}

.cts_section .col-lg-4.col-md-4 {
    /* position: relative; */
}

p.subtitle {
    font-size: 18px;
}


.icons_sec {
    margin: 0 0 100px !important;
    display: block;
}


section.recently_done ul.all-brand-tabs li a:hover {
    color: #fff;
}


.success-box-two {
    text-align: center;
    margin: auto;
}

.desktop_none{
  display: none;
}

.thankyou-page img.logo.img-fluid {
    filter: brightness(100);
}


section.offer-section {
    padding: 50px 0 0;
    position: relative
}

.offer-text h2 {
    font-size: 42px;
    font-weight: 600;
    color: #000;
    margin: 0
}

.offer-text p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin: 16px 0 30px
}

.offer-slider .slick-list.draggable {
    width: 150%;
    padding: 20px 0 40px
}

section.offer-section:before {
    content: "";
    position: absolute;
    top: -85px;
    bottom: 0;
    margin: auto;
    right: 0;
    background: #db2e31;
    width: 50%;
    height: 70%
}

.offer-slider .slick-dots li.slick-active button {
    background-color: #db2e31;
}

.offer-slider .slick-dots li button {
    background-color: #222;
    border-radius: 50px;
    width: 13px;
    height: 13px;
    position: relative;
    top: -105px;
    left: -3490%;
    right: 0
}

.offer-btn {
    padding-top: 30px
}

.offer-btn a.cnt-btn {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding: 12px 40px;
    background-color: #db2e31;
    border-radius: 50px
}



.card {
    padding: 0 0 35px;
    border-radius: 20px;
    background-color: #fff;
/*    box-shadow: 0 10px 10px 1px rgb(0 0 0 / 27%);*/
    margin: 0 15px;
    transition: .4s
}

.card:hover {
    transform: scale(1.04);
    transition: .4s
}

.card img {
    border-radius: 20px 20px 0 0;
    width: 100%
}

.card-body h5 {
    font-size: 18px;
    text-align: center;
    color: #000;
    margin: 20px 0 0;
    font-weight: 500;
}

.card-body a {
    color: #212121;
    font-size: 18px;
    display: table;
    margin: auto;
    padding: 10px 0 0;
    vertical-align: middle;
}

.card-body p {
    text-align: center;
    color: #212121;
    font-size: 15px;
    line-height: 20px;
    /* margin: 0 !important; */
    min-height: 105px;
    margin: 10px 0 0;
    font-weight: 300;
}

.success-box-two img {
    width: 70%;
}


.get_stated_ul li:first-child a span {
    font-size: 16px;
}


/* .get_stated_ul li:first-child a span{
        -webkit-animation: color-change 1s infinite;
        -moz-animation: color-change 1s infinite;
        -o-animation: color-change 1s infinite;
        -ms-animation: color-change 1s infinite;
        animation: color-change 1s infinite;
    }

    @-webkit-keyframes color-change {
        0% { color: #fff; }
        50% { color: #dd1516; }
        100% { color: #fff; }
    }
    @-moz-keyframes color-change {
        0% { color: #fff; }
        50% { color: #dd1516; }
        100% { color: #fff; }
    }
    @-ms-keyframes color-change {
        0% { color: #fff; }
        50% { color: #dd1516; }
        100% { color: #fff; }
    }
    @-o-keyframes color-change {
        0% { color: #fff; }
        50% { color: #dd1516; }
        100% { color: #fff; }
    }
    @keyframes  color-change {
        0% { color: #fff; }
        50% { color: #dd1516; }
        100% { color: #fff; }
    } */

ul.get_stated_ul .orange_btn {
    font-size: 16px;
    padding: 8px 20px;
}

section.professional .row {
    justify-content: center;
}

.bg-footer {
    background-color: #000;
    padding: 40px 0 0
}

.bg-footer .logo-img {
    padding-bottom: 20px;
    filter: brightness(0) invert(1);
    width: 70%;
    display: block
}

.bg-footer .para {
    /* font-family: "Neue Montreal"; */
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 20px;
    width: 83%;
    padding-bottom: 20px
}

.bg-footer .social-link,.contact-bg,.customer-review-box p,.nav_drpdown .dropdown,.terms-bg p {
    padding: 10px 0
}

.bg-footer .social-link ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 20px
}

.bg-footer .payment-method ul li,.bg-footer .social-link ul li {
    padding-right: 10px;
    list-style: none
}

.bg-footer .social-link ul li a {
    font-size: 14px;
    color: #fff
}

.bg-footer .social-link ul li .white-rec {
    background-color: #fff;
    border: none;
    border-radius: 3px;
    padding: 3px 10px 5px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bg-footer .social-link ul li .white-rec small {
    font-family: "Neue Montreal";
    font-weight: 400;
    font-size: 10px;
    color: #000
}

.bg-footer .social-link ul li .white-rec small i {
    color: green
}

.bg-footer .social-link ul li .white-rec .review {
    padding-right: 20px
}

.bg-footer .payment-method h10 {
    /* font-family: "Neue Montreal"; */
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    padding-top: 10px
}

.bg-footer .footer-list h7,.bg-footer .footer-list ul li a,.bg-footer .lower-footer .lower-2 ul li a,.bg-footer .news-letter .lets-talk h12,.bg-footer .news-letter .lets-talk ul li a,.bg-footer .news-letter h11,.we-serve-bg .gray-box .para {
    /* font-family: "Neue Montreal"; */
    font-weight: 400
}

.bg-footer .payment-method ul {
    display: flex;
    align-items: center;
    padding-top: 5px
}

.bg-footer .footer-list h7 {
    font-size: 26px;
    color: #e31b23;
    padding-bottom: 10px;
    text-transform: uppercase
}

.bg-footer .footer-list ul li {
    padding-top: 8px;
    list-style: none;
    font-size: 18px
}

.bg-footer .footer-list ul li a {
    font-size: 16px;
    color: #fff;
    transition: .5s;
    text-decoration: none
}

.bg-footer .footer-list ul li a:hover,.bg-footer .lower-footer .lower-2 ul li a:hover,.bg-footer .news-letter .lets-talk ul li a:hover {
    color: #7b7b7b
}

.bg-footer .news-letter {
    padding: 10px 30px 0
}

.bg-footer .news-letter h11 {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase
}

.bg-footer .news-letter .news-field {
    padding: 15px 0 0;
    position: relative
}

.news-letter-btn {
    background: 0 0;
    border: unset
}

.bg-footer .news-letter .news-field .input-news {
    padding: 8px 10px;
    margin: -2px 0 0;
    border-radius: 7px;
    border: none;
    font-family: "Neue Montreal";
    font-weight: 400;
    font-size: 14px;
    color: #000
}

.bg-footer .news-letter .news-field .input-news:focus {
    box-shadow: none
}

.bg-footer .news-letter .news-field .share-btn {
    position: absolute;
    top: 19px;
    right: 20px
}

.bg-footer .news-letter .news-field .share-btn a {
    color: #002664;
    font-size: 18px
}

.bg-footer .news-letter .lets-talk,.portfolio-item {
    padding-top: 30px
}

.bg-footer .news-letter .lets-talk h12 {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase
}

.bg-footer .news-letter .lets-talk ul li {
    padding: 5px 0;
    border-bottom: 1px solid #e31b23;
    list-style: none;
    text-decoration: none
}

.bg-footer .news-letter .lets-talk ul li a {
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    transition: .5s
}

.bg-footer .lower-footer {
    border-top: 1px solid #fff;
    margin-top: 30px;
    padding: 12px 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bg-footer .lower-footer .lower-2 ul {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bg-footer .lower-footer .lower-2 ul li {
    padding-right: 15px;
    list-style: none
}

.bg-footer .lower-footer .lower-2 ul li a {
    font-size: 14px;
    color: #fff;
    transition: .5s;
    text-decoration: none
}

/* social  */

.glowing {
    text-decoration: none;
    -webkit-animation: 1.5s infinite glowing;
    -moz-animation: 1.5s infinite glowing;
    -o-animation: 1.5s infinite glowing;
    animation: 1.5s infinite glowing
}

@-webkit-keyframes glowing {
    0%,100% {
        background-color: #b20000;
        -webkit-box-shadow: 0 0 3px #b20000
    }

    50% {
        background-color: red;
        -webkit-box-shadow: 0 0 40px red
    }
}

@-moz-keyframes glowing {
    0%,100% {
        background-color: #b20000;
        -moz-box-shadow: 0 0 3px #b20000
    }

    50% {
        background-color: red;
        -moz-box-shadow: 0 0 40px red
    }
}

@-o-keyframes glowing {
    0%,100% {
        background-color: #b20000;
        box-shadow: 0 0 3px #b20000
    }

    50% {
        background-color: red;
        box-shadow: 0 0 40px red
    }
}

@keyframes glowing {
    0%,100% {
        background-color: #b20000;
        box-shadow: 0 0 3px #b20000
    }

    50% {
        background-color: red;
        box-shadow: 0 0 40px red
    }
}

.fixed-cta a {
    width: 100%
}

.banner-btm-bg {
    /* padding: 0 3vw 2vw; */
    position: relative;
    /* bottom: 0; */
    /* justify-content: space-between; */
}

.banner-btm-bg .col-md-6 {
    position: fixed;
    bottom: 100px;
    z-index: 777;
    width: auto
}

.banner_msg-underline {
    margin-top: 5px;
    width: 100%;
    height: 2px;
    background: #fff;
    background-blend-mode: difference;
    mix-blend-mode: difference
}

.banner-btm-bg .col-md-6:first-child {
    bottom: 120px;
    left: -30px
}

.banner-btm-bg .col-md-6:nth-child(2) {
    right: 20px
}

.banner-message {
    display: none!important
}

.banner-btm-social-icons ul:before {
    position: absolute;
    content: url('../images/social-icon.png');
    top: -38px;
    left: 68px;
    z-index: 33;
    width: 41px;
    height: 50px;
    transform: scale(.17)
}

.banner-btm-social-icons ul:hover:before {
    content: url('../images/social-icon-hover.png')
}

.banner-btm-social-icons ul li {
    position: absolute;
    list-style: none;
    left: 90px;
    transition: 1s
}

.banner-btm-social-icons ul li a {
    display: block;
    width: 45px;
    height: 45px;
    text-align: center;
    background: #333;
    color: #fff;
    border-radius: 50%;
    margin: 0 12px;
    font-size: 33px;
    text-decoration: none
}

.menu-bg ul li a,.menu-us h9 {
    text-decoration: none;
    font-size: 23px;
    color: #fff
}

#twitter {
    transform: rotate(60deg)
}

#google-plus,.banner-btm-social-icons ul li:nth-child(3) i {
    transform: rotate(120deg)
}

#instagram {
    transform: rotate(180deg)
}

#whatsapp {
    transform: rotate(240deg)
}

#linkedin {
    transform: rotate(300deg)
}

.banner-btm-social-icons ul li:nth-child(2) i {
    transform: rotate(55deg)
}

.banner-btm-social-icons ul li:nth-child(4) i {
    transform: rotate(90deg)
}

.banner-btm-social-icons ul li:nth-child(5) i {
    transform: rotate(-120deg)
}

.banner-btm-social-icons ul li:nth-child(6) i {
    transform: rotate(-60deg)
}

.banner-btm-social-icons ul li:first-child a {
    transition: 0s ease-in-out .1s;
    background: #000;
    box-shadow: 1px 1px 10px 2px #00000029;
    display: flex;
    justify-content: center;
    align-items: center
}

.banner-btm-social-icons ul li:nth-child(2) a {
    box-shadow: 1px 1px 10px 2px #00000029;
    background: #000;
    transition: .1s ease-in-out .2s;
    display: flex;
    justify-content: center;
    align-items: center
}

.banner-btm-social-icons ul li:nth-child(3) a {
    box-shadow: 1px 1px 10px 2px #00000029;
    background: #000;
    transition: .2s ease-in-out .3s;
    display: flex;
    justify-content: center;
    align-items: center
}

.banner-btm-social-icons ul li:nth-child(4) a {
    transition: .3s ease-in-out .4s;
    background: #000;
    box-shadow: 1px 1px 10px 2px #00000029;
    display: flex;
    justify-content: center;
    align-items: center
}

.banner-btm-social-icons ul li:nth-child(5) a {
    transition: .5s ease-in-out .6s;
    background: #000;
    box-shadow: 1px 1px 10px 2px #00000029;
    display: flex;
    justify-content: center;
    align-items: center
}

.banner-btm-social-icons ul li:nth-child(6) a {
    transition: .6s ease-in-out .7s;
    background: #000;
    box-shadow: 1px 1px 10px 2px #00000029;
    display: flex;
    justify-content: center;
    align-items: center
}

.banner-btm-social-icons ul:hover li:first-child a {
    transform: translatex(60px)
}

.banner-btm-social-icons ul:hover li:nth-child(2) a {
    transform: rotateZ(-60deg) translatex(60px)
}

.banner-btm-social-icons ul:hover li:nth-child(3) a {
    transform: rotateZ(-120deg) translatex(60px)
}

.banner-btm-social-icons ul:hover li:nth-child(4) a {
    transform: rotateZ(-180deg) translatex(60px)
}

.banner-btm-social-icons ul:hover li:nth-child(5) a {
    transform: rotateZ(-240deg) translatex(60px)
}

.banner-btm-social-icons ul:hover li:nth-child(6) a {
    transform: rotateZ(-300deg) translatex(60px)
}

.menu-bg {
    padding: 45px 0
}

.menu-bg ul {
    list-style: none;
    display: flex;
    flex-direction: column
}

.menu-bg ul li {
    text-decoration: none;
    padding: 15px 0
}

.menu-bg ul li a {
    text-transform: uppercase;
    font-weight: 700;
    padding: 20px 30px
}

.menu-bg ul li a:hover {
    color: #fff;
    transition: .5s;
    background: 0 0
}

.menu-bg .dropdown li a {
    color: #000;
    white-space: nowrap
}

.menu-bg-inner-tab a {
    font-weight: 700;
    padding: 5px 0!important;
    text-decoration: none
}

.menu-us h9 {
    line-height: 80px;
    font-weight: bolder;
    padding: 20px 0
}

.menu-us h11 {
    color: #fff;
    font-weight: 500;
    padding: 8px 0;
    font-size: 18px;
    line-height: 22px
}

.menu-us a {
    text-decoration: none!important
}

.menu-us-btm a {
    font-size: 30px;
    color: #000
}