/*



Theme Name: CDL



Text Domain: cdl



Version: 1.0.0



Description: This is cdl custom theme!



Tags: custom-theme



Author: d



Author URI: https://www.cdltemp.viewourdesign.com/







Theme URI: https://www.cdltemp.viewourdesign.com/theme



License: GNU General Public License v2 or later



License URI: <https://www.gnu.org/licenses/gpl-2.0.html>



*/


@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@700&display=swap');
	
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');


.padding-lr{
	padding-left:60px;
	padding-right:60px;
}
header .row{
	padding-top:16px;
	padding-bottom:16px;
}
header .row .site-logo{
	max-width:220px;
}
	
.header-sec, .section1, .section2-1, .section2-2-row1, .section2-2-row2, .section3, .section5{
	max-width:1320px;
	margin:0 auto;
}
.section4{
	max-width:1240px;
	margin:0 auto;	
}
.main-section1{
	background-position: 50% 50%;
	background-repeat: no-repeat; 
	background-size: cover; 
}
.section1{
	padding-top:119px;
	padding-bottom:119px;
}
.section1 .main-row1{
	margin-bottom:32px;
}
.section1 h1{
	max-width:750px;
	font-family: "Merriweather",serif;
	font-size:44px;
	font-weight:700;
	color:#00446F;
}
.section1 .main-row2{	
	display: flex;
	align-items: center;
}
.section1 .main-row2 span{
	max-width:370px;
	font-family: 'Montserrat', sans-serif;
	color:#00446F;
	font-size:19px;
	font-weight:700;
	margin-right:40px;
}
.section1 .main-row2 a{
	padding:18px 30px;
	width: fit-content;
	text-decoration: none;
	border: 3px solid #2274A3;
	color:#00253C;
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	font-weight:800;
}
	
.main-section2{
	padding:0;
	position:relative;
	z-index:1;
	background:#fff;
}
.main-section2:before{
	content:'';
	position:absolute;
	width: 100%;
	height: 100%;
	opacity: 16%;
	top:0;
	left:0;
	mix-blend-mode: color-dodge;
	background-image:url("https://www.cdltemp.viewourdesign.com/wp-content/uploads/2022/07/swoosh-bg2.png");
    background-size: 1436px 895px;
    background-position: -76px -11px;
	background-repeat: no-repeat; 
	z-index:-1;
}
.main-section2:after{
	content:'';
	position:absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	opacity: 20%;
	mix-blend-mode: darken;
	background-image:url("https://www.cdltemp.viewourdesign.com/wp-content/uploads/2022/07/swoosh-bg.png");
    background-size: 1436px 895px;
    background-position: -76px -11px;
	background-repeat: no-repeat; 
	z-index:-1;
}
.section2-1{
	padding-top:64px;
	padding-bottom:64px;
	display: flex;
    align-items: center;
}
.section2-1 .col-md-4{
	display: flex;
    flex-direction: column;
    align-items: center;
}
.section2-1 .col-md-4 img{
	max-width:250px;
	margin-bottom:16px;
}
.section2-1 .col-md-4 span{
	font-weight:700;
	font-size:16px;
	color:#3C3C3C;
	font-family: 'Montserrat', sans-serif;
	max-width:326px;
}
.section2-1 .col-md-8{
	padding-left:32px;
}
.section2-1 .col-md-8 h2{
	font-weight:800;
	font-size:19px;
	color:#2274A3;
	font-family: 'Montserrat', sans-serif;
	margin-bottom:16px;
	max-width:708px;
}
.section2-1 .col-md-8 .section2-1-content{
	font-weight:400;
	font-size:16px;
	color:#3C3C3C;
	font-family: 'Montserrat', sans-serif;
	margin-bottom:44px;
	max-width:708px;
}
.section2-1 .col-md-8 .section2-1-text{
	font-weight:700;
	font-size:16px;
	color:#3C3C3C;
	font-family: 'Montserrat', sans-serif;
	margin-right:20px;
}
.section2-1 .col-md-8 a{
	padding:10px 24px;
	width: fit-content;
	text-decoration: none;
	border: 3px solid #2274A3;
	color:#00253C;
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	font-weight:800;
}
.section2-2{
	padding-top:62px;
	padding-bottom:78px;
	position:relative;
	text-align:center;
}
.section2-2:before{
	content:'';
	position:absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background-color:#00446F;
	z-index:-2;
}
.section2-2 .section2-2-row1{
    justify-content: center;
}
.section2-2 .section2-2-row1 h2{
	font-weight:800;
	font-size:19px;
	color:#FFFFFF;
	font-family: 'Montserrat', sans-serif;
	margin-bottom:8px;
}
.section2-2 .section2-2-row1 p{
	font-weight:500;
	font-size:16px;
	color:#FFFFFF;
	font-family: 'Montserrat', sans-serif;
	margin-bottom:36px;
	max-width: 868px;
}
.section2-2 .section2-2-row2 img{
	height:85px;
	width:110px;
	object-fit:contain;
	margin-bottom:20px;
}
.section2-2 .section2-2-row2 h3{
	font-weight:600;
	font-size:16px;
	color:#FFFFFF;
	font-family: 'Montserrat', sans-serif;
	margin-bottom:0;
}

.main-section3{
	background-image:url("https://www.cdltemp.viewourdesign.com/wp-content/uploads/2022/07/section3-bg.jpeg");
	background-position: center;
	background-repeat: no-repeat; 
	background-size: cover; 
	background-color: #8250AA;
    background-blend-mode: luminosity;
}	
.section3{
	padding-top:64px;
	padding-bottom:64px;
    align-items: center;
}
.section3 .section3-left-col{
	text-align:center;
	display: flex;
    flex-direction: column;
    align-items: center;
}
.section3 .section3-left-col .quote-icon{
	background-image:url("https://www.cdltemp.viewourdesign.com/wp-content/uploads/2022/07/quote-icon.png");
	width:47px;
	height:47px;
	background-position: center;
	background-repeat: no-repeat; 
	background-size: 20px 15px; 
	border:3px solid #F0A202;
	border-radius:50%;
	margin-bottom:32px;
}	
.section3 .section3-left-col p{
	font-weight:600;
	font-size:18px;
	color:#FFFFFF;
	font-family: 'Montserrat', sans-serif;
	margin-bottom:0;
	max-width:484px;
}
.section3 .section3-right-col{
    display: flex;
    justify-content: center;
    align-items: center;
}
.section3 .section3-right-col .tes-col{
	max-width:426px;
	background:#FFFFFF;
	padding:24px 80px 32px;
	display: flex;
    flex-direction: column;
    align-items: center;
	border-radius:18px;
    box-shadow: 2px 5px 14px 0 #00000099;
}
.section3 .section3-right-col .tes-col .tes-hole{
	max-width:92px;
	width:100%;
	height:15px;
	object-fit:contain;
	margin-bottom:22px;
}
.section3 .section3-right-col .tes-col .tes-img{
	max-width:265px;
	width:100%;
	height:260px;
	object-fit:cover;
	margin-bottom:16px;
}
.section3 .section3-right-col .tes-col span{
	font-weight:400;
	font-size:16px;
	color:#000000;
	font-family: 'Montserrat', sans-serif;
	margin-bottom:16px;
}
.section3 .section3-right-col .tes-col .tes-brand{
	max-width:203px;
	width:100%;
	height:63px;
	object-fit:contain;
	margin-right: auto;
}
.section4{
	padding-top:64px;
	padding-bottom:64px;
}
.section4 .section4-left-col h3{
	color:#2274A3;
	font-family: "Merriweather",serif;
	font-size:35px;
	font-weight:700;
	margin-bottom:30px;
}
.section4 .section4-left-col p{
	color:#3C3C3C;
	font-weight:400;
	font-size:16px;
	font-family: 'Montserrat', sans-serif;
	margin-bottom:28px;
	max-width:357px;
}
.section4 .section4-left-col img{
	max-width:327px;
	width:100%
}
.section4 .section4-right-col{
	padding-left:70px;
}
.section4 .section4-right-col h2{
	color:#2274A3;
	font-weight:700;
	font-size:19px;
	font-family: 'Montserrat', sans-serif;
	margin-bottom:10px;
}
.section4 .section4-right-col p{
	color:#3C3C3C;
	font-weight:400;
	font-size:14px;
	font-family: 'Montserrat', sans-serif;
	margin-bottom:26px;
}




.main-section5{
	background: linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 50%,#00446f 50%,#00446f 100%);
	z-index:1;
	position:relative;
}
.main-section5 .section5{
	padding-top:64px;
	padding-bottom:64px;
	background:#00446F;
	align-items: center;
}
.main-section5 .section5 .col-4{
	padding-left:100px;
}
.main-section5 .section5 .col-4 h2{
	color:#FFFFFF;
	font-family: "Merriweather",serif;
	font-size:35px;
	font-weight:700;
	margin-bottom:25px;
}
.main-section5 .section5 .col-4 p{
	color:#FFFFFF;
	font-weight:400;
	font-size:16px;
	font-family: 'Montserrat', sans-serif;
	margin-bottom:0;
}
.main-section5 .section5 .col-8{
	padding-left:100px;
}
.main-section5 .section5 .col-8 video{
    width: 100%;
    max-height: 100%;
}


.main-section6{
	position: relative;
	height:412px;
	margin-top:-359px;
	margin-bottom:-2px;
	background:#007EA2;
}

.cdl-button:hover{
	color:#FFFFFF!important;
	background:#2274A3;
	transition:.7s;
}