/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

#home-v2-page {
  
}

#home-v2-page #body-content{
      display: flex;
    margin-top: 0;
}

#home-v2-page #body-content .sidebar-content{
      width: 13%;
    z-index: 999
}

#home-v2-page #body-content .sidebar-content .hs_cos_wrapper { 
  height: 100%;
}

#home-v2-page #body-content .main-content{
      width: 87%;
      padding: 3% 3%;
}

@media only screen and (max-width: 767px) {
  /* Mobile lasrge Device */

  #home-v2-page #body-content {
    display: block; 
  }
  
  #home-v2-page #body-content .sidebar-content {
    width: 100%; 
  }
  
  #home-v2-page #body-content .main-content {
    padding: 2%;
    width: 100%;
  } 
  
}

@media screen and (max-width: 850px) and (min-width: 767px) {
 /* Tablet Device */
  
  #home-v2-page #body-content .sidebar-content {
    width: 25%;
  }
  
  #home-v2-page #body-content .main-content{
      width: 75%;
  }

}

#body-content .slider-inline-main-wrapper {margin-bottom: 40px;}
div#toast-portal {
    margin: 0  -20px;
}


#content-v2-page #body-content{
  width: 100%;
  padding: 3% 2%;
  max-width: 1240px;
  margin: 0 auto;
  margin-top: -28px;
}

.slide-step:first-child .step-inline-no:before, .slide-step:last-child .step-inline-no:before {
    background: #fff!important;
}
div#toast-portal {
    margin: 0  -20px;
}

#body-content button.btn,
#body-content .button--primary,
#body-content .hs-button{
  background: #d25431;
  border: none;
  border-radius: 50px;
  padding: 10px 20px;
  color: #fff;
  width:auto;
}

div#mobile-message {
    padding: 10px;
    text-align: center;
    font-size: 30px;
    align-items: center;
    height: 100vh;
}

#home-v2-page .table-of-contents {
    background: #e6e1e7;
    position: relative;
    height: 100%;
}

#home-v2-page .header__container {
    padding-left: 0;
}
#home-v2-page a.toc-already-read {
    opacity: 1;
}

#home-v2-page .table-of-contents a {
    color: #000;
}

#home-v2-page .table-of-contents a.toc-already-read:before {
    box-shadow: inset 0 0 0 1px #000;
    color: #000;
}

#home-v2-page .table-of-contents a {
    color: #000;
}

#home-v2-page .table-of-contents a.toc-already-read:before {
    box-shadow: inset 0 0 0 1px #000;
    color: #000;
}

#home-v2-page .table-of-contents a.toc-reading {
    color: #d25431;
}

#home-v2-page a.toc-reading::before {
    box-shadow: inset 0 0 0 1px  #d25431;
    color: #d25431;
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
    border: 1px solid #ccc;
    border-radius: 5px;
}

#body-content h2 {
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 20px;
}

#body-content textarea {
    border: 1px solid #ccc;
    border-radius: 5px;
}

#body-content h3 {
    font-size: 30px;
    font-weight: bold;
    margin: 10px 0;
}

.z-50 {
    z-index: 1000;
}
.location_item_content .text-xl {
    padding-right: 75px;
}


.portal_wrapper .bg-blue-500 {
    background: #d25431!important;
    border-radius: 50px;
    all .4s animation-timing-function: ease-in-out;
}

.portal_wrapper .bg-blue-500:hover {
    transform: scale(1.05);
}
input[type="undefined"] {
    display: none;
}

.client-header .container,.header .container {
    max-width: 100%;
}


.product-table-container td:nth-child(2),.product-table-container td:nth-child(3), .product-table-container td:nth-child(4), .product-table-container td:nth-child(5), .product-table-container td:nth-child(6) {
    min-width: 280px!important;
}


#home-v2-page .form-step-content {
    padding: 0;
}

#home-v2-page .form-step-content form {
    background: transparent;
    padding: 30px;
    border: 1px solid #ccc;
    margin:30px 0
}
.slide-steps.has-1 {
    display: none;
}

/*  By Kanaiya Patel*/
/**** Update apr 7 ****/
html { overflow-x: clip; }
body #body-content h2 { font-size: 44px; line-height: 1.2; font-weight: 400; color: #382e3b; font-family: Fraunces Family; }
body #body-content h3 { font-size: 36px; line-height: 1.2; font-weight: 400; color: #382e3b; font-family: Fraunces Family; }
body main#body-content { min-height: calc(100vh - 310px); }
body #hs_cos_wrapper_module_173381168744410 .hhs-footer-mod { padding-bottom: 0; }

body #left-sidebar .inner-menu ul li a { color: #76708e; }
body #left-sidebar .inner-menu ul li a:hover ,  body #left-sidebar .inner-menu ul li a.active { color: #d35431; }

body #body-content button.btn , body .location_header a , .popup_modal button[type="submit"] { background: #76708e; padding: 15px 25px; text-transform: none; font-weight: 600; font-size: 16px; line-height: 1.5em; margin: 0; transition: all .4s ease-in-out; border-radius: 50px; }
body #body-content button.btn:hover , body .location_header a:hover , .popup_modal button[type="submit"]:hover { transform: scale(1.05); }

body .tooltip_icon path {fill: #d35431; }
body .type2 .slide-step:before { line-height: 27px; }
body .slide-step.active:before { background: #76708e; border-color: #76708e; }
body .slide-step.active .step-inline-no { background: #76708e; }
body .slide-step .step-inline-no { border-color: #76708e; }
body .slide-step:before { background: #76708e; }

.timeline-btn-wrapper { display: flex; flex-wrap: wrap; gap: 10px 15px; margin: 0 0 20px; }

/*** form **/
form .step-inline-form .property-group { padding: 30px 0 0; }
form .property-group label , body .hs-fieldtype-checkbox > label, body .hs-form label { font-size: 1.125em; line-height: 1.4; color: #253342; margin: 0 0 14px; display: inline-block; width: 100%; text-transform: none; font-weight: bold; }

.multi-checkbox ul li { padding: 0 0 0 25px; position: relative; color: #253342; }
.multi-checkbox ul li input[type=checkbox] , .hs-fieldtype-checkbox ul li input[type=checkbox] { position: absolute; top: 7px; left: 0; opacity: 0; width: 16px; height: 16px; z-index: 1; }
.multi-checkbox ul li label , body .hs-fieldtype-checkbox ul li span { font-size: 1.125em;line-height: 1.4; font-weight: bold; position: static; }
.multi-checkbox ul li label:after , .hs-fieldtype-checkbox ul li.hs-form-checkbox span:after { content: ''; width: 16px; height: 16px; position: absolute; top: 6px; left: 0; border: 1px solid #253342; border-radius: 2px; }
.multi-checkbox ul li input[type=checkbox]:checked + label:after , .hs-fieldtype-checkbox ul li.hs-form-checkbox input[type=checkbox]:checked + span:after { background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2016%22%20fill%3D%22%23253342%22%3E%3Cpath%20d%3D%22M1.013%208.11c0-.223.078-.412.234-.568l1.14-1.14c.155-.155.345-.233.568-.233s.413.077.57.233l2.46%202.47%205.492-5.5c.156-.156.346-.234.568-.234.224%200%20.413.077.57.233l1.138%201.14c.156.155.234.345.234.568%200%20.224-.078.414-.234.57l-6.06%206.06-1.14%201.14c-.155.155-.345.233-.568.233s-.413-.078-.57-.234l-1.138-1.14-3.03-3.03c-.156-.156-.234-.346-.234-.57z%22%2F%3E%3C%2Fsvg%3E); background-position: center; }
.hs-fieldtype-checkbox ul li.hs-form-checkbox span:after { top: 2px; }
body form .hs-fieldtype-checkbox ul li.hs-form-checkbox input[type=checkbox] { margin: 0; width: 16px !important; height: 16px; }
body form .hs-fieldtype-checkbox ul li.hs-form-checkbox { margin: 0 0 5px; padding: 0; position: relative; }

.hs-fieldtype-checkbox .hs-form-checkbox label { padding: 0 0 0 30px; margin: 0; }
body .Home_Body-row-4-background-layers { padding: 12px 20px; border-radius: 8px; }
body .Home_Body-row-4-background-layers p { margin: 10px 0; }

body .hs-fieldtype-checkbox ul li span { display: none; }
body .hs-fieldtype-checkbox ul li span.mdl-checkbox__label { display: block; }

body #body-content h3#hs_cos_wrapper_widget_1674424432920_title{ margin: 40px 0 20px; }
body form.hs-form fieldset .hs-form-field { margin-bottom: 20px !important; }
body form.hs-form fieldset[class*=form-columns] .hs-input { height: 53px; border: 1px solid #ccc; }
.hs_submit.hs-submit { margin: 20px 0 0; }
body #hs_cos_wrapper_widget_1674424432920 input[type="submit"] { background: #76708e !important; padding: 15px 25px; text-transform: none; font-weight: 600; font-size: 16px; line-height: 1.5em; margin: 0; transition: all .4s ease-in-out; border-radius: 50px; cursor: pointer; }
body #body-content button.btn:hover , body .location_header a:hover { transform: scale(1.05); }

.property-group input[type=checkbox] { margin: 0 !important; width: 16px; height: 16px; position: absolute; top: 5px; left: 0; z-index: 1; opacity: 0; cursor: pointer }
.property-group .checkbox { position: relative; padding: 0 0 0 30px; }
.property-group .checkbox label:after { content: ''; width: 16px; height: 16px; position: absolute; top: 5px; left: 0; border: 1px solid #253342; border-radius: 2px; }
.property-group .checkbox input[type=checkbox]:checked + label:after { background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2016%22%20fill%3D%22%23253342%22%3E%3Cpath%20d%3D%22M1.013%208.11c0-.223.078-.412.234-.568l1.14-1.14c.155-.155.345-.233.568-.233s.413.077.57.233l2.46%202.47%205.492-5.5c.156-.156.346-.234.568-.234.224%200%20.413.077.57.233l1.138%201.14c.156.155.234.345.234.568%200%20.224-.078.414-.234.57l-6.06%206.06-1.14%201.14c-.155.155-.345.233-.568.233s-.413-.078-.57-.234l-1.138-1.14-3.03-3.03c-.156-.156-.234-.346-.234-.57z%22%2F%3E%3C%2Fsvg%3E); background-position: center; }


body .toastify.info { background: linear-gradient(135deg, #76708e, #382e3b);}
#home-v2-page #body-content { align-items: flex-start; flex-wrap: wrap; background: rgba(230, 225, 231, 1); }
#home-v2-page #body-content .main-content { background: #FFF; border-radius: 15px 0 0; padding-bottom: 0; }
body #body-content button.btn.btn-primary.save-btn { background: #d25431; }

body #body-content button[type="submit"] , .popup_modal button[type="submit"]{ background-color: #d25431;}


/*  For popup model*/


.learn-more-popup-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, 0.5); display: flex; align-items: center; justify-content: center; padding: 0 10%; z-index: 999; }
.line-item-condition-form.type2 .slide-box.active { transform: inherit !important; }
form .property-group label a, body .hs-fieldtype-checkbox > label, body .hs-form label a { text-decoration: underline; color: #d25431; }
form .property-group label a:hover, body .hs-fieldtype-checkbox > label, body .hs-form label a:hover { color: #253342; }
span.close-kb { position: absolute; top: -40px; right: 0; width: 30px; height: 30px; border-radius: 100px; background: #d25431; display: flex; align-items: center; justify-content: center; color: #FFF; cursor: pointer; }
.kb-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
}

.kb-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/*** ***/
body .hhs-top-bar { padding: 15px 0; } 

[data-hsfc-id=Renderer] .hsfc-Row { padding-right: 10px; }
body [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content { padding: 0 0 50px; }
[data-hsfc-id=Renderer] .hsfc-Step #CheckboxFieldGroup > label { height: 53px; }
[data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content .hsfc-CheckboxFieldGroup > label { height: 53px; margin: 0 0 15px; display: flex; align-items: center; padding: 0 10px; border: 1px solid #ccc; border-radius: 3px; font-size: 15px; line-height: 1; cursor: pointer; background: url('https://5708986.fs1.hubspotusercontent-na1.net/hubfs/5708986/arrow-down-svgrepo-com.svg') no-repeat center right 15px / 26px; }
[data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content .hsfc-CheckboxFieldGroup__Options { position: absolute; top: 100%; left: 0; width: 100%; background: #FFF; padding: 15px; border: 1px solid #EEE; z-index: 1; display: flex; flex-wrap: wrap; border-radius: 3px; height: 300px; overflow-y: auto; display: none; }
[data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content .hsfc-CheckboxFieldGroup { position: relative; }
[data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content .hsfc-CheckboxFieldGroup__Options > div { width: 33.33%; }
[data-hsfc-id=Renderer] .hsfc-NavigationRow__Buttons { display: flex; width: 100%; text-align: center; justify-content: center !important; }

#home-v2-page #body-content .sidebar-content { width: 250px; position: sticky; top: 50px; }
#home-v2-page #body-content .main-content { width: calc(100% - 250px); overflow: clip; }

body.profile-body #home-v2-page #body-content { overflow-x: inherit; }

.timeline-wrapper .product-table-container * { word-wrap: break-word; overflow-wrap: break-word; }
.timeline-wrapper .product-table-container > div { overflow-x: auto; -webkit-overflow-scrolling: touch; word-wrap: break-word; overflow-wrap: break-word; min-height: 530px; }
.timeline-wrapper .product-table-container table.table { width: 100%; border-collapse: collapse; }
.timeline-wrapper .product-table-container table.table tbody tr td { padding: 12px 10px; text-align: left; }
.timeline-wrapper .product-table-container table.table tbody tr td > div , .timeline-wrapper .product-table-container table.table tbody tr td > div button { width: 100%; }
.timeline-wrapper .product-table-container table.table tbody tr td input , .timeline-wrapper .product-table-container table.table tbody tr td textarea , .timeline-wrapper .product-table-container table.table tbody tr td select { width: 100% !important; }
body .timeline-wrapper .product-table-container table.table tbody tr td textarea , body #toast-portal .product-table-container textarea { min-height: 43px; }
.timeline-wrapper .product-table-container table.table { font-size: 16px; line-height: 1.08; }
.timeline-wrapper .product-table-container th, .timeline-wrapper .product-table-container td { word-wrap: break-word; overflow: hidden; }
.timeline-wrapper .product-table-container table.table tbody tr td.del-cell { width: 100px; min-width: 100px; text-align: center; }
.timeline-wrapper .product-table-container table.table tbody tr td select {
    width: 100%;
}
.timeline-wrapper .product-table-container table.table tbody tr td select option { font-size: 15px; }
.timeline-wrapper .product-table-container td:nth-child(1) , .timeline-wrapper .product-table-container td:nth-child(2) { overflow: visible; }

.product-table-container table.table tbody tr:nth-child(1) .timepicker-popup , .product-table-container table.table tbody tr:nth-child(2) .timepicker-popup { top: 100%; bottom: auto; }
.vender-select { position: relative; }
.vender-select .w-full .p-hidden-accessible {
    position: absolute;
    left: 0;
    top: 100%;
}
.cke_notifications_area { display: none;}

.toastAnimationLoader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: hsla(0,0%,100%,.5); z-index: 9999; display: none; align-items: center; justify-content: center; }
.toastAnimationLoader svg { width: auto; max-height: 200px; }
.toastAnimationLoader.active { display: flex; backdrop-filter: blur(20px); }
.toastAnimationLoader.check-access { display: flex; backdrop-filter: blur(20px); }
.cke_button__pastetext,.cke_button__pastetext_icon,.cke_button__unlink,.cke_button__anchor,.cke_button__image ,.cke_button__table ,.cke_button__specialchar ,.cke_button__maximize,.cke_button__source,.cke_button__strike,.cke_button__removeformat,.cke_toolbar_last,.cke_button__outdent ,.cke_button__indent,.cke_toolbar_break,.cke_button__cut ,.cke_button__pastefromword,.cke_button__copy ,.cke_button__paste,.cke_button__undo,.cke_button__redo,.cke_button__scayt,.cke_combo_button,.cke_toolgroup a.cke_button:last-child:after,.cke_combo:after,.cke_path   {
    display: none !important;
}
span.cke_toolbar_separator { display: none !important;}

.product-table-container .table .absolute.left-0.mt-2.z-50 {
  top: auto;
  bottom: 100%;
}
.product-table-container .table tbody tr:nth-child(1) .absolute.left-0.mt-2.z-50,.product-table-container .table tbody tr:nth-child(2) .absolute.left-0.mt-2.z-50,.product-table-container .table tbody tr:nth-child(3) .absolute.left-0.mt-2.z-50,.product-table-container .table tbody tr:nth-child(4) .absolute.left-0.mt-2.z-50,.product-table-container .table tbody tr:nth-child(5) .absolute.left-0.mt-2.z-50,.product-table-container .table tbody tr:nth-child(6) .absolute.left-0.mt-2.z-50 {
  top: 100%;
  bottom: auto;
}


@media(max-width: 1400px) {

    .slide-step span.step-inline-label { font-size: 14px; line-height: 18px; }

}


@media(max-width: 1200px) {

    body #body-content h3 { font-size: 30px; margin: 0 0 18px; }
    #home-v2-page #body-content .main-content .container-fluid { padding: 0; }
    
    .slide-box.active { padding: 15px; }
    .product-preferences-editor.read-only .slide-box.active { padding: 15px; }

    body .custom-step-editable.read-only .slide-box.active , body .custom-step-editable .slide-box.active { padding: 15px; }
    body .custom-step-editable .slide-box.active , body .custom-step-editable.read-only .slide-box.active { padding: 15px; }
    
    form .property-group label, body .hs-fieldtype-checkbox > label, body .hs-form label { font-size: 16px; margin: 0 0 6px; }
    
    .btn-box { padding: 16px 0 0; }

}

@media(max-width: 991px) {

    .cell_1742944729784-row-0-vertical-alignment > .row-fluid { flex-flow: column; flex-direction: column !important; }
    .cell_1742944729784-row-0-vertical-alignment > .row-fluid > div { width: 100%; margin: 0; }
    .Home_Body-row-1-padding { padding-bottom: 0 !important; }

    .cell_17469659441592-row-2-vertical-alignment > .row-fluid { flex-flow: column; flex-direction: column !important; }
    .cell_17469659441592-row-2-vertical-alignment > .row-fluid > div { width: 100%; margin: 0; }
    #body-content .slider-inline-main-wrapper { margin-bottom: 20px; }
    
    .slide-steps-inline-wrap { width: 100%; overflow: auto; margin: 0 0 30px; max-width: 100%; }
    .slide-steps-inline-wrap .slide-steps { width: 920px; margin: 0 0 15px; }
    .slide-steps-inline-wrap .slide-steps .slide-step { overflow: hidden; }
    
    [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content .hsfc-CheckboxFieldGroup__Options > div { width: 50%; font-size: 14px; }
    body div#toast-portal { margin: 0px;}
    .couple_section .location_item,.toast_team_section .location_item,.location_section .location_item,.reel_section .location_item{ width:100%;}
    .couple_section .location_header,.reel_section .location_header{margin: 0 0 0 20px;}
    .couple_section .location_item,.toast_team_section .location_item,.location_section .location_item,.reel_section .location_item { margin: 10px 0;}
    
    body #body-content button.btn,
    body .location_header a,
    .popup_modal button[type="submit"] { padding: 8px 20px; font-size: 14px; }
    .timeline-btn-wrapper { gap: 8px 10px; }
    
    .line-items__table_wrap { overflow-x: auto; }
    .line-items__table_wrap table.line-items__table { width: 660px; }
    
    .toastAnimationLoader svg { max-height: 150px; }
    
    #home-v2-page #body-content .sidebar-content { top: 0; }
    #left-sidebar .inner-menu ul { margin: 0; }

    
}

@media(max-width: 767px) {
    
    body [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content { padding-bottom: 0; }

    body #body-content h2 { font-size: 30px; margin: 0 0 15px; }
    body #body-content h3 { font-size: 26px; margin: 0 0 15px; }
    
    #home-v2-page #body-content .sidebar-content { margin: 0 0 15px; width: 100%; }
    #home-v2-page #body-content .main-content { margin: 0 auto 15px; padding: 25px 15px; width: 100%; border-radius: 10px; max-width: calc(100% - 30px); }
     
    body .hs-fieldtype-checkbox > label, body .hs-form label, form .property-group label { letter-spacing: 0px; }  
    body div#toast-portal { margin: 0px}
    body .learn-more-popup-wrap { padding: 0 10px}

    form .property-group label, body .hs-fieldtype-checkbox > label, body .hs-form label { font-size: 14px; margin: 0 0 5px; font-weight: 600; }
    
    .property-group input[type=date], .property-group input[type=email], .property-group input[type=number], .property-group input[type=phonenumber], .property-group input[type=tel], .property-group input[type=text], .property-group select { margin-bottom: 10px; }

    body .upload-model .modal-body { padding: 15px; font-size: 16px; }
    body .modal-footer { justify-content: center; padding: 10px; }
    body .modal-footer .btn { font-size: 14px; padding: 7px 18px; }
    body .modal-dialog { margin: 0 auto; }
    
    #home-v2-page #body-content .sidebar-content { position: relative; }
    
    
}

@media(max-width: 600px) {
    
    [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content .hsfc-CheckboxFieldGroup__Options > div { width: 100%; }
}

@media(max-width: 480px) {

    body form.hs-form fieldset .hs-form-field { padding-right: 0; }
    body form.hs-form fieldset[class*=form-columns] .hs-input { width: 100% !important; }
    .couple_section .location_item,.toast_team_section .location_item,.location_section .location_item,.reel_section .location_item{
        flex-flow: column;
    }
    .couple_section .location_item,.toast_team_section .location_item,.location_section .location_item_content,.reel_section .location_item_content {
        margin: 20px 0 0;
        width: 100%;
    }
}