body, html {
    font-family: 'DM Sans', sans-serif !important;   
      overflow-x: hidden;
}
body{
    background:  #fff;
}
.nopad{
    padding: 0;
}
.pad-left{
    padding-left: 0;
}
.pad-right{
    padding-right: 0;
}

a:hover, a:active  {
text-decoration: none!important;
}
* :focus {
    outline: 0px auto -webkit-focus-ring-color !important;
    outline-offset: 0!important;
        text-decoration:none !important;
}
* a:hover{
    text-decoration:none !important;
}
 #return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #ffbf3d;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 9999;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 25px;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
.slick-dots {position: absolute;z-index: 11;bottom: -30px;margin: 0px;padding: 0;text-align: center;width: 100%;}
.slick-dots li {list-style: none;display: inline-block;}
.slick-dots button {border: none;background: #5956e9;width: 11px;height: 11px;border-radius: 30px;font-size: 0;padding: 0px;margin-right: 7px;}
.slick-dots .slick-active button {background: #fec03a;width: 30px;}

.slick-arrow {border: 0px;font-size: 0;right: 0;margin-top:-20px;position: absolute;top: 50%;z-index: 1;background:  url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/slickarrow.png) no-repeat center center;width: 36px;height: 40px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.slick-arrow:hover {background:  url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/slickarrow.png) no-repeat center center;}
.slick-next.slick-arrow {left: 0px;transform: rotate(0deg);-webkit-transform: rotate(0deg);}

#menuToggle {
    display: block;
    position: absolute;
    top: 50px;
    left: 50px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
    z-index: 9999999999;
    background: red;
}

#menuToggle a
{
  text-decoration: none;
  color: #232323;
  
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  color: tomato;
}


#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #cdcdcd;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: absolute;
  width: 300px;
  margin: -100px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
  
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

 

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ div
{
  transform: none;
}


/*Scroll css Start here*/


body::-webkit-scrollbar {
    width: 13px;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 30px #000;
}

body::-webkit-scrollbar-thumb {
  background-color: #fec03a;
  outline: 1px solid #fec03a;
}
/*Scroll css End here*/
section{
    padding: 100px 0;
}
header.header {
    padding: 40px 160px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
}
nav.nav li.menu__item a , nav.nav li.menu__item span {
    color: #8A90A2;
    font-size: 18px;
    font-weight: 500;
      text-transform: capitalize;
    position: relative;
  line-height: 22px;
}
nav.nav li.menu__item {
    display: inline-block;
    padding: 20px 12px 20px;
}


nav.nav {
    display: block;
}
nav.nav li.menu__item a.menu__link--active-link{
    color: #292930;
    font-weight: 700;
}
nav.nav  ul li.menu__item a:before {
    content: "";
    background: #FFDC60;
    border-radius: 10px;
    height: 4px;
    left: 0;
    bottom: -12px;
    width: 0%;transition: all .2s ease;
    position: absolute;
}
nav.nav  ul li.menu__item a:after {
    content: "";
    height: 4px;
    width: 0%;
    background: #5956E9;
    border-radius: 10px;
    right: 0;
    bottom: -12px;transition: all .2s ease;
    position: absolute;
}

nav.nav li.menu__item a.menu__link--active-link:before{
    width: 100%;transition: all .2s ease;
}
nav.nav li.menu__item a.menu__link--active-link:after{
    width: 50%;transition: all .2s ease;
}
nav.nav li.menu__item a:hover:before{
    width: 100%;transition: all .2s ease;
}
nav.nav li.menu__item a:hover:after{
    width: 50%;transition: all .2s ease;
}
nav.nav li:last-child a:hover:before,
nav.nav li:last-child a:hover:after{
    display:none !important;
    height: 0 !important;
    width: 0 !important;
}
nav.nav li.menu__item li.menu__item.menu__item--depth-2:before {
    display: none
}


nav.nav li.menu__item ul.menu__submenu {
    background: #5956e9;
    padding: 25px 0;
  text-align: left;
}
nav.nav li.menu__item ul.menu__submenu li{
    border: none;
    padding: 6px 10px 6px 20px;
      margin-bottom: 6px;
}
nav.nav li.menu__item ul.menu__submenu li a, nav.nav li.menu__item ul.menu__submenu li span{
    color: #FFFFFF;
    padding: 0;
}
nav.nav li.menu__item ul.menu__submenu li:hover a, nav.nav li.menu__item ul.menu__submenu li:hover span{
    color: #FFDC60;
}
nav.nav li.menu__item ul.menu__submenu  {
    transition: all ease .5s;
}
nav.nav li.menu__item--open>.menu__submenu {
    transition: all ease .5s !important;
}
section.sec_main.slick-slide {
    height: 900px;
}
.sec_main h1{
  padding-top: 150px;
    color: #5956E9;
    font-size: 58px;
    line-height: 70px;
    letter-spacing: 0px;
    font-weight: 700;
}
.sec_main p{
    font-weight: 400;
    font-size: 18px;
    color: #8A90A2;
    margin-bottom: 52px;
}
.sec_main h1 span{
    color: #292930;
}
.btn1 {
    font-weight: 700;
    font-size: 16px;
    line-height: 64px;
    color: #fff;
    background: #5956E9;
    border-radius: 10px;
    position: relative;
    padding: 3px 49.21px;
    overflow: hidden;
    display: inline-block;
    margin-right: 32px;
    float: left;
}
.btn1:before {
    content: "";
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #FFDC60;
    left: -20px;
    top: 10px;
    position: absolute;
    z-index: 0;
}
.btn4 {
    color: #292930;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 40px;
    border-radius: 10px;
    background-color: #89CEFB;
    display: inline-block;
}
.btn4:hover {
    color: #292930;
}

p{
    color: #8A90A2;
    font-size: 18px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    line-height: 30px;
}
h2{
  color: #292930;
  font-size: 50px;
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
  line-height: 60px;
}
h3{
  color: #292930;
  font-size: 30px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  line-height: 50.50px;
}
.btn2{
    color: #5956E9;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; 
    background: #eeeefc;
    font-weight: 700;
    font-size: 16px;
    line-height: 64px;
    border-radius: 10px;
    display: inline-block;
    padding: 3px 49.21px;
}
.social_links a {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 64.5px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin-right: 40px;
}
.social_links a .fa {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 64.5px; /* 403.125% */
    text-transform: uppercase;
    color: #4064AC;
}
.social_links a svg {
    fill: #4064AC;
    width: 15px;
    height: 15px;
    top: 3px;
    position: relative;
}
.social_links {
    padding-top: 156px;
}
footer.footer {
    background: url(https://5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/footer-bg.png) no-repeat;
    background-size: 100% 100%;
    padding-top: 226px;
    color: #fff;
    padding-bottom: 87px;
      position: relative;
    margin-top: 20px;
}
.footer .up-arrow-bton a {
    position: absolute;
    top: 13px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    z-index: 99;
    width: 120px;
}
footer.footer h3 {
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    line-height: 46px;
  color: var(--white, #FFF);
}
footer.footer p{
    color: var(--white, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}
.row.row_2 {
    margin: 50px 0;
    padding: 20px 0;
    border-top: 1px solid #3a3a42;
    border-bottom: 1px solid #3a3a42;
}
footer.footer a{
    color: var(--white, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
footer.footer li {
    display: inline-block;
    text-align: right;
    padding-left: 38px;
    float: right;
}
footer.footer ul{
    padding: 0;
}
footer.footer ul li:fist-child{
    padding-left: 0;
}
ul.social_circles li a {
    border: 1px solid #3a3a42;
    width: 58px;
    display: block;
    height: 58px;
    border-radius: 50%;
    text-align: center;
    padding-top: 16px;
    font-size: 18px;
}

ul.social_circles li {
    display: inline-block;
    float: right;
    padding-left: 20px;
}
.fa-handshake-o{
    color: #FFDC60;
}
#hs_cos_wrapper_footer_logo img {
    width: auto !important;
}
.btn3 {
    background: #5956E9 url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/btn3.png) no-repeat;
    background-position: left top;
    font-weight: 700;
    font-size: 16px;
    line-height: 64px;
    color: #fff;
    border-radius: 10px;
    position: relative;
    padding: 24px 50px;
    overflow: hidden;
    display: inline-block;
    float: right;
}

.sec_last h2{color: #fff;font-family: 'DM Sans', sans-serif;font-size: 60px;font-style: normal;font-weight: 700;line-height: 67px;letter-spacing: -1.8px;}
.sec_last h3{
    
color: #FFDC60;
    
font-family: 'DM Sans', sans-serif;
    
font-size: 60px;
    
font-style: normal;
    
font-weight: 700;
    
line-height: 57px;
    
letter-spacing: -1.8px;
}
.sec_last a{background-color: #FFDC60;padding: 12px 50px;display: inline-block;border-radius: 5px;color: #292930;font-family: 'DM Sans', sans-serif;font-size: 18px;font-style: normal;font-weight: 700;line-height: 30px; /* 166.667% */margin-top: 40px;}


.sec_last_bg h2 {
    margin-top: 140px;
}

.sec-2{
    
padding: 40px 0;
}

.sec-2 .head{
    
text-align: center;
    
margin-bottom: 40px;
}

.sec-2 .head h5{
    
color: #292930;
    
text-align: center;
    
font-size: 20px;
    
font-weight: 700;

}

.sec-2 .logo{
    width: 20%;
    text-align: center;
}

.sec-2 .logo img{
    
}

.sec-2 .col-sm-12 {
    display: inline-flex;
    align-items: center;
}

.sec-4{
    
}

.sec-4 .sec_4_bg{
    
background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/sec-4-bg.png);
    
background-size: 100% 100%;
    
background-position: center;
    
background-repeat: no-repeat;
    
height: 480px;
}

.sec-4 h2{
    
color: #fff;
    
font-family: 'DM Sans', sans-serif;
    
font-size: 60px;
    
font-style: normal;
    
font-weight: 700;
    
line-height: 67px;
    
letter-spacing: -1.8px;
    
padding-left: 120px;
}

.sec-4 h3{
    
color: #FFDC60;
    
font-family: 'DM Sans', sans-serif;
    
font-size: 60px;
    
font-style: normal;
    
font-weight: 700;
    
line-height: 57px;
    
letter-spacing: -1.8px;
    
padding-left: 120px;
}


.sec-4 input[type="text"] {
    border-radius: 5px;
    background: #6461FF;
    box-shadow: 0px 14px 15px 0px rgba(35, 33, 142, 0.04);
    border: none;
    width: 90%;
    margin-bottom: 10px;
    padding: 20px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 185.714% */
}

.sec-4 input[type="text"]::placeholder {
    color: #fff;
    font-size: 14px;
}

.sec-4 input[type="email"] {
    border-radius: 5px;
    background: #6461FF;
    box-shadow: 0px 14px 15px 0px rgba(35, 33, 142, 0.04);
    border: none;
    width: 90%;
    margin-bottom: 10px;
    padding: 20px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.sec-4 input[type="email"]::placeholder {
    color: #fff;
    font-size: 14px;
}

.sec-4 input[type="submit"] {
    background-color: #FFDC60;
    padding: 12px 50px;
    display: inline-block;
    border-radius: 5px;
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    border: none;
}

.sec-4 .row.top {padding-top: 70px;display: flex;align-items: center;}


.sec-3 .tabs-menu {height: 30px; padding:0; margin:0;}
.sec-3 .tabs-menu li {
  display: inline-block;
    list-style: none;
    margin-left: 20px;
}
.sec-3 .tabs-menu li.current {position: relative;background-color: #fff;border-bottom: 1px solid #fff;z-index: 5;}
.sec-3 .tabs-menu li a {text-decoration: none; }
.sec-3 .tabs-menu .current a {color: #2e7da3;}
.sec-3 .tab {background-color: #fff;float: left;margin-bottom: 20px;width: auto;margin-top:-1px;}
.sec-3 .tab-content {max-width: 100%;display: none;}
.sec-3 #tab-1 {display: block;   }

section.sec-4 {
    position: relative;
}

section.sec-4:before {
    content: '';
    position: absolute;
    top: -60px;
    right: 0px;
    height: 99px;
    width: 123px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/sec-4-before.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

section.sec-3 {
    padding: 80px 0 0px;
}

.sec-5{
    
padding: 80px 0;
}

.sec-5 .head{
    
text-align: center;
    
margin-bottom: 60px;
}

.sec-5 .head h2{
    
color: #292930;
    
text-align: center;
    
font-family: 'DM Sans', sans-serif;
    
font-size: 50px;
    
font-style: normal;
    
font-weight: 700;
    
line-height: 60px; /* 120% */
    
letter-spacing: -1.5px;
    
padding: 0 200px;
}

.sec-5 .head h3{
    
}

.sec-5 .main-2{padding: 20px;margin-bottom: 20px;height: 250px;border-radius: 20px;box-shadow: 0px 4px 4px 4px rgba(163, 163, 163, 0.1);background-color: #fff;transition: .5s all ease-in-out;margin-top: 15px;}

.sec-5 .main-2 .pic{
    
}

.sec-5 .main-2 .pic img{
    
height: 129px;
}

.sec-5 .main-2 .disc{
    
}

.sec-5 .main-2 .disc h4{
    
color: #292930;
    
font-family: 'DM Sans', sans-serif;
    
font-size: 24px;
    
font-style: normal;
    
font-weight: 500;
    
line-height: 32px; /* 133.333% */
    
letter-spacing: -0.72px;
}

.sec-5 .main-last{
    
background-color: #82CEFD50;
    
text-align: center;
    
padding: 20px;
    
margin-bottom: 20px;
    
height: 250px;
    
border-radius: 20px;
    
box-shadow: 0px 4px 4px 4px rgba(163, 163, 163, 0.1);
    
transition: .5s all ease-in-out;
    
margin-top: 15px;
}

.sec-5 .main-last .more{
    
}

.sec-5 .main-last .more p{
    
color: #292930;
    
text-align: center;
    
font-family: 'DM Sans', sans-serif;
    
font-size: 18px;
    
font-style: normal;
    
font-weight: 500;
    
line-height: normal;
}

.sec-5 .main-last .link-arrow{
    
}

.sec-5 .main-last .link-arrow img{
    
}

.sec-5 .head h5 {
    color: #8A90A2;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    position: relative;
    display: inline-block;
}

.sec-5 .head h5:before {
    content: '';
    position: absolute;
    top: 11px;
    left: -15px;
    height: 8px;
    width: 8px;
    background-color: #FFDC60;
    border-radius: 50%;
}

.sec-5 .main-2:hover {
    box-shadow: 0px 0px 0px 5px #1EE2CF;
    transition: .5s all ease-in-out;
}

.sec-5 .main-last:hover {
    box-shadow: 0px 0px 0px 5px #1EE2CF;
    transition: .5s all ease-in-out;
}


section.sec-6 {
    padding: 80px 0;
    background-color: #292930;
}

.sec-6 .head {
    text-align: center;
    margin-bottom: 60px;
}

.sec-6 .head h5 {
    color: #8A90A2;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px; /* 166.667% */
    position: relative;
    display: inline-block;
}

.sec-6 .head h6 {}

.sec-6 .head h2 {
    color: #FFF;
    text-align: center;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 67px; /* 111.667% */
    letter-spacing: -1.8px;
}

.sec-6 .main-test {
    background-color: #3A3A42;
}

section.sec-6 .main-test {
    background-color: #3A3A42;
    padding: 40px 25px 20px;
    border-radius: 10px;
    height: 280px;
    margin: 0 0 20px;
    border: solid 1px #3A3A42;
    transition: .5s all ease-in-out;
}

.sec-6 .main-test .pic-client {
}

.sec-6 .main-test .pic-client img {}

section.sec-6 .main-test .title {}

section.sec-6 .main-test .title h5 {
    color: #FFF;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 144.444% */
}

section.sec-6 .main-test .title h6 {
    color: #8A90A2;
    font-size: 12px;
    font-weight: 500;
     /* 533.333% */
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

section.sec-6 .main-test .star {
    text-align: right;
}

section.sec-6 .main-test .star img {}

section.sec-6 .main-test .disc {
    margin-top: 0px;
}

section.sec-6 .main-test .disc p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 166.667% */
}

section.sec-6 .main-test .row.two {
    display: flex;
    align-items: center;
}

section.sec-6 .main-test .row.one {
    min-height: 90px;
}

section.sec-6 .main-test:hover {
    transition: .5s all ease-in-out;
    border: solid 1px #FFDC60;
}

section.sec-6 .head h5:before {
    content: '';
    position: absolute;
    top: 11px;
    left: -15px;
    height: 8px;
    width: 8px;
    background-color: #FFDC60;
    border-radius: 50%;
}

.sec-7 {
    padding: 80px 0;
}

.sec-7 .head {
    text-align: center;
    margin-bottom: 60px;
}

.sec-7 .head h2 {
    color: #000;
    text-align: center;
    font-size: 60px;
    font-weight: 700;
}

.sec-7 .main {
    padding: 30px 20px 40px;
    border: solid 1px #F0F1F6;
    border-radius: 20px;
    text-align: center;
    transition: .5s all ease-in-out;
}

.sec-7 .main .top-head {
    margin-bottom: 40px;
}

.sec-7 .main .top-head h3 {
    color: #000;
    text-align: center;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
     /* 185.714% */
    border-bottom: solid 1px #F0F1F6;
    padding-bottom: 30px;
}

.sec-7 .main .content {}

.sec-7 .main .content h4 {color: #000;text-align: center;font-size: 50px;font-weight: 500; /* 130% */}

.sec-7 .main .content h4 span {
    color: #000;
    font-family: 'DM Sans', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 65px;
}

.sec-7 .main .content p {
    color: #000;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px; /* 156.25% */
    transition: .5s all ease-in-out;
}

.sec-7 .main .content ul {
    padding: 0;
    list-style: none;
    margin: 30px 0 10px;
    min-height: 190px;
    transition: .5s all ease-in-out;
}

.sec-7 .main .content ul li {}

.sec-7 .main .content ul li p {
    color: #8A90A2;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 138.889% */
    transition: .5s all ease-in-out;
}

.sec-7 .main .content .get {}

.sec-7 .main .content .get a {
    background-color: #FFDC60;
    padding: 12px 50px;
    display: inline-block;
    border-radius: 5px;
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin-top: 40px;
    border: none;
    transition: .5s all ease-in-out;
}

.sec-7 .main .content .get a i {position: relative;top: 3px;left: 10px;}

.sec-7 .main:hover {
    background-color: #89CEFB;
    transition: .5s all ease-in-out;
}

.sec-7 .main:hover p {
    color: #000;
    transition: .5s all ease-in-out;
}

.sec-7 .main:hover ul li p {
    color: #000;
    transition: .5s all ease-in-out;
}

.sec-7 .main:hover .get a {
    background-color: #fff;
    transition: .5s all ease-in-out;
}


.sec-8{
    
overflow: hidden;
    
background-color: #FFDC60;
    
padding: 90px 0 0px;
    
position: relative;
}

.sec-8 .sec-8-logo{
    
margin-top: 50px;
}

.sec-8 .sec-8-logo img{
    
width: 100%;
}

.sec-8 .title{
    
}

.sec-8 .title h2{
    
color: #FFF;
    
font-family: 'DM Sans', sans-serif;
    
font-size: 60px;
    
font-style: normal;
    
font-weight: 700;
    
line-height: 67px; /* 111.667% */
    
letter-spacing: -1.8px;
}

.sec-8 .our{
    
}

.sec-8 .our a{
    
background-color: #292930;
    
padding: 12px 30px;
    
display: inline-block;
    
border-radius: 5px;
    
color: #FFCC4A;
    
font-size: 18px;
    
font-weight: 700;
    
line-height: 30px;
    
margin-top: 40px;
    
border: none;
}

.sec-8 .pic{
    
}

.sec-8 .pic img{
    
}


.sec-8:before {
    content: '';
    position: absolute;
    top: 90px;
    left: -50px;
    height: 84px;
    width: 84px;
    background-color: #FFCC4A;
    border-radius: 50%;
}

.sec-8:after {
    content: '';
    position: absolute;
    top: 280px;
    right: -130px;
    height: 256px;
    width: 256px;
    background-color: #FFCC4A;
    border-radius: 50%;
}

.sec-9 {
    padding: 80px 0;
    background-color: #fff;
}

.sec-9 .head {
    text-align: center;
    margin-bottom: 50px;
}

.sec-9 .head h5 {color: #8A90A2;text-align: center;font-size: 18px;font-style: normal;font-weight: 500; /* 166.667% */position: relative;display: inline-block;}

.sec-9 .head h2 {
    color: #292930;
    text-align: center;
    font-size: 60px;
    font-weight: 700;
     /* 111.667% */
    letter-spacing: -1.8px;
}

.sec-9 .head h5:before {
    content: '';
    position: absolute;
    top: 6px;
    left: -15px;
    height: 8px;
    width: 8px;
    background-color: #FFDC60;
    border-radius: 50%;
}

.sec-9 .main {
    background-color: #fff;
    padding: 20px 20px;
    border-radius: 20px;
    border: solid 1px #F1F3F6;
}

.sec-9 .main .pic {
    margin-bottom: 30px;
}

.sec-9 .main .pic img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    object-position: top;
    border-radius: 18px;
}

.sec-9 .main .tutorilas {}

.sec-9 .main .tutorilas a {
    background-color: #5956E910;
    color: #5956E9;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
     /* 214.286% */
    text-transform: uppercase;
    padding: 10px 30px;
    border-radius: 10px;
    display: inline-block;
}

.sec-9 .main .date {
    text-align: right;
}

.sec-9 .main .date a {}

.sec-9 .main .date a {}

.sec-9 .main .date h5 {
    background-color: #F7F8FD;
    color: #8A90A2;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 10px;
    display: inline-block;
    margin: 0;
}

.sec-9 .main .title {
    margin-top: 20px;
}

.sec-9 .main .title h3 {
    color: #292930;
    font-size: 32px;
    font-weight: 500;
}

.sec-9 .main .content {}

.sec-9 .main .content p {
    color: #8A90A2;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px; /* 166.667% */
}

.sec-9 .view {
    text-align: center;
    margin-top: 70px;
}

.sec-9 .view a {
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    padding: 20px 40px;
    border-radius: 10px;
    display: inline-block;
    background: #5956E9 url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/btn3.png);
    background-position: left;
    background-size: 11%;
    background-repeat: no-repeat;
  float: none;
    line-height: initial;
}
.clear{
    clear: both;
}

/* .main .pic-1 img {
    width: 100%;
    height: 270px;
}
.main_sidebar .pic-1 img {
    width: 100%;
    height: 195px !important;
}


.main {
    background-color: #F7F8FD;
    padding: 20px 20px;
    border-radius: 20px;
    min-height: 420px;
}

.main .pic-1 {}

.main .title-1 {}

.main .title-1 h3 {
    color: #292930;
    font-size: 35px;
    font-weight: 500;
    letter-spacing: -1.05px;
    margin: 30px 0 20px;
}

.main .content-1 {}

.main .content-1 p {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; 
}

.main .view-1 {
    margin-top: 25px;
    margin-bottom: 10px;
}

 .pic-1 {}

 .title-1 {}
 .title-1 h3 {
    color: #292930;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -1.05px;
    margin: 0px 0 10px;
}
 .content-1 {
    margin: 20px 0 0;
}

 .content-1 p {
    color: #8A90A2;
    font-size: 18px;
    font-weight: 400;
}

 .view-1 {
    margin-top: 30px;
}

 .view-1 a {
    background-color: #fff;
    text-align: center;
    padding: 13px 30px;
    color: #5956E9;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    border-radius: 10px;
    display: inline-block;
}

.main_sidebar {
    background-color: #F7F8FD;
    padding: 30px 20px;
    border-radius: 20px;
    margin-bottom: 12px;
  display: flex;
    margin: 0 6px 12px;
}
 */

.head-top {}

.head-top h5 {
    color: #8A90A2;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    position: relative;
    display: inline-block;
}

.head-top h2 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 67px; /* 111.667% */
    letter-spacing: -1.8px;
}

.head-top h5:before {
    content: '';
    position: absolute;
    top: 11px;
    left: -15px;
    height: 8px;
    width: 8px;
    background-color: #FFDC60;
    border-radius: 50%;
}

section.sec_main {
    background-size: 100% 100% !important;
    background-position: center;
    background-repeat: no-repeat;
}

header.header .row {
    display: flex;
    align-items: center;
}

header.header .row .col-sm-9 {
    display: flex;
    align-items: center;
    padding: 0;
}

nav.nav ul {
    margin: 0;
  text-align: center;
}

header.header .col-sm-3 {
    padding: 0;
}
.sec-top {
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/background-img.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.sec-top .head {
    text-align: center;
}

.sec-top .head h3 {
    color: #FFF;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 52px; 
    letter-spacing: -1px;
}
.sec-top .head h3 strong {
  color: #FFDC60;
}

.sec-top .head .play-btn {
    margin: 60px 0 120px;
}

.sec-top .head .play-btn img {}

.sec-top .head .play-btn a {
    color: #FFF;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 64px; / 355.556% /
}

.sec-top .head .play-btn a img {
    margin-right: 15px;
}

.sec-top .icon {}

.sec-top .icon img {}

.sec-top .disc {
    margin-left: 40px;
}

.sec-top .disc h4 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 45px;
    font-weight: 700;
    letter-spacing: -1.35px;
    margin: 0;
}

.sec-top .disc h6 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-weight: 500;
     
    margin: 0;
}

.sec-top .one {
    background-color: #FFDC60;
    border-radius: 20px;
    padding: 30px;
}

.sec-top .two {
    background-color: #82CEFD;
    border-radius: 20px;
    padding: 30px;
}

.sec-top .three {
    background-color: #FFADAD;
    border-radius: 20px;
    padding: 30px;
}

.sec-3 .tabs-menu li a {
  color: #8A90A2;
  text-align: right;
  font-family: 'DM Sans', sans-serif;
  font-size: 18px;
  font-weight: 500;
  border: none !important;
}


.sec-3 .tabs-menu .current a {
    color: #292930;
}


.sec-3 .tabs-menu li {
    border: none !important;
      position: relative;
}

.sec-3 .tabs-menu {
    text-align: right;
    height: 40px !important;
}

.sec-3 .row.main-row {
    display: flex;
    align-items: end;
    margin-bottom: 50px;
}
.sec-3 .tabs-menu li a:before {
    content: "";
    background: #FFDC60;
    border-radius: 10px;
    height: 4px;
    left: 0;
    bottom: -12px;
    width: 0%;transition: all .2s ease;
    position: absolute;
}
.sec-3 .tabs-menu li a:after {
    content: "";
    height: 4px;
    width: 0%;
    background: #5956E9;
    border-radius: 10px;
    right: 0;
    bottom: -12px;transition: all .2s ease;
    position: absolute;
}

.sec-3 .tabs-menu li.current a:before{
    width: 100%;transition: all .2s ease;
}
.sec-3 .tabs-menu li.current a:after{
    width: 50%;transition: all .2s ease;
}
.sec-3 .tabs-menu li a:hover:before{
    width: 100%;transition: all .2s ease;
}
.sec-3 .tabs-menu li a:hover:after{
    width: 50%;transition: all .2s ease;
}
.sec-3 .main {
    background-color: #F7F8FD;
    padding: 20px 20px;
    border-radius: 20px;
    min-height: 420px;
}
.sec-3 .main_sidebar {
    background-color: #F7F8FD;
    padding: 30px 20px;
    border-radius: 20px;
    margin-bottom: 12px;
    display: flex;
}
.sec-3 .tab-content .row {
    margin: 0 0px;
}
.sec-3 .main_sidebar .pic-1 {}

.sec-3 .main_sidebar .title-1 {}

.sec-3 .main_sidebar .title-1 h3 {
  color: #292930;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -1.05px;
    margin: 0px 0 20px;
    line-height: 27px;
}

.sec-3 .main_sidebar .content-1 {}

.sec-3 .main_sidebar .content-1 p, .sec-3 .main_sidebar .content-1 div {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 166.667% */
}

.sec-3 .main_sidebar .view-1 {
    margin-top: 25px;
    margin-bottom: 10px;
}

.sec-3 .main_sidebar  .pic-1 img {
    width: 100%;
   
}

.sec-3 .title-1 {}
.sec-3 .title-1 h3 {
    color: #292930;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -1.05px;
    margin: 0px 0 10px;
}
.sec-3 .content-1 {
    margin: 20px 0 0;
}

.sec-3 .content-1 p {
    color: #8A90A2;
    font-size: 18px;
    font-weight: 400;
     /* 166.667% */
}

.sec-3  .view-1 {
    margin-top: 30px;
}

.sec-3  .view-1 a {
    background-color: #fff;
    text-align: center;
    padding: 13px 30px;
    color: #5956E9;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px; /* 166.667% */
    border-radius: 10px;
    display: inline-block;
}

.theme_button a {
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    padding: 20px 40px;
    border-radius: 10px;
    display: inline-block;
    background: #5956E9 url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/btn3.png);
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
  box-shadow: 0px 9px 14px 0px #5956E930;
}

.dnd-section .dnd-column {
    padding: 0;
}
section.sec-6 button.slick-arrow {
    display: none !important;
}
.sec-9 .main .content a {
    display: none;
}
div#loom-companion-mv3 {
    display: none;
}

.footer .social_circles {
    text-align: right;
}

.footer .social_circles span {
    border: 1px solid #3a3a42;
    width: 58px;
    display: block;
    height: 58px;
    border-radius: 50%;
    text-align: center;
    padding-top: 16px;
    font-size: 18px;
}

.footer .social_circles span svg {
  width: 20px;
    height: 20px;
    fill: #fff;
}

.footer .social_circles a.social-links__link {
    display: inline-block;
    margin-left: 10px;
}
footer.footer ul.menu__wrapper li {
    padding: 0 0px 0 25px;
}
header.header .top-btn a {
    background: #FFDC60;
    color: #292930;
    padding: 21.5px 65px;
    border-radius: 8px;
    font-weight: 700;
    position: relative;
}


/* Hubspot Audit Services Css*/
.inner-banner {
    margin-top: 150px;
    padding: 50px 0;
}

.inner-banner .head {
     margin-left: 250px;
    margin-right: 50px;
    padding-top: 70px;
}
.inner-banner .head h2 {
    color: #292930;
    font-family: 'Poppins', sans-serif;
    font-size: 87px;
    font-weight: 700;
    line-height: 98px; /* 112.644% */
    letter-spacing: -4.35px;
  position: relative;
}

.inner-banner .head h2:before{
  content: '';
  background: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/inner-bannerline.png) no-repeat;
    width: 330px;
    height: 12px;
    z-index: -1;
    top: 170px;
    left: 0;
    background-size: contain;
    position: absolute;
}

.inner-banner .head p {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 166.667% */
}
.inner-banner .head  .btn3 {
  background: #5956E9 url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/btn3.png) no-repeat;
    background-position: left top;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    border-radius: 10px;
    position: relative;
    padding: 24px 50px;
    overflow: hidden;
    display: inline-block;
    background-size: contain;
    float: none;
    line-height: initial;
    margin-top: 20px;
}
.inner-banner .pic {
  
}
.inner-banner .pic img {
  
}



.sec-2-audit {
    padding: 80px 0;
}

.sec-2-audit .pic {}

.sec-2-audit .pic img {
    width: 100%;
}

.sec-2-audit .head {}

.sec-2-audit .head h2 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px; /* 120% */
    letter-spacing: -1.5px;
    position: relative;
}

.sec-2-audit .head p {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

.sec-2-audit .head .Schedule {
    margin-top: 50px;
}

.sec-2-audit .head .Schedule a {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    background-color: #89CEFB;
    padding: 20px 20px;
    border-radius: 5px;
    display: inline-block;
}

.sec-2-audit .head h2:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 56px;
    width: 66px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/audit/vector2.png);
    background-repeat: no-repeat;
}
.sec-2-audit .container-fluid {
    padding: 0 120px;
}

.sec-3-audit {
    padding: 80px 0;
    overflow: hidden;
    margin: 80px 0;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/audit/sec-3-audit-back.jpg);
    background-size: 100% 100%;
    background-position: center;
}

.sec-3-audit .pic {}

.sec-3-audit .pic img {
    width: 100%;
}

.sec-3-audit .head {}

.sec-3-audit .head .icone {}

.sec-3-audit .head .icone img {}

.sec-3-audit .head h2 {
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-size: 54px;
    font-weight: 700;
    line-height: 57px;
}

.sec-3-audit .head .case {margin-top: 40px;}

.sec-3-audit .head .case a {
    color: #FFDC60;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    padding: 13px 50px;
    border: solid 1px #3F3F47;
    display: inline-block;
    border-radius: 10px;
}

.sec-3-audit .head .icon {
    margin: 0 0 30px;
}

.sec-4-audit {
    padding: 80px 80px;
    background-color: #FFDC60;
    margin: 5%;
    border-radius: 10px;
}

.sec-4-audit .head {}

.sec-4-audit .head h2 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px; /* 120% */
    letter-spacing: -1.5px;
    margin: 0 0 140px;
}

.sec-4-audit .head .contact {}

.sec-4-audit .head .contact a {}

.sec-4-audit .row.row-1 {
    transition: .5s all ease-in-out;
    display: flex;
    align-items: center;
    padding: 20px 0;
    border-top: solid 1px #000;
}

.sec-4-audit .row.row-1 .icon1 {
}

.sec-4-audit .row.row-1 .icon1 img {}

.sec-4-audit .row.row-1:last-child {
    border-bottom: solid 1px #000;
}

.sec-4-audit .title {}

.sec-4-audit .title span {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px; /* 133.333% */
    letter-spacing: -0.9px;
}

.sec-4-audit .angle {
    text-align: right;
    margin-right: 20px;
}

.sec-4-audit .row.row-1:hover {
    background-color: #fff;
}

.sec-4-audit .row.row-1:hover img {
    filter: brightness(0) invert(0);
    transition: .5s all ease-in-out;
}


.sec-5-audit {
    padding: 80px 0;
}

.sec-5-audit ul {
    padding: 10px 0;
    list-style: none;
    margin: 0 0 40px;
    border: solid 1px #000;
    border-radius: 10px;
    display: flex;
    align-items: center;
}

.sec-5-audit ul li {
    display: inline-block;
    margin: 0 8px;
}

.sec-5-audit ul li a {
    color: #000;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
     /* 94.444% */
    line-height: 18px;
    padding: 18px 15px;
    display: block;
    border-radius: 10px;
    transition: .5s all ease-in-out;
    background-color: transparent;
}

.sec-5-audit ul li a:hover, .sec-5-audit ul li.current a {
  background-color: #89CEFB;
    transition: .5s all ease-in-out;
    color: #000;
}


.sec-5-audit .tab-content{
  display : none;
}
.sec-5-audit .tab-content .row {
    display: flex;
    align-items: center;
}
.sec-5-audit div#tab-1 {
    display: block;
}
.sec-5-audit .head {}

.sec-5-audit .head h2 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 56px; /* 120% */
    letter-spacing: -1.5px;
    margin: 0 0 30px;
}

.sec-5-audit .head p {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px; /* 166.667% */
}

.sec-5-audit .head h6 {
    color: #2D2F33;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px; /* 166.667% */
}

.sec-5-audit .pic {}

.sec-5-audit .pic img {
    width: 100%;
}
.sec-5-audit .col-sm-6 {
    padding: 0;
}


.sec-6-audit {
    padding: 100px 80px;
    background-color: #FFDC60;
    margin: 4%;
    border-radius: 10px;
    overflow: hidden;
    clear: both;
}

.sec-6-audit .head {
    text-align: center;
    margin-bottom: 70px;
}

.sec-6-audit .head h2 {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 54px; /* 108% */
    letter-spacing: -1.5px;
    margin: 0 0 30px;
}

.sec-6-audit .head p {
    color: #2D2F33;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.sec-6-audit .title {}

.sec-6-audit .title h3 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px; /* 133.333% */
    letter-spacing: -0.9px;
    margin: 0 0 30px;
}


.sec-6-audit .main {background-color: #FFF9E2;padding: 40px 30px;min-height: 370px;position: relative;overflow: hidden;}

.sec-6-audit .main .row.one {
    display: flex;
    align-items: center;
}

.sec-6-audit .main h4 {
    color: #2D2F33;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px; /* 250% */
}

.sec-6-audit .main p {
    color: #2D2F33;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 16px; /* 123.077% */
}

.sec-6-audit .main:before {
    content: '';
    position: absolute;
    top: 0;
    right: -200px;
    height: 100%;
    width: 100%;
    background-color: #FFF1BF;
    background-size: 60% 50%;
    overflow: hidden;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.sec-6-audit .col-sm-6 {
}

.sec-7-audit {
    padding: 80px 0;
}

.sec-7-audit .pic {}

.sec-7-audit .pic img {
    width: 100%;
}

.sec-7-audit .head {}

.sec-7-audit .head h2 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px; 
    letter-spacing: -1.5px;
    margin: 0 0 30px;
}

.sec-7-audit .head p {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 32.5px;
}



.sec-8-audit {padding: 100px 80px;background-color: #FFDC60;margin: 4%;border-radius: 10px;overflow: hidden;}

.sec-8-audit .head {}

.sec-8-audit .head h5 {
    color: #665826;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px; /* 166.667% */
    position: relative;
    left: 18px;
}

.sec-8-audit .head h2 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
     /* 134% */
    letter-spacing: -1.5px;
    margin: 0 0 60px;
}

.sec-8-audit .head h5:before {
    content: '';
    position: absolute;
    top: 11px;
    left: -15px;
    height: 8px;
    width: 8px;
    background-color: #665826;
    border-radius: 50%;
}

.row {}

.sec-8-audit .pic {
    margin-bottom: 40px;
}

.sec-8-audit .pic img {
  width: 100%;
    height: 160px;
    object-fit: cover;
    border-radius: 15px;
}

.sec-8-audit .pic .content {}

.sec-8-audit .content h5 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    display: inline-block;
}

.sec-8-audit .content h6 {
    opacity: 0.6;
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    margin-right: 30px;
    margin-bottom: 30px;
    text-align: right;
    display: block;
}

.sec-8-audit .pic .content h3 {}

.sec-8-audit .content {}

.sec-8-audit .content h3 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.78px;
}

.sec-8-audit h4 {}

.sec-8-audit .form-contact {}

.sec-8-audit .form-contact h4 {
    color: var(--black-main-shade, #0F0F0F);
    font-family: 'DM Sans', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
     /* 141.667% */
    letter-spacing: -0.72px;
    margin-bottom: 40px;
}

.sec-8-audit .form-contact h4 i {
    margin-right: 10px;
}

.sec-8-audit .form-contact input[type="text"] {
    width: 100%;
    border-radius: 10px;
    border: none;
    padding: 15px 30px;
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px; /* 173.333% */
    margin-bottom: 20px;
}

.sec-8-audit .form-contact input{
    width: 100%;
    border-radius: 10px;
    border: none;
    padding: 15px 30px;
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 20px;
}

.sec-8-audit .form-contact textarea {
    width: 100%;
    border-radius: 10px;
    border: none;
    padding: 20px 30px;
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 20px;
    height: 215px;
    resize: none;
}

.sec-8-audit .form-contact input[type="submit"] {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700; 
    padding: 16px 40px;
    border: none;
    background-color: #89CEFB;
    border-radius: 10px;
      width: auto;
}

.col-sm-6.two {
    padding-left: 130px;
    border-left: solid 1px #29293010;
}

.sec-5-audit .tabs-menu li {
    border: none;
}


/* B2b SaaS Demo Booking CSS */

.inner-page-banner-area.b2b-saasdemo {
    background: #F7F8FD;
  
    overflow: hidden;
    position: relative;
}
.inner-page-banner-area.b2b-saasdemo:before{
  content: '';
  background: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/b2b-saas-demo/banner-pattern.png) no-repeat;
  position: absolute;
  width: 600px;
  height: 970px;
  right: 0;
  background-size: contain;
  top: 0;

}
.inner-page-banner-area.b2b-saasdemo .head h2 {
    font-size: 60px;
    line-height: 74px;
    z-index: 9999;
}
.inner-page-banner-area.b2b-saasdemo .head h2:before {
    top: 200px;
}
.inner-page-banner-area.b2b-saasdemo .head .btn3 {
    background-image: none;
    background-color: #89CEFB;
    color: #000;
}




.sec-2-b2b {
    padding: 80px 0;
}

.sec-2-b2b .head h2 {
    margin: 0 0 20px;
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -1.5px;
}

.sec-2-b2b .head p {
    color: #292930;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; 
    letter-spacing: -0.6px;
}

.sec-2-b2b .head .pic {
    margin: 20px 0 20px;
}

.sec-2-b2b .head .pic img {}

.sec-2-b2b .head .content {}

.sec-2-b2b .head .content p {
    color: #8A90A2;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.sec-2-b2b .head .content .contact {
    text-align: center;
    margin-top: 40px;
}

.sec-2-b2b .head .content .contact a {
    color: #FFF;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    border-radius: 45px;
    background: #423EF3;
    padding: 12px 40px;
    display: inherit;
}

.sec-3-b2b {
    padding: 80px 0;
}

.sec-3-b2b .head {
    text-align: center;
    margin-bottom: 60px;
}

.sec-3-b2b .head h2 {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px; 
    letter-spacing: -1.5px;
}

.sec-3-b2b .pic {}

.sec-3-b2b .pic img {width: 100%;}

.sec-3-b2b .content {}

.sec-3-b2b .content h3 {
    color: #292930;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 35.5px;
    margin: 0 0 10px;
}

.sec-3-b2b .content p {
    color: #292930;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
}

.sec-4-b2b {
    padding: 80px 0 120px;
    background: #F7F8FD;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/b2b-saas-demo/shape.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}
.sec-4-b2b .tab {
    background-color: transparent;
    float: none;
    margin-bottom: 0px;
    width: auto;
    margin-top: -1px;
}

.sec-4-b2b .tab-content {
    display: none;
}
.sec-4-b2b div#tab-1 {
    display: block;
}
.sec-4-b2b .tabs-menu li {
    border: solid 1px #FFDC60;
      margin: 0 10px 0 0px;
      border-radius: 7px;
  display: inline-block;
}

.sec-4-b2b .tabs-menu .current a {
    background-color: #FFDC60;
    color: #292930;
}

.sec-4-b2b .tabs-menu li a {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 7px 20px;
  display: inline-block;
}

.sec-4-b2b .head {
}

.sec-4-b2b .head h2 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.9px;
      line-height: 36px;
}

.sec-4-b2b .head p {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.sec-4-b2b .head a {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    background-color: #89CEFB;
    padding: 20px 40px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 50px;
}

.sec-4-b2b .head-top {
    text-align: center;
    margin-bottom: 40px;
}

.sec-4-b2b .head-top h2 {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; 
    letter-spacing: -1.5px;
}

.sec-4-b2b .col-sm-7 {
    padding-left: 90px;
}

.sec-4-b2b .pic {}

.sec-4-b2b .pic img {
    height: 496px;
    width: 100%;
}


.sec-5-b2b {
    padding: 80px 0;
}

.sec-5-b2b .head {
    text-align: center;
    margin: 0 0 60px;
}

.sec-5-b2b .head h2 {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px; /* 110% */
    letter-spacing: -1.5px;
}

.sec-5-b2b .col-sm-6.one {
    background-color: #113c96;
    padding: 70px 45px;
}

.sec-5-b2b .main-1 {}

.sec-5-b2b .main-1 h3 {
    color: #FFF;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px; /* 120% */
    letter-spacing: -0.9px;
    margin-bottom: 30px;
}

.sec-5-b2b .main-1 p {
    color: #E3E6ED;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 166.667% */
}

.sec-5-b2b .col-sm-6.two {background-color: #ffdc73;padding: 70px 45px;}



.sec-5-b2b .main-2 h3 {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px; /* 120% */
    letter-spacing: -0.9px;
}

.sec-5-b2b .main-2 p {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; 
}

.sec-5-b2b .col-sm-6.three {
    background-color: #86d0f3;
    padding: 70px 45px;
}

.sec-5-b2b .col-sm-6.four {
    background-color: #caeef5;
    padding: 70px 45px;
}

.sec-6-b2b {
    padding: 80px 0;
}

.sec-6-b2b .head {
    margin-bottom: 40px;
}

.sec-6-b2b .head h5 {
    position: relative;
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px; /* 166.667% */
    left: 15px;
}

.sec-6-b2b .head h2 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 67px; /* 134% */
    letter-spacing: -1.5px;
}

.sec-6-b2b .more {
    margin: 0;
}

.sec-6-b2b .more a {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    background-color: #FFDC60;
    padding: 20px 40px;
    border-radius: 5px;
    display: inline-block;
    margin: 25px 0 0;
}

.sec-6-b2b .main {
    fill: #FFF;
    stroke-width: 1px;
    stroke: #F0F1F6;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.04));
    background-color: #fff;
    height: 350px;
    min-height: 390px;
}

.sec-6-b2b .main .test-logo {}

.sec-6-b2b .main .test-logo img {
    width: auto;
    height: 30px;
}

.sec-6-b2b .main .star {
    text-align: right;
}

.sec-6-b2b .main .star img {
    width: 70%;
}

.sec-6-b2b .head h5:before {
    content: '';
    position: absolute;
    top: 11px;
    left: -15px;
    height: 8px;
    width: 8px;
    background-color: #FFDC60;
    border-radius: 50%;
}

.sec-6-b2b .main .content {
    margin: 30px 0 0px;
    min-height: 210px;
}

.sec-6-b2b .main .content p {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px; /* 177.778% */
}
.sec-6-b2b .disc {}

.sec-6-b2b .disc h4 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px; /* 130% */
}

.sec-6-b2b .disc h5 {

    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.sec-6-b2b .disc {}

.sec-6-b2b .disc h4 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px; 
    margin: 0 0 5px;
}

.sec-6-b2b .disc h5 {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
     /* 533.333% */
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.sec-7-b2b{
    
padding: 80px 0;
}
.sec-7-b2b .main{
    
display: flex;
    
align-items: center;
    
background: transparent;
}
.sec-7-b2b .head{
    
}

.sec-7-b2b .head h2{
    
color: #292930;
    
font-family: 'Poppins', sans-serif;
    
font-size: 40px;
    
font-weight: 700;
    
line-height: 50px; 
}

.sec-7-b2b .pic{
    
}

.sec-7-b2b .pic img{
    
width: 100%;
}

.sec-7-b2b .container-fluid {
    padding: 0 100px;
}
h2.faq {
    position: relative;
    top: 60px;
    margin-bottom: 230px !important;
}


.sec-10-b2b {
    padding: 80px 0;
    background-color: #423EF3;
}

.sec-10-b2b .container-fluid {
    padding: 0px 90px;
}

.sec-10-b2b .head {}

.sec-10-b2b .head h2 {
    color: #FFF;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 61px; 
    letter-spacing: -1.5px;
}

.sec-10-b2b .head p {
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px; 
    letter-spacing: -0.54px;
}

.sec-10-b2b .pic {
    text-align: right;
}

.sec-10-b2b .pic img {
    width: auto;
}

.sec-10-b2b .row.top {
    display: flex;
    align-items: center;
}
.sec-4-audit {
    padding: 80px 80px;
    background-color: #FFDC60;
    margin: 5%;
    border-radius: 10px;
}

.sec-4-audit .head {
  display: inline-block;
}

.sec-4-audit .head h2 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px; /* 120% */
    letter-spacing: -1.5px;
    margin: 0 0 140px;
}

.sec-4-audit .head .contact {}

.sec-4-audit .head .contact a {}

.sec-4-audit .row.row-1 {
    transition: .5s all ease-in-out;
    display: flex;
    align-items: center;
    padding: 20px 0;
    border-top: solid 1px #000;
}

.sec-4-audit .row.row-1 .icon1 {
  display: inline-block;
  padding-left: 20px;
}

.sec-4-audit .row.row-1 .icon1 img {}

.sec-4-audit .row.row-1:last-child {
    border-bottom: solid 1px #000;
}

.sec-4-audit .title {
    display: inline-block;
    width: 580px;
    margin-left: 30px;
}

.sec-4-audit .title a {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px; /* 133.333% */
    letter-spacing: -0.9px;
}

.sec-4-audit .angle {
    text-align: right;
    margin-right: 20px;
}

.sec-4-audit .row.row-1:hover {
    background-color: #fff;
}

.sec-4-audit .row.row-1:hover img {
    filter: brightness(0) invert(0);
    transition: .5s all ease-in-out;
}


.sec-5-b2b .row-fluid {
    justify-content: center;
}
.sec-4-audit .row.row-1 > a {
  display: flex;
    align-items: center;
}
.sec-4-audit .row.row-1 .content {
    margin: 30px 0 0;
  display: none;
}
.sec-4-audit .row.row-1 > a.active .angle img {
    transform: rotate(90deg);
    transition: .5s all;
}
.sec-4-audit .row.row-1 .angle img {
    transition: .5s all;
}
.sec-4-audit .row.row-1.active {
    background-color: #fff;
}

/* Hubspot Training Services  CSS */

.sec1-hub-ts{
  background:#F7F8FD;
  position: relative;
}
.sec1-hub-ts:before{
    content: '';
    background: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/hub-training-services/banner-be.png) no-repeat;
        position: absolute;
    bottom: -20px;
    left: 20px;
    width: 111px;
    height: 103px;
}

.sec1-hub-ts .top{
    
}

.sec1-hub-ts .inner-banner .head h2:before {
    top: 128px;
}

.sec1-hub-ts .head h2{
    
color: #292930;
    
font-family: 'DM Sans', sans-serif;
    
font-size: 65px;
    
font-weight: 700;
    
line-height: 74px; /* 113.846% */
    
letter-spacing: -1.95px;
  z-index: 9;
}

.sec1-hub-ts .head .lets{
    
margin-top: 30px;
}

.sec1-hub-ts .head .lets a{
    
color: #2B2B32;
    
font-family: 'DM Sans', sans-serif;
    
font-size: 16px;
    
font-style: normal;
    
font-weight: 700;
    
line-height: 64px; 
    
border-radius: 10px;
    
background: #FFF;
    
padding: 13px 40px;
    
box-shadow: 0px 2px 0px 0px #5956E9;
}


.sec2-hub-ts{
    
padding: 80px 0;
}

.sec2-hub-ts .top{
    
display: flex;
    
align-items: center;
}

.sec2-hub-ts .head{
    
}

.sec2-hub-ts .head h2{
    
color: #292930;
    
font-family: 'DM Sans', sans-serif;
    
font-size: 50px;
    
font-style: normal;
    
font-weight: 700;
    
line-height: 60px; /* 120% */
    
letter-spacing: -1.5px;
}

.sec2-hub-ts .head h2 span{
    
color: #FFDC60;
    
font-family: 'DM Sans', sans-serif;
    
font-size: 50px;
    
font-style: normal;
    
font-weight: 700;
    
line-height: 60px;
    
letter-spacing: -1.5px;
}

.sec2-hub-ts .content {}

.sec2-hub-ts .content p {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 166.667% */
}



.sec3-hub-ts{
    
}

.sec3-hub-ts .top{
    
}

.sec3-hub-ts .head{
    
}

.sec3-hub-ts .head h2{color: #292930;font-family: 'Poppins', sans-serif;font-size: 40px;font-weight: 700;line-height: 50px; /* 125% */margin: 0;}

.sec3-hub-ts .head h6{
    
color: #8A90A2;
    
font-family: 'DM Sans', sans-serif;
    
font-size: 14px;
    
font-weight: 500;
    
 /* 457.143% */
    
letter-spacing: 0.7px;
    
text-transform: uppercase;
    
margin: 0 0 40px;
}

.sec3-hub-ts .head p{
    
color: #292930;
    
font-family: 'Poppins', sans-serif;
    
font-size: 18px;
    
font-weight: 300;
    
line-height: 30px; /* 168.75% */
}

.sec3-hub-ts .pic{
    
}

.sec3-hub-ts .pic img{
    
width: 100%;
}


.sec4-hub-ts {
    padding: 50px 0;
    background-color: #F7F8FD;
    border-radius: 20px;
    margin: 0 110px;
}

.sec4-hub-ts .container {

}

.sec4-hub-ts .head {
    text-align: center;
    margin: 40px 0 80px;
}

.sec4-hub-ts .head h2 {
    color: #292930;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    font-weight: 700;
}

.sec4-hub-ts .main {
  background-color: #fff;
    min-height: 420px;
    margin-bottom: 30px;
    padding: 40px;
    border-radius: 20px;
  box-shadow: 0px 26px 50px 0px rgba(203, 206, 225, 0.24);
}

.sec4-hub-ts .main .pic {}

.sec4-hub-ts .main .pic img {}

.sec4-hub-ts .main .content {
    margin-top: 30px;
}

.sec4-hub-ts .main .content h4 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.72px;
    min-height: 60px;
}

.sec4-hub-ts .main .content p {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}




.sec5-hub-ts {
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/hub-training-services/sale-training-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
    position: relative;
    clear: both;
      padding: 100px 0 220px;
}

.sec5-hub-ts .row.sm-wd {
    max-width: 70%;
    margin: auto;
}
.sec5-hub-ts .head {
    text-align: center;
    margin-bottom: 50px;
}

.sec5-hub-ts .head h2 {
    color: #FFF;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px; 
    letter-spacing: -1.5px;
    position: relative;
    display: inline-block;
    z-index: 9999;
}

.sec5-hub-ts .head h2:before {
    content: '';
    position: absolute;
    bottom: 11px;
    left: 0;
    height: 11px;
    width: 249px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/hub-training-services/line.png);
    z-index: -1;
}

.sec5-hub-ts .main {
  min-height: 0;
    background-color: #fff;
    min-height: 300px;
    margin: 20px 0px 0;
    padding: 50px 40px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 26px 50px 0px rgba(203, 206, 225, 0.24);
}
.sec5-hub-ts .row.sm-wd .col-sm-6:nth-child(1), .sec5-hub-ts .row.sm-wd .col-sm-6:nth-child(3) {
    position: relative;
    top: 100px;
}


.sec5-hub-ts .main .pic {
    margin-bottom: 20px;
}

.sec5-hub-ts .main .pic img {}

.sec5-hub-ts .main .content {}

.sec5-hub-ts .main .content h4 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; 
    letter-spacing: -0.72px;
    margin: 0 0 10px;
}

.sec5-hub-ts .main .content p {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px; 
}

.sec6-hub-ts {
    background-color: #F7F8FD;
    margin: 60px;
    padding: 80px 50px;
    border-radius: 20px;
}

.sec6-hub-ts .head {
    text-align: center;
    margin-bottom: 50px;
}

.sec6-hub-ts .head h2 {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
     /* 120% */
    letter-spacing: -1.5px;
}

.sec6-hub-ts .main {
min-height: 360px;
    margin-bottom: 30px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 26px 50px 0px rgba(203, 206, 225, 0.24);
    padding: 30px 20px;
}

.sec6-hub-ts .main .pic {
}

.sec6-hub-ts .main .pic img {}

.sec6-hub-ts .main .pic .content {}

.sec6-hub-ts .main .pic .content h4 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px; /* 140% */
    letter-spacing: -0.6px;
}

.sec6-hub-ts .main .content {}

.sec6-hub-ts .main .content h4 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 140% */
    letter-spacing: -0.6px;
    margin: 10px 0 30px;
}

.sec6-hub-ts .main .content p {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
}

.sec7-hub-ts {
    padding: 80px 0 0;
}
.row6-wrap  .basic-button {
    margin-top: 40px;
}

.sec7-hub-ts .head {
    text-align: center;
    margin-bottom: 60px;
}

.sec7-hub-ts .head h2 {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
     /* 134% */
    letter-spacing: -1.5px;
    position: relative;
    display: inline-block;
}

.sec7-hub-ts .head h2:before {
    content: '';
    position: absolute;
    bottom: 11px;
    left: 0;
    height: 11px;
    width: 249px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/hub-training-services/line.png);
    z-index: -1;
}

.sec7-hub-ts .main {
    background-color: #FFDC6010;
   min-height: 380px;
    margin-bottom: 30px;
    padding: 50px 30px;
    border-radius: 15px;
}

.sec7-hub-ts .main .pic {
    text-align: center;
}

.sec7-hub-ts .main .pic img {}

.sec7-hub-ts .main .content {}

.sec7-hub-ts .main .content h3 {}

.sec7-hub-ts .main .content h4 {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px; /* 140% */
    letter-spacing: -0.6px;
    margin: 30px 0 20px;
}

.sec7-hub-ts .main .content p {
    color: #8A90A2;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px; 
}

.sec7-hub-ts .contact {
    text-align: center;
    margin: 40px 0 0;
}

.sec7-hub-ts .contact a {
    color: #fff;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    background-color: #423EF3;
    padding: 20px 40px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 50px;
}

.sec8-hub-ts {
    padding: 80px 0;
}

.sec8-hub-ts .row.main-top {
    display: flex;
    align-items: center;
}

.sec8-hub-ts .head {}

.sec8-hub-ts .head h2 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; 
    letter-spacing: -1.5px;
}

.sec8-hub-ts .content p {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.sec8-hub-ts .content {}


.sec9-hub-ts {
    padding: 90px 70px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/hub-training-services/sec9-back.png);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    height: 1950px;
    position: relative;
    clear: both;
    margin: 50px;
    border-radius: 20px;
}

.sec9-hub-ts .head {
    text-align: center;
    margin: 0 auto 200px;
}

.sec9-hub-ts .head h2 {
    color: #7c6f43;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
     /* 120% */
    letter-spacing: -1.5px;
}

.sec9-hub-ts .head-left {
    position: relative;

}

.sec9-hub-ts .head-left h3 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 20px;
    position: relative;
}

.sec9-hub-ts .head-left p {
    color: #5E5F64;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 50px;
}


.sec9-hub-ts .head-right {
    text-align:right;
    position: relative;
}

.sec9-hub-ts .head-right h3 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 26px; 
    margin: 0 0 20px;
    position: relative;
}

.sec9-hub-ts .head-right p {
    color: #5E5F64;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 50px;
}

.sec9-hub-ts .head-left:before {
    content: '';
    position: absolute;
    top: 0;
    left: -25px;
    height: 100%;
    width: 1px;
    background-color: #29293009;
}

.sec9-hub-ts .head-right:before {
    content: '';
    position: absolute;
    top: 0;
    right: -25px;
    height: 100%;
    width: 1px;
    background-color: #29293009;
}


.sec9-hub-ts .head-left h3:before {
    content: '';
    position: absolute;
    top: -20px;
    left: -60px;
    height: 71px;
    width: 71px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/hub-training-services/before-left.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.sec9-hub-ts .head-right h3:before {
    content: '';
    position: absolute;
    top: -20px;
    right: -60px;
    height: 71px;
    width: 71px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/hub-training-services/before-right.png);
    background-size: 100%;
    background-repeat: no-repeat;
}



.sec9-hub-ts .head-left h3.second {
    position: relative;
}

.sec9-hub-ts .head-left h3.second:before {
    content: '';
    position: absolute;
    top: -20px;
    left: -60px;
    height: 71px;
    width: 71px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/hub-training-services/after-left.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.sec9-hub-ts .head-right h3.fourth {
    position: relative;
}

.sec9-hub-ts .head-right h3.fourth:before {
    content: '';
    position: absolute;
    top: -20px;
    right: -60px;
    height: 71px;
    width: 71px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/hub-training-services/after-right.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.sec10-hub-ts {
    padding: 90px 70px;
    position: relative;
    clear: both;
    margin: 50px;
    border-radius: 20px;
    background: #F7F8FD;
  overflow: hidden;
}
.sec10-hub-ts:before{
    content:'';
    background: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/hub-training-services/sec10-hub-ts-be.png);
   position: absolute;
    width: 400px;
    height: 400px;
    background-size: contain;
    background-repeat: no-repeat;
    left: -200px;
    bottom: 130px;
  
}

.sec10-hub-ts .head {
    text-align: center;
    margin-bottom: 60px;
}

.sec10-hub-ts .head h2 {
    color: #292930;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
}

.sec10-hub-ts .content p {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; 
}

.sec10-hub-ts .content {

}

.sec11-hub-ts {
    padding: 80px 0;
    background-color: #423EF3;
}

.sec11-hub-ts .head {}

.sec11-hub-ts .head h5 {
    color: #b1b0f9;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px; /* 166.667% */
    position: relative;
    left: 13px;
}

.sec11-hub-ts .head h2 {
    color: #fff;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 61px; /* 122% */
    letter-spacing: -1.5px;
    margin: 0 0 30px;
}

.sec11-hub-ts .head .get {
    display: inline-block;
    margin-right: 10px;
}

.sec11-hub-ts .head .get a {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
     /* 400% */
    background-color: #FFDC60;
    padding: 20px 40px;
    border-radius: 5px;
    display: inline-block;
}

.sec11-hub-ts .head .case {
    display: inline-block;
}

.sec11-hub-ts .head .case a {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    background-color: #89CEFB;
    padding: 20px 40px;
    border-radius: 5px;
    display: inline-block;
}

.sec11-hub-ts .pic {}

.sec11-hub-ts .pic img {
    width: 100%;
}

.sec11-hub-ts .head h5:before {
    content: '';
    position: absolute;
    top: 11px;
    left: -15px;
    height: 8px;
    width: 8px;
    background-color: #b1b0f9;
    border-radius: 50%;
}


/* HubSpot CMS Development CSS */



.sec1-hub-cms {
    position: relative;
    clear: both;
    background-color: #f7f8fd;
    z-index: 9;
}

.sec1-hub-cms:after {
    position: absolute;
    content: '';
    bottom: 0px !important;
    left: 0;
    height: 111px;
    width: 103px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/hub-cms-dev/icon-bottom.png);
    background-repeat: no-repeat;
}
.sec1-hub-cms  .inner-banner .head {
    padding-top: 150px;
}
.sec1-hub-cms .inner-banner .head h2:before {
    top: 127px;
}
.sec1-hub-cms .top{
    
}


.sec1-hub-cms .head {

}

.sec1-hub-cms .head h2{   
color: #292930;    
font-family: 'DM Sans', sans-serif;   
font-size: 65px;    
font-weight: 700;    
line-height: 74px; 
letter-spacing: -1.95px;
}

.sec1-hub-cms .head .lets{   
margin-top: 30px;
}

.sec1-hub-cms .head .lets a{    
color: #2B2B32;    
font-family: 'DM Sans', sans-serif;    
font-size: 16px;
font-style: normal; 
font-weight: 700;  
line-height: 64px;    
border-radius: 10px;   
background: #FFF;   
padding: 13px 40px;   
box-shadow: 0px 2px 0px 0px #5956E9;
}


.sec1-hub-cms .pic {

}

.sec1-hub-cms .pic img {

}

.sec1-hub-cms:after {
    position: absolute;
    content: '';
    bottom: 60px;
    left: 0;
    height: 111px;
    width: 103px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/hub-cms-dev/icon-bottom.png);
    background-repeat: no-repeat;
}


.sec2-hub-cms {
    padding: 90px 70px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/hub-cms-dev/sec3-back.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    clear: both;
    overflow: hidden;
    top: -120px;
}

.sec2-hub-cms .head {
    text-align: center;
    margin: 60px 0;
}

.sec2-hub-cms .head h2 {
    color: #FFF;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 65px;
    font-weight: 700;
    letter-spacing: -1.95px;
}

.sec2-hub-cms .main {
    padding: 30px 30px;
    background: transparent;
    border: solid 1px #3A3A42;
    min-height: 500px;
    margin-bottom: 40px;
}

.sec2-hub-cms .main .title h3 {
    color: #FFF;
    font-family: 'DM Sans', sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.96px;
    margin: 0 0 60px;
    position: relative;
    display: inline-block;
    height: 125px;
}

.sec2-hub-cms .main .title{

}
.sec2-hub-cms .main .title h3:before {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #82CEFD;
}

.sec2-hub-cms .main .title h3.one:before {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #82CEFD;
}

.sec2-hub-cms .main .content {}

.sec2-hub-cms .main .content p {
    color: #B5B8C1;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
      margin: 0;
}

.sec2-hub-cms .main .title h3.two {
    color: #FFF;
    font-family: 'DM Sans', sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.96px;
    margin: 0 0 60px;
    position: relative;
    display: inline-block;
    height: 125px;
}
.sec2-hub-cms .main ul {
    padding: 0 0 0 20px;
    margin: 0;
}
.sec2-hub-cms .main li {
    list-style: circle;
    color: #fff;
    margin-bottom: 10px;
}

.sec2-hub-cms .main .title{

}

.sec2-hub-cms .main .title h3.two:before {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #82CEFD;
}

.sec2-hub-cms .main .title h3.three {
    color: #FFF;
    font-family: 'DM Sans', sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.96px;
    margin: 0 0 60px;
    position: relative;
    display: inline-block;
    height: 125px;
}

.sec2-hub-cms .main .title{

}

.sec2-hub-cms .main .title h3.three:before {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #FFADAD;
}

.sec2-hub-cms .main .title h3.fourth {
    color: #FFF;
    font-family: 'DM Sans', sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.96px;
    margin: 0 0 60px;
    position: relative;
    display: inline-block;
    height: 125px;
}

.sec2-hub-cms .main .title{

}

.sec2-hub-cms .main .title h3.fourth:before {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #FFCC4A;
}



.sec2-hub-cms .main .title h3.fifth {
    color: #FFF;
    font-family: 'DM Sans', sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.96px;
    margin: 0 0 60px;
    position: relative;
    display: inline-block;
    height: 125px;
}

.sec2-hub-cms .main .title{

}

.sec2-hub-cms .main .title h3.fifth:before {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #5956E9;
}


.sec2-hub-cms .main {
    padding: 30px 30px;
    background: transparent;
    border: solid 1px #3A3A42;
    min-height: 620px;
    margin-bottom: 40px;
}


.sec2-hub-cms .main .title h3.sixth {
    color: #FFF;
    font-family: 'DM Sans', sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.96px;
    margin: 0 0 60px;
    position: relative;
    display: inline-block;
    height: 125px;
}

.sec2-hub-cms .main .title{

}

.sec2-hub-cms .main .title h3.sixth:before {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #1EE2CF;
}

.sec2-hub-cms .main .title h3.seven:before {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #56E9AB;
}




.sec2-hub-cms .main.one {
    border-bottom: solid 3px #82cefd;
}
.sec2-hub-cms .main.two {
    border-bottom: solid 3px #82cefd;
}
.sec2-hub-cms .main.three {
    border-bottom: solid 3px #FFADAD;
}
.sec2-hub-cms .main.four {
    border-bottom: solid 3px #FFCC4A;
}
.sec2-hub-cms .main.five {
    border-bottom: solid 3px #5956E9;
}
.sec2-hub-cms .main.six {
    border-bottom: solid 3px #1EE2CF;
}

.sec3-hub-cms {
    padding: 80px 0px 0;
}

.sec3-hub-cms .head {
    margin-bottom: 60px;
}

.sec3-hub-cms .head h2 {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -1.5px;
}

.sec3-hub-cms .pic {
    text-align: center;
}

.sec3-hub-cms .pic img {
}

.sec3-hub-cms .head h3 {
    margin: 0 0 20px;
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -1.2px;
}
.sec3-hub-cms .head p {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; 
}


.sec6-hub-cms {
    padding: 80px 0;
    background-color: #423EF3;
}

.sec6-hub-cms .head {}

.sec6-hub-cms .head h2 {
    color: #FFF;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 61px; /* 122% */
    letter-spacing: -1.5px;
}

.sec6-hub-cms .head h2 span {
    color: #FFDC60;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 61px;
    letter-spacing: -1.5px;
}

.sec6-hub-cms .pic {}

.sec6-hub-cms .pic img {
    width: 100%;
}

.sec6-hub-cms .head .contact {
    margin: 30px 0 0;
}

.sec6-hub-cms .head .contact a {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    background-color: #FFDC60;
    padding: 20px 40px;
    border-radius: 5px;
    display: inline-block;
}


.sec4-hub-cms {
    padding: 0 0 90px;
}

.sec4-hub-cms .head h2 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -1.2px;
}

.sec4-hub-cms .head {
    text-align: left;
    margin-bottom: 40px;
}

.sec4-hub-cms .head p {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin: 0;
}

/* .sec4-hub-cms .last {
    text-align: center;
    margin-top: 40px;
} */

.sec4-hub-cms .last p {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.sec5-hub-cms {
    padding: 0 0 80px;
}

.sec5-hub-cms .pic img {
    width: 100%;
}

.sec5-hub-cms .pic {}

.sec5-hub-cms .head {}

.sec5-hub-cms .head h2 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px; 
    letter-spacing: -1.2px;
}

.sec5-hub-cms .head p {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; 

}

.sec5-hub-cms .head ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 30px;
}

.sec5-hub-cms .head ul li {
    position: relative;
}

.sec5-hub-cms .head ul li.one {
    position: relative;
}

.sec5-hub-cms .head ul li.two {}

.sec5-hub-cms .head ul li.three {}

.sec5-hub-cms .head ul li.four {
    position: relative;
}

.sec5-hub-cms .head ul li.five {}

.sec5-hub-cms .head ul li.six {
    position: relative;
}

.sec5-hub-cms .head ul li.one:before {
    content: '';
    position: absolute;
    top: -23px;
    left: -60px;
    height: 111px;
    width: 111px;
    background: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/hub-cms-dev/one.png) no-repeat;
    background-size: 75px;
}

.sec5-hub-cms .head ul li.two:before {
    content: '';
    position: absolute;
    top: -23px;
    left: -60px;
    height: 111px;
    width: 111px;
    background: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/hub-cms-dev/two.png) no-repeat;
    background-size: 75px;
}

.sec5-hub-cms .head ul li.three:before {
    content: '';
    position: absolute;
    top: -23px;
    left: -60px;
    height: 111px;
    width: 111px;
    background: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/hub-cms-dev/three.png) no-repeat;
    background-size: 75px;
}

.sec5-hub-cms .head ul li.four:before {
    content: '';
    position: absolute;
    top: -23px;
    left: -60px;
    height: 111px;
    width: 111px;
    background: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/hub-cms-dev/four.png) no-repeat;
    background-size: 75px;
}

.sec5-hub-cms .head ul li.five:before {
    content: '';
    position: absolute;
    top: -23px;
    left: -60px;
    height: 111px;
    width: 111px;
    background: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/hub-cms-dev/five.png) no-repeat;
    background-size: 75px;
}

.sec5-hub-cms .head ul li.six:before {
    content: '';
    position: absolute;
    top: -23px;
    left: -60px;
    height: 111px;
    width: 111px;
    background: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/hub-cms-dev/six.png) no-repeat;
    background-size: 75px;
}

.sec5-hub-cms .last {
    text-align: center;
    margin-top: 60px;
}

.sec5-hub-cms .last p {
    color: #8A90A2;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px; 
}

.sec7-hub-cms {
    padding: 60px 0 0;
}

.sec7-hub-cms .col-sm-6.bg-color1 {
    background-color: #113c96;
    text-align: center;
    height: 400px;
}


.sec7-hub-cms .head {
    padding: 90px 30px 0;
    text-align: center;
}

.sec7-hub-cms .head h2 {
    color: #FFF;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 70px;
    font-weight: 700;
    line-height: 80px;
    letter-spacing: -2.1px;
}

.sec7-hub-cms .col-sm-6.bg-color1 h2 {

}
.sec7-hub-cms .col-sm-6.bg-color2 {
    background-color: #d2c7e1;
    text-align: center;
    height: 400px;
}

.sec7-hub-cms .head {
    padding: 110px 30px;
    text-align: center;
}

.sec7-hub-cms .head h3 {
    color: #612FA6;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 32px; 
    letter-spacing: -0.9px;
    margin: 0 0 30px;
}

.sec7-hub-cms .head p {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
}
.sec7-hub-cms .row-fluid {
    justify-content: center;
}


.sec7-hub-cms .col-sm-6.bg-color3 {
    background-color: #86d0f3;
    text-align: center;
    height: 400px;
}
.sec7-hub-cms .col-sm-6.bg-color4 {
    background-color: #caeef5;
    text-align: center;
    height: 400px;
}
.sec7-hub-cms .col-sm-6.bg-color5 {
    background-color: #d2c7e1;
    text-align: center;
    height: 400px;
}
.sec7-hub-cms .col-sm-6.bg-color6 {
    background-color: #ebeeef;
    text-align: center;
    height: 400px;
}
.sec7-hub-cms .col-sm-6.bg-color7 {
    background-color: #ebeeef;
    text-align: center;
    height: 400px;
}
.sec7-hub-cms .col-sm-6.bg-color8 {
    background-color: #aedada;
    text-align: center;
    height: 400px;
}


.sec8-hub-cms {
    padding: 80px 100px 80px;
}

.sec8-hub-cms .pic {}

.sec8-hub-cms .pic img {
}

.sec8-hub-cms .head {}

.sec8-hub-cms .head h2 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; 
    letter-spacing: -1.5px;
}

.sec8-hub-cms .head p {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 26px;
    font-weight: 400;
    line-height: 43.5px; 
}

.sec9-hub-cms {
    padding: 80px 100px 80px;
}

.sec9-hub-cms .pic {}

.sec9-hub-cms .pic img {
    width: 100%;
}

.sec9-hub-cms .head {}

.sec9-hub-cms .head h2 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; 
    letter-spacing: -1.5px;
}

.sec9-hub-cms .head p {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 26px;
    font-weight: 400;
    line-height: 43.5px; 
}

.sec8-hub-cms .top{
    display: flex;
    align-items: center;
}
.sec9-hub-cms .top{
    display: flex;
    align-items: center;
}












.sec10-hub-cms {padding: 100px 80px;background-color: #FFDC60;margin: 4%;border-radius: 10px;overflow: hidden;}

.sec10-hub-cms .head {}

.sec10-hub-cms .head h5 {
    color: #665826;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px; /* 166.667% */
    position: relative;
    left: 18px;
}

.sec10-hub-cms .head h2 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
     /* 134% */
    letter-spacing: -1.5px;
    margin: 0 0 60px;
}

.sec10-hub-cms .head h5:before {
    content: '';
    position: absolute;
    top: 11px;
    left: -15px;
    height: 8px;
    width: 8px;
    background-color: #665826;
    border-radius: 50%;
}

.row {}

.sec10-hub-cms .pic {
    margin-bottom: 40px;
}

.sec10-hub-cms .pic img {
    width: 100%;
}

.sec10-hub-cms .pic .content {}

.sec10-hub-cms .content h5 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    display: inline-block;
}

.sec10-hub-cms .content h6 {
    opacity: 0.6;
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    margin-left: 70px;
    display: inline-block;
    margin-bottom: 30px;
}

.sec10-hub-cms .pic .content h3 {}

.sec10-hub-cms .content {}

.sec10-hub-cms .content h3 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.78px;
}

.sec10-hub-cms h4 {}

.sec10-hub-cms .form-contact {}

.sec10-hub-cms .form-contact h4 {
    color: var(--black-main-shade, #0F0F0F);
    font-family: 'DM Sans', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
     /* 141.667% */
    letter-spacing: -0.72px;
    margin-bottom: 40px;
}

.sec10-hub-cms .form-contact h4 i {
    margin-right: 10px;
}

.sec10-hub-cms .form-contact input[type="text"] {
    width: 100%;
    border-radius: 10px;
    border: none;
    padding: 15px 30px;
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px; /* 173.333% */
    margin-bottom: 20px;
}

.sec10-hub-cms .form-contact input[type="email"] {
    width: 100%;
    border-radius: 10px;
    border: none;
    padding: 15px 30px;
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 20px;
}

.sec10-hub-cms .form-contact textarea {
    width: 100%;
    border-radius: 10px;
    border: none;
    padding: 20px 30px;
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 20px;
    height: 215px;
    resize: none;
}

.sec10-hub-cms .form-contact input[type="submit"] {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700; 
    padding: 16px 40px;
    border: none;
    background-color: #89CEFB;
    border-radius: 10px;
}


/* Hubspot Inbound Marketing Counsulting CSS  */

.sec1-hub-imc {
    position: relative;
    clear: both;
    background: #F7F8FD;
}

.sec1-hub-imc .top{
    
}




.sec1-hub-imc .head h2{   
color: #292930;    
font-family: 'DM Sans', sans-serif;   
font-size: 65px;    
font-weight: 700;    
line-height: 74px; 
letter-spacing: -1.95px;
      z-index: 99;
}
.sec1-hub-imc  .inner-banner .head h2:before {
    top: 127px;
}
.sec1-hub-imc .head .lets{   
margin-top: 30px;
}

.sec1-hub-imc .head .lets a{    
color: #2B2B32;    
font-family: 'DM Sans', sans-serif;    
font-size: 16px;
font-style: normal; 
font-weight: 700;  
line-height: 64px;    
border-radius: 10px;   
background: #FFF;   
padding: 13px 40px;   
box-shadow: 0px 2px 0px 0px #5956E9;
}


.sec1-hub-imc .pic {
    position: relative;
}


.sec1-hub-imc:after {
    position: absolute;
    content: '';
    bottom: -20px;
    left: 20px;
    height: 111px;
    width: 103px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/hubspot-inbound-m-c/icon-bottom.png);
    background-repeat: no-repeat;
}




.sec2-hub-imc{
    
padding: 80px 0;
}

.sec2-hub-imc .top{
    
display: flex;
    
align-items: center;
}

.sec2-hub-imc .head{
    
}

.sec2-hub-imc .head h2{
    
color: #292930;
    
font-family: 'DM Sans', sans-serif;
    
font-size: 50px;
    
font-style: normal;
    
font-weight: 700;
    
line-height: 60px; /* 120% */
    
letter-spacing: -1.5px;
}

.sec2-hub-imc .head h2 span{
    
color: #FFDC60;
    
font-family: 'DM Sans', sans-serif;
    
font-size: 50px;
    
font-style: normal;
    
font-weight: 700;
    
line-height: 60px;
    
letter-spacing: -1.5px;
}

.sec2-hub-imc .content {}

.sec2-hub-imc .content p {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}


.sec3-hub-imc {
    padding: 90px 70px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/hubspot-inbound-m-c/sec3-back.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    clear: both;
    overflow: hidden;
}

.sec3-hub-imc .head {
    text-align: center;
    margin: 60px 0;
}

.sec3-hub-imc .head h2 {
    color: #FFF;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 65px;
    font-weight: 700;
    letter-spacing: -1.95px;
}

.sec3-hub-imc .main {
    padding: 30px 30px;
    background: transparent;
    border: solid 1px #3A3A42;
    min-height: 850px;
    margin-bottom: 40px;
}

.sec3-hub-imc .main .title h3.one {
    color: #FFF;
    font-family: 'DM Sans', sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.96px;
    margin: 0 0 60px;
    position: relative;
    display: inline-block;
    height: 125px;
}

.sec3-hub-imc .main .title{

}

.sec3-hub-imc .main .title h3.one:before {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #82CEFD;
}

.sec3-hub-imc .main .content {}

.sec3-hub-imc .main .content p {
    color: #B5B8C1;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}




.sec3-hub-imc .main .title h3.two {
    color: #FFF;
    font-family: 'DM Sans', sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.96px;
    margin: 0 0 60px;
    position: relative;
    display: inline-block;
    height: 125px;
}

.sec3-hub-imc .main .title{

}

.sec3-hub-imc .main .title h3.two:before {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #82CEFD;
}




.sec3-hub-imc .main .title h3.three {
    color: #FFF;
    font-family: 'DM Sans', sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.96px;
    margin: 0 0 60px;
    position: relative;
    display: inline-block;
    height: 125px;
}

.sec3-hub-imc .main .title{

}

.sec3-hub-imc .main .title h3.three:before {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #FFADAD;
}




.sec3-hub-imc .main .title h3.fourth {
    color: #FFF;
    font-family: 'DM Sans', sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.96px;
    margin: 0 0 60px;
    position: relative;
    display: inline-block;
    height: 125px;
}

.sec3-hub-imc .main .title{

}

.sec3-hub-imc .main .title h3.fourth:before {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #FFCC4A;
}



.sec3-hub-imc .main .title h3.fifth {
    color: #FFF;
    font-family: 'DM Sans', sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.96px;
    margin: 0 0 60px;
    position: relative;
    display: inline-block;
    height: 125px;
}

.sec3-hub-imc .main .title{

}

.sec3-hub-imc .main .title h3.fifth:before {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #5956E9;
}





.sec3-hub-imc .main .title h3.sixth {
    color: #FFF;
    font-family: 'DM Sans', sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.96px;
    margin: 0 0 60px;
    position: relative;
    display: inline-block;
    height: 125px;
}

.sec3-hub-imc .main .title{

}

.sec3-hub-imc .main .title h3.sixth:before {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #1EE2CF;
}


.sec3-hub-imc .main.one {
    border-bottom: solid 3px #82cefd;
}
.sec3-hub-imc .main.two {
    border-bottom: solid 3px #82cefd;
}
.sec3-hub-imc .main.three {
    border-bottom: solid 3px #FFADAD;
}
.sec3-hub-imc .main.four {
    border-bottom: solid 3px #FFCC4A;
}
.sec3-hub-imc .main.five {
    border-bottom: solid 3px #5956E9;
}
.sec3-hub-imc .main.six {
    border-bottom: solid 3px #1EE2CF;
}







.sec4-hub-imc {
    clear: both;
    margin: 100px;
    border-radius: 20px;
    background-color: #F7F8FD;
    padding: 80px 080px;
}

.sec4-hub-imc .head {
    text-align: center;
    margin-bottom: 60px;
}

.sec4-hub-imc .head h2 {
    color: #292930;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 50px; /* 125% */
}

.sec4-hub-imc .head p {
    color: #8A90A2;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px; /* 166.667% */
}

.sec4-hub-imc .main {
    min-height: 0;
    background-color: #fff;
    height: 400px;
    margin-bottom: 30px;
    padding: 40px 30px;
}

.sec4-hub-imc .main .title {}

.sec4-hub-imc .main .title h3 {
    color: #FD3B73;
    font-family: 'DM Sans', sans-serif;
    font-size: 24px;
    font-weight: 500;
     /* 133.333% */
    letter-spacing: -0.72px;
    margin: 0 0 20px;
}

.sec4-hub-imc .main .title h3.two {
    color: #3AE6D5;
    font-family: 'DM Sans', sans-serif;
    font-size: 24px;
    font-weight: 500;
     /* 116.667% */
    letter-spacing: -0.72px;
    margin-bottom: 20px;
}

.sec4-hub-imc .main .title h3.three {
    color: #FEDC62;
    font-family: 'DM Sans', sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.72px;
    margin-bottom: 20px;
}

.sec4-hub-imc .main .title h3.four {
    color: #8481FC;
    font-family: 'DM Sans', sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.72px;
    margin-bottom: 20px;
}

.sec4-hub-imc .main .content {}

.sec4-hub-imc .main .content p {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}










.sec5-hub-imc {
    position: relative;
    clear: both;
    background-color: #423EF3;
    padding: 70px 0px;
    margin-bottom: 40px;
}

.sec5-hub-imc .top{
    
}
.sec5-hub-imc .head {
    position: relative;
    top: 0px;
}
.sec5-hub-imc .head h2 {
    color: #FFF;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 61px;
    letter-spacing: -1.5px;
}

.sec5-hub-imc .pic {
    position: relative;
}


/* .sec5-hub-imc  img {
    width: 740px;
    position: absolute;
    top: -90px;
    left: -35px;
} */
.sec5-hub-imc .head .contact {
    margin-top: 40px;
}

.sec5-hub-imc .head .contact a {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    background-color: #FFDC60;
    padding: 20px 40px;
    border-radius: 5px;
    display: inline-block;
}


/* HubSpot Rev Ops Services CSS */


.sec1-hub-ros {
    position: relative;
    clear: both;
    background-color: #f7f8fd;
}

.sec1-hub-ros:after {
    position: absolute;
    content: '';
    bottom: 0px !important;
    left: 0;
    height: 111px;
    width: 103px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/hub-rev-ops/icon-bottom.png);
    background-repeat: no-repeat;
}

.sec1-hub-ros .top{
    
}


.sec1-hub-ros .head {

}

.sec1-hub-ros .head h2{   
color: #292930;    
font-family: 'DM Sans', sans-serif;   
font-size: 65px;    
font-weight: 700;    
line-height: 74px; 
letter-spacing: -1.95px;
}

.sec1-hub-ros .head .lets{   
margin-top: 30px;
}

.sec1-hub-ros .head .lets a{    
color: #2B2B32;    
font-family: 'DM Sans', sans-serif;    
font-size: 16px;
font-style: normal; 
font-weight: 700;  
line-height: 64px;    
border-radius: 10px;   
background: #FFF;   
padding: 13px 40px;   
box-shadow: 0px 2px 0px 0px #5956E9;
}


.sec1-hub-ros .pic {

}

.sec1-hub-ros .pic img {
    width: auto;

}

.sec1-hub-ros:after {
    position: absolute;
    content: '';
    bottom: 60px;
    left: 0;
    height: 111px;
    width: 103px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/hub-rev-ops/icon-bottom.png);
    background-repeat: no-repeat;
}




.sec2-hub-ros{
    
padding: 80px 0;
}

.sec2-hub-ros .top{
    
display: flex;
    
align-items: center;
}

.sec2-hub-ros .head{
    
}

.sec2-hub-ros .head h2{
    
color: #292930;
    
font-family: 'DM Sans', sans-serif;
    
font-size: 50px;
    
font-style: normal;
    
font-weight: 700;
    
line-height: 60px; /* 120% */
    
letter-spacing: -1.5px;
}

.sec2-hub-ros .head h2 span{
    
color: #FFDC60;
    
font-family: 'DM Sans', sans-serif;
    
font-size: 50px;
    
font-style: normal;
    
font-weight: 700;
    
line-height: 60px;
    
letter-spacing: -1.5px;
}

.sec2-hub-ros .content {}

.sec2-hub-ros .content p {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}













.sec5-hub-ros {
    padding: 80px 80px;
    background-color: #FFDC60;
    margin: 5%;
    border-radius: 10px;
}

.sec5-hub-ros .head {}

.sec5-hub-ros .head h2 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px; /* 120% */
    letter-spacing: -1.5px;
    margin: 0 0 140px;
}

.sec5-hub-ros .head .contact {}

.sec5-hub-ros .head .contact a {}

.sec5-hub-ros .row.row-1 {
    transition: .5s all ease-in-out;
    display: flex;
    align-items: center;
    padding: 20px 0;
    border-top: solid 1px #000;
}

.sec5-hub-ros .row.row-1 .icon1 {
}

.sec5-hub-ros .row.row-1 .icon1 img {}

.sec5-hub-ros .row.row-1:last-child {
    border-bottom: solid 1px #000;
}

.sec5-hub-ros .title {}

.sec5-hub-ros .title a {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -0.9px;
}

.sec5-hub-ros .angle {
    text-align: right;
    margin-right: 20px;
}

.sec5-hub-ros .row.row-1:hover {
    background-color: #fff;
}

.sec5-hub-ros .row.row-1:hover img {
    filter: brightness(0) invert(0);
    transition: .5s all ease-in-out;
}


.sec6-hub-ros {
    position: relative;
    clear: both;
    background-color: #423EF3;
    padding: 70px 0px 79px;
    margin-bottom: 40px;
}

.sec6-hub-ros .container-fluid{
    padding: 0 100px;
}

.sec6-hub-ros .top{
    
}
.sec6-hub-ros .head {
    position: relative;
    top: 0px;
}
.sec6-hub-ros .head h2 {
    color: #FFF;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 61px;
    letter-spacing: -1.5px;
}
.sec6-hub-ros .head p {
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 26px; 
    letter-spacing: -0.54px;
}

.sec6-hub-ros .pic {
    position: relative;
}


.sec6-hub-ros .pic img {
    width: 740px;
    position: absolute;
    top: -30px;
    left: -35px;
}
.sec6-hub-ros .head .contact {
    margin-top: 40px;
}

.sec6-hub-ros .head .contact a {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    background-color: #FFDC60;
    padding: 20px 40px;
    border-radius: 5px;
    display: inline-block;
}

.sec3-hub-ros {
    padding: 80px 0 150px;
    background-color: #292930;
}

.sec3-hub-ros .head {
    text-align: center;
    margin-bottom: 60px;
}

.sec3-hub-ros .head h2 {
    color: #FFF;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
     /* 120% */
    letter-spacing: -1.5px;
}

.sec3-hub-ros .main {
    min-height: 0;
    background-color: #fff;
    height: 420px;
    padding: 60px 60px;
    position: relative;
    margin: 0 20px;
}

.sec3-hub-ros .main .icon-img {position: absolute;top: -33px;left: -42px;}

.sec3-hub-ros .main .title {}

.sec3-hub-ros .main .title h3 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -0.96px;
}

.sec3-hub-ros .main .title p {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}
.sec3-hub-ros .container-fluid {
    padding: 0 100px;
}


.sec4-hub-ros {
    padding: 80px 0 0;
}

.sec4-hub-ros .head {
    text-align: center;
    margin: 0 0 60px;
}

.sec4-hub-ros .head h2 {
    color: #000;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
     /* 120% */
    letter-spacing: -1.5px;
}

.sec4-hub-ros .head h2 span {
    color: #FFCC4A;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.sec4-hub-ros .main {
    background: no-repeat;
    height: auto;
    text-align: center;
    padding: 0;
}

.sec4-hub-ros .main .pic {
    text-align: center;
}

.sec4-hub-ros .main .pic img {
  margin: auto;
}

.sec4-hub-ros .main .pic {}

.sec4-hub-ros .main .disc {}

.sec4-hub-ros .main .disc h3 {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.72px;
    margin: 30px 0  20px;
}

.sec4-hub-ros .main .disc p {
    color: #8A90A2;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
}

.sec4-hub-ros .start {
    text-align: center;
    margin-top: 60px;
}

.sec4-hub-ros .start a {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    background-color: #89CEFB;
    padding: 20px 40px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 50px;
}

.sec3-hub-ros ul.slick-dots {
    bottom: -60px;
}

.sec3-hub-ros .slick-dots .slick-active button {
    background: #FFFFFF;
}

.sec3-hub-ros .slick-dots button {
    background: #6d6d6d;
}
.sec3-hub-ros  .slick-track {
    padding: 50px 0;
}

.sec4-hub-ros .slick-arrow {
    right: -180px;
}
.sec4-hub-ros .slick-next.slick-arrow {
    left: -180px;
}

/* b2b Appointment Setting CSS */
.sec1-hub-ass{
      background-color: #f7f8fd;
      position: relative;
      clear: both;
}

.sec1-hub-ass .head h2{
  color: #292930;font-family: 'DM Sans', sans-serif;font-size: 55px;font-weight: 700;line-height: 65px;letter-spacing: -1.95px;
}
.sec1-hub-ass .head h2 span {
    color: #FFCC4A;
    font-family: 'DM Sans', sans-serif;
    font-size: 65px;
    font-style: normal;
    font-weight: 700;
    line-height: 74px;
    letter-spacing: -1.95px;
}

.sec1-hub-ass .inner-banner .head h2:before{
  display: none;
}
.sec1-hub-ass:after {
    position: absolute;
    content: '';
    bottom: -20px;
    left: 0;
    height: 111px;
    width: 103px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/B2b-app-setting/sec-pic-icon.png);
    background-repeat: no-repeat;
}
 
.sec2-hub-ass {
    padding: 80px 0;
}

.sec2-hub-ass .head {}

.sec2-hub-ass .head h2 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; /* 120% */
    letter-spacing: -1.5px;
}

.sec2-hub-ass .head h2 span {
    color: #FFCC4A;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -1.5px;
}

.sec2-hub-ass .right-head {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.sec2-hub-ass .right-head p {}

.sec2-hub-ass .row.main-top {
    display: flex;
    align-items: center;
}
.sec3-hub-ass {
    padding: 80px 0;
}

.sec3-hub-ass .container-fluid {
    padding: 0 100px;
}

.sec3-hub-ass .head {
    text-align: center;
    margin-bottom: 70px;
}

.sec3-hub-ass .head h2 {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; /* 120% */
    letter-spacing: -1.5px;
}

.sec3-hub-ass .pic {}

.sec3-hub-ass .pic img {
    width: 100%;
}

.sec3-hub-ass .head-right h3 {
    color: #292930;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 50.5px; /* 168.333% */
}

.sec3-hub-ass .head-right {}

.sec3-hub-ass .head-right p {
    color: #292930;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
}

.sec3-hub-ass .head-right p span {
    color: #292930;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; 
}

.sec-4-b2b.appt-set-tab1 {
    padding: 50px 0;
    background: #F7F8FD;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/b2b-saas-demo/shape.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 45%;
}

.sec-4-b2b.appt-set-tab1 .tab-content {
    /* background-color: #f7f8fd; */
      padding: 0 7%;
  display: none;
}
.sec-4-b2b.appt-set-tab1 #tab-1 {
    display: block;
}
.sec-4-b2b.appt-set-tab1 ul.tabs-menu {
    padding: 0;
    margin: 0;
}
.sec-4-b2b.appt-set-tab1 .tabs-menu li {
    border: solid 1px #FFDC60;
      display: inline-block;
}

.sec-4-b2b.appt-set-tab1 .tabs-menu .current a {
    background-color: #FFDC60;
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
     /* 400% */
    padding: 7px 20px;
}

.sec-4-b2b.appt-set-tab1 .tabs-menu li a {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 7px 20px;
}

.sec-4-b2b.appt-set-tab1 .head {padding-right: 32px;}

.sec-4-b2b.appt-set-tab1.head h2 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.9px;
}
.sec-4-b2b.appt-set-tab1.head p {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.sec-4-b2b.appt-set-tab1.head a {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    background-color: #89CEFB;
    padding: 20px 40px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 50px;
}

.sec-4-b2b.appt-set-tab1 .head-top {
    text-align: center;
    margin-bottom: 40px;
}

.sec-4-b2b.appt-set-tab1 .head-top h2 {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; 
    letter-spacing: -1.5px;
}

.sec-4-b2b.appt-set-tab1 .col-sm-7 {
    padding-left: 150px;
    padding-right: 80px;
}

.sec-4-b2b.appt-set-tab1 .pic {
  background: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/B2b-app-setting/Tablet.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  height: 450px;
  text-align: center;
  display: flex;
  margin-top: 50px;
}

.sec-4-b2b.appt-set-tab1 .pic img {
    width: auto;
  margin: auto;
}


.sec-4-b2b.appt-set-tab2 {
    padding: 50px 0;
    background: #F7F8FD;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/B2b-app-setting/shape.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 45%;
}

.sec-4-b2b.appt-set-tab2 .tab-content {
    /* background-color: #f7f8fd; */
      padding: 0 7%;
  display: none;
}
.sec-4-b2b.appt-set-tab2 #tab2-1 {
    display: block;
}
.sec-4-b2b.appt-set-tab2 ul.tabs-menu {
    padding: 0;
    margin: 0;
}
.sec-4-b2b.appt-set-tab2 .tabs-menu li {
    border: solid 1px #FFDC60;
      display: inline-block;
}

.sec-4-b2b.appt-set-tab2 .tabs-menu .current a {
    background-color: #FFDC60;
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
     /* 400% */
    padding: 7px 20px;
}

.sec-4-b2b.appt-set-tab2 .tabs-menu li a {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 7px 20px;
}

.sec-4-b2b.appt-set-tab2 .head {padding-right: 32px;}

.sec-4-b2b.appt-set-tab2.head h2 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.9px;
}
.sec-4-b2b.appt-set-tab2.head p {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.sec-4-b2b.appt-set-tab2.head a {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    background-color: #89CEFB;
    padding: 20px 40px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 50px;
}

.sec-4-b2b.appt-set-tab2 .head-top {
    text-align: center;
    margin-bottom: 40px;
}

.sec-4-b2b.appt-set-tab2 .head-top h2 {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; 
    letter-spacing: -1.5px;
}

.sec-4-b2b.appt-set-tab2 .col-sm-7 {
    padding-left: 150px;
    padding-right: 80px;
}

.sec-4-b2b.appt-set-tab2 .pic {
  background: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/B2b-app-setting/Tablet.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  height: 450px;
  text-align: center;
  display: flex;
  margin-top: 50px;
}

.sec-4-b2b.appt-set-tab2 .pic img {
    width: auto;
  margin: auto;
}

.sec-7-b2b.appt-serv {
    clear: both;
    border-radius: 20px;
    padding: 80px 080px;
}

.sec-7-b2b.appt-serv .head {
    text-align: center;
    margin-bottom: 60px;
}

.sec-7-b2b.appt-serv .head h2 {
    color: #292930;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 50px; /* 125% */
}


.sec-7-b2b.appt-serv .main {
    min-height: 0;
    background-color: #F7F8FD;
    height: 340px;
    margin-bottom: 30px;
    padding: 30px 22px;
    transition: .5s all ease-in-out;
  display: block;
}

.sec-7-b2b.appt-serv .main .title {}

.sec-7-b2b.appt-serv .main .title h3 {
    color: #1EE2CF;
    font-family: 'DM Sans', sans-serif;
    font-size: 24px;
    font-weight: 500;
     /* 133.333% */
    letter-spacing: -0.72px;
    position: relative;
    margin-left: 0;
    z-index: 999;
    min-height: 70px;
    margin-bottom: 20px;
    text-align: center;
  line-height: 28px;
}
.sec-7-b2b.appt-serv .main .title h3:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #1EE2CF30;
    z-index: -1;
}

.sec-7-b2b.appt-serv .main .content {}

.sec-7-b2b.appt-serv .main .content p { /* 183.333% */color: #29292B;font-family: 'Poppins', sans-serif;font-size: 16px;font-style: normal;font-weight: 300;line-height: 20px; /* 125% */}
.sec-7-b2b.appt-serv .main:hover {
    transition: .5s all ease-in-out;
    box-shadow: 0px 8px 0px 0px #1EE2CF;
    background-color: #fff;
}
.sec-7-b2b.appt-serv  h3.sub{
  color: #29292B;
  font-size: 40px;
  font-family: 'DM Sans', sans-serif;
  font-weight: 400;
  line-height: 36px;
  max-width: 50%;
  margin: 0 auto 30px;
}


.sec-4-b2b.tabs_appointment {
    padding: 80px 0;
    background: #F7F8FD;
}

.sec-4-b2b.tabs_appointment .tab-content {
    background-color: #f7f8fd;
  display: none;
}
.sec-4-b2b.tabs_appointment div#tab-b2b-1{
  display: block;
}
/*.*/
.sec-4-b2b.tabs_appointment .tabs-menu li {
    border: none;
    display: inline-block;
}

.sec-4-b2b.tabs_appointment .tabs-menu .current a {
    background-color: #89CEFB;
    color: var(--dark, #171151);
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px; /* 94.444% */
    padding: 10px 50px;
    border-radius: 10px;
    display: inline-block;
}

.sec-4-b2b.tabs_appointment .tabs-menu li a {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 7px 50px;
}

.sec-4-b2b.tabs_appointment .head {
}

.sec-4-b2b.tabs_appointment .head h2 {color: #292930;font-family: 'DM Sans', sans-serif;font-size: 45px;font-weight: 700;line-height: 50px; /* 120% */letter-spacing: -1.5px;margin-bottom: 20px;}

.sec-4-b2b.tabs_appointment .head p {color: #2D2F33;font-family: 'DM Sans', sans-serif;font-size: 18px;font-weight: 400;line-height: 30px; /* 166.667% */position: relative;margin-left: 36px;}

.sec-4-b2b.tabs_appointment .head a {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    background-color: #89CEFB;
    padding: 20px 40px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 50px;
}

.sec-4-b2b.tabs_appointment .head-top {
    text-align: center;
    margin-bottom: 40px;
}

.sec-4-b2b.tabs_appointment .head-top h2 {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; 
    letter-spacing: -1.5px;
}

.sec-4-b2b.tabs_appointment .col-sm-7 {
    padding-left: 90px;
}

.sec-4-b2b.tabs_appointment .pic {}

.sec-4-b2b.tabs_appointment .pic img {
    height: 496px;
    width: 100%;
}

.sec-4-b2b.tabs_appointment ul.tabs-menu {
    bottom: 0;
    border: solid 1px #000;
    width: 75%;
    padding: 5px 10px;
    height: 50px;
    border-radius: 10px;
}

.sec-4-b2b.tabs_appointment .head h4 {
    color: #423EF3;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: 45px; /* 142.857% */
    position: relative;
    margin-left: 36px;
    margin-bottom: 20px;
}

.sec-4-b2b.tabs_appointment .head h4:before {
    content: '';
    position: absolute;
    top: 0;
    left: -40px;
    height: 93px;
    width: 18px;
    border-radius: 10px;
    background: #FFDC60;
}

.sec-4-b2b.tabs_appointment .head p:before {
    content: '';
    position: absolute;
    top: 0;
    left: -40px;
    height: 93px;
    width: 18px;
    background-color: #FFF7DC;
    border-radius: 10px;
}

.sec-4-b2b.tabs_appointment ul.slick-dots li button {
    height: 93px;
    width: 18px;
    border-radius: 10px;
    background: #FFF7DC;
    border: 0;
}
.sec-4-b2b.tabs_appointment ul.slick-dots li {
    list-style: none;
    border: 0;
    font-size: 0;
    margin-bottom: 30px;
  display: block;
}
.sec-4-b2b.tabs_appointment ul.slick-dots {
    position: absolute;
        left: 0;
    top: 131px;
      width: auto;
    text-align: left;
}
.sec-4-b2b.tabs_appointment .head h4:before{
    display: none;
}
.sec-4-b2b.tabs_appointment .head p:before{
    display: none;
}
.sec-4-b2b.tabs_appointment ul.slick-dots li.slick-active button {
    background: #FFDC60;
}
.sec-4-b2b.tabs_appointment .pic {
    margin-top: 70px;
}

.sec10-hub-cms {padding: 100px 80px;background-color: #FFDC60;margin: 4%;border-radius: 10px;overflow: hidden;position: relative;}

.sec10-hub-cms .head {}

.sec10-hub-cms .head h5 {
    color: #665826;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px; /* 166.667% */
    position: relative;
    left: 18px;
}

.sec10-hub-cms .head h2 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
     /* 134% */
    letter-spacing: -1.5px;
    margin: 0 0 10px;
}

.sec10-hub-cms .head h5:before {
    content: '';
    position: absolute;
    top: 11px;
    left: -15px;
    height: 8px;
    width: 8px;
    background-color: #665826;
    border-radius: 50%;
}

.row {}

.sec10-hub-cms .pic {
    margin-bottom: 40px;
}

.sec10-hub-cms .pic img {
    width: 100%;
}

.sec10-hub-cms .pic .content {}

.sec10-hub-cms .content h5 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    display: inline-block;
}

.sec10-hub-cms .content h6 {
    opacity: 0.6;
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    margin-left: 70px;
    display: inline-block;
    margin-bottom: 30px;
}

.sec10-hub-cms .pic .content h3 {}

.sec10-hub-cms .content {}

.sec10-hub-cms .content h3 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.78px;
}

.sec10-hub-cms h4 {}

.sec10-hub-cms .form-contact {}

.sec10-hub-cms .form-contact h4 {
    color: var(--black-main-shade, #0F0F0F);
    font-family: 'DM Sans', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
     /* 141.667% */
    letter-spacing: -0.72px;
    margin-bottom: 40px;
}

.sec10-hub-cms .form-contact h4 i {
    margin-right: 10px;
}

.sec10-hub-cms .form-contact input[type="text"] {
    width: 100%;
    border-radius: 10px;
    border: none;
    padding: 15px 30px;
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px; /* 173.333% */
    margin-bottom: 20px;
}

.sec10-hub-cms .form-contact input[type="email"] {
    width: 100%;
    border-radius: 10px;
    border: none;
    padding: 15px 30px;
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 20px;
}

.sec10-hub-cms .form-contact textarea {
    width: 100%;
    border-radius: 10px;
    border: none;
    padding: 20px 30px;
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 20px;
    height: 215px;
    resize: none;
}

.sec10-hub-cms .form-contact input[type="submit"] {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700; 
    padding: 16px 40px;
    border: none;
    background-color: #89CEFB;
    border-radius: 10px;
}
.sec10-hub-cms .head ul {
    padding: 0;
    list-style: none;
    margin: 40px 0 0;
}

.sec10-hub-cms .head ul li {
    margin-bottom: 20px;
}

.sec10-hub-cms .head ul li a {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.sec10-hub-cms .head ul li a img {
    margin-right: 20px;
}

.sec10-hub-cms .col-sm-6.two .head p {color: #292930;font-family: 'Poppins', sans-serif;font-size: 18px;font-weight: 300;line-height: normal;letter-spacing: -0.54px;}

.sec10-hub-cms .col-sm-6.two .head {
    margin-bottom: 40px;
}


.sec10-hub-cms:before {
    content: '';
    position: absolute;
    top: 10px;
    right: 30px;
    height: 56px;
    width: 66px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/B2b-app-setting/form-top.png);
    background-repeat: no-repeat;
}

.sec10-hub-cms:after {
    content: '';
    position: absolute;
    bottom: 30px;
    right: 30px;
    height: 56px;
    width: 66px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/B2b-app-setting/form-botom.png);
    background-repeat: no-repeat;
}



/* HubSpot Implementation Services CSS */
.sec-wci {
    padding: 80px 0;
}

.sec-wci .head h2 {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -1.5px;
}

.sec-wci .head {
    margin-bottom: 60px;
    text-align: center;
}

.sec-wci .main.one {
    background-color: #fffbef;
}

.sec-wci .main {
    padding: 30px 20px;
    min-height: 510px;
    text-align: center;
    margin-bottom: 30px;
}

.sec-wci .main .pic {
    margin-bottom: 20px;
}

.sec-wci .main .pic img {
    height: 100px;
}

.sec-wci .main .disc {}

.sec-wci .main .disc h3 {
    font-family: 'DM Sans', sans-serif;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
    line-height: 38px;
}

.sec-wci .main .disc p {
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
}

.sec-wci .main.two {
    background-color: #f2faff;
}

.sec-wci .main.three {
    background-color: #fff7f7;
}

.sec-wci .main.four {
    background-color: #eeeefd;
}

.sec-wci .main.five {
    background-color: #e8fcfa;
}
.sec-10-b2b .head .free {
    margin-top: 20px;
}

.sec-10-b2b .head .free a {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    background-color: #FFDC60;
    padding: 20px 40px;
    border-radius: 5px;
    display: inline-block;
      line-height: initial;
}

/* Hubspot Onboarding Services CSS */

.inner-page-banner-area.sec1-onboard {
    position: relative;
}
.inner-page-banner-area.sec1-onboard:before{
    content:'';
    position: absolute;
    background: #FFDC60;
    width: 32vw;
    height: 100%;
    right: 0;
    top: 0;
}
.hs-content-id-133457029000 header.header .top-btn a {
    background: #82cefd;
}

.sec-2-b2b.sec2-onboard .head h2 span {
    color: #423EF3;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -1.5px;
}
.sec-2-b2b.sec2-onboard .head p {
    color: #8A90A2;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}


.sec-3-b2b-onboard .content h3 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -1.5px;
}

.sec-3-b2b-onboard .content h4 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px; 
    letter-spacing: -0.72px;
}
.sec-3-b2b-onboard  .content p {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin: 0 0 5px;
}

.sec-3-b2b-onboard .container-fluid {
    padding: 0;
}


.sec-7-b2b.sec-4-b2b-onboard {
    clear: both;
    border-radius: 20px;
    background-color: #F7F8FD;
    padding: 80px 080px;
}

.sec-7-b2b.sec-4-b2b-onboard .head {
    text-align: center;
    margin-bottom: 60px;
}

.sec-7-b2b.sec-4-b2b-onboard .head h2 {
    color: #292930;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 50px; /* 125% */
}


.sec-7-b2b.sec-4-b2b-onboard .main {
    min-height: 0;
    background-color: #fff;
    height: 390px;
    margin-bottom: 30px;
    padding: 30px 22px;
    transition: .5s all ease-in-out;
  display: block;
}
.sec-7-b2b.sec-4-b2b-onboard  .main:hover {
    transition: .5s all ease-in-out;
    box-shadow: var(--hover-box-shadow);
}
.sec-7-b2b.sec-4-b2b-onboard .main.ten:hover {
    transition: .5s all ease-in-out;
    box-shadow: 0px 8px 0px 0px #881821;
}

.sec-7-b2b.sec-4-b2b-onboard .main .title {}

.sec-7-b2b.sec-4-b2b-onboard .main .title h3 {
    color: var(--item-color);
    font-family: 'DM Sans', sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.72px;
    position: relative;
    margin-left: 20px;
    z-index: 999;
    min-height: 70px;
    margin-bottom: 0;
}
.sec-7-b2b .main .title h3:before {
    content: '';
    position: absolute;
    top: -15px;
    left: -20px;
    height: 60px;
    width: 60px;
    background-color: var(--item-color);
    z-index: -1;
      opacity: .2;
}
.sec-7-b2b.sec-4-b2b-onboard .main .content p {
    color: #29292B;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
}


.sec-subject.onboard-faq {
    padding: 80px 0;
    background-color: #F7F8FD;
}

.sec-subject.onboard-faq .head {
    text-align: center;
    margin-bottom: 70px;
}

.sec-subject.onboard-faq .head h2 {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px; /* 120% */
    letter-spacing: -1.5px;
}

.sec-subject.onboard-faq .pic {
}

.sec-subject.onboard-faq .pic img {
    width: 100%;
    height: 850px;
}


.sec-subject.onboard-faq .set {margin-bottom: 15px;}

.sec-subject.onboard-faq .set a {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 37px; /* 154.167% */
    letter-spacing: -0.72px;
    border-radius: 6px;
    background: #F0F0F0;
    padding: 0 30px;
    width: 100%;
    height: 110px;
    display: flex;
    align-items: center;
      justify-content: space-between;
}

.sec-subject.onboard-faq .container-fluid {
    padding: 0 200px;
}


.sec-subject.onboard-faq .content {
    border-radius: 6px;
    background: #F6F6F6;
    padding: 20px 20px 20px 40px;
  display: none;
}

.sec-subject.onboard-faq .content p {
    color: #292930;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: -0.54px;
    margin: 0;
}

.sec-subject.onboard-faq .content p strong {
    color: #292930;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 144.444% */
    letter-spacing: -0.54px;
}

.sec-subject.onboard-faq .set a img {
    transform: rotate(-90deg);
    transition: all ease .5s;
}
.sec-subject.onboard-faq .set a.active img {
    transform: rotate(0deg);
    transition: all ease .5s;
}


/* Hubspot Migration Services CSS */

.sec-2-b2b.sec-1-migr {
    padding: 80px 0;
    background: #F7F8FD;
}
.sec-2-b2b.sec-1-migr .head {
    text-align: center;
}
.sec-2-b2b.sec-1-migr .head h2 {
    position: relative;
    display: inline-block;
    z-index: 9;
}
.sec-2-b2b.sec-1-migr .head h2:before {
    content: '';
    position: absolute;
    top: 40px;
    left: 0;
    height: 11px;
    width: 249px;
    background: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/inner-bannerline.png) no-repeat;
    z-index: -1;
}
.sec-2-b2b.sec-1-migr .head p {
    color: #8A90A2;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.6px;
}

.sec-3-migr {
    padding: 80px 0;
    background: #F7F8FD;
    position: relative;
}
.sec-3-migr:before {
    content: "";
    background: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/migration-services/sec-3-migr.png) no-repeat;
    position: absolute;
    right: 133px;
    top: 80px;
    z-index: 9999;
    width: 44px;
    height: 44px;
}

.sec-3-migr .head {
    text-align: center;
    margin-bottom: 60px;
}

.sec-3-migr .head h2 {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px; 
    letter-spacing: -1.5px;
}

.sec-3-migr .pic {}

.sec-3-migr .pic img {width: 100%;}

.sec-3-migr .content {}

.sec-3-migr .content h3 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -1.5px;
}

.sec-3-migr .content h4 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px; 
    letter-spacing: -0.72px;
}
.sec-3-migr .content p {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin: 0 0 5px;
}
.sec-3-migr .container-fluid {
    padding: 0 40px;
}
.sec-4-migr .sec-7-b2b.sec-4-b2b-onboard .main.ten {
    display: none;
}
.sec-4-migr .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
}
.sec-4-migr .sec-7-b2b .container-fluid{
      padding: 0 300px;
}
.sec-4-migr .head h2{
  position: relative;
    display: inline-block;
    z-index: 9;
}
.sec-4-migr .sec-7-b2b .head h2:before {
    content: '';
    position: absolute;
    bottom: 61px;
    left: 0;
    height: 11px;
    width: 249px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/inner-bannerline.png);
    z-index: -1;
}
.sec-5-migr .sec5-hub-ts .main .pic {
    margin-bottom: 0;
    position: absolute;
    top: 45px;
    left: 50px;
}
.sec-5-migr  .sec5-hub-ts .main .content h4 {
    padding-left: 30px;
    margin-bottom: 40px;
    display: block;
}
.sec-5-migr .sec5-hub-ts .head h2:before {
    bottom: 71px;
}

/* LinkedIn Lead Generation CSS */


.sec-4-llg {
    padding: 80px 0;
}

.sec-4-llg .head {
    text-align: center;
    margin-bottom: 60px;
}

.sec-4-llg h2 {
    color: #292930;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px; 
    letter-spacing: -1.5px;
}

.sec-4-llg .row.main-top {
    display: flex;
    align-items: center;
}

.sec-4-llg .head-left {}

.sec-4-llg  h3 {
    color: #292930;
    font-size: 50px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -1.5px;
}

.sec-4-llg  p {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.sec-5-llg {
    padding: 80px 0;
}

.sec-5-llg .head {
    text-align: center;
    margin-bottom: 60px;
}

.sec-5-llg .head h2 {
    color: #292930;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -1.5px;
    margin: 0 0 20px;
}

.sec-5-llg .head p {
    color: #292930;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.6px;
    padding: 0 120px;
}

.sec-5-llg .top {margin-bottom: 10px;transition: .5s all ease-in-out;padding: 20px;}

.sec-5-llg .top .main-1 {
    padding: 30px;
    border: solid 1px #fff;
    transition: .5s all ease-in-out;
}

.sec-5-llg .top .main-1 .pic {
    margin-bottom: 40px;
    text-align: center;
}

.sec-5-llg .top .main-1 .pic img {}

.sec-5-llg .top .main-1 .disc {}

.sec-5-llg .top .main-1 .disc h3 {
    color: #292930;
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    line-height: 34px; 
    letter-spacing: -0.96px;
}

.sec-5-llg .top .main-1 .disc p {
    color: #8A90A2;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px; 
    margin: 0;
}

.sec-5-llg .top .main-1:hover {
    padding: 30px;
    border: solid 1px #F0F0F6;
    height: auto;
    transition: .5s all ease-in-out;
}

.sec-5-llg .top:hover {
    padding: 20px;
    text-align: center;
    stroke: #F0F1F6;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.04));
    background-color: #fff;
}

.sec-6-llg {
    padding: 80px 0;
}

.sec-6-llg .head {
    text-align: center;
    margin-bottom: 70px;
}

.sec-6-llg .head h6 {
    color: #292930;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px; 
    letter-spacing: -0.6px;
    margin: 0 0 50px;
}

.sec-6-llg .head h2 {
    color: #292930;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px; 
    letter-spacing: -1.5px;
    margin: 0 0 20px;
}

.sec-6-llg .head p {
    color: #292930;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px; 
    letter-spacing: -0.6px;
    padding: 0 200px;
}

.sec-6-llg .top {
    text-align: center;
    padding: 50px 25px;
    border: solid 10px #fff;
    margin-bottom: 20px;
    transition: .5s all ease-in-out;
}

.sec-6-llg .top .disc {}

.sec-6-llg .top .disc h3 {
    color: #292930;
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    line-height: 34px; 
    letter-spacing: -0.96px;
}

.sec-6-llg .top .disc p {
    color: #8A90A2;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px; 
}

.sec-6-llg .top:hover {
    padding: 50px 25px;
    border: solid 10px #D4DAE8;
    margin-bottom: 20px;
    transition: .5s all ease-in-out;
}

.sec-7-llg {
    padding: 80px 0;
}

.sec-7-llg .head {
    text-align: center;
    margin: 0 0 60px;
}

.sec-7-llg .head h2 {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px; /* 110% */
    letter-spacing: -1.5px;
}

.sec-7-llg .col-sm-6.one {
    background-color: #113c96;
    padding: 70px 45px;
}

.sec-7-llg .main-1 {}

.sec-7-llg .main-1 h3 {
    color: #FFF;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px; /* 120% */
    letter-spacing: -0.9px;
    margin-bottom: 30px;
}

.sec-7-llg .main-1 p {
    color: #E3E6ED;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 166.667% */
}

.sec-7-llg .col-sm-6.two {background-color: #ffdc73;padding: 70px 45px;}



.sec-7-llg .main-2 h3 {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px; /* 120% */
    letter-spacing: -0.9px;
}

.sec-7-llg .main-2 p {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; 
}

.sec-7-llg .col-sm-6.three {
    background-color: #86d0f3;
    padding: 70px 45px;
}

.sec-7-llg .col-sm-6.four {
    background-color: #caeef5;
    padding: 70px 45px;
}
.sec-7-llg .row-fluid {
    justify-content: center;
}


/* About Us CSS */

.about-us-banner{
  background-color: #f7f8fd;
  position: relative;
}
.about-us-banner:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 43%;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/about/banner-back-pic.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.about-us-banner .inner-banner .head h2{
      color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: -1.95px;
}
.about-us-banner .inner-banner .head {
    padding-top: 120px;
}
.about-us-banner .inner-banner {
    padding: 0px 0;
}
.sec-who-about {
    padding: 0px 0 80px;
}

.sec-who-about .head {
    text-align: center;
    margin-bottom: 60px;
}

.sec-who-about .head h2 {
    color: #292930;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px; 
    letter-spacing: -1.5px;
}

.sec-who-about .head p {
    color: #8A90A2;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px; /
    padding: 0 300px;
}

.sec-who-about .main-1 {
    padding: 40px 20px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 26px 50px 0px rgba(203, 206, 225, 0.24);
    margin-bottom: 50px;
    text-align: left;
    min-height: 290px;
}

.sec-who-about .main-1 .pic {
    text-align: left;
}

.sec-who-about .main-1 .pic img {}

.sec-who-about .main-1 .pic {
    margin-bottom: 30px;
}

.sec-who-about .main-1 .disc {}

.sec-who-about .main-1 .disc h3 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: -0.72px;
}

.sec-who-about .main-1 .disc h6 {}

.sec-who-about .main-1 .disc h5 {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; 
}

.sec-who-about .row.bottom {
    background-color: #F7F8FD;
    padding: 40px 100px;
    border-radius: 20px;
}
.sec-who-about .container {
    border-top: solid 1px #cccccc50;
    padding-top: 80px;
}

.sec-5-audit.sec-about-tab .head h2 {
    position: relative;
    z-index: 9;
}
.sec-5-audit.sec-about-tab .head h2:before{
  content: '';
  background: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/inner-bannerline.png) no-repeat;
    width: 290px;
    height: 12px;
    z-index: -1;
    top: 37px;
    left: 0;
    background-size: contain;
    position: absolute;
}

section.sec-partner-about {
    padding: 50px 0;
}
.sec-partner-about  .head h2 {
    color: #292930;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -1.5px;
  margin-bottom: 70px;
}
.sec-partner-about img.line-dot {
    width: 100%;
}
.sec-partner-about .main .pic {
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    height: 120px;
}

.sec-success {
    padding: 80px 0;
}

.sec-success .head {
    text-align: center;
    margin-bottom: 50px;
}

.sec-success .head h2 {
    color: #292930;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px; /* 120% */
    letter-spacing: -1.5px;
}

.sec-success .main-1 {
    margin-bottom: 30px;
    position: relative;
    transition: .5s all ease-in-out;
}

.sec-success .main-1 .pic {position: relative;}


.sec-success .main-1 .disc {position: absolute;top: 120px;left: 0;right: 0;margin: 0 auto;opacity: 0;transition: .5s all ease-in-out;}

.sec-success .main-1 .pic img {
    width: 100%;
    border-radius: 12px;
}

.sec-success .main-1 .disc h3 {
    color: #292930;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.66px;
    margin: 0;
}

.sec-success .main-1 .disc h4 {
    color: #292930;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
}

.sec-success .head-botom {
    text-align: center;
    margin-top: 30px;
}

.sec-success .head-botom h2 {
    color: #292930;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -1.5px;
}

.sec-success .main-1:before {
}

.sec-success .main-1 .pic:before {
    content: '';
    position: absolute;
    height: 288px;
    width: 255px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/about/team-hover.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transition: .5s all ease-in-out;
    opacity: 0;
}

.sec-success .main-1:hover .pic:before {
    opacity: 1;
    transition: .5s all ease-in-out;
}

.sec-success .main-1:hover .disc {
    transition: .5s all ease-in-out;
    opacity: 1;
}


.sec1-esmms .inner-banner .head h2 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; 
    letter-spacing: -2.5px;
}
.sec1-esmms .inner-banner .head h2:before {
    top: 39px;
}


.sec2-esmms {
    padding: 120px 0 80px;
}

.sec2-esmms .pic img {
    width: 100%;
}

.sec2-esmms .pic {
    position: relative;
}

.sec2-esmms .head {position: relative;}

.sec2-esmms .head p {
    color: #8A90A2;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px; 
}

.sec2-esmms .head .about-link {margin-top: 40px;}

.sec2-esmms .head .about-link a {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    background-color: #89CEFB;
    padding: 15px 40px;
    border-radius: 5px;
}

.sec2-esmms .row {
    display: flex;
    align-items: center;
}


.sec2-esmms .head:before {
    content: '';
    position: absolute;
    bottom: -40px;
    right: -110px;
    width: 67px;
    height: 67px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/expert-smm/e3.png);
    background-repeat: no-repeat;
}

.sec2-esmms .head:after {
    content: '';
    position: absolute;
    top: -60px;
    right: 0px;
    width: 67px;
    height: 57px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/expert-smm/e4.png);
    background-repeat: no-repeat;
}

.sec2-esmms .pic:before {
    content: '';
    position: absolute;
        bottom: 0;
    left: 10%;
    height: 43px;
    width: 43px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/expert-smm/e1.png);
    background-repeat: no-repeat;
}



.sec4-esmms h2 {
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-size: 56px;
    font-weight: 700;
    line-height: 64px;
}

.sec4-esmms .download {
    margin-top: 40px;
}

.sec4-esmms .download a {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    background-color: #89CEFB;
    padding: 15px 40px;
    border-radius: 5px;
} 

.sec7-esmms {
    padding: 80px 80px 160px;
    background-color: #FFDC60;
    margin: 5%;
    border-radius: 10px;
    position: relative;
}

.sec7-esmms .container-fluid {}

.sec7-esmms .head {
    text-align: center;
    margin-bottom: 50px;
}

.sec7-esmms .head h5 {
    color: #00000060;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px; /* 166.667% */
    position: relative;
    display: inline-block;
}

.sec7-esmms .head h5:before {
    content: '';
    position: absolute;
    top: 11px;
    left: -15px;
    height: 8px;
    width: 8px;
    background-color: #00000060;
    border-radius: 50%;
}

.sec7-esmms .head h2 {
    color: #292930;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    line-height: 67px; /* 134% */
    letter-spacing: -1.5px;
}

.sec7-esmms .head-main {}

.sec7-esmms .head-main .disc {}

.sec7-esmms .head-main .disc h6 {}

.sec7-esmms .head-main .disc h3 {
    color: #292930;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px; /* 133.333% */
    letter-spacing: -0.9px;
    margin: 0 0 30px;
}

.sec7-esmms .head-main .pic {
    position: relative;
}

.sec7-esmms .head-main .pic img {
    width: 100%;
    border-radius: 20px;
}

.sec7-esmms .head-main .pic .link-arrow {
    position: absolute;
    top: 37%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    transition: .5s all ease-in-out;
    opacity: 0;
}

.sec7-esmms .head-main .pic .link-arrow a {}


.sec7-esmms .head-main .disc h6 {
    color: #292930;
    font-size: 16px;
    font-weight: 500;
}

.sec7-esmms .head-main .disc h3 i {
    font-size: 30px;
    padding-left: 40px;
    position: relative;
    top: 3px;
}

.sec7-esmms .head-main .pic .link-arrow a img {
    width: auto;
    margin: auto;
}

.sec7-esmms .head-main:hover .link-arrow {
    opacity: 1;
    transition: .5s all ease-in-out;
}

.sec7-esmms:before {
    content: '';
    position: absolute;
    top: -30px;
    left: 0;
    height: 157px;
    width: 137px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/expert-smm/project-before.png);
    background-repeat: no-repeat;
}

.sec7-esmms:after {
    content: '';
    position: absolute;
    bottom: 10px;
    right: 40px;
    height: 78px;
    width: 78px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/expert-smm/project-after.png);
    background-repeat: no-repeat;
}
.sec7-esmms .head-main .disc h3 div {
    display: inline-block;
}

.sec7-esmms .slick-dots button {
    border: none;
    background: #29293073;
    width: 11px;
    height: 11px;
    border-radius: 30px;
    font-size: 0;
    padding: 0px;
    margin-right: 7px;
}
.sec7-esmms .slick-dots .slick-active button {
    background: #000000;
    width: 30px;
}
.sec7-esmms .slick-dots {
    bottom: -80px;
}

.sec10-esmms  h2 {
    color: #292930;
    font-size: 70px;
    font-weight: 700;
    line-height: 72px;
    text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
}



.sec2-mad {
}
.sec2-mad .container-fluid {
    padding: 0;
}
.sec2-mad .head {
    text-align: center;
}

.sec2-mad .head h2 {
    color: #FFF;
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    line-height: 67px; 
    letter-spacing: -1.8px;
    margin: 80px 0 60px;
}

.sec2-mad .pic {}

.sec2-mad .pic img {
}

.sec2-mad .head-right {
  text-align: left;
}

.sec2-mad .head-right p {
    color: #FFF;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px; 
    letter-spacing: -0.54px;
}

.sec2-mad .row {
    display: flex;
    align-items: center;
}



.sec3-mad {
    padding: 80px 0;
    position: relative;
}

.sec3-mad .head {
    text-align: center;
    margin-bottom: 40px;
}

.sec3-mad  .top-main.one {
    background-color: #f6cdbb;
    padding: 40px 40px 9px 100px;
    border-radius: 10px;
    position: relative;
}

.sec3-mad  .top-main.one p {
    
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    
}

.sec3-mad  .top-main.two {
        background-color: #ffdf80;
    padding: 30px 30px 19px 93px;
    border-radius: 10px;
    position: relative;
}

.sec3-mad  .top-main.two p {
   
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    
}

.sec3-mad  .top-main.three {
    background-color: #d2c7e1;
    padding: 20px 30px 17px 80px;
    border-radius: 10px;
    position: relative;
}

.sec3-mad  .top-main.three p {
    
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin: 0;
}

.sec3-mad  .top-main.four {
        background-color: #71b5c2;
    padding: 20px 40px 3px 100px;
    border-radius: 10px;
    position: relative;
}

.sec3-mad  .top-main.four p {
    
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    
}

.sec3-mad .head h2 {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 67px; 
    letter-spacing: -1.8px;
}

.sec3-mad .top-main {margin-bottom: 30px;}


.sec3-mad .top-main.one:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 83px;
    top: 0;
    left: 0;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/meta-ads/vector1.png);
    background-repeat: no-repeat;
}

.sec3-mad .top-main.two:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 83px;
    top: 0;
    left: 0;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/meta-ads/vector2.png);
    background-repeat: no-repeat;
}

.sec3-mad .top-main.three:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 83px;
    top: 0;
    left: 0;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/meta-ads/vector3.png);
    background-repeat: no-repeat;
}

.sec3-mad .top-main.four:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 83px;
    top: 0;
    left: 0;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/meta-ads/vector4.png);
    background-repeat: no-repeat;
}

.sec3-mad:before {
    content: '';
    position: absolute;
    top: 44%;
    right: 5%;
    height: 95px;
    width: 91px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/meta-ads/bulb.png);
    background-repeat: no-repeat;
}


.sec3-mad:after {
    content: '';
    position: absolute;
    top: 9%;
    left: 3%;
    height: 97px;
    width: 92px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/meta-ads/comment.png);
    background-repeat: no-repeat;
}


.sec4-mad {
    padding: 80px 0;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/meta-ads/Testimonail-back.png);
    background-color: #F9FAFB;
}

.sec4-mad .head {
    text-align: center;
    margin-bottom: 60px;
}

.sec4-mad .head h5 {
    color: #8A90A2;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px; /* 166.667% */
}

.sec4-mad .head h2 {
    color: #292930;
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    line-height: 67px; /* 111.667% */
    letter-spacing: -1.8px;
}

.sec4-mad .main-top {
    text-align: center;
}

.sec4-mad .main-top .pic {
    margin-bottom: 30px;
}

.sec4-mad .main-top .pic img {
    margin: 0 auto;
}

.sec4-mad .main-top .disc {}

.sec4-mad .main-top .disc h3 {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; 
}

.sec4-mad .main-top .disc h4 {
    color: #8A90A2;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    margin: 20px 0 0;
    display: inline-block;
}

.sec4-mad .main-top .pic img {
    margin: 0 auto;
}

.sec4-mad .main-top .disc img {
    margin: 0 auto;
    display: inline-block;
}
.sec4-mad .main-top .disc .content {
    padding: 0 220px;
    margin-top: 20px;
}

.sec4-mad .main-top .disc .content p {
    color: #292930;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; 
}


.sec5-mad {
        padding: 90px 0 80px;
    background-repeat: no-repeat;
    background-color: #292930;
    position: relative;
}

.sec5-mad .head {
}

.sec5-mad .head h2 {
    color: #FFF;
    font-family: 'DM Sans', sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 67px; /* 111.667% */
    letter-spacing: -1.8px;
    margin: 0 0 20px;
}

.sec5-mad .head p {
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 25px; 
    letter-spacing: -0.54px;
}

.sec5-mad .head .cv-link {
    margin-top: 30px;
}

.sec5-mad .head .cv-link a {
    color: #FFDC60;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    border: solid 1px #3F3F47;
    padding: 13px 30px;
    border-radius: 10px;
    display: inline-block;
}

.sec5-mad .pic {}

.sec5-mad .pic img {
    width: 100%;
}

.sec5-mad .head .cv-link a i {
    margin-left: 15px;
}


.sec5-mad:before {
    content: '';
    position: absolute;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/meta-ads/sec5-before.png);
    background-repeat: no-repeat;
    height: 348px;
    width: 170px;
    top: 200px;
    right: 0;
    background-size: contain;
}

.sec5-mad:after {
    content: '';
    position: absolute;
    height: 158px;
    width: 170px;
    top: 100px;
    left: 0;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/meta-ads/sec5-after.png);
    background-repeat: no-repeat;
    background-size: contain;
}


.sec6-mad {
        padding: 90px 0 80px;
    background-repeat: no-repeat;
    background-color: #5956E9;
    position: relative;
}

.sec6-mad .head {
}

.sec6-mad .head h2 {
    color: #FFF;
    font-family: 'DM Sans', sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 67px;
    letter-spacing: -1.8px;
    margin: 0 0 20px;
}

.sec6-mad .head p {
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 25px; 
    letter-spacing: -0.54px;
}

.sec6-mad .head .cv-link {
    margin-top: 30px;
}

.sec6-mad .head .cv-link a {
    color: #fff;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    border: solid 1px #3F3F47;
    padding: 13px 30px;
    border-radius: 10px;
    display: inline-block;
}

.sec6-mad .pic {}

.sec6-mad .pic img {
    width: 100%;
}

.sec6-mad .head .cv-link a i {
    margin-left: 15px;
}


.sec6-mad:before {
    content: '';
    position: absolute;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/meta-ads/sec6-before.png);
    background-repeat: no-repeat;
    height: 148px;
    width: 170px;
    top: 100px;
    left: 0;
    background-size: contain;
}

.sec6-mad:after {
    content: '';
    position: absolute;
    height: 431px;
    width: 170px;
    top: 231px;
    right: 0;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/meta-ads/sec6-after.png);
    background-repeat: no-repeat;
    background-size: contain;
}




.sec7-mad {
    padding: 80px 0;
}

.sec7-mad .head {
    text-align: center;
    margin-bottom: 50px;
}

.sec7-mad .head h2 {
    color: #292930;
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    line-height: 67px; /* 111.667% */
    letter-spacing: -1.8px;
}

.sec7-mad .top {
    margin-bottom: 60px;
}


.sec7-mad  img {
      width: 100%;
    border-radius: 30px;
}

.sec7-mad  .head-2 {}

.sec7-mad  .head-2 p {
    color: #8A90A2;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px; 
}

.sec8-mad {
    padding: 80px 0;
    background-color: #292930;
}

.sec8-mad .pic {}

.sec8-mad .pic img {
    width: 100%;
}

.sec8-mad .head {}

.sec8-mad .head h2 {
    color: #FFF;
    font-size: 60px;
    font-weight: 700;
    line-height: 67px; 
    letter-spacing: -1.8px;
    margin: 0 0 20px;
}

.sec8-mad .head p {
    color: #FFF;
    font-size: 18px;
    font-weight: 300;
    line-height: 25px; 
    letter-spacing: -0.54px;
}

.sec8-mad .head .cv-link {
    margin-top: 30px;
}

.sec8-mad .head .cv-link a {
    color: #FFDC60;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    border: solid 1px #3F3F47;
    padding: 13px 30px;
    border-radius: 10px;
    display: inline-block;
}


.sec9-mad {
    padding: 80px 0;
    background-color: #5956E9;
    position: relative;
}

.sec9-mad  {}

.sec9-mad  h2 {
    color: #FFF;
    font-size: 45px;
    font-weight: 700;
    line-height: 50px; 
    letter-spacing: -1.35px;
}

.sec9-mad .head-right {}
.sec9-mad  div#hs_cos_wrapper_widget_1695244389394 {
    position: relative;
}
.sec9-mad input[type="email"] {
    width: 100%;
    color: #fff !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px; 
    border-radius: 5px;
    background: #6461FF;
    box-shadow: 0px 14px 15px 0px rgba(35, 33, 142, 0.04);
    border: none;
    padding: 20px 20px;
    display: inline-block;
    position: relative;
}

.sec9-mad input[type="submit"] {
    color: #292930;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px; 
    display: inline-block;
    width: 35%;
    padding: 11px 20px;
    border: none;
    border-radius: 5px;
    background-color: #FFDC60;
    position: absolute;
    right: 25px;
    top: 7px;
}

.sec9-mad  input[type="email"]::placeholder {
    color: #fff;
}
.sec9-mad:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 38px;
    width: 212px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/meta-ads/sec8-shape.png);
    background-repeat: no-repeat;
}

.sec9-mad .row.main-top {
    display: flex;
    align-items: center;
}


.sec2-gac {
    padding: 80px 0;
}

.sec2-gac .head {
    text-align: center;
    margin-bottom: 70px;
}

.sec2-gac .head h5 {
    margin: 0 0 10px;
    color: #8A90A2;
    font-size: 18px;
    font-weight: 500;
     /* 166.667% */
    position: relative;
    display: inline-block;
}

.sec2-gac .head h5:before {
    content: '';
    position: absolute;
    top: 4px;
    left: -20px;
    height: 10px;
    width: 10px;
    background-color: #FFDC60;
    border-radius: 50%;
}

.sec2-gac .head h2 {
    margin: 0 0 20px;
    color: #292930;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px; /* 120% */
    letter-spacing: -1.5px;
}

.sec2-gac .head h2 span {
    color: #423EF3;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -1.5px;
}

.sec2-gac .head p {
    color: #292930;
    font-size: 18px;
    font-weight: 300;
    line-height: 25px; /* 138.889% */
    letter-spacing: -0.54px;
}

.sec2-gac .main-top {
    padding: 30px 35px 20px;
    box-shadow: -1px 0px 10px -1px #ccc;
    margin-bottom: 50px;
    border-radius: 20px;
    min-height: 240px;
    transition: .5s all ease-in-out;
    border-bottom: solid 7px #fff;
}

.sec2-gac .main-top .pic {
    margin-bottom: 20px;
}

.sec2-gac .main-top .pic img {}

.sec2-gac .main-top .disc {}

.sec2-gac .main-top .disc h3 {
    color: #292930;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px; /* 133.333% */
    letter-spacing: -0.72px;
}

.sec2-gac .main-top:hover {
    transition: .5s all ease-in-out;
    border-bottom: solid 7px #ddfbf8;
}

.sec2-gac .head-bottom {
    padding: 30px 60px;
    border-radius: 20px;
    background: #1EE2CF;
}

.sec2-gac .head-bottom p {
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px; 
    letter-spacing: -0.54px;
}



.sec2-gac .main-top.one {
    transition: .5s all ease-in-out;
    border-bottom: solid 7px #fff;
}
.sec2-gac .main-top.two {
    transition: .5s all ease-in-out;
    border-bottom: solid 7px #fff;
}
.sec2-gac .main-top.three {
    transition: .5s all ease-in-out;
    border-bottom: solid 7px #fff;
}

.sec2-gac .main-top.one:hover {
    transition: .5s all ease-in-out;
    border-bottom: solid 7px #eee3fb;
}

.sec2-gac .main-top.two:hover {
    transition: .5s all ease-in-out;
    border-bottom: solid 7px #ffede6;
}

.sec2-gac .main-top.three:hover {
    transition: .5s all ease-in-out;
    border-bottom: solid 7px #ffe1e9;
}



.sec3-gac {
    padding: 80px 0;
    position: relative;
}

.sec3-gac .row.top {
    display: flex;
    align-items: center;
}

.sec3-gac .pic {
    position: relative;
    left: -80px;
}

.sec3-gac .pic img {
    width: 100%;
}

.sec3-gac .head {
    margin-bottom: 30px;
    
    
    
     /* 120% */
}

.sec3-gac .head h2 {
    color: #292930;
    font-size: 45px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -1.5px;
    position: relative;
}

.sec3-gac .head h2:before {
    content: '';
    position: absolute;
    top: 94px;
    left: 100px;
    height: 10px;
    width: 197px;
    background-image: url();
    background-repeat: no-repeat;
    z-index: -1;
}

.sec3-gac .head-bottom {
    padding-left: 70px;
}

.sec3-gac .head-bottom h3.one {
    position: relative;
}
.sec3-gac .head-bottom h3.two {
    position: relative;
}
.sec3-gac .head-bottom h3.three {
    position: relative;
}
.sec3-gac .head-bottom h3.four {
    position: relative;
}

.sec3-gac .head-bottom h3 {
    color: #292930;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.72px;
    margin: 0 0 10px;
}

.sec3-gac .head-bottom p {
    color: #8A90A2;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px; 
}

.sec3-gac .head-bottom h3.one:before {
    content: '';
    position: absolute;
    top: 0;
    left: -70px;
    height: 60px;
    width: 60px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/g-ads/sec3-icon1.png);
    background-repeat: no-repeat;
}

.sec3-gac .head-bottom h3.two:before {
    content: '';
    position: absolute;
    top: 0;
    left: -70px;
    height: 60px;
    width: 60px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/g-ads/sec3-icon2.png);
    background-repeat: no-repeat;
}

.sec3-gac .head-bottom h3.three:before {
    content: '';
    position: absolute;
    top: 0;
    left: -70px;
    height: 60px;
    width: 60px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/g-ads/sec3-icon3.png);
    background-repeat: no-repeat;
}

.sec3-gac .head-bottom h3.four:before {
    content: '';
    position: absolute;
    top: 0;
    left: -70px;
    height: 60px;
    width: 60px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/g-ads/sec3-icon1.png);
    background-repeat: no-repeat;
}

.sec3-gac:before {
    content: '';
    position: absolute;
    top: 614px;
    right: 70px;
    height: 90px;
    width: 90px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/g-ads/sec3-before.png);
    background-repeat: no-repeat;
}


.sec4-gac {
    padding: 80px 0;
}

.sec4-gac .head {
    text-align: center;
    margin-bottom: 60px;
}
.sec4-gac .main-head {
    margin-bottom: 50px;
}

.sec4-gac .head h5 {
    margin: 0 0 10px;
    color: #8A90A2;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    display: inline-block;
}

.sec4-gac .head h2 {
    margin: 0 0 20px;
    color: #292930;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -1.5px;
    position: relative;
}

.sec4-gac .head h5:before {
    content: '';
    position: absolute;
    top: 4px;
    left: -20px;
    height: 10px;
    width: 10px;
    background-color: #FFDC60;
    border-radius: 50%;
}

.sec4-gac .head h2:before {
    content: '';
    position: absolute;
    bottom: 10px;
    right: 300px;
    height: 10px;
    width: 197px;
  background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/g-ads/line.png);
    background-repeat: no-repeat;
    z-index: -1;
}

.sec4-gac .main-head {
    border-radius: 15px;
    padding: 30px 40px 20px;
    min-height: 335px;
    margin-bottom: 60px;
}

.sec4-gac .main-head h3 {
  color: #000;
    font-size: 30px;
    font-weight: 700;
    line-height: 35px;
}

.sec4-gac .main-head p {
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 27px; 
    margin: 0;
}



.sec5-gac {
    padding: 85px 0;
    background-color: #423EF3;
    position: relative;
}

.sec5-gac .head {}

.sec5-gac .head h4 {
    color: #FFF;
    font-size: 50px;
    font-weight: 700;
    line-height: 61px; /* 122% */
    letter-spacing: -1.5px;
    display: inline-block;
}

.sec5-gac input[type="email"] {
    width: 100%;
    color: #fff !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    border-radius: 5px;
    background: #6461FF;
    box-shadow: 0px 14px 15px 0px rgba(35, 33, 142, 0.04);
    border: none;
    padding: 20px 20px;
    display: inline-block;
    position: relative;
}

.sec5-gac input[type="submit"] {
    color: #292930;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    display: inline-block;
    width: 35%;
    padding: 11px 20px;
    border: none;
    border-radius: 5px;
    background-color: #FFDC60;
    position: absolute;
    right: 25px;
    top: 200px;
}

.sec5-gac input[type="email"]::placeholder {
    color: #fff;
}

.sec5-gac .head-right {
    margin-top: 30px;
}

.sec5-gac .pic {
    text-align: right;
}
.sec5-gac .pic img {
       width: auto;
    position: relative;
    z-index: 9;
}

.sec5-gac .row {
    display: flex;
    align-items: center;
}

.sec5-gac:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
        height: 527px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/g-ads/sec5-before.png);
    background-repeat: no-repeat;
    width: 617px;
      background-size: contain;
}

.sec5-gac:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
        height: 527px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/g-ads/sec5-before.png);
    background-repeat: no-repeat;
    width: 617px;
      background-size: contain;
}

.sec5-gac .head h5 {
    margin: 0 0 10px;
    color: #8A90A2;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    display: inline-block;
}

.sec5-gac .head h5 {
    margin: 0 0 10px;
    color: #8A90A2;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    display: inline-block;
}

.sec5-gac .head h5:before {
    content: '';
    position: absolute;
    top: 6px;
    left: -20px;
    height: 10px;
    width: 10px;
    background-color: #FFDC60;
    border-radius: 50%;
}


.google-ads-ban .inner-banner .head h2 {
    color: #292930;
    font-family: 'Poppins', sans-serif;
    font-size: 70px;
    font-weight: 700;
    line-height: 78px;
    letter-spacing: -4.35px;
    position: relative;
}
.google-ads-ban .inner-banner .head h2:before {
    top: 133px;
}



.sec1-lacms .head h2 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -2.5px;
}

.sec1-lacms .inner-banner .head h2:before{
  display: none;

}

.sec1-lacms .head .head-right input[type="email"] {
    width: 55%;
    color: #292930;
    font-size: 18px;
    font-weight: 400;
    padding: 18px 20px;
    border: none;
    margin-left: 10px;
}

.sec1-lacms .head .head-right input[type="submit"] {
    color: #292930;
    font-size: 16px;
    font-weight: 700;
    border: none;
    background-color: #89CEFB;
    padding: 14px 40px;
    border-radius: 10px;
}
.sec1-lacms .inner-banner .pic {
    position: relative;
    left: 100px;
  padding-right: 330px;
}


.sec2-lacms {
    padding: 80px 0;
    overflow: hidden;
}

.sec2-lacms .pic {
    position: relative;
}

.sec2-lacms .pic img {
    width: 100%;
}

.sec2-lacms .head {
    position: relative;
}

.sec2-lacms .head p {
    color: #8A90A2;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px; 
}

.sec2-lacms .head .about-link {
    margin-top: 30px;
}

.sec2-lacms .head .about-link a {
    color: #292930;
    font-size: 16px;
    font-weight: 700;
    line-height: 64px; 
    padding: 20px 40px;
    border-radius: 10px;
    background-color: #89CEFB;
}

.sec2-lacms .head:before {
    content: '';
    position: absolute;
    top: -90px;
    right: 0px;
    width: 67px;
    height: 57px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/expert-smm/e4.png);
    background-repeat: no-repeat;
}

.sec2-lacms .pic:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -200px;
    width: 78px;
    height: 78px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/expert-smm/project-after.png);
    background-repeat: no-repeat;
}


.sec3-lacms {
  position: relative;
}

.sec3-lacms .why-head {
    text-align: center;
    margin-bottom: 70px;
}

.sec3-lacms .why-head h2 {
    color: #292930;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    line-height: 56px; 
    letter-spacing: -2.5px;
}



.sec3-lacms  .head h2 {
    color: #292930;
    font-size: 50px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -2.5px;
    margin: 0 0 20px;
}

.sec3-lacms  .head p {
    color: #292930;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px; 
}

.sec3-lacms  .head h3 {
    color: #292930;
    font-size: 50px;
    font-weight: 700;
    line-height: 56px; 
    letter-spacing: -2.5px;
    margin: 30px 0 20px;
}


.sec3-lacms  .pic img {
    width: 100%;
}

.sec3-lacms:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 100px;
    width: 78px;
    height: 78px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/expert-smm/project-after.png);
    background-repeat: no-repeat;
}

.sec4-lacms .head {}

.sec4-lacms .head h2 {
    color: #292930;
    font-size: 47px;
    font-weight: 700;
    line-height: 56px; 
    letter-spacing: -2.5px;
    margin: 0 0 10px;
}

.sec4-lacms .head h3 {
    color: #292930;
    font-size: 46px;
    font-weight: 700;
    line-height: 56px; 
    letter-spacing: -2.5px;
    margin: 0 0 10px;
}

.sec4-lacms .head p {
    color: #292930;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px; 
}

.sec5-lacms .head h2 {
    color: #292930;
    font-size: 43px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -2.5px;
    margin: 0 0 10px;
}

.sec5-lacms .head h3 {
    color: #292930;
    font-size: 40px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -2.5px;
    margin: 0 0 10px;
}

.sec5-lacms .head p {
    color: #292930;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px; 
}



.sec7-lacms {
    padding: 80px 80px 160px;
    background-color: #F3F2EF;
    margin: 5%;
    border-radius: 10px;
    position: relative;
}

.sec7-lacms .container-fluid {}

.sec7-lacms .head {
    text-align: center;
    margin-bottom: 50px;
}

.sec7-lacms .head h5 {
    color: #00000060;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px; 
    position: relative;
    display: inline-block;
}

.sec7-lacms .head h5:before {
    content: '';
    position: absolute;
    top: 11px;
    left: -15px;
    height: 8px;
    width: 8px;
    background-color: #00000060;
    border-radius: 50%;
}

.sec7-lacms .head h2 {
    color: #292930;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    line-height: 67px; 
    letter-spacing: -1.5px;
}

.sec7-lacms .head-main {}

.sec7-lacms .head-main .disc {}

.sec7-lacms .head-main .disc h6 {}

.sec7-lacms .head-main .disc h3 {
    color: #292930;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px; 
    letter-spacing: -0.9px;
    margin: 0 0 30px;
}

.sec7-lacms .head-main .pic {
    position: relative;
}

.sec7-lacms .head-main .pic img {
    width: 100%;
    border-radius: 20px;
}

.sec7-lacms .head-main .pic .link-arrow {
    position: absolute;
    top: 37%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    transition: .5s all ease-in-out;
    opacity: 0;
}

.sec7-lacms .head-main .pic .link-arrow a {}


.sec7-lacms .head-main .disc h6 {
    color: #292930;
    font-size: 16px;
    font-weight: 500;
}

.sec7-lacms .head-main .disc h3 i {
    font-size: 30px;
    position: relative;
    top: -10px;
    right: -150px;
}

.sec7-lacms .head-main .pic .link-arrow a img {
    width: auto;
}

.sec7-lacms .head-main:hover .link-arrow {
    opacity: 1;
    transition: .5s all ease-in-out;
}

.sec7-lacms:before {
    content: '';
    position: absolute;
    top: -30px;
    left: 0;
    height: 157px;
    width: 137px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/linked-ads/project-before.png);
    background-repeat: no-repeat;
}

.sec7-lacms:after {
    content: '';
    position: absolute;
    bottom: 10px;
    right: 40px;
    height: 78px;
    width: 78px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/linked-ads/project-after.png);
    background-repeat: no-repeat;
}
.sec7-lacms .head-main .content {
    padding: 30px 30px;
    background-color: #fff;
    border-radius: 10px;
  min-height: 390px;
}

.sec7-lacms .head-main .content p {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px; 
    letter-spacing: -0.48px;
}
.sec7-lacms .head-main .disc h3 div {
    display: inline-block;
}

.sec8-lacms {
    padding: 0px 0 80px;
}

.sec8-lacms .head {
    text-align: center;
    margin-bottom: 60px;
}

.sec8-lacms .head h2 {
    color: #292930;
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    line-height: 67px; 
    letter-spacing: -1.8px;
}

.sec8-lacms .top {}

.sec8-lacms  .pic {
    margin-bottom: 40px;
}

.sec8-lacms .pic img {
    width: 100%;
    height: 244px;
    object-fit: cover;
    border-radius: 20px;
}

.sec8-lacms  .disc {}

.sec8-lacms  .disc h3 {
    color: #292930;
    font-size: 40px;
    font-weight: 700;
    line-height: 36px; 
    min-height: 90px;
}

.sec8-lacms  .disc p {
    color: #8A90A2;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

.sec9-lacms {
    padding: 0 0 80px;
}

.sec9-lacms .head {
    background-color: #292930;
    padding: 20px 30px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.sec9-lacms .head p {
    color: #FFF;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32.5px; 
    margin: 0;
}

.sec9-lacms .link {
    border-radius: 10px;
    background: #FFCC4A;
    padding: 20px 30px;
    text-align: center;
    height: 138px;
    align-items: center;
    justify-content: center;
    display: flex;
    position: relative;
    left: -24px;
}

.sec9-lacms .link a {
    color: #FFF;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 32.5px; 
}

.sec2-pam {
    padding: 80px 0;
    overflow: hidden;
}

.sec2-pam .pic {
    position: relative;
}

.sec2-pam .pic img {
    width: 100%;
}

.sec2-pam .head {
    position: relative;
}

.sec2-pam .head p {
    color: #8A90A2;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px; 
}

.sec2-pam .head .about-link {
    margin-top: 30px;
}

.sec2-pam .head .about-link a {
    color: #292930;
    font-size: 16px;
    font-weight: 700;
    line-height: 64px; 
    padding: 20px 40px;
    border-radius: 10px;
    background-color: #89CEFB;
}

.sec2-pam .head:before {
    content: '';
    position: absolute;
    top: -90px;
    right: 0px;
    width: 67px;
    height: 57px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/expert-smm/e4.png);
    background-repeat: no-repeat;
}

.sec2-pam .pic:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -200px;
    width: 78px;
    height: 78px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/expert-smm/project-after.png);
    background-repeat: no-repeat;
}




.sec5-pam {
    padding: 80px 0;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    height: 1060px;
}


.sec5-pam .row.main-top {
}

.sec5-pam .head {
    padding-top: 35%;
    padding-left: 12%;
}

.sec5-pam .head h2 {
color: #292930;
font-family: 'Poppins', sans-serif;
font-size: 70px;
font-style: normal;
font-weight: 700;
line-height: 92px; /* 131.429% */
text-transform: uppercase;
}

.sec5-pam .head .contact {
    margin-top: 30px;
}


.cta_button.btn3:hover {
    background-image: url(https://www.teamcloudsource.com/hubfs/raw_assets/public/TeamCloudSource-2023/images/btn3.png) !important;
    background-repeat: no-repeat !important;
}
.sec1-mw .inner-banner .head h2 {
    color: #292930;
    font-family: 'Poppins', sans-serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 68px;
    letter-spacing: -4.35px;
    position: relative;
}
.sec1-mw .inner-banner .head h2:before {
    top: 45px;
}
.sec1-mw .inner-banner .head {
    margin-left: 250px;
    margin-right: 50px;
    padding-top: 100px;
}
.sec1-mw .inner-banner .pic {
    margin-right: 150px;
}

.sec2-mw {
    padding: 80px 0;
    overflow: hidden;
    position: relative;
}

.sec2-mw .pic {
    position: relative;
}

.sec2-mw .pic img {
    width: 100%;
}

.sec2-mw .head {
    position: relative;
}

.sec2-mw .head p {
    color: #8A90A2;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px; 
}

.sec2-mw .head .about-link {
    margin-top: 30px;
}

.sec2-mw .head .about-link a {
    color: #292930;
    font-size: 16px;
    font-weight: 700;
    line-height: 64px; 
    padding: 20px 40px;
    border-radius: 10px;
    background-color: #89CEFB;
}

.sec2-mw .head:before {
    content: '';
    position: absolute;
    top: -90px;
    right: 0px;
    width: 67px;
    height: 57px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/expert-smm/e4.png);
    background-repeat: no-repeat;
}

.sec2-mw:after {
    content: '';
    position: absolute;
    bottom: 160px;
    left: 200px;
    width: 78px;
    height: 78px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/expert-smm/project-after.png);
    background-repeat: no-repeat;
}


.mw-sec3  .head h2 {
    color: #292930;
    font-size: 44px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -2.5px;
    margin: 0 0 20px;
}

.mw-sec3  .head p {
    color: #292930;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px; 
}


.sec-website-together .head h2 {
    color: #292930;
    font-size: 65px;
    font-weight: 700;
    line-height: 64px; /* 113.846% */
}

.sec-website-together .head p {}

.sec-website-together .head .download {
    margin-top: 30px;
}

.sec-website-together .head .download a {
    color: #292930;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 64px;
    background-color: #89CEFB;
    padding: 15px 40px;
    border-radius: 10px;
}


.sec-digital-success .head {
    text-align: center;
    margin-bottom: 50px;
}

.sec-digital-success .head h2 {
    color: #292930;
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    line-height: 67px; /* 111.667% */
    letter-spacing: -1.8px;
    margin: 0 0 20px;
}

.sec-digital-success .head p {
    color: #8A90A2;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px; 
}

.sec-digital-success span img {
    width: 100%;
    border-radius: 20px;
}
.sec-digital-success .disc h3 {
    color: #8A90A2;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px; 
    margin: 20px 0 10px;
}

.sec-digital-success  .disc p {
    color: #8A90A2;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px; 
}

.sec-ind1 .inner-banner .head h2 {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 65px; /* 130% */
    letter-spacing: -2.5px;
    position: relative;
}
.sec-ind1 .inner-banner .head h2:before{
    top: 40px;
}

.sec-ind1 .inner-banner .pic {
    margin-right: 150px;
}
.sec-ind1 .inner-banner .head {
    padding-top: 150px;
}
.min-h-banner .inner-banner .head h2 {
  color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 65px;
    font-style: normal;
    font-weight: 700;
    line-height: 74px; /* 113.846% */
    letter-spacing: -1.95px;
}

.min-h-banner .inner-banner .head h2:before{
  display: none;
}
.inner-page-banner-area.min-h-banner {
    background: #F7F8FD;
  position: relative;
}
.inner-page-banner-area.min-h-banner:after {
    position: absolute;
    content: '';
    bottom: 0px !important;
    left: 20px;
    height: 111px;
    width: 103px;
    background-image: url(//5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/raw_assets/public/TeamCloudSource-2023/images/about/icon-bottom.png);
    background-repeat: no-repeat;
}
.min-h-banner .inner-banner .head {
    margin-left: 250px;
    margin-right: 0;
    padding-top: 0;
}
.min-h-banner .inner-banner .row {
    display: flex;
    align-items: center;
}
.min-h-banner .inner-banner {
    margin-top: 80px;
    padding: 50px 0 0;
}


.sec2-cs {
    padding: 80px 0;
}
.sec2-cs .title h3 {
    color: #000;
    font-family: 'DM Sans', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.72px;
}

.sec2-cs  .title {
    text-align: center;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
      transition: all ease .5s;
}

.sec2-cs .main {
    position: relative;
   display:none;
}
.sec2-cs .main:hover .title {
    opacity: 1;
    transition: all ease .5s;
}
.sec2-cs .pic {
    margin-bottom: 30px;
 
}

.sec2-cs .pic img {
width: 100%;
    height: 320px !important;
    object-fit: cover;
    border-radius: 30px;
}

.sec2-cs .load {
    text-align: center;
    margin-top: 50px;
}

.sec2-cs .load a {
    color: #292930;
    font-size: 16px;
    font-weight: 700;
    background-color: #ffdc60;
    padding: 14px 50px;
    display: inline-block;
    border-radius: 10px;
}

.case-detailpage h1{
	color: #292930;
	font-family: 'DM Sans', sans-serif;
	font-size: 50px;
	font-style: normal;
	font-weight: 700;
	line-height: 74px; 
	letter-spacing: -1.5px;
}
.case-detailpage h2{
	color: #292930;
	font-family: 'DM Sans', sans-serif;
	font-size: 50px;
	font-style: normal;
	font-weight: 700;
	line-height: 60px; 
	letter-spacing: -1.5px;
}
.case-detailpage h3{
	font-family: 'DM Sans', sans-serif;
	font-size: 50px;
	font-style: normal;
	font-weight: 700;
	line-height: 60px; /* 120% */
	letter-spacing: -1.5px;
}
.case-detailpage h4{
	color: #292930;
	font-family: 'DM Sans', sans-serif;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 33px; /* 110% */
	letter-spacing: -0.9px;
  margin-bottom: 20px;
}
.case-detailpage p{
	color: #8A90A2;
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}
.case-det-mrgn .row-fluid-wrapper.dnd-section {
    margin: 0 5%;
    border-radius: 10px;
}


.case-concl {
    background-color: #423EF3;
}



.case-concl h2 {
    color: #FFF;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    line-height: 61px; 
    letter-spacing: -1.5px;
    margin: 0 0 20px;
}

.case-concl p {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px; 
}


.case-concl a {
    display: inline-block;
    color: #292930;
    font-size: 16px;
    font-weight: 700;
    line-height: 44px; 
    background-color: #FFDC60;
    padding: 15px 50px;
    border-radius: 10px;
}


.min-h-banner.portfolio-ban .inner-banner {
    margin-top: 140px;
}


.sec3-portfolio {
    padding: 80px 0;
}

.sec3-portfolio .tab-content {
}

.sec3-portfolio .tabs-menu li {
    border: none;
    height: auto;
    line-height: 30px;
    display: inline-block;
    list-style: none;
    margin: 0 15px;
    padding: 10px 30px;
}
.sec3-portfolio  .tabs-menu li.current, .sec3-portfolio  .tabs-menu li:hover {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    z-index: 5;
}
.sec3-portfolio .tabs-menu .current a {color: #171151;}

.sec3-portfolio .tabs-menu li a {
    color: #8A879F;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.sec3-portfolio .head {
}

.sec3-portfolio .head h2 {color: #292930;font-weight: 700;line-height: 50px; /* 120% */letter-spacing: -1.5px;margin-bottom: 50px;font-size: 50px;}

.sec3-portfolio .head p {color: #2D2F33;font-size: 18px;font-weight: 400;line-height: 30px; /* 166.667% */margin-left: 0;}

.sec3-portfolio .head a {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    background-color: #89CEFB;
    padding: 20px 40px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 50px;
}

.sec3-portfolio .head-top {
    text-align: center;
    margin-bottom: 40px;
}

.sec3-portfolio .head-top h2 {color: #292930;text-align: center;font-family: 'DM Sans', sans-serif;font-size: 50px;font-style: normal;font-weight: 700;line-height: 60px; /* 120% */letter-spacing: -1.5px;margin: 0 0 20px;}

.sec3-portfolio .col-sm-7 {
    padding-left: 0;
}

.sec3-portfolio .pic {
    margin-bottom: 40px;
}

.sec3-portfolio .pic img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    border-radius: 30px;
}

.sec3-portfolio ul.tabs-menu {
    bottom: 0;
    width: 100%;
    padding: 9px 15px;
    border-radius: 0px;
    margin-bottom: 40px;
    background-color: #F9FAFB;
    margin: 0 0 90px;
    text-align: center;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.05));
    fill: #F9FAFB;
}

.sec3-portfolio .head h4 {
    color: #423EF3;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: 45px; 
    position: relative;
    margin-left: 36px;
    margin-bottom: 20px;
}

.sec3-portfolio .head h4:before {
    content: '';
    position: absolute;
    top: 0;
    left: -40px;
    height: 93px;
    width: 18px;
    border-radius: 10px;
    background: #FFDC60;
}


.sec3-portfolio .load {
    text-align: center;
    margin-top: 40px;
}

.sec3-portfolio .load a {
        color: #292930;
    font-size: 16px;
    font-weight: 700;
    background-color: #ffdc60;
    padding: 14px 50px;
    display: inline-block;
    border-radius: 10px;
}
.sec3-portfolio div#tab-b2b-1 {
    display: block;
}
.sec3-portfolio .tab-content {
    display: none;
}


.sec3-portfolio .desc {
    position: absolute;
    background: #000;
    top: 40px;
    left: 2px;
    padding: 30px 40px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    opacity:0;
    transition: all ease .5s;
}
.sec3-portfolio .desc h3{
       color: #FFF;
        font-family: 'DM Sans', sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.72px; 
}
.sec3-portfolio .desc h4{
    color: #FFDC60;
    font-family: 'DM Sans', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 533.333% */
    letter-spacing: 2.04px;
    text-transform: uppercase;
}

.sec3-portfolio .main {
    position: relative;
      display: none;
}
.sec3-portfolio .link{
     position: absolute;
     bottom: 30px;
     right: 50px;
    opacity:0;
    transition: all ease .5s;
}
.sec3-portfolio .main:hover .link, .sec3-portfolio .main:hover .desc{
    opacity:1;
        transition: all ease .5s;
}
.sec2-resources .pic {
    margin-bottom: 30px;
}

.sec3-tv {
    padding: 80px 0;
}

.sec3-tv .tab-content {
    display: none;
}   
.sec3-tv div#tab-b2b-1 {
    display: block;
}

.sec3-tv ul.tabs-menu {
    bottom: 0;
    width: 100%;
    padding: 14px 15px;
    border-radius: 0px;
    margin-bottom: 40px;
    background-color: #F9FAFB;
    text-align: center;
}
.sec3-tv .tabs-menu li {
    border: none;
    height: auto;
    line-height: 30px;
    display: inline-block;
    list-style: none;
    margin: 0 3px;
}

.sec3-tv .tabs-menu li a {
     color: #292930;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.28px;
    text-transform: uppercase;
    border-radius: 5px;
    transition: all ease .5s;
    padding: 10px 30px;
}

.sec3-tv .tabs-menu .current a, .sec3-tv .tabs-menu li:hover a {
    transition: all ease .5s;
    background: #89CEFB;
}

.sec3-tv .head {
}

.sec3-tv .head h2 {color: #292930;font-weight: 700;line-height: 50px; /* 120% */letter-spacing: -1.5px;margin-bottom: 50px;font-size: 50px;}

.sec3-tv .head p {color: #2D2F33;font-size: 18px;font-weight: 400;line-height: 30px; /* 166.667% */margin-left: 0;}

.sec3-tv .head a {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    background-color: #89CEFB;
    padding: 20px 40px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 50px;
}

.sec3-tv .head-top {
    text-align: center;
    margin-bottom: 40px;
}

.sec3-tv .head-top h2 {color: #292930;text-align: center;font-family: 'DM Sans', sans-serif;font-size: 50px;font-style: normal;font-weight: 700;line-height: 60px; /* 120% */letter-spacing: -1.5px;margin: 0 0 20px;}

.sec3-tv .col-sm-7 {
    padding-left: 0;
}

.sec3-tv .pic {
    margin-bottom: 40px;
    position: relative;
}

.sec3-tv .pic img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    border-radius: 30px;
}



.sec3-tv .head h4 {
    color: #423EF3;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: 45px; 
    position: relative;
    margin-left: 36px;
    margin-bottom: 20px;
}

.sec3-tv .head h4:before {
    content: '';
    position: absolute;
    top: 0;
    left: -40px;
    height: 93px;
    width: 18px;
    border-radius: 10px;
    background: #FFDC60;
}


.sec3-tv .load {
    text-align: center;
    margin-top: 40px;
}

.sec3-tv .load a {
        color: #292930;
    font-size: 16px;
    font-weight: 700;
    background-color: #ffdc60;
    padding: 14px 50px;
    display: inline-block;
    border-radius: 10px;
}

.sec3-tv .pic .play {
    position: absolute;
    top: 46%;
    left: 0;
    margin: 0 auto;
    text-align: center;
    right: 0;
}

.sec3-tv .pic .play a {
    background-color: #000;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 50%;
    color: #fff;
    font-size: 19px;
}

.sec3-tv .pic .play a i {
}


.sec2-webinar {
    padding: 80px 0;
}
.sec2-webinar .partner_slider_book {
    display: none;
}
.sec2-webinar .head-right{
    position: relative;
    padding: 15px;
    transition: .5s all ease-in-out;
}
.sec2-webinar .head-right .pic .icon {
    position: absolute;
    /* left: 50%; */
   
    margin-top: -12px;
    margin-left: -39px;
    z-index: 999;
    opacity: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 18px;
    transition: .5s all ease-in-out;
    bottom: -200%;
}
.sec2-webinar .head-right:hover .pic .icon{
    opacity: 1;
    transition: .5s all ease-in-out;
    bottom: 43%;
}
.sec2-webinar .head-right .pic {
    position: relative;
    overflow: hidden;
}
.sec2-webinar .head-right .pic img {
    width: 100%;
}
.sec2-webinar .head-right-innner {
    text-align: center;
    margin-bottom: 50px;
}
.sec2-webinar .head-right .pic .icon i.fa {
    border-radius: 101px;
    border: 0px solid var(--Red_primary-Color, #D72323);
    background: #FFDC60;
    padding: 10px;
    transition: .5s all ease-in-out;
}
.sec2-webinar .head-right .pic:before {
    position: absolute;
    background: rgba(41, 41, 48, 0.60);
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9;
    opacity: 0;
    transition: .5s all ease-in-out;
}
.sec2-webinar .head-right:hover .pic:before {
    opacity: 1;
    transition: .5s all ease-in-out;
}


.sec2-webinar .head-right-innner .disc {
    text-align: center;
    margin: 20px 0 0;
}

.sec2-webinar .head-right-innner .disc h4 {
    color: #292930;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
}

.sec2-webinar .head-right-innner .disc h5 {
    margin: 0 0 20px;
    color: var(--gray-50, #777B83);
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

.sec2-webinar .head-right-innner .disc .case {}

.sec2-webinar .head-right-innner .disc .case a {
    color: #292930;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    background-color: #FFDC60;
    padding: 12px 40px;
    border-radius: 10px;
    display: inline-block;
}



.sec2-webinar .head-right .pic .icon a {
    color: #000;
}
a#loadMore {
    color: #292930;
    font-size: 16px;
    font-weight: 700;
    background-color: #ffdc60;
    padding: 14px 50px;
    display: inline-block;
    border-radius: 10px;
}
.inner-page-banner-area.min-h-banner.privacy-ban a {
    display: none;
}

.sec2-privacy {
    padding: 80px 0;
}

.sec2-privacy p{
color: #8A90A2;
font-size: 18px;
font-weight: 400;
line-height: 29px;
    margin: 0;

}

.sec2-privacy h2 {
    color: #292930;
    font-size: 40px;
    font-weight: 700;
    margin: 20px 0 20px;
}

.sec2-privacy h3{
    
}

.sec2-privacy h4 {
    color: #292930;
    font-size: 18px;
    font-weight: 700;
    line-height: 29px;
    margin: 20px 0 10px;
}

.sec2-privacy a{
    color: #8A90A2;
font-size: 18px;
font-weight: 400;
line-height: 29px;
}

.sec2-privacy ul{
    padding: 0 0 0 10px;
    margin: 0;
}

.sec2-privacy ul li{
    
}

.sec2-privacy ul li p{
color: #8A90A2;
font-size: 18px;
font-weight: 400;
line-height: 29px;
    margin: 0;

}

.sec2-privacy ul li p span {
    color: #292930;
    font-size: 18px;
    font-weight: 500;
    line-height: 29px;
    padding-right: 15px;
}

.sec2-privacy .head-right {
    padding: 30px 20px;
    border: 1px solid var(--Neutral-Color, #F2F5FA);
    background: #FFF;
}

.sec2-privacy .head-right h3 {
    color: #292930;
    font-size: 42px;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 30px;
}

.sec2-privacy .head-right a {
    color: var(--Gray, #8A879F);
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; 
    letter-spacing: 1.2px;
    display: block;
    border: 1px solid var(--Neutral-Color, #F2F5FA);
    background: #FFF;
    padding: 10px 20px;
    margin-bottom: 20px;
    transition: .5s all ease-in-out;
}

.sec2-privacy .head-right a:hover {
    transition: .5s all ease-in-out;
    box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.04);
    color: #000;
}

.sec2-contact {
    padding: 80px 0;
}

.sec2-contact img {width: auto;}

.sec2-contact .pic {
    margin-bottom: 50px;
}

.sec2-contact .pic img {
    width: auto;
}

.sec2-contact h4 {
    color: #292930;
    font-size: 22px;
    font-weight: 700;
    line-height: 34px; /* 154.545% */
    margin: 40px 0 5px;
}

.sec2-contact a {
    color: #8A90A2;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
    display: inline-block;
    margin: 0px 30px 0 0;
}

.sec2-contact h2 {
    color: #292930;
    font-size: 65px;
    font-weight: 700;
    line-height: 74px; /* 113.846% */
    letter-spacing: -1.95px;
    margin: 0 0 50px;
}

.sec2-contact input, .sec2-contact select {
    width: 100%;
    color: var(--Dark, #171151);
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 173.333% */
    padding: 10px 30px;
    margin: 0 0 20px;
    border: solid 1px #EFF1F6;
}

.sec2-contact textarea {
    width: 100%;
    color: var(--Dark, #171151);
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding: 10px 30px;
    margin: 0 0 20px;
    border: solid 1px #EFF1F6;
    resize: none;
    height: 200px;
}

.sec2-contact input[type="submit"] {
    color: #292930;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    background-color: #FFDC60;
    border-radius: 5px;
    text-transform: capitalize;
    padding: 20px 50px;
    display: inline-block;
    border: none;
}




.sec2-portfolio-detail .pic img {
    width: 100%;
}

.sec2-portfolio-detail .about-text  .dnd-section > .row-fluid {
    padding: 40px;
    border-radius: 20px;
    margin: 0 0 50px;
    border: 1px solid  #F2F5FA;
    background: #FFF;
    display: flex;
    align-items: center;
}

.sec2-portfolio-detail h3 {
    margin: 0 0 20px;
    color: #030A39;
    font-size: 20px;
    font-weight: 500;
}

.sec2-portfolio-detail p {
    color: #8A90A2;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px; 
    display: inline-block;
}

.sec2-portfolio-detail h4 {
    color: #030A39;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}

.sec2-portfolio-detail h4 span {
    float: right;
}

.sec2-portfolio-detail h2 {
    color: #292930;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -1.5px;
    margin: 0 0 20px;
}
.sec2-portfolio-detail .about-text ul {
    padding: 0;
    margin:0;
}
.sec2-portfolio-detail .about-text ul li{
    list-style: none;
    margin: 0 0 10px;
    color: #8A90A2;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
}

.sec2-portfolio-detail .about-text ul li strong {
        color: #030A39;
        font-size: 18px;
        font-weight: 400;
        margin: 0;
}


.sec2-portfolio-detail .social_circles span {
  border: 1px solid #EBEBEB;
    width: 48px;
    display: block;
    height: 48px;
    border-radius: 50%;
    text-align: center;
    padding-top: 16px;
    font-size: 18px;
}

.sec2-portfolio-detail .social_circles span svg {
    width: 18px;
    height: 18px;
    fill: #4267B2;
}

.sec2-portfolio-detail  .social_circles a.social-links__link {
    display: inline-block;
    margin-left: 10px;
}
.sec2-portfolio-detail ul.menu__wrapper li {
    padding: 0 0px 0 25px;
}



/* Blog CSS  */

.sec1-blog {
    padding: 80px 0px 0px;
    position: relative;
    clear: both;
    background-color: #f7f8fd;
    z-index: 9;
}

.sec1-blog:after {
    position: absolute;
    content: '';
    bottom: -16px !important;
    left: 0;
    height: 111px;
    width: 103px;
    background-image: url(images/hubspot-blog/icon.png);
    background-repeat: no-repeat;
}

.sec1-blog .top{
    
}


.sec1-blog .head {

}

.sec1-blog .head h2{   
color: #292930;    
font-family: 'DM Sans', sans-serif;   
font-size: 65px;    
font-weight: 700;    
line-height: 74px; 
letter-spacing: -1.95px;
}

.sec1-blog .head .lets{   
margin-top: 30px;
}

.sec1-blog .head .lets a{    
color: #2B2B32;    
font-family: 'DM Sans', sans-serif;    
font-size: 16px;
font-style: normal; 
font-weight: 700;  
line-height: 64px;    
border-radius: 10px;   
background: #FFF;   
padding: 13px 40px;   
box-shadow: 0px 2px 0px 0px #5956E9;
}


.sec1-blog .pic {text-align: right;}

.sec1-blog .pic img {
    width: 100%;
}
.sec1-blog .row {
    display: flex;
    align-items: center;
}


.sec2-blog {
    padding: 80px 0;
}

.sec2-blog p{
color: #8A90A2;
font-size: 18px;
font-weight: 400;
line-height: 29px;
    margin: 0;

}

.sec2-blog h2 {
    color: #292930;
    font-size: 40px;
    font-weight: 700;
    margin: 20px 0 20px;
}

.sec2-blog h3{
    
}

.sec2-blog h4 {color: var(--Black, #141515);font-size: 14px;font-weight: 500;line-height: 20px; /* 142.857% */text-transform: capitalize;}

.sec2-blog a{
    color: #8A90A2;
font-size: 18px;
font-weight: 400;
line-height: 29px;
}

.sec2-blog ul{
    padding: 0;
    margin: 30px 0 20px;
    list-style: none;
}

.sec2-blog ul li{
    display: inline-block;
    margin-right: 50px;
}

.sec2-blog ul li p{
color: #8A90A2;
font-size: 18px;
font-weight: 400;
line-height: 29px;
    margin: 0;

}

.sec2-blog ul li p span {
    color: #292930;
    font-size: 18px;
    font-weight: 500;
    line-height: 29px;
    padding-right: 15px;
}




.sec2-blog .head-right {
    padding: 30px 20px;
    background: #FFF;
    stroke: #F6F6F6;
    filter: drop-shadow(0px 12px 10px rgba(238, 239, 240, 0.25));
    margin-bottom: 30px;
    border: solid 1px #F6F6F6;
}

.sec2-blog .head-right h3 {color: #292930;font-size: 22px;font-weight: 500;line-height: 34px; /* 154.545% */letter-spacing: -0.44px;margin-bottom: 20px;}

.sec2-blog .head-right a {
    color: var(--Gray, #8A879F);
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; 
    letter-spacing: 1.2px;
    display: block;
    border: 1px solid var(--Neutral-Color, #F2F5FA);
    background: #FFF;
    padding: 10px 20px;
    margin-bottom: 20px;
    transition: .5s all ease-in-out;
}

.sec2-blog .head-right a:hover {
    transition: .5s all ease-in-out;
    box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.04);
    color: #000;
}














.sec2-blog .head-left {}

.sec2-blog .head-left img {
    width: 100%;
}

.sec2-blog .head-right input[type="search"] {
    border: 1px solid #F2F4F6;
    background: #F7F8FD;
    padding: 20px;
    width: 100%;
    color: var(--Gray, #8A879F);
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    background-image: url(./images/hubspot-blog/search.png);
    background-repeat: no-repeat;
    background-position: 280px 24px;
}

.sec2-blog .head-right a span {
    float: right;
}

.sec2-blog .head-right a i {
    float: right;
}


.sec2-blog .head-right .row.main-rp {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    padding: 0 0px 0 20px;
}

.sec2-blog .head-right img {
    width: 100%;
}

.sec2-blog .head-right .col-sm-3 {
    padding: 0;
}

.sec2-blog h5 {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
}

.sec2-blog .populer-tag {}

.sec2-blog .head-right .populer-tag a:hover {
    color: #292930;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 30px; /* 250% */
    text-transform: uppercase;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: #FFDC60;
    box-shadow: 0px 4px 7px 0px rgba(205, 205, 205, 0.24);
    display: inline-block;
}

.sec2-blog .head-right .populer-tag a {
    color: var(--Gray, #8A879F);
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 30px; /* 250% */
    text-transform: uppercase;
    border-radius: 5px;
    border: 1px solid #F2F4F6;
    background: #FFF;
    display: inline-block;
}




.sec2-blog ul li h6 {
    color: #8A90A2;
    font-size: 14px;
    font-weight: 700;
     /* 457.143% */
    text-transform: uppercase;
}

.sec2-blog ul li h6 i {
    margin-right: 5px;
}

.date {}

.sec2-blog .head-left h2 {
    color: #292930;
    font-size: 36px;
    font-weight: 700;
    line-height: 46px; /* 127.778% */
    letter-spacing: -1.08px;
    margin: 0px 0 10px;
}

.sec2-blog .head-left .read {
    margin: 30px 0 50px;
}

.sec2-blog .head-left .read a {
    color: #292930;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
     /* 250% */
    background-color: #FFDC60;
    border-radius: 5px;
    text-transform: capitalize;
    padding: 10px 40px;
    display: inline-block;
}

.sec2-blog .head-right .row.main-rp a {
    padding: 0;
    margin: 0;
}

/* Numbered Pagination */
.blog-pagination {
    justify-content: center;
    align-items: center;
    display: flex;
    font-family: 'DM Sans', sans-serif !important;
}
.blog-pagination-center {
    display: flex;
}

.blog-pagination {
    justify-content: center;
    align-items: center;
    display: flex;
    font-family: 'DM Sans', sans-serif !important;
}

.blog-pagination a {border-radius: 5px;border: 1px solid #F5F5F5;background: #FFF;width: 49px;height: 49px;color: #292930;font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 0.28px;text-transform: uppercase;padding: 0px 16px 0px 17px;display: flex;align-items: center;margin: 0 5px;font-family: 'DM Sans', sans-serif !important;}
.blog-pagination a:hover,
.blog-pagination a:focus {
    background-color: #89CEFB;
    text-decoration: none;
    color: #292930;
}
.blog-pagination a.elipses {
    border: 0;
}
.blog-pagination a.active {
    background-color: #89CEFB;
    color: #292930;
    pointer-events: none;
    cursor: default;
}
.blog-pagination a.next-link,
.blog-pagination a.prev-link {
    background-color: #fff;
    color: #292930;
}
.blog-pagination a.next-link:hover,
.blog-pagination a.prev-link:hover {
    background-color: #89CEFB;
    color: #fff;
}

.blog-pagination-center {
    display: flex;
}
     
.blog-header {
    max-width: 600px;
    margin: 0 auto;
    padding: 3.3rem 0;
    text-align: center;
}

.blog-header__author-avatar {}

.blog-header__author-avatar img {
    height: 130px;
    width: 130px;
    border-radius: 100%;
    object-fit: contain;
    box-shadow: 0 0 12px 0 rgba(0,0,0,0.15);
}

h1.blog-header__title {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 15px 0 7px;
}

h4.blog-header__subtitle {
    color: #292930;
    font-family: 'DM Sans', sans-serif;
    font-size: 20px;
}

.blog-header__author-social-links svg {
    width: 18px;
    fill: #ffdc60;
    margin: 0;
    padding: 0;
}

.blog-header__author-social-links a {
    background: #5956e9;
    margin: 0 5px;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    display: inline-block;
    padding: 9px 0 0;
}

.sec2-blog h6 a.author {
    color: #8A90A2;
    font-size: 14px;
    font-weight: 700;
    line-height: 29px;
}



.blog-det ul {
    padding: 0;
    margin: 10px 0 20px;
    list-style: none;
}
.blog-det ul li{
    display: inline-block;
    margin-right: 50px;
}
.blog-det ul li p{
    color: #8A90A2;
    font-size: 18px;
    font-weight: 400;
    line-height: 29px;
    margin: 0;

}
.blog-det ul li p span {
    color: #292930;
    font-size: 18px;
    font-weight: 500;
    line-height: 29px;
    padding-right: 15px;
}
.blog-det h6 a.author {
    color: #8A90A2;
    font-size: 14px;
    font-weight: 700;
    line-height: 29px;
}
.blog-det ul li h6 i {
    margin-right: 5px;
}
.blog-det ul li h6 {
    color: #8A90A2;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
.blog-det p {
    color: #8A90A2;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}
.blog-det h2 {
    color: #292930;
    font-size: 47px;
    font-weight: 700;
    line-height: 52px;
    letter-spacing: -1.5px;
}
header.header .menu__submenu--level-2 {
    transform: translateX(0);
    right: -130px;
    left: auto;
    top: 50px;
}
.responsive_menu_nav  {
    display:none;
}

.sec-top .tabs-menu {
    height: auto;
    padding: 0;
    margin: 0;
    text-align: center;
    margin-bottom: 100px;
}

.sec-top .tabs-menu li {
    height: auto;
    line-height: 30px;
    display: inline-block;
    list-style: none;
    border: none;
}

.sec-top .tabs-menu li a {
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    font-size: 30px;
    font-weight: 700;
    margin: 0 25px;
    border: none;
    padding: 0;
  position: relative;
}
.sec-top .tabs-menu .current a:before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 3px;
    width: 100%;
    background-color: #ffbf3d;
}







.sec-top .main {
    border-radius: 20px;
    min-height: auto;
    padding: 0;
    background-color: transparent;
}



.sec-top .tab {
    float: left;
    width: auto;
    background-color: transparent;
}

.sec-top .tab-content {
    display: none;
}
.sec-top  div#tab-01 {
    display: block;
}


.sec-top .main .pic-1 img {
    width: 100%;
    height: 178px;
}


.sec-top .title-1 h3 {
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    margin: 0px 0 10px;
  font-family: 'DM Sans', sans-serif;
}

.sec-top .content-1 p {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
  font-family: 'DM Sans', sans-serif;
}
.sec-top .row.two{
      background-color: transparent;
    border-radius: 0;
    padding: 0;
      margin-bottom: 130px;
    margin-top: 100px;
}
.sec-top .main .pic-1 h6.year {
    position: absolute;
    bottom: 63px;
    left:70px;
    font-size: 30px;
    font-weight: 700;
    color: #292930;
}
.sec-top .tab .row {
    align-items: center;
}
.sec-top {
    padding: 200px 0;
}

.sec-3 .main_sidebar.flat img {
    width: 100%;
    height: 360px !important;
    object-fit: contain;
    margin-bottom: 30px;
}
.sec-3 .main_sidebar.flat {
    display: block;
}


.sec-9 .main-new {}

.sec-9 .main-new .pic {}

.sec-9 .main-new .pic img {
    width: 100%;
  height: 270px;
    object-fit: cover;
      border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.sec-9 .main-new .disc {}

.sec-9 .main-new .disc .row.one {
    display: flex;
    align-items: center;
    padding: 20px 10px;
    margin: 0;
    background-color: #292930;
}

.sec-9 .main-new .disc .buss {}

.sec-9 .main-new .disc .buss span {
    background-color: #3A3A42;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 0px;
    border-radius: 10px;
    display: block;
}

.sec-9 .main-new .disc .date {
  text-align: right;
}

.sec-9 .main-new .disc .date span {
    background-color: #F7F8FD;
    color: #8A90A2;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px;
    border-radius: 10px;
    display: inline-block;
    margin: 0;
}

.sec-9 .main-new .disc .content {
    text-align: center;
    background-color: #FF6C6C;
    padding: 20px 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.sec-9 .main-new .disc .content p {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 24px;
    margin: 0;
}
.sec-9 .main-new .disc .content-bottom {
    margin-top: 20px;
    text-align: center;
}

.sec-9 .main-new .disc .content-bottom p {
    font-size: 16px;
    font-weight: 400;
    color: #8A90A2;
    line-height: 28px;
}
.sec-9 .main-new .disc .row.one .col-sm-6 {
    padding: 0;
}


.sec-parter-new {
    padding: 120px 0;
    position: relative;
    background:url(https://5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/Teamcloud-new/part-home-bg.png) no-repeat;
}

.sec-parter-new .pic {}

.sec-parter-new .pic img {
}

.sec-parter-new .head {
    text-align: center;
}

.sec-parter-new .head .logo-pic {
    margin-bottom: 30px;
}

.sec-parter-new .head .logo-pic img {
    width: 100%;
}

.sec-parter-new .head h2 {
    margin: 0 0 20px;
    font-size: 60px;
    font-weight: 700;
    line-height: 70px;
}

.sec-parter-new .head h6 {
    margin: 0 0 0;
    font-size: 23px;
    font-weight: 600;
    color: #000;
}

.sec-parter-new .head .link {
    margin-top: 40px;
}

.sec-parter-new .head .link a {
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    padding: 20px 40px;
    border-radius: 10px;
    display: inline-block;
    background: #5956E9;
    background-position: left;
    background-size: 11%;
    background-repeat: no-repeat;
}


.sec-6.new {
        position: relative;
    background: url(https://5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/Teamcloud-new/rev-home-bg.png);
    background-size: cover;
  padding: 160px 0;
}

.sec-6.new .pic-top {
    text-align: center;
    margin-bottom: 50px;
}

.sec-6.new .pic-top img {
    width: 60%;
}

.sec-6.new .head {
    margin-bottom: 0;
}

.sec-6.new .main-test {
    height: auto;
    border-radius: 30px;
    margin-bottom: 0;
    min-height: 600px;
    padding: 50px 60px;
    margin: 0;
}

.sec-6.new .row.two {
    margin-bottom: 30px;
}

.sec-6.new .star {
    text-align: center;
    background-color: #3A3A42;
    padding: 20px 0;
    border-radius: 30px;
    position: relative;
    border: solid 1px #3A3A42;
    border-top: none;
}

.sec-6.new .col-sm-4:hover .star {
    border: solid 1px #ffcc4a;
    transition: .5s all ease-in-out;
    border-top: none;
}

.sec-6.new .star img {
    margin: 0 auto;
  width: 250px;
}

.sec-6.new .main-test .disc p, .sec-6.new .main-test .disc div {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 28px;
}
.sec-6.new .main-test .disc strong {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 28px;
}

.sec-6.new .main-test .col-sm-2 {
    width: 15%;
    max-width: 15%;
    flex: 0 0 15%;
}

.sec-6.new .col-sm-4.slick-slide {
    margin: 0 50px;
}
.sec-6.new .col-sm-4.slick-slide.slick-center {
    transform: scale(1.2);
    transition: all ease .5s;
    position: relative;
    z-index: 9;
}
.sec-6.new .slick-track {
    padding: 110px 0;
}
.sec-6.new  .main-test:hover{
    border: none;
}

.sec-6.new .col-sm-4.slick-center  .star {
    border: solid 1px #ffcc4a;
    transition: .5s all ease-in-out;
    border-top: none;
}
 .sec-6.new .col-sm-4.slick-center  .main-test {
    border: solid 1px #ffcc4a;
    transition: .5s all ease-in-out;
    border-bottom: none;
}
.sec-6.new .col-sm-4  .star {
    border: solid 1px #FFADAD;
    transition: .5s all ease-in-out;
    border-top: none;
}
 .sec-6.new .col-sm-4  .main-test {
    border: solid 1px #FFADAD;
    transition: .5s all ease-in-out;
    border-bottom: none;
}
.sec-6.new  .main-test .pic-client img {
    width: 100%;
    height: 60px;
    object-fit: cover;
}
.sec-9 .main-new:hover .content.one {
    background: #5956E9
}


.sec-talk {
    padding: 120px 0;
}
 
.sec-talk .row {position: relative;padding: 70px 0;}
 
.sec-talk .main {
    background-color: #5956E9;
    padding: 20px 30px;
}
 
.sec-talk .main .pic {
    text-align: center;
}
 
.sec-talk .main .pic img {
    width: 70%;
}
 
.sec-talk .main h6 {
    margin: 30px 0 10px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}
 
.sec-talk .main .email {
    display: inline-block;
    margin-right: 20px;
}
 
.sec-talk .main .email a {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    color: #E2F4FF;
}
 
.sec-talk .main .email2 {
    display: inline-block;
    float: right;
}
 
.sec-talk .main .email2 a {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    color: #E2F4FF;
}
 
.sec-talk .main .phone {
    display: inline-block;
    margin-right: 40px;
}
 
.sec-talk .main .phone a {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    color: #E2F4FF;
}
 
.sec-talk .main .phone2 {
    display: inline-block;
}
 
.sec-talk .main .phone2 a {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    color: #E2F4FF;
}
 
.sec-talk .main .address {
    margin-bottom: 30px;
}
 
.sec-talk .main .address h6 {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    color: #E2F4FF;
    margin: 0;
    line-height: 24px;
}
 
.sec-talk .head {
    padding: 0 10px;
}
 
.sec-talk .head h2 {
    margin: 0 0 20px;
    font-size: 47px;
    font-weight: 700;
    color: #000;
}
 
.sec-talk .row:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 70%;
    background-color: #82CEFD87;
}

.banner-calender {
    margin: 140px 300px;
    border-radius: 20px;
    position: relative;
}
.banner-calender iframe {
    height: 900px;
    border: 12px solid #FFDC60;
    border-radius: 15px;
}
.banner-calender .container-fluid {
}
 
.banner-calender:before {
    content: '';
    position: absolute;
    right: -200px;
    top: -140px;
    height: 300px;
    width: 400px;
    background-image: url(https://5663806.fs1.hubspotusercontent-na1.net/hubfs/5663806/Teamcloud-new/meet-pic.png);
    background-repeat: no-repeat;
}
 

.sec-meet {
    padding: 0px 0 20px;
}
 
.sec-meet .head {
    text-align: center;
    margin-bottom: 50px;
}
 
.sec-meet .head h2 {
    margin: 0 0 10px;
    font-size: 48px;
    font-weight: 700;
    color: #0F172A;
}
 
.sec-meet .head h4 {
    margin: 0 0 10px;
    font-size: 30px;
    font-weight: 400;
    color: #0F172A;
}
 
.sec-meet .pic {
    margin-bottom: 20px;
}
 
.sec-meet .pic img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}
 
.sec-meet .disc {
    text-align: center;
    padding: 20px 10px;
    border-radius: 20px;
    background-color: #82CEFD;
    margin-bottom: 30px;
}
 
.sec-meet .disc h3 {
    margin: 0 0 10px;
    font-size: 40px;
    font-weight: 700;
    color: #fff;
}
 
.sec-meet .disc h5 {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 26px;
}
 
.sec-meet .disc p {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    line-height: 25px;
}
 
.sec-meet .disc .content {
    padding: 20px 10px;
    background-color: #3395dc21;
    border-radius: 20px;
    margin: 0 20px;
}

.contact_new_ban {
    
}

.contact_new_ban  .sec_main h1 {
    padding-top: 110px;
    color: #5956E9;
    font-size: 58px;
    line-height: 54px;
    letter-spacing: 0px;
    font-weight: 700;
    margin-bottom: 20px
}
.contact_new_ban  .sec_main a.btn1{
    margin-top: 30px;
}
.contact_new_ban  .sec_main a.btn1:hover{
    color: #fff;
}
.contact_new_ban.inner-page-banner-area.min-h-banner:after{
  display: none;
}

.contact_new_ban.inner-page-banner-area.min-h-banner {
    background: #e5f2f9;
    position: relative;
}