/*
Theme Name: Centre for Law and Democracy
Description: This is a custom theme for Centre for Law and Democracy
Theme URI:   https://www.law-democracy.org/
Author: iSEO Ranker
Author URI:  https://iseoranker.com
Template: salient
Version: 1.0
*/
.home-bnr h1 {
    font-size:80px !important;
}
.home-bnr p{
    font-size:20px !important;
    line-height:25px!important;
    width:45%;
    margin:0 auto;
    font-weight:500!important;
}
.home-bnr a{
    font-size:16px !important;
    text-transform:capitalize !important;
    letter-spacing:0 !important;
    border:2px solid #277fbd;
}
.home-bnr .buttons{
    margin: 0 !important;
}
body[data-button-style="slightly_rounded_shadow"] .swiper-slide .button a:hover{
    background-color:transparent !important;
    border-color:#277fbd;
}
.swiper-container[data-bullet_style="scale"] .slider-pagination .swiper-active-switch i,
.swiper-container[data-bullet_style="scale"] .slider-pagination .swiper-active-switch i:hover{
    background-color:#277fbd !important;
}
/* ------------------- Global CSS ---------------- */
#top-sec h1{
    font-size: 70px;
    line-height: 80px;
    font-weight: 700;
}
#top-sec .mn-hdng{
    margin-bottom:5px;
}
.hdng h2 {
    font-size: 70px;
    line-height: 70px;
    color: #000;
    text-transform: capitalize;
}
.hdng,
.p-txt,
.sbhdng{
    margin-bottom:10px !important;
}
.p-txt p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #000;
}
.container-wrap {
    padding: 0 !important;
}
header#top ul.buttons.sf-menu {
    gap: 40px !important;
}
header#top ul.sf-menu a span {
    font-size: 16px;
    font-weight: 500;
    transition: all .3s ease-in;
}
header#top .hdrBtn a:after {
    display: none!important;
}
header#top .hdrBtn a{
    background: #277FBD;
    padding: 15px 35px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
    transition: all .3s ease-in-out;
    border: 1px solid #fff;
}
header#top .hdrBtn a:hover{
    background: transparent;
    color: #277FBD;
    border: 1px solid #277FBD;
    transform: translate(0px, -2px) scale(1.01);
}
header#top ul.buttons.sf-menu {
    flex-direction: row-reverse;
    gap: 15px;
}
header#top li#search-btn,
header#top ul.buttons.sf-menu li.nectar-header-text-content-wrap {
    margin: 0 !important;
}
div#ftrTp h2 {
    font-size: 50px;
    line-height: 50px;
    width: 95%;
}
div#ftrTp a#btn {
    border-color: #fff !important;
    color: #fff !important;
    padding: 11px 50px !important;
    font-size: 16px;
    border-radius: 5px !important;
    transition: all .3s ease-in-out;
}
div#ftrTp a#btn:hover{
    box-shadow: none !important;
    color: #277FBD !important;
	background: #fff !important;
}
div#CLDftr {
    padding-top: 60px !important;
}
div#CLDftr-inr1 .vc_col-sm-12 .vc_column-inner {
    padding-top: 20px;
}
div#CLDftr-inr .col.span_12.nwBtn input#Subscribee,
div#CLDftr-inr1 .p-txt p a,
div#CLDftr .ulTxt li a,
div#CLDftr img {
    transition: all .3s ease-in-out;
}
div#CLDftr .vc_col-sm-4:nth-child(1) img:hover{
    transform: translate(0px, -2px) scale(1.01);
}
div#CLDftr .ulTxt ul {
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding-top: 15px;
}
div#CLDftr .ulTxt li {
    list-style-type: none;
    position: relative;
    padding-left: 80px;
    min-height: 50px;
    display: flex;
    align-items: center;
}
div#CLDftr .ulTxt li a {
    color: #fff;
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
}
div#CLDftr .ulTxt li a:before{
    content: '';
    width: 50px;
    height: 50px;
    display: inline-flex;
    background-color: transparent;
    border-radius: 50px;
    vertical-align: middle;
    border: 2px solid #fff;
    font-size: 27px;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
    font-family: 'FontAwesome';
    position: absolute;
    left: -75px;
    top: -2px;
}
div#CLDftr .ulTxt li:nth-child(1) a::before {
    content: '\f041';
}
div#CLDftr .ulTxt li:nth-child(2) a::before {
    content: '\f095';
    top: -15px;
}
div#CLDftr .ulTxt li:nth-child(3) a::before {
    content: '\f0e0';
    top: -15px;
}
div#CLDftr-inr1 {
    padding-top: 40px;
}
div#CLDftr .ulTxt li a:hover{
    color: #277FBD;
}
div#CLDftr .ulTxt li a:hover:before{
    color: #fff;
    background: #277FBD;
    border: 2px solid #277FBD;
    transform: rotate(360deg);
}
div#CLDftr h3 {
    font-family: 'Playfair';
    font-size: 30px;
    line-height: 30px;
}
div#CLDftr h3::after {
    content: '';
    display: block;
    width: 70px;
    height: 1px;
    background-color: #277FBD;
    margin-top: 20px;
}
div#CLDftr ul#menu-quicklinks {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
    padding-top: 15px;
}
div#CLDftr ul#menu-quicklinks li{
    list-style-type: none;
    width: 48%;
}
div#CLDftr ul#menu-quicklinks li a{
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
}
div#CLDftr-inr1 .p-txt p{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}
div#CLDftr-inr1 .p-txt p a{
    color: #fff;
}
div#CLDftr-inr1 .p-txt p a:hover{
    color: #277FBD;
}
div#CLDftr-inr .vc_col-sm-4:nth-child(2) .vc_column-inner{
    padding: 0 40px;
}
div#CLDftr-inr .vc_col-sm-4:nth-child(1) .vc_column-inner > .wpb_wrapper {
    border-right: 1px solid #525252;
    padding-right: 20px;
}
div#CLDftr-inr .vc_col-sm-4:nth-child(3) .vc_column-inner > .wpb_wrapper {
    border-left: 1px solid #525252;
    padding-left: 40px;
}
div#CLDftr-inr .nwsltr {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 15px;
}
div#CLDftr-inr .nwsltr .col.span_12.inpt {
    margin-right: 0;
    position: relative;
}
div#CLDftr-inr .nwsltr .col.span_12.inpt input {
    background: #2C2C2C;
    color: #fff;
    font-family: 'Inter';
    border-radius: 5px;
    font-weight: 400;
    padding-left: 45px;
}
div#CLDftr-inr .nwsltr .col.span_12.inpt input::placeholder{
    color: #fff;
    font-weight: 400;
    font-size: 13px;
}
div#CLDftr-inr span.wpcf7-form-control-wrap:before {
    position: absolute;
    content: " ";
    background: url(https://testing.dwssol.com/cld/wp-content/uploads/2025/07/Mask-group-1.png);
    width: 22px;
    height: 22px;
    left: 14px;
    top: 13px;
    background-repeat: no-repeat;
    background-size: cover;
}
div#CLDftr-inr .col.span_12.nwBtn input#Subscribee {
    background: #277FBD;
    border-radius: 5px !important;
    padding: 13px 64px !important;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #277FBD;
}
div#CLDftr-inr .col.span_12.nwBtn input#Subscribee:hover{
    opacity: 1;
    background: transparent;
    color: #277FBD;
}

div#CLDftr-inr ul.ftr_socl {
    margin: 0;
    display: flex;
    gap: 18px
}
div#CLDftr-inr ul.ftr_socl li{
    list-style-type: none;
}
div#CLDftr-inr ul.ftr_socl li a {
    width: 37px;
    height: 37px;
    display: inline-flex;
    text-align: center;
    color: #fff !important;
    border: 2px solid;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 18px !important;
    transition: all .3s ease-in-out;
}
div#CLDftr-inr ul.ftr_socl li img{
    margin: 0;
}
div#CLDftr-inr ul.ftr_socl li {}
div#CLDftr-inr ul.ftr_socl li i.fa.fa-linkedin,
div#CLDftr-inr ul.ftr_socl li i.fa.fa-facebook {
    top: 1px;
}
div#CLDftr-inr ul.ftr_socl li a:hover{
    background: #277FBD;
    border: 2px solid #277FBD;
    transform: translate(0px, -2px);
}
div#CLDftr-inr .wpcf7-response-output {
    display: none;
}
div#CLDftr-inr span.wpcf7-not-valid-tip {
    background: transparent;
    font-size: 12px;
    padding: 0 !important;
    color: red !important;
    position: absolute;
    top: -25px;
    font-weight: 600;
}
div#CLDftr .row-bg-overlay.row-bg-layer {
    opacity: 0.5 !important;
}
@media(max-width: 1300px){
    header#top ul.buttons.sf-menu {
    gap: 15px !important;
}
header#top ul.sf-menu.sf-js-enabled.sf-arrows li a {
    margin: 0 5px !important;
}
header#top ul.sf-menu a span {
    font-size: 15px;
}
}
@media(max-width: 1280px){
	div#ftrTp h2 {
    font-size: 45px;
    line-height: 50px;
	}
	div#CLDftr-inr .vc_col-sm-4:nth-child(2) .vc_column-inner {
    padding: 0 20px;
}
}
/*Banner CS*/
section#bnr_cld {
    background: url(https://testing.dwssol.com/cld/wp-content/uploads/2025/08/banner-image.jpg);
    position: relative;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
section#bnr_cld h1{
    font-weight: 800;
    font-size: 80px;
    line-height: 80px;
    color: #fff;
	margin: 0;
    text-align: center;
}
section#bnr_cld .bnr_cld-inr {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 0;
	justify-content: center;
    flex-wrap: wrap;
    min-height: 320px;
    padding: 20px 0;
}
@media (max-width: 1180px) {
	.p-txt p br{
    display:none;
}
    div#ftrTp h2 {
        font-size: 40px;
        line-height: 45px;
        width: 100%;
    }
}
@media (max-width: 1100px){
	div#CLDftr .ulTxt li a:before {
    	width: 40px;
    	height: 40px;
		left: -55px;
		font-size: 22px;
	}
	div#CLDftr ul#menu-quicklinks li a,
	div#CLDftr .ulTxt li a{
    	font-size: 15px;
	}
}
@media (max-width: 1024px){
	.home-bnr h1 {
    font-size: 60px !important;
}
	.home-bnr p {
    width: 80%;
	}
	.home-bnr .buttons {
    margin: 15px !important;
}
	.p-txt p {
    font-size: 15px;
    line-height: 19px;
	}
	#top-sec h1 {
    font-size: 60px;
    line-height: 70px;
	}
	.hdng h2 {
    font-size: 55px;
    line-height: 65px;
	}
	div#ftrTp h2 {
        font-size: 35px;
        line-height: 40px;
	}
	div#CLDftr-inr .vc_col-sm-4:nth-child(2) .vc_column-inner {
        padding: 0;
    }
}
@media(max-width: 800px){
	.nectar-header-text-content.mobile-only {
    display: none !important;
}
	#ftrTp .vc_col-sm-8{
    margin:0;
}
	div#CLDftr-inr .vc_col-sm-4:nth-child(1) .vc_column-inner > .wpb_wrapper {
    border-right: none;
    padding-right: 0;
}
	div#CLDftr .ulTxt ul{
		gap: 10px;
	}
	div#CLDftr .ulTxt li{
		padding-left: 60px;
	}
	div#CLDftr .ulTxt li:nth-child(2) a::before,
	div#CLDftr .ulTxt li:nth-child(3) a::before,
	div#CLDftr .ulTxt li:nth-child(1) a::before{
    top: -10px;
}
	div#CLDftr {
    padding-top: 30px !important;
}
	div#CLDftr-inr .vc_col-sm-4:nth-child(3) .vc_column-inner > .wpb_wrapper {
    border-left: none;
    padding-left: 0;
}
	div#CLDftr-inr .nwsltr {
    gap: 0;
    padding-top: 0;
}
	div#wpcf7-f36-o1 {
    margin-bottom: 0;
}
	div#CLDftr-inr ul.ftr_socl {
    gap: 10px;
}
	div#CLDftr-inr1 {
    padding-top: 0px;
}
	div#CLDftr ul#menu-quicklinks {
    row-gap: 20px;
    padding-top: 0;
}
.nwsltr .col.span_12.inpt {
    margin-bottom:10px;
}
}
@media(max-width: 600px){
    section#bnr_cld .bnr_cld-inr {
    min-height: 220px;
    padding: 10px 0;
    justify-content: center;
}
    section#bnr_cld h1{
    font-size: 60px;
    line-height: 60px;
}
}
@media(max-width: 480px){
	.home-bnr a {
    font-size: 14px !important;
		padding:5px!important;
	}
	.swiper-container .slider-pagination-wrap {
        bottom: -10px !important;
    }
	.home-bnr .buttons {
        margin: 0px !important;
    }
	.home-bnr p {
    font-size: 16px !important;
    line-height: 20px !important;
		width:100%;
	}
	.home-bnr h1 {
        font-size: 30px !important;
        line-height: 35px !important;
    }
	#ab-sec .col1 .vc_column-inner, #team .team-1 .vc_column-inner {
        width: 65%;
    }
	        #top-sec h1 {
            font-size: 50px;
            line-height: 55px;
        }
	.hdng h2 {
        font-size: 40px;
        line-height: 45px;
    }
	div#CLDftr .ulTxt li:nth-child(1) a::before {
        top: 0;
    }
	div#ftrTp h2 {
        font-size: 28px;
        line-height: 30px;
    }
	div#ftrTp a#btn{
		padding: 10px 40px !important;
    font-size: 14px;
	}
	div#CLDftr-inr .col.span_12.nwBtn input#Subscribee{
		padding: 10px 44px !important;
    font-size: 14px;
	}
    section#bnr_cld .bnr_cld-inr {
    min-height: 160px;
    padding: 10px 0;
}
    section#bnr_cld h1{
    font-size: 46px;
    line-height: 56px;
}
}
@media (max-width: 420px) {
    div#CLDftr ul#menu-quicklinks li a, div#CLDftr .ulTxt li a {
        font-size: 14px;
    }
	div#CLDftr-inr .nwsltr .col.span_12.inpt input::placeholder{
    font-size:12px;
}
	.hdng h2 {
        font-size: 35px;
        line-height: 40px;
    }
	#top-sec h1 {
        font-size: 40px;
        line-height: 45px;
    }
	    .p-txt p {
        font-size: 14px;
        line-height: 18px;
    }
	 .home-bnr h1 {
        font-size: 30px !important;
        line-height: 35px !important;
    }
	    .home-bnr p {
        font-size: 14px !important;
        line-height: 18px !important;
    }
}
@media (max-width: 360px) {
    .home-bnr h1 {
        font-size: 25px !important;
        line-height: 25px !important;
    }
	.home-bnr a {
        font-size: 12px !important;
    }
}