.page_calculator_sec {
    padding: 45px 0 60px;
    background-color: #f8f8fb;
}
.page_calculator_sec .container .page_calculator h1 {
    text-align: center;
    font-size: 36px;
}

.page_calculator_sec .container .page_calculator p {
    text-align: center;
    font-size: 18px;
    margin-bottom: 30px;
}

.page_calculator_sec .container .page_calculator .form_container form .word_area {
    box-shadow: 0 2px 20px rgba(0,0,0,.1607843137254902);
    margin-top: 8px;
    background-color: #fff;
    position: relative;
    border-radius: 0;
    height: 215px;
}


.page_calculator_sec .container .page_calculator .form_container form .word_area .resizable-textarea span .word_control {
    width: 100%;
    height: 100%!important;
    min-height: 215px!important;
    background-color: #fff;
    border: none;
    border-radius: 0;
    font-size: 14px;
    color: #2c2c2c;
    padding: 25px 14px 14px;
    resize: none;
    margin-bottom: 4px;
    overflow: visible!important;
}
.page_calculator_sec .container .page_calculator .form_container form .word_area .resizable-textarea span .word_control:focus-visible{outline:1px solid #FF8300 !important}


.page_calculator_sec .container .page_calculator .form_container form .word_count_container {
    display: flex;
    justify-content: start;
    align-items: flex-start;
    position: absolute;
    left: 1%;
    width: 99%;
    background-color: #fff;
}
.page_calculator_sec .container .page_calculator .form_container form .word_count_container .word_cont_icon {
    display: flex;
    margin-top: 5px;
}
.page_calculator_sec .container .page_calculator .form_container form .word_count_container .word_cont_icon .tooltip-custom {
    position: relative;
    margin-right:10px;
    cursor: pointer;
    background-color: #8e9dbd;
    width: 23px;
    height: 23px;
    padding: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.tooltip-custom .tooltiptext {
    visibility: hidden;
    width: 71px;
    height: 31px;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    display: flex;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 0;
    position: absolute;
    z-index: 1;
    bottom: 160%;
    left: 180%;
    margin-left: -59px;
    text-transform: capitalize;
}

.tooltip-custom .tooltiptext:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top-color: #000;
}

#for_counting_lines, #for_keyword_density {
    display: none;
    resize: none;
    border: none;
}

.page_calculator_sec .container .page_calculator .form_container form .counter_container {
  /* display: flex; */
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}

.page_calculator_sec .container .page_calculator .form_container form .counter_container .counter_box {
    width: 100%;
    height: 90px;
    border-radius: 0;
    border: 1px solid #FF8300;
    background-color: #e9f4e6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.page_calculator_sec .container .page_calculator .form_container form .counter_container .counter_box .counter_title {
    color: #2c2c2c;
    font-weight: 600;
    font-size: 16px;
}

.page_calculator_sec .container .page_calculator .form_container form .counter_container .counter_box .counter_value {
    color: #FF8300;
    font-weight: 600;
    font-size: 26px;
}

.page_calculator_sec .container .page_calculator .form_container form .word_detail_container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .detail {
    position: relative;
}

.order-1 {
    order: 1;
}

.order-3 {
    order: 3;
}

.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .detail .page-of {
    font-size: 13px;
    color: #2c2c2c;
    margin: 0 5px;
    line-height: 13px;
}

.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .detail .page-of {
    font-size: 13px;
    color: #2c2c2c;
    margin: 0 5px;
    line-height: 13px;
}

.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .details {
    width: 100%;
}

.slideractive {
    display: block;
}

.sliderhide {
    display: none;
}

.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .top_keywords {
    position: relative;
}



.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .top_keywords .dynamic-desity {
    width: 100%;
}

.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .top_keywords .dynamic-desity .controls {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    line-height: 13px;
}

.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .no_keywords {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 290px;
    text-align: center;
    width: 100%;
}

.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .no_keywords p {
    color: #b1bdd6;
    font-size: 12px;
    max-width: 200px;
}

.page_calculator_sec .container .page_calculator p {
    text-align: center;
    font-size: 18px;
    margin-bottom: 30px;
}


.word_detail_box .tns-nav{text-align:center;margin-top:19px;counter-reset:section;position:relative}
.word_detail_box .tns-nav button{margin:0 2.5px;width:0;height:0;background-color:#dfdfdf;border:0;border-radius:8px;padding:0;position:absolute;left:46%}
.word_detail_box .tns-nav button.tns-nav-active{background-color:#dd6e02}
.word_detail_box .tns-nav button.tns-nav-active:before{z-index:999;opacity:1}
.word_detail_box .tns-nav button:before{counter-increment:section;content:counter(section) " ";opacity:0;font-size:13px;color:#2c2c2c}[tooltip]{position:relative;cursor:pointer}[tooltip]:after,[tooltip]:before{text-transform:none;font-size:.9em;line-height:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0}[tooltip]:before{content:"";border:5px solid transparent;z-index:1001}[tooltip]:after{content:attr(tooltip);font-family:Helvetica,sans-serif;text-align:center;min-width:3em;max-width:15em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1ch 1.5ch;border-radius:0;box-shadow:none;background:#000;color:#fff;z-index:1000}[tooltip]:hover:after,[tooltip]:hover:before{display:block}[tooltip=""]:after,[tooltip=""]:before{display:none!important}[tooltip][flow^=right]:before{border-left-width:0;border-right-color:#000;right:-5px}[tooltip][flow^=right]:after,[tooltip][flow^=right]:before{top:50%;-webkit-transform:translate(.5em,-50%);transform:translate(.5em,-50%)}[tooltip][flow^=right]:after{left:calc(100% + 5px)}@-webkit-keyframes tooltips-vert{to{opacity:.9;-webkit-transform:translate(-50%);transform:translate(-50%)}}@keyframes tooltips-vert{to{opacity:.9;-webkit-transform:translate(-50%);transform:translate(-50%)}}@-webkit-keyframes tooltips-horz{to{opacity:.9;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes tooltips-horz{to{opacity:.9;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}[tooltip]:not([flow]):hover:after,[tooltip]:not([flow]):hover:before{-webkit-animation:tooltips-vert .3s ease-out forwards;animation:tooltips-vert .3s ease-out forwards}[tooltip][flow^=right]:hover:after,[tooltip][flow^=right]:hover:before{-webkit-animation:tooltips-horz .3s ease-out forwards;animation:tooltips-horz .3s ease-out forwards}#for_counting_lines,#for_keyword_density{display:none;resize:none;border:none}.disbled_before{pointer-events:none;opacity:.5}

.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .detail .arrow:hover {
    border: solid #f16700;
    border-width: 0 2px 2px 0;
    padding: 4px;
}



.order-first{order:-1}.order-last{order:13}.order-0{order:0}
.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}

/* ================================== */
.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .details .slider-item .detail_item:first-child {
    border-top: .5px solid #b1bdd6;
}

.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .details .slider-item .detail_item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: .5px solid #b1bdd6;
    padding: 7px 0;
}

.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .detail .controls {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    line-height: 13px;
}

.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .detail .left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .detail .arrow {
    border: solid #b1bdd6;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    cursor: pointer;
}

.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .detail .right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .detail .arrow {
    border: solid #b1bdd6;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    cursor: pointer;
}


/* ============================ */
.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .word_detail_box {
    width: 48%;
    min-height: 290px;
    max-height: 290px;
    border-radius: 0;
    border: .5px solid #b1bdd6;
    background-color: #fff;
    display: flex;
    padding: 15px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
	margin-top:10px;
}
.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .word_detail_box h4 {
    font-size: 22px;
    color: #2c2c2c;
    font-weight: 700;
    width: 100%;
    padding: 5px 0;
    margin-bottom: 0;
}
.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .top_keywords .dynamic-desity {
    width: 100%;
}




.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .top_keywords .dynamic-desity .left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .top_keywords .dynamic-desity .arrow {
    border: solid #b1bdd6;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    cursor: pointer;
}


.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .top_keywords .dynamic-desity .right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .top_keywords .dynamic-desity .arrow {
    border: solid #b1bdd6;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    cursor: pointer;
}
.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .top_keywords .dynamic-desity .page-of {
    font-size: 13px;
    color: #2c2c2c;
    margin: 0 5px;
    line-height: 13px;
}
.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .top_keywords .dynamic-desity .page-of {
    font-size: 13px;
    color: #2c2c2c;
    margin: 0 5px;
    line-height: 13px;
}

.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .top_keywords .dynamic-desity .page-of {
    font-size: 13px;
    color: #2c2c2c;
    margin: 0 5px;
    line-height: 13px;
}

.slideractive {
    display: block;
}
.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .top_keywords_slider .slider-item .detail_item:first-child {
    border-top: .5px solid #b1bdd6;
}
.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .top_keywords_slider .slider-item .detail_item .detail_item_title {
    color: #2c2c2c;
    font-size: 14px;
}
.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .top_keywords_slider .slider-item .detail_item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: .5px solid #b1bdd6;
    padding: 7px 0;
}
.page_calculator_sec .container .page_calculator .form_container form .word_detail_container .top_keywords_slider .slider-item .detail_item .detail_item_value {
    color: #2c2c2c;
    font-size: 14px;
    font-weight: 600;
}
.d-none{display:none!important}