@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.0/css/all.min.css');









/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */


























/* 1d. Buttons */













/* 1e. Forms */









































/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */








.content-wrapper {
  max-width: 1240px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 1rem;
}

.dnd-section > .row-fluid {
  max-width: 1240px;
}





html {
  font-size: 24px;
}

body {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #3574E3;
  font-size: 24px;
}

/* Paragraphs */

p {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Anchors */

a {
  font-weight: normal; text-decoration: underline; font-family: Lato, sans-serif; font-style: normal;
  color: #0270E0;
}

a:hover,
a:focus {
  font-weight: normal; text-decoration: underline; font-family: Lato, sans-serif; font-style: normal;
  color: #0048b8;
}

a:active {
  font-weight: normal; text-decoration: underline; font-family: Lato, sans-serif; font-style: normal;
  color: #2a98ff;
}

/* Headings */

h1,
.h1 {
  font-weight: 700; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
  color: #3574E3;
  font-size: 50px;
  text-transform: none;
}

h2,
.h2 {
  font-weight: 700; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
  color: #3574E3;
  font-size: 38px;
  text-transform: none;
}

h3,
.h3 {
  font-weight: 700; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
  color: #3574E3;
  font-size: 30px;
  text-transform: none;
}

h4,
.h4 {
  font-weight: normal; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
  color: #3574E3;
  font-size: 24px;
  text-transform: none;
}

h5,
.h5 {
  font-weight: normal; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
  color: #3574E3;
  font-size: 16px;
  text-transform: none;
}

h6,
.h6 {
  font-weight: normal; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
  color: #3574E3;
  font-size: 14px;
  text-transform: none;
}

/* Blockquote */

blockquote {
  border-left-color: #ffffff;
}





button,
.button,
.hs-button,
.hs-blog-post-listing__post-button {
  border: 1px solid #3574E3;

  padding-top: 15px;
padding-right: 53px;
padding-bottom: 15px;
padding-left: 53px;

  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(53, 116, 227, 1.0)

;
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 22px;
  text-transform: none;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus {
  border: 1px solid #1a334e;
;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  background-color: 

  
  
    
  


  rgba(26, 51, 78, 1.0)

;
  border-radius: 6px;
}

button:active,
.button:active,
.hs-button:active,
.hs-blog-post-listing__post-button:active {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(93, 156, 255, 1.0);
  border-color: #5d9cff;
}





form,
.submitted-message {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  border: 1px none #ffffff;
;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  padding: 0px;
;
}

/* Form title */

.form-title {
  border: 1px none #ffffff;
;
  padding-top: 0px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 0px;
;
  font-family: Merriweather; font-style: normal; font-weight: 700; text-decoration: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 30px;
  color: #3574E3;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}


/* Labels */

form label {
  color: #3574E3;
}

/* Help text */

form legend {
  color: #3574E3;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  border: 2px solid #D1D6DC;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #3574E3;
  border-radius: 3px;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #3574E3;
}

::-moz-placeholder {
  color: #3574E3;
}

:-ms-input-placeholder {
  color: #3574E3;
}

::placeholder {
  color: #3574E3;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #3574E3;
}

.fn-date-picker td.is-selected .pika-button {
  background: #3574E3;
}

.fn-date-picker td .pika-button:hover {
  background-color: #3574E3 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #3574E3;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  border: 1px none #3574E3;
;
  padding-top: 15px;
padding-right: 53px;
padding-bottom: 15px;
padding-left: 53px;
;
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 22px;
  background-color: 

  
  
    
  


  rgba(53, 116, 227, 1.0)

;
  border-radius: 6px;
  text-transform: none;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: 

  
  
    
  


  rgba(26, 51, 78, 1.0)

;
  color: #ffffff;
  border: 1px none #1a334e;
;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(93, 156, 255, 1.0);
  border-color: #5d9cff;
}





/* Table */

table {
  border: 1px solid #3574E3;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

td,
th {
  border: 1px solid #3574E3;

  padding: 18px;

  color: #3574E3;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(53, 116, 227, 1.0)

;
  color: #FFFFFF;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #3574E3;
}





.header {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #3574E3;
  font-family: Lato;
}

.menu__child-toggle-icon {
  border-top-color: #3574E3;
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: #0d4cbb;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #0d4cbb;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #5d9cff;
}

.menu__child-toggle-icon:active {
  border-top-color: #5d9cff;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: #3574E3;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    border: 2px solid #3574E3;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    border: 2px solid #3574E3;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: #3574E3;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: #3574E3;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Lato;
}

.header__language-switcher-label-current:after {
  border-top-color: #3574E3;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #3574E3;
  }
}





.footer {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #3574E3;
}





.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 80px 0;
}

/* Blog post */

.blog-post__meta a {
  color: #3574E3;
}

.blog-post__tag-link {
  color: #3574E3;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #0d4cbb;
}

.blog-post__tag-link:active {
  color: #5d9cff;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  font-weight: 700; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
  text-transform: none;
}

.blog-related-posts__title-link {
  color: #3574E3;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #0d4cbb;
}

.blog-related-posts__title-link:active {
  color: #5d9cff;
}

/* Blog comments */

.blog-comments {
  margin-bottom: 80px;
}

#comments-listing .comment-reply-to {
  color: #0270E0;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #0048b8;
}

#comments-listing .comment-reply-to:active {
  color: #2a98ff;
}





.hs-search-results__title {
  font-weight: 700; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
  color: #3574E3;
}





/* Blog listing */

.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:active {
  font-weight: 700; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
  text-transform: none;
}

.hs-blog-post-listing__post-title-link {
  color: #3574E3;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
  color: #0d4cbb;
}

.hs-blog-post-listing__post-title-link:active {
  color: #5d9cff;
}


.hs-blog-post-listing__post-tag,
.hs-blog-post-listing__post-author-name {
  color: #3574E3;
}

/* Blog pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
  color: #3574E3;
}

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
  color: #0d4cbb;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
  color: #5d9cff;
}

.hs-pagination__link-icon svg {
  fill: #3574E3;
}

/* Pricing card */

.card__price {
  font-weight: 700; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
  color: #3574E3;
  font-size: 30px;
}

.card__body svg {
  fill: #3574E3;
}

/* Social follow */

.social-links__icon {
  background-color: #3574E3;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: #0d4cbb;
}

.social-links__icon:active {
  background-color: #5d9cff;
  font-weight: 700; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
  color: #3574E3;
  font-size: 30px;
}



* { box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; margin: 0; }

body { color: #57443D; font-family: "Inter Tight", sans-serif; font-size: 16px; font-weight: 500; line-height: 24px; -webkit-font-smoothing: antialiased; margin: 0; }

.h1, h1 { font-size: 74px; line-height: 88.88px; margin: 0 0 30px; color:#fff; font-family: Outfit, sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; word-wrap: initial; }
.h2, h2 { font-size: 46px; line-height: 55.2px; margin: 0 0 28px; color: #173D41; font-family: Outfit, sans-serif; font-weight: 500; -webkit-font-smoothing: antialiased }
.h3, h3 { font-size: 38px; line-height: 36px; font-family: 'Parafina Trial Black S'; color:#173D41; font-weight: 700; margin: 0 0 10px; -webkit-font-smoothing: antialiased; }
.h4, h4 { font-size: 30px; line-height: 31.2px; font-family:  Outfit, sans-serif; color:#173D41; font-weight: 500; margin: 0 0 10px; -webkit-font-smoothing: antialiased; }
.h5, h5 { font-size: 24px; line-height: 31px; font-family:  Outfit, sans-serif; color:#2D150D; font-weight: 600; margin: 0 0 10px; -webkit-font-smoothing: antialiased; letter-spacing:0px; }
.h6, h6 { font-size: 20px; line-height: 26px; font-family: Outfit, sans-serif; color:#2D150D; font-weight: 600; margin: 0 0 10px; -webkit-font-smoothing: antialiased; }

h2.h1 { font-size: 90px; letter-spacing: -3.3px; line-height: 1.1 }

b, strong { font-weight: 700 }

.wrapper, .wrapper-xl { float: none; margin: 0 auto; max-width: 1350px; padding: 0 20px; width: 100% }
.wrapper-xl { max-width:1560px; }

a, a:active, a:focus { font-family: "Inter Tight", sans-serif; display: inline-block; text-decoration: none; transition: all .4s ease; vertical-align: top; }
a, a:hover { font-family: "Inter Tight", sans-serif; color: rgba(23, 61, 65, 100%); text-decoration:none; }

/*
a { font-weight:500; color:#2D150D; }
a:hover { text-decoration:none; color:#078693; font-weight:500; } */

img { height: auto; max-width: 100%; vertical-align: top }
.fullwidth { float: left; width: 100% }
.fl { display: flex; display: -webkit-flex }
.frw { flex-flow: row wrap; -webkit-flex-flow: row wrap }
.frr { flex-flow: row-reverse; -webkit-flex-flow: row-reverse }
.jfs { justify-content: flex-start; -webkit-justify-content: flex-start }
.jfe { justify-content: flex-end; -webkit-justify-content: flex-end }
.jsb { justify-content: space-between; -webkit-justify-content: space-between }
.jc { justify-content: center; -webkit-justify-content: center }
.ac { align-items: center; -webkit-align-items: center }
.afs { align-items: flex-start; 	-webkit-align-items: flex-start }
.afe { align-items: flex-end; -webkit-align-items: flex-end }
.ffc { flex-flow:column; }

.text-center { text-align: center }
.text-right { text-align:right; }
.text-left { text-align:left; }
.section { padding-bottom: 100px; padding-top: 100px }

p { font-family: inherit; -webkit-font-smoothing: antialiased; font-size: inherit; font-weight:inherit; margin:0 0 12px; }

.btns a { margin:10px 10px 0 0; padding: 19px 30px; font-weight: 600; font-size:18px; line-height: 23px; text-align: center; border-radius: 45px; }
.btns.nrml a { font-size:16px; padding:15px 30px; }
.btns a.brd-btn { border:transparent solid 2px; padding:17px 30px 13px; min-height:61px; }

select { -webkit-appearance:none; appearance:none; background-image:url(https://1707745.fs1.hubspotusercontent-na1.net/hubfs/1707745/New%20Website%20Assets%20-%202024/down.png); background-repeat:no-repeat; background-position:right 20px center; background-size:15px auto; }

.slick-slider {position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; padding:0; }
.slick-list {position:relative; display:block; overflow:hidden; margin:0 -10px; padding:0;}
.slick-list:focus {outline:none;}
.slick-list.dragging {cursor:pointer; cursor:hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track {position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto;}
.slick-track:before, .slick-track:after {display:table; content:'';}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide {float:right;}
.slick-slide img {display:block;}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent;}
.slick-arrow { position:absolute; left:0; top:50%; transform:translateY(-50%); width:37px; height:15px; background:url(https://139784745.fs1.hubspotusercontent-eu1.net/hubfs/139784745/Assets%20-%20Houston/left.svg) no-repeat center top/contain; border: none; font-size: 0; padding: 0; }
.slick-next { left:auto; right:0; background-image:url(https://139784745.fs1.hubspotusercontent-eu1.net/hubfs/139784745/Assets%20-%20Houston/right.svg); }
.slick-arrow:hover, .slick-arrow:active, .slick-arrow:focus { background-color: transparent; border: none; }
.slick-arrow.slick-hidden {display:none;}
.slick-arrow, .slick-arrow:hover { position:absolute; left:0; top:50%; transform:translate(-50%,-50%); background:#6FEE83 !important; width:42px; height:42px; z-index: 1; border-radius: 50%; transition:none; }
.slick-next, .slick-next:hover { left:auto; right:0; transform:translate(50%,-50%); }
.slick-arrow:focus { border-radius:50%; }
.slick-arrow:before { border-left:#173D41 solid 1px; border-top:#173D41 solid 1px; width:10px; height:10px; transform:translate(-50%,-50%) rotate(-45deg); position:absolute; content:''; margin:0 0 0 2px; }
.slick-next:before { transform:translate(-50%,-50%) rotate(135deg); margin:0 0 0 -2px; }
.slick-arrow:hover { background:#078593 !important; }
.slick-arrow:hover:before { border-color:#FFFFFF; }
.slick-next { left:auto; right:0; transform:translate(50%,-50%); }





.p10-0 {padding-bottom:10px; padding-top:10px}
.p20-0 {padding-bottom:20px; padding-top:20px}
.p30-0 {padding-bottom:30px; padding-top:30px}
.p40-0 {padding-bottom:40px; padding-top:40px}
.p50-0 {padding-bottom:50px; padding-top:50px}
.p60-0 {padding-bottom:60px; padding-top:60px}
.p70-0 {padding-bottom:70px; padding-top:70px}
.p80-0 {padding-bottom:80px; padding-top:80px}
.pt10 {padding-top:10px}
.pt20 {padding-top:20px}
.pt30 {padding-top:30px}
.pt40 {padding-top:40px}
.pt50 {padding-top:50px}
.pt60 {padding-top:60px}
.pt70 {padding-top:70px}
.pt80 {padding-top:80px}
.pt90 {padding-top:90px}
.pt100 {padding-top:100px}
.pb10 {padding-bottom:10px}
.pb20 {padding-bottom:20px}
.pb30 {padding-bottom:30px}
.pb40 {padding-bottom:40px}
.pb50 {padding-bottom:50px}
.pb60 {padding-bottom:60px}
.pb70 {padding-bottom:70px}
.pb80 {padding-bottom:80px}
.m10-0 {margin-bottom:10px; margin-top:10px}
.m20-0 {margin-bottom:20px; margin-top:20px}
.m30-0 {margin-bottom:30px; margin-top:30px}
.m40-0 {margin-bottom:40px; margin-top:40px}
.m50-0 {margin-bottom:50px; margin-top:50px}
.m60-0 {margin-bottom:60px; margin-top:60px}
.m70-0 {margin-bottom:70px; margin-bottom:80px; margin-top:70px; margin-top:80px}
.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px}
.mt60 {margin-top:60px}
.mt70 {margin-top:70px}
.mt80 {margin-top:80px; }
.mb10 {margin-bottom:10px; }
.mb20 {margin-bottom:20px; }
.mb30 {margin-bottom:30px; }
.mb40 {margin-bottom:40px; }
.mb50 {margin-bottom:50px; }
.mb60 {margin-bottom:60px; }
.mb70 {margin-bottom:70px; }
.mb80 {margin-bottom:80px; }

.submitted-message { background: transparent; color: #173D41; }

.form-title, form label, form legend, form { background:transparent; color:#57443D; font-size:18px; line-height:28px; color:#2D150D; font-family:Inter Tight,sans-serif; }
.form-columns-1 select, .form-columns-1 textarea, .form-columns-1 .hs-form-field input[type="text"], .form-columns-1 .hs-form-field input[type="email"], .form-columns-1 .hs-form-field input[type="tel"], .form-columns-1 .hs-form-field input[type="number"] { width:100% !important; }
.hs-form-field input[type="text"], .hs-form-field input[type="email"], .hs-form-field input[type="tel"], .hs-form-field input[type="number"], .hs-form-field select.hs-input, .hs-form-field textarea, .hs-form-field input[type="file"] { border: #C3C3C3 solid 1px; border-radius: 20px; padding: 14px 20px; line-height: 26px; outline: none; font-size: 18px; }
.hs-form-field input[type="text"]:focus, .hs-form-field input[type="email"]:focus, .hs-form-field input[type="tel"]:focus, .hs-form-field input[type="number"]:focus, .hs-form-field select.hs-input:focus, .hs-form-field textarea:focus { border:#2D150D solid 1px; }
.hs-form-field textarea { height:200px; resize:none; outline:none; }
.hs-form-field { margin:0 0 15px; }
.hs-form-field.hs-terms_accepted { margin: 0 0 10px; }
.text-center .btns a { margin:10px 10px 0; }
.hs_terms_accepted ul li, body form .inputs-list > li { margin:0; }
form .hs-richtext { margin:0; }
form .hs-form-field input[type="checkbox"], form .hs-form-field input[type="radio"] { display:none; }
form .hs-form-field input[type="checkbox"] + span, form .hs-form-field input[type="radio"] + span { padding-left:34px; position:relative; font-size:14px; line-height:18.2px; color:#57443D; margin:2px 0 0 !important; line-height:22px; display:inline-block; }
form .hs-form-field input[type="checkbox"] + span a, form .hs-form-field input[type="radio"] + span a { vertical-align: top; display: inline-block; margin: 0; color: #57443d; font-weight: 600; text-decoration: underline; }
form .hs-form-field input[type="checkbox"] + span:before, form .hs-form-field input[type="radio"] + span:before, form .hs-form-field input[type="radio"] + span:after { background:#FFFFFF; position:absolute; content:''; left:0; top:0; width:24px; height:24px; border-radius:5px; border:#C3C3C3 solid 1px; }
form .hs-form-field input[type="radio"] + span:before { border-radius:50%; }
form .hs-form-field input[type="radio"] + span:after { opacity:0; transition:ease all 0.4s; }
form .hs-form-field input[type="radio"]:checked + span:before { border:#2D150D solid 2px; }
form .hs-form-field input[type="radio"]:checked + span:after { opacity:1; background:#173d41; width:14px; height:14px; border:none; border-radius: 50%; left: 5px; top: 5px; }
form .hs-form-field input[type="checkbox"]:checked + span:before { border-color:#173D41; background:#173D41; }
form .hs-form-field input[type="checkbox"] + span:after { opacity:0; border-bottom: 3px solid #6fee83; border-left: 3px solid #6fee83; content: ""; height: 6px; left: 12px; position: absolute; top: 11px; transform: translate(-50%,-50%) rotate(-45deg); width: 12px; }
form .hs-form-field input[type="checkbox"]:checked + span:after { opacity:1; }
body form .hs-button, body form .hs-button:focus { background: #6FEE83; margin: 20px 0 0; border-radius: 40px; padding: 20px 30px; line-height: 21px; color: #173D41; font-weight: 600; font-family: Inter Tight,sans-serif; font-size:16px; }
body form .hs-button:hover { background: #173D41; color:#6FEE83; border-radius: 40px; }
form .hs-form-field > label { font-weight:600; font-size:14px; line-height:1.3; }
form .hs-form-field .inputs-list label { margin:0; }

body .legal-consent-container .hs-form-booleancheckbox-display > span, body .legal-consent-container .hs-form-booleancheckbox-display > span p { margin-left:0 !important; }
.hs_error_rollup { display: none; }
.w100{float: left; width: 100%;}


.h-sec {background-color: transparent; position: absolute; top: 0; z-index: 2;}
.h-left {float: left; width: 20%; padding: 11px 0;}
.h-menu {float: left; width: 70%; padding-left:20px;}
.h-right {float: left; width: 10%; padding: 11px 0;}
.header .h-menu ul{justify-content: end;}
.header .h-menu .hs_cos_wrapper ul li{padding-right:42px;} 
.header .h-menu .hs_cos_wrapper ul li a {position:relative; font-size: 19px; font-weight: 500; font-family: Outfit, sans-serif; line-height: 1.2; color: rgb(255, 255, 255); margin:20px 0;   border-bottom: 2px solid rgba(255, 255, 255, 0.0);}
.header .h-menu .hs_cos_wrapper ul li a:hover {border-bottom: 2px solid rgba(1, 194, 206, 1.0);}
.header .h-menu .hs_cos_wrapper ul li.hs-menu-depth-2 a {color: rgb(2, 18, 40); padding-bottom: 16px; margin:0; font-size: 17px; border-bottom: none;}
.header .h-menu .hs_cos_wrapper ul.hs-menu-children-wrapper {background: #fff;}
.header .h-menu .hs_cos_wrapper ul li.hs-menu-depth-2 a:hover {color:#2C74FF; border:none;}
.header .h-menu ul li.hs-item-has-children a::after {position: absolute; top: 9px; right: 0; content: ""; height: 10px; width: 10px;  margin-right: -15px; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(https://3294710.fs1.hubspotusercontent-na2.net/hubfs/3294710/SEVEN%20IMG/after-1.svg);}
ul.hs-menu-children-wrapper {width: 280px; padding: 20px;}
.header .h-menu .hs_cos_wrapper ul li.hs-menu-depth-2{padding-right:0;}
.header .h-menu .hs_cos_wrapper ul li.hs-menu-depth-2 a:after{display:none;}
.h-right a span svg {position: absolute; fill: #fff; height: 20px; width: 20px; top: 13px; left: 0; content: ""; margin: 0 55px;}
.h-right a span{position:relative;}
a.menu-toggle {display: none;}
a.child-toggle {display: none;}

.hero-content .hc-text { font-size: 25px; font-family: Outfit, sans-serif; font-weight: 500; line-height: 40px; margin-bottom: 45px;}
.hero-content .button-top {gap:30px;}
.hc-btn a{padding: 15px 40px; display: flex; justify-content: center; align-items: center; min-width: 275px;}
.btn a  {font-weight: 400;  line-height:1.2; font-size: 20px; font-family: Outfit, sans-serif; border-radius: 100px; }
.hero-content {position: relative; z-index: 2; width: 55%;}
.hero-sec:after {background: url(https://3294710.fs1.hubspotusercontent-na2.net/hubfs/3294710/SEVEN%20IMG/art-top-right.svg); position: absolute; content: ""; right: 0; top: 0; background-position: top right; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%;}
.hero-sec.hs-slider-1:after , .hero-sec.new-overlay:after {position: static; display:none;}

.gsl-img a img ,.tcs-bottom .tcsb-col .tcsbc-img a img , .wwusr-img a img , .gstart-img a img {border-radius: 0 0 60px 0; height: 100% !important; width: 100%; object-fit: cover; transition: transform 0.2s ease;}
.gs-left {float: left; width: 43%;}
.gs-right {float: left; width: 57%; padding: 30px 0 0 85px;}
.gsr-content-top {gap: 100px;}
.gsr-content {width: calc(50% - 50px);}
.gsr-tag span {font-size: 17px; font-family: Outfit, sans-serif; font-weight: 500; border-radius: 10px 0 10px 0; line-height: 22.1px; letter-spacing: 1.36px; text-transform: uppercase;}
.gsr-text , .wwusl-text {font-size: 19px; font-family: Outfit, sans-serif; font-weight: 300; line-height: 30.4px;}
.section.gradient-sec .gs-right .gsr-content-top .gsr-content .gsrc-title span {font-size: 29px; font-family: Outfit, sans-serif; font-weight: 500; line-height: 32.5px;}
.section.gradient-sec .gs-right .gsr-content-top .gsr-content .gsrc-text  {line-height:1.2;  font-size: 21px; font-family: Outfit, sans-serif; font-weight: 500;}
.gsr-tag span {padding: 5px 22px;}
.gsr-tag {margin-bottom: 30px;}
.gsr-text {margin-bottom: 60px;}
.gs-right .gsr-title {margin-bottom: 30px;}
.gsl-img a {width: 100%; height: 100%;}

.cl-top{ gap: 30px;}
.clt-inner {width: calc(16.66% - 25px);}
.clt-inner a:hover img {opacity: 0.5;}
.cl-title h4 {font-size: 26px;}
.cl-title {margin-bottom: 60px;}

.tcs-top {margin: 0 auto; max-width: 750px;}
.tcs-bottom {gap: 60px;}
.tcsb-col {width: calc(33.33% - 40px); overflow: hidden; box-shadow: 0 5px 33px 0 rgba(64, 92, 146, .25); display: flex; flex-wrap: wrap; justify-content: center;}
.tcsbc-img { border-radius: 0 0 60px 0;}
.tcsbc-img a:hover img {transform: scale(1.01); opacity: 0.7;}
.tcsb-btn a {border-bottom: 2px solid #2C74FF36;  text-transform: uppercase; font-weight: 500; font-size: 15px; letter-spacing: 0.96px; font-family: Outfit, sans-serif; padding-bottom: 5px;}
.tcsb-btn a:hover{border-bottom:2px solid #2C74FF;}
.tcsbc-text h4 a:hover {text-decoration: underline 1.5px; text-decoration-color: rgb(172 176 181);}
.tcsbc-img a {height: 100%; width: 100%;}
.tcsbc-text {padding: 40px 40px 30px;}
.tcsb-btn {padding-bottom: 40px;}

.wwus-left {float: left; width:61.7%; padding: 85px 85px 0 0;}
.work-with-us-sec .wwus-left .wwusl-content ul li:before , .milestones-sec .wwusl-content ul li:before {background-image: url(https://www-vrinbound-com.sandbox.hs-sites.com/hubfs/SEVEN%20IMG/right2.svg); background-size: cover; background-position: center center; position: absolute; content: ""; top: 0; left: 0; height: 24px; width: 24px; margin: 2px 5px;}
.wwus-right {float: left; width:38.3%;}
.wwusr-img a img {border-radius: 0 0  0 60px;}
.wwusl-content ul {margin: 0; padding: 0; list-style: none; gap: 20px 30px;}
.wwusl-content ul li {width: calc(50% - 15px); font-size: 21px; line-height: 27.3px; font-family: Outfit, sans-serif; font-weight: 400; position: relative; padding-left: 40px;}
.wwusr-img a ,.gstart-img a {width: 100%; height: 100%;}
.wwusl-text {margin-bottom: 30px;}

.gstart-left{float: left; width: 45%;}
.gstart-right{float: left; width: 55%; padding: 50px 0 0 85px;}
.gstart-content {gap: 30px;}
.gstart-btn , .gstart-number {width: calc(50% - 15px); align-self: center;}
.gstart-number a {font-size: 26px; line-height: 20px; font-weight: 500; font-family: 'Outfit', sans-serif;}
.gstart-btn a {padding: 18px 35px;}



.aust-inner{width: calc(25% - 30px);}
.aust-inner-top {padding: 40px; box-shadow: 0px 5px 33px 0px rgba(64, 92.00000000000006, 146, 0.25);}
.aus-title {margin-bottom: 70px;}
.aust-inner {display: flex !important;flex-direction: column; gap: 25px;}
.aust-inner-top:after {position: absolute; content: ""; left: 5px; top: 5px; width: 32px; height: 32px;  background: url(https://3294710.fs1.hubspotusercontent-na2.net/hubfs/3294710/SEVEN%20IMG/quat2.svg); background-size: cover; background-repeat: no-repeat;}
.aust-inner-top {position: relative;}
.austib-img {height: 70px; width: 70px;}
.austib-img a img {height: 100%; width: 100%; object-fit: cover; border-radius: 50%;}
.aus-slide-o1 ul.slick-dots , .aus-slide-o2 ul.slick-dots {display: flex !important;  padding: 0; list-style: none; border-radius: 100px; width: min(400px , 100%); margin: 80px auto 0;  justify-content: center; height: 5px; background: rgba(44, 116, 255, 0.212);  display: table;}
.aus-slide-o1 .slick-dots li  , .aus-slide-o2 .slick-dots li{display: table-cell; width: 100%;}
.aus-slide-o1 .slick-dots li.slick-active button , .aus-slide-o2 .slick-dots li.slick-active button {background: rgba(44, 116, 255, 0.212);}
.aus-slide-o1 .slick-dots button , .aus-slide-o2 .slick-dots button {border-radius:0px; padding: 0; font-size: 0; height: 5px; width: 100%;  border: none; vertical-align: top; transition: ease all 0.4s; background:#D4E4FF;}
.aus-slide-o1 .slick-dots  button:hover , .aus-slide-o2 .slick-dots  button:hover {border:none; background: #D4E4FF;}
.austi-title h5 {font-size: 23px; line-height: 21px; font-family: 'Outfit'; font-weight: 400;}
.austi-top-content {flex-direction: column; gap: 14px;}
.austi-text {font-family: Outfit, sans-serif; font-size: 19px; font-weight: 300; line-height: 28px;}
.aus-slide-o1 .slick-track .slick-slide , .aus-slide-o2 .slick-track .slick-slide {margin: 0 20px;}
.aust-inner-buttom {gap: 18px; align-items: center;}
.austibc-title h6 {font-size: 19px; line-height: 21px; margin-bottom: 7px;    font-family: 'Outfit'; font-weight: 400;}
.austibc-text {font-size: 15px; line-height: 19px; color: rgba(2, 18, 40, 0.569);  font-weight: 400;}
.aus-slide-o1 .slick-prev, .aus-slide-o1 .slick-next , .aus-slide-o2 .slick-prev, .aus-slide-o2 .slick-next  {background-color: #2C74FF !important; opacity: 0; transition: opacity 0.3s ease; pointer-events: none;  transform: translate(50%, -50%); }
.aus-slide-o1 .slick-next , .aus-slide-o2 .slick-next {transform: translate(-50%, -50%);}
.aus-slide-o1  .slick-arrow:before , .aus-slide-o2  .slick-arrow:before {border-left: 2px solid #fff; border-top: 2px solid #fff;}
.aus-slide-o1 .slick-prev:hover, .aus-slide-o1 .slick-next:hover , .aus-slide-o2 .slick-prev:hover, .aus-slide-o2 .slick-next:hover {background-color: #2362D8 !important;}
.aus-slide-o1:hover .slick-next , .aus-slide-o1:hover .slick-prev , .aus-slide-o2:hover .slick-next , .aus-slide-o2:hover .slick-prev{opacity: 1 ; pointer-events: auto;}
.aus-slide-o1:hover , .aus-slide-o2:hover {cursor: pointer}

.four-column-section .tcsb-col{width:calc(50% - 30px); box-shadow: 0 5px 33px 0 rgba(64, 92, 146, .25); padding-bottom: 0; flex-flow: row;}
.four-column-section .tcsbc-content .tcsbc-text {padding: 0;}
.four-column-section .tcs-title {margin-bottom: 80px;}
.four-column-section .tcsbc-text h4 a:hover {text-decoration: underline 1.5px; text-decoration-color: #acb0b5;}
.four-column-section .tcsbc-content {display: flex; flex-direction: column; justify-content: center; padding: 20px 40px; gap: 20px;}
.four-column-section .tcs-bottom .tcsb-col .tcsb-btn-top  .tcsb-btn a{letter-spacing: 0; font-family:Outfit; font-size: 12px; line-height: 17px; padding: 3px 12px; border-radius: 100px;}
.tcsb-btn-top {gap: 5px;}
.four-column-section .tcs-bottom .tcsb-col .tcsb-btn-top  .tcsb-btn{padding:0;}
.tcsb-date {font-size: 15px; line-height: 20px; font-family: 'Outfit';font-weight: 400; color:  align-items: center;}


.f-top {padding-bottom: 80px;}
.ft-left {float: left; width: 40%; flex-direction: column; gap: 60px;}
.ft-left .ftl-contact {font-size: 26px; font-family: Outfit, sans-serif; font-weight: 500; line-height: 33px;}
.ft-right .ftrc-title h6 {font-size: 20px; line-height: 26px; letter-spacing: 1.28px; margin-bottom: 30px;}
.ftl-timing {font-size: 17px; font-family: Outfit, sans-serif; font-weight: 300; line-height: 26px; margin-bottom: 15px;}
.ft-right .ftr-card  ul li a {padding-bottom: 16px; font-weight: 400; font-size: 17px; font-family:"Outfit";  line-height: 26px;}
.ftl-logo a img {width: 180px;}
.ft-right {float: left; width: 60%; gap: 120px;}
.ftr-card {width: calc(33.33% - 80px);}
.ftr-card ul {padding: 0; margin: 0; list-style: none;}
ul.icon {flex-direction: row; gap: 30px;}
ul.icon li {padding: 0 15px 0 0 !important;}
ul.icon li a span {position: relative;}
ul.icon li a span svg {position: absolute; top: 0; left: 0; width: 20px; height: 20px;}
.fb-content a {color: #2C74FF; text-decoration: underline;}
.fb-content a:hover{text-decoration:none;}
.f-bottom .fb-content  {color: #999999; font-size: 15px; font-family: Outfit, sans-serif; font-weight: 300;    padding-right: 10px; line-height: 22px;  border-right: 1px solid #CCCCCC;}
.f-bottom .fb-content p{border:none!important; padding: 0 !important;}
.f-bottom .fb-content:last-child {border: none; padding: 0 0 0 10px;}
.f-bottom .fb-content:nth-child(2){padding:0 10px;}
.f-top .ft-left .ftl-content .ftl-btn a {color: #FFFFFF; font-size: 17px; font-family: Outfit, sans-serif;  font-weight: 500; background-color: rgba(44, 116, 255, 1.0); padding: 10px 24px;}
.f-bottom .fb-content p {margin: 0;}


/* Slider Page Css Start*/

.hero-slider ul li button{display: none;}
.hero-slider ul.slick-dots {display: flex !important; flex-flow: row wrap; padding: 0; margin:0; gap: 20px; justify-content: center; position: absolute;  bottom: 30px; width: 100%; z-index: 3; list-style: none;}
.hero-slider ul.slick-dots li {width: 12px; height: 12px; border:2px solid rgba(255, 255, 255, 0.5);  border-radius: 50%;  cursor: pointer;}
.hero-slider ul.slick-dots li.slick-active {background-color: #ffffff; }
.hero-slider .slick-arrow ,  .hero-slider  .slick-arrow:hover{transform: translate(50%, -50%); background: rgba(255, 255, 255, 0.1) !important;}
.hero-slider .slick-arrow:before{border-left:#FFFFFF solid 1px !important; border-top:#FFFFFF solid 1px !important;}
.hero-slider .slick-arrow:hover{background: rgba(255, 255, 255, 0.3) !important;}
.hero-slider button.slick-next.slick-arrow {transform: translate(-50%, -50%);}
.hero-slider .hc-btn {min-width:0;}
.hero-slider .hc-btn a {padding: 14px 27px; min-width:144px; font-size: 17px;}
.hero-slider .hero-content h1 {font-weight: 500;}

.gs-new .gs-right{width: 100%; padding: 0;}
.gs-new .gsr-content-top {gap: 40px;}
.gs-new .gsr-content {width: calc(33% - 26.66px);}
.gs-new .gsr-inner {width: calc(50% - 40px);}
.gs-new .gsr-text {width: calc(50% - 40px); margin-bottom:0;}
.gs-new .gsr-top{align-items: baseline; gap:80px; margin-bottom: 80px;}
.gs-new {border-bottom: 2px solid #D4E4FF;}
.gs-new .gs-right .gsr-content-top .gsr-content .gsrc-text {line-height: 30px; font-size: 23px;}
.gs-new .gs-right .gsr-content-top .gsr-content .gsrc-title h2{line-height: 56px; font-size: 56px; margin:0 0 12px;}

.recent-projects .aust-inner-top {padding: 0; box-shadow: none;}
.recent-projects .aust-inner-top:after{display:none;}
.recent-projects .austi-top-content {position: absolute; left: 0; bottom: 0; padding: 80px 40px 40px;}
.recent-projects .austi-tag {font-size: 13px; line-height: 17px; padding: 4px 10px; border-radius: 100px; font-family: "Outfit"; font-weight: 500; text-transform: uppercase;}
.recent-projects .austi-tag-top {gap: 5px;}
.recent-projects .aust-inner a .austi-top-img img , .get-started-sec-new.row-reverse .gstart-img a img  {width: 100%; height: 100% !important; transition: transform 8000ms cubic-bezier(0.25, 1, 0.5, 1) !important; position: absolute; top: 0; left: 0;  object-fit: cover;}    
.recent-projects .austi-top-img , .get-started-sec-new.row-reverse .gstart-img {overflow: hidden;  position: relative; padding: 39.6% 0; height: 0;}
.recent-projects .aust-inner a:hover .austi-top-img img {transform: scale(1.3);}


.column-sec-new  .tcs-top {margin: 0 auto 90px;}
.column-sec-new  .gsr-text {margin-bottom:0;}
.column-sec-new  .tcsb-col {width: calc(33.33% - 53.33px);  box-shadow: none;}
.column-sec-new  .tcs-bottom {gap:40px 80px;}
.column-sec-new  .tcsbc-text {padding: 0; margin: 0 0 17px;}
.column-sec-new  .tcsbc-img {border-radius: 0; margin-bottom: 25px;}
.column-sec-new  .tcsb-btn a {padding: 4px 20px; border-radius: 100px;}
.column-sec-new .tcsbc-text-new {font-size: 19px; font-family: Outfit, sans-serif; font-weight: 300; line-height: 30.4px; margin:0 0 17px;}
.column-sec-new .tcsbc-img img {height: 100% !important; width: 100%; object-fit: cover;}
.column-sec-new .tcsbc-img {height: 56px; max-width: 56px;}

.row-reverse {border-bottom: 2px solid #d4e4ff;}
.row-reverse .wrapper {flex-flow: row-reverse;}
.row-reverse .wwusr-img a img {border-radius: 0 0 60px 0;}
.row-reverse .wwus-left {padding: 85px 0 0  85px;}

.get-started-sec-new.row-reverse .gstart-text {font-family: Outfit, sans-serif; font-size: 19px; font-weight: 300; line-height: 28px; margin-bottom: 28px;}
.get-started-sec-new.row-reverse  .gstart-right {padding:50px 80px 0 0; width: 62%;}
.get-started-sec-new.row-reverse  .gstart-left {width: 38%;}
.get-started-sec-new.row-reverse .gstart-img a img {border-radius: 0 0 0 60px;}
.get-started-sec-new.row-reverse .gstart-img {padding: 49% 0;}

/* Slider Page Css End*/

/* Home Page 3 Css Start*/

.change-background {position: static;}
.change-background .h-menu ul li a {color: #000 !important;}
.change-background .h-menu ul li.hs-item-has-children a::after{background-image:url(https://3294710.fs1.hubspotusercontent-na2.net/hubfs/3294710/SEVEN%20IMG/after.svg);}
.change-background .h-menu .hs_cos_wrapper ul.hs-menu-children-wrapper {z-index: 2;}

.hero-sec:before {position: absolute; content: ""; top:0; left: 0; height:100%; width:100%; background:rgba(0, 9, 22, 70%); z-index: -1;}
.hero-sec{position: relative; z-index: 1; overflow: hidden;}
.new-overlay:before {background: url(https://3294710.fs1.hubspotusercontent-na2.net/hubfs/3294710/SEVEN%20IMG/bg-abstract-0-1.svg); background-repeat: no-repeat; background-position: center; background-size: 120% auto;}
.new-overlay .hero-right {position: absolute; top: 0; right: 0; width: 49%; height: 100%; z-index: 1;     -webkit-mask-image: url(https://the7.io/elementor-2025/wp-content/uploads/sites/125/2024/10/Slider-mask.svg); -webkit-mask-size: cover; -webkit-mask-position: center left;}
.new-overlay .hr-img {overflow: hidden; position: relative; padding: 44.02% 0; height: 0; position: relative; width: 100%; height: 100%;  overflow: hidden;}
.new-overlay .hr-img img {  width: 100%; height:100% !important; object-fit: cover; display: block; position: absolute; top: 0; right: 0;}
.new-overlay .hr-img {height: 100%;   width: 100%;   position: relative; mask-position: center right;   mask-image: url(https://3294710.fs1.hubspotusercontent-na2.net/hubfs/3294710/SEVEN%20IMG/Slider-mask.svg);  mask-size: cover;}
.new-overlay .hero-content {width: 51%;}

.row-reverse .wwus-left .wwusl-content ul li:before  , .Without-overly .wwus-left .wwusl-content ul li:before , .milestones-sec .wwusl-content ul li:before {background-image: url(https://3294710.fs1.hubspotusercontent-na2.net/hubfs/3294710/SEVEN%20IMG/right1.svg);}

.add-border {border-bottom: 2px solid #D4E4FF;}

.rotate-logo {overflow: hidden;}
@keyframes slides {
  from {transform: translateX(0); }
  to {transform: translateX(-100%);}
}
.rotate-logo .logos {display: flex;  flex-wrap: nowrap;  width: 100%;}
.rotate-logo .logos:hover .logo_items {animation-play-state: paused;}
.rotate-logo .logo_items {display: flex;  align-items: center; animation: 35s slides infinite linear; flex-shrink: 0; gap: 40px; }
.rotate-logo .logo_items img {height: 157px; width: 210px;}

.add-border-radius .austi-top-img{padding:46.5% 0; border-radius: 0px 0px 60px 0px; }
.add-border-radius .austi-top-content {position: static; padding: 25px 0 0;}

.new-project-section .hero-content {flex-direction: column; width: 100%; max-width: 920px; margin: 0 auto;}
.new-project-section:before{background:url(https://3294710.fs1.hubspotusercontent-na2.net/hubfs/3294710/SEVEN%20IMG/art-top-right.svg);position: absolute; content: ""; right: 0; top: 0; background-position: top right; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%;}
.new-project-section {position: relative;}
.new-project-section .hc-text{font-size: 36px; line-height: 47px; margin-bottom: 30px;}
.new-project-section .hero-content h2 { font-size: 52px; line-height: 63px; margin-bottom: 50px;}


/* Home Page 3 Css End*/

/* About Us Page Css Start*/

.full-width .hero-content {width: 100%;}

.milestones-sec .msb-col:last-child {padding: 0;}
.milestones-sec .msb-col {padding-bottom: 80px; max-width: 960px; margin: 0 auto; border-left: 2px solid #D4E4FF;}
.milestones-sec .msbc-inner {gap: 60px;}
.milestones-sec .msbci-left {width: calc(34.5% - 30px); position: sticky; top: 100px; margin: -7px 0px 0px 0px; padding: 0px 0px 0px 20px;}
.milestones-sec .msbci-right {width: calc(65.5% - 30px);}
.milestones-sec .wwusl-content ul li{width:100%;}
.milestones-sec .msbcir-img {margin-bottom: 40px;}
.milestones-sec .msbcir-img a img {height: 100% !important; width: 100%; object-fit: cover;}
.milestones-sec .msbcir-img a {border-radius: 0 0 60px 0; overflow: hidden; height: 100%; width: 100%; object-fit: cover;}
.milestones-sec .msbcil-year{position: relative;}
.milestones-sec .msbcil-year:after {position: absolute; right: 0; top: 7px; content: ""; border-top: 2px solid #D4E4FF; width:50%;}
.milestones-sec .msbcil-year h2 {font-size: 56px; line-height: 56px; letter-spacing: 1.12px; margin:0 0 10px;}
.milestones-sec .msbcir-title h3 {font-size: 36px; line-height: 43.2px; font-weight: 500; font-family: 'Outfit';}
.milestones-sec .msbcir-title {margin-bottom: 20px;}

.dark-bg .aus-slide-o1 ul.slick-dots, .dark-bg  .aus-slide-o2 ul.slick-dots{background: #FFFFFF26;}
.dark-bg .aus-slide-o1 .slick-dots li.slick-active button, .dark-bg .aus-slide-o2 .slick-dots li.slick-active button {background: #FFFFFF40;}
.dark-bg .aus-slide-o1 .slick-dots button:hover,.dark-bg .aus-slide-o2 .slick-dots button:hover {background: #FFFFFF26;}
.dark-bg .aus-slide-o1 .slick-dots button,.dark-bg .aus-slide-o2 .slick-dots button{background: #FFFFFF26;}

/* About Us Page Css End*/


/* Our Team Css Start*/
.isotop-fillter-sec  .filter-categories {gap: 10px 30px; margin-bottom: 50px;}
.isotop-fillter-sec .filter-categories a {font-size: 15px; line-height: 19.5px; letter-spacing: 0.9px; text-transform: uppercase; font-weight: 500; font-family: 'Outfit';}
.isotop-fillter-sec .ifs-card {gap: 80px 60px;}
.isotop-fillter-sec .ifsc-inner {width:25% ; padding:0 20px 60px;}
.isotop-fillter-sec .ifsci-img {border-bottom-right-radius: 40px; overflow: hidden; margin-bottom: 25px;}
.isotop-fillter-sec .ifsci-title h5 {font-size: 26px; line-height: 32.5px; font-weight: 500;}
.isotop-fillter-sec .ifsci-text h6 {font-size: 19px; line-height: 24.7px; font-weight: 400;}

.new-gap .tcs-bottom {gap: 60px;}
.new-gap .tcsb-col {width: calc(33.33% - 40px);}
.new-gap .tcsbc-text h4 a:hover {text-decoration: none;}
.new-gap .tcsbc-text h4, .new-gap  .tcsbc-text h4 a {font-size: 26px; line-height: 32.5px; font-weight: 500; font-family: 'Outfit';}
.new-gap .tcs-top{max-width:100%;}

.adjusting-width .gstart-img {width: 100%; height: 100%;}
.adjusting-width .gstart-text , .adjusting-width .gstart-text ul li {font-size: 20px; line-height: 30px; font-weight: 400;}
.adjusting-width .gstart-text h5 {color: #2C74FF; font-size: 22px; line-height: 27.5px; margin: 40px 0 30px; font-weight: 500;}
.adjusting-width .gstart-left {width: 40%;}
.adjusting-width .gstart-right {width: 60%;}
.adjusting-width .gstart-text ul li {position: relative; padding-left: 33px;}
.adjusting-width .gstart-text ul {padding: 0; list-style: none;}
.adjusting-width .gstart-text ul li:before {position: absolute; content: ""; left: 0; top: 0; height: 24px; width: 24px; background: url(https://3294710.fs1.hubspotusercontent-na2.net/hubfs/3294710/SEVEN%20IMG/arrow.svg); background-repeat: no-repeat; background-position: left center; background-size: cover;}

.workflow-sec .wsb-left .wsbl-inner a h5 {font-size: 22px; line-height: 27.5px;}
.workflow-sec .wsbl-inner {margin-bottom: 15px;}
.workflow-sec .ws-bottom {gap: 40px;}
.workflow-sec .wsb-left {width: calc(25% - 20px);}
.workflow-sec .wsb-right {width: calc(75% - 20px); display: flex; flex-direction: column;  gap: 40px;}
.workflow-sec .wsbri-left {width: 67%; padding: 60px;}
.workflow-sec .wsbri-right {width: 33%;}
.workflow-sec .wsbril-img {height: 0; width: 100%; border-bottom-left-radius: 40px;  overflow: hidden; position: relative; padding: 63% 0;}
.workflow-sec .wsbril-img img {height: 100% !important; width: 100%; object-fit: cover; position: absolute; top: 0; right: 0;}
.workflow-sec .wsbr-inner {display: none; }
.workflow-sec .wsbr-inner.active {display: flex !important}
.workflow-sec .wsbril-title h3 {font-size: 36px; line-height: 43.2px; font-weight: 500; font-family: 'Outfit';}
.workflow-sec .wsbril-text {font-size: 20px; font-family: "Outfit", sans-serif; font-weight: 300; line-height: 33px;}

/* Our Team Css End*/

/* Testimonil Page css Start */

.about-us-sec-new .aus-slide-new {gap: 60px;}
.about-us-sec-new  .aust-inner {width:calc(33.33% - 40px);}

.wwusl-social ul {padding: 0; margin: 0; list-style: none; flex-direction: row; gap: 15px;}
.wwusl-social ul li {background-color: #E5EEFF; display: inline-flex; justify-content: center; align-items: center;  font-size: 22px;  padding: 13.2px; border-radius: 100px; }
.wwusl-social ul li a {height: 23px; width: 23px;}
.wwusl-social ul li svg {height: 23px; width: 23px; object-fit: cover;}
.review-sec .wwus-right {width: 60%; background: #FFFFFF; box-shadow: 0px 5px 33px 0px rgba(64, 92.00000000000006, 146, 0.25); padding: 60px;}
.review-sec .wwus-left {width: 40%;  padding: 0 80px 0 0;}
.review-sec .wwus-right h3{padding:0;}
.review-sec .wwus-right form{display: flex; flex-wrap: wrap;}
.review-sec .wwus-right .hs_firstname.hs-firstname , .review-sec .wwus-right  .hs_email{width:50%;}
.review-sec .wwus-right .hs_message , .review-sec .wwus-right .hs_submit.hs-submit ,.review-sec .wwus-right  input.hs-button.primary.large {width:100%;}
.review-sec .wwus-right .hs-form-field {margin: 0 0 20px; padding: 0 10px;}
.review-sec .wwus-right form .hs-form-field > label {display: inline-block; padding: 0 0 10px; margin: 0; font-size: 17px; line-height: 1.3; font-family: 'Outfit'; color: #021228; font-weight: 400;} 
.review-sec .wwus-right .hs-form-field input[type="text"]:focus,.review-sec .wwus-right .hs-form-field input[type="email"]:focus, .review-sec .wwus-right .hs-form-field input[type="tel"]:focus,.review-sec .wwus-right .hs-form-field input[type="number"]:focus,.review-sec .wwus-right .hs-form-field select.hs-input:focus,.review-sec .wwus-right .hs-form-field textarea:focus {border: #0212282B solid 1px;}
.review-sec .wwus-right .hs-form-field input[type="text"], .review-sec .wwus-right .hs-form-field input[type="email"],.review-sec .wwus-right .hs-form-field input[type="tel"],.review-sec .wwus-right .hs-form-field input[type="number"],.review-sec .wwus-right .hs-form-field select.hs-input,.review-sec .wwus-right .hs-form-field textarea,.review-sec .wwus-right .hs-form-field input[type="file"] { border: #0212282B solid 1px; border-radius: 0; padding: 8px 14px;  outline: none;  font-size: 17px;  color: #0212282B; line-height: 1.5;}
.review-sec .wwus-right .hs-form-field  input::placeholder, .review-sec .wwus-right .hs-form-field textarea::placeholder {color:#0212282B;}
.review-sec .wwus-right .hs-form-field  .hs-form-required {color: #01C2CE; padding-inline-start: 4px;}
.review-sec .wwus-right  form .hs-button:hover { background: #2362D8;  color: #fff;  border-radius: 100px;}
.review-sec .wwus-right  form .hs-button, body form .hs-button:focus {background: #2C74FF; margin: 0; border-radius: 100px; padding: 16px 28px; line-height: 18px; color: #fff; font-weight: 400; font-family: 'Outfit'; font-size: 17px;}

/* Testimonil Page css End */

/* Services Page Start */
.two-column .tcs-bottom {gap: 60px;}
.two-column .tcsb-col {width: calc(50% - 30px); justify-content: flex-start; position: relative;}
.two-column .tcsbc-img {position: absolute; top: 0; left: 0; margin: 0; height: 48px; width: 48px !important;}
.two-column .tcsbc-content {padding-left: 68px;}

.our-working-process .tcs-top {max-width:800px;}
.our-working-process .owp-bottom {max-width: 1000px; margin: 0 auto;}
.our-working-process .owpb-inner {gap: 60px; padding: 60px; border: 5px solid #E5EEFF; border-radius: 0 5px 0 40px; border-right: none; position: relative;}
.our-working-process .owpbi-left {width: calc(35% - 30px);}
.our-working-process .owpbi-right {width: calc(65% - 30px);}
.our-working-process .owpbil-number  {font-family: "Outfit", Sans-serif; font-size: 36px; font-weight: 600; line-height: 36px; border-radius: 50%; position: absolute;  height: 80px; width: 80px; top: 10px; left: 0; transform: translate(-50%, -50%);}
.our-working-process .owpb-inner:nth-child(2n+1) {border-top: none;}
.our-working-process .owpb-inner:first-child { border-top: 5px solid #E5EEFF;}
.our-working-process .owpb-inner:nth-child(2n) {flex-flow: row-reverse; border: 5px solid #E5EEFF; border-left: none; border-radius: 0 0 40px; border-top: none;}
.our-working-process .owpb-inner:nth-child(2n) .owpbi-left .owpbil-number {right: 0; left: auto; transform: translate(50%, -50%);}
.our-working-process .owpb-inner .owpbi-left  .owpbil-img {border-radius: 0 100% 100% 100%; overflow: hidden;}
.our-working-process .owpb-inner:nth-child(2n) .owpbi-left .owpbil-img {border-radius:100% 0  100% 100%;;}
.our-working-process .owpbir-title {margin-bottom: 20px;}
.our-working-process .owpbir-title h3 {font-family: 'Outfit'; font-size: 36px; font-weight: 500; line-height: 1.2;}
.our-working-process .owpbir-text {font-size: 19px; line-height:30.4px; font-weight: 300; font-family: 'Outfit', sans-serif;}

.six-column .tcs-top {margin: 0 auto; max-width: 900px; margin-bottom: 80px;}
.six-column .tcs-title {margin-bottom: 0;}

.what-we-offer .tcs-bottom {gap: 80px;}
.what-we-offer .tcsb-col {width: calc(33.33% - 53.33px); box-shadow: none; flex-flow: column; justify-content: flex-start;}
.what-we-offer .tcsbc-content{padding:0;}
.what-we-offer .tcsbc-img{margin:0 0 30px;}
.what-we-offer .tcsbc-img a {height: 0; position: relative; padding: 0 0 66%;}
.what-we-offer .tcsbc-img a img { position: absolute; top: 0; left: 0;}
.what-we-offer .tcsbc-img a:hover img {transform: none; opacity: 1;}
.what-we-offer .tcsbc-text h4 a:hover {text-decoration: none;}

.gsr-text ul li:before {position: absolute; content: ""; background-image: url(https://3294710.fs1.hubspotusercontent-na2.net/hubfs/3294710/SEVEN%20IMG/right1.svg); background-size: cover; background-position: center center; top: 0; left: 0; height: 24px; width: 24px; margin: 2px 5px;}
.gsr-text ul li {padding-left: 40px; position: relative;}
.gsr-text ul{padding: 0; margin: 0; list-style: none;}
.marketing-solutions .hero-content {max-width: 100%;}

.column-new .tcsbc-img a img { position: absolute; top: 0; left: 0;}
.column-new .tcsbc-img {width: 100%; height: 0; position: relative; padding: 0 0 32%;}
.column-new  .tcsb-col {box-shadow: none;}
.column-new  .tcsbc-img a:hover img {transform: none; opacity: 1;}
.column-new  .tcsbc-text h4 a:hover {text-decoration: none;}

/* Services Page End */



@media (max-width: 1200px) {
  .wrapper, .wrapper-xl{ max-width:930px;}
  .h-menu  .hs-menu-wrapper > ul {display: none; position: absolute;  left: 0;  top: 100%; width: 100%; background:#343333; z-index: 3; text-align: center; background-color:#011c37 ; }
  .h-menu ul li { width: 100%; text-align: left; padding: 0 0 18px 0 !important; }
  .header .h-menu .hs_cos_wrapper ul li a{color:#000; margin: 0; width: 100%; padding-bottom:10px; border-bottom: none;}
  a.menu-toggle { display: flex;  position: absolute; left:0; top:20px; margin-left: 40px; width: 30px;  height: 20px; z-index: 111111; transform: translateX(-50%);}
  .menu-toggle i { width: 100%; height: 2px; background: #FFFFFF;}
  .menu-toggle i:before, .menu-toggle i:after { position: absolute;  content: '';   width: 100%; height: 2px; background: #FFFFFF; top: 0; left: 0;}
  .menu-toggle i:after {top:auto; bottom: 0; }
  a.child-toggle {position: absolute; right: 20px;    top: 0;    width: 51px;    height: 51px;    background: transprant;}
  li.hs-menu-item.hs-menu-depth-1.hs-item-has-children {padding-right: 0;}
  .h-menu .hs-item-has-children >  ul.hs-menu-children-wrapper {   overflow: hidden;    display: flex;    position: static;    width: 100%; background-color: transparent;}
  .h-menu .hs-item-has-children:after {display:none;}
  .h-menu .hs-item-has-children > ul li a{color:#fff; text-align:center; padding: 5px 0;}
  .h-menu .hs-menu-wrapper > ul {position: fixed; left: -300px; top: 0;  width: 400px;  height: 800px; background: #fff;  z-index: 99999; transition: 0.4s ease-in-out; text-align: center;  overflow-y: auto; }
  body.menu-open .h-menu .hs-menu-wrapper > ul {left: 0; padding: 100px 0 0 50px; transition: none;}
  body.menu-open .menu-toggle i:before  , body.menu-open .menu-toggle i:after{background: #02122852; transform: rotate(120deg); width: 20px;}
  body.menu-open .menu-toggle i:after {transform: rotate(55deg); top: 0;}
  body.menu-open .h-menu .hs_cos_wrapper ul.hs-menu-children-wrapper {display: none; padding: 0;}
  a.child-toggle {position: absolute; right: 20px;    top: 0;    width: 51px;    height: 51px;    background: transprant;}
  li.hs-menu-item.hs-menu-depth-1.hs-item-has-children {padding-right: 0;}
  .h-menu  .hs-item-has-children >  ul.hs-menu-children-wrapper {overflow: hidden; display: flex; position: static; width: 100%; background-color: transparent;}
  .h-menu .hs-item-has-children:after {display:none;}
  .h-menu .hs-item-has-children > ul li a{color:#fff; text-align:center; padding: 5px 0;}
  .h-right {position: absolute; top: 11px; right: 100px; padding:0;}
  .h-sec .wrapper {position: relative;}
  .h-left {width: 100%;}
  .h-logo {text-align: center;}
  h1 {font-size: 60px; line-height: 72px;}
  h2 {font-size: 40px; line-height: 42px;}
  .hero-content {width:80%;}
  .gs-left {width: 45%;}
  .gs-right {width: 55%; padding:0 0 0 40px;}
  .gsr-text, .wwusl-text {font-size: 16px; line-height: 23px;}
  .section.gradient-sec .gs-right .gsr-content-top .gsr-content .gsrc-text{font-size:18px;}
  .clt-inner {width: calc(33.33% - 20px);}
  .tcsb-col {width: calc(50% - 30px);}
  .wwusl-content ul {gap: 10px;}
  .wwus-left {padding: 0 35px 0 0 ; width: 55%;}
  .wwus-right{width:45%;}
  .wwusl-content ul li {width: calc(50% - 5px); padding-left:35px; font-size: 18px;}
  .work-with-us-sec .wwus-left .wwusl-content ul li:before {top: 5px; height: 17px; width: 17px;}
  .gstart-btn, .gstart-number {width: 100%;}
  .gstart-right {padding: 0 0 0 35px; width: 50%;}
  .gstart-left{width:50%;}
  .four-column-section .tcsb-col {width:100%;}
  .ft-left {width: 35%;}
  .ft-right {gap: 40px; width: 65%;}
  .ftr-card {width: calc(33.33% - 26.66px);}

  .header .h-menu ul li.hs-item-has-children a::after{position: static; margin: 0; background: none; display: none;}
  a.child-toggle {position: absolute !important; right: 0; top: 0; width: 51px !important; height: 51px; background: transparent;display: flex; margin: -15px 0 0 0 !important; border-bottom: none !important;}
  a.child-toggle i {position: relative; width: 15px; height: 2px; background-color: #02122852; display: block; transition: all 0.3s ease;}
  a.child-toggle i::after { position: absolute; content: ""; width: 2px;  height: 15px; background-color: #02122852; top: 50%; left: 50%; transform: translate(-50%, -50%); /* Bilkul center mein */ transition: all 0.3s ease;}
  .hs-menu-item.child-open > a.child-toggle i::after { transform: translate(-50%, -50%) rotate(90deg); opacity: 0;}
  .hs-menu-item.child-open > a.child-toggle i {transform: rotate(180deg);}
  .hs-menu-children-wrapper li a {text-align: left !important;}
  .header .h-menu .hs_cos_wrapper ul li.hs-menu-depth-2 a{padding:0;}
  .header .h-menu .hs_cos_wrapper ul li a:hover {border-bottom: none; color: #2C74FF;}
  .header .h-menu .hs_cos_wrapper ul.hs-menu-children-wrapper {background: transparent !important; opacity: 1;}
  .menu-open  a.menu-toggle {position: absolute; left: 0; top: 0; margin:0  -40px;}
  .new-overlay .hero-right .hr-img {mask-image: none;}
  .menu-open a.menu-toggle {left: 345px; top: 50px; margin: 0 ; transform:none; position: fixed;} 
  .menu-open .menu-toggle i{background: transparent !important;}
  .menu-open .h-menu{position: relative;}

  .change-background .menu-toggle i  , .change-background .menu-toggle i:before, .change-background  .menu-toggle i:after{background: #000;}

  .isotop-fillter-sec .ifsc-inner {width: 33%;}
  .new-gap .tcsb-col {width: calc(50% - 30px);}
  .adjusting-width .gstart-left {width: 100%;  padding: 0;}
  .adjusting-width .gstart-right {width: 100%; padding: 80px 0 0;}
  .workflow-sec .wsb-right {width: calc(60% - 20px);}
  .workflow-sec .wsb-left {width: calc(40% - 20px);}
  .workflow-sec .wsbri-left {width: 100%; padding: 30px; order: 2;}
  .workflow-sec .wsbri-right {width: 100%; order: 1;}
  .workflow-sec .wsbril-img{padding:33% 0 ;}
  .about-us-sec-new .aust-inner {width: calc(50% - 30px);}
  .review-sec .wwus-left {width: 100%; padding: 0 0 80px 0;}
  .review-sec .wwus-right {width: 100%;}
  .review-sec .wwus-right .hs_firstname.hs-firstname, .review-sec .wwus-right .hs_email {width: 100%;}



}




@media (max-width: 991px) {
  .wrapper, .wrapper-xl{ max-width:710px;}
  .hero-content {width: 100%; text-align: center;}
  .section.hero-sec .hero-content .button-top {justify-content: center;}
  .gs-left , .gstart-left , .get-started-sec-new.row-reverse .gstart-left {width: 100%; padding-bottom:40px;}
  .gs-right ,     .gstart-right , .get-started-sec-new.row-reverse .gstart-right {width:100%; padding:0;}
  .tcsb-col {width: 100%;}
  .row-reverse .wwus-left , .wwus-left   {padding: 0 0 40px; width: 100%;}
  .wwus-right {width: 100%;}
  .ft-left {width: 100%; align-items: center;}
  .ftl-content {text-align: center;}
  .ft-right {width: 100%;}
  .f-top {gap: 40px;}
  h1 {font-size: 48px; line-height: 58px;}
  h2 , .new-project-section .hero-content h2 {font-size: 34px; line-height: 40px;}
  .hero-sec .hero-content .hc-text {font-size: 21px; line-height: 32px;}    
  .row-reverse .wrapper {flex-flow: column;}
  .hero-content h1 {font-weight: 500; margin-bottom: 10px;}

  /* Slider Page Css Start*/

  .gs-new .gsr-inner , .gs-new .gsr-text {width: 100%;}  
  .gs-new .gsr-top {gap: 30px; margin-bottom: 50px;}
  .gs-new .gs-right .gsr-title , .gs-new .gs-right .gsr-title h2 {margin-bottom: 0;}
  .column-sec-new .tcsbc-content {width: calc(90% - 12.5px);}
  .column-sec-new .tcsbc-img {display: inline-flex; justify-content: center; align-items: center; width: calc(10% - 12.5px); margin: 0;}
  .column-sec-new .tcsb-col {width: 100%; display: flex; gap: 25px;}
  .hc-btn.btn {justify-content: center;}
  .gs-new .gsr-content {width: 100%;}


  /* Slider Page Css End*/

  .new-overlay .hero-right {display: none;}
  .new-overlay .hero-content  {width: 100%;}
  .rotate-logo .cl-top img {height: 120px;  width: 160px;}

  .milestones-sec .msb-col { padding-bottom:50px; border-left: none;}
  .milestones-sec .msbc-inner {gap: 40px;}
  .milestones-sec .msbci-left {width: 100%; position: static; padding: 0;}
  .milestones-sec .msbci-right {width: 100%;}
  .milestones-sec .msbcil-year:after {right: 20px; width:80%;}

  .workflow-sec .wsbril-title h3 {font-size: 31px; line-height: 37.2px;}
  .isotop-fillter-sec .ifsc-inner {width: 50%;}

  .two-column .tcsb-col{width:100%;}
  .two-column .tcsbc-content {padding: 68px 0 0 0; width: 100% !important;}
  .our-working-process .owpbi-left , .our-working-process .owpbi-right {width: 100%;}
  .our-working-process .owpb-inner:nth-child(2n) {flex-flow: column;}



}

@media (max-width: 767px) {
  .wrapper, .wrapper-xl{ max-width:100%;}
  .section.hero-sec .hero-content .button-top {flex-direction: column;}
  .tcsbc-img {width: 100%}
  .four-column-section .tcsb-col {flex-direction: column;}
  .tcsb-btn-top {justify-content: center;}
  .four-column-section .tcsbc-content {text-align:center;}
  .four-column-section .tcsbc-img a img {height: 100% !important;}
  .clt-inner {width: calc(50% - 15px);}
  h1 {font-size: 38px; line-height: 46px;}
  .gsr-content-top {gap: 30px; flex-direction: column;}
  .gsr-content{width:100%;}
  .ftr-card {width: 100%; text-align: center;}
  .ftr-card ul.icon {justify-content: center;}
  .f-bottom .fb-content {width: 100%; border: none; padding: 0; text-align: center;}
  .f-bottom .fb-content:nth-child(2) ,  .f-bottom .fb-content:last-child {padding: 0;}
  .aus-slide:hover .slick-next, .aus-slide:hover .slick-prev {opacity: 0;}
  .aus-slide ul.slick-dots {width: min(90%, 100%); margin: 50px auto 0;}
  .cl-title {margin-bottom: 30px;}
  .aus-slide-o1:hover .slick-next, .aus-slide-o1:hover .slick-prev, .aus-slide-o2:hover .slick-next, .aus-slide-o2:hover .slick-prev{opacity: 0;}
  .f-top {padding-bottom: 50px;}
  .aus-slide-o1 ul.slick-dots, .aus-slide-o2 ul.slick-dots{width:min(90% , 100%);}
  .milestones-sec .msbcil-year:after {width:60%;}
  .milestones-sec .msbcir-title h3 {font-size: 31px; line-height: 37.2px;}
  .aus-title {margin-bottom: 40px;}


  /* Slider Page Css Start*/
  .hero-slider ul.slick-dots{bottom:60px;}
  .column-sec-new .tcsb-col {flex-direction: column; padding:0;}
  .column-sec-new .tcsbc-img{margin:0;}
  .column-sec-new .tcs-bottom {gap: 50px;}
  .column-sec-new .tcs-top {margin: 0 auto 50px;}
  .column-sec-new .tcsbc-img {width:100%;}
  .gsr-text {margin-bottom: 30px;}
  .gsrc-title h2 {margin: 0 0 12px;}
  .rotate-logo .logo_items {gap:20px;}
  .wwusl-content ul li {width: 100%;}
  .ft-left , .f-top , .ft-right{gap:30px;}

  /* Slider Page Css End*/

  .workflow-sec .wsb-left ,   .workflow-sec .wsb-right{width: 100%; display: contents; }

  .workflow-sec .wsbl-inner[data-tab="0"] { order: 1; width: 100%; }
  .workflow-sec .wsbl-inner[data-tab="1"] { order: 3; width: 100%; }
  .workflow-sec .wsbl-inner[data-tab="2"] { order: 5; width: 100%; }
  .workflow-sec .wsbl-inner[data-tab="3"] { order: 7; width: 100%; }
  .workflow-sec .wsbl-inner[data-tab="4"] { order: 9; width: 100%; }

  .workflow-sec .wsbr-inner[data-content="0"] { order: 2; width: 100%; margin-bottom: 20px; }
  .workflow-sec .wsbr-inner[data-content="1"] { order: 4; width: 100%; margin-bottom: 20px; }
  .workflow-sec .wsbr-inner[data-content="2"] { order: 6; width: 100%; margin-bottom: 20px; }
  .workflow-sec .wsbr-inner[data-content="3"] { order: 8; width: 100%; margin-bottom: 20px; }
  .workflow-sec .wsbr-inner[data-content="4"] { order: 10; width: 100%; margin-bottom: 20px; }
  .isotop-fillter-sec .ifsc-inner {width: 100%; padding:0 0 50px;}

  .about-us-sec-new .aust-inner {width: 100%;}
  .review-sec .wwus-right {padding: 60px 40px;}

  .our-working-process .owpb-inner {gap: 40px; padding: 40px;}
  .our-working-process .owpbil-number{font-size: 26px; line-height: 26px; height: 50px; width: 50px;}
  
  .what-we-offer .tcsbc-content {text-align: left;}
  .column-new .tcsbc-img {padding: 0 0 50%;}

}

@media (max-width: 480px) {
  .wrapper, .wrapper-xl{ max-width:100%;}
  .milestones-sec .msbcil-year:after {width:50%;}

}